/* this stylesheet contains styles that apply to the external forms*/
/* Alison Fox  Novemebr 2018*/
html {background-color:#FFFFFF;	font-size:100%; /*IE Hack */ margin:0;overflow:scroll;font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;}
body {background-color:#FFFFFF;font-size:100%;text-align:left;height:100%;margin:0;color: #33301D;background-color:#4ac4ba;}
a {text-decoration:underline;color:#7E7E7E;}
a:hover {color:#333333;}
h1 {font-size:28px;font-weight:bold;color:#723375;font-family:'Oswald'}
h2 {font-size:20px;font-weight:normal;color:#723375;margin-top:20px; font-family:'Oswald'}
h3 {font-size:0.75em;font-weight:bold;color:#723375;}
p {font-size:0.9em;}
ul.terms{font-size:0.8em;}
a img, img { border-style:none;}
.white {color:#FFFFFF;}
.purple {color:#723375;}
.pink {color:#c41c96;}
.teal{color:#4ac4ba;}
.lime {color:#8ee122;}
.grey{color:#4b4a4e;}
.lightgrey{color:#aaaaaa;}
.bold {font-weight:bold;}
.skiplink {position:absolute;left:-1000px;width:990px;font-size:1px;line-height:1;color:#000000;}
.small {font-size: 0.8em;}
.italic {font-style:italic;}
.textbody {width:925px;}
.error {font-weight:bold; color:red;}
ul.error{font-size:0.8em;}
.disabled {color: #999999;}
.infotip {display:none}
.infotip.action {display:inline;cursor:pointer}
@media (min-width:960px){.infotip {display:inline-block; vertical-align:middle;padding-left:10px;}}
.break-word {word-wrap: break-word;}

#content {text-align:left;min-width:100%;top:0;left:0;font-size:1.0em;}
#title {padding-left:10px;}
#logo{padding-top:10px}


#contentbody {padding-left:10px;padding-top:10px;background-color:#ffffff;height:100%;/*overflow:hidden*/}
@media (min-width:960px)
{
	#title {padding-legt:20px}
	#contentbody {padding-left:20px}
}

td {font-size:0.8em; padding-top:0px;padding-bottom:0px;}

.item {background-color:#F5F5F5;margin-bottom:10px;margin-right:10px;padding-bottom:10px;border:1px solid #8ee122;border:1px solid #AAAAAA;}
.itemtitlearea {padding-left:5px;padding-top:3px}
.itemtitle {font-size:1em;padding-bottom:10px;float:left;padding-top:2px;cursor:pointer}
.itemtitle a {text-decoration:none;}
.itemdetail {padding-left:5px}


/***** FORM ELEMENTS ****/
form {margin-bottom:100px}
.formlabel {width:110px;padding-bottom:10px;float:left}
input[type=text], input[type=password], input.jscolor{font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;margin-top:0px;padding-left:3px;border: 1px solid #4ac4ba; border: 1px solid #AAAAAA; height: 30px;width: 300px;margin-bottom:5px;}
input.disabled{background-color:#F3F3F3}
input[type=file] {font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;}
.selectdiv {
   float:left;
   width: 303px;
   height: 30px;
   overflow: hidden;
   background: url('../images/select-arrow-1-grey.jpg') no-repeat right #FFFFFF;
   background-size:32px;
   border: 1px solid #4ac4ba;
   border: 1px solid #AAAAAA;
   border-right:none;
   margin-bottom:5px;
   margin-right:5px;
}
.selectdiv.nofloat {float:unset}
.selectdiv.inverse {background-image: url('../images/select-arrow-grey.jpg')}
.selectdiv.teal {background-image: url('../images/select-arrow-1.jpg')}
.selectdiv.inverse.teal {background-image: url('../images/select-arrow.jpg')}
.selectdiv select {
  background: transparent;
  height:30px;
  width: 298px;
  padding: 5px;
  padding-right:30px;
  border: 0;
  border-radius: 0; 
   -webkit-appearance: none;
   font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;
}
input[type=checkbox] {
	-webkit-appearance: none;
	border: 1px solid #4ac4ba;
	border: 1px solid #AAAAAA;
	padding:0px;
	margin-bottom:5px;
	width:20px;
	height:20px;
	margin-right:5px;
	margin-left:0px;
	vertical-align:middle;
}
input[type=checkbox]:checked:after {
	content: '\2714';
	margin-left: 3px;
	color: #4ac4ba;
	margin-bottom:0px!important;
}
.ui-datepicker-trigger {margin-left:5px;margin-bottom:-10px}
.ui-datepicker{font-size:0.75em;}
textarea {font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;border-color:#4ac4ba;border-color:#AAAAAA;width:95%;max-width:750px;}
input[type=button], input[type=submit] {font-family:'Lato',Tahoma, Arial, Helvetica, sans-serif;height:32px;background-color:#4ac4ba;background-color:#AAAAAA;text-decoration:none;display:inline-block;border:none;cursor:pointer;-webkit-appearance:none;-webkit-border-radius: 0;margin-bottom:5px;padding-top:2px; padding-bottom:2px;font-size:14px;color:#FFFFFF;}
input[type=button]:hover, input[type=submit]:hover  {color:#FFFFFF;}

.actionbutton {margin-right:20px;float:left;}
.gobutton {float:left;}
.selectallcontainer {margin-left:7px;margin-bottom:10px;}

.inputgroup {font-size:0.9em;}
.inputgroup.text {margin-top:10px;margin-bottom:20px;}
.fieldgroup {padding-left:20px;margin-bottom:30px;margin-top:10px;}
.filterlabel {float:left;margin-bottom:3px;vertical-align:middle;margin-right:5px;padding-top:5px}
.fulllabel {width:100%;float:left;margin-bottom:3px;}
.extralargelabel {width:300px;float:left;margin-bottom:3px;}
.largelabel {width:200px;float:left;margin-bottom:3px;}
.mediumlabel {width:175px;float:left;margin-bottom:3px;}
.smalllabel {width:150px;float:left;margin-bottom:3px;}