/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 30px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -30px; /* negative value of footer height */
	height: 30px;
	background-color: #e0e0e0;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/*
End Sticky Footer CSS
*/

/*---------------
 DataTables CSS 
---------------*/

			/*
			@import "css/datatable_site_jui.css";
			@import "css/datatable_jui.css";
			@import "css/datatable.jquery-ui-1.7.2.custom.css";
			 * Override styles needed due to the mix of three different CSS sources!
			 */
			.dataTables_info { padding-top: 0; }
			.dataTables_paginate { padding-top: 0; }
			.css_right { float: right; }
			#datatable_wrapper .fg-toolbar { font-size: 0.8em }
			#theme_links span { float: left; padding: 2px 10px; }
			#datatable_wrapper { -webkit-box-shadow: 2px 2px 6px #666; box-shadow: 2px 2px 6px #666; border-radius: 5px; }
			#datatable tbody {
				border-left: 1px solid #AAA;
				border-right: 1px solid #AAA;
			}
			#datatable thead th:first-child { border-left: 1px solid #AAA; }
			#datatable thead th:last-child { border-right: 1px solid #AAA; }

/*-------------------
 End DataTables CSS
-------------------*/


body			{ margin: 0px; padding: 0px; background-color: white }

ul			{ padding-left: 30px; padding-top: 10px }
li			{ padding-left: 0px }
h3			{ padding-top: 10px }

.topbuttondiv		{ float: right; font-size: 10pt }

#footerContent		{ color: #808080; width: 1000px; margin: 0 auto; padding-top: 5px; padding-right: 20px; font-family: Arial, Sans-Serif; font-size: 10pt; text-align: right; }

