/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Type: Screen, Projection
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/ 

/* COMMON AND GLOBAL */
html { height:100% !important; }
body { height:100% !important; font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background-color:#F3F7FF; color:#000000; text-align:center; }
/*  This font sizing is for standards based browsers (firefox, opera, mozilla) that can re-size text.  
Declaring the font size in pixels makes it more consistent across browsers. */
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }
html>body td, html>body textarea, html>body input, html>body select { font-size:11px; }
/* some browsers don't inherit the font into tables or textareas! */

/* ----- IDS ----- */
#container { min-height:100px; background-color: #F3F7FF; margin:0 auto; position:relative; line-height: 120%; font-size:110%; text-align:left;}
* html #container { height: 100%; } /* Makes Container 100% in IE6 */
#header { height:103px; background:url(../images/layup/headerBg.gif) top left repeat-x; position: relative; }
#header #logo { position: absolute; top: 0px; left: 15px; }
#header #development_enviroment { position: absolute; top: 0px; padding-left:40%; }
#header #logoPrint { display:none; border:0 none; }
#header #telephone { position: absolute; top: 75px; right: 18px; font-weight: bold; color: #fff; padding: 1px 0px 4px 0px;}

#developerHeader { height:103px; background:url(../images/layup/development_header.gif) top left repeat-x; position: relative; background-color:#7593BF; }
#developerHeader #logo { position: absolute; top: 0px; left: 0px; }
#developerHeader #development_enviroment { position: absolute; top: 0px; padding-left:40%; }
#developerHeader #logoPrint { display:none; border:0 none; }
#developerHeader #telephone { position: absolute; top: 75px; right: 18px; font-weight: bold; color: #fff; padding: 1px 0px 4px 0px;}


#innerContainer { padding:5px; }

/* ----- LOGIN PAGE ----- */
#loginContainer { padding: 5px; }
#loginContainer .tab { background:transparent url(../images/layup/loginTab.gif) top left no-repeat; position:relative; z-index: 999; width: 52px; text-align: center; padding: 4px 0px 4px 0px; font-weight: bold; font-size: 1.0em; color: #355B19; }
#loginContainer .tabset_content { border: 1px solid #A8C6F2; background: #fff; margin-top: -1px; padding: 12px; }

.outter-leftCol { float: left; width: 200px;  background: transparent; }
#leftCol { float: left; width: 200px; border: 1px solid #A8C6F2; background: #fff; }
/*#leftCol { float: left; width: 200px; min-height: 698px; border: 1px solid #A8C6F2; background: #fff; }
*/
#leftCol .title { background: url(../images/layup/leftColTitleBg.gif) top left repeat-x; }
/* ----- 
#leftCol .title a { display: block; padding: 4px 0px 4px 5px; background:url(../images/layup/iconArrowL.gif) 183px 3px no-repeat; color: #355B19; text-decoration: none; }
#leftCol ul { padding: 0; margin: 0; list-style: none; }
#leftCol li { background: #F3F7FF; border-bottom: 1px solid #D7E7FF; }
#leftCol li a { display: block; width: 200px; padding: 5px 0px 5px 5px; text-decoration: none; font-weight: bold; background:url(../images/layup/iconMaximise.gif) 183px 4px no-repeat; }
#leftCol li .active { display: block; width: 200px; padding: 5px 0px 5px 5px; text-decoration: none; font-weight: bold; background:url(../images/layup/iconMinimise.gif) 183px 4px no-repeat; }
----- */
#leftCol .title a { display: block; padding: 4px 0px 4px 5px; color: #304667; text-decoration: none; }
#leftCol ul { padding: 0; margin: 0; list-style: none; }
#leftCol li { background: #D7E7FF; border-bottom: 1px solid #B1D1FF; }
#leftCol li a { display: block; width: 180px; padding: 5px 0px 5px 5px; text-decoration: none; font-weight: bold; color: #021440; }
#leftCol li a:hover { display: block; width: 180px; padding: 5px 0px 5px 5px; text-decoration: none; font-weight: bold; color: #021440; }
#leftCol li .active { display: block; width: 180px; padding: 5px 0px 5px 5px; text-decoration: none; font-weight: bold; color: #021440;}
#leftCol li .maximise { background: url(../images/layup/iconMaximise.gif) 182px 4px no-repeat; background-color:#B9D5FF; }
#leftCol ul ul { padding: 0; margin: 0; list-style: none; }
#leftCol li li { background: #F3F7FF; border-top: 1px solid #D7E7FF; border-bottom: 0px; font-size: 1.0em; }
#leftCol li li a { background: none; padding: 5px 0px 5px 15px; font-weight: normal; }
#leftCol li li a:hover { background: none; padding: 5px 0px 5px 15px; font-weight: bold; color: #043099;}
#leftCol li li .active { background: none; padding: 5px 0px 5px 15px; font-weight: bold; color: #043099;}
#leftCol li li .maximise { background-color:#B9D5FF; }
#leftCol ul ul ul  { padding: 0; margin: 0; list-style: none; }
#leftCol li li li { background: #fff; border-top: 1px solid #DCF1CD; border-bottom: 0px;}
#leftCol li li li a { background: none; padding: 5px 0px 5px 30px;  }
#leftCol li li li a:hover { background: none; padding: 5px 0px 5px 30px; font-weight: bold; color: #043099;}
#leftCol li li li .active { background: none; padding: 5px 0px 5px 30px; font-weight: bold; color: #043099;}
#leftCol li li li .maximise { background-color:#B9D5FF; }


