/* ===[ ELEMENT OVERRIDES ]=================================== */

body {
	text-align: center;
	margin: 0;
	font-size: 12px;	
}

form {
	margin: 0;
}

hr {
    display: block;
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-bottom: 1px solid #73af19 !important;
}

p { 
	margin: 1.12em 0;
}

a, a:visited {
	color: #337AB8;
	text-decoration: none;
}

a:hover {
	color: #23527c;
	text-decoration: underline;
}
 
td {
	font-size: 12px;
}

input, textarea, select, button {
  margin: 0;
  line-height: 1em !important;
  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
  -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
  box-sizing: border-box;
}

input, textarea, select {
   border: 1px solid #aaaaaa;
	-moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
   border-radius: 4px 4px 4px 4px;
   font-size: 12px;
	color: #3e3e3e;
}

input, textarea {
   padding: 4px;
}

select {
   padding: 3px;
}

input:focus, textarea:focus, select:focus {
	border: 1px solid #72ae1a;
	-moz-box-shadow: 0 0 3px 0 #aaaaaa;
   -webkit-box-shadow: 0 0 3px 0 #aaaaaa;
   box-shadow: 0 0 3px 0 #aaaaaa;
}

textarea {
	overflow-y:auto;
}

.scrollingbox {
	overflow-x: hidden; 
	overflow-y: auto; 
	background-color: white;
	border: 1px solid #aaaaaa;
	-moz-border-radius: 4px 0px 0px 4px;
   -webkit-border-radius: 4px 0px 0px 4px;
   border-radius: 4px 0px 0px 4px;
   padding: 4px;
}

.calendardropdown {
   -moz-border-radius: 4px 0px 0px 4px;
   -webkit-border-radius: 4px 0px 0px 4px;
   border-radius: 4px 0px 0px 4px;
}



h1 {
	font-family: gothic, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #73af19;
	font-weight: normal;
	text-align: left;
	margin: 0em 0em 0.4em 0em;
}

h2 {
	font-family: gothic, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #393939;
	font-weight: bold;
	text-align: left;
	margin: 0em 0em 0.2em 0em;
}



/* ===[ USER LAYOUT CLASSES ]================================ */

.header {
	top: 0px;
	/* width: 1100px; */
	width: 100%;
	text-align: left;
	/* Margin setting to compensate for centering of div in Firefox */
	margin: 0 auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 6px 0px 0px 0px;
	color: Black;
	border-bottom: 2px solid #73af19;
	background-color: white;
	z-index: 2000;
	position: fixed;		
}

.headerlogo {	
	margin-bottom: 4px;
}

.headermenu {
	text-align: center;	
	margin: 0px 20px 0px 20px;
	height: 30px; 	
}

.headerloginarea {
	margin-top: 0px;
	text-align: right;
	font-size: 11px;
	color: #525252;
}


.headerslider {
	width: 1100px;
	/* Margin setting to compensate for centering of div in Firefox */
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0px;
}



.clearfloats {
	width: 100%;
	height: 1px;
	margin: 0 0 -1px;
	clear: both; 
}


.container {
	width: 1100px;
	text-align: left;
	/* Margin setting to compensate for centering of div in Firefox */
	margin: 0 auto;
	padding: 0px;
	margin-top: 94px;
}

.containerloggedin {
	width: 1100px;
	text-align: left;
	/* Margin setting to compensate for centering of div in Firefox */
	margin: 0 auto;
	padding: 0px;
	margin-top: 80px;
}

.contentarea {
	width: auto;
	margin-bottom: 10px;
	padding: 10px 0px 10px 0px;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	color: black;
}


