/* ----------------------------------------------------------------------------------------------------------
[Global Stylesheet]

Project:		Tornado Controlpanel
Version:		0.0.2
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) Global, basic styles
---------------------------------------------------------------------------------------------------------- */

/********** GENERAL **********/
.hidden { display: none; }

ul, ol, dl, p, table, form {
	Xmargin-bottom: 14px;
}
ul, ol {
	margin-left: 20px;
}

a { background-repeat: no-repeat; text-decoration: none; padding: 0; color: #1375ca; }
a:hover { background-color: transparent; border-color: #fff; color: #1375ca; }
a img { border: none; padding: 0; text-decoration: none; background-color: transparent; }

	/********** TABLES **********/
	table { width: 100%; border-collapse: collapse; margin: 10px 0 20px 0; }
	th, td { text-align: left; padding: 0 10px; line-height: 30px; border: 1px solid #fff; }
	th { background: #f1f1f1; color: #444; }
	th a { color: #444; padding: 0; border: none; }
	td { background-color: #f6f6f4; }
	tr.even td { background-color: #fff; }
	td a { border: none; line-height: 30px; }
	td a:hover { background-color: transparent; color: #000; text-decoration: underline; }

	table.infoTable th {
		width: 140px;
		text-align: right;
		margin-top: 10px;
	}

	/********** BUTTONS **********/
	#main-content div.buttons { overflow: hidden; }
	#main-content table div.buttons { padding: 10px 0; }

	#main-content div.buttons button,
	#main-content div.buttons a,
	#main-content div.buttons input {
		display: block;
		float: left;
	}

	#main-content div.buttons a,
	#main-content div.buttons input,
	#main-content div.buttons button span {
		background: #f1f1f1 url(../graphics/button_bg_default.png) repeat-x 0 0;
		cursor: pointer;
		font-weight: bold;
		font-size: 10px;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		color: #444;
		border: 1px solid #d8d8d8;
		width: auto;
	}

	#main-content div.buttons a,
	#main-content div.buttons button span {
		display: block;
		height: 24px;
		line-height: 24px;
		padding: 0 20px;
		text-decoration: none;
	}

	#main-content div.buttons a,
	#main-content div.buttons input { margin: 1px 3px 5px 7px; }

	#main-content div.buttons button {
		background-color: transparent;
		padding: 0;
		margin: 0 0 0 4px;
		cursor: pointer;
		border: none;
		width: auto;
		overflow: visible;
	}

	#main-content div.buttons input {
		height: 26px;
		line-height: 26px;
		padding: 0 20px 2px 20px;
	}

		#main-content div.buttons button:focus,
		#main-content div.buttons button:active { outline: none; border: none; }

		#main-content div.buttons input.neutral:hover,
		#main-content div.buttons a.neutral:hover,
		#main-content div.buttons button.neutral:hover span,
		#main-content div.buttons button.neutral:focus span { border-color: #66adf0; }

		#main-content div.buttons input.negative:hover,
		#main-content div.buttons a.negative:hover,
		#main-content div.buttons button.negative:hover span,
		#main-content div.buttons button.negative:focus span { border-color: #cd0000; }

		#main-content div.buttons input.positive:hover,
		#main-content div.buttons a.positive:hover,
		#main-content div.buttons button.positive:hover span,
		#main-content div.buttons button.positive:focus span { border-color: #a4d047; }
	/********** BUTTONS END **********/

/* ----------------------------------------------------------------------------------------------------------
2) Wrappers
---------------------------------------------------------------------------------------------------------- */

	/********** BREADCRUMBS **********/
	p#breadcrumbs,
	ul#breadcrumbs {
		list-style: none;
		overflow: hidden;
		margin: 10px 0 15px 0;
		padding: 0;
		background: transparent;
		float: none;
	}
		ul#breadcrumbs li {
			float: left;
			line-height: 18px;
			overflow: hidden;
			background: transparent;
			border: none;
			padding: 0;
		}
			p#breadcrumbs a:after,
			p#breadcrumbs span:after,
			ul#breadcrumbs li a:after {
				content: "/";
				padding: 0 6px 0 4px;
			}
			ul#breadcrumbs li a {
				border: none;
				float: left;
				line-height: 18px;
			}
			ul#breadcrumbs li span.spacer { display: none; }
			
			p#breadcrumbs a,
			p#breadcrumbs span 7
				float: left;
				line-height: 18px;
			}

	/********** CP-MENU **********/
	ul#cp_menu {
		background: #f1f1f1;
		border: 1px solid #d8d8d8;
		list-style: none;
		margin: 0 0 20px;
		padding: 10px 16px;
	}
	ul#cp_menu li:last-child { border: none; }
	ul#cp_menu a {
		background-position: 0 7px;
		background-repeat: no-repeat;
		color: #999;
		font-weight: bold;
		line-height: 30px;
		display: block;
		padding: 0 0 0 22px;
		text-decoration: none;
		border: none;
	}
	ul#cp_menu li a:hover {
		text-decoration: underline;
		color: #333;
	}
	li#cp_qn_domains a { background-image: url(../graphics/icons/world.png); }
	li#cp_qn_webhotel a { background-image: url(../graphics/icons/drive_web.png); }
	li#cp_qn_email a { background-image: url(../graphics/icons/email.png); }
	li#cp_qn_database a { background-image: url(../graphics/icons/database_key.png); }
	li#cp_qn_profile a { background-image: url(../graphics/icons/user_green.png); }
	li#cp_qn_subs a { background-image: url(../graphics/icons/package.png); }
	li#cp_qn_invoice a { background-image: url(../graphics/icons/page_white_acrobat.png); }
	li#cp_qn_tob a { background-image: url(../graphics/icons/server_connect.png); }
	li#cp_qn_cms a { background-image: url(../graphics/icons/page_world.png); }
	li#cp_qn_firewall a { background-image: url(../graphics/icons/shield.png); }
	li#cp_qn_tfs a { background-image: url(../graphics/icons/server_database.png); }
	li#cp_qn_svn a { background-image: url(../graphics/icons/server_lightning.png); }

	li#cp_qn_u_mail a { background-image: url(../graphics/icons/email_edit.png); }
	li#cp_qn_u_discarded a { background-image: url(../graphics/icons/email_delete.png); }
	li#cp_qn_u_contacts a { background-image: url(../graphics/icons/contrast_high.png); }
	li#cp_sidebar_webmail a { background-image: url(../graphics/icons/email_open.png); }
	li#cp_qn_u_copy a { background-image: url(../graphics/icons/email_go.png); }
	li#cp_qn_tml a { background-image: url(../graphics/icons/table_multiple.png); }

	/********** CARTMENU **********/
	ul.cart_menu ul { list-style: none; margin-bottom: 0; padding-bottom: 10px; }
	ul#cp_menu.cart_menu ul li { border: none; }
	ul#cp_menu.cart_menu li a {
		line-height: 20px;
		background-image: url(../graphics/icons/cart.png);
		background-position: 0 2px;
		font-weight: normal;
	}
		ul.cart_menu li h3 {
			color: #999;
			background: url(../graphics/icons/cart_add.png) no-repeat 0 7px;
			font-weight: bold;
			line-height: 30px;
			padding: 0 0 0 22px;
			font-size: 11px;
			font-family: Verdana,Arial,Helvetica,sans-serif;
		}

	/********** LOGOUT-LINKS **********/
	ul#logoutLinks {
		list-style: none;
		margin: 20px 0 18px;
	}
	ul#logoutLinks li {
		background: #999;
		border: 1px solid #999;
		margin-bottom: 2px;
	}
	ul#logoutLinks li:hover {
		background: #f1f1f1;
		border-color: #d8d8d8;
	}
	ul#logoutLinks li a {
		display: block;
		line-height: 14px;
		font-weight: bold;
		font-size: 10px;
		color: #fff;
		background: url(../graphics/icons/key.png) no-repeat 10px 7px;
		padding: 8px 32px;
		border: none;
	}
	ul#logoutLinks li a:hover { color: #333; background-image: url(../graphics/icons/key_go.png); }

	/********** TAB-ROW **********/
	div.tab-row {
		position: relative;
		height: 31px;
		border-bottom: 1px solid #d8d8d8;
		margin-bottom: 20px;
	}
		.tab-row ul.tabs {
			list-style: none;
			margin: 0 20px 0 0;
			padding: 0;
			overflow: hidden;
			position: absolute; bottom: -1px; right: 0;
		}
		.tab-row ul.tabs li {
			float: left;
			line-height: 31px;
			border-bottom: 1px solid #d8d8d8;
		}
		.tab-row ul.tabs li a {
			display: block;
			text-decoration: none;
			background: #f1f1f1 url(../graphics/tabs_menu_inactive_bg.png) repeat-x;
			line-height: 30px;
			float: left;
			font-weight: bold;
			font-size: 10px;
			color: #444;
			border: 1px solid #d8d8d8;
			border-bottom: none;
			padding: 0 10px;
		}
		.tab-row ul.tabs li:hover,
		.tab-row ul.tabs li:focus,
		.tab-row ul.tabs li.selected { border-bottom: 1px solid #fff; }

		.tab-row ul.tabs li a:hover,
		.tab-row ul.tabs li a:focus,
		.tab-row ul.tabs li.selected a { color: #000; background: #fff; border-color: #d8d8d8; }

/* ----------------------------------------------------------------------------------------------------------
3) CP-Spesific styles
---------------------------------------------------------------------------------------------------------- */

	/********** INFOBOXES **********/
	div.infobox {
		display: none;
		width: 308px;
		color: #fff;
		position: absolute; top: 0; right: 21px; z-index: 800;
		padding: 0 0 0 22px;
	}
	div.infobox h2 {
		background: #424242 url(../graphics/test_box_bg_2.png) repeat-x 0 0;
		color: #fff;
		font-weight: bold;
		font-size: 11px;
		height: 30px;
		line-height: 30px;
		margin-bottom: 0;
		padding-left: 32px;
		margin-top: 0;
	}
	div.infobox div div {
		background: url(../graphics/debug/rgba_94_92_93_090.png) repeat;
		background: rgba(94, 92, 93, 0.9);
		width: 288px;
		padding: 10px;
	}

	div.infobox span.info_image,
	div.infobox span.info,
	div.infobox span.close {
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute;
		border: none;
		background-color: transparent;
		margin: 0;
	}
	div.infobox span.info,
	div.infobox span.close {
		cursor: pointer;
		width: 16px;
		height: 16px;
		text-indent: -9999px;
		top: 7px; z-index: 100;
	}
	div.infobox span.info_image {
		width: 15px;
		height: 29px;
		background-image: url(../graphics/infobox_arrow_left.png);
		top: 0; left: 7px;
	}
	div.infobox span.info { background-image: url(../graphics/icons/information.png); left: 32px; }
	div.infobox span.close { background-image: url(../graphics/icons/cross.png); right: 12px; }
	div.infobox strong,
	div.infobox em { color: #fff; }
	div.infobox a { color: #fff; border-color: #fff; }
	div.infobox a:hover { border-color: transparent; }

/********** FORM (DL) **********/
form dl {
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 0;
}
	form dt,
	form dd {
		line-height: 28px;
		min-height: 28px;
		display: block;
		overflow: hidden;
		float: left;
	}
	form dt {
		text-align: right;
		clear: both;
		font-weight: bold;
		width: 150px;
		padding-right: 10px;
	}
	form dd {
		margin: 0;
		width: 360px;
		padding-left: 10px;
	}

	form dd input,
	form dd select {
		padding-top: 2px;
	}

	form dd.error input,
	form dd.error textarea { background-color: #fdd; }

	form dl dd input[type="text"].date { width: 66px; }
	form dl dd input[type="text"].percent { width: 40px; }
	form dl dd input[type="text"].extid,
	form dl dd input[type="text"].phone { width: 120px; }

	form dl dd textarea {
		width: 346px;
		height: 75px;
		margin-top: 3px;
	}

		table.palette td.pane select {
			background: #fafafa;
			border: 1px solid #ccc;
		}

		form dt a {
			display: block;
			border: none;
			text-decoration: underline;
		}
		form dd.subinfo { line-height: 16px; }

		form dl dd.radioboxes { }
		form dl dd.radioboxes div { overflow: hidden; }
		form dl dd.radioboxes input {
			float: left;
			width: auto;
			margin-top: 6px;
			margin-right: 6px;
		}
		form dl dd.radioboxes label {
			float: left;
			font-weight: normal;
		}

		form dl.checkboxes dt,
		form dl.checkboxes dd {
			line-height: 20px;
		}
		form dl.checkboxes dt {
			float: right;
			text-align: left;
			width: 90%;
			font-weight: normal;
			height: 20px;
			background: #aaa;
		}
		form dl.checkboxes dd {
			float: left;
			width: 8%;
			background: #ccc;
		}
			form dl.checkboxes dd input {
				padding: 0;
				margin: 0;
			}

/********** **********/
#main-content form fieldset p {
	line-height: 28px;
	margin-bottom: 0;
	overflow: hidden;
}
#main-content form fieldset p label {
	float: left;
	line-height: 28px;
	padding-right: 20px;
	text-align: right;
	width: 150px;
}
#main-content form fieldset p input,
#main-content form fieldset p select {
	float: left;
	margin-top: 3px;
}
#main-content form fieldset p input[type="checkbox"] {
	margin-top: 8px;
}
#main-content form div.buttons {
	margin-bottom: 10px;
	margin-left: 203px;
	margin-top: -10px;
}
/********** **********/

