﻿*      { margin: 0; padding: 0}
html   { height: 100%; font-size: 100.01%}
body   { min-height: 101%; font: 100.01% Verdana, Helvetica, sans-serif; border: none 0; background-image: url(../images/mainbg_01.jpg); background-repeat: no-repeat; background-position: top center; background-color: #74b2d5; }
.body1   { MARGIN: 0px;	background-image: url(../images/loginbg_01.jpg); background-repeat: no-repeat; background-position: top center; font-family: sans-serif, Verdana, Arial, "Times New Roman"; font-size: 10px; color: #000000; }
.body2   { MARGIN: 0px;	background-image: url(../images/xleadbg.jpg); background-repeat: no-repeat; background-position: top center; font-family: sans-serif, Verdana, Arial, "Times New Roman"; font-size: 10px; color: #000000; }
.body3   { MARGIN: 0px; background-image: url(../images/shcb.gif); background-repeat: repeat; background-color: #83bbd9; font-family: sans-serif, Verdana, Arial, "Times New Roman"; font-size: 10px; color: #000000; } 
input, div, label, td, th, select, textarea, p, a { font-size: 10px; font-family: Verdana, Helvetica, sans-serif; }

a, a:link, a:visited { color: #000000; text-decoration:underline; }
a:active { color: #ff6600; }
a:hover { color: #ff6600; text-decoration:underline; }

#pagewrapper { border: 0 none; border-collapse: collapse; padding: 0; background-color: #ffffff; width: 100%; }

#header { width: 100%; }
#headertop { width: 100%; color: #ffffff; background-color: #237ad4; padding: 0; }
#headertop img { border: 0; width: 75%; height: 22px; }
#headertop p { position: absolute; top: 0; right: 0; text-align: right; padding: 2px; margin: 3px 10px 0 0; white-space: nowrap; }
#headertop p a { color: #ffffff; padding: 1px; border: solid 1px #237ad4; text-decoration: none; }
#headertop p a:hover { background-color: #3484d7; padding: 1px; border: solid 1px #a1c6eb; }

#headermiddle { width: 100%; background-color: #94bae0; margin-top: -2px; white-space: nowrap; }
#headermiddle img.foreground { height: 42px; border: none 0; z-index: 0; border: solid 2px #ffffff; }
#headermiddle img.background { width: 600px; height: 46px; border: none 0; z-index: 0; margin: 0 0 0 -4px; }
#header_searchPanel { position: absolute; top: 23px; right: 0; z-index: 2; padding: 5px 10px 0px 0px; white-space: nowrap; }
#header label { display: block; }

#headerbottom { height: 22px; min-height: 22px; background-color: #f1f1f1; border-style: solid; border-width: 1px 0 1px 0; border-color: #999999; margin-top: -3px; }
#headerbottomleft { width: 30%; font-weight: bold; white-space: nowrap; margin: 0 0 0 4px; }
#headerbottomleft input { height: 11px;	width: 11px; border: solid 1px #ff0000; margin-top: 5px; }
#headerbottomleft p { display: inline; width: 100px; padding-left: 2px;	}
#headerbottomleft p.image { position: relative; top: -2px; }
#headerbottomleft p.noimage { position: relative; top: 4px; }
#headerbottomleft span { font-weight: normal; }
#headerbottomleft span.image { position: relative; top: -2px; }
#headerbottomleft span.noimage { position: relative; top: 4px; }
#headerbottomleft span.messagealert { color: #800000; } 
#headerbottomleft span.messageresponse { color:#1e77d3; margin-bottom: 4px; } 
#headerbottomright { position: absolute; top: 72px; right: 0; white-space: nowrap; text-align: right; margin: 0 5px 0 0; }
#headerbottomright a { font-weight: bold; }
#headerbottomright a.on { color: #008000; }
#headerbottomright a.off { color: #ff0000; }
#headerbottomright div { display: inline; white-space: nowrap; }
.subtle { color: #999999; }
.hide { display: none; }

.menubar { vertical-align: top; padding: 0px; }
.menubarwidecontrol { background-color: #ffffd9; width: 800px; vertical-align: top; border-right: solid 1px #999999; padding: 0px; }
.menubarwidenocontrol { background-color: #f1f1f1; width: 180px; vertical-align: top; border-right: solid 1px #999999; padding: 0px; }
#menubartop { background-color: #f1f1f1; }
#menubarmiddle { padding: 4px; background-color: #f1f1f1; height: 22px; border-style: solid; border-color: #999999; border-width: 1px 0px 1px 0px; font-weight: bold; }
#menubarbottom { padding-bottom: 10px; vertical-align: top; }
#menubarbottom table { width: 100%; height: 200px; }
#menubarbottom table tr td { padding: 4px; vertical-align: top; }
#menubarbottom label { display: block; padding-bottom: 1px; }
#menubarbottom p { padding-top: 8px; }

/*
#contentwrapper { width: 100%; }
#contentwrapperwide { background-color: #f1f1f1; width: 100%; }
#contentwrapperwidecontrol { background-color: #ffffd9; width: 100%; }
*/
#content { vertical-align: top; padding: 10px; width: 96%; width: 99%; }
#content p { padding: 4px 0; }

.footerstandard { width: 100%; height: 100%; border-top: solid 1px #003499; border-collapse: collapse; }
.footeralt { width: 100%; height: 67px; border-top: solid 1px #003499; border-bottom: solid 1px #003499; border-collapse: collapse; }
.footerstandardgradient img { height: 100%; width: 100%; border: none 0; }
.footerstandardimage { width: 10%; text-align: right; padding: 6px; background-color: #4d8ccc; }
.footerstandardimage img { border: none 0; }
.footertext { position: relative; top: -58px; padding: 8px 0px 5px 10px; white-space: nowrap; }
.footertext ul { margin: 0px 0px 13px 0px; }
.footertext ul li {	display: inline; list-style-type: none; }
#footer_supportAnchor { color: #008000; font-weight: bold;	cursor: pointer; }

.footeraltimage { width: 10%; text-align: right; padding: 6px; background-color: #fff; }
.footeraltimage img { border: none 0; }

.clear { clear: both; padding-bottom: 1px;	/* for Gecko-based browsers */	margin-bottom: -1px;	/* for Gecko-based browsers */ }
p.vertfix { position: relative; top: -3px; left: 3px; display: inline; }

.footertextalt { position: relative; top: -68px; padding: 8px 0px 5px 10px; white-space: nowrap; }
.footertextalt ul { margin: 0px 0px 13px 0px; }
.footertextalt ul li { display: inline; list-style-type: none; }




/* calendar */
.cldr { width: 100%; border-collapse: collapse; border: solid 1px #94bae0; }
.cldrtitle { border-collapse: collapse; border-style: solid; border-width: 0px 1px; border-color: #94bae0; }
.cldrtitle tr td { padding: 4px; font-size: 10px; font-weight: bold; text-align: center; color: #666666; background-color: #dddddd; }
.cldrtitle tr td a, .cldrtitle tr td a:link, .cldrtitle tr td a:active, .cldrtitle tr td a:hover, .cldrtitle tr td a:visited 
	{ text-decoration: none; }
.cldr tr td { }
.cldr tr th { padding: 4px; font-weight: bold; text-align: center; background-color: #ffffff; border: solid 1px #94bae0; }
td.cldrday, td.cldrothermonthday { padding: 4px; border: solid 1px #94bae0; background-color: #cddafc; cursor: pointer; }
td.cldrothermonthday a { color: #cccccc; }
td.cldrtodayday { padding: 4px; background-color: #dddddd; border: solid 1px #94bae0; cursor: pointer; }
td.cldrselectedday { padding: 4px; background-color: #4666c0; border: solid 1px #94bae0; color: #000000; cursor: pointer; }
td.cldrday:hover, td.cldrdayhover, td.cldrothermonthday:hover, td.cldrothermonthdayhover,
td.cldrtodayday:hover, td.cldrtodaydayhover, td.cldrselectedday:hover, td.cldrselectedday 
	{ background-color: #4666c0; cursor: pointer; border: solid 1px #94bae0; }

/* tabular data */
.controlbar { background-image: url(../images/bgall.jpg);background-repeat: no-repeat; background-position-x: left; background-color: #95abe7; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; }
.titlebar { min-height: 20px; background-color: #dddddd; color: #666666; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; }
.controlbar p.left, .controlbar .left p, .titlebar .left { padding: 3px 0; }
.datatable { border-collapse: collapse; border-right: solid 1px #94bae0; width: 100%; }
.datatable tr th { padding: 4px; border: solid 1px #94bae0; background-color: #cddafc; font-weight: bold; cursor: default; text-align: left; }
.datatable tr td { padding: 4px; border: solid 1px #94bae0;}
.datatable tr th.options { text-align: center; white-space: nowrap;	width: 10%; }
.datatable tr td.options { text-align: center; white-space: nowrap; width: 10%; }
.datatable tr th.center { text-align: center; }
.datatable tr td.center { text-align: center; }
.datatable tr th.right { float: none; text-align: right; }
.datatable tr td.right { float: none; text-align: right; }
.footerbar { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -1px; margin-bottom: 10px; width: 99%; width: "100%"; }

/* popups (actions, reminders) */
.popupformheader { padding: 4px; min-height: 20px; color: #333333; font-weight: bold; background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; }
.popupformfooter { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -2px; }
.popupform { width: 100%; border-collapse: collapse; background-color: #94bae0; }
.popupform tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.popupform tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 200px; text-align: right; font-weight: normal; }
.popupform textarea { width: 350px; height: 40px; float: left; margin-right: 4px; }
.popupform p { height: 21px; }
.popuplist { overflow: auto; border: solid #94bae0 1px; }
.popuplist div table { width: 100%; border-collapse: collapse; border: none 0; }
.popuplist div table tr th { padding: 5px; background-color: #eeeeee; font-weight: bold; cursor: default; text-align: left; }
.popuplist div table tr td { padding: 5px; cursor: pointer; }
.popuplist p.noitems { text-align: center; margin-top: 30px; }

/* paging contol */
.pagingbar { background-color: #dddddd; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; }
.pagingbarperpage { float: left; width: 35%; }
.pagingbarnav { float: right; width: 55%; text-align: right; }
.left { float: left; }
.right { float: right; text-align: right; }

/* canned/custom reports */
.datatableheader { background-image: url(../images/bghd.jpg); background-repeat: no-repeat; background-color: #000000; font-weight: bold; cursor: default; text-align: left; color: #d4d4d4;}
.datatableheader a {color: #d4d4d4;}
.datatableheader a:visited {color: #d4d4d4;}

.filterbar { width: 100%; background-color: #a1c6eb; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: normal; }

/* standard form */
.dataformcontrolbar { background-color: #a1c6eb; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.dataformtitlebar { min-height: 20px; background-color: #4666c0; color: #ffffff; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.dataformheader { padding: 4px; min-height: 20px; color: #333333; font-weight: bold; background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; width: 710px; width: "720px";  }
.dataformcontrolbar .left, .dataformtitlebar .left, .dataformheader .left { padding: 3px 0; }
.dataformheader a { font-weight: normal; cursor: pointer; }
.dataformfooter { padding: 4px; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -1px; width: 710px; width: "720px"; }
.dataform {	border-collapse: collapse; background-color: #94bae0; width: 720px; }
.dataform tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.dataform tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 200px; text-align: right; font-weight: normal; }
.dataform tr.sectionheader td { color: #333333; font-weight: bold; background-color: #eeeeee; }
.dataform tr.sectionheader td .left { padding: 3px 0; }
.dataformwidth { width: 710px; width: "720px"; }

/* view leads */
#leadsbarleft { float: left; font-weight: normal; white-space: normal; }
#leadsbarright { float: right; white-space: nowrap; font-weight: normal; text-align: right; padding-top: 3px; }
.leadscolumnheader td { background-color:#eeeeee; font-weight:bold; cursor:default; }
.leadscolumnheader td.sortingheader { background-color: #cbcbcb; }
.checkbox { width: 12px; height: 12px; }

/* view leads hovering popup */
.hoverlist { width: 540px; }
.hoverlist tr.odd { background-color: #f3f3b7; }
.hoverlist tr th { text-align: left; background-color: #f3f3b7; padding: 4px; }
.hoverlist tr td { padding: 4px; vertical-align: top; white-space: nowrap; }
.hoverlist tr td.note { width: 90%; white-space: normal;  }

 
/* hovering over rows in generic tables */
tr.odd { background-color: #f2f7fb; cursor: pointer; }
tr.even { background-color: #ffffff; cursor: pointer; }
td.odd { background-color: #f2f7fb;}
td.even { background-color: #ffffff;}
tr.hilite { background-color: #e4ffd9; cursor: pointer; }
tr.flagged { background-color: #ffdad9; cursor: pointer; }
tr.section { background-color: #eeeeee; cursor: pointer; }
tr.odd:hover, tr.oddhover, tr.even:hover, tr.evenhover, tr.hilite:hover, tr.hilitehover, 
	tr.flagged:hover, tr.flaggedhover, tr.section:hover, tr.sectionhover, tr.hover
	{ background-color: #fff1d8; cursor: pointer; }

/* lead add/edit form */
.leadform {	width: 100%; border-collapse: collapse; background-color: #94bae0; }
.leadform tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.leadform tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 200px; text-align: right; font-weight: normal; }
.leadform tr th.minwidth { width: 5%; }
.leadformheader { padding: 4px; color: #333333; font-weight: normal; background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; }
.leadformheader div { white-space: nowrap; }
.leadformfooter { padding: 4px; font-weight: normal; background-color: #eeeeee; text-align: right; border: solid 1px #94bae0; margin-top: -1px; }
tr.leadformgroup td { padding: 4px; background-color: #eeeeee; border: solid 1px #94bae0; font-weight: bold; }
tr.leadformgroup .left { padding: 3px 0; }

/* field legend */
.legendtable { width: 100%; border-collapse: collapse; background-color: #94bae0; }
.legendtable tr th { padding: 4px; border: solid 1px #94bae0; background-color: #f2f7fb; width: 160px; font-weight: normal; text-align: left; }
.legendtable tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; }
.legendtable tr.sectionheader td { color: #333333; font-weight: bold; background-color: #eeeeee; }

/* canned reporting advanced filters */
.advancedfiltertable { width: 100%; border-collapse: collapse; background-color: #94bae0; }
.advancedfiltertable tr th { padding: 4px; border: solid 1px #94bae0; background-color: #eeeeee; font-weight: bold; text-align: center; }
.advancedfiltertable tr td { padding: 4px; border: solid 1px #94bae0; background-color: #ffffff; text-align: center; }
.advancedfiltertable tr td select { height: 120px; width: 80%; }

/* add/remove control */
.addremovecontrolbar { background-color: #a1c6eb; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.addremovecontrolbar .left { padding: 3px 0; }
.addremovetitlebar { min-height: 20px; background-color: #dddddd; color: #666666; border: solid 1px #94bae0; padding: 4px; margin-bottom: -1px; font-weight: bold; vertical-align: middle; width: 710px; width: "720px"; }
.addremovetitlebar p { vertical-align: middle; }
.addremovetitlebar .left { padding: 3px 0; }
.addremovecolumnheader { background-color: #eeeeee; border: solid 1px #94bae0; margin-bottom: -1px; font-weight: bold; width: 718px; width: "720px"; }
.addremovecolumnheaderleft { float: left; text-align: center; padding: 4px 0; vertical-align: middle; width: 358px; }
.addremovecolumnheaderright { float: right; text-align: center; padding: 4px 0; vertical-align: middle; border-left: solid 1px #94bae0; width: 358px; width: "359px"; }
.addremove { background-color: #ffffff; border: solid 1px #94bae0; width: 718px; width: "720px"; }
.addremoveleft { float: left; text-align: center; padding: 20px 10px; width: 338px; width: "358px"; }
.addremoveright { float: right; text-align: center; padding: 20px 10px; border-left: solid 1px #94bae0; width: 338px; width: "359px"; }
.addremoveright table { width: 100%; }
.addremoveright table tr td { vertical-align: top; }
.addremoveright table tr td p { text-align: center; }
.addremoveright table tr td.updown { text-align: center; }
.addremovelistbox { width: 250px; height: 150px; margin: 0 0 10px 0; }

/* special add/remove controls */
#statusitemcolumnheaderleft { float: left; text-align: center; padding: 4px; width: 190px; width: "198px"; }
#statusitemcolumnheaderright { float: right; text-align: center; padding: 4px; border-left: solid 1px #94bae0; width: 501px; width: "510px"; }
#statusitemleft { float: left; text-align: center; padding: 20px 10px; width: 178px; width: "198px"; }
#statusitemright { float: right; text-align: center; padding: 20px 10px; border-left: solid 1px #94bae0; width: 489px; width: "510px"; }
#statusitemright table { width: 100%; }
#statusitemright table tr td { vertical-align: top; }
#statusitemright table tr td p { text-align: center; }
#statusitemright table tr td.updown { text-align: center; }
.statusitemlistboxleft { width: 175px; height: 150px; margin: 0 0 10px 0; }
.statusitemlistboxright { width: 425px; height: 150px; margin: 0 0 10px 0; }

#statusemailcolumnheaderleft { float: left; text-align: center; padding: 4px; width: 210px; width: "218px"; }
#statusemailcolumnheaderright { float: right; text-align: center; padding: 4px; border-left: solid 1px #94bae0; width: 481px; width: "490px"; }
#statusemailleft { float: left; text-align: center; padding: 20px 10px; width: 198px; width: "218px"; }
#statusemailright { float: right; text-align: center; padding: 20px 10px; border-left: solid 1px #94bae0; width: 469px; width: "490px"; }


#creportcolumnheaderleft { width: 300px; float: left; text-align: center; padding: 4px; border-right: solid 1px #94bae0; }
#creportcolumnheaderright { width: 300px; float: right; text-align: center; padding: 4px; border-left: solid 1px #94bae0; }
#creportleft { width: 300px; float: left; text-align: center; padding: 20px 10px; border-right: solid 1px #94bae0; }
#creportmiddle { text-align: center; vertical-align: middle; margin-top: 40px; }
#creportmiddle input { display: block; margin-top: 6px; }
#creportright { width: 300px; float: right; text-align: center; padding: 20px 10px; border-left: solid 1px #94bae0; }
.creportlistbox { width: 200px; height: 300px; }
#columnDropDownList { width: 150px; }

/* miscellaneous */
#inputFile { height: 13pt; }
#filterbuttons input { width: 120px; display: block; margin-top: 6px; }

/* help */
.helpbar { padding: 4px; border: solid 1px #94bae0; margin-bottom: 20px; width: 710px; width: "720px"; }
.helpbar h1 { margin: -4px -4px 4px -4px; padding: 4px; font-size: 10px; font-weight: bold; background-color: #eeeeee; border-bottom: solid 1px #94bae0; }
.helpbar p { padding: 8px 0 0 0; margin: 0 }
.helpbar ul { list-style-type: disc; padding-left: 20px; }
.helpbar ul li { padding: 4px 0; margin: 0 }

/* print */
#printtitle { width: 100%;  background-color: #dddddd; }
#printtitle div { font-weight: bold; font-size: 14px; }
#printfilters { clear: both; margin: 10px 0; }
.printtable { width: 100%; border: none 0; }
.printtable tr td { padding: 4px; border: none 0; }

/* messages and alerts (messagebox control) */
.message { border: solid 1px #94bae0; margin-bottom: 20px; width: 718px; width: "720px"; }
.message div.left { background-color: #a1c6eb; float: left; border: none 0; vertical-align: middle; width: 70px; text-align: center; padding: 6px 0; }
.message img { border: none 0; }
.messagetextwrapper { border-left: solid 70px #a1c6eb; }
.messagetext { padding: 6px; background-color: #ffffff; text-align: left; }
.messagetext h1, .messagetext h2, .messagetext h3 { font-size: 10px; font-weight: bold; display: inline; }
.messagetext ul { padding-top: 4px; list-style: none; }
.messagetext ul li { }

/* distribution */
#distributionsettings { padding: 4px; border: solid 1px #94bae0; list-style: none; width: 99%; width: "100%"; }
#distributionsettings li ul li { margin-left: 50px; list-style: none; }
#distributionHelp p { font-family: Verdana; font-size: 10px; padding: 4px; }

/* login page */
#logincontrol { padding: 10px 5px; width: 180px; }
#logincontrol label { display: block; }
#logincontrol .textbox { width: 125px; }
#logincontrol p { white-space: nowrap; }
#alertDiv { border: solid 1px #99001c; margin-bottom: 12px; }
#alertDiv p { background-color: #f8c4bf; border-bottom: solid 1px #99001c; font-weight: bold; padding: 6px; }
#alertDiv ul { background-color: #ffffff; list-style: none; padding: 6px; }
#tipoftheweek { float: left; border: solid 1px #e0ba94; width: 213px; width: "215px"; }
#tipoftheweekheader { background-color: #e0ba94; padding: 6px; border-bottom: solid 1px #e0ba94; }
#tipoftheweekcontent { background-color: #ffffff; padding: 6px; }
#tipoftheweekfooter { background-color: #eeeeee; text-align: right; padding: 6px; border-top: solid 1px #e0ba94; } 
#features { position: relative; left: 10px; padding-right: 10px; }
#featurestable { border-collapse: collapse; width: 70%; }
#featurestitle { background-color: #cccccc; font-weight: bold; }
#featurestable tr th { padding: 6px; border: solid 1px #cccccc; background-color: #eeeeee; font-weight: bold; text-align: left; }
#featurestable tr td { padding: 6px; border: solid 1px #cccccc; }
#featurestable tr td h1 { font-size: 10px; font-weight: bold; }

/* validation summary */
#validationSummary { position: relative; left: 10%; width: 80%; margin-bottom: 20px; border: solid 1px #99001e; background-color: #f8c4bf; padding: 10px; }
#validationSummary h1 { font-size: 10px; font-weight: bold; margin-bottom: 4px; }
#validationSummary p { margin-bottom: 4px; } 
#validationSummary ul { list-style-type: disc; margin-left: 20px; }
#validationSummary ul li { color: #000000; }
.schedulererrors { margin-bottom: 20px; border: solid 1px #99001e; background-color: #f8c4bf; padding: 10px; width: 698px; width: "720px";  }
.schedulererrors h1 { font-size: 10px; font-weight: bold; margin-bottom: 4px; }
.schedulererrors p { margin-bottom: 4px; } 
.schedulererrors ul { list-style-type: disc; margin-left: 20px; }
.schedulererrors ul li { color: #000000; }


/* batch */
#batchPanel { width: 710px; }
#batchPanel #actionPanel { float: left; top: 0px; left: 0px; height: 260px; padding: 10px; width: 328px; width: "350px"; }
#batchPanel #triggerPanel { float: right; top: 0px; right: 0px;	height: 260px; padding: 10px; width: 328px; width: "350px"; }
#batchPanel #argumentPanel { clear: both; margin-top: 15px; padding: 10px; width: 688px; width: "710px"; }
#batchPanel #argumentPanel p textarea { height: 50px; width: 400px; font-family: verdana; font-size: 10px; }
#confirmationPanel { position: absolute; top: 200px; left: 50%; margin-left: -269px; padding: 10px; background-color: #ffffff; border: solid 3px #94bae0; z-index: 10000; width: 538px; }
#confirmationPanel ul { margin-top: 5px; margin-bottom: 0px; }
#batchPanel .activesection { border: solid 1px #94bae0; }
#batchPanel .inactivesection { border: solid 1px #cccccc; }
#batchPanel .activesection h1 { color: #333333; background-color: #eeeeee; font-size: 10px; font-weight: bold; margin: -10px -10px 10px -10px; padding: 4px; border-bottom: solid 1px #94bae0; }
#batchPanel .inactivesection h1 { color: #cccccc; background-color: #eeeeee; font-size: 10px; font-weight: bold; margin: -10px -10px 10px -10px; padding: 4px; border-bottom: solid 1px #cccccc; }
#batchPanel .activesection p { color: #000000; }
#batchPanel .inactivesection p { color: #cccccc; }


/* component art menus */
.TopGroup { background-color: #f1f1f1; border: solid 1px #f1f1f1; }
.MenuGroup { background-color: #f1f1f1; border: solid 1px #999999; }
.MenuGroupTwo { background-color: #f1f1f1; border: none; }
.MenuItem { color:#000000; background-color: #f1f1f1; border: solid 1px #f1f1f1; cursor: pointer; }
.MenuItemDisabled { color:Gray; background-color: #f1f1f1; border: solid 1px #f1f1f1; }
.MenuItemDisabledHover { color:Gray; background-color: #f1f1f1; border: solid 1px #f1f1f1;}
.MenuItemHover { color:#000000; background-color: #cccccc; border: solid 1px #999999; cursor: pointer; }
.MenuItemHoverTwo { border: solid 1px #f1f1f1; cursor: pointer; }
.MenuItemDown { color:#000000; background-color: #cccccc; border: solid 1px #999999; cursor: pointer; }
.MenuItemInActive { color:#999999; background-color: #f1f1f1; border: solid 1px #f1f1f1; cursor: pointer; }
.MenuItemHoverInActive { color:#999999; background-color: #f1f1f1; border: solid 1px #f1f1f1; cursor: pointer; }
.MenuBreak { width:100%; height:1px; }
.GroupMenuItem { color:#000000; background-color: #f1f1f1; font-weight:bold; border: solid 1px #f1f1f1; cursor: pointer; }
.GroupMenuItemHover { color:#000000; background-color: #cccccc; font-weight:bold; border: solid 1px #999999; cursor: pointer; }
.GroupMenuItemDown { color:#000000; background-color: #cccccc; font-weight:bold; border: solid 1px #999999; cursor: pointer; }
.GroupMenuItemInActive { color:#999999; background-color: #f1f1f1; font-weight:bold; border: solid 1px #f1f1f1; cursor: pointer; }
.GroupMenuItemHoverInActive { color:#999999; background-color: #f1f1f1; font-weight:bold; border: solid 1px #f1f1f1; cursor: pointer; }

/* component art tabs */
.TabStripTopGroup { z-index: 99; position: relative; left: -1px; }
.TabStripDefaultTab { color: black; background-image: url(../images/tab_bg.gif); cursor: hand; }
.TabStripDefaultTabHover { color: black; background-image: url(../images/hover_tab_bg.gif); cursor: hand; }
.TabStripSelectedTab { color: black; background-image: url(../images/selected_tab_bg.gif); cursor: hand; }
.TabStripDisabledTab { color: #aaaaaa; background-image: url(../images/tab_bg.gif); cursor: default; }
.TabStripScrollItem { color: black; background-image: url(../images/scroll_item_bg.gif); border: 1px solid #919b9c; border-left-color: #91a7b4; border-top-color: #91a7b4; cursor: hand; vertical-align: bottom; }
.TabStripScrollItemHover { color: black; background-image: url(../images/hover_scroll_item_bg.gif); border: 1px solid #919b9c; border-left-color: #91a7b4; border-top-color: #91a7b4; cursor: hand; }
.MultiPage { background-color: #ffffff; overflow: visible; position: relative; padding: 0px; top: -1px; left: 0px; z-index: 98; }

/* component art calendars */
.Calendar { border: solid 1px #333333; cursor: default; }
.CalendarTitle { background-color: #94bae0; background-image: url(../images/title_bg.gif); height: 25px; cursor: default; }
.CalendarTitle td { font-size: 8pt; font-weight: bold; color: #ffffff; height: 25px; padding: 0px; }
.CalendarNextPrev { padding: 0px; width: 21px; height: 25px; cursor: hand; }
.CalendarDayHeader { font-size: 8pt; font-weight: bold; color: #666666; background-color: #e0dfe3; background-image: url(../images/dayheader_bg.gif); background-position: left bottom; height: 20px; text-align: center; cursor: default; }
.CalendarDay { font-size: 8pt; font-weight: normal; text-align: center; color: #000000; background-color: #ffffff; border-bottom: 1px solid #94bae0; border-right: 1px solid #94bae0; height: 24px; width: 24px; cursor: default; padding: 0px; }
.CalendarDayHover { font-size: 8pt; font-weight: normal; text-align: center; color: #000000; background-color: #ffffd9; border-bottom: 1px solid #94bae0; border-right: 1px solid #94bae0; height: 24px; width: 24px; cursor: hand; padding: 0px; }
.CalendarOtherMonthDay { color: #cccccc; }
.CalendarOtherMonthDayHover { color: #000000; }
.CalendarSelectedDay { font-size: 8pt; font-weight: bold; text-align: center; color: #000000; background-color: #ffeec2; border-bottom: solid 1px #94bae0; border-left: solid 1px #94bae0; cursor: default; height: 24px; width: 24px; cursor: default; }

/* component art treeview*/
.TreeView { background-color: #ffffff; padding: 4px 0 1px 1px; cursor: default; }
.TreeNode { font-family: tahoma; font-size: 11px; padding: 2px 3px 1px 3px; }
.GrayedTreeNode { font-family: tahoma; font-size: 11px; padding: 2px 3px 1px 3px; color: gray; cursor: hand; }
.HoverTreeNode { font-family: tahoma; font-size: 11px; text-decoration: underline; padding: 2px 3px 1px 3px; cursor: hand; }
.SelectedTreeNode { font-family: tahoma; font-size: 11px; background-color: gray; color: #ffffff; padding: 2px 3px 1px 3px; cursor: default; }
.NodeEdit { border: solid 1px gray; font-family: tahoma; font-size: 11px; }

/* browser bug fixes */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.clearfixright:after { content: "."; display: block; height: 0; clear: right; visibility: hidden; }
.clearfixright { display: inline-table; }
/* Hides from IE-mac \*/
* html clearfixright { height: 1%; }
clearfixright { display: block; }
/* End hide from IE-mac */


/* Legacy */
.TableHeader
{
	background-color:#69b8dc;
	font-weight:bold;
	color:#000000;
}
.ColumnHeader
{
	background-color:#eeeeee;
	font-weight:bold;
	cursor:default;
}
.ColumnHeader A
{
	font-weight:bold;
}
.TableBody
{
	background-color:#ffffff;
}
.tdlogin1{
	background-image: url(../images/logintop_img.jpg);
	background-repeat: repeat;
}
.tdlogin2{
	background-image: url(../images/loginbottom_bg.jpg);
	background-repeat: repeat;
}
.tdlogin3{
	background-image: url(../images/login_midbg.jpg);
	background-repeat: repeat;
}
.tdlogin4{
	background-image: url(../images/newusbg.jpg);
	background-repeat: no-repeat;
}

.TableBodyCell
{
    padding: 4px 0 4px 0;
}

.boxnote { border: #94bae0 1px solid; height: 50px; text-align: center; padding-top: 15px; }
/* login page style */

.btbg1A {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/btbg01.jpg);
	border: 1px solid #000000;
}
.btbg2A {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	background-image: url(../images/btbg02.jpg);
	border: 1px solid #FFFFFF;
}
.tdtop {
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
	font-size: 10px;
}
.btsub1 {
	background-color: #d9e2f4;
	padding: 2px;
}
.btsub2 {
	background-color: #ffffff;
	padding: 2px;
}

.Err
{
	font-size: 10px;
	color: red;
	font-family: sans-serif, Verdana, Arial, "Times New Roman";
}
.LeftCell
{
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.MiddleCell
{
	border-top: 1px solid;
	border-left: 0px none;
	border-right: 0px none;	
	border-bottom: 1px solid;
}
.RightCell
{
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}
/*------ Style for Grid  Rahul -----*/
.dtFixHeader
{
	border-collapse: collapse;
	border-right: solid 1px #94bae0;
	width: 100%;
	position: relative;
	top: expression(this.offsetParent.scrollTop);
	vertical-align: middle;
	background-image: url(../images/bghd.jpg); 
	background-repeat: no-repeat;
	font-weight: bold;
	cursor: default;
	text-align: left;
	color: #d4d4d4;	
}
 
.getScroll
{
	text-align:center;
	overflow: auto;   
	text-align: left;
	width:565;
	height:120;
	scrollbar-face-color: #65adce;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;		

}
.getScrollBig
{
	text-align:center;
	overflow: auto;   
	width:760;
	height:320;
	scrollbar-face-color: #65adce;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;	
}
.getScrollLeftMenu
{
	text-align:center;
	overflow: auto;   
	text-align: left;
	width:134;
	scrollbar-face-color: #65adce;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;}

}