/* 
    Document   : basic
    Created on : 03.06.2009, 17:48:07
    Author     : andre
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font: 11px Verdana, Tahoma, Arial, Sans-serif;
    color: #013378;
}

#menu {
    width: 150px;
    height: 200px;
    float: left;
}

#main {
    margin-left: 0px;
    width: 700px;
}

#main a {
    color: #0066ff;
    
}

#main a:hover {
    text-decoration: none;
}

#tooltip { display: none; background-color: #FFF; border: 2px solid #CCC; width: 300px; z-index: 999; }

.columns {
    margin-bottom: 20px;
    padding: 0;
    
}

.column {
    padding: 0px;
    width: 226px;
    float: left;
    height: 175px;
    background-color: #EFEFEF;
    position:relative;
}

.colLeft {
   margin-right: 10px;
   line-height:1.2;
}

.colCenter {
    margin-right: 10px;
    background-color: #EFF3FF;
    line-height: 1.2;
}

.colRight {
    line-height: 1.2;
}

.wrapper {
    margin-bottom: 15px;
    height:180px;
}
.subline {
    background-color: #EFEFEF;
    padding: 10px;
    margin-bottom: 10px;
}
.subline label { width: 500px; font-size: 14px; font-weight: bold; }
.subline label .price { font-weight: normal; padding-right: 20px; width: 80px; text-align: left;}
.subline sup, .price sup { font-size: 8px; }

.zzgl, .next {
    font-size: 9px;
    color: #999;
    border-top: 1px solid #EEE;
    padding: 20px;
    margin-bottom: 0;
}
.next { padding: 0; }

#main .zzgl a { color: #999; }

input.button { border: 1px solid #999; font-size: 14px;  color: #333; background-color: #EFEFEF; padding: 5px 10px; cursor: pointer; }

h3 { padding: 0; margin: 0; margin: 0 5px 10px 5px; }
span.headInfo { display: block; color: #666; font-size: 11px; font-weight: normal; }

.columns p { margin-bottom: 10px; position: relative; }
p input.checkbox { display: block; float: left; text-align: left; width: 15px; margin-left: 5px; }
p label {  color: #013378; margin-left: 25px;   display: block; }
p label span.price { font-size: 12px; color: #666; float:right; width: 55px; text-align: right; line-height: 14px; margin-right: 5px;}
.productInfo { display: block; margin: 5px 0 10px 25px; font-size: 10px; color: #999; }

.fillOut p { margin-bottom: 10px; position: relative; background-color: #EFEFEF; padding: 5px; }
.fillOut label { width: 150px; font-size: 11px; margin: 0; padding: 0; float: left; font-weight: bold; color: #013378; }
.fillOut label .info { display: block; color: #AAA; font-size: 10px; font-weight: normal; }
label.checkbox { font-weight: normal;  margin-left: 20px; position: relative; display: block; padding-right: 25px; float: none; width: 400px; }
.fillOut .textbox { margin-left: 160px; width: 200px; display: block; }
.fillOut select { margin-left: 160px; width: 200px; display: block; }
.fillOut .extendedInfo { margin: 5px 0 0 160px; font-size: 10px; display: block; }
.fillOut textarea { width: 400px; height: 100px; font: 11px Arial; color: #333; margin-left: 160px; display: block;}
.fillOut .fieldInfo { position: absolute; right: 0; display: block; font-size: 10px; color: #666; text-align: left; width: 300px; }
.fillOut .multiline { display: block; margin-bottom: 5px; }
.fillOut .fields { margin-left: 160px; display: block;}

.required { background-color: #FFBFBF; border: 1px solid #CF2626; }
p.required { padding: 10px; color: #CF2626; }

form.tm { margin-top: 50px; border-top: 1px dashed #FF0000; }

.popupDesc h1 { font-size: 16px; }
.popupDesc h2 { font-size: 12px; }
.popupDesc .subtitle { color: #666; }
.popupDesc .price { margin: 20px; width: 100px;  }
.popupDesc .price b { font-size: 14px; }
.popupDesc .price .priceInfo { display: block; color: #999; font-size: 9px; }
.popupDesc .notice { color: #666; font-size: 9px; }
.popupDesc ol li { margin-bottom: 5px; }

.emailTemplate .right { text-align: right; }
.emailTemplate .info { color: #666; display: block;}

a.image { height: 100px; display: block; width: 300px; background-repeat: no-repeat; border: 1px solid #666; margin-bottom: 10px; margin-left: 160px; position: relative; background-position: center; text-decoration: none; }
a.image span { position: absolute; bottom: 0; right: 0; color: #AAA; background-color: #EEE; }
a.thumb { height: 100px; display: block; width: 300px; background-repeat: no-repeat; border: 1px solid #666; margin-bottom: 10px; position: relative; background-position: center; text-decoration: none; }
a.thumb span { position: absolute; bottom: 0; right: 0; color: #AAA; background-color: #EEE; }
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}