/* CSS Document */

body{ 
margin:0; 
padding:0; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif; 
background:#565758; 
color:#3c3d3f;}

a{ outline-style:none;}
img{ border:0;}
table{ clear:both;}
h2.heading{ background:url(../../images/headingbg.gif) repeat-x; font-size:20px; color:#FFFFFF; margin:0; padding:6px 0 8px 14px; font-weight:100; border-radius:10px; line-height:100%;}
h2.heading2{ background:url(../../images/headingbg2.gif) repeat-x; font-size:18px; color:#617e86; margin:0; padding:4px 0 8px 14px; font-weight:100; border-radius:10px; line-height:100%;}
h3{ margin:0; padding:0; color:#70a2b3; font-size:18px;}

.clearfix{ width:100%; clear:both; font-size:0px; line-height:0px;}
.wrapper{ margin:0 auto; width:1100px; clear:both;}
.top{ background:url(../../images/topbg.jpg) repeat-x #324049; height:127px; overflow:hidden;}
.login-top{ background:url(../../images/devider1.jpg) no-repeat left top; padding:15px; color:#a3bacc;}
.login-top p{ margin:0; padding:0 0 5px 0;}
.login-top p.myaccount{ margin:0; padding:0 0 5px 0; font-size:11px;}
.login-top p.myaccount a{ color:#75d5fd; text-decoration:underline;}
.login-top p.myaccount a:hover{ text-decoration:none;}

.login-top p.message{ margin:0; padding:0 0 5px 0; font-size:12px; font-weight:bold;}
.login-top p.message a{ color:#93ff71; text-decoration:underline;}
.login-top p.message a:hover{ text-decoration:none;}

.login-top p.server-ip{ margin:0; padding:0; font-size:11px; color:#70818b;}

.search-container{ width:187px; height:42px; position:absolute; top:117px; left:50%; margin-left:345px; z-index:100; background:url(../../images/searchbg.png) no-repeat; padding:8px 0 0 10px; font-size:10px; color:#d3d5d4;}
.search-container a{ color:#568595; line-height:17px;text-decoration:underline;}
.search-container a:hover{ text-decoration:none;}
.search-container span.search{ width:151px; height:24px; background:url(../../images/searchbg.jpg) no-repeat; display:block;}
.search-container span.search input.search{ width:117px; height:24px; background:none; border:0; padding:0 10px 0 24px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.search-container .go{ margin:0; padding:0; border:0; background:url(../../images/button_go.jpg) no-repeat; width:26px; height:24px; cursor:pointer;}

.navigation{ background:url(../../images/navbg.png) repeat-x;}
.nav{ padding-top:18px;}

.content{ background:url(../../images/contentbg.jpg) repeat-x #FFFFFF;}

.gap{ padding-right:7px;}

.cal{ background:url(../../images/calendarbg.png) no-repeat; background-size:100% 100%; width:100%; min-width:235px; height:283px; text-align:center; color:#b2e3fd; margin-top:15px;}
.cal div#clock{ margin:0; padding:7px 0 0 0; font-size:33px; color:#FFFFFF; line-height:100%;}
.cal p{ margin:0; padding:10px 0; line-height:100%;}
.cal p.cal-link{ margin:0; padding:10px 0 0 0; font-size:10px;}
.cal p.cal-link a{ color:#3f7081; text-decoration:underline;}
.cal p.cal-link a:hover{ text-decoration:none;}
.cal p.cal-link img{ vertical-align:middle; margin-right:4px;}

.box1{ background:#f5ffff; border-radius:10px; border:1px solid #d1e8ef; padding-top:15px;}
.box2{ background:#f3f8fb; border-radius:10px; border:1px solid #dfe7ea; border-bottom:2px solid #dfe7ea; margin-top:15px;}
.box3{ background:#f5ffff; border-radius:10px; border:1px solid #d1e8ef; margin-top:15px;}
.box1bg{ background:#c8dfed; border:1px solid #b7cfdb; margin-top:15px;}
.box2bg{ background:#d9f0fc; border:1px solid #b7cfdb; margin-top:15px;}
.box3bg{ background:#c6e0ed; border:1px solid #b7cfdb;}
.box4bg{ background:#e8f3f9; border:1px solid #b7cfdb; padding-bottom:10px;}
.box4bg_dashboard{ background:#e8f3f9; border:1px solid #b7cfdb; margoin-top:15px; margoin-bottom:15px;}
.box5bg{ background:#e8f3f9; border:1px solid #b7cfdb; margin-bottom:10px;}

.boxentryform{ 
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b7cfdb;
	border-right-color: #b7cfdb;
	border-bottom-color: #b7cfdb;
	border-left-color: #b7cfdb;
	background-color: #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	padding-bottom:10px;
}

.boxentryform div.error {	
	display:block;
	padding: 10px 10px 10px 35px;
	background-color: #f6b9b9;
	border: 1px solid #e18484;	
	background-image: url(../../images/24-message-warn.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 0px 10px 10px 10px;
	color:#c32727;
}

.boxentryform div.information {	
	display:block;
	padding: 10px 10px 10px 35px;
	background-color: #D2DDFB;
	border: 1px solid #90b1c7;	
	background-image: url(../../images/24-message-info.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;
	color:#4b6bab;
}

.boxentryform div.notice {	
	display:block;
	padding: 10px 10px 10px 35px;
	background-color: #9fddea;
	border: 1px solid #5fceea;	
	background-image: url(../../images/action-msg.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;
	color: #4b6bab;
}

.boxentryform div.success {	
	display:block;
	padding: 10px 10px 10px 35px;
	background-color: #a3e6bd;
	border: 1px solid #68d59b;	
	background-image: url(../../images/action-ok.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	margin: 10px 10px 10px 10px;
	color: #688006;
}

.boxentryform div.error span, div.information span, div.notice span, div.success span { 	
	font-weight:bold;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin:0px 5px 15px 0;
	cursor:pointer;
	float:right;
}

img.bubble{ float:right; position:relative; top:-10px; margin-right:5px;}

ul.type1{ margin:0; padding:5px; list-style:none; font-size:10px; min-height:237px;}
ul.type1 li{ margin:9px 17px 9px 17px; padding:0; list-style:none; text-align:center;  width:101px; height:99px; float:left; background:#FFFFFF;}
ul.type1 li a{ color:#2f7c95; text-decoration:none; border:1px solid #ddedf2; border-radius:5px; width:101px; height:99px; display:block;}
ul.type1 li a:hover{ text-decoration:underline; border:1px solid #7cc6ea;}


ul.type2{ margin:0; padding:0; list-style:none;}
ul.type2 li{ margin:0; padding:7px 0 7px 15px; list-style:none; background:url(../../images/libg.jpg) no-repeat left bottom;}
ul.type2 li a{ background:url(../../images/arrow.png) no-repeat 0 5px; text-decoration:none; font-size:12px; color:#174d67; padding-left:8px;}
ul.type2 li a:hover{ text-decoration:underline;}
ul.type2 li:last-child{ background:none; padding-bottom:0;}


ul.type3{ margin:0; padding:0; list-style:none;}
ul.type3 li{ margin:0; padding:0 10px 10px 30px; list-style:none; background:url(../../images/libg2.jpg) no-repeat left bottom;}
ul.type3 li a{ background:url(../../images/arrow.png) no-repeat 0 5px; text-decoration:none; font-size:12px; color:#3690b6; padding-left:8px;}
ul.type3 li a:hover{ text-decoration:underline;}
ul.type3 h5{ margin:0; padding:5px 0 5px 0; font-size:12px; color:#1c516a; position:relative; left:-20px;}
ul.type3 h5 span{ background:url(../../images/bullet.png) no-repeat; width:15px; height:17px; display:block; float:left; color:#FFFFFF; padding-left:5px; padding-top:1px; font-size:11px; font-weight:100;}
ul.type3 h6{ margin:0; padding:0 0 5px 0; font-size:10px; font-weight:100;}
ul.type3 p{ margin:0; padding:0;}
ul.type3 li:last-child{ background:none; padding-bottom:0;}


ul.type4{ margin:0; padding:0; list-style:none;}
ul.type4 li{ margin:0; padding:5px 7px 10px 7px; list-style:none; float:left; display:inline; background:url(../../images/libg3.jpg) no-repeat left bottom; border-left:1px solid #a2c8dd;}
ul.type4 li img{ float:left; width:95px; height:70px;}
ul.type4 li a{ border:3px solid #e2f0f3; width:95px; height:70px; display:block;}
ul.type4 li a:hover{ border:3px solid #6997a7;}
ul.type4 li:nth-child(odd){ border-right:1px solid #e5f0f6; background:url(../../images/libg3.jpg) no-repeat left bottom; border-left:none;}
ul.type4 li:nth-child(even){  border-left:1px solid #a2c8dd; background:url(../../images/libg3.jpg) no-repeat right bottom;}
ul.type4 li:nth-child(5){ background:none; padding-bottom:0;}
ul.type4 li:nth-child(6){ background:none; padding-bottom:0;}
.links{ background:#ebf2f8; border-radius:0px 0px 10px 10px; text-align:center; padding:7px 0; font-size:11px;}
.links img{ vertical-align:middle; margin-right:4px;}
.links a{ text-decoration:none; color:#3f7081;}
.links a:hover{ text-decoration:underline;}



ul.type5{ margin:0; padding:5px 0; list-style:none;}
ul.type5 li{ margin:0; padding:2px 15px; list-style:none; font-size:11px; color:#7e898d;}

/**********************************     Tabbed Navigation     ******************************/
.tab-box { clear:both; height:24px;}
.tab-box ul{ margin:0; padding:0 0 0 11px; list-style:none; clear:both;}
.tab-box ul li{ margin:0 1px 0 0; padding:0; list-style:none; float:left;}


.tab-box a {  background:url(../../images/normal.jpg) repeat-x; color:#ffffff; padding: 8px 15px; text-decoration:none; border:1px solid #667c18; border-bottom:0; border-radius:5px 5px 0 0px; font-size:13px; font-weight:bold;}
.tab-box a:hover{  background:url(../../images/hover.jpg) repeat-x; text-decoration:underline;}
.tab-box a.activeLink { background:url(../../images/active.jpg) repeat-x; color:#000000; padding: 8px 15px; border:1px solid #77c0e1; border-bottom:0; text-decoration:none;}
.tabcontent { clear:both; height:30px; padding:12px 10px 0 10px;}
.hide { display: none;}

.clear { height: 100% }
.clear:after { content: ''; display: block; clear: both }

.menu, .menu ul { list-style: none; margin: 0; padding: 0 }

.menu li { position: relative; float: left; white-space: nowrap}
.menu li a { display: block; padding: 4px 15px 8px 15px; text-decoration: none; color:#FFFFFF;}
.menu li a:hover { text-decoration:underline; color:#FFFFFF;}

.menu ul { display: none; position: absolute; background:#329ecf; border:1px solid #267ea6;}
.menu ul li {float: none }

.menu ul ul { top: -1px; right: 100%; background:#329ecf;}

.menu li.has_child { background-image: url('../../images/downarrow.png'); background-position: right center; background-repeat: no-repeat; padding-right: 10px }
.menu li.hover  {}

.menu img{ vertical-align:middle; position:relative; left:-4px; bottom:2px;}

.table1 th{ border-left:1px solid #cde8f3; border-top:1px solid #cde8f3;cursor:pointer;}
.table1 td{ border-left:1px solid #cde8f3; border-top:1px solid #cde8f3;}
.bg1{ background:url(../../images/tdbg1.jpg) repeat-x #fdfdff;}
.bg2{ background:url(../../images/tdbg2.jpg) repeat-x #f3f8fc;}
.tr1 th{ font-weight:900; color:#1d476d;}
.tr1 td{ border:none; font-weight:900; color:#1d476d;}
.table1 img{ margin:0 5px;}
.table1 a{ color:#44778f; text-decoration:none; font-weight:bold;}
.table1 a:hover{ text-decoration:underline;}
.table1 .cont img{ margin:0 1px;}
.table1 .cont a{ margin:0 6px;}
.table1 td.cont { border-left:none}
.table1 tbody tr:hover{background:#99BCBF;border:1px solid #03476F;color:#000000;}
.red{ color:#a22428;}

.btnGreen{ background:url(../../images/button_addnew_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#FFFFFF!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnGreen:hover{ text-decoration:underline;}
.btnGreen strong{ background:url(../../images/button_addnew.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnBlue{ background:url(../../images/button_checkall_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#FFFFFF!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnBlue:hover{ text-decoration:underline;}
.btnBlue strong{ background:url(../../images/button_checkall.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnDeepBlue{ background:url(../../images/button_approve_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#FFFFFF!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnDeepBlue:hover{ text-decoration:underline;}
.btnDeepBlue strong{ background:url(../../images/button_approve.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnOrange{ background:url(../../images/button_orange_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#FFFFFF!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnOrange:hover{ text-decoration:underline;}
.btnOrange strong{ background:url(../../images/button_orange.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnRed{ background:url(../../images/button_red_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#FFFFFF!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnRed:hover{ text-decoration:underline;}
.btnRed strong{ background:url(../../images/button_red.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnLightBlue{ background:url(../../images/button_lightblue_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#72909d!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnLightBlue:hover{ text-decoration:underline;}
.btnLightBlue strong{ background:url(../../images/button_lightblue.png) no-repeat right center; padding:5px 10px 5px 0px;}

.btnGray{ background:url(../../images/button_gray_left.png) no-repeat left center; padding:5px 0 5px 9px; color:#595959!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none;}
.btnGray:hover{ text-decoration:underline;}
.btnGray strong{ background:url(../../images/button_gray.png) no-repeat right center; padding:5px 10px 5px 0px;}

.footer{ background:#3d4c55; border-top:3px solid #62798b; color:#90959a; font-size:11px; line-height:150%;}
.footer a{ color:#90959a; text-decoration:none;}
.footer a:hover{ color:#4c9db9; text-decoration:underline;}

.hd{ float:left; width:30%;}
.tab-box2{ float:right; width:70%; text-align:right; font-size:13px;}
.heading{ background:url(../../images/headingbg.gif) repeat-x;  font-size:20px; color:#FFFFFF; margin:0; padding:8px 10px 5px 14px; font-weight:100; border-radius:10px; line-height:100%;}

.tabLink2{ background:url(../../images/tabnormalleft.png) no-repeat left bottom; padding:8px 0 8px 9px; color:#595959!important; font-weight:bold; text-transform:uppercase; font-size:11px; text-decoration:none; margin-top:5px;}
.tabLink2:hover{ text-decoration:none; color:#51a6c1!important;background:url(../../images/tabactiveleft.png) no-repeat left bottom;}
.tabLink2 strong{ background:url(../../images/tabnormal.png) no-repeat right bottom; padding:8px 10px 8px 0px;}
.tabLink2:hover strong{ background:url(../../images/tabactive.png) no-repeat right bottom; padding:8px 10px 8px 0px;}

.activeLink2{ text-decoration:none; color:#51a6c1!important;background:url(../../images/tabactiveleft.png) no-repeat left bottom;}
.activeLink2 strong{ background:url(../../images/tabactive.png) no-repeat right bottom; padding:8px 10px 8px 0px;}
.pad{ padding:15px;}

.inp1{ margin:0; padding:4px 5px; width:300px; border:1px solid #41b5c5; background:#FFFFFF; font-size:11px;}
.inp2{ margin:0; padding:2px; width:300px; border:1px solid #d9ddde; background:#FFFFFF; font-size:11px;}
.inp3{ margin:0; padding:2px; width:500px; height:130px; border:1px solid #d9ddde; background:#FFFFFF; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.inp4{ margin:0; padding:4px 5px; width:100px; border:1px solid #41b5c5; background:#FFFFFF; font-size:11px;}
.inp5{ margin:0; padding:4px 5px; width:150px; border:1px solid #41b5c5; background:#FFFFFF; font-size:11px;}

.green{ color:#8cb302;}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Verdana, "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
	float:right;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}

.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}

.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}

.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

form .btn-green{
background:#AEE893;
border:1px solid #8EC46C;
cursor:pointer;
padding:5px 15px;
color: #4d5f04;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

form .btn-green:hover{background-color:#BBF2B5}

form .btn-red{
background:#FF2222;
border:1px solid #8EC46C;
cursor:pointer;
padding:5px 15px;
color: #4d5f04;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
}

form .btn-red:hover{background-color:#FFAAAA}

form .btn-blue{background:#ADC2F7;border:1px solid #6D94F7;cursor:pointer;padding:5px 15px;color: #4d5f04;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:13px;}
form .btn-blue:hover{background-color:#B7D1F9}
form .btn-grey{background:#AAA;border:1px solid #777;cursor:pointer;padding:5px 15px;color: #4d5f04;font-family:"Trebuchet MS", Arial,Bold, Helvetica, sans-serif;font-size:13px;}
form .btn-grey:hover{background-color:#CCC}
.radius{-moz-border-radius:6px;-webkit-border-radius:6px}

.dateFld{margin:0; padding:4px 5px; width:100px; border:1px solid #41b5c5; background:#FFFFFF; font-size:11px;}