/* ----- MAIN CONTENT AREA ----- */
#rightCol { margin: 0px 0px 0px 205px;}
#rightCol #searchArea { min-height: 70px; background: #EAF3FF; border: 1px solid #B1D1FF; padding: 7px 10px 7px 10px; margin-bottom: 12px; }
#rightCol #searchArea table { border: none !important; }
#rightCol #searchArea td { border: none !important; background: none !important; padding: 0px !important; }
#rightCol #boxDetail { float: right !important; width: 270px; background: #DCF1CD; border: 1px solid #d0d0d0; margin: 0px 0px 0px 12px !important; padding: 7px 10px 7px 10px; }
#rightCol #boxDetail table { border: none !important; }
#rightCol #boxDetail td { border: none !important; background: none !important; padding: 0px !important; }
#rightCol .downloadArea { float: left; min-height: 70px; background: #EAF3FF; border: 1px solid #B1D1FF; padding: 7px 10px 7px 10px; margin-bottom: 12px; }
#rightCol .downloadArea table { border: none !important; }
#rightCol .downloadArea td { border: none !important; background: none !important; padding: 0px !important; }
#rightCol .mainArea { }
#rightCol .mainArea .padding { padding: 5px; }
#rightCol .mainArea #sortlist {  margin: 0 auto;  margin-bottom: 20px;  border: 0px solid #a5a1a1;  text-align:left;  }
.downloadAreaWidth3{width:30%;}
.downloadAreaWidth4{width:22%;}
.downloadAreaWidthRemainder{width:22%}
/*
#rightCol #dashboardTable { height: 568px; overflow: scroll; overflow-x: hidden; border: 1px solid #d0d0d0; }
*/
#rightCol #dashboardTable { }
#rightCol .fullWidthGraph { height: 100%; border: 1px solid #d0d0d0; margin-bottom: 12px;}
#rightCol .fullWidthGraph .padding { padding:10px; }
#rightCol .fullWidthGraph .graphHeader { display: block; height: 25px; background-color: #DCF1CD; padding: 10px 10px 0px 10px;}
#rightCol .fullWidthGraph .graphHeader a { color:#355B19; text-decoration:underline; font-weight: bold; }
#rightCol .fullWidthGraph .graphHeader a:hover { text-decoration:none; }
#rightCol .fullWidthGraph .graph { display: block; height: 330px;}
#rightCol .fullWidthGraph .graphFooter { display: block; height: 25px; color: #5A5959; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullWidthGraph .graphFooter .displayText { float:left; width:50%; text-align:center;}


