/* Global styles */

html { padding: 0; }
body, html { padding: 0; margin: 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; border-spacing: -1px;; }

.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; }

/* Main framework */

* html div.container1 { height: 500px; }
* html div.container5 { height: 500px; }
div.container1 { min-height: 500px; text-align: center; background: url(i02.gif) repeat-x; }
div.container2 { width: 100%; min-width: 770px; max-width: 990px; margin: auto; /*background: #FFF url(i39.gif) repeat-y;*/ }
div.container3 { background: url(i40.gif) right top repeat-y; }
div.container4 { background: url(i41.gif) no-repeat; }
div.container5 { /*background: url(i42.gif) right top no-repeat;*/ min-height: 500px; }

div.header { height: 77px; background: #FFF url(i02.gif) repeat-x; padding: 0 15px; }
div.header div.cont1 { background: url(i06.jpg) left top no-repeat; height: 77px; }
div.header div.userinfo { float: right; text-align: right; padding-top: 3px; }
div.header div.userinfo div.row { color: #A8A8AA; padding: 4px 0; }
div.header div.userinfo div.row a { color: #3377CC; text-decoration: none; }
div.header div.userinfo div.row a:hover { text-decoration: underline; }
div.header div.userinfo div.row img { vertical-align: bottom; margin: -3px 0 -3px 5px; }
div.header div.userinfo div.row .user { font-weight: bold; color: #3377CC; }

div.logo-print { display: none; }
div.logo-screen { float: left; }
div.logo-text { float: left; color: #3377CC; font-family: "Trebuchet MS", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 10px; padding: 42px 0 0 10px; line-height: 13px; text-align: left; }

div.footer { text-align: center; font-size: 9px; font-family: Tahoma, Arial, Helvetica, sans-serif; background: url(i45.gif) left bottom repeat-x; }
div.footer div.cont1 { background: url(i43.gif) left bottom no-repeat; }
div.footer div.cont2 { background: url(i44.gif) right bottom no-repeat; padding: 5px 15px 10px 15px; }
div.footer div.cont3 { background: url(i05.gif) left top repeat-x; text-align: center; padding: 7px 0 3px 0; }
div.footer div.cont3 a { color: #3377CC; text-decoration: none; }
div.footer div.cont3 a:hover { text-decoration: underline; }

div.menu1 { background: url(i07.gif); margin: 0 10px 10px 10px; clear: both; border-spacing: 0; border-collapse: collapse; }
div.menu1 div.a1 { background: url(i09.gif) right top no-repeat; }
div.menu1 div.a2 { background: url(i08.gif) no-repeat; padding: 0; height: 30px; }
div.menu1 div.a3 { display: table; border-collapse: collapse; border-spacing: 0; vertical-align: top; }
div.menu1 div.item { float: left; background: url(i10.gif) no-repeat; padding: 0 0 0 1px; display: table-cell; vertical-align: top; }
div.menu1 div.item a { color: #F8F8FF; display: block; float: left; padding: 9px 12px 8px 12px; text-decoration: none; }
div.menu1 div.item a:hover { background: url(i11h.gif) repeat-x; }
div.menu1 div.item-active { float: left; background: url(i11.gif) no-repeat; padding: 0; font-weight: bold; display: table-cell; }
div.menu1 div.item-active a { color: #F8F8FF; display: block; float: left; padding: 9px 12px 8px 22px; text-decoration: none; }
* html div.menu1 div.item a { height: 1px; }
* html div.menu1 div.item-active a { height: 1px; }

div.menu1 div.ending { float: left; background: url(i10.gif) no-repeat; width: 2px; height: 30px; font-size: 1px; line-height: 0px; display: table-cell; }

/* body columns */

div.cols-111 { text-align: left; padding: 0; }
div.cols-111 div.col-left-open { overflow: hidden; float: left; width: 165px; margin-right: -180px; }
div.cols-111 div.col-left-closed { display: none; float: left; width: 25px; margin-right: -40px; }
div.cols-111 div.col-right-open { overflow: hidden; float: right; width: 165px; margin-left: -165px; }
div.cols-111 div.col-right-closed { display: none; float: right; width: 25px; margin-left: -15px; }
div.cols-111 div.col-center-111 { padding: 0 180px; }
div.cols-111 div.col-center-211 { padding: 0 180px 0 40px; }
div.cols-111 div.col-center-112 { padding: 0 40px 0 180px; }
div.cols-111 div.col-center-212 { padding: 0 40px 0 40px; }
div.cols-111 div.b2 { }

div.cols-110 { text-align: left; padding: 0 15px; }
div.cols-110 div.col-left-open { overflow: hidden; float: left; width: 165px; margin-right: -180px; }
div.cols-110 div.col-left-closed { display: none; float: left; width: 25px; margin-right: -40px; }
div.cols-110 div.col-center-110 { padding: 0 0 0 180px; }
div.cols-110 div.col-center-210 { padding: 0 0 0 40px; }
div.cols-110 div.b2 { }

/* for IE */
* html div.cols-111 div.b1 { height: 1px; }
* html div.cols-110 div.b1 { height: 1px; }

/* for mozilla */
head:first-child+body div.cols-111 div.col-left-open { margin-right: 15px; }
head:first-child+body div.cols-111 div.col-left-closed { margin-right: 15px; }
head:first-child+body div.cols-111 div.col-right-open { margin-left: 15px; }
head:first-child+body div.cols-111 div.col-right-closed { margin-left: 15px; }

head:first-child+body div.cols-111 div.col-center-111 { padding: 0; }
head:first-child+body div.cols-111 div.col-center-111 div.b1 { margin: 0 180px; }
head:first-child+body div.cols-111 div.col-center-211 { padding: 0; }
head:first-child+body div.cols-111 div.col-center-211 div.b1 { margin: 0 180px 0 40px; }
head:first-child+body div.cols-111 div.col-center-112 { padding: 0; }
head:first-child+body div.cols-111 div.col-center-112 div.b1 { margin: 0 40px 0 180px; }
head:first-child+body div.cols-111 div.col-center-212 { padding: 0; }
head:first-child+body div.cols-111 div.col-center-212 div.b1 { margin: 0 40px 0 40px; }

/*old*/
div.column-left { overflow: hidden; float: left; width: 165px; margin-right: 15px; }
div.column-center { overflow: auto; float: left; width: 592px; margin-right: 15px; }
div.column-center-wide { overflow: hidden; float: left; width: 772px; }
div.column-right { overflow: hidden; float: left; width: 165px; }
div.column-center a:visited,
div.column-center-wide a:visited { text-decoration: none; }

div.columns-end { clear: both; height: 40px; font-size: 1px; line-height: 0px; }

/* 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 15px 0; }
h4 { background: url(i01.gif) left bottom no-repeat; font-size: 11px; font-weight: bold; color: #3377CC; padding: 5px 10px; margin: 15px 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.help-header { background: url(i14.gif); }
div.help-header div.a1 { background: url(i15.gif) right top no-repeat; color: #F8FFF8; font-weight: bold; padding: 6px 5px 6px 12px; }
div.help-header div.ico-toggle { float: right; width: 19px; height: 17px; background: url(help_ico_reduce.gif); }
div.help-header div.ico-toggle a { text-decoration: none; display: block; width: 19px; height: 17px; }
div.help-body { border: solid #667766; border-width: 1px 1px 0 1px; background: #F8FFF8; padding: 12px 12px 6px 12px; font-size: 11px; line-height: 15px; }
div.help-body a { text-decoration: none; border-bottom: 1px solid #669966; }
div.help-body a:hover { text-decoration: none; border-bottom: 1px solid #99CC99; }
div.help-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg05.gif) left bottom; }
div.help-end b.b1 { display: block; background: url(msg04.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.help-end b.b2 { display: block; background: url(msg04.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }

div.news-header { background: url(i16.gif); }
div.news-header div.a1 { background: url(i17.gif) right top no-repeat; color: #F8F8FF; font-weight: bold; padding: 6px 5px 6px 12px; }
div.news-header div.ico-toggle { float: right; width: 19px; height: 17px; background: url(news_ico_reduce.gif); }
div.news-header div.ico-toggle a { text-decoration: none; display: block; width: 19px; height: 17px; }
div.news-body { border: solid #666677; border-width: 1px 1px 0 1px; background: #F8F8FF; padding: 12px 12px 4px 12px; font-size: 11px; line-height: 15px; }
div.news-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg07.gif) left bottom; }
div.news-end b.b1 { display: block; background: url(msg06.gif) left top no-repeat; float: left; width: 3px; height: 3px; }
div.news-end b.b2 { display: block; background: url(msg06.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.news-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg18.gif) left top; }
div.news-start b.b1 { display: block; background: url(msg17.gif) left top no-repeat; float: left; width: 3px; height: 3px; }
div.news-start b.b2 { display: block; background: url(msg17.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.news-body div.item { background: url(i12.gif) 0 3px no-repeat; margin: 0; padding: 0 0 10px 10px; }
div.news-body div.item a { color: #003377; text-decoration: none; display: block; }
div.news-body div.poll-question { margin: -6px 0 5px 0; color: #003377; font-weight: bold; }
div.news-body div.pollitem {  }
div.news-body div.pollitem div.radio { position: absolute; }
div.news-body div.pollitem label { padding: 2px 0 3px 23px; display: block; }
div.news-body div.poll-label { padding: 5px 0 1px 0; }
div.news-body div.poll-info { padding: 0 0 4px 0; font-size: 9px; color: #666677; }
div.news-body div.poll-bar { border: 1px solid #A8A8AA; background: #FFF; padding: 1px; font-size: 1px; line-height: 0; }
div.news-body div.poll-bar div { height: 8px; background: #A8A8AA; }

div.news-header div.ico-toggle { background: url(news_ico_reduce.gif); }

div.menu2 { border: solid #666677; border-width: 1px 1px 0 1px; background: #F8F8FF; padding: 8px 6px 4px 12px; line-height: normal; }
div.menu2 a { text-decoration: none; }
div.menu2 a:hover { text-decoration: underline; }
div.menu2 div.level1 { background: url(i12.gif) 0 5px no-repeat; margin: 0; padding: 2px 0 2px 10px; }
div.menu2 div.level2 { background: url(i18.gif) 10px 6px no-repeat; margin: 0; padding: 2px 0 2px 20px; font-size: 10px; }

div.box1-start { line-height: 0px; font-size: 1px; height: 3px; background: url(msg09.gif); }
div.box1-start b.b1 { display: block; background: url(msg08.gif) no-repeat; float: left; width: 3px; height: 3px; }
div.box1-start b.b2 { display: block; background: url(msg08.gif) right top no-repeat; float: right; width: 3px; height: 3px; }
div.box1-end { line-height: 0px; font-size: 1px; height: 3px; background: url(msg09.gif) left bottom; }
div.box1-end b.b1 { display: block; background: url(msg08.gif) left bottom no-repeat; float: left; width: 3px; height: 3px; }
div.box1-end b.b2 { display: block; background: url(msg08.gif) right bottom no-repeat; float: right; width: 3px; height: 3px; }
div.box1-body { border: solid #CCCCCC; border-width: 0 1px; background: #fff url(msg10.gif) repeat-x; padding: 8px 12px; font-weight: bold; color: #777777; min-height: 160px; text-align: center; }
* html div.box1-body { height: 160px; }
div.box1-body img { margin: 5px 0; }

div.tabs { background: url(i19.gif); height: 25px; padding: 0 10px; }
div.tabs a,
div.tabs a:visited { text-decoration: none; color: #FFFFFF; }
div.tabs a:hover { text-decoration: none; color: #F8F8FF; }
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-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 10px; }
div.tabs div.tab-active div a { color: #003377; }
div.tabs div.tab-passive { float: left; height: 25px; margin-right: 2px; background: url(i24.gif); margin-bottom: 1px; }
div.tabs div.tab-passive div { background: url(i25.gif) right top no-repeat; padding: 6px 10px; color: #E8E8EE; }
div.tabs div.tab-passive div a { color: #E8E8EE; }

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.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; text-align: right; }
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 { text-align: right;}
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 .submit { 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.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 .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 10px; text-align: center; }
table.pages td a { text-decoration: none; color: #003377; }
table.pages td a:hover { text-decoration: underline; }
table.pages td.active { background: #FFF; }
* html table.pages input { width: 1px; height: 1px; cursor: hand; }
table.pages input { border: 0px solid; padding: 0; overflow: visible; background: transparent; color: #003377; cursor: pointer; }

div.progress { height: 25px; font-size: 12px; }
div.progress div { font-weight: bold; }
div.progress div.item-normal { background: url(i35.gif); float: left; }
div.progress div.item-normal div { background: url(i30.gif) right top no-repeat; color: #669966; padding: 5px 15px 6px 15px; }
div.progress div.item-normal div a { color: #669966 !important; text-decoration: none; }
div.progress div.item-normal-first { background: url(i29.gif); float: left; }
div.progress div.item-normal-first div { background: url(i30.gif) right top no-repeat; color: #669966; padding: 5px 15px 6px 10px; }
div.progress div.item-normal-first div a { color: #669966 !important; text-decoration: none; }
div.progress div.item-active { background: url(i31.gif); float: left; }
div.progress div.item-active div { background: url(i32.gif) right top no-repeat; color: #FFF; padding: 5px 15px 6px 15px; }
div.progress div.item-active div a { color: #FFF !important; text-decoration: none; }
div.progress div.item-active-first { background: url(i36.gif); float: left; }
div.progress div.item-active-first div { background: url(i32.gif) right top no-repeat; color: #FFF; padding: 5px 15px 6px 10px; }
div.progress div.item-active-first div a { color: #FFF !important; text-decoration: none; }
div.progress div.item-passive { background: url(i33.gif); float: left; }
div.progress div.item-passive div { background: url(i34.gif) right top no-repeat; color: #666666; padding: 5px 15px 6px 15px; }
div.progress div.item-passive div a { color: #666666 !important; text-decoration: none; }
div.progress div.item-passive-first { background: url(i37.gif); float: left; }
div.progress div.item-passive-first div { background: url(i34.gif) right top no-repeat; color: #666666; padding: 5px 15px 6px 10px; }
div.progress div.item-passive-first div a { color: #666666 !important; text-decoration: none; }

div.intro { width: 50%; float: left; }
div.intro div.c1 { padding-right: 10px; }

div.fontsize { float: right; color: #999; font-size: 11px; }
div.fontsize a { color: #999; text-decoration: none; }
div.fontsize a.s1 { font-size: 10px; }
div.fontsize a.s2 { font-size: 13px; }
div.fontsize a.s3 { font-size: 16px; }

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

#bodyscroll { overflow: auto; overflow: -moz-scrollbars-horizontal-auto; min-width: 100%; }
* html #bodyscroll { overflow: visible; overflow-x: auto; width: 100%; padding-bottom: 17px; }

#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; text-align-last: left; }
#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; text-align-last: left; }

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; }