﻿/* Overall Page */
body {margin: 0;padding-bottom: 2em;background-color: #FFFFFF;color: #000000;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;/*border-top: 2px solid #B51032;*/}

/* Header Section */
#header {/*border-top: 3px solid #B51032;*//*border-bottom: 1px dotted #B51032;*/height: auto;min-width :800px;}
#header .title {font: 190% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;color: black;background-color: transparent;float: left;margin-right: 2em;margin-top: 0.3em;margin-left: .8em;}
#header .breadcrumb {font: 90% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;color: black;background-color: transparent;float: right;margin-right: 2em;margin-top: 0.8em;font-weight:bold;}
#navigation {height : auto;top: 8.2em;width: auto; left:.5em;position: absolute;font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size:10px;}
#welcome {height: 30px;padding:1px; text-align:right; vertical-align:middle;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color:White;background-color:#525E72; width:100%;}

/* Main Content */
#content {margin-top:1em;margin-left: .5em;margin-right: 2em;min-width :800px;}
h1 {font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;}
#content p {font-size: 80%;line-height: 1.6em; }
#content ul {font-size: 80%;line-height: 1.6em; }
#contentnomenu {margin-top:1em;margin-left: 1em;margin-right: 2em;min-width :800px;}
h1 {font: 150% Arial, Helvetica, Georgia, "Times New Roman", Times, serif;}
#contentnomenu p {font-size: 80%;line-height: 1.6em; }
#contentnomenu ul {font-size: 80%;line-height: 1.6em; }
#footer {margin-top:1em;margin-left: .5em;margin-right: 2em;min-width :800px;}
#footernomenu{margin-top:1em;margin-left: 1em;margin-right: 2em;min-width :800px;}

.portlettitleabout {font-family: Verdana, Arial, Helvetetica, Sans-Serif;font-size: 16px;color: #FFFFFF;background: #3C4559;padding: 5px 10px;}

/* Controls */
.plaintextbold{font-size: 11px; color:#333333;font-family: Verdana, Arial, Helvetetica, Sans-Serif; font-weight: bold;text-decoration: none; width:auto;}
.plaintext{font-size: 11px; color:#333333;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none;height: 10px;}
.textbox{font-size: 11px; color:#333333;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none; background-color:  White;}
.textboxlocked{font-size: 11px; color:#333333;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none; background-color: Transparent;}
.linkbutton{font-size: 11px; color:Blue; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none;}
.hyperlink{font-size: 11px; color:#333333;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none;}
.hyperlinknav{font-size: 10px; color:Black;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none;width:auto;}
.label{font-size: 11px; color: Black;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold;text-decoration: none; width:auto;}
.labelfield {color:#333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-indent: 0px; margin-top: 0px; margin-bottom: 0px; font-weight: normal;text-decoration: none; width:auto;}
.labelnav{font-size: 10px; color:White;font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal;text-decoration: none; width:auto;}
.dropdownlist {font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; margin-left: 0px; background-color:#ffffff; color:#000000;}
.button{font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; width:auto;}
.checkbox{font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-weight: normal; width:auto;}
.watermark{font-size: 11px; font-family: Verdana, Arial, Helvetica, Sans-Serif; color: Gray;}
.alertmessage {margin: 1.2em 0;padding: 5px;background-color: #ffd;border: solid 1px #ea7;}
.alert {color: #633;}
.IE8Fix {z-index: 1000;}

/* Accordion */
.accordionHeader{font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px;background-color: #525E72;}
.accordionHeader div { width:99%; vertical-align: middle; height:40px;border: 1px solid #FFFFFF;}
.accordionHeader a { text-decoration: none; }
.accordionHeader a:hover { text-decoration: underline; }
.accordionHeaderSelected {font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 10px;background-color: #525E72;}
.accordionHeaderSelected a { text-decoration: none; }
.accordionHeaderSelected a:hover { text-decoration: underline; }
.accordionContent {font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 10px;border-top: none; padding-top: 1px;  background-color: #B6BECB;}
.accordionContent div {border: 1px solid #FFFFFF; width:99%; vertical-align: middle; height:40px;}
.accordionContent div:hover {background-color:#DEDEDE;}

div.pagetitle{background-color:#FFFFFF;color: #525E72;font-weight: normal;font-size:large;font-family: Verdana, Arial, Helvetica, Sans-Serif;border-bottom: 1px solid #525E72;}
div.pagedescr {background-color:#FFFFFF;color:  #525E72;font-weight: normal;font-style:italic;font-size:12px;font-family: Verdana, Arial, Helvetica, Sans-Serif;padding-left:40px;width :800px;}

div.section{  min-width :800px;}
div.sectiongrid{  min-width :800px;}
div.sectiontitle {background-color:#3C4559;color: #FFFFFF;font-weight: normal;font-size: 15px; height:25px;  padding: 2px;font-family: Verdana, Arial, Helvetica, Sans-Serif; width:800px}
div.sectioncontent td{color: #333333;font-size: 11px;font-family: Verdana, Arial, Helvetica, Sans-Serif;}
div.overviewtitle {background-color:#FFFFFF;color: #525E72;font-weight: normal;font-size:12px;font-family: Verdana, Arial, Helvetica, Sans-Serif;padding-left:10px;}

.yui .ajax__tab_body {font-family:Verdana, Arial, Helvetica, Sans-Serif; font-weight: bold;   font-size:8pt;padding:0.25em 0.5em;background-color:#edf5ff;border:solid 1px #808080;border-top-width:0px; font-weight:normal;}
.yui .ajax__tab_header{font-family:arial,helvetica,clean,sans-serif;font-size:small;border-bottom:solid 5px #2647a0; cursor:pointer;}
.yui .ajax__tab_header .ajax__tab_outer {background:url(images/yui/img/sprite.png) #d8d8d8 repeat-x;margin:0px 0.16em 0px 0px;padding:1px 0px 1px 0px;vertical-align:bottom;border:solid 1px #a3a3a3;border-bottom-width:0px;}
.yui .ajax__tab_header .ajax__tab_tab{color:#000;padding:0.35em 0.75em;margin-right:0.01em;}
.yui .ajax__tab_hover .ajax__tab_outer {background: url(images/yui/img/sprite.png) #bfdaff repeat-x left -1300px;}
.yui .ajax__tab_active .ajax__tab_tab {color:#fff;}
.yui .ajax__tab_active .ajax__tab_outer{background:url(images/yui/img/sprite.png) #2647a0 repeat-x left -1400px;}

div.rounded {clear:both;max-width:2400px;width: 100%;}
div.rounded div.top-outer {background:url(image/tl.gif) no-repeat left bottom;padding:0px;width:100%;}
div.rounded div.top-outer div.top-inner {background:url(image/tr.gif) no-repeat right bottom;margin-left:10px;}
div.rounded div.top-outer div.top-inner div.top {background:url(image/t.gif) repeat;height:11px;margin-right:10px;font-size:.01em;}
div.rounded div.mid-outer {background:url(image/l.gif) left repeat-y;clear:both;width:100%;}
div.rounded div.mid-outer div.mid-inner {background:url(image/r.gif) right repeat-y;margin-left:10px;}
div.rounded div.mid-outer div.mid-inner div.mid {background-color: #ffffff;margin-right:10px;}
div.rounded div.bottom-outer {background:url(image/bl.gif) no-repeat left top;clear:both;padding:0px;width:100%;}
div.rounded div.bottom-outer div.bottom-inner {background:url(image/br.gif) no-repeat right top;margin-left:10px;}
div.rounded div.bottom-outer div.bottom-inner div.bottom {background:url(image/b.gif) repeat;height:11px;margin-right:10px;font-size:.01em;}

.datagrid{font-size:11px;font-family: Tahoma;font-weight:normal;background-color:#fff;padding:1px;border:solid 0px #9e9e9e;   }
.datagrid_header{text-align:left;height:17px;line-height:17px;padding:3px;background:url(image/gray_hd_bg.png) repeat-x;border-right:solid 1px #9e9e9e;color:#333;}
.datagrid_item{color:#222;text-align: inherit;padding:2px;}
.datagrid TR.even { background-color:#fff; }
.datagrid TR.odd { background-color:#f1f5fa; }  

.grid{font-size:11px;font-family: Tahoma;font-weight:normal;background-color:#fff;padding:1px;}
.grid .title{background:#323A4B;color:#fff;height:30px;text-align:center;height:30px;line-height:30px;font-size:16px;  font-weight:bold;  } 
.grid .datatable{width: auto;}
.grid .datatable TH{cursor: pointer; text-align:left;height:17px;line-height:17px;padding:0px 4px;background:url(image/gray_hd_bg.png) repeat-x;border-right:solid 1px #9e9e9e;color:#333;}
.grid .datatable TD{color:#222;text-align:left;padding:2px 4px;border-right:solid 1px #d9d9d9;}
.grid .datatable TR.even { background-color:#fff; }
.grid .datatable TR.odd { background-color:#f1f5fa; }  
.grid .datatable TR TH.asc,.grid .datatable TR TH.desc{;background:url(image/hd_bg_sort.png) repeat-x;}
.grid .datatable TH .sort {padding-right:21px; }
.grid .datatable TH.asc .sort{background:url(image/asc.gif) no-repeat center right;}
.grid .datatable TH.desc .sort{background:url(image/desc.gif) no-repeat center right;}

/* Theme specific styles */
.blue .grid .datatable TH{background:url(image/blue_hd_bg.png) repeat-x;}
.blue .grid .title{background:#495265;}
.gray .grid .datatable TH{background:url(image/gray_hd_bg.png) repeat-x;}
.gray .grid .title{background:#323A4B;}

/* gridview styles */
.grid2{font-family:Arial;font-size:12px;width:auto;}
.grid2 .gridview{width: auto;border:solid 2px #5E8CC6;empty-cells:show;border-top-width:1px;}
.grid2 .gridview .row TD, .grid2 .gridview .altrow TD,.grid2 .gridview .edit-info TD{text-align: inherit;padding: 1px;border-left:solid 1px #E2EBF2;border-top: dashed 1px #E2EBF2;white-space:nowrap;}
.grid2 .gridview .edit-info TD{border-top:dashed 1px #5E8CC6;font-weight: normal;color:#333;}
.grid2 .gridview TR.first TD{border-top:none;}
.grid2 .gridview TD.edit{border-bottom:dashed 5px #5E8CC6;} 
.grid2 .gridview .edit-info A{font-weight:normal;}
.grid2 .gridview .row TD.command, .grid2 .gridview .altrow TD.command,.grid2 .edit-info TD.command{text-align:center;white-space:nowrap;}
.grid2 .gridview .header TH{background:url(image/hdr.gif) repeat-x;height:22px;line-height:22px;color:#fff;font-weight:bold;text-align: inherit;padding:0px 4px;width: auto;white-space:nowrap;}
.grid2 .gridview .edit{padding:10px 5px;}
.grid2 .gridview .new{padding:3px;background-color:#E2EBF2;}
.grid2 .gridview .edit,.grid2 .gridview .edit-info{background-color:#F0F8FF;}
.grid2 .detailview{width:100%;empty-cells:show;}  
.grid2 .detailview TH{text-align:left;padding:0px 10px;color:#333;}
.grid2 .details .footer{text-align:right;padding:10px 10px 0px 0px;} 
.grid2 .details .header{text-align:left;padding:0px 10px;font-weight: normal;display:none;} 

/* Styles Needed for Modal Popup Format */
.modal_popup{font-family: arial,helvetica,clean,sans-serif;font-size: small;padding: 2px 3px;display: block;position: absolute;}
.modal_container{width: 300px;border: solid 1px #808080;border-width: 1px 0px;} 
.modal_header{background: url(image/sprite.png) repeat-x 0px -200px;color: #000;border-color: #808080 #808080 #ccc;border-style: solid;border-width: 0px 1px 1px;padding: 3px 10px;} 
.modal_header .modal_msg{font-weight: bold;} 
.modal_body{background-color: #f2f2f2;border-color: #808080;border-style: solid;border-width: 0px 1px;padding-top: 10px;padding-left: 10px;padding-bottom: 30px;} 
.modal_body .modal_msg{background: url(image/sprite.png) no-repeat 0px -1150px;float: left;padding-left: 22px;}  
.modal_footer{background-color: #f2f2f2;border-color: #808080;border-style: none solid;border-width: 0px 1px;text-align:right;padding-bottom: 8px;padding-right: 8px;} 
.modal_close{right: 7px;background: url(image/sprite.png) no-repeat 0px -300px;width: 25px;cursor: pointer;position: absolute;top: 7px;height: 15px;}
.modal_Background {background-color:Gray;filter:alpha(opacity=50);opacity:0.5;} 
