/*
	===================================================
	[ Autor / I. Kovacs ]
	===================================================
	$ver:	1.0 initial release
	$date:	2007/05/09
	===================================================
	Copyright (c) FLATBOOSTER - All rights reserved.
	http://flatbooster.com/ -  support@flatbooster.de
	===================================================
*/

/* CSS Map
############## ############## ###############
############## INHALTSVERZEICHNIS ###############
############## ############## ###############
	1. GLOBAL STYLE
	2. NOTES STYLE
	3. DOMAINCHK
	4. ADDED STYLINGS

/* 1.
############## ######## ###############
############## GLOBAL STYLE ###############
############## ######## ###############
*/

/* links & headings */
div.chk a:link,
div.chk a:visited {
	color: #0D6ED2;
	text-decoration: none;
	}

div.chk a:hover {
	color: #000;
	text-decoration: underline;
	}

div.chk h1 { font-size:150%; font-weight:normal; }
div.chk h2 { font-size:110%; font-weight:bold; }
div.chk h3 { font-size:150%; font-weight:normal; }
div.chk h4 { font-size:150%; font-weight:normal; }
div.chk h5 { font-size:150%; font-weight:normal; }
div.chk h6 { font-size:150%; font-weight:normal; }

/* input, select, option & checkbox */
div.chk input,
div.chk select {
	padding: 1px 0;
	margin: 2px 0;
	font-weight: normal;
	text-indent: 4px;
	border:1px solid #aaa;
	}

div.chk input {
	text-indent: 0px;
	}

div.chk input.button:active,
div.chk button.button:active {
	padding-left: 2px;
	}

div.chk a.button:active {
	text-indent: 2px;
	}

div.chk select {
	padding: 0px;
	text-indent: 0px;
	border: 1px solid #AAA;
	}

div.chk option {
	text-indent: 1px;
	}

div.chk .checkbox {
	margin:0;
	padding:0;
	}

/* container + fieldset */
div.chk {
	position: relative;
	width: 100%;
	text-align: left;
	background: none;
	}

div.chk div.con_title h1 {
	padding: 0;
	width: 100%;
	line-height: 17px;
	height: 16px;
	display: block;
	color: #0d6fd2;
	font-size: 100%;
	font-weight: bold;
	text-indent: 21px;
	text-transform: uppercase;
	background: url(../images/shop/arrow.png) left top no-repeat;
	}

div.chk span.ssl {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 18px;
	height: 20px;
	display: block;
	color: #0d6fd2;
	text-decoration: underline;
	font-weight: normal;
	padding-right: 20px;
	background: url(../images/shop/ssl.png) right top no-repeat;
	}

div.chk fieldset {
	position: relative;
	display: block;
	margin-bottom: 6px;
	BORDER: 1px SOLID #CCCCCC;
	padding: 0px;
	}

div.outer {
	float: left;
	padding: 10px;
	width: 706px;
	}

div.chk fieldset legend {
	color: #fff;
	font-weight: bold;
	padding: 0px 5px;
	margin-left: 10px;
	background: #0D6FD2;
	}

html* div.chk fieldset legend {
	margin-left: 3px;
	}

/* footer */
div.footer,
div.footer strong {
	margin: 15px 0 0 0;
	color: #666;
	font-size: 100%;
	text-align: left;
	}

/* buttons */
div.chk a.bluebutton:link,
div.chk a.bluebutton:visited {
	float: none!important;
	width: 85px;
	line-height: 21px;
	height: 21px;
	display: block;
	margin: 0px;
    padding-bottom:1px;
	color: #000!important;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Tahoma;
	text-align: center;
	border: 0;
	background: url(../images/shop/bluebuttonbg.gif) 0 0 no-repeat;
	}

div.chk a.bluebutton:hover {
	text-decoration: none!important;
	}

div.chk .bluebutton,
div.chk .redbutton {
	float: left;
	width: 85px;
	line-height: 21px;
	height: 21px;
	display: block;
	margin: 0;
    padding: 0 0 1px 0;
	color: #000!important;
	font-size: 11px;
	font-weight: normal;
	font-family: Verdana, Tahoma;
	text-align: center;
	border: 0;
	background: url(../images/shop/bluebuttonbg.gif) 0 0 no-repeat;
	}

div.chk .redbutton {
	background: url(../images/shop/orangebuttonbg.gif) 0 0 no-repeat;
	}

/* Add by Kaiser*/
div.chk .summaryedit{
	color: #0D6ED2;
	text-decoration: underline;
	border: none;
	top: 0px;
	right: 15px;
	padding: 0 0 0 10px!important;
	margin: 0!important;
	font-weight: normal;
	background: url(../images/shop/icon_rightarrowblue.gif) 0px 3px no-repeat;
	font-size:100%;
	font-family: Verdana, Tahoma;
	overflow: visible;
	}

div.chk .summaryedit:hover {
	color: #000;
	text-decoration: underline;
	}