.menuItem		{ width: 195px; color: white; display: inline-block; background-color: #404040; height: 50px; border-right: 2px solid #161719; text-decoration: none }
.menuItem:first-child	{ border-left: 2px solid #161719; text-decoration: none }
.menuItem:link		{ background-color: #404040; text-decoration: none }
.menuItem:hover		{ background-color: #ffb10f; text-decoration: none }
.menuItem:visited:hover	{ background-color: #ffb10f; text-decoration: none }
.menuItem:active	{ background-color: #ffb10f; text-decoration: none }

.menuImage		{ width: 40px; height: 40px; border-width: 0px; vertical-align: middle; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 10px }
#menuContainerOuter	{ color: white; background-color: #404040; border-top: 1px solid #161719; border-bottom: 2px solid #161719 }
#menuContainerInner	{ width: 1001px; margin: 0 auto; font-family: 'Source Sans Pro', Sans-Serif; font-size: 14pt }

.headerImage		{ width: 2000px; margin: 0 auto }
.headerText		{ width: 200px; float: left; margin-left: 80px; color: #404040; font-family: Georgia, Times New Roman; font-size: 20pt; font-weight: bold; line-height: 64px }
.headerLogin		{ width: 1000px; margin: 0 auto; padding-right: 35px; height: 90px; line-height: 140px; vertical-align: text-bottom; text-align: right; color: #808080; font-family: Arial, sansserif; font-size: 10pt; font-weight: normal }
.headerLoginName	{ color: #139FD9; font-weight: bold; }

/*
.headerLoginName	{ color: #d94613; font-weight: bold; } burnt orange
*/

#headerContainer	{ height: 90px; padding: 0px; padding-left: 0px; border-bottom: 0px solid #999999; background: url(../images/bgHeaderTop.jpg) top center no-repeat }
#headerBottom		{ height: 10px; background: url(../images/bgHeaderBottom.jpg) top left repeat-x }
#contentContainerOuter	{  }
#contentContainerInner	{ width: 95%; min-width: 1000px; padding-left: 30px; padding-right: 30px; padding-top: 0px; margin: 0 auto; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: normal }

.pagetitle		{ color: #505050; font-family: 'Source Sans Pro', Sans-Serif; font-size: 14pt; font-weight: 900; margin-bottom: 5px; }
.searchlabel		{ color: #606060; font-family: Arial, Sans-Serif; font-size: small; font-weight: bold; margin-bottom: 1px; }
.searchinput		{ color: #606060; font-family: Arial, Sans-Serif; font-size: small; font-weight: bold; margin-bottom: 1px; }
.formlabel		{ color: #606060; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: bold; margin-bottom: 1px; }
.formlabelreq		{ color: #990000; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: bold; margin-bottom: 1px; }
.formdiv		{ color: #606060; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: normal; margin-bottom: 10px; }
.inputpanel		{ padding: 25px; margin-bottom: 20px; border: #ccc 1px solid; background-color: #eeeeee }
.inputgroup		{ border: 1px solid #ccc; width: 420px; margin-top: 20px; margin-right: 30px; float: left; padding: 10px; }
.buttongroup		{ clear: both; margin-top: 10px; margin-bottom: 10px; text-align: center }
input[type=text],
input[type=password],
select			{ padding: 3px; font-family: Arial, Sans-Serif; font-size: 11pt; }
.ckboxgroup		{ color: #606060; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: normal; margin-bottom: 10px; padding-top: 5px }
.ckbox			{ padding-top: 3px }
.errordiv		{ color: #990000; font-weight: bold }
.successdiv		{ color: #009900; font-weight: bold }

.dgHeader		{ height: 20px; vertical-align: middle; color: #333333; font-weight: bold; background: top left #a7a7a7 url(../images/bgDGHeader.png) repeat-x }
.dgFooter		{ height: 23px; vertical-align: middle; color: #333333; background: top left #a7a7a7 url(../images/bgDGHeader.png) repeat-x }
.dgPager		{ height: 23px; vertical-align: bottom; margin-top: 0px; color: #333333; background: top left #a7a7a7 url(../images/bgDGHeader.png) repeat-x }

.contextmenu_ul	{ padding: 0px; margin: 0px; list-style-type: none }
.contextmenu_li	{ padding: 0px; margin: 0px; width: 17px; height: 17px; background: top left url(../images/iconMenu.png) no-repeat }
.contextmenu_span	{ display: none }

.gpsgrouptitle		{ color: #505050; font-family: 'Source Sans Pro', Sans-Serif; font-size: 12pt; font-weight: 900; margin-bottom: 5px; text-align: center }
.gpsbuttongroup		{ float: right; width: 320px }
.gpsbuttondiv		{ margin-bottom: 3px }
.gpsbutton		{ width: 300px }

.statuspanel		{ padding-top: 20px  }
#statustable		{ border-collapse:collapse }
#statustable		{ border: 1px solid #ccc }
#statustable td		{ border: 1px solid #ccc; padding: 5px }
.statuslabel		{ color: #505050; background-color: #e0e0e0; font-family: Arial, Sans-Serif; font-size: 11pt;  }
.statusvalue		{ color: #606060; background-color: #f7f7f7; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: bold }
.infolabel			{ color: #505050; font-family: Arial, Sans-Serif; font-size: 11pt;  }
.infovalue			{ color: #606060; font-family: Arial, Sans-Serif; font-size: 11pt; font-weight: bold }

a			{ color: #1079A4; text-decoration: none; }
a:link			{ text-decoration: none; }
a:visited		{ text-decoration: none; }
a:hover			{ text-decoration: underline; }
a:visited:hover		{ text-decoration: underline; }
a:active		{ text-decoration: none; }

a.smalllink			{ color: #1079A4; font-family: arial, verdana, sans-serif; font-size: 10pt; font-weight: normal; text-decoration: none; }
a.smalllink:link		{ text-decoration: none; }
a.smalllink:visited		{ text-decoration: none; }
a.smalllink:hover		{ text-decoration: underline; }
a.smalllink:visited:hover	{ text-decoration: underline; }
a.smalllink:active		{ text-decoration: none; }

.blinkButton {
    animation: blink 2s steps(1, end) infinite;
    border: 1px solid #ffa10d;
    color: black;
    font-weight: bold;
    background: #ffa10d url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
}

@keyframes blink {
    0% {
        background: #ffa10d url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
        border: 1px solid #6CC800;
    }

    50% {
        background: #0078AE;
        color: white;
        border: 1px solid #6CC800;
    }

    100% {
        background: #ffa10d url(images/ui-bg_glass_45_0078ae_1x400.png) 50% 50% repeat-x;
        border: 1px solid #6CC800;
    }
}