/* Generic table */

span.required {
	color: #ff0000;
}

div.errors {
	margin: 15px 0;
	border: 1px solid #ff0000;
	padding: 10px 15px;
	background: #ffc2c2;
}

div.errors span.errorTitle {
	font-size: 1.1em;
	font-weight: bold;
}

div.errors ul.errors {
	padding: 0 0 0 20px;
	margin: 2px 0;
}

table.data {
	width: 100%;
	margin-top: 10px;
	border-left: 1px solid #efefef;
	border-collapse: separate;
}

table.data a {
	color: #FE4806;
}

table.data thead th,
table.data thead td,
table.data tbody td,
table.data tfoot td {
	border: 1px solid #efefef;
	vertical-align: top;
	border-left: 1px solid #ffffff;
	padding: 5px 10px;
}

table.data tbody tr.even,
table.data thead tr.even,
table.data tfoot tr.even {
	background-color: #ffffff;
}

table.data tbody tr.odd,
table.data thead tr.odd,
table.data tfoot tr.odd {
	background-color: #faf9f9;
}

table.data tfoot tr.totalRow {
	font-size: 1.2em;
}

table.data thead th {
	height: 30px;
	font-weight: bold;
	font-size: 1.166em;
	background: #f7f7f7 url('../images/framework/table_header.png') repeat-x 0 0
}
table.data thead th.domainHeader {
	color: #045dc0;
	text-transform: capitalize;
}
table.data thead th.availability {
	width: 200px;
}
table.data thead th.options {
	width: 280px;
}
table.data tbody td {
	border-top: none;
}

table.data tbody td.options span {
	padding-left: 27px;
	padding-right: 0;
	color: #3b3b3b;
	font-weight: bold;
}

table.data tbody td.options a {
	color: #3b3b3b;
}

table.data tfoot td,
table.data thead tr.buttons td {
	height: 37px;
	border-width: 0 1px 1px 1px;
	font-weight: bold;
	vertical-align: middle;
}

table thead tr.buttons td {
	border-top: 1px solid #EFEFEF !important;
	border-bottom: none !important;
}

table.data tfoot td.buttons,
table.data thead tr.buttons td.buttons {
	border-width: 0 0 1px 0;
}

table.data tfoot td.buttons,
table.data thead td.buttons {
	padding-left: 132px;
}

/* Shopping cart */

table.cart td.domain {
	font-weight: bold;
	background: #faf9f9;
	padding: 5px;
	font-size: 1.2em;
}

table.cart td.domain a.removeFromCart {
	cursor: pointer;
	padding: 0 5px 0 0;
}

table.cart {
	width: 100%;
}

table.cart td.key {
	color: #045dc0;
	width: 35%;
	vertical-align: top;
	padding-top: 3px;
}

table.cart tr td.amountSelected {
	font-weight: bold;
	font-size: 1.2em;
}

table.cart tr.totalAmount td {
	background: #faf9f9;
	font-size: 1.5em;
	font-weight: bold;
	padding: 5px 15px;
}

table.cart div.noTrusteeNotice {
	display: none;
	border: 1px solid #bbb;
	background-color: #fff;
	margin-right: 20px;
	padding: 5px;
}

table.cart td.domainOptions {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}
table.cart td.domainOptions input {
	float: left;
	display: inline;
}
table.cart td.domainOptions label {
	float: left;
	margin-top: 3px;
	font-weight: normal;
}

table.cart div.domainOption {
	float: left;
	clear: left;
	margin-bottom: 4px;
}
/* Generic form */

ol.form {
	border: 1px solid #efefef;
    border-top: 0px;
    margin: 0;
    padding: 0 0 4px 0;
	background-color: #f7f7f7;
    list-style-type: none;
}

ol.form li {
    padding: 3px 12px;
}

ol.form li.formRow {
    padding-left: 155px;
}

ol.form li.hidden {
	display: none;
}