div.chk .backbutton{
	color: #0d6fd2;
	font-weight: bold;
	padding: 1px 0 0 19px;
	text-decoration: none;
	border: none;
	background: url(../images/shop/icon_back.gif) 0 0 no-repeat;
	font-weight:bold;
	font-size:11px;
	font-family: Verdana,sans-serif,Arial,sans-serif;
	}

/* end */
div.chk a.backbutton:link,
div.chk a.backbutton:visited {
	color: #0d6fd2;
	font-weight: bold;
	padding: 1px 0 0 19px;
	text-decoration: none;
	background: url(../images/shop/icon_back.gif) 0 0 no-repeat;
	}

div.chk a.backbutton:hover {
	text-decoration: none;
	}

*html input.button {
	margin-top: 2px!important;
	}

/* 2.
############## ######## ###############
############## NOTES STYLE ###############
############## ######## ###############
*/

/* global notes & hints */

div.chk div.notes,
div.chk div.hints { margin-top: 15px; }

*html div.chk div.notes,
*html div.chk div.hints { margin-top: 7px; }

*html div.chk div.notes {
	float: left;
	width: 100%;
	}

div.chk ul.hint {
	margin-left: 15px;
	padding: 0;
	color: #000;
	list-style-type: disc;
	}

div.chk ul.hint li {
	padding: 0;
	margin: 0;
	background: none; /* [[rbaier | web-signs]] */
	}

/* formerror*/
div.chk .formerror{
color: red;
}
/* notes styling */
div.chk .green_note,
div.chk .red_note,
div.chk .yellow_note {
	color: #333;
	font-size: 11px;
	display: block;
	padding: 3px 5px 3px 22px;
	margin: 5px 0;
	border: 1px solid #36C000;
	background: #F7FFF8 url(../images/shop/icon_green.gif) 1px 1px no-repeat;
	}

div.chk .red_note {
	border: 1px solid #DF6363;
	background: #FFF7F7 url(../images/shop/icon_red.gif) 1px 1px no-repeat;
	}

div.chk .yellow_note {
	border: 1px solid #6393df;
	background: #f7faff url(../images/shop/icon_blue.gif) 1px 1px no-repeat;
	}
div.chk .yellow_note2 {
    border: 1px solid #6393df;
    background: #f7faff;
    }
    
html* div.chk .green_note,
html* div.chk .red_note,
html* div.chk .yellow_note {
	background-position: 2px 2px;
	}


/* 2.
############## ######## ###############
############## ADDITIONAL ###############
############## ######## ###############
*/
/* domains.tmpl */

.row1 {
	text-align: left;
	background: #fff;
	}

.row2 {
	background: #f5f5f5;
	}

div.chk table.domains tr td {
	padding: 4px 4px;
	}

div.chk table.domains tr td.spacer {
	padding-left: 10px;
	}

*html .dext {
	position: relative;
	top: 2px;
	left: 0px;
	}

*+html .dext {
	position: relative;
	top: 1px;
	left: 0px;
	height: 21px;
	}

/* adress.tmpl */
div.chk div.form { width:381px; }
div.chk div.form .inputbox, input { width:158px; }
div.chk div.form .inputboxshort { width:46px; margin-right:2px; }
div.chk div.form .inputboxlong { width:118px; }
div.chk div.form select { width:160px; }

/* summary.tmpl */
.dashed { border-top:1px dashed #006666; border-bottom:1px dashed #006666; }
.right { text-align: right; }

div.chk table.summary tr.row1,
div.chk table.summary tr.row2 {
	text-align: left;
	background: #fff;
	}

div.chk table.summary tr.row2 {
	background: #FFFFFF;
	/* background: #f5f5f5; */
	}

div.chk table.summary tr td {
	padding: 4px 4px;
	}

html* div.chk table.summary tr td {
	padding: 4px 0px;
	}

.pfix { padding: 0px!important; }

a.change {
	position: absolute;
	top: 0px;
	right: 15px;
	padding-left: 10px;
	font-weight: normal;
	background: url(../images/shop/icon_rightarrowblue.gif) 0 3px no-repeat;
	}

a.change:hover,
a.change2:hover {
	font-weight: normal;
	}

html* a.change {
	top: 10px;
	}

a.change2 {
	top: 20px;
	}

html* a.change2 {
	top: 30px;
	}

div.checkbox a:link,
div.checkbox a:visited,
div.checkbox a:hover {
	font-weight: normal!important;
	text-decoration: underline;
	}

#lastb {
	margin:14px 0 0 194px!important;
	}

*html #lastb {
	margin:14px 0 0 97px!important;
	}

/* finished.tmpl */
.finished {
	width: 580px;
	/*height: 75px;*/
	display: block;
	padding-left: 120px;
	background: url(../images/shop/emailsent.png) no-repeat;
	}

/* floats */
.fleft { float:left; }
.fright { float:right; }

/* userdate table fix */
label.listelement {	
	margin-right:100px;
}
.errelement { 
	width:400px;
}
ul.errelement li {	
	list-style-type:disc; 
	color:#FF0000; 
	margin-left:0px; 
	background:none;
	line-height:15px;
	padding:0px;
}

input.checkbox {width:20px;}