.footercontainer {		
	border-top: 2px solid #73af19;
	height: 200px;
	
	background: rgb(241,241,241); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
	
.footer {
	clear: both;
	width: 1100px;
	padding: 6px 0px 6px 0px;
	height: 14px;
	margin: 4px auto 20px; auto 20px;		
}

.footerleft {
	float: left;
	color: #595959;
	font-size: 12px;
}
	
.footerright {
	float: right;
	color: #595959;
	font-size: 12px;	
	text-align: right;
}


.loginbox {
	top: 10%;
   width: 500px;
   padding: 10px 20px 20px 20px;	
   margin: 100px auto 200px; auto;
   position: relative;
   
	background-color: #efefef;	
	border: 1px solid #999;
   border-radius: 6px;
   outline: 0;
   -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
   box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}


/* ===[ ADMIN LAYOUT CLASSES ]================================ */

.admincontainer {
	width: 1100px;
	text-align: left;
	/* Margin setting to compensate for centering of div in Firefox */
	margin: 0 auto;
}

.adminheader {
	width: auto;		
	text-align: right;
	height: 74px;
	margin-top: 4px;
}
	
.admintitleimage {
	float: left;
}

.adminquickaccessmenu {
	float: right;			
}

.admincontent {
	width: auto;
	padding: 0px 0px 16px 0px;
	text-align: left;
	line-height: normal;
	font-size: 12px;
	color: black;
	margin-top: 10px;
}



/* ===[ GENERAL CLASSES FOR ADMIN ]========================= */

table.quickaccessbar {
	border-collapse: collapse;
	margin-top: 4px;
}


table.quickaccessbar td {
	padding: 0px 4px 0px 4px;
	font-size: 8pt;
	color: #454545;
}

table.quickaccessbar tr.iconrow td {
	padding-bottom: 2px;
}




.adminblock {
	border: 1px solid #aaaaaa;
	background-color: #f0f0f0;
	padding: 4px;
}

.admintitle {
	font-size: 12pt;
	font-weight: bold;
	color: black;
}

.adminnotes {
	color: #838383;
}





/* ===[ GENERAL CLASSES FOR SITE ]========================= */

.clickable {
	cursor: default;
}

.clickable:hover {
	cursor: pointer;
}


.userref {
	color: teal;
	cursor: default;
}

.userref:hover {
	cursor: pointer;
	text-decoration: underline;
}


.fade_75 {
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}




.notificationmsg_success {
	border: 1px solid #8ae57e;
	background-color: #b4efab;
	color: #34712b;
	font-weight: bold;
	background-image: url(images/notification_icon_1.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding: 4px 8px 4px 28px;
}

.notificationmsg_error {
	border: 1px solid #fe908f;
	background-color: #ffb1b1;
	color: #820105;
	font-weight: bold;
	background-image: url(images/notification_icon_2.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding: 4px 8px 4px 28px;
}

.notificationmsg_warning {
	border: 1px solid #d5d358;
	background-color: #f0feb1;
	color: #7f7200;
	font-weight: bold;
	background-image: url(images/notification_icon_3.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding: 4px 8px 4px 28px;
}

.notificationmsg_info {
	border: 1px solid #6ab4ff;
	background-color: #a4d0ff;
	color: #014284;
	font-weight: bold;
	background-image: url(images/notification_icon_4.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;
	padding: 4px 8px 4px 28px;
}


.justbutton {
   background-color: #626568;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
   font-size: 12px !important;
   line-height: 12px;
	color: white;
   text-decoration: none;
	text-align: center !important;
	padding: 4px 14px 4px 14px;
	
	border: 1px solid #626568;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
}

.justbutton:hover {
	background-color: #484a4d;
   cursor: pointer;
   text-decoration: underline;
   color: white;
}

.justbutton:visited {
	color: white;
}





.justbuttonmedium {
   background-color: #626568;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
   font-size: 10px !important;
   line-height: 10px;
	color: white;
   text-decoration: none;
	text-align: center !important;
	padding: 4px 14px 4px 14px;
	
	border: 1px solid #626568;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
}

.justbuttonmedium:hover {
	background-color: #484a4d;
   cursor: pointer;
   text-decoration: underline;
}

.justbuttonmedium:visited {
	color: white;
}



.justbuttongreen {
   background-color: #309372;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
   font-size: 10px !important;
   line-height: 10px;
	color: white;
   text-decoration: none;
	text-align: center !important;
	padding: 4px 14px 4px 14px;
	
	border: 1px solid #246e55;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: none;
}

.justbuttongreen:hover {
	background-color: #2a8264;
   cursor: pointer;
   text-decoration: underline;
}




.justbuttonred {
   background-color: #7b0000;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
   font-size: 10px !important;
   line-height: 10px;
	color: white;
   text-decoration: none;
	text-align: center !important;
	padding: 4px 14px 4px 14px;
	
	border: 1px solid #620000;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: none;
}

.justbuttonred:hover {
	background-color: #640000;
   cursor: pointer;
   text-decoration: underline;
}




.justbuttonorange {
   background-color: #e8700c;
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
   font-size: 10px !important;
   line-height: 10px;
	color: white;
   text-decoration: none;
	text-align: center !important;
	padding: 4px 14px 4px 14px;
	
	border: 1px solid #cb620c;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	box-shadow: none;
}

.justbuttonorange:hover {
	background-color: #d4660c;
   cursor: pointer;
   text-decoration: underline;
}

































table.iform {
	margin:0px auto;
	width: 100%;
	border: 1px solid #d4d4d4;
	background: #eaeaea;
}

table.iform tr.frm_titlebar td {
	background-color: white;
	border-bottom: 2px solid #72af17;
	padding: 8px 0px 8px 0px;
}

table.iform .backicon {
	float: left;
	padding-top: 6px;
	padding-left: 4px;
}

table.iform .titletext {
	float: left;
	margin-left: 10px;
}

table.iform .title {
	font-family: gothic, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #73af19;
	font-weight: normal;
	text-align: left;
}

table.iform .instructions {
	color: #5c5c5c;
	font-size: 10px;
	text-align: left;
}

table.iform .titleicon {
	float: right;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 14px;
}

table.iform tr.frm_firstfieldrow td {
	padding-top: 14px;
	padding-bottom: 2px;
}

table.iform tr.frm_fieldrow td {
	padding-top: 4px;
	padding-bottom: 2px;
}

table.iform tr.frm_captionrow td {
	font-size: 14px;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 2px;
}

table.iform tr.frm_notesrow td {
	font-size:8pt;
	color: #757575;
	padding-bottom: 2px;
}

table.iform tr.frm_blankrow td {
	padding-top: 4px;
	padding-bottom: 2px;
}

table.iform tr.frm_separatorrow td {
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 2px solid #264973;
}

table.iform tr.frm_submitrow td {
	padding-top: 8px;
	padding-bottom: 8px;
}

table.iform td.frm_label {
}


.iform .ierrormessage {
	color: #dc143c;
	margin-left:10px;
	top:-2px;
	font-size: 8pt;
	position: relative;
}

.iform .itext,.iform .itextarea,.iform .iselect,.iform .ibutton { 	
	border:1px solid #999; 
	margin:0;
	padding:3px;
	background: #fff;
}

.iform .itext:hover,.iform .itextarea:hover,.iform .iselect:hover,.iform .ibutton:hover,
.iform .itext:focus,.iform .itextarea:focus,.iform .iselect:focus,.iform .ibutton:focus {
	border-color: #2f4f4f;
	background:#fff;
}

.iform .itext_error,.iform .itextarea_error,.iform .iselect_error,.iform .ibutton_error { 	
	border:1px solid #dc143c; 
	margin:0;
	padding:3px;
	background: #fff;
}

.iform .itext_error:hover,.iform .itextarea_error:hover,.iform .iselect_error:hover,
.iform .itext_error:focus,.iform .itextarea_error:focus,.iform .iselect_error:focus {
	border-color: #dc143c;
	background:#fff;
}





table.iform2 {
	margin:0px auto;
	width: 100%;
}

table.iform2 tr.frm_titlebar td {
	background-color: white;
	border-bottom: 2px solid #72af17;	
	margin-bottom: 20px;
	padding: 0px 0px 8px 0px;
}

table.iform2 .backicon {
	float: left;
	padding-top: 6px;
	padding-left: 4px;
}

table.iform2 .titlebarsavebutton {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
}

table.iform2 .titletext {
	float: left;
	margin-left: 10px;
	width: 80%;
}

table.iform2 .title {
	color: black;
	font-size: 1.5em;
	font-weight: bolder;
	text-align: left;
	padding-top: 12px;
	float: left;
}

table.iform2 .instructions {
	color: #5c5c5c;
	font-size: 10px;
	text-align: left;
}

table.iform2 .titleicon {
	float: right;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 14px;
}

table.iform2 tr.frm_firstfieldrow td {
	padding-top: 4px;
	padding-bottom: 2px;
}

table.iform2 tr.frm_fieldrow td {
	padding-top: 4px;
	padding-bottom: 2px;
}

table.iform2 tr.frm_captionrow td {
	font-size: 14px;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 2px;
}

table.iform2 tr.frm_notesrow td {
	font-size:8pt;
	color: #757575;
	padding-bottom: 2px;
}

table.iform2 tr.frm_blankrow td {
	padding-top: 4px;
	padding-bottom: 2px;
}

table.iform2 tr.frm_separatorrow td {
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 2px solid #264973;
}

table.iform2 tr.frm_submitrow td {
	padding-top: 8px;
	padding-bottom: 8px;
}

table.iform2 td.frm_label {
}

.iform2 .ierrormessage {
	color: #dc143c;
	margin-left:10px;
	top:-2px;
	font-size: 8pt;
	position: relative;
}


.iform2 .itext:hover,.iform2 .itextarea:hover,.iform2 .iselect:hover,.iform2 .ibutton:hover,
.iform2 .itext:focus,.iform2 .itextarea:focus,.iform2 .iselect:focus,.iform2 .ibutton:focus {
	border-color: #2f4f4f;
	background:#fff;
}

.iform2 .itext_error,.iform2 .itextarea_error,.iform2 .iselect_error,.iform2 .ibutton_error { 	
	border:1px solid #dc143c; 
	margin:0;
	padding:3px;
	background: #fff;
}

.iform2 .itext_error:hover,.iform2 .itextarea_error:hover,.iform2 .iselect_error:hover,
.iform2 .itext_error:focus,.iform2 .itextarea_error:focus,.iform2 .iselect_error:focus {
	border-color: #dc143c;
	background:#fff;
}











/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ajaxloader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/ajax_loader.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .ajaxloader {
    display: block;
}



.reportoptionsbox {
	border: 1px solid #d4d4d4;
	padding: 8px;
	background-color: #eaeaea;
}

.loginOrgBubble {
	cursor: pointer;
	background: #6060605c;
	transition: ease-in-out 200ms;
	margin-top:5px;
	margin-bottom:5px;
	padding:4px;
	width: 150px;
	border-radius:8px;
}

.loginOrgBubble:hover {
	background: #868686;
	transition: ease-in-out 200ms;
	padding:8px;
}

.orgName {
	color:white;
}

.orgLogo {
	width:calc(100% - 16px);
	margin:8px;
}

.orgLogo img {
	width: 100%;
	border-radius:50%;
}