ol.form li.formHeader {
	height: 22px;
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	background: transparent url('../images/framework/table_header.png') repeat-x;
	color: #045dc0;
	font-weight: bold;
	font-size: 1.166em;
	padding-top: 6px;
    padding-bottom: 0px;
	margin-bottom: 5px;
}

ol.form li {
	overflow: auto;
	height: 100%;
}

ol.form label {
	padding: 3px 0 0 12px;
	color: #045dc0;
	width: 155px;
	color: #3b3b3b;
}

ol.form label.description {
	float: left;
	display: inline;
	font-weight: bold;
	color: #045dc0;
	margin-left: -155px;
}

ol.form label span.required {
    color: #f00;
}

ol.form input.text {
    width: 176px;
}

ol.form input.checkbox {
	margin-top: 3px;
    margin-left: 12px;
	border: 1px solid #efefef;
    width: auto;
}

ol.form label.checkbox {
	padding-left: 0;
}

ol.form select {
    width: 189px;
}

ol.form li.formButtons {
    padding-left: 152px;
}

ol.form button {
	display: inline;
	margin-top: 6px;
	margin-right: 9px;
	cursor: pointer;
	outline: 0;
}

ol.form button.disabled {
	background: url(../images/framework/portal/button_inactive_left_bg.png) no-repeat;
	cursor: default;
	padding-left: 4px;
}

ol.form button.disabled div {
	background: url(../images/framework/portal/button_inactive_right_bg.png) no-repeat right top;
	padding-left: 10px;
}

div#nsResults ul#nsErrors {
	background: #FFDCCF;
	border: 1px solid #FE4806;
	color: #FE4806;
	font-weight: bold;
	list-style-position: inside;
	margin-left: 0;
	padding: 10px 20px;
}

ol.form ul.errors,
form#paymentMethodForm ul.errors {
    list-style-type: none;
    margin-left: 0;
    padding-left: 12px;
    color: #f00;
}

ol.form ul.errors li,
form#paymentMethodForm ul.errors li {
    padding: 3px 0;
}

/* Generic column */
.pageColumn {
    float: left;
    width: 400px;
    display: inline;
    margin-right: 53px;
}

/* Order steps */
div.orderSteps {
	background: transparent url('../images/framework/steps_bg.png') repeat-x 0 24px;
	overflow: auto;
	margin-top: 10px;
}

ul#orderSteps {
	display: block;
	height: 40px;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: transparent url('../images/framework/paymentMethodsSteps.png') no-repeat right top;
}

ul#orderSteps li {
	display: inline;
	float: left;
	width: 125px;
	height: 32px;
	overflow: hidden;
	background: transparent url('../images/framework/step_button_sprite.png') no-repeat 0 0;
}
ul#orderSteps li.firstStep {
	background-position: 0 -64px;
}
ul#orderSteps li.stepActive {
	background-position: -125px -64px;
}
ul#orderSteps li.stepInactive {
	background-position: -125px -32px;
}
ul#orderSteps li.lastStepActive {
	background-position: -250px -64px;
}
ul#orderSteps li.lastStepInactive {
	background-position: -250px -32px;
}

ul#orderSteps li a,
ul#orderSteps li div {
	display: block;
	width: 125px;
	height: 32px;
	text-decoration: none;
	font-weight: bold;
	line-height: 0.9em;
	color: #3b3b3b;
}

ul#orderSteps li.stepInactive div,
ul#orderSteps li.lastStepInactive div {
	color: #d9d9d9;
}

ul#orderSteps li a span,
ul#orderSteps li div span {
	float: left;
	width: 33px;
	height: 21px;
	margin-right: 3px;
	padding-top: 11px;
	text-align: center;
	color: #ffffff;
	font-size: 1.33em;
}

/* Step 1 Select domains */
form#domainForm a {
	outline: 0;
}

div#domainEntryContainer {
	position: relative;
	margin-top: 10px;
	padding-top: 1px;
	background: transparent url('../images/framework/domain_entry_border_gray.png') no-repeat 0 0;
	float: left;
	width: 100%;
}
div#domainEntry {
	margin: 1px 0 0 0;
	padding: 15px 19px 31px 19px;
	background: #e4e4e4 url('../images/framework/domain_entry_bg.png') no-repeat 0 0;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

