BODY, INPUT, TEXTAREA, SELECT, TABLE {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000
}

BODY {
	background-color: #FFFFFF
}

BODY, INPUT, FORM {
	padding: 0px;
	margin: 0px;
}

TEXTAREA, IFRAME {overflow: auto}

IMG {border: none}

HR {
	color : #004D94;
	height: 1px;
}

.maxw, .tab-general {width: 100%}
HTML, BODY, .maxh, .tab-general {height: 100%}

#top-area {
	height: 77px;
	background: #004D94 url(../images/bg_top_menu.jpg) repeat-x bottom;
}
#top-logo {
	width: 179px;
	background: #FFF
}
#top-area TD.menu, #top-area TD.spacer {
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	white-space: nowrap;
}
#top-area TD.menu A {
	text-decoration: underline;
	color: #FFFFFF;
}
#top-area TD.menu A:hover, #top-area TD.menu A:active {
	text-decoration: underline;
	color: #A1C8EB;
}
#top-area TD.user {
	padding-right: 4px;
	padding-top: 11px;
	font-family: verdana, helvetica, arial;
	white-space: nowrap;
}
#top-area TD.user A {
	text-decoration: none;
	color: #FFFFFF
}
#top-area TD.user A:hover {
	text-decoration: underline;
}
#top-area TD.logoff {
	padding-right: 10px;
	padding-top: 10px;
}

#mid-area {background: #FFF}
#mid-area, #logo-area, #add_area {height: 44px}

#logo-area {
	padding-top: 12px;
	padding-left: 10px;
}

#menu {
	width: 179px;
	padding-top: 5px;
	background: #A1C8EB url(../images/bg_left_bottom.jpg) repeat-y left;
}

#menu-comm {
	width: 179px;
	font-family: arial, helvetica, verdana;
	font-size: 9pt;
	font-weight: bold;
}
#menu-comm A {color: #004D94}
#menu-comm A:link, #menu-comm A:visited {text-decoration: none}

#menu-comm A:hover {text-decoration: underline}
#menu-comm TR.blk TD.top, #menu-comm TR.blk TD.middle, #menu-comm TR.blk TD.bottom {
	padding-right: 18px;
	padding-left: 10px;
}
#menu-comm TD.spacer {
	height: 5px;
}
#menu-comm TR.blk TD.top {padding-top: 4px}
#menu-comm TR.blk_active TD.top {
	height: 3px;
	background: #FFFFFF url(../images/bt_act_top.jpg);
}
#menu-comm TR.blk_active TD.middle {
	padding-right: 18px;
	padding-left: 10px;
	background: #FFFFFF url(../images/bt_act_middle.jpg) repeat-y left;
}
#menu-comm TR.blk_active TD.bottom {
	height: 7px;
	background: #FFFFFF url(../images/bt_act_bottom.jpg);
}

#main-part, .main-cell {
	width: 100%;
	padding-top: 10px;
	padding-left: 35px;
	padding-right: 30px;
	padding-bottom: 20px;
}

#tab-main-part {
	width: 100%;
}

#left-bottom, #main-bottom {height: 24px}

#left-bottom {
	width: 179px;
	background: #A1C8EB url(../images/bg_left_bottom.jpg) repeat-y left;
}

#main-bottom {
	padding-right: 10px;
	background: #EBEBEB;
	border-top: solid 1px #D7D7D7;
	font-family: verdana, helvetica, arial;
	font-size: 7pt;
	color: #959595;
}

/* rest */

/* survey table */