#rightCol .fullWidthGraph .graphPharmacistHeader { display: block; height: 25px; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullWidthGraph .graphPharmacistHeader a { color:#355B19; text-decoration:underline; font-weight: bold; }
#rightCol .fullWidthGraph .graphPharmacistHeader a:hover { text-decoration:none; }
#rightCol .fullWidthGraph .tablePharmacistFooter { display: block; color: #5A5959; background-color: #fff; padding: 10px 10px 0px 10px;}


#rightCol .fullWidthGraph .graphFooter100 { display: block; height: 100%; color: #5A5959; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullWidthGraph .tableFooter { display: block; color: #5A5959; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullWidthGraph .tableFooter a { color:#5A5959; text-decoration:none; font-weight: normal; }
#rightCol .fullWidthGraph .tableFooter a:hover { text-decoration:underline; }


#rightCol .fullwidth { height:auto;}
#rightCol .fullwidth .filler { height: 20px; width: 1%; margin-right: 3px; float: left; }
#rightCol .fullwidth .halfWidthGraph {  border: 1px solid #d0d0d0; height: 100%; margin-bottom: 12px; width: 49%; float: left; }
#rightCol .fullwidth .halfWidthGraph .padding { padding:10px; }
#rightCol .fullwidth .halfWidthGraph .graphHeader { display: block; height: 25px; color: #FFF; background-color: #FFF; padding: 10px 10px 0px 10px;}
#rightCol .fullwidth .halfWidthGraph .graphHeader a { color:#355B19; text-decoration:underline; font-weight: bold; }
#rightCol .fullwidth .halfWidthGraph .graphHeader a:hover { text-decoration:none; }
#rightCol .fullwidth .halfWidthGraph .graph { display: block; height: 130px;}
#rightCol .fullwidth .halfWidthGraph .graphFooter { display: block; height: 100%; color: #5A5959; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullwidth .halfWidthGraph .tableFooter { display: block; color: #5A5959; background-color: #F4F4F4; padding: 10px 10px 0px 10px;}
#rightCol .fullwidth .halfWidthGraph .tableFooter a { color:#5A5959; text-decoration:none; font-weight: normal; }
#rightCol .fullwidth .halfWidthGraph .tableFooter a:hover { text-decoration:underline; }


#rightCol .halfWidthGraph { height: 400px; border: 1px solid #d0d0d0; margin-bottom: 12px; width:50% }
#rightCol .internalTable { height: 651px; overflow: scroll; overflow-x: hidden; border: 1px solid #d0d0d0; }

/* ----- LEFT COLUMN MINIMISED ----- */
#leftColMinimised { float: left; width: 24px; position: relative; left: -6px; height: 548px; border: 1px solid #A8C6F2; background: #fff; }
#leftColMinimised ul { display: none; }
#leftColMinimised .title { background: url(../images/layup/leftColTitleBg.gif) top left repeat-x; } 
#leftColMinimised .title a { display: block; padding: 4px 0px 4px 5px; background:url(../images/layup/iconArrowR.gif) 6px 3px no-repeat; height: 21px; color: #355B19; text-decoration: none; }
#leftColMinimised span { display: none; }
.rightColMaximised { margin: 0px 0px 0px 26px !important; }