div#domainEntryBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 10px;
	width: 100%;
	background: transparent url('../images/framework/domain_entry_border.png') no-repeat 0 bottom;
}

div#domainEntry h2 {
	margin-top: 10px;
	margin-bottom: 7px;
	margin-left: 49px;
	font-size: 1.333em;
	color: #49aa05;
}

ul.errorMessages {
	color: #FE4806;
	background: #ffdccf;
	font-weight: bold;
	border: 1px solid #FE4806;
	padding: 10px 20px;
	list-style-position: inside;
	margin-left: 0;
}

div#domainEntry textarea {
	width: 323px;
	height: 243px;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Arial, 'sans-serif';
	font-size: 0.917em;
	color: #3b3b3b;
	line-height: 1.45em;
}

button::-moz-focus-inner /* fixing evil default firefox padding */ {
	padding:0;
	border:none;
}

button.nextButton {
	margin: 0;
	padding: 0 29px 0 0;
	border: none;
	height: 25px;
	background: url('../images/framework/form_elements_sprite.png') no-repeat right -50px;
	color: #ffffff;
	cursor: pointer;
	width: auto;
   	overflow: visible;
}

button.nextButton div,
button.nextButton span {
/*	float: left;*/
	height: 20px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-left: 14px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat 0 0;
	cursor: pointer;
	white-space: nowrap;
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, 'sans-serif';
	text-transform: lowercase;
	border: none;
	display: block;
	position: relative;
}

button.nextButton div.big,
button.nextButton span.big {
	height: 32px;
	background: transparent url('../images/framework/form_elements_sprite_big.png') no-repeat 0 0;
	text-transform: uppercase;
	font-size: 1.2em;
	padding-top: 17px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.nextButton div,
	button.nextButton span {
		margin-top: -1px;
	}
}

button.nextButtonGreen {
	background: url('../images/framework/form_elements_sprite.png') no-repeat right -375px;
}
button.nextButtonGreenBig {
	background: url('../images/framework/form_elements_sprite_big.png') no-repeat right -49px;
	height: 49px;
}

button.nextButtonGreen div,
button.nextButtonGreen span {
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat 0 -350px;
	text-transform: uppercase;
}

button.prevButton {
	margin: 0 5px 0 0;
	padding: 0 0 0 29px;
	border: none;
	height: 25px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -500px;
	color: #686868;
	font-weight: bold;
	text-transform: lowercase;
	cursor: pointer;
	width: auto;
   	overflow: visible;
}

button.prevButton div,
button.prevButton span {
	float: left;
	height: 20px;
	padding-top: 5px;
	padding-right: 14px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat right -475px;
	cursor: pointer;
	white-space: nowrap;
}

button.button {
	margin: 0;
	padding: 0 0 0 14px;
	border: none;
	height: 25px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -125px;
	color: #ffffff;
	font-weight: bold;
	text-transform: lowercase;
	cursor: pointer;
	width: auto;
   	overflow: visible;
}

button.CTAButton {
	background: url('../images/framework/form_elements_sprite.png') no-repeat left -400px;
	padding: 0;
}

button.disableSubmit {
	background: url('../images/framework/form_elements_sprite.png') no-repeat right -800px;
}

button.disableSubmit div,
button.disableSubmit span {
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat 0 -775px;
}

button.button div,
button.button span {
	float: left;
	height: 20px;
	padding-top: 5px;
	padding-right: 14px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat right 0;
	cursor: pointer;
	white-space: nowrap;
	outline: 0;
}

button.CTAButton div,
button.CTAButton span {
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat right -350px;
	text-transform: uppercase;
	padding: 5px 15px 0 6px;
	margin-left: 9px;
}

button.anotherDomainButton {
	margin: 0 10px 0 0;
	background-position: 0 -525px;
	padding-left: 9px;
	color: #686868;
}

