html, body {margin:0;padding:0;}
/*IIM Styles*/

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

/*colors*/
.red{ color: #FF0000;}
.darkred{ color: #C00000;}
.blue{ color: #0000FF;}
.orange{ color: #ffad36;}
.yellow{ color: #DAA520;}
.green{ color: #008000;}
.black{ color: #000000;}
.lightblue{color: #4db1e2;}
.white{color: #ffffff;}

.riskLvl1Color{ background-color: #008000;}
.riskLvl2Color{ background-color: #92d050;}
.riskLvl3Color{ background-color: #FDE541;}
.riskLvl4Color{ background-color: #FFA500;}
.riskLvl5Color{ background-color: #FF0000;}


.bold{font-weight: bold;}

.formBG{background-color:#ECECEC;}

.button {
    background-color: #26519e;
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11px;
    cursor: pointer;
	float: right;
}

tr.topborder td {
  border-top: 3px solid #000000;
}

/*spacing*/
.thepadding{padding:5px;}

.userName{
	text-decoration: none;	
}

tr.even td {
    background-color: #eeeeee;
}
tr.odd td {
    background-color: #ffffff;
}

.headerText{
	color: #ffffff; 
	font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;	
	font-weight: bold;
}
.headerTextSmall{
	color: #ffffff; 
	font-size: 13px;
}



/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-tooltip {
	padding: 18px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	opacity: 1;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: .75em;
}
.ui-widget .ui-widget {
	font-size: .75em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: .75em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Forms */

.form-style-2{
    max-width: 100%;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-2-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-2 label{
    display: block;
    margin: 0px 0px 10px 0px;
}
.form-style-2 label > span{
    width: 20%;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-2 span.required{
    color:red;
}
.form-style-2 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-2 .tel-number-field-long{
    width: 55px;
    text-align: center;
}
.form-style-2 input.input-field{
    width: 50%;   
}
.form-style-2 input.input-field-short{
    width: 30%;   
}

.form-style-2 input.input-field, 
.form-style-2 input.input-field-short, 
.form-style-2 .tel-number-field, 
.form-style-2 .tel-number-field-long, 
.form-style-2 .textarea-field, 
 .form-style-2 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-2 .input-field:focus, 
.form-style-2 .tel-number-field:focus, 
.form-style-2 .tel-number-field-long:focus, 
.form-style-2 .textarea-field:focus,  
.form-style-2 .select-field:focus{
    border: 1px solid #a9a9a9;
}
.form-style-2 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-2 input[type=submit],
.form-style-2 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #e27e4d;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-2 input[type=submit]:hover,
.form-style-2 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

.form-style-3{
    max-width: 100%;
    padding: 20px 12px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-3-heading{
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}
.form-style-3 label{
    display: block;
    /*margin: 0px 0px 15px 0px;*/
}
.form-style-3 label > span{
    width: 10%;
    font-weight: bold;
    float: left;
    padding-top: 8px;
    padding-right: 5px;
}
.form-style-3 span.required{
    color:red;
}
.form-style-3 .tel-number-field{
    width: 40px;
    text-align: center;
}
.form-style-3 .tel-number-field-long{
    width: 55px;
    text-align: center;
}
.form-style-3 input.input-field{
    width: 50%;   
}
.form-style-3 input.input-field-short{
    width: 30%;   
}

.form-style-3 input.input-field, 
.form-style-3 input.input-field-short, 
.form-style-3 .tel-number-field, 
.form-style-3 .tel-number-field-long, 
.form-style-3 .textarea-field, 
 .form-style-3 .select-field{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.form-style-3 .input-field:focus, 
.form-style-3 .tel-number-field:focus, 
.form-style-3 .tel-number-field-long:focus, 
.form-style-3 .textarea-field:focus,  
.form-style-3 .select-field:focus{
    border: 1px solid #a9a9a9;
}
.form-style-3 .textarea-field{
    height:100px;
    width: 55%;
}
.form-style-3 input[type=submit],
.form-style-3 input[type=button]{
    border: none;
    padding: 8px 15px 8px 15px;
    background: #e27e4d;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.form-style-3 input[type=submit]:hover,
.form-style-3 input[type=button]:hover{
    background: #EA7B00;
    color: #fff;
}

/* forms */

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
		
.buttonLayout{
	background-color: #EEEEEE; 
	color: #333333; 
	padding: 10px; 
	border: 1px solid #CCCCCC;
	text-decoration: none;
}	

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


/*-----------proposal styles----------*/
div.pageBreak {
	page-break-after: always
}

.centerDiv{
	text-align: center;
}

.centerSpan{
	display:table;
	margin:0 auto;
}

.font10px{
	font-size: 10px;
}
.font11px{
	font-size: 11px;
}
.font12px{
	font-size: 12px;
}
.font14px{
	font-size: 14px;
}
.font15px{
	font-size: 15px;
}
.font16px{
	font-size: 16px;
}
.font18px{
	font-size: 18px;
}
.font19px{
	font-size: 19px;
}
.font20px{
	font-size: 20px;
}
.font22px{
	font-size: 22px;
}

.prettyTable table, .prettyTable td{
	padding: 8px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

.prettyTableArial table, .prettyTableArial td{
	font-family: Arial;
	padding: 2px 2px 2px 4px;
	vertical-align: middle;
}

.prettyTableTimes table, .prettyTableTimes td{
	font-family: "Times New Roman", Georgia, Serif;
	padding: 2px 2px 2px 4px;
	vertical-align: middle;
}

table.prettyTable{
    border-collapse: collapse;
    width: 98%;
	margin: 0 auto;
}

td.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}
.nounderline{
	text-decoration: none;
}
.italic{
	font-style: italic;
}

.noPadding table, .noPadding td{
	padding: 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

.noPaddingTimes table, .noPaddingTimes td{
	padding: 0;
	font-family: "Times New Roman", Georgia, Serif;
}

.somePadding table, .somePadding td{
	padding: 3px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

.somePaddingSmallText table, .somePaddingSmallText td{
	font-size: 11px;
}

h5.heading{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 24px;
	line-height: 26.4px;
	margin: 0;
	color: #000;
	padding: 10px 0;
}

input.formField, select.formField, textarea.formField{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 12px;
}

.hiddenElement{
	display: none;
}

#wrapper {
	font-size: 12px; line-height: 1.5; font-size: .8vw;
}

.allBorder {
	border: 1px solid #000000;
}

.topBorder {
	border-top: 1px solid #000000;
}

.bottomBorder {
	border-bottom: 1px solid #000000;
}

.rightleftBorder {
	border-right: 1px solid #000000; 
	border-left: 1px solid #000000;
}

.fullBorder table, .fullBorder td {
    border: 1px solid #000000; 
}

.monospace {
	font-family: "Courier New", Courier, monospace;
}

.lineHeight15 {
	line-height: 1.5;
}

.grayBG { 
    background-color: #c6c6c6; 
}
.silverBG { 
    background-color: #eeeeee; 
}
.blueBG { 
    background-color: #4db1e2; 
}
.lightblueBG { 
    background-color: #8fceed; 
}
.redBG { 
    background-color: #C00000; 
}

/*-----------FOOTER  Styles----------*/
.footer-distributed{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;

	padding: 55px 50px;
	margin-top: 80px;
}

.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
	display: inline-block;
	vertical-align: top;
}

/* Footer left */

.footer-distributed .footer-left{
	width: 40%;
}

/* The company logo */

.footer-distributed h3{
	color:  #ffffff;
	font: normal 16px;
	margin: 0;
}

.footer-distributed h3 span{
	color:  #5383d3;
}

/* Footer links */

.footer-distributed .footer-links{
	color:  #5383d3;
	margin: 20px 0 12px;
	padding: 0;
}

.footer-distributed .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */

.footer-distributed .footer-center{
	width: 35%;
}

.footer-distributed .footer-center i{
	background-color:  #33383b;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

.footer-distributed .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

.footer-distributed .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

.footer-distributed a{
	color:  #5383d3;
	text-decoration: none;;
}


/* Footer Right */

.footer-distributed .footer-right{
	width: 20%;
}

.footer-distributed .footer-company-about{
	line-height: 20px;
	color:  #92999f;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

.footer-distributed .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

.footer-distributed .footer-icons{
	margin-top: 25px;
}

.footer-distributed .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #33383b;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}


/*-----------Hide when Printing----------*/
.hiddenPrint{
    display: none;
}

.visibleOnClick{
    display: normal;
}

input.formFieldRemove{
    border: none;
    outline: none;
}

textarea.formTextAreaRemove{
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;  
}

select.formSelectRemove{
    border: none;
    outline:none;
	-webkit-appearance: none;
    appearance: none;
}
select.formSelectRemove::-ms-expand {	display: none; }

@media screen {
	div.divFooter {
		display: none;
	}
	div.divFooterFirstPage {
		display: none;
	}
}
@media print {
	div.divFooter {
		position: fixed;
		bottom: 0;
	}
	div.divFooterFirstPage {
		position: absolute;
		bottom: 0;
	}
	.hideOnPrint {
		display: none;
	}	
}

/*-----------Flyout Menu------------*/
/* We remove the margin, padding, and list style of UL and LI components */
#menuwrapper ul, #menuwrapper ul li{
    margin:0;
    padding:0;
    list-style:none;
}

/* We apply background color and border bottom white and width to 150px */
#menuwrapper ul li{
	background-color: #EEEEEE; 
	color: #333333; 
	padding: 10px; 
	border: 1px solid #CCCCCC;
	text-decoration: none;
    width:113px;
    cursor:pointer;
	text-align: left;
}

/* We apply the background hover color when user hover the mouse over of the li component */
#menuwrapper ul li:hover{
    background-color:#D6D6D6;
    position:relative;
	
}

/* We apply the link style */
#menuwrapper ul li a{
    display:block;
    text-decoration:none;
	font-family:Arial;
    font-size:13px;	
	color: #333333; 
	
}

/**** SECOND LEVEL MENU ****/
/* We make the position to absolute for flyout menu and hidden the ul until the user hover the parent li item */
#menuwrapper ul li ul{
    position:absolute;
    display:none;
}

/* When user has hovered the li item, we show the ul list by applying display:block, note: 150px is the individual menu width.  */
#menuwrapper ul li:hover ul{
    right:133px;
    top:0px;
    display:block;
}

/* we apply different background color to 2nd level menu items*/
#menuwrapper ul li ul li{
    background-color:#EEEEEE;
	width: 200px;
}

/* We change the background color for the level 2 submenu when hovering the menu */
#menuwrapper ul li:hover ul li:hover{
    background-color:#D6D6D6;
}

/* We style the color of level 2 links */
#menuwrapper ul li ul li a{
    color:#454444;
    display:block;
    width:200px;
}

/*-----------Loading Div------------*/
.loadingDiv {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.75;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

/*-----------Jquery Menu------------*/
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
	width: 250px;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 */
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: .75em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}

/*-------MENU-------*/
#headercontainer {
	width:100%;
	height:44px;
	border-bottom:solid 7px #014464;
	background-color:#208dc3;
}
#header {
	width:100%;
	margin:0 auto;
}
#header_nav {
	width:1400px;
	float:right;
	margin:5px 0px 0 0;
}

a.orange:link {
	color:#FFAD36;
	text-decoration: none;
}
a.orange:visited {
	color:#FFAD36;
	text-decoration: none;
}
a.orange:hover {
	color:#FFAD36;
	text-decoration: underline;
}

a.blue:link {
	color:#014464;
	text-decoration: none;
}
a.blue:visited {
	color:#014464;
	text-decoration: none;
}
a.blue:hover {
	color:#014464;
	text-decoration: underline;
}

a:link {
	color:#1c7eaf;
	text-decoration: none;
}
a:visited {
	color:#1c7eaf;
	text-decoration: none;
}
a:hover {
	color:#1c7eaf;
	text-decoration: underline;
}

#headerText{
	padding: 8px 20px 12px;
	font-size: 22px;
	font-weight: 200;
	color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
} 
#headerLinkText{
	padding: 8px 20px 12px;
	font-size: 16px;
	font-weight: 200;
	font-family:Arial, Helvetica, sans-serif;
}

ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;

}

#menu {
	list-style:none;
	width:1125px;
	margin:5px auto 5px auto;
	padding:0px 8px 0px 8px;
	height:43px;
}

#menu li.top {

	display:block;
	text-align:center;
	position:relative;
	margin-right:5px;
	margin-top:7px;
	border:none;
	
	border: 1px solid #014464;
	padding: 4px 9px 4px 9px;
	
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:20px;
	margin-top:7px;
	border:none;

}

#menu li:hover {
	z-index:200;
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	/* Background color and gradients */
	Background:#F6F6F6;
	
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	z-index:200;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #ffffff;
	display:block;
	outline:0;
	text-decoration:none;
}

#menu li:hover a {
	color:#161616;
}

.dropdown_1column, 
.dropdown_1columnlong, 
.dropdown_2columns,
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em;  /*Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Background */
	background:#F6F6F6;


	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 165px;}
.dropdown_1columnlong {width: 185px;}
.dropdown_2columns {width: 330px;}
.dropdown_3columns {width: 500px;}
.dropdown_4columns {width: 650px;}
.dropdown_5columns {width: 850px;}

#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns, 
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
	z-index:100;
}

.col_1 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	width:150px;
}

.col_single {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	width:150px;
}
.col_singlelong {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	width:180px;
}

#menu .menu_right {
	float:right;
	margin-right:0px;
}

