/**
	CUSTOM STYLESHEET FOR VERSIO RESELLER CP
**/

/* start global classes */
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
label.error, div.error { 
	border: 1px solid #F1AC88;
	background: #FAF5EA;
}
label.success, div.success { 
	border: 1px solid #8CCE3B;
	background: #F4FCEA;
}
label.warning, div.warning {
	border: 1px solid #e6db55;
	background: #fffbcc;
}
label.information, div.information {
	border: 1px solid #a2b4ee;
	background: #dbe3ff;
}
.error { 
	border: 1px solid #F1AC88 !important;
	background: #FAF5EA;
}
.notification {
	margin: 0 0 5px 0;
	padding: 10px;
	color: #707070;
}
div.error {
	background: url('../images/notification_error.png') no-repeat 10px;
	background-color: #faf5ea;
	padding: 10px 10px 10px 35px;
}
div.success {
	background: url('../images/notification_success.png') no-repeat 10px;
	background-color: #f4fcea;
	padding: 10px 10px 10px 35px;
}
div.warning {
	background: url('../images/notification_warning.png') no-repeat 10px;
	background-color: #fffbcc;
	padding: 10px 10px 10px 35px;
}
div.information {
	background: url('../images/notification_information.png') no-repeat 10px;
	background-color: #dbe3ff;
	padding: 10px 10px 10px 35px;
}
/* end global classes */

/* global */
body {
	background: #f9f9f9;
	font: 12px Arial;
	color: #000;
	text-align: left;
}
a {
	color: #005099;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* end global */

/* start container */
.container {
	width: 960px;
	margin: 0 auto;
}
/* end container */

/* start header */
#header {
	height: 70px;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
	#header h1 {
		float: left;
		width: auto;
		padding: 20px 0 0;
		font-size: 20px;
	}
	#header ul {
		float: right;
		padding: 40px 0 0;
		list-style-type: none;
	}
	#header li {
		margin: 0 3px;
		float: left;
		display: block;
		padding: 5px;
	}
/* end header */

/* start content */
#content {
	clear: both;
	margin: 20px auto;
}
#content h3 {
	font-weight: bold;
	font-size: 14px;
}
#content p {
	float: left;
	width: 100%;
	padding: 2px 0 7px 0;
}
#content hr {
	clear: both;
	background: none repeat scroll 0 0 #005099;
	border: medium none;
	color: #005099;
	height: 2px;
	margin: 10px 0;
}
#content fieldset {
	border: 1px solid #9b9b9b;
	padding: 10px;
	margin: 5px 0;
}
#content legend {
	font-weight: bold;
}
#content label {
	float: left;
	width: 100%;
	padding: 3px;
}
	/* start form elements */
	#content input[type="text"], #content input[type="password"], #content textarea {
		width: 99%;
		font: 12px Arial;
		color: #4c4c4c;
		float: left;
		padding: 5px 3px;
		border: 1px solid #d6d6d6;
	}
	#content input.half-width {
		width: 48%;
		margin-right: 10px;
	}
	#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus {
		border-color: #005099;
	}
	#content input[type="submit"] {
		background: #005099;
		border: none;
		color: #fff;
		padding: 5px;
		display: block;
		font-weight: bold;
	}
	#content input[type="submit"]:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	#content select {
		float: left;
		width: 100%;
		font: 12px Arial;
		color: #4c4c4c;
		float: left;
		padding: 4px 3px;
		border: 1px solid #d6d6d6;
	}
	#content input[type="text"].pDomain {
		width: 87%;
	}
	#content select.pDomain_tld {
		margin: 0 0 0 10px;
		width: 10%;
	}
	/* end form elements */
	
	/* start table */
	#content table {
		width: 100%;
		border-collapse: collapse;
		margin: 12px 0;
	}
	#content table.halfWidth {
		width: 49%;
	}
	#content thead th {
		padding: 5px 2px;
		font-weight: bold;
		border-bottom: 2px solid #005099;
	}
	#content tfoot td {
		padding: 5px 2px;
	}
	#content tbody td {
		padding: 5px 2px;
		border-bottom: 1px solid #e4e4e4;
		vertical-align: top;
	}
	/* end table */
/* end content */

/* start footer */
#footer {
	clear: both;
	padding: 20px 5px 5px;
	text-align: right;
}
/* end footer */