button.anotherDomainButton div,
button.anotherDomainButton span {
	background-position: right -475px;
	padding-left: 5px;
}

input.roundedInput,
input.roundedInputDummy {
	height: 19px;
	width: 389px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -449px;
	border: none;
	margin-right: 7px;
	font-weight: bold;
	padding: 4px 0 2px 6px;
}
input.roundedInputDummy {
	color: #757575;
}
input.roundedInputBig {
	height: 20px;
	width: 488px;
	background: transparent url('../images/framework/form_elements_sprite_big.png') no-repeat left -98px;
	border: none;
	margin-right: 7px;
	font-weight: bold;
	padding: 12px 0 17px 6px;
	font-size: 1.6em;
	font-weight: normal;
}

input.roundedInputSmall {
	height: 19px;
	width: 176px;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -100px;
	border: none;
	margin-right: 7px;
	font-weight: bold;
	padding: 4px 0 2px 12px;
}

span.domainPrefix {
	font-weight: bold;
	padding-right: 5px;
	font-size: 1.4em;
	color: #3b3b3b;
}
ol.form li.errors input.roundedInputSmall {
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -301px;
}

ol.form li.disabled input.roundedInputSmall {
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -225px;
}

#domainForm .domainContent {
	margin-bottom: -20px;
	margin-top: 20px;
	float: left;
	width: 100%;
}

.domainColumn {
	width: 300px;
	float: left;
	margin-right:5px;
	line-height: 130%;
}
.domainGroup {
	float: left;
	width: 100%;
	background: transparent url('../images/framework/domain_group_popular.png') no-repeat 0 41px;
	overflow: auto;
	line-height: 130%;
}
.domainGroup ul.domainColumnList {
	width: 300px;
	float: left;
	margin-right: 5px;
	background-color: transparent;
	background-image: none;
}
.domainGroup ul.domainColumnList li {
	background-color: transparent;
	background-image: none;
}
.domainGroup div.domainGroupEnd {
	float: left;
	clear: left;
	width: 100%;
	background: transparent url('../images/framework/domain_group_popular.png') no-repeat 0 bottom;
}

div.domainColumnHeader {
	float: left;
	width: 100%;
	margin-top: 15px;
}

.domainColumn h2,
.domainGroup h2 {
	font-size: 1.584em;
	margin: 0 0 3px 5px;
	float: left;
	display: inline;
}

.domainColumn h2 span,
.domainGroup h2 span {
	float: left;
}

.domainColumn h2.popular,
.domainGroup h2.popular {
	background: transparent url('../images/icons/star.png') no-repeat 0 3px;
	padding-left: 23px;
/*	color: #fe4806;*/
}
.domainColumn a.selectAll,
.domainColumn a.deselectAll,
.domainGroup a.selectAll,
.domainGroup a.deselectAll {
	float: right;
	margin: 9px 10px 0 0;
	padding-right: 16px;
	font-size: 0.954em;
	color: #045dc0;
}

.domainColumn a.selectAll {
	background: transparent url('../images/icons/plus.png') no-repeat right 1px;
}
.domainColumn a.deselectAll{
	display: none;
	background: transparent url('../images/icons/minus.png') no-repeat right 1px;
}

.domainGroup a.selectAll {
	background: transparent url('../images/icons/plus.png') no-repeat right 1px;
}

.domainGroup a.deselectAll {
	background: transparent url('../images/icons/minus.png') no-repeat right 1px;
}

ul.domainColumnList {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	padding-top: 8px;
	padding-bottom: 6px;
	list-style-type: none;
	background: #f7f7f7 url('../images/framework/domain_group_top.png') no-repeat 0 0;
}

ul.domainColumnList li {
	float: left;
	display: inline;
	margin: 0;
	padding: 2px 0 4px 3%;
	background: transparent url('../images/framework/domain_group_body.png') repeat-y 0 0;
	width: 97%;
}

ul.domainColumnList li input {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	width: 10%;
}

ul.domainColumnList li label {
	float: left;
	width: 90%;
}