/********** **********/
#main-content  div.panel_destination form p select {
	margin-left:170px;
}

/********** SMALL AJAX-SEARCH **********/
form.ajaxSearch div.wrapper { overflow: hidden; }
form.ajaxSearch label { margin-right: 10px; font-weight: normal; float: left; line-height: 26px; }
form.ajaxSearch input.ajaxValue { font-size: 14px; height: 20px; padding: 4px 10px 0; width: 220px; float: left; border: none; }
form.ajaxSearch div.buttons { margin: 0; }
form.ajaxSearch div.buttons input { float: left; margin: 0 3px 0 5px; }

/*****************************************************************************/

div#domainSearchResults h3 {
	color: #333;
	font-weight: normal;
	font-size: 24px;
	line-height: 34px;
	background: transparent;
	height: auto;
	padding-left: 0;
}
div#domainSearchResults div.wrapper {
	background: transparent;
	border: none;
	padding: 0;
	margin-top: 10px;
}
div#domainSearchResults div.wrapper div.buttons {
	margin: 0;
}

div#domainSearchResults form {
	margin: 10px 0 20px 0;
}
div#domainSearchResults legend {
	display: none;
}

div#domainSearchResults table {

}

	div#domainSearchResults td { width: 110px; }
	div#domainSearchResults td.domain { width: 320px; }
	div#domainSearchResults td.actions { width: 127px; }

		div#domainSearchResults td td.actions span.searching {
			background-image: url(../graphics/ajax-loader.gif) !important;
			background-repeat: no-repeat !important;
			background-position: 0 50%; !important;
			text-indent: -9999px;
			display: block;
			height: 30px;
		}
		div#domainSearchResults td.actions span.searching {
			background-image: url(../graphics/icons/ajax-loader.gif) !important;
			background-repeat: no-repeat !important;
			background-position: 0 50%; !important;
			text-indent: -9999px;
			display: block;
			width: 127px;
			height: 30px;
		}

		div#domainSearchResults td.actions div {
			opacity: 0;
			display: none;
			height: 30px;
			line-height: 30px;
			margin: 0;
		}
			div#domainSearchResults td.actions span.illegal,
			div#domainSearchResults td.actions a {
				display: block;
				height: 20px;
				line-height: 20px;
				padding: 0 0 0 22px;
				background-repeat: no-repeat;
				background-position: 0 50%;
			}

			div#domainSearchResults td.actions a.move { background-image: url(../graphics/icons/application_go.png); }
			div#domainSearchResults td.actions span.illegal {
				background: url(../graphics/icons/delete.png) no-repeat 0 50%;
				display: block;
				line-height: 30px;
				height: 30px;
			}
			div#domainSearchResults td.actions a.taken {
				background-image: url(../graphics/icons/information.png);
				border-right: 1px solid #d8d8d8;
				padding-right: 10px;
			}
			div#domainSearchResults tr.even td.actions a.taken { border-color: #f6f6f4; }

				div#domainSearchResults td.actions em { font-style: normal; }
				div#domainSearchResults td.actions em.actions_wrapper {
					position: relative;
					display: block;
					height: 20px;
					line-height: 20px;
					float: left;
					margin: 5px 10px 0 0;
				}

				div#domainSearchResults td.actions em.domain_move { margin-right: 0; }

				div#domainSearchResults td.actions em.taken,
				div#domainSearchResults td.actions em.move {
					width: 180px;
					height: 56px;
					position: absolute; top: -85px; right: 0; z-index: 2;
					padding: 10px 12px 10px;
					font-size: 10px;
					font-style: normal;
					line-height: 12px;
					background-repeat: no-repeat;
					background-position: 0 0;
					background-image: url(../graphics/tooltip_hover_move.png);
					display: none;
				}