#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;  
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;

}

/* ---- Drop Down Menu Links & Header---- */
#menu h3 {	font-size:14px;	margin:7px 0 14px 0;	padding-bottom:7px;	border-bottom:1px solid #888888;}
#menu li:hover div a {font-size:12px;color:#015b86;}
#menu li:hover div a:hover {text-decoration:underline;}
/* ---- Menu Links ---- */

#menu li .black_box {
	background-color:#ffffff;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:150px;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:150px;
}
#menu .black_boxH3 {color: #000;	font-size:14px;	margin:7px 0 14px 0;	padding-bottom:7px;	border-bottom:1px solid #888888; text-shadow: 1px 1px 1px 1px #ffffff;}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

.menuleft{
border-bottom-width: 0;
width: 200px;
}

.menuleft ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.menuleft a{
font: bold 13px Verdana;
padding: 15px 3px;
display: block;
color: #595959;
text-decoration: none;
border-bottom:1px solid #ffffff;
}

.menuleft a:visited{
border-bottom:1px solid #ffffff;
}

.menuleft a:hover{
border-bottom:1px solid #8A9875;
padding-left:5px;
color: #014464;
}


/* Style the tab */
.tab {
    overflow: hidden;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 10px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border-top: none;
}

.loadingDiv {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.75;
	background: url('../images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.widget {	
	position: relative;
	clear: both;	
	width: auto;	
	margin-bottom: 2em;		
	overflow: hidden;
}
	
.widget-header {	
	position: relative;
	height: 40px;
	line-height: 40px;	
	background: #4db1e2;
	border: 1px solid #000000;	
	-webkit-background-clip: padding-box;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;	
	padding-left: 2em;	
	font-family: Arial,Helvetica,sans-serif;	

}

.widget-content {
	padding: 20px 15px 15px;	
	background: #FFF;
	border: 1px solid #000000;	
}

.widget-header+.widget-content {
	border-top: none;	
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.widget-nopad .widget-content {
	padding: 0;
}

/* Widget Content Clearfix */	
.widget-content:before,
.widget-content:after {
    content:"";
    display:table;
}

.widget-content:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.widget-content {
    zoom:1;
}

.widget-table .widget-content {
	padding: 0;
}

.widget-table .table {
	margin-bottom: 0;	
	border: none;
}

.widget-table .table tr td:first-child {
	border-left: none;
}

.widget-table .table tr th:first-child {
	border-left: none;
}

.widget-plain {	
	background: transparent;	
	border: none;
}

.widget-plain .widget-content {
	padding: 0;	
	background: transparent;	
	border: none;
}

.widget-box .widget-content {	
	background: #E3E3E3;	
	background: #FFF;
}

/*------------------------------------------------------------------
[1. Shortcuts / .shortcuts]
*/

.shortcuts {
	text-align: center;	
}

.shortcuts .shortcut { 
	width: 22.50%;
	display: inline-block;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;	
	background: #f9f6f1;	
	border-radius: 5px;
}

.shortcuts .shortcut .shortcut-icon {
	margin-top: .25em;
	margin-bottom: .25em;
	
	font-size: 32px;
	color: #545454;
}

.shortcuts .shortcut:hover {
	background: #4db1e2;
}

.shortcuts .shortcut:hover span{
	color: #fff;
}

.shortcuts .shortcut:hover .shortcut-icon {
	color: #fff;
}

.shortcuts .shortcut-label {
	display: block;
	
	font-weight: 400;
	color: #545454;
}

#big_stats 
{ 
	width: 100%; 
	display: table;
	margin-top: 1.5em;
	
	
}

.big-stats-container .widget-content {
	border:0;
}

#big_stats .stat
{	
	border: 1px solid #CCC;
	/*border-left: 1px solid #FFF;*/
	background: #f9f6f1;
border-radius: 5px;	
	width: 22.50%;
	height: 50px;
	display: inline-block;
	text-align: center;
	padding: 12px 0;
	margin: 0 .9% 1em;
	vertical-align: top;	
	text-decoration: none;	
	
}
#big_stats  i { font-size:30px; display:block; line-height: 40px; color:#b2afaa;}
#big_stats .stat:hover i {color:#19bc9c;}

h6.bigstats{margin: 20px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 26px;}

#big_stats .stat h4
{
	font-size: 11px;
	font-weight: bold;
	color: #777;
	margin-bottom: 1.5em;
}

#big_stats .stat .value
{
	font-size: 18px;
	font-weight: bold;
	/*color: #545454;*/
	line-height: 1em;
}


.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 23%;
  float: left;
  margin: 10px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.cardContainer {
  padding: 2px 16px;
}

.loadingDiv {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.75;
	background: url('/images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}