ul.domainColumnList li span {
	float: left;
}
ul.domainColumnList li span.domainInfo {
	width: 156px;
	display: block;
	float: left;
}
ul.domainColumnList li span.domainExtention {
	color: #045dc0;
	font-weight: bold;
	float: left;
}
ul.domainColumnList li span.domainOrigin {
	width: 99px;
	font-size: 0.9em;
	float: right;
}
ul.domainColumnList li span.domainPrice {
	width: 100px;
	text-align: right;
	float: right;
	padding-right: 5px;
}
div.domainGroupEnd {
	float: left;
	width: 100%;
	height: 19px;
	font-size: 0.917em;
	font-weight: bold;
	background: transparent url('../images/framework/domain_group_bottom.png') repeat-y 0 bottom;
}
div.domainGroupEnd a {
	color: #3b3b3b;
	height: 17px;
	margin-top: 2px;
}
div.domainGroupEnd a.linkToTop {
	float: left;
	margin-left: 10px;
	padding-right: 22px;
	background: transparent url('../images/icons/arrow_up.png') no-repeat right 0;
}

div.domainGroupEnd a.linkDirectCheck {
	display: none;
	float: right;
	margin-right: 6px;
	padding-right: 23px;
	background: transparent url('../images/icons/arrow_right.png') no-repeat right 0;
}

div.domainGroupEnd a img {
	vertical-align: middle;
}

div#domainEntry span.toggleMultipleDomains {
	display: inline-block;
	vertical-align: top;
	padding: 4px 0 0 0;
}

div#domainEntry a.toggleMultipleDomains {
	margin: 3px 0 0 15px;
	text-decoration: underline;
	color: #045DC0;
    font-weight: bold;
    cursor: pointer;
    padding: 0 0 0 18px;
}

div#domainEntry a.single {
	background: url('../images/framework/plus.png') no-repeat left center;
}

div#domainEntry a.multiple {
	background: url('../images/framework/minus.png') no-repeat left center;
}

div#domainEntry input.hidden,
div#domainEntry textarea.hidden {
	display: none;
}

div#domainEntry textarea.roundedInputMultiple {
	height: 248px;
	width: 217px;
	margin-right: 7px;
    padding: 4px 0 2px 12px;
    border: none;
    background: url('../images/framework/multiple_domains_field.png') no-repeat;
}

div#domainEntry button,
div#domainEntry a {
	vertical-align: top;
}

/* Step 2 Check domains */

table#checkTlds tbody tr.selected {
	background-color: #fafaa3;
}

table#checkTlds tbody tr.taken {
	color: #bfbfbf;
}
table#checkTlds tbody tr.taken td.tldStatus {
	color: #ff1a00;
}

table#checkTlds tbody tr.free td.tldStatus {
	color: #008c00;
}

table#checkTlds tbody td.options span.addDomain {
	background: transparent url('../images/icons/cart_add.png') no-repeat 0 0;
}
table#checkTlds tbody td.options span.checkOwner {
	background: transparent url('../images/icons/info.png') no-repeat 0 0;
}
table#checkTlds tbody td.options a.selected {
	color: #ff1a00;
}
table#checkTlds tbody td.options span.selected {
	background: transparent url('../images/icons/checkmark.png') no-repeat 0 0;
	padding-right: 0.4em;
}
table#checkTlds tbody td.options span.retry {
	background: transparent url('../images/icons/retry.png') no-repeat 0 0;
}
table#checkTlds tbody td.options a.removeDomain {
	color: #ff1a00;
}

table#checkTlds thead tr th.options a {
	float: right;
	color: #045DC0;
	font-size: 0.8em;
	padding-right: 16px;
	margin-right: 5px;
	text-decoration: underline;
	cursor: pointer;
	font-weight: normal;
}

table#checkTlds thead tr th.options span {
	float: left;
}

table#checkTlds thead tr th.options a.selectAll {
	background: url(../images/icons/plus.png) no-repeat 100% 70%;
}