/*********/
		div#domainSearchResults td.actions span.searching {
			background-image: url(../graphics/icons/ajax-loader.gif) !important;
			background-repeat: no-repeat !important;
			background-position: 0 50%; !important;
			text-indent: -9999px;
			display: block;
			width: 127px;
			height: 30px;
		}
			div#domainSearchResults tr.even td.actions a.taken { border-color: #f6f6f4; }

/********** PRISLISTER **********/
table.crazy th {
	padding: 0;
	text-align: center;
}
table.crazy td {
	text-align: center;
	padding: 0;
}
			table.crazy thead th { color: #fff; }
			table.crazy thead th.f {
				text-align: left;
				padding-left: 10px;
				border-left: none;
				border-top: none;
			}
			table.crazy thead th.l { border-right: none; }

		table.crazy tfoot td { border: none; }

			table.crazy tbody td.side {
				padding: 0 10px;
				font-weight: bold;
				color: #444;
				text-align: right;
				min-width: 110px;
				max-width: 130px;
			}
			table.crazy tbody td.tick,
			table.crazy tbody td.cross {
				background-repeat: no-repeat;
				background-position: 50% 50%;
				text-indent: -9999px;
			}
			table.crazy tbody td.tick { background-image: url(../graphics/icons/tick.png); }
			table.crazy tbody td.cross { background-image: url(../graphics/icons/cross.png);}

table.crazy form { margin: 0; }
table.crazy form p { margin: 0; }
table.crazy form#tob_single { padding-top: 30px; }

table.crazy tfoot a,
table.crazy div.buttons input {
	display: inline-block;
	float: none;
	margin: 0 auto;
}

table.crazy th,
table.crazy td { color: #333; }

table.crazy thead th { color: #333; }

table.crazy.crazy_webhotell tbody td.side { width: 130px; }

/********** DOMORDER-TABS FORM **********/
div.domorder_tabs form {
	overflow: hidden;
	display: inline-block;
	margin-top: 9px;
}
div.domorder_tabs form fieldset label {
	float: left;
	display: block;
	line-height: 30px;
	margin-right: 3px;
}
div.domorder_tabs form fieldset select {
	width: 90px;
	float: left;
}
div.domorder_tabs form fieldset input {
	max-width:360px;
	width: 20px;
	float: left;
	margin-top: 3px;
}

	div.domorder_tabs table.crazy_trc div.buttons,
	div.domorder_tabs table.crazy_tob div.buttons { float: none; margin: 1px auto 0 auto; padding: 10px 0 0; }

	/********** DOMORDER-TABS FORM TOB **********/
	div.domorder_tabs table.crazy_tob form p { overflow: hidden; }
	div.domorder_tabs table.crazy_tob form select { width: 130px; }
	div.domorder_tabs table.crazy_trc div.buttons,
	div.domorder_tabs table.crazy_tob div.buttons { float: none; margin: 1px auto 0 auto; }

	div.domorder_tabs table.crazy_tob select#tob_size2 { display: block; float: none; margin: 0 auto; }
	/********** DOMORDER-TABS FORM TOB END **********/

/********** CART **********/
table#shoppingCartItems td.price,
table#shoppingCartItems td.remove { width: 100px; }
table#shoppingCartItems td.remove a { background-image: url(../graphics/icons/cross.png); color: #000; }
table#shoppingCartItems tr.vat td,
table#shoppingCartItems tr.sum td { font-weight: bold; text-align: right; text-transform: uppercase; }
table#shoppingCartItems tr td.vat,
table#shoppingCartItems tr td.sum { font-weight: bold; text-align: left; text-transform: none; }
table#shoppingCartItems tr th.price,
table#shoppingCartItems tr td.price,
table#shoppingCartItems tr td.vat,
table#shoppingCartItems tr td.sum { text-align: right; }

/********** CUSTOM **********/
div#domainSearchInput { }

div#domainSearchInput div.wrapper {
	margin: 0 0 20px;
	padding: 10px 10px 2px 10px;
	font-size: 11px;
	border:1px solid #a4d047;
}
div#domainSearchInput legend { display: none; }
div#domainSearchInput label {
	display: block;
	float: left;
	font-weight: normal;
	line-height: 26px;
	margin-right: 10px;
	font-size:12px;
}
div#domainSearchInput input[type="text"] {
	float: left;
	font-size: 14px;
	height: 20px;
	padding: 1px 10px 3px;
	width: 220px;
	border:1px solid #d8d8d8;
}
div#domainSearchInput input[type="submit"] {
	display: block;
	float: left;
	background: #f1f1f1 url(../graphics/button_bg_default.png) repeat-x 0 0;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #333;
	border: 1px solid #d8d8d8;
	margin: 0 3px 0 5px;
	height: 26px;
	line-height: 26px;
	padding: 0 20px 2px 20px;
}
div#domainSearchInput input[type="submit"]:hover {
	border-color: #a4d047;
}