/* Global styles */
html { padding:  0px 6px 0px 6px;  margin: 0;}
body {margin:0;padding:0;}
body, input, select, textarea, button, th, td { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }
a { color: #003377; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: 0; }
form { padding: 0; margin: 0; }
table { border-collapse: collapse;}

.f-left { float: left; }
.f-right { float: right; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

.w100p { width: 100%; }
.w50 { width: 50px; }

.f10 { font-size: 10px; }

div.clear1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
div.mozfix1 { padding-left: 1px;}

.req, .error { color: #CC0000; }
.light { color: #AAA; }

/* Content styles */

h1 { color: #3377CC; font-size: 17px; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 0; margin: 0 0 20px 0; line-height: normal; }
h3 { font-size: 12px; font-weight: bold; color: #3377CC;; border-bottom: 1px solid #3377CC; padding: 2px 10px 2px 10px; margin: 0 0 5px 0; }
h4 { background: url(i01.gif) left bottom no-repeat; font-size: 11px; font-weight: bold; color: #3377CC; padding: 5px 10px; margin: 5px 0; }
div.column-center-wide h1 { margin: 0 0 4px 0; }

h3 span.help, tr.subheading span.help { float: right; font-size: 10px; color: #999999; font-weight: normal; margin-top: -2px; }
h3 span.help img, tr.subheading span.help img { vertical-align: top; margin-top: -2px; }
* html h3 span.help img, * html tr.subheading span.help img { vertical-align: middle; margin-top: 0; }
h3 span.help a, tr.subheading span.help a { text-decoration: none; }

div.path { margin-bottom: 15px; color: #3377CC; font-size: 11px; }
div.path a { color: #3377CC !important; text-decoration: none; border-bottom: 1px solid #CCCCDD; }
div.path a:hover { text-decoration: none; border-bottom: none; }

ul.type1 { margin: 0; padding: 0; overflow: hidden; }
ul.type1 li { list-style: none; background: url(i12.gif) 10px 3px no-repeat; margin: 5px 0; padding: 0 0 0 20px; line-height: 15px; }
* html ul.type1 li { height: 1px; }
ul.type1 li a { text-decoration: none; border-bottom: 1px solid #CCCCDD; }
ul.type1 li a:hover { text-decoration: none; border-bottom: none; }

div.front-time { float: right; font-size: 9px; padding-top: 2px; }

div.msg-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg02.gif); }
div.msg-start b.b1 { display: block; background: url(msg01.gif) no-repeat; float: left; width: 3px; height: 3px; }
div.msg-start b.b2 { display: block; background: url(msg01.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.msg-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg02.gif) left bottom; }
div.msg-end b.b1 { display: block; background: url(msg01.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.msg-end b.b2 { display: block; background: url(msg01.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }
div.msg-body { border: solid #AECBE5; border-width: 0 1px; background: #FBFFFF url(msg03.gif) right bottom repeat-x; padding: 4px 8px 5px; font-weight: bold; color: #3377CC; }
div.msg-body img.ico { vertical-align: middle; }

div.msg-ok-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg14.gif); }
div.msg-ok-start b.b1 { display: block; background: url(msg13.gif) no-repeat; float: left; width: 3px; height: 3px; }
div.msg-ok-start b.b2 { display: block; background: url(msg13.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.msg-ok-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg14.gif) left bottom; }
div.msg-ok-end b.b1 { display: block; background: url(msg13.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.msg-ok-end b.b2 { display: block; background: url(msg13.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }
div.msg-ok-body { border: solid #00CC00; border-width: 0 1px; background: #99FF99; padding: 4px 8px 5px; color: #006600; }

div.msg-error-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg12.gif); }
div.msg-error-start b.b1 { display: block; background: url(msg11.gif) no-repeat; float: left; width: 3px; height: 3px; }
div.msg-error-start b.b2 { display: block; background: url(msg11.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.msg-error-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg12.gif) left bottom; }
div.msg-error-end b.b1 { display: block; background: url(msg11.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.msg-error-end b.b2 { display: block; background: url(msg11.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }
div.msg-error-body { border: solid #CC0000; border-width: 0 1px; background: #FF9999; padding: 4px 8px 5px; font-weight: bold; color: #990000; }

div.msg-warning-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg16.gif); }
div.msg-warning-start b.b1 { display: block; background: url(msg15.gif) no-repeat; float: left; width: 3px; height: 3px; }
div.msg-warning-start b.b2 { display: block; background: url(msg15.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.msg-warning-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg16.gif) left bottom; }
div.msg-warning-end b.b1 { display: block; background: url(msg15.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.msg-warning-end b.b2 { display: block; background: url(msg15.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }
div.msg-warning-body { border: solid #0000CC; border-width: 0 1px; background: #9999FF; padding: 4px 8px 5px; font-weight: bold; color: #000099; }

div.tabs { background: url(i19.gif); height: 25px; padding: 0 10px; }
div.tabs input { border: 0px solid; padding:0px 10px; overflow: visible; background: transparent; color: #F8F8FF; cursor: pointer;}
div.tabs div.tab { float: left; height: 25px; margin-right: 2px; background: url(i20.gif); margin-bottom: 1px; }
div.tabs div.tab div { background: url(i21.gif) right top no-repeat; padding: 6px 10px; }
div.tabs div.tab div.red { background: url(msg11.gif) right top no-repeat; padding: 6px 10px; }
div.tabs div.tab-active { float: left; height: 25px; margin-right: 2px; background: url(i22.gif); margin-bottom: 1px; }
div.tabs div.tab-active div { background: url(i23.gif) right top no-repeat; padding: 6px 20px 8px 20px; }

table.data { width: 100%; }
table.data th { border: 1px solid #E8E8EE; background: #F8F8FF; color: #666677; text-align: left; vertical-align: bottom; padding: 3px 5px; }
table.data tr.row2 th { font-weight: normal; font-size: 10px; background: #F8F8FF; text-align: center; }
table.data td { border: 1px solid #E8E8EE; padding: 3px 5px; vertical-align: top; }
table.data td.inpt { padding: 0; }
table.data td.img { vertical-align:middle;text-align:center; }
table.data td.actions { padding: 2px 0 2px 2px; }
table.data td.actions input, 
table.data td.actions button { margin-right: 2px; border: 1px solid; border-color: #C8C8CC #A8A8AA #A8A8AA #C8C8CC; background: #F8F8FF; color: #666677; font-size: 9px; overflow: visible; padding: 0 10px; cursor: pointer; }
table.data tr.even td { background: #FCFCFF; }
table.data tr.red td { background: #FFEEEE !important; color: #CC0000; }
table.data td.red { background: #FFEEEE !important; color: #CC0000; }
table.data tr.sortrow td { background: #F8F8FF url(i26.gif) 0 0 repeat-x; padding: 0 3px; vertical-align: middle;}
table.data div.bar { border: 1px solid #B8B8BB; background: #FFF; padding: 1px; font-size: 1px; line-height: 0; }
table.data div.bar div { height: 8px; background: #B8B8BB; }

div.actions input,
div.actions button { border: 1px solid #447744; padding: 1px 15px; overflow: visible; background: #558855 url(i27.gif); color: #FFF; cursor: pointer; }
div.actions .disabled,
div.actions .passive { border: 1px solid #AAAAAA; background: #BBBBBB url(i28.gif) bottom; color: #666; }
div.actions .neutral { border: 1px solid #666677; background: #777788 url(i46.gif); color: #FFF; }

table.form { width: 100%;}
table.form td { border-bottom: 1px solid #DDDDDD; vertical-align: top; }
table.form td.name { width: 35%; padding: 5px 10px 5px 0; text-align: right; }
table.form td.name-inpt { width: 35%; padding: 2px 10px 2px 0; text-align: right; }
table.form td.inpt { width: 65%; padding: 2px 0 2px 0; }
table.form td.data { width: 65%; padding: 5px 0 5px 0; }
table.form td.tbl { width: 65%; padding: 5px 0 5px 0; }
table.form input,
table.form select { vertical-align: middle; }
table.form tr.subheading td { font-weight: bold; color: #3377CC; border-bottom: 1px solid #3377CC; padding: 15px 10px 2px 10px; }
table.form td.submit input { margin-right: 2px; border: 1px solid; background: #FFF; color: #666677; font-size: 9px; font-weight: bold; overflow: visible; padding: 0 10px; cursor: pointer; }
table.form table.data td.inpt { width: auto; padding: 0; }
table.form table.data td { border: 1px solid #E8E8EE; }
table.form .disabled { background: #EEEEEE; }

table.form .max { width: 350px; border: #999999 solid 1px; }
table.form .norm { width: 250px; border: #999999 solid 1px; }
table.form .sized { border: #999999 solid 1px; }
table.form .small { width: 100px; border: #999999 solid 1px; }
table.form .min { width: 30px; border: #999999 solid 1px; }
table.form .date { width: 70px; border: #999999 solid 1px; }
table.form .time { width: 55px; border: #999999 solid 1px; }

table.form tr.cols4 td.name { width: 25%; }
table.form tr.cols4 td.data { width: 25%; }
table.form tr.cols4 td.inpt { width: 25%; }

table.pages { border: 1px solid #E8E8EE; width: 100%;}
table.pages td { border: 1px solid #E8E8EE; background: #F8F8FF url(i26.gif) 0 0 repeat-x; padding: 3px 3px; text-align: center;}
table.pages td a { color: #003377; text-decoration: none;}
table.pages td a:hover { text-decoration: none; }
table.pages td.active { background: #FFF; font-weight:bolder; }
table.pages td.red { background: #FFEEEE !important;}
* html table.pages input { width: 1px; height: 1px; cursor: pointer; }
table.pages input { border: 0px solid; padding: 0; overflow: visible; background: transparent; color: #003377; cursor: pointer;}

div.desc { padding: 5px 0; font-size: 10px; }

#message { width: 410px; background: #FFF; position: absolute; left: 50%; top: 45%; margin-left: -200px; }
#message div.container { border: 1px solid #CC0000; background: #FFEEEE; padding: 10px 15px; font-weight: bold; color: #CC0000; margin: 5px; text-align: justify; }
#message1 { width: 410px; background: #FFF; position: absolute; left: 50%; top: 45%; margin-left: -200px; }
#message1 div.container { border: 1px solid #CC0000; background: #FFEEEE; padding: 10px 15px; font-weight: bold; color: #CC0000; margin: 5px; text-align: justify; }

div.backbtn { float: right; margin-top: -5px; }
div.backbtn input { border: 1px solid #666677; background: #777788 url(i46.gif); color: #FFF; font-size: 10px; overflow: visible; padding: 1px 10px; cursor: pointer; }

body.help { background: #FFF; height: 100%; }
body.help div.pad1 { padding: 15px 20px; }