table#checkTlds thead tr th.options a.deselectAll {
	background: url(../images/icons/minus.png) no-repeat 100% 70%;
}

table#checkTlds tfoot td.totalDomains,
table#checkTlds thead td.totalDomains {
	padding-right: 20px;
}

table#checkTlds tfoot td.totalDomains,
table#checkTlds thead td.totalDomains,
table#checkTlds tfoot td span.blue,
table#checkTlds thead td span.blue {
	color: #1568c4;
	white-space: nowrap;
}

/* Trustee table */

table#trusteeTable tbody tr.trustee td {
    vertical-align: top;
    padding-top: 2px;
}

table#trusteeTable tbody tr.trustee td.tldStatus {
	color: #ff1a00;
}

table#trusteeTable tbody tr.trustee td.options div.tldGegevens textarea {
    width: 90%;
    height: 6em;
}
table#trusteeTable ul.nonTrusteeForm,
table#trusteeTable ul.nonTrusteeForm li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
table#trusteeTable ul.nonTrusteeForm {
	margin-bottom: 10px;
	overflow: auto;
}
table#trusteeTable ul.nonTrusteeForm label {
	float: left;
	clear: left;
	width: 110px;
	margin-bottom: 5px;
}
table#trusteeTable ul.nonTrusteeForm span.element {
	float: left;
	padding: 0px;
	margin-bottom: 5px;
}
table#trusteeTable ul.nonTrusteeForm span input {
	width: 142px;
}


table#trusteeTable tbody tr td.tldCosts span.noCost {
    display: none;
}

table#trusteeTable tbody tr td span.trusteeCosts {
	font-weight: normal;
	padding: 0;
	color: #606060;
}

table#trusteeTable span.required,
div.trustee span.required {
	font-weight: normal;
	padding: 0;
	color: red;
}

table#trusteeTable tbody tr.notrustee {

}

table#trusteeTable tbody tr.notrustee td.tldStatus {
	color: #008c00;
}

/* Step 3.1 Login or register */

div#loginForm {
	width: 620px;
	background: #f7f7f7 url('../images/framework/login_bg.png') no-repeat 0 30px;
	border: 1px solid #efefef;
    border-top: 0px;
    margin-right: 30px;
}

div#loginForm ol.form {
    border: 0px;
	background: transparent;
}

div#loginForm ol.form li.formRow {
	padding-left: 120px;
}

div#loginForm ol.form li.formRow input.loginInput {
	float: left;
	margin-right: 10px;
}

div#loginForm ol.form li.rememberLogin {
	padding-left: 0px;
}

div#loginForm label.description {
	width: 101px;
	margin-left: -120px;
}

div#loginForm button {
    clear: none;
    float: right;
    cursor: pointer;
}

div#loginForm a.lostPassword {
	clear: both;
	float: right;
	margin: 7px 9px 6px 0;
	padding-left: 21px;
	background: transparent url('../images/icons/info.png') no-repeat 0 50%;
	color: #045dc0;
}

div#loginForm ol.form input.checkbox.onthouden {
    margin-left: 0;
}

div#loginForm ol.form label.checkbox.onthouden {
    font-weight: bold;
}

div#domainDetails ol.form li.formHeader {
	padding-top: 4px;
	margin-bottom: 0px;
}

div#domainDetails ol.form li.formRow label {
	padding-top: 0;
	margin-left: -135px;
	margin-right: 15px;
	width: 120px;
}

div#domainDetails ol.form li.formRow {
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid #EFEFEF;
	padding-left: 135px;
}

ol.form li.formRow span.hint {
	display: block;
	padding-top: 2px;
	padding-left: 12px;
}

div#domainDetails ol.form li.even {
	background: #FFFFFF;
}

div.userOptions {
	margin-right: 0px;
}

div.userOptions h2 {
	margin-top: 0;
	margin-bottom: 6px;
	font-size: 1.166em;
}

div.userOptions a {
	color: #045dc0;
	padding-right: 13px;
	font-weight: bold;
	background: transparent url('../images/icons/arrow_right_blue.png') no-repeat right 5px;
	text-decoration: underline;
	cursor: pointer;
}

