/* ## vp2014 stylesheet ## 
*  Copyright (c) Menacon Ltd, Finland
 Main colors: blue=#002941, green=#b4ca46, pink=#e4b2cf
 Light main: #d1e1eb
*/

body { margin:0px; padding:0px; font-family: Arial, Helvetica, Sans-Serif;  }
h1   { margin:10px 0px; font-size:14px; color:#0; text-transform: uppercase; font-variant: small-caps; }
h2   { font-size:13px; color:#002941; font-weight:bold; }
h3   { font-size:13px; color:#000000; font-weight:bold; margin-left:10px; }
p    { font-size:13px; color:#000000; margin:10px 0px; }
li   { font-size:13px; list-style-type:circle; }
label { font-size:12px; }
th   { text-align:left; font-size:13px; color:#A1A1A1; }
td   { text-align:left; vertical-align:top; font-size:12px; color:#000000; padding:0px 5px; }
td a { color:#000000; }
textarea { width:100%; }
i

/* ------------------------------------------------------------------------------------------ */
#pum { display:none; position:absolute; z-index:9999; background-color:#FDD672; border:1px dashed gray; padding:4px; }
#pum a {text-decoration:none; color: black; }
#pum ul { padding:0; margin:0; }
#pum li { list-style:none outside none; text-decoration:underline; cursor:pointer; }
.ctx { text-decoration:underline; cursor:pointer; }
.pumactive { font-weight: bold; }

/* ------------------------------------------------------------------------------------------ */
.marker {
    background-color: Yellow;
}
.right {
	display:inline; float:right;
	width:730px; margin-top:10px; margin-right:5px;
	padding-left:5px;
	padding-bottom:15px;
}
.clr { clear:both; }

.right h1 { font-size:16px; margin: 10px 0px 5px 0px; color:#0A1340; font-weight:bold; }
.right h2 { font-size:0.88em; margin: 10px 0px 5px 0px; color:#0A1340;}
.right h3 { font-size:0.81em; margin: 10px 0px 5px 10px; color:#909090; font-weight:bold;}
.right p { font-size:0.81em; margin: 5px 10px 0px 10px;}
.right li { font-size:0.81em; margin:0px;}
.right .icon { float:left; margin-top:5px; }
.right th { background-color:white; font-size:0.81em; text-align:left; padding-right:10px; color:#909090; }
.right td { font-size:0.81em; padding-right:10px; vertical-align:top }
.vertbl { margin: 5px 10px 0px 10px; }
.cntr { text-align:center; }
.ra   { text-align:right; }
.w25  { width:25%; }
.w50  { width:50%; }
.w75  { width:75%; }
table.stats { margin-left:10px; }
table.stats th {font-size:0.81em; text-align:left; padding-right:10px; color:#909090; }
table.stats td {font-size:0.81em; padding-left:10px; vertical-align:top}
.box { float:left; width:427px; min-height:250px; padding:5px; margin: 0px 10px 5px 0px; border:1px dotted #a0a0a0; }
.box-nh { background-color:#f0f0f0; }
.box-short { float:left; width:340px; height:240px; padding:5px; margin: 0px 10px 5px 0px; border:1px dotted #a0a0a0; }
.box-s { float:left; width:438px; height:400px; overflow-y:scroll; padding:5px; margin: 0px 10px 5px 0px; border:1px dotted #a0a0a0; }
.box-full { width:900px; padding:5px; margin:0px 10px 5px 0px; border:1px dotted #a0a0a0;}
.box-3-4 { width:75%; }

.vlbl { width:75px; }
.money { text-align:right; }
.money-n { text-align:right; color:red; }
.nocbx { padding-left:25px; }
table.list { margin:15px 5px 15px 5px; }
/*table.list tr:nth-child(odd) { background-color:#E9EDFD; }*/
table.list td:nth-child(3) { max-width:400px; }
table.list tr.select { border: 1px dashed red; padding:2px;}
table.bordered_tbl { margin:5px 5px 15px 10px; border:1px solid #c0c0c0; width:90%; }
table.bordered_tbl td { border:1px solid #c0c0c0; }
p.error { color:red; }
p.error,img { vertical-align:middle; margin-right:10px;}
p.success { color:#007000; font-weight:bold; }
p.success,img { vertical-align:middle; margin-right:10px;}
p.note { color:#000070; font-weight:bold; }

#help { position:absolute; top:0px; right:0px; width:40%; }
a.help { color:#879aa5; }
p.help { font-size:0.69em; margin:10px; color:#606060; }
.help td { font-size:10px; color:#606060; }
.help td.icon { width:20px; }

.twocolparent { position:relative; }
.delconf label { font-size:0.75em; }
.spacer { height:15px; }
.itemlist { width:440px; }
.itemlist>table { width:100%; padding:0px; }
.itemlist td { font-size:0.81em; padding-right:10px; }
.itemlist>table td:first-child { padding-left: 15px; background-image:url('images/plus.png'); background-position:left center; background-repeat:no-repeat; }
.itemlist>table td:last-child { font-weight:bold; width:75px; }
.itemlist>table:last-child td:first-child { background:none; }
div.subitem { width:438px; display:none;}
div.subitem>table { margin-left:auto; margin-right:0px;}
.total { text-align:right; font-weight:bold; }
.total-n { text-align:right; font-weight:bold; color:red; }
table.hotel { margin-top:20px; }
table.hotel td:first-child { width:100px; }
.statimg img { margin-top:5px; margin-bottom:10px; }
table.result { margin:5px 5px 15px 5px; }
/* table.result th {font-size:0.81em; padding-left:5px; text-align:right; color:#909090; } */
table.result th {font-size:0.81em; padding-left:5px;  color:#909090; }
/* table.result td { text-align:right; } */
table.result th:nth-child(2) { text-align:left;}
table.result th:nth-child(3) { text-align:left;}
/* table.result td:nth-child(2) { text-align:left; width:175px; } */
table.result td:nth-child(2) { text-align:left;  }
table.result td:nth-child(3) { text-align:left; }
table.result tr:nth-child(odd) { background-color:#E9EDFD; }
table.feedback { margin:15px 5px 15px 10px; }
table.feedback td { padding:5px 20px 5px 0px; }
/* ------------------------------------------------------------------------------------------ */
.memdlg { display:none; }
.ui-dialog-content p { font-size:12px; }
.ui-dialog-title { font-size:1em; color:#002941; }

#dlg-frame { position: fixed; bottom:50px; left:50px; width:300px; background-color:#707070; padding-bottom:10px; display:none; }
#dlg-title { position: relative; top:5px; left:5px; width:290px; height:20px; background-color:white; color:#202b63; }
#dlg-title p { text-align:center; font-weight:bold; }
#dlg-text { position: relative; top:5px; left:5px; width:290px; background-color:white; }
.dlg:hover { cursor:help; }
/* ------------------------------------------------------------------------------------------ */
table.entry { width:100%; margin:0px; }
.amount { height:15px; margin:0px; text-align: right; font-size:12px;}
.entry input { font-family: 'Droid Serif', serif; }
.entry tr+td { text-align: right; }
.entry td:first-child { width:100px; }
/*.entry td { border: solid 1px red;}*/
.i-combo { width:215px; }
.i-ta { width:210px; height:50px; font-family: 'Droid Serif', serif; font-size:12px;}
.i-txt { width:210px; }
.i-pwd { width:120px; }
#upf1 { width:200px;}
#upf2 { width:200px;}
input[checked]+label { background-color:#B2D9F6; }

/* ------------------------------------------------------------------------------------------ */
table.config { width:55%; }
table.config td:first-child { width:270px; }
table.config input { width:100%; }
table.config .checkbox { width:inherit; }
table.config .input-wide { width:300px; }
/* ------------------------------------------------------------------------------------------ */
.fp_who { margin:20px; font-size:22px; color:#002941;}
.fp_what { font-family: 'Raleway', sans-serif; margin:20px auto; width:90%; text-align:center; font-size:36px; color:#002941; text-shadow: 2px 3px #dddddd; }
.fp_when { font-family: 'Raleway', sans-serif; margin:20px auto; width:90%; text-align:center; font-size:26px; color:#002941;}
.fp_where { margin:20px; text-align:right; font-size:22px; color:#002941; }
/* ------------------------------------------------------------------------------------------ */
table.jpoints { margin:5px 5px 15px 5px; }
tr.sect_top   { border-top: 1px solid #d0d0d0; }
td.total { font-weight:bold; } 
.jn { color:#909090; }
/* ------------------------------------------------------------------------------------------ */
table.cpr { width:100%; margin-top:15px; }
table.cpr td { width:50%;  font-size:9px; font-weight:bold; color:#707070; vertical-align:top; }
table.cpr td~td { text-align:right; }
td { text-align: left; } 

table.result th {  font-size: 7px; }

td.nr    { text-align: right; }
td.num { text-align: right; }
/*
table.result th { text-align: right;  font-size: 7px; }
td { text-align: right;  }
table.stats th.t { text-align: left; padding-left: 2em;}
td.t { text-align: left; }
th.t { text-align: left; }
.luokat { font-size: 12px; }
*/