html{color:#393939;}
body,h1,h2,h3,h4,h5,h6{font-size:72.5%;font-weight:normal;margin:0;padding:0;}
img{border:0;}q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
.bg{background: #f9f9f7 url(../../images/MainMasterbg.jpg) no-repeat 0 220px;}
/*Login Background and containers*/
.Loginbg{background:url(../../images/loginbg.gif) repeat;}
#bgcontainer{background:url(../../images/bgct.gif) repeat; width:78%; height:auto; padding:15px; margin:1% auto; }
#Loginimg{background:url(../../images/mainbg.jpg) no-repeat center center; width:auto; height:600px;}
/* fonts */
body{font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; color:#393939; }
input,button,textarea{font-family:Arial,sans-serif;}
table{font-size:inherit;font-size:100%;}
/* =========== alignment ===========*/
.c{display: block;margin-left: auto;margin-right: auto;}
.txt_c{text-align:center}
.txt_r{text-align:right;}
.r, .floatright{float: right;}
.txt_l{text-align:left;}
.l, .floatLeft{float: left}
.clear{clear:both;}
/* ====== Padding ====== */
.Pad{padding:10px}
.PadL{padding-left:10px; }
.PadR{padding-right:10px}
.PadB{padding-bottom:10px}
.PadT{padding-top:10px}
.Pad20{padding:20px}
.PadL20{padding-left:20px; }
.PadR20{padding-right:20px}
.PadB20{padding-bottom:20px}
.PadT20{padding-top:20px}
/* ====== Margin ====== */
.Margin{margin:10px}
.MarginL{margin-left:10px; }
.MarginR{margin-right:10px}
.MarginB{margin-bottom:10px}
.MarginT{margin-top:10px}
.Margin20{margin:20px}
.MarginL20{margin-left:20px; }
.MarginR20{margin-right:20px}
.MarginB20{margin-bottom:20px}
.MarginT20{margin-top:20px}
/* Structure*/
/* ==== LOGO ===*/
.Logo{ margin:10px auto;}
.appname{ border-top: solid 3px #c9c0b1; margin:auto; width:80%; display:block; line-height:25px;}
/* === Top links === */
.TopNav {text-align:left; color:#dce1cd !important; line-height:30px; width:auto;width:99%; clear:both;}
.TopLinks {color:#dce1cd !important;margin:0 5px;}
.TopSearch {width:203px; height:22px; float:right; margin-top:1px;}
.TopSearch .txtsearch{border:0 !important; float:right;background: url(../../images/TxtSearch.png) no-repeat top right; width:163px; height:22px; line-height:22px; padding: 0 0 0 4px;/* padding:2px 0px 2px 4px;*/ }
.TopSearch .search {border:0 !important; float:right;background: url(../../images/BtnSearch.png) no-repeat top right; width:29px; height:22px; margin:3px 0 0 0; cursor:pointer;}
* html .txtsearch {margin-top:3px}
.greetings{color:#229ed4; font-weight:normal;padding:20px 5px 7px 0; width:auto; text-align:right}
.greetings span {color:#229ed4;font-size:1.42em; font-weight:normal; }
.UName {background: url(../../images/Usericon.png) no-repeat 0px 0px;color:#229ed4;font-size:1.42em; padding-left:20px; line-height:30px; }
.LnkBtnLogout{color:#667786;font-size:1em !important; font-weight:normal}
/* ==== wrapper ==== */
.pagewp{ width:100%; min-width:1000px; height:auto; margin:0; position: relative; top:0;left:0; right:0;
background: url(../../images/top.gif) repeat-x top;}
.wrapper {text-align:left; width:90%; min-width:1000px; margin:0 auto;}
#ContentPlaceHolder{ margin:10px 5px 10px 30px ; width:auto; min-height:500px; height:auto}
/* ==== Header ==== */
#header{height:auto; width:100%; min-height:116px; }
#header .bol{height:auto; width:25%; float:left; }
#header .right{height:auto; width:72.4%; float:left;}
/* ==== Menu==== */
#menu{ /*margin-top:87px;*/ background: #009ed4; width:auto; padding:0 0 0 20px;min-height:29px;display:block;/*overflow:hidden;_overflow:visible; zoom:1;*/}
* html #menu{display:inline-block; height:29px;}
#menuEdge{ display: block; width:auto; padding-right:10px; height:29px; width:auto;
background:url(../../images/menu_corner.png) no-repeat right top;}
/* ==== Footer ==== */
#footer {color:#227097;font-size:0.91em; font-weight:bold; padding:10px 30px;}
#footer a {color:#227097;}
/* ==== Rounder white wrapper ==== */
.rctr {background:url(../../images/ctopright.png) no-repeat right top; width:100%; overflow:hidden;display: block; float: left;
height:23px; padding-right:25px;}
.rctl{ background:url(../../images/ctopleft.png) no-repeat left top; display: block;height: 23px;}
.bor { background:url(../../images/br.png) repeat-y 100% 0px ; width:100%; float: left;height:auto;
overflow:hidden;_overflow:visible; zoom:1; display: block; padding-right:25px;}
.bol { background:url(../../images/bl.png) repeat-y 0px 0px ;
height:auto;overflow:hidden;_overflow:visible; zoom:1; display: block; }
.rcbr{ background:url(../../images/cbotright.png) no-repeat right bottom; width:100%; overflow:hidden;display: block; float: left;
height: 23px; padding-right:25px;}
.rcbl{ background:url(../../images/cbotleft.png) no-repeat left bottom; display: block;height: 23px;}
/* ==== Containers for form: divform is for search, basic info etc containers, divinfo is for validation/error/important messages, divref is for feedback messages = */
.divform{ background:#fdfbfc; border:solid 3px #d0e1e9; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divinfo{ background:#fff9e7; border:solid 3px #e6ddb4; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divinfo img { margin:0 5px 0 0}
.divref{ background:#fff6f7; border:solid 3px #e9d6d0; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divtab{background:#fdfdfd; border-top:solid 3px #c9c0b1; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; }
.VertForm{ line-height:1.2em}
/* ==== Separators ==== */
.HSeparator{border-bottom:solid 3px #c9c0b1; font-size:1px; margin:5px 0; width:auto}
.HseparatorSec{border-bottom:solid 2px #eaece3; font-size:1px; margin:5px 0; width:auto}
.VSeparator{border-right:solid 2px #eaece3; margin:0 5px; width:auto}
.VLSeparator{border-left:solid 2px #eaece3; width:auto}
/* CSS Classes Related to Controls */
/* ==== Page Header Control==== */
.UCPageHeader{ width:auto}
.UCPageHeader h1 { float:left}
.UCPageHeader .BtnHelp { float:left; margin:7px}
.UCPageHeader .UCBreadCrumb{float:right; }
.UCBreadCrumb .Links{text-decoration:none; cursor:none; }
.UCBreadCrumb .SecLinks{color:#9a8c65;}
.UCBreadCrumb .PathSeparator{background:url(../../images/bc_arrow.gif) no-repeat bottom; display:inline-block; margin-right:2px; width:20px; height:20px; *margin-bottom:5px; _margin-bottom:5px;}
/* ====== Miles Textboxes, textareas, input fields ====== */
input[type="text"],textarea, .Textboxes{ border: #c3d9f9 1px solid; font-size:1em; padding: 0.2em; margin:3px 0;}
.Textboxes_RightAlign{ font-size:1em; border: #c3d9f9 1px solid; padding: 0.2em; text-align:right; margin:3px 0;}
select, .DropDownLists{ font-size:1em; border: #c3d9f9 1px solid; padding: 0.15em 0.1em 0.15em 0.2em; margin:3px 0;}
select{ font-size:1em; border: #c3d9f9 1px solid; }
/* ====== Miles Data Grid ====== */
.GridRecordCountFooter{ font-weight: bold}
.MilesGridInactive{ background: #FFCCCC;}
.MilesGridInactive td{ border:1px solid #FFCCCC; border-top:0; padding:4px 7px 3px 7px;}
.MilesGridInactiveAlternating td{ border:1px solid #FFDDDD; border-top:0; padding:4px 7px 3px 7px;}
.MilesGridInactiveAlternating{ background: #FFDDDD;border-color:#FFDDDD;}
/* ====== LINKS ======*/
a, a:visited, a:active, .Links, .Links a:link
{color:#0086fb; cursor:pointer; text-decoration:underline;}
a.Links:hover, a:hover{ text-decoration:none;}
.SecLinks, .SecLinks a {color:#9a8c65; cursor:pointer; text-decoration:underline;}
.SearchLinks, .SearchLinks a {color:#0086fb; font-weight: bold; font-size:1.25em; cursor:pointer; text-decoration:underline;}
/* ====== BUTTONS ====== */
.Buttons,.Buttons_Bold
{ color: white; font-size:1em; CURSOR: pointer; border: #708228 1px solid; font-weight: bold;
background:#96b017;padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
}
.SecButtons,.SecButtons_Bold
{ color: white; font-size:1em; CURSOR: pointer; border: #2d7bbe 1px solid; font-weight: bold;
background:#328fe0; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
}
.NeutralButtons,.NeutralButtons_Bold
{ color: white; font-size:1em; CURSOR: pointer; border: #918e80 1px solid; font-weight: bold;
background:#aaa490 ; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
}
.NegativeButtons,.NegativeButtons_Bold
{ color: white; font-size:1em; CURSOR: pointer; border: #be2d2d 1px solid; font-weight: bold;
background:#e03232; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
}
.Buttons:hover, .Buttons_Bold:hover, .SecButtons:hover, .SecButtons_Bold:hover,.NeutralButtons:hover,
.NeutralButtons_Bold:hover, .NegativeButtons:hover, .NegativeButtons_Bold:hover
{ box-shadow: 5px 5px 5px #ccc;-moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow:5px 5px 5px #ccc; color: #000;}
/* ====== Lists with Icon ====== */
.Arrowlist{ background:url(../../images/dtArrow.gif) no-repeat 0px 6px; padding-left:15px; line-height:20px;}
.Magnifylist{ background:url(../../images/magnifyglass.png) no-repeat 0px 0px; padding-left:22px;line-height:20px; }
.Userlist{background:url(../../images/usericon.png) no-repeat 0px 0px; padding-left:20px; line-height:20px;}
.Arrowlist:link, .Userlist:link{ color:#0091cd; }
/* FONT and LABELS*/
h1, h1 a, h1 a:hover, h1 a:visited, .headerimg .description {text-decoration: none;}
/* ==== LABELS ==== */
h1, .Labels_PageHeading{font-size:1.9em;font-family:"Times New Roman", Times, serif; color: #137cd7; line-height:normal}
h2, .Labels_PageSubHeading{ font-family:"Times New Roman", Times, serif; font-size: 1.7em; color: #8f8470; font-weight: bold;}
h3, .Labels_LargeBold{font-size: 1.25em;font-weight: bold;}
h4, .Labels_MediumBold{font-size: 1.15em;font-weight: bold;}
h5, .Labels_Bold{font-size: 1em;font-weight: bold;}
h6, .Labels_SmallBold{font-size:0.95em;font-weight: bold;}
.Labels_Large{font-size: 1.25em}
.Labels_Medium{ font-size: 1.15em}
.Labels{ font-size:1em;}
.Labels_Small{font-size:0.95em;}
.Labels_Required{color:#d9a341;font-size:0.75em;}
.Labels_normal{font-weight: normal}
.Labels_Username{font-size: 1.25em;color:#0092d6}
.Labels_Notes{color:#666;font-size:0.95em;} /* Gray Label*/
.Labels_HighlightNotes, .Labels_HighlightNotes a{ color:#d9a341; font-weight: bold;font-size:0.95em;}
.Labels_Highlight, .Labels_Highlight a{ color:#229ed4; font-weight: bold;} /* Blue Label*/
.Labels_HighlightSec, .Labels_HighlightSec a{ color:#d9a341; font-weight: bold;}
.Labels_Reference, .Labels_Reference a{ color:#7c7a7b; font-weight: bold;} /* Light Gray Label*/
/* === Error messages, system messages etc === */
.Labels_ValidationSummary{font-size: 1.15em; color: Red;}
.Labels_Messages, .Labels_Validation {font-size:1em; color: Red; }
/* ====== STATUS LABELS ====== */
.Labels_Started, .Labels_Started{ color:#d92320;font-weight: bold;}
.Labels_NotStarted, .Labels_NotStarted a{ color:#ab1abf;font-weight: bold;}
.Labels_Completed, .Labels_Completed a { color:#769b3e; font-weight: bold;}
/* === column === */
.colauto{float:left; width:auto; padding-right:5px;}
.colauto a{color:#0091cd;}
.col100{width:100%; }
.col80{width:80%;}
.col75{width:75%;}
.col66{width:66.66666%;}
.col60{width:60%;}
.col50{width:50%;}
.col45{width:45%;}
.col40{width:40%;}
.col33{width:33.33333%;}
.col31{width:31%;}
.col25{width:25%;}
.col20{width:20%;}
.col30{width:30%;}