div.narrowColumn {
	width: 250px;
}

#footer {
	background: url('../images/framework/footer_bg.png') no-repeat;
	padding: 9px 0 0 23px;
	overflow: auto;
	clear: both;
}

div#footer div#extraMenu {
	float: left;
}

div#footer div#extraMenu span.footerText {
	float: left;
	padding-right: 5px;
}

div#footer div#extraMenu ul a {
	color: #3b3b3b;
}

div#footer div#footerText {
	float: right;
	font-size: 1.7em;
}

div#footer div#extraMenu ul {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	list-style-type: none;
}

div#footer div#extraMenu ul li {
	float: left;
}

div#passwordForm {
	width: 650px;
}

div#passwordForm label.description {
	width: 60px;
}

div.lostPassword label.description {
	width: 160px !important;
}

/* Step 3.1 Registreren */

/* Step 3.1 Gegevens Aanvrager */

div#domainDetails table.data td.buttons {
    text-align: right;
    padding: 0 4px;
}

div#domainDetails label.description {
	float: left;
	display: inline;
	clear: left;
	color: #045dc0;
	width: 100px;
	font-weight: bold;
    text-align: right;
    margin-right: 1em;
}

/* Step 3.1.x Nameservers */
div#nameservers {
	width: 500px;
}
div#nameservers ol.form label.description {
    width: 180px;
}
div#nameservers ol.form li.formButtons {
    text-align: right;
    padding-left: 0;
}

div#nsResults, h3#nsValid, h3#nsInvalid { display: none; }

/* Stap 3.5 Verificatie */

div#verifyOrder td.domainName {
	color: #045dc0;
}

div#verifyOrder td.totalDomains {
	font-size: 1.3em;
}

div#ownerDetails {
	float: left;
	display: inline;
	width: 49%;
    margin-right: 0;
}

div#ownerDetails label.description {
	float: left;
	display: inline;
	clear: left;
	color: #045dc0;
	width: 120px;
	font-weight: bold;
    text-align: right;
    margin-right: 1em;
}

div#billingDetails {
	float: right;
	display: inline;
	width: 49%;
    margin-right: 0;
}

div#billingDetails label.description {
	float: left;
	display: inline;
	clear: left;
	color: #045dc0;
	width: 120px;
	font-weight: bold;
    text-align: right;
    margin-right: 1em;
}

#agreeTOS {
	clear: both;
}

#agreeTOS label a {
	color: #d75216;
	cursor: pointer;
}

#agreeTOS iframe {
	border: 1px solid #EFEFEF;
	width: 100%;
	height: 200px;
}

div#verifyOrderTrustee {
    clear: both;
}

/* Step 4 Select payment method */

div#selectPayment label {
	font-weight: bold;
	color: #045dc0;
}

div#selectPayment label span.paymentDescription {
	font-weight: normal;
	color: #000000;
}

div#selectPayment table td {
	padding-top: 10px;
	padding-bottom: 10px;
}

div#selectPayment table td.input {
	vertical-align: top;
	width: 21px;
	border-right: none;
}

div#selectPayment table td.label {
	padding-left: 10px;
	border-right: none;
}

p.invoiceSent {
	font-weight: bold;
}

p.buttons {
	float: left;
	width: 100%;
}

div.orderCompleted {
	overflow: auto;
	margin-bottom: 15px;
}

div.orderCompleted a.button {
	float: left;
	cursor: pointer;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat left -125px;
	height: 25px;
	padding-left: 14px;
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
	font-weight: bold;
	text-transform: lowercase;
}
div.orderCompleted a.buttonCTA {
	background-position: left -400px;
	text-transform: uppercase;
}

div.orderCompleted a.button span {
	float: left;
	background: transparent url('../images/framework/form_elements_sprite.png') no-repeat right 0;
	padding: 4px 14px 0 0;
	height: 21px;
}
div.orderCompleted a.buttonCTA span {
	background-position: right -350px;
}