TABLE.survey TD.title {
	padding: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

TABLE.survey TD.start, TABLE.survey TD.end {
	width: 30%;
	padding: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

TABLE.status TD.end {
	width: 40%;
	padding: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.question {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-bottom: 4px;
	padding-top: 20px;
}

.tab-input {
	padding-top: 2px;
	padding-bottom: 4px;
}

.tab-butt {
	padding-top: 10px;
	padding-bottom: 4px;
}

/* text & links */

.fat {font-weight: bold}

.ltitle {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9pt;
	color: #004D94;
	text-decoration: none;
	font-weight: bold;
}

.title {
	padding-top: 10px;
	padding-bottom: 2px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.tx-com {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.a-comm {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.tx-little {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.tx-form {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.sm-form {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.a-spec {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #004D94;
	text-decoration: underline;
	font-weight: bold;
}

.a-spec:hover {
	color: #A1C8EB;
}

.a-link {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #E5910C;
	text-decoration: none;
	font-weight: bold;
}

.a-link:hover {
	text-decoration: underline;
}

.tx-warn, .a-warn {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #ED1C24;
	text-decoration: none;
}

.a-comm:hover, .a-warn:hover {
	text-decoration: underline;
}

.a-top-act {
	font-family: verdana, helvetica, arial;
	font-size: 10px;
	font-weight: bold;
	color: #A1C8EB;
	text-decoration: underline;
	white-space: nowrap;
}

/* logon */

TABLE.login-form TD.light, TABLE.login-form TD.dark {
	padding: 10px;
}

TABLE.login-form TD.light {background-color: #FFF}
TABLE.login-form TD.dark {
	background: #D1E2F3 url(../images/bg_common_box.jpg) repeat-x bottom;
	border: solid 1px #A1C8EB;
}

/*button*/

INPUT.file_open {
	height: 18px;
}

INPUT.butt {
	font-size: 10px;
	background-color: #004D94;
	border-top: solid 2px #709BC3;
	border-left: solid 2px #709BC3;
	border-bottom: solid 2px #002E59;
	border-right: solid 2px #002E59;
	font-weight: bold;
	color: #FFFFFF;
}

INPUT.lite {
	font-size: 10px;
	background-color: #ABCCE9;
	border-top: solid 2px #DBEDFF;
	border-left: solid 2px #DBEDFF;
	border-bottom: solid 2px #467EB1;
	border-right: solid 2px #467EB1;
/*	font-weight: bold;*/
	color: #000000;
}

/*input text*/

.bord {
	border: solid 1px #A1C8EB;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 10px;
}

/*form*/

TABLE.form TD.last {padding-right: 0px}

TABLE.form TD.last {padding-right: 0px}

TABLE.form TD {
padding-right: 4px;
border: none}
TABLE.form TR.line TD, TABLE.form TR.line-fat TD {padding-bottom: 4px}
TABLE.form TR.thin TD {padding-bottom: 0px}
TABLE.form TR.line-fat TD {padding-top: 4px}

TABLE.form TD.del {border-left: solid 2px #FFF}
TABLE.form TD.deldark {border-left: solid 2px #E6E6E6}

TABLE.form TD.del, TABLE.form TD.deldark {padding-left: 6px}

TABLE.form TD.light {background-color: #E8F0F4}
TABLE.form TD.dark {background-color: #D8E6ED}

TABLE.form TD.attent {
background-color: #DADADA;
font-weight: bold}

/* cursor */

.hand, #tab-menu TD, INPUT.butt {
cursor: pointer;
cursor: hand}

/* navigator */

TABLE.navigator TD {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 8pt;
color: #000}  

TABLE.navigator TR.header TD {
height: 28px;
font-weight: bold;
border-left: solid 1px #FFF;
border-bottom: solid 1px #FFF;
background: #004D94 url(../images/bg_ng_title.jpg) repeat-x bottom;
padding: 2px 8px 2px 8px;
color: #FFF}

TABLE.navigator TR.dark TD, TABLE.navigator TR.light TD {background-color: #FFF}

TABLE.navigator TR.hl TD {background-color: #DADADA}

TABLE.navigator TR.active TD {
background-color: #CADDF1;
color: #000}

TABLE.navigator TR.line TD {
border-left: solid 1px #FFFFFF;
padding: 7px 8px 8px 8px}

TABLE.navigator TR.dark TD {background-color: #E1E1E1}
TABLE.navigator TR.light TD {background-color: #EBEBEB}

TABLE.navigator TR.line TD.sub {padding-left: 30px}

TABLE.navigator TR.line TD.last, TABLE.form TD.last {padding-right: 0px}

TABLE.navigator TD.name, TABLE.navigator TD.nav-butt {
	padding-bottom: 4px;
	padding-top: 10px;
}

TABLE.navigator TD.nav-butt {padding-left: 4px}

TABLE.navigator TR.line TD.fld-check, TABLE.navigator TR.header TD.fld-check {padding: 2px}

TABLE.navigator TD.nav-butt A:link, TABLE.navigator TD.nav-butt A:visited {color: #000}

TABLE.navigator A:link, TABLE.navigator A:visited {
text-decoration: none;
color: #FFF}
TABLE.navigator A:hover {text-decoration: underline}

TABLE.navigator TR.line A:link, TABLE.navigator TR.line A:visited {
text-decoration: underline;
color: #E5910C}
TABLE.navigator TR.line A:hover {text-decoration: none}

TABLE.navigator TR.active  A:link, TABLE.navigator TR.active  A:visited {color: #000}

TABLE.navigator INPUT.edit {
	border: solid 1px #8B8B8B;
	color: #21283D;
	font-size: 8pt
}

.select-comm, .ta-comm, .inp-comm {width: 250px}

.ta-comm {height:100px}

.minw {width: 0%}

#sunquestion {padding-left: 30px; padding-top: 0px; padding-bottom: 0px}

#sunquestion_add {border: solid 0px; padding-top: 0px; padding-bottom: 0px}

.error {
	color: #ED1B23;
	font-weight: bold;
	font-size: 10px;
}

.width-comm {width: 250px}
.width-large {width: 450px}

.accent {
	color: #004D94;
	font-weight: bold;
	text-decoration: underline;
}

.position-width {width: 10%}

.butt-comm-width {width: 120px}

.survey-title {
	font-size: 11pt;
	font-weight: bold;
}

.survey-subtitle {
	font-size: 10pt;
	font-weight: bold;
}

.survey-comm {
	font-size: 10px;
}

.survey-parent {
	font-weight: bold;
	text-decoration: underline;
}

.survey-fat {
	font-size: 10px;
	font-weight: bold;
}

.survey-header {
	padding-top: 1px;
	padding-bottom: 1px;
}

.orange {
	font-size: 10px;
	color: #E5910C;
	text-decoration: none;
	font-weight: bold;
}

.inp-small {
	width: 70px;
}

.accept_tab {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}