﻿/*----------------------------------------------------------*/
html {background: #555 url('Images/Backgrounds/main_bg_drk.png');}
body {font-size: 13px;font-family: 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;color: #000;min-width: 1092px;}
a:link, a:visited{color:#800000;text-decoration:underline;}
a:hover{color: #329900;text-decoration:underline;}
a:active{color: #1155CC;text-decoration:none;}
p{margin-bottom: 10px;line-height: 1.6em;}
/* HEADINGS ----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6{font-size: 16px;color:#800000;font-variant:normal;text-transform: none;font-weight: 300;margin-bottom: 0px;}
h1{font-size: 170%;font-weight: 500;}
h2{font-size:150%;font-weight:normal;margin: 0px 5px 0px 0px;}
h3{font-size: 110%;}
h4{font-size: 10px;}
h5, h6{font-size: 8px;}
/* this rule styles <h1> and <h2> tags that are the first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}
/* PRIMARY LAYOUT ELEMENTS ----------------------------------------------------------*/
.page{width:93%;margin: 20px auto 0px auto;border: 1px solid #000;position:relative;}
.header{margin: 0px;padding: 0px;background:url('Images/Backgrounds/bggrdheader.PNG') repeat;width: 100%;min-height: 89px;}
.header h1{font-weight: 500;margin: 0px;padding: 0px 0px 0px 0px;color:#000222;border: none;font-size: 2em;}
.main{min-height:600px;background:#E3E2DD url('Images/Backgrounds/back-noise-gradient.png') repeat-x scroll 0 0; padding:5px 25px 25px 25px; height:100%; overflow:auto;}
.leftCol{padding: 6px 0px;margin: 12px 8px 8px 8px;width: 200px;min-height: 200px;}
.footer{color: #c1c1c1;padding: 8px 0px 0px 0px;margin: 0px auto;text-align: right;line-height: normal; font-size:xx-small}
select, textarea {float:left;margin-bottom:0;margin-left:0px;margin-right:3px;margin-top:0;padding-bottom:2px;padding-left:3px;padding-right:3px;padding-top:2px;border: 1px solid #bbb ;}
/* TAB MENU ----------------------------------------------------------*/
div.hideSkiplink{border-bottom:2px solid #f0c080 ;border-top:1px solid #989898;background-image: url('Images/HeaderWhiteChrome.jpg');width:100%;}
div.menu{padding: 5px 0px 5px 3px;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li {display:inline;}
div.menu ul li a, div.menu ul li a:visited{background-image:url('Images/HeaderWhiteChrome.jpg');background-repeat:repeat-x;border-right:0.3px solid #fff;color:#000;line-height: 1.35em;padding: 4px 20px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover,div.menu ul li a:active{background-color: #fff;color: #DD4B39;border-right:0.3px solid #fff;text-decoration: none;}
/*div.menu ul li a:active{background-color: #CCC;color: #000;text-decoration: none;}
*/
/* FORM ELEMENTS ----------------------------------------------------------*/
fieldset{margin: 1em;padding: 1em;border:1px solid #f0c080;}
fieldset.blank {margin: 1em;padding: 1em;border:none;}
fieldset p {margin: 2px 8px 7px 7px;}
legend {font-size: 110%;color: #800000;padding: 2px 4px 8px 4px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display:block;}
fieldset label.inline {display:inline;}
input.textEntry {border:1px solid #D6D6D6;width: 230px;color:#333333;padding:3px;margin-right:4px;margin-bottom:8px;}
input.focus {border: 1px solid #800;background: #FFEEAA;}
input.gridTextEntry {height:20px;width:195px;border: 1px solid #D5D5D5;font-size: 11px;text-transform: uppercase;}
input.gridTextEntry:focus,gridTextEntry_focus,input.gridTextEntry:active,gridTextEntry_active{border: 1px solid #800;background: #FFEEAA;}
input.passwordEntry {border:1px solid #D6D6D6;width: 320px;color:#333333;padding:3px;margin-right:4px;margin-bottom:8px;}
div.accountInfo{width: 50%;white-space: nowrap;}
/* MISC ----------------------------------------------------------*/
.clear{clear: both;}
.title{display: block;float: left;text-align: left;width: auto;height:90px;}
.loginDisplay{font-size: 12px;display: block;text-align: right;padding: 10px;color:#000;}
.loginDisplay a:link{color: #000;}
.loginDisplay a:visited{color: #000;}
.loginDisplay a:hover{color: #306EFF;}
.failureNotification{display: block;color: #CD0000; font-weight:bold; font-variant:inherit; font-size:11.5px}
.bold{font-weight: bold;}
.submitButton{text-align: right;padding-right: 10px;}
/*--------------------------------------GridViewCSS White Chrome Style-------------------------------------*/
.GridViewStyle{font-size: 12px;color:#000222;border-collapse: collapse;background: #FFFFFF;border: 1px solid #CbCbCb;font-weight: normal;table-layout:auto;}
/*.GridViewStyle tbody tr:hover,.GridViewStyle tbody tr:hover td,.GridViewStyle tbody tr.hover,.GridViewStyle tbody tr.hover td{background: #cccccc;}
*/
/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{background-image: url('Images/Backgrounds/Sprite.png');background-repeat:repeat-x;font-weight: bold;text-align: left;padding: 6px;border:1px solid #CBCBCB;}
.HeaderStyle th{padding: 6px;color: #000222;border: 1px solid #CBCBCB;font-weight:bold;text-align:left;}
.HeaderStyle a{text-decoration:none;color:#000222;display:block;text-align:left;font-weight:normal;}
.PagerStyle td{border-top:1px solid #CBCBCB;}
.PagerStyle a{color:#000222;}
.PagerStyle span{font-weight:bold;color:#000222;}
/*RowStyles*/
.RowStyle td, .SelectedRowStyle td, .EditRowStyle td,.RowStyle th /*Common Styles*/
{background-image: url('Images/forms/white_line.png?1311219806');padding: 7px;font-weight: normal;overflow : hidden;}
.AltRowStyle td,.AltRowStyle th{font-size: 11px;padding: 7px;font-weight: normal;border:1px solid #CBCBCB;background-color: rgb(233, 233, 233); text-transform:uppercase;}
.RowStyle a:link,.AltRowStyle a:link{text-decoration: none;cursor:pointer;}
.RowStyle td,RowStyle th{font-size: 11px;color: #000222;border:1px solid #CBCBCB;overflow : hidden;text-transform:uppercase;}
.SelectedRowStyle td{background-color:#FFF4c6;}
/*----------------------------------------------------------Treeview styles-------------------------------------------------------------*/
.tdTree{width:169px;vertical-align: top;border-right:1px solid #fff;top:0;}
.CorpTree,.CorpTree a:link,.CorpTree a:active,CorpTree a:visited{background-color:#CCC;color: #333;width: 169px;}
.NodeStyle{color: #333;cursor:pointer;display:block;font-size:12px;font-weight:normal;margin:2px 2px 2px 2px;padding: 5px 3px 3px 5px;text-indent:0;text-decoration:none;border:1px solid #DDD;border-top:none;width: 200px;}
.NodeStyle a:link,.NodeStyle a:active,NodeStyle a:visited {color: #333;}
.NodeStyle a:hover{color:#800}
/*To overwrite JQuery button text color*/
.ui-button.corpButton {font-size: 13px;font-weight: normal;padding: 4px 19px 4px 19px;color: #000000;}
/*----------------------------------------------------------Treeview styles-------------------------------------------------------------*/
.underLine {margin-top: 0px;margin-bottom: 10px;padding-bottom: 15px;background-image: url('Images/forms/indent.gif?1311219806');background-repeat: repeat-x;background-position: bottom;width:100%;}
.box-heading {background: #434343;color: white;font-size: 18px;line-height: inherit;margin-top: 20px;padding: 11px 15px;}
.Content {border: 1px solid #A3A3A3;display:block; background-color: #F4F4F4;background-image: url('Images/forms/white_line.png?1311219806');background-repeat: repeat-x;padding: 5px 5px 5px 5px;color: #111111; white-space:nowrap;}
.Content p {margin:15px 15px 15px 15px;}
#uProgress{color: #000000;top: 0px;right: 0px;position: fixed;width: 120px;background: #cccccc;border: 1px solid #000000;}
#uProgress img{vertical-align:middle;margin : 2px;}
/********************************AJAX STYLES START********************************/
.ajaxProgressBarOuter{left:0px;top:0px;position:fixed;width:100%;height:100%;background:transparent url('Images/Forms/ajax_indicator_graybg.png') repeat;z-index: 99998;-moz-border-radius: 10px;/* Firefox */
 -webkit-border-radius: 10px;/* Safari, Chrome */
 border-radius: 10px;}
.ajaxProgressBarInner{width: 350px;height:77px;font-size: 14px;position:absolute;left:50%;margin-left:-200px;top:50%;margin-top:-60px;z-index: 99999;}
.ajaxProgressBarMessage{font-size: 14px;color:#000000;}
/********************************AJAX STYLES END********************************/
.Hint {border: 1px solid #FFE58A;background:#FFFFFF;color:#000000;width:90%;font-size: 11px;}
.GoodStanding {color:#309600;}
.NotGoodStanding {color:Red;}
.modalbackground{background-color: #555555;filter: alpha(opacity=50);opacity: 0.7;overflow: scroll;}
.Fuchsia{background-color: Fuchsia !important;}
hr{color: #333;background-color: #333;height: 1px;}


input.searchEntry {border:1px solid #cccccc;width: 300px;color:#333333;padding:3px;margin-right:4px;margin-bottom:8px;height:20px}

div.fadehover 
{
    position:relative;
	cursor: pointer;
}
 
img.a 
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
 
img.b 
{
	position: absolute;
	left: 0;
	top: 0;
}

/*--------------------------------------------------------------------------------------------------*/
Vertical Menu
/*--------------------------------------------------------------------------------------------------*/

#navigation ul{ list-style-type:none;padding:0px 0px 0px 0px;font-size:12px;color:#000000}
#navigation li{margin:4px 0px 4px 0px;padding:5px 0px 3px 20px;list-style-type:none;color:#000000 }

ul#VerticalMenu
{
padding:0px 0px 0px 0px;
list-style:none;
}

ul#VerticalMenu li:hover 
{
    background: url(Images/menu/button-pen.png) no-repeat scroll 0 2px transparent;
    color: #000000; 
	list-style-type:none;
}
ul#VerticalMenu li a:link{font-size:12px;color:#000000;padding:5px 0px 5px 0px; }
.vm-active
{
    color:#800;
    background: url(Images/menu/button-pen.png) no-repeat scroll 0 2px transparent;
}

.vm-warning
{
    background: url(Images/menu/button-exclamation.png) no-repeat scroll 0 2px transparent;
}

.vm-finished {
    background: url(Images/menu/button-check.png) no-repeat scroll 0 2px transparent;
}

.vm-unfinished {
    background: url(Images/menu/button-cross.png) no-repeat scroll 0 2px transparent;
}

.toolTip
{
    color:#666666;
}