html {height: 100%;}
body {padding: 0px; margin: 0px; height: 100%; font-family: Verdana, sans-serif; font-size: 12px; }
a:link, a:visited {color: #033f65; font-weight: bold; text-decoration: underline; }
a:active{color: #033f65; font-weight: bold; }
a:hover{color: #033f65; font-weight: bold; }
input { font-family: Arial, sans-serif; font-size: 12px; color: #000; }
h1 {color: #000; font-size: 24px; font-weight: normal; margin: 10px 0 10px 0; padding: 0;}
h2 {color: #fff; font-size: 13px; font-weight: bold; padding: 3px 8px 2px 8px; background: #3dc1bb; }
h3 {color: #00aea5; font-size: 13px; margin: 0 0 10px 0; padding: 0;}
h4 {color:#01387D; font-size:12px; margin:10px 0 0; padding:0; }
img {border: 0;}
p {margin: 0 0 10px 0;}
a.add {background: url(../../Images/icon_add.gif) left center no-repeat; padding: 1px 0 2px 20px; text-align: right;}
a.save {background: url(../../Images/icon_save.gif) left center no-repeat; padding: 3px 0 3px 20px; height: 30px; text-align: right; margin-right: 8px;}
a.orange {color: #ff3300 !important; font-weight: normal !important; margin-left: 8px; }
span.add {background: url(../../Images/icon_add.gif) left center no-repeat; padding: 1px 0 2px 20px; text-align: right; cursor:pointer; }
p.right {float:right; line-height:20px; margin:0; text-align:right; width:145px;}
p.right.noMarginTop {margin: 0;}
p.header {margin: 0;}
.odd p.right {text-align: right; float: right; width: 120px; margin: 0;}
span.vaihto { }
a.btn {background:transparent url(../../Images/button_right.gif) no-repeat scroll right top; cursor:pointer; display:inline-block; height:30px!important; line-height:30px!important; margin:0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn span {background:transparent url(../../Images/button_left.gif) no-repeat scroll left top; color:#033f65 !important; font-size:12px !important; font-weight:bold; height:29px; line-height:29px; text-decoration:none !important; display:inline-block !important; margin:0 !important; padding:0 0 0 25px !important;}
a.btn:hover, a.btn:focus {background:transparent url(../../Images/button_right_hover.gif) no-repeat scroll right top;cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn:hover span, a.btn:focus span {background:transparent url(../../Images/button_left_hover.gif) no-repeat scroll left top; color:#ffffff !important;font-size:12px !important;font-weight:bold;height:29px;line-height:29px;text-decoration:none !important; display:inline-block !important;margin:0 !important;padding:0 0 0 25px !important;}
a.btnSave {background:transparent url(../../Images/button_save_right.gif) no-repeat scroll right top;cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btnSave span {background:transparent url(../../Images/button_save_left.gif) no-repeat scroll left top; color:#ffffff !important;font-size:12px !important;font-weight:bold;height:29px;line-height:29px;text-decoration:none !important; display:inline-block !important;margin:0 !important;padding:0 0 0 25px !important;}
a.btnSave:hover span {text-decoration: underline !important;}
a.btn-save {background:transparent url(../../Images/button_right.gif) no-repeat scroll right top; cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn-save span {background:transparent url(../../Images/button_left_save.gif) no-repeat scroll left top; color:#033f65 !important; font-size:12px !important; font-weight:bold; height:29px; line-height:29px; text-decoration:none !important; display:inline-block !important; margin:0 !important; padding:0 0 0 45px !important;}
a.btn-clear {background:transparent url(../../Images/button_right.gif) no-repeat scroll right top; cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn-clear span {background:transparent url(../../Images/button_left.gif) no-repeat scroll left top; color:#ff3300 !important; font-size:12px !important; font-weight:normal; height:29px; line-height:29px; text-decoration:none !important; display:inline-block !important; margin:0 !important; padding:0 0 0 25px !important;}
a.btn-clear:hover, a.btn-clear:focus {background:transparent url(../../Images/button_right_hover.gif) no-repeat scroll right top;cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn-clear:hover span, a.btn-clear:focus span {background:transparent url(../../Images/button_left_hover.gif) no-repeat scroll left top; color:#ffffff !important;font-size:12px !important;font-weight:normal;height:29px;line-height:29px;text-decoration:none !important; display:inline-block !important;margin:0 !important;padding:0 0 0 25px !important;}
a.btn-save:hover, a.btn-save:focus {background:transparent url(../../Images/button_right_hover.gif) no-repeat scroll right top;cursor:pointer; display:inline-block; margin: 0; padding:0 25px 0 0 !important; text-align:center; text-decoration:none !important; }
a.btn-save:hover span, a.btn-save:focus span {background:transparent url(../../Images/button_left_save_hover.gif) no-repeat scroll left top; color:#ffffff !important;font-size:12px !important;font-weight:bold;height:29px;line-height:29px;text-decoration:none !important; display:inline-block !important;margin:0 !important;padding:0 0 0 45px !important;}
img.traffic {margin-left: 5px;}
span.yellow {color: #ffb400;}
#wrapper {min-width: 990px; height:auto !important; margin:0px; min-height: 100%; }
#wrapper.frontPage { background: url(../../Images/frontpage_bg.jpg) no-repeat 60% 75px; }
#wrapper.errorPage {min-width: 990px; margin:0px; background: url(../../Images/frontpage_bg.jpg) no-repeat 60% 75px;}
#wrapper.feedback { width: 660px; height:360px; background: url(../../Images/dialog_bg.png) repeat-y; position: absolute; left: 0px; top: 0px; }
#mainContentArea.errorPage { min-height: 200px; height: 400px; }
#grid {width: 100%; min-width: 990px; height: 100%;}
#pageContainer { height:100%; padding:0; vertical-align:top; width:100%;}
#pageWrapper { margin:0 20px; }
#subHeader {margin:20px 20px 10px;}
#subHeader a{text-decoration: none;}
#naviPath {display:block; float:left; font-size:11px; font-weight:normal; width:100%; margin-bottom: 10px;}
#naviPath .leftbox {float:left;}
#naviPath .rightbox {float:right; font-weight: bold; color: #ff3300; }
#naviPath .rightbox a {color: #ff3300; }
#naviPath span.username { color: Black; }
/* HEADER AREA */
#header {width: 100%; margin: 0; padding:0; background: url(../../Images/header_bg.gif) top left repeat-x; height: 76px; position: relative;}
#header #logo{position: absolute; top: 20px; left: 20px; border: 0;}
#header #links {position: absolute; top: 30px; left: 227px;}
#header #links a {color:#FFFFFF; display:block; float:left; font-size:13px; margin:0 10px 5px 10px; padding:0 0 0 0 !important; text-decoration:none;}
#header #links a span {display:inline-block; padding:0 0 0 10px; height: 17px;}
#header #links span {float: left; color: #fff; font-weight: bold;}
#header #links a.getcard {background:transparent url(../../Images/get_right.gif) top right no-repeat; color: #00aea5; text-decoration: none; cursor: pointer;}
#header #links a.getcard span{background:transparent url(../../Images/get_left.gif) top left no-repeat;}
#header #promo {position: absolute; top: 30px; right: 20px;}
#header #promo a {color:#FFFFFF; display:block; float:left; font-size:13px; margin:0 10px 5px 2px; padding:0 10px 0 0 !important; text-decoration:none;}
#promo_fadeaway {color:#FFFFFF; display:block; float:left; font-size:13px; margin:0 10px 5px 2px; padding:0 10px 0 0 !important; text-decoration:none; font-weight: bold;}
#promo_error {color:Red; display:block; float:left; font-size:13px; margin:0 10px 5px 2px; padding:0 10px 0 0 !important; text-decoration:none; font-weight: bold;}
.topContent {margin: 0 auto; padding: 10px 0; background: #fff; text-align: center;}
#header .languages{ position: absolute; top: 30px; left: 227px;width:240px; color: #fff; }
#header .languages a {color: #fff;}
#header .languages span.selected {color: #cebec4;}
/* HEADER AREA */
#footer{ height:120px; position:relative; border-top: 5px solid #00aea5; }
#footer .container{ position: relative; height: 90px; }
#footer .logo{ position:absolute; top: 0px; left: 12px; bottom: 5px; width:200px; }
#footer .footerbanner{ position:absolute; top: 5px; left: 460px; bottom: 5px; width:380px; }
#footer .info{ position:absolute; top: 120px; left: 35px; width:820px; }
#footer .languages{ position:absolute; top: 50px; right: 20px; text-align: right; width:240px; color: #999999; }
#footer #promo {position: absolute; top: 30px; right: 20px;}
#footer #promo a {color: #033F65; display:block; float:left; font-size:13px; margin:0 10px 5px 2px; padding:0 10px 0 0 !important; text-decoration:none;}
/*FRONT PAGE*/
#mainContentArea.frontPage { min-height: 468px; }
#bottomContentArea.frontPage { min-height: 40px; margin: 10px 20px 10px; }
#fpColumnLeft { vertical-align:top; min-height: 468px; width: 60%; float:left; padding-top: 15px; background: url(../../Images/frontpage_l_bg.png) repeat-x; }
#fpColumnLeft div.content { vertical-align:top; margin: 0 20px; }
#fpColumnLeft h1 { width: 440px; margin: 40px 0 20px 0; }
#fpFunctions { overflow: hidden; background: url(../../Images/fpFunctions_bg.gif) repeat-y 50% 0;padding: 5px 0; }
#fpFunctions div.function { width: 45%; float: left; margin-bottom: 30px; }
#fpFunctions div.function.right { float: right; }
#fpFunctions div.function h3 { color: #000; font-size: 13px; font-weight: bold; margin-left: 8px; overflow: hidden; }
#fpFunctions div.function div.icon { width: 80px; margin-left: 8px; float: left; }
#fpFunctions div.function div.txt { width: 60%; float: left; }
#fpFunctions div.function div.button { float: left; clear: both; width: 100%; margin-top: 5px; }
.fpActionLinks td { /* height: 110px; */ vertical-align: top; }
#fpColumnRight { min-height: 468px; width: 40%; float: left; background: url(../../Images/frontpage_r_bg.png) repeat-x; }
#fpColumnRight div.content { margin: 15px 30px; }
#fpColumnRight div.content p { line-height: 16px; }
.frontPage h2 {margin-top:0;}
/*OVERLAY & DIALOG*/
div#shader { width: 100%; min-height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); position: fixed; top: 0; left: 0; z-index: 1000; }
div#dialog { width: 660px; padding: 0 10px 0 8px; background: url(../../Images/dialog_bg.png) repeat-y; position: absolute; left: 100px; top: 100px; z-index: 1001; }
div#dialogTop { width: 676px; height: 12px; background: url(../../Images/dialog_bg_top.png) no-repeat; margin: -12px 0 0 -8px; }
div#dialogBottom { width: 676px; height: 13px; background: url(../../Images/dialog_bg_bottom.png) no-repeat; margin: 0 0 -13px -8px; }
div#dialog h2 { color: #fff; font-size: 13px; padding: 8px 15px 8px 15px; margin: 0; background: #40c2bc; }
div#dialog div.content { padding: 30px 17px; }
div#dialog form { margin: 0; padding: 0; }
div#dialog fieldset { margin: 0; padding: 0; border: 0; }
div#dialog .lastItem { margin: 10px 0 60px 0; }
div#dialog div.content input {margin-top: 10px; width: 500px;}
div#dialog div#dialogActions { border-top:1px dotted #A8ADA8; margin-top:10px; padding-top:20px; text-align:right; }
div#dialog table { margin: 0 0 20px 0; padding: 0; }
div#dialog p#note1 { font-size: 11px; line-height: 16px; margin-top: 25px; }
div#dialog p#note2 { color: #ff9933; font-weight: bold; margin-bottom: 80px; }
/* SCROLLABLE DIALOG*/
div#dialogScroll { width: 676px; height: 800px; padding: 0 0 0 8px; background: url(../../Images/dialog_bg.png) repeat-y; position: absolute; left: 100px; top: 10px; z-index: 1001; overflow-y:scroll; overflow-x: hidden; }
div#dialogScrollTop { width: 676px; height: 12px; background: url(../../Images/dialog_bg_top.png) no-repeat; margin: -12px 0 0 -8px; }
div#dialogScrollBottom { width: 676px; height: 13px; background: url(../../Images/dialog_bg_bottom.png) no-repeat; margin: 0 0 -13px -8px; }
div#dialogScroll h2 { color: #fff; font-size: 13px; padding: 8px 15px 8px 15px; margin: 0; background: #40c2bc; }
div#dialogScroll div.content { padding: 30px 17px; }
div#dialogScroll form { margin: 0; padding: 0; }
div#dialogScroll fieldset { margin: 0; padding: 0; border: 0; }
div#dialogScroll .lastItem { margin: 10px 0 60px 0; }
div#dialogScroll div.content input {margin-top: 10px; width: 500px;}
div#dialogScroll div#dialogActions { border-top:1px dotted #A8ADA8; margin-top:10px; padding-top:20px; text-align:right; }
div#dialogScroll table { margin: 0 0 20px 0; padding: 0; }
div#dialog p#note1 { font-size: 11px; line-height: 16px; margin-top: 25px; }
div#dialog p#note2 { color: #ff9933; font-weight: bold; margin-bottom: 80px; }
/*DIALOG FEEDBACK*/
div#feedback { width: 660px; padding: 0 0 0 8px; position: absolute; left: 0px; top: 0px; }
div#feedbackTop { width: 676px; height: 12px; background: url(../../Images/dialog_bg_top.png) no-repeat; margin: -12px 0 0 -8px; }
div#feedbackBottom { width: 676px; height: 13px; background: url(../../Images/dialog_bg_bottom.png) no-repeat; margin: 0 0 -13px -8px; }
div#feedback h2 { color: #fff; font-size: 13px; padding: 8px 15px 8px 15px; margin: 0; background: #40c2bc; }
div#feedback div.content { min-height: 380px; padding: 30px 17px; }
div#feedback form { margin: 0; padding: 0; }
div#feedback fieldset { margin: 0; padding: 0; border: 0; }
div#feedback .lastItem { margin: 10px 0 60px 0; }
div#feedback div.content input {margin-top: 10px; width: 500px;}
div#feedback div#feedbackActions { border-top:1px dotted #A8ADA8; margin-top:10px; padding-top:20px; text-align:right; }
div#feedback table { margin: 0 0 20px 0; padding: 0; }
/*MAIN NAVI */
#mainNavi {height:42px; background: url(../../Images/navi_bg.gif) bottom left repeat-x; margin: 15px 20px 10px 20px;}
#mainNavi ul {float:left;height:36px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 0 1px;}
#mainNavi ul li {float:left; height:37px; overflow:hidden; margin: 0 3px 0 0;}
#mainNavi ul li a {font-size: 11px; font-weight: bold; padding: 13px 10px 10px 35px; text-decoration: none; display: block; background: url(../../Images/navi_right.gif) top right no-repeat;}
#mainNavi ul li.one{background: url(../../Images/navi_1_left.gif) top left no-repeat;}
#mainNavi ul li.one.selected{height:36px; margin-top: 1px; background: url(../../Images/navi_1_selected_left.gif) top left no-repeat; }
#mainNavi ul li.selected a{color: #fff!important; display: block; background: url(../../Images/navi_selected_right.gif) top right no-repeat;}
#mainNavi ul li.two{background: url(../../Images/navi_2_left.gif) top left no-repeat; }
#mainNavi ul li.two.selected{height:36px; margin-top: 1px; background: url(../../Images/navi_2_selected_left.gif) top left no-repeat;}
#mainNavi ul li.three{background: url(../../Images/navi_3_left.gif) top left no-repeat;}
#mainNavi ul li.three.selected{height:36px; margin-top: 1px; background: url(../../Images/navi_3_selected_left.gif) top left no-repeat;}
#mainNavi ul li.four{background: url(../../Images/navi_4_left.gif) top left no-repeat;}
#mainNavi ul li.four.selected{height:36px; margin-top: 1px; background: url(../../Images/navi_4_selected_left.gif) top left no-repeat; }
#mainContent { margin-top: 10px; padding-bottom: 20px;margin: 0 20px; }
#mainContent #leftColumn{ width: 50%; margin: 0; vertical-align: top; }
#mainContent #leftColumn .columnWrapper{padding-right: 10px; margin: 0; vertical-align: top;}
#mainContent #rightColumn{ width: 50%; margin: 0; vertical-align: top;}
#mainContent #rightColumn .columnWrapper{padding-left: 10px; margin: 0; vertical-align: top;}
.sidebar { height:auto; width:auto; display:inline;}
.sidebartext { float:left; width: 50%; }
.sidebarimg { float:left; width: 50%; }
.mainTable {width:100%; background: #f1fbfa; text-align: left; }
.mainTable td.header {background: #3dc2bb; color:#fff; font-weight: bold; padding: 4px 0 4px 10px;}
.even {background: #fff;}
.even.disabled {background: #f4f4f4;}
.odd.disabled {background: #eaeaea;}
.disabled {color: #999999;}
.disabled a{color: #999999!important;}
.mainTable .innerTable {margin: 0 10px; width: 97%;}
.mainTable .innerTable th {min-width:160px; padding:4px 0; width:160px; text-align: left;}
.mainTable .innerTable td {padding: 4px 10px 4px 10px; }
.mainTable .innerTable th.firstCell {width: 140px;}
.mainTable .innerTable td.firstCell input {width: 80px;}
.mainTable .innerTable td input[type="text"] {float:left; width:53%;}
.mainTable .innerTable td input.short{width: 100px;}
.mainTable .innerTable td.remove {text-align:right;}
.mainTable .innerTable td.remove a{color: #ff3300; font-weight: normal;}
.mainTable .innerTable td.remove span{color: #ff3300; font-weight: normal; cursor:pointer; }
.mainTable .innerTable td.break{border-top: 1px dotted #a8ada8; padding-top: 15px; margin-top: 5px; white-space: nowrap;}
.mainTable .innerTable th.break{border-top:1px dotted #A8ADA8; margin-top:5px; padding-top:15px; text-align:left; white-space:nowrap; }
.mainTable .innerTable td.nopadding{padding-left: 0; padding-right: 0;}
.mainTable .innerTable .rows{margin:0; padding: 0; width: 100%;}
.time {width: 85px; padding: 0!important;}
.mainTable .innerTable td {padding: 4px 10px 4px 10px; }
.linkrow {text-align: right; padding: 10px!important;}
.radiobuttons {float: left; margin-right: 10px;}
.radiocontainer {float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #acd7af;}
a.calendarLink { margin: 0 6px 0 4px; position: relative; top: 3px; }
a.questionLink { position: relative; top: 2px; }
.rightTable {width:100%; background: #f1fbfa; text-align: left; margin: 0 0 20px 0;}
.rightTable td.header {background: #40c2bc; color:#fff; font-weight: bold; padding: 4px 0 4px 10px;}
.rightTable td.subheader {background: #7fd6d2; color: #000; padding: 7px 10px; font-weight: bold;}
.rightTable td.nowrapcell {white-space: nowrap;}
.rightTable th {width: 120px; padding: 4px 0 4px 0px; }
.rightTable td {padding: 4px 10px 4px 10px; }
.rightTable .end td{background: #eaeaea; border-top: 3px solid #fff; padding: 2px!important; color: #999999; font-size: 11px; font-weight: bold;}
.rightTxt { text-align: right; }
.required { font-size: smaller; color: Red; visibility: visible; display: inline;}
.annostusTable {width:100%; background: #f1fbfa; text-align: left; margin: 0;}
.annostusTable td.header {background: #8ec892; color:#fff; font-weight: bold; padding: 4px 0 4px 10px;}
.annostusTable td.subheader {background: #7fd6d2; color: #000; padding: 7px 10px; font-weight:bold;}
.annostusTable th {width: 120px; padding: 4px 0 4px 0px; }
.annostusTable td {padding: 4px 0px 4px 10px!important; }
.annostusTable td.lkm {width: 50px; }
.annostusTable td input.lkm {width: 100px!important; }
.annostusTable td input.klo {width: 50px!important; }
.annostelu {padding-left: 0!important;}
/*comment list */
/* edit box */
.annostus {background:transparent url(../../images/selector_top.gif) no-repeat scroll right top; margin: 0 0 20px 0;}
.annostus .boxBg1 {background:transparent url(../../images/selector_bottom.gif) no-repeat scroll right bottom; padding:0 10px 0 0;}
.annostus .boxBg2 {background:transparent url(../../images/selector_top.gif) no-repeat scroll left top;}
.annostus .boxBg3 {background:transparent url(../../images/selector_bottom.gif) no-repeat scroll left bottom; padding:15px 2px 0 12px;}
.annostus .content { min-height: 30px; padding: 10px 0 10px 0 ; width:100%;}
.arrow {background:transparent url(../../images/arrow.gif) no-repeat scroll right top; height: 13px; width: 24px; margin: 0 0 -1px 0px; z-index: 100; position: relative;}
.arrow.first{margin: 0 0 -1px 155px;}
.arrow.second{margin: 0 0 -1px 203px;}
.arrow.third{margin: 0 0 -1px 449px;}
#footerNavi { height: 100px; padding:0 20px; }
#footerNavi .container {border-top: 5px solid #ffcc99; padding: 10px 0;margin: 0px;}
#footerNavi .btnRight {float:right; }
#footerNavi .btnLeft {float:left; }
/* STEP 4 */
div#mainContent {margin: 0 19px; overflow: hidden; }
div#mainContent div#personalInfo { width: 66%; float: left; }
div#mainContent div#personalInfo div.content { margin-right: 22px; }
div#mainContent div#personalInfo table { width: 100%; background: #f1fbfa; padding: 15px; font-size: 11px; }
div#mainContent div#personalInfo table td { padding-bottom: 6px; }
div#mainContent div#personalInfo table td.headerCol { font-weight: bold; width: 20%; padding-right: 10px;}
div#mainContent div#personalInfo table td.nameCol { font-weight: bold; font-size: 13px; width: 40%; padding-right: 10px;}
div#mainContent div#personalInfo table td.createdCol { text-align: right; padding-right: 10px;}
div#mainContent div#step4Functions { width: 34%; float: left; background: #fff5ea; }
div#mainContent div#step4Functions h2 { background: #ffb366; margin-top: 0; }
div#mainContent div#step4Functions h3 { color: #ffb366; font-weight:bold; margin-top: 8px; margin-bottom: 0px; padding-bottom: 0px;}
div#mainContent div#step4Functions ul { list-style-type: none; margin: 14px 15px; padding: 0; }
div#mainContent div#step4Functions ul li { padding-bottom: 6px; }
a.saveLink { background: url(../../Images/icon_save2.gif) no-repeat; padding-left:23px; }
a.printLink { background: url(../../Images/icon_print.gif) no-repeat; padding-left:23px; }
div#showAndOrder { float: left; clear: both; width: 100%; overflow: hidden; background: #f4f4f4; margin-top: 22px; padding-bottom: 10px; }
div#showAndOrder table { color: #666; padding: 7px 11px 0 11px; width: 100%; }
div#showAndOrder table td { padding-bottom: 5px; }
div#showAndOrder ul { list-style-type: none; margin: 0 0 0 50px; padding: 0; overflow: hidden; }
div#showAndOrder ul li { float: left; margin-right: 10px; }
div#showAndOrder ul li a:link, div#showAndOrder ul li a:visited { font-weight: normal; }
div#showAndOrder ul li a:hover, div#showAndOrder ul li a:focus, div#showAndOrder ul li a:active { text-decoration: none; cursor:pointer; }
div#showAndOrder ul li a.active { background: url(../../Images/sortAct_right.gif) no-repeat right top; padding: 0 11px 0 0; display: inline-block; height: 15px; text-decoration: none; }
div#showAndOrder ul li a.active span { background: url(../../Images/sortAct_left.gif) no-repeat left top; padding: 0 0 0 11px; display: inline-block; height: 15px; color: #fff; text-decoration: none; font-weight: bold;}
div#showAndOrder ul li a.inactive { padding: 0 11px 0 0; display: inline-block; height: 15px; }
div#showAndOrder ul li a.inactive span { display: inline-block; height: 15px; font-weight: bold; }
div#mainContent div.contentArea { float: left; clear: both; width: 100%; margin-top: 25px; }
div#mainContent div.contentArea h2 { background: none; color: #000; border-bottom: 1px dotted #a8ada8; margin-bottom: 10px; }
div#mainContent div.contentArea table td { padding-right: 20px; vertical-align: top; }
div.clearer { width: 100%; clear: both; }
/*** BULLET LIST IMITATING A SELECT ELEMENT ***/
ul.select strong a, ul.select.disabled span {
background:transparent url(../../images/pulldown.png) no-repeat scroll 0 0;
color:black;
cursor:default;
display:block;
padding:4px 10px 18px;
}
ul.select {margin: 0; padding: 0px; list-style: none; position: relative; text-align: left; font-size: 11px;}
ul.select strong {height: 22px; overflow: hidden; display: block; font-weight: normal;}
ul.select ul {margin: 0px; padding: 0px; list-style: none;}
ul.select ul a {display: block; padding: 5px 8px; color: #184474; margin: 0px 1px 0px 0px;}
ul.select ul a:hover {color: white; background: #0099ff;}
ul.select div.selectContent {position: absolute; top: 0px; left: 0px; height: 93px; width: 124px; background: #fff; border: 1px solid #ccc; z-index:100;}
ul.select div.selectContent ul {margin: 0; padding: 0px; list-style: none; overflow: auto; height: 93px;}
ul.select div.selectContent ul li a { color: black; text-decoration: none;}
ul.select div.selectContent ul li { color: #7a7a7a; }
ul.select ul li {padding-top: 0px;}
ul.select div.selectContent ul li.aamu a {background: url(../../images/icon_morning.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.aamu:hover {background: #00aea5 url(../../images/icon_morning_hover.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.paiva a {background: url(../../images/icon_day.gif) 95px 4px no-repeat;}
ul.select div.selectContent ul li.paiva a:hover {background: #00aea5 url(../../images/icon_morning.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.ilta a {background: url(../../images/icon_night.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.ilta a:hover {background: #00aea5 url(../../images/icon_morning.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.yo a {background: url(../../images/icon_night2.gif) 95px 4px no-repeat; }
ul.select div.selectContent ul li.yo a:hover {background: #00aea5 url(../../images/icon_morning.gif) 95px 4px no-repeat; }
/* width: 290px; */
ul.select290 {width: 290px /*JT*/!important/*JT*/; z-index:2;}
ul.select290 div.selectContent {background-position: -535px -88px; width: 314px; z-index: 1;}
ul.select290 strong a {background-position: -535px 0px;}
ul.select290 strong a:hover {background-position: -535px -22px;}
ul.select290 strong a:active {background-position: -535px -44px; padding-top: 5px;}
ul.select290.disabled span {background-position: -535px -66px; color: #bebebe;}
/* width: 190px; */
ul.select190 {width: 190px /*JT*/!important/*JT*/;}
ul.select190 div.selectContent {background-position: -305px -88px; width: 214px;}
ul.select190 strong a {background-position: -305px 0px;}
ul.select190 strong a:hover {background-position: -305px -22px;}
ul.select190 strong a:active {background-position: -305px -44px; padding-top: 5px;}
ul.select190.disabled span {background-position: -305px -66px; color: #bebebe;}
/* width: 100px */
ul.select100 {width: 100px /*JT*/!important/*JT*/;}
ul.select100 div.selectContent {background-position: 0px -88px; width: 124px;}
ul.select100 strong a {background-position: 0px 0px;}
ul.select100 strong a:hover {background-position: 0px -22px;}
ul.select100 strong a:active {background-position: 0px -44px; padding-top: 5px;}
ul.select100.disabled span {background-position: 0px -66px; color: #bebebe;}
.mainTable .title-row {float:left; width: 200px;}
.mainTable .title-row .title {float: left; padding-right: 7px;}
.mainTable .title-row .icon {float:left;}
.mainTable .title-row2 {float:left; width:160px; }
.mainTable .title-row2 .title {float: left; padding-right: 7px;}
.mainTable .title-row2 .icon {float:left;}
.mainTable .title-row-right {float:right; width:145px;}
.mainTable .input-left input {float: left;}
.mainTable .title-row-right .title {float: left; padding-right: 7px; }
.mainTable .title-row-right .icon {float:right; }
.klo {width: 108px!important;}
.long {width: 100%!important;}
.fblong {margin-top: 0px!important; width: 60%!important;}
.infobox {border: 1px solid #000; padding: 10px; background: #FEFFE6; width: 300px; font-weight:normal!important;}
.hidden { visibility: hidden; display: none;}