div.personalData {
	background: #FFFFFF;
	color: #3B3B3B;
	margin-bottom: 10px;
}

table.myAccount {
	border-collapse: collapse;
	border-left: 1px solid #EFEFEF;
	margin-top: 10px;
	width: 100%;
}

table.myAccount thead th {
	color: #035ec0;
	background: url("/images/framework/table_header.png") repeat-x scroll 0 0 #F7F7F7;
	font-size: 1.166em;
	font-weight: bold;
	height: 30px;
	vertical-align: middle;
}

table.myAccount td, table.myAccount th {
	background-color: #FAF9F9;
	border-top: none;
	height: 23px;
	border-color: #EFEFEF;
	border-style: solid;
	border-width: 1px;
	padding-left: 20px;
	vertical-align:middle;
}

table.myAccount td.key {
	color: #045DC0;
	text-align: right;
	width: 100px;
	font-weight: bold;
	border-right: none;
}

table.myAccount td.value {
	color: #3B3B3B;
}

table.myAccount tr.odd td {
	background: #FFFFFF;
}

table.myAccount tr.total td {
	font-size: 1.2em;
	font-weight: bold;
}

div.provisionOrders {
	margin-bottom: 10px;
}

div.provisionOrders form {
	margin: 5px 0 0 0;
}

div.provisionOrders p.noProvisionOrdersMsg {
	padding: 10px 5px;
	margin: 5px 0 !important;
	border: 1px solid #EFEFEF;
	background: #F7F7F7;
}

/* Begin Domain details */

div.orderSection {
	margin-top: 20px;
	background-color: #fff;
}

div.orderSection div.sectionHeader {
	background-color: #4A4A4A;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 0;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
}

div.orderSection div.sectionHeader h3 {
	margin-bottom: 0;
	padding: 5px 8px 5px 35px;
	font-size: 1.2em;
	color: #fff;
}
div.sectionStateCollapsed div.sectionHeader h3 {
	background: transparent url('/images/icons/fam/add.png') no-repeat 8px 5px;
}
div.sectionStateExpanded div.sectionHeader h3 {
	background: transparent url('/images/icons/fam/subtract.png') no-repeat 8px 5px;
}
div.orderSection div.sectionHeader h3 span.sectionStatus {
	float: right;
	width: 16px;
	height: 16px;
}
div.sectionValid div.sectionHeader h3 span.sectionStatus {
	background: #4A4A4A url('/images/icons/fam/tick.png') no-repeat top left;
}
div.sectionInvalid div.sectionHeader h3 span.sectionStatus {
	background: #4A4A4A url('/images/icons/fam/error.png') no-repeat top left;
}


div.orderSection div.sectionBody {
	display: block;
	border: 1px solid #4A4A4A;
	border-width: 0 1px 1px 1px;
	border-radius: 0 0 8px 8px;
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	padding: 3px;
	margin-top: 0;
}
div.sectionStateCollapsed div.sectionBody {
	display: none;
}


div.adminFormWrapper {
	float: left;
	width: 446px;
}
.sectionBody div.onlyAdminInfo {
	float: none;
	width: auto;
}

div.orderSection form#loginForm {
	margin-left: 15px;
}
form.adminSection div.formHeader,
div.adminFormWrapper div.formHeader {
	min-height: 85px;
}

button.submitOrderDetails {
	float: right;
	margin: 15px 0 15px 0;
}

#validatingOrder {
	display: none;
	float: right;
	margin-top: 15px;
	margin-right: 5px;
	padding-right: 30px;
	text-align: right;
	background: transparent url('/images/load.gif') no-repeat right center;
}

button.backToCart {
	float: left;
	margin: 15px 0 15px 0;
}

/* End Domain details */

.hidden {
	display: none;
}

.clearBoth {
	clear: both;
}

/* Warning messages */
.warningMessage {
	margin: 5px 0;
	padding: 5px 10px;
	line-height: 150%;
	border: 1px solid #f5d850;
	background-color: #fefbee;
	clear: both;
}