/* ----- TABS ----- */
.domtab { }
.domtab .tabset_tabs { margin:0; padding:0; list-style-type:none; z-index: 2; position: relative; height:22px; font-size: 1.0em; }
.domtab .tabset_tabs #login { position: absolute; top: 0px; right: 13px; font-weight: bold; color: #fff; padding: 1px 0px 4px 0px; }
.domtab .tabset_tabs #login a { color: #304667; text-decoration: none; padding-left: 5px; }
.domtab .tabset_tabs #login a:hover { text-decoration: underline; }
.domtab .tabset_tabs #breadcrumbs { position: absolute; top: 0px; left: 13px; color: #878181; padding: 1px 0px 4px 0px; }
.domtab .tabset_tabs #breadcrumbs a { color: #304667; text-decoration: none; padding-left: 0px; }
.domtab .tabset_tabs #breadcrumbs a:hover { text-decoration: underline; }
.domtab .tabset_contenTable { border: 1px solid #A8C6F2; background: #fff; margin-top: -1px; padding: 12px; min-height: 618px;}
.domtab .tabset_content { border: 1px solid #A8C6F2; background: #fff; margin-top: -1px; padding: 12px; min-height: 653px;}
/* ----- INNER TABS ----- */
.innerDomtab { margin-bottom: 10px; }
.domtab .innerTabset_tabs { margin:0; padding:0; list-style-type:none; z-index: 2; position: relative; height:22px; font-size: 1.0em; }
.domtab .innerTabset_tabs li { margin:0 2px 0 0; padding:0; float:left; }
.domtab .innerTabset_tabs a { text-decoration:none; display:block; background:url(../images/layup/tabLeft.gif) top left no-repeat !important; color:#416aa3 !important; padding:0 !important; text-decoration:none; display:block; font-weight: normal;}
.domtab .innerTabset_tabs a span { background:url(../images/layup/tabRight.gif) top right no-repeat !important; display:block; padding:5px 10px 5px 10px !important; }
.domtab .innerTabset_tabs a:hover { background:url(../images/layup/tabLeft.gif) top left no-repeat !important; color:#355B19 !important; padding:0 !important; border:none 0 !important; font-weight: normal; }
.domtab .innerTabset_tabs a:hover span { background:url(../images/layup/tabRight.gif) top right no-repeat !important; }
.domtab .innerTabset_tabs .active a { background:url(../images/layup/tabLeftActive.gif) top left no-repeat !important; color:#355B19 !important; padding:0 !important; border:none 0 !important; font-weight: bold; }
.domtab .innerTabset_tabs .active a:hover { background:url(../images/layup/tabLeftActive.gif) top left no-repeat !important; color:#355B19 !important; padding:0 !important; border:none 0 !important; font-weight: bold; }
.domtab .innerTabset_tabs .active a:hover span { background:url(../images/layup/tabRightActive.gif) top right no-repeat !important; }
.domtab .innerTabset_tabs .active span { background:url(../images/layup/tabRightActive.gif) top right no-repeat !important; }
.domtab .innerTabset_content { border: 1px solid #A8C6F2; background: #fff; margin-top: -1px; padding: 12px; }

/* ----- CLASSES ----- */
.clear { clear:both; }
.clearRight { clear:left; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.float_none { float:none !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; padding:0 0 15px 15px; }
.image_left { float:left; padding:0 15px 15px 0; }
.image_center { margin:0 auto; }
.hand { cursor:pointer; }
.green { color: #008000; }
.red { color: #ff0000; }
.relative { position: relative !important; }
.width200 { width: 200px !important; }
.width350 { width: 350px !important; }
.width300 { width: 300px !important; }
.width150 { width: 150px !important; }
.width100 { width: 96.5px !important; }
.width70 {display: inline-block; width: 66px; padding:0px;}
.width50 { width: 50px !important; }
.width15 { width: 15px !important; }
.info {float:left;}
.fullWidthGraphHeight{height:188px;}
.paddingInner { padding-left:7px; }
.formSpacer { margin-left:414px !important }
.formSpacerSmall { margin-left:3px !important }
.fontColorBlue { color: #355B19 !important; font-weight: normal !important; }
.whiteTabs { background-color: #fff; padding:4px 15px 4px 15px; margin-top:3px; margin-left:4px; border:1px; border-right-style:solid; border-top-style:solid; border-left-style:solid; border-color:#D0D0D0; float: right; color:black;}
.blueTabs { background-color: #DCF1CD; padding:4px 15px 4px 15px; margin-top:3px; margin-left:4px; border:1px; border-right-style:solid; border-top-style:solid; border-left-style:solid; border-color:#D0D0D0; float: right; color:black;}
.marginFiller { margin-right: 1%;}
.padding_left { padding-left:10px; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 10px 0 !important; font-size:110%; font-weight:bold;}
/*h1 { color: #355B19; }*/
h1 { color: #000000; }
.paragraph { padding-left:10px; padding-right:10px;} /*Jia added*/

/* ----- FOOTER ----- */
#footer { clear:both; width:100%; position:relative; color:#fff; background:#7593BF; height:35px; font-weight:normal; }
#footer a { color:#fff; text-decoration:none; font-weight: normal; }
#footer a:hover { text-decoration:underline; }
#footer .padding { padding:10px 10px 0 10px;}
#footer .left { float:left;}
#footer .right { float:right;}
#footer .left { float:left;}
#footerBg { clear:both; width:100%; position:relative; margin-top:-35px; background:#3E681F; height:35px; }


#footerIcons { width: 100%; position:absolute; bottom: 70px; float: left; }
#footerIcons .box{ display:block; float: left; width: 140px; text-align: center;}
#footerIcons .box h1 { text-decoration:underline; }
#footerIcons .box img { display:block; vertical-align: middle; text-align: center !important;}

/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:0px 0 0px 25px; padding:0;}
#sitemap li { background:url(../images/layup/iconSitemap.gif) 2px 9px no-repeat; padding:6px 0 5px 17px;}

/* ----- Landing Page ----- */
#rightCol .landing {  }
#rightCol .landing .halfWidthGraph {  border: 1px solid #d0d0d0; height: 100%; width: 50%; margin-bottom: 12px; float: left; }
#rightCol .landing .halfWidthGraph .padding { padding:10px; }
#rightCol .landing .halfWidthGraph .graphHeader {  height: 25px; color: #fff; background-color: #7593BF; padding: 10px 10px 0px 10px;}
#rightCol .landing .halfWidthGraph .graphHeader h1 { color:#FFF }
#rightCol .landing .halfWidthGraph .graphHeader .title {  width: 70px !important; float:left;}
#rightCol .landing .halfWidthGraph .graph { display: block; height: 130px;}
#rightCol .landing .halfWidthGraph .tableFooter { display: block; color: #5A5959; background-color: #F9F9F9; padding: 10px 10px 0px 10px;}

#rightCol .landing ul { list-style:none;  padding:0px;}
#rightCol .landing li { background:url(../images/layup/iconSitemap.gif) 2px 9px no-repeat; padding:6px 0 5px 17px;}

/* ----- Login Page ----- */
#login {}
#login table { }
#login th { padding:0px 0px !important; border: 0px solid #d0d0d0 !important;  border: 0px solid #ededed !important; }
#login td { padding:0px 0px !important; border: 0px solid #ededed !important; }
.inputlength50 { width:20px !important; margin-right:20px; }
.inputlength100 { width:35px !important; margin-right:35px; }

/* ----- GLOBAL ----- */
img { float:left; border:0; }
img.marginR { margin-right:3px; }
p { padding:0 0 15px 0; margin:0; }
address { font-style:normal;}

/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; width:100% !important; }
legend { padding:0; margin:0; display:none; }

label { display:block; width:200px; float:left; height:100%; padding: 3px 0 0 7px;}
.Message { font-size: 12px; font-weight: bold !important;}
/*label { width:260px; }*/

/* ----- For EHC Forms ----- */
.labelLarge { width:400px;}
.spanLarge {width:400px; display:block;}

input, textarea { width:200px; font-size:11px !important;} 
input.tableWidth { width:100px; font-size:11px !important;}
input.tableWidth50 { width:50px; font-size:11px !important;}

.checkRadio { width:20px; position:relative; left:-2px;}
#btnSubmit { width:55px; height:18px; border:none;}
.noBorder { background:none!important; padding:0px!important; width:15px!important; }


.checkRadioLabel { display: inline-block; width: 73px; }
.checkRadioLast { display: inline-block; width: 67px; }

.checkRadioLabelLarge { display: inline-block; width: 100px; }
.checkRadioLabelXLarge { display: inline-block; width: 150px; }
.checkRadioLabelSmall { display: inline-block; width: 36px; }
.checkRadioLabelXSmall { display: inline-block; width: 22px; }
.checkRadioText { width:100px; }
.calendarIcon { float: left; margin: 2px 0px 0px 4px; }
.formFiller { margin-left:1px; }
.checkLabel { display: inline-block; width: 174px; }
.checkLabelLarge { display: inline-block;}
.labelMessaging { width:100px !important; }

.contactForm { margin-bottom:15px;}
.contactForm p { padding:7px 0;}
.contactForm select { width:204px;}
.contactForm select.tableWidth { width:100px;}
.contactForm select.tableWidth50 { width:50px;}
.contactForm select.tableWidth100 { width:102px;}
.contactForm div { margin-bottom:10px;}
.submit { width:113px; height:38px; margin-left:-5px;}

.frmSort fieldset { padding:0; margin:0; border:0px none; display: block !important; }
#frmSortFake fieldset { padding:0; margin:0; border:0px none; display: block !important; }
.requiredLabel { color:#E4243F; }

/* ----- CONSULTATION FORMS ----- */
/*.heading { background-color:#F7FCF5; border:1px dotted #DBE6D4; color:#355B19; font-size:1.1em; font-weight:bold; height:20px; padding-left:10px; padding-top:9px; }*/
.heading { background-color:#EAF3FF; border:1px dotted #9BBDF0; font-size:1.1em; font-weight:bold; height:20px; padding-left:10px; padding-top:9px; }
.headingActive { background-color:#EFE3E4; border:1px dotted #C4DDFF; color:#355B19; font-size:1.1em; font-weight:bold; height:20px; padding-left:10px; padding-top:9px; }
.heading a {color:#043099;font-size:1em; font-weight:bold; }/*Jia added*/
.headingRed{ background-color:#FFF8F9; border:1px dotted #FFD4D6; color:#E5000B; font-size:1.1em; font-weight:bold; height:20px; padding-left:10px; padding-top:9px; }

.headingMiddle { background-color:#F7FCF5; border:1px dotted #C4DDFF; color:#355B19; font-size:1.1em; font-weight:bold; height:20px; padding:6px !important; }

.warning { background-color:#FE8181; color:#000000; font-size:1.1em; font-weight:bold; height:20px; padding-left:10px; padding-top:5px; padding-right:10px; padding-bottom:5px; display: inline !important;}

/*---- Inputs ----*/
.inlineInput { width:180px; padding:2px 4px;}
.inlineInputVeryShort { width:80px; padding:2px 4px;}
.inlineInputShort { width:110px; padding:2px 4px;}
.inlineInputLong { width:320px; padding:2px 4px;}
.inlineSelectInput { width:188px; padding:1px 0px; background:#ffffff !important;}
.inlineSelectInputShort { width:120px; padding:1px 0px; background:#ffffff !important;}
.inlineSelectInputLong { width:328px; padding:1px 0px; background:#ffffff !important;}
.inlineTextareaInput { width:180px !important; height:60px; padding:2px 3px;}
.inlineTextareaInputShort { width:112px !important; height:60px; padding:2px 3px;}
.inlineTextareaInputLong { width:320px !important; height:60px; padding:2px 3px;}

/* ----- TABLES ----- */
table { width:100%; border-collapse: collapse; margin:0; }
th { text-align:left; background: url(../images/layup/thead.gif) bottom left repeat-x; padding:0px 7px !important; border: 3px solid #d0d0d0; font-weight: bold; height: 26px; border: 1px solid #ededed; }
td { text-align:left; padding:0px 7.5px !important; vertical-align:top; height:26px; vertical-align:middle; border: 1px solid #ededed; }
.trOver { background:#F9F9F9 !important; cursor:default !important; }
.trOut { background:#fff; cursor:default !important; }
.trEvenrow {background:#fff}
.trOddrow {background:#EFF1F5}
.tableTotal { background:#C4DDFF !important; }
.tHeaderBold { font-weight: bold; background-color:#EFF1F5}
.tHeaderBoldCenter { font-weight: bold; text-align:center; background-color:#EFF1F5 }
.tdNumber { text-align:right !important; }
.trEvenrow {background:#fff}
.trOddrow {background:#EFF1F5}
.align_top { vertical-align:top !important;}


/* ----- Search ----- */
input.searchButton { border-width:0; height:24px; width:76px; }

/* ----- Popup Login Screen ----- */
.login_label, .login_input, .login_error  {
  padding:10px;
  color:#000;
  text-align:left;
  float:left; 
  width:100px;
  font-size:20px;
  color:#64355A;
}

.login_input {
  width:200px;
}

.login_error {
  width:250px;
  color:#F00;
}

.login_input input {
  width:100%;
}
#loginPopup {
  background:#123;
}

.icon2 { background: url(../images/layup/icon2.gif) no-repeat; height:18px; padding-left:25px; }
.icon4 { background: url(../images/layup/icon4.gif) no-repeat; height:18px; padding-left:25px; }
.iconA { background: url(../images/layup/iconA.gif) no-repeat; height:18px; padding-left:25px; }
.iconR { background: url(../images/layup/icon2.gif) no-repeat; height:18px; padding-left:25px; }

.border-color-red {border-color: #e60000;}
.border-color-green {border-color: #2eb82e;}
.border-solid {border-style:solid;}
.no-border {border-style:none;}

.position_below_text{
	margin-top:5px;
	margin-left: 210px;
}

.progress {
  height: 16px;
  width: 200px;
  background: #ebebeb;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}
.progress > span {
  position: relative;
  float: left;
  margin: 0 -1px;
  min-width: 30px;
  height: 14px;
  line-height: 12px;
  text-align: center;
  border: 1px solid;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  
  background: #db3a27;
  border-color: #c73321 #b12d1e #8e2418;
  background-image: -webkit-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -moz-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -o-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: linear-gradient(to bottom, #ea8a7e, #e15a4a 70%, #db3a27);
  
}
.progress > span > span {
  padding: 0 8px;
  font-size: 11px;
  font-weight: bold;
  color: #404040;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: 0 1px rgba(255, 255, 255, 0.4);
}
.progress > span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  height: 18px;
  border-radius: 10px;
}
.progress .green {
  background: #85c440;
  border-color: #78b337 #6ba031 #568128;
  background-image: -webkit-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -moz-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: -o-linear-gradient(top, #b7dc8e, #99ce5f 70%, #85c440);
  background-image: linear-gradient(to bottom, #b7dc8e, #99ce5f 70%, #85c440);
}
.progress .red {
  background: #db3a27;
  border-color: #c73321 #b12d1e #8e2418;
  background-image: -webkit-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -moz-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: -o-linear-gradient(top, #ea8a7e, #e15a4a 70%, #db3a27);
  background-image: linear-gradient(to bottom, #ea8a7e, #e15a4a 70%, #db3a27);
}
.progress .orange {
  background: #f2b63c;
  border-color: #f0ad24 #eba310 #c5880d;
  background-image: -webkit-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -moz-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: -o-linear-gradient(top, #f8da9c, #f5c462 70%, #f2b63c);
  background-image: linear-gradient(to bottom, #f8da9c, #f5c462 70%, #f2b63c);
}
.progress .blue {
  background: #5aaadb;
  border-color: #459fd6 #3094d2 #277db2;
  background-image: -webkit-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -moz-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: -o-linear-gradient(top, #aed5ed, #7bbbe2 70%, #5aaadb);
  background-image: linear-gradient(to bottom, #aed5ed, #7bbbe2 70%, #5aaadb);
}


.button {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 16px;
  line-height: 16px;
  padding: 0 8px;
  margin: 0 0 0 15px;
  font-size: 11px;
  color: white;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  border: 1px solid;
  border-radius: 2px;
  cursor: pointer;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.25);
}

.button-blue {
  background: #1097e6;
  border-color: #0d78b6 #0d78b6 #0b689e;
  background-image: -webkit-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -moz-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: -o-linear-gradient(top, #25a5f0, #1097e6 66%, #0f8ad3);
  background-image: linear-gradient(to bottom, #25a5f0, #1097e6 66%, #0f8ad3);
}