/* Reset button tag and input[type=button] cross browser */
input[type="button"],
button {border: 0;padding: 0;overflow: visible; }
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {border: none;padding: 0; }

/* Loading indicator */
.ajax-modal {display:none;position:absolute;z-index:1000;top:40%;left:40%;height:40px;width:40px;background:rgba( 255, 255, 255, .9 ) url('images/ajax-loader.gif') 50% 50% no-repeat;
	border-radius:40px;border:2px solid rgba(2, 62, 115, 0.75);}
body.ajax-loading .ajax-modal {display: block;}

/* JQuery dialog adjustment */
.ui-dialog-titlebar,
.no-close .ui-dialog-titlebar-close {display: none;}
.ui-dialog-buttonpane {background:none;}
.ui-dialog-buttonpane .ui-button {}
.ui-dialog-buttonpane .ui-state-default span,
.ui-dialog-buttonpane .ui-button span {font-size:13px;padding:5px; color:#fff; background-color:#2076CF; }
.ui-dialog-buttonpane .ui-state-hover span {background-color:#4E8ECE;}
#wizard_dialog [class^=icon-] {font-size:25px;margin-left:-15px;}
#wizard_dialog p {font-size:13px;margin-left:30px;}
#wizard_dialog form {font-size:13px; margin:10px auto 10px 30px;}
#wizard_dialog form select {width:400px;margin-bottom:2px;}
/* Disable scroll without hiding the bar (thus preventing page to shift) */
html.noscroll {position: fixed;overflow-y: scroll;width: 100%;}

/* jQuery tooltip adjustment */
.ui-tooltip {
	padding: 5px;
	border-radius: 5px;
	font-size: 12px;
	background:rgba(245, 245, 245, 0.65);
	border:1px solid rgba(184, 184, 184, 0.83);
	-webkit-box-shadow:  0px 0px 2px 0px #F0F0F0;
	box-shadow:  0px 0px 2px 0px #F0F0F0;
}
.ui-dialog {
	z-index:999;
}
.table > tbody > tr > th {
	border-top:none;
}

/* Hide selects where we have jQuery sliders for */
select.hiddenSelect {
	display:none;
}
#tblVpsOptions td.slider {
	width:200px;
}
#tblVpsOptions .ui-slider-horizontal {
	height:10px;
}
#tblVpsOptions .ui-slider-horizontal .ui-slider-handle {
	margin-left:-0.4em;
	top:-0.2em;
	height:0.8em;
	width:0.8em;
}

/* help icons */
.help { font-size:15px; }
/* debug button */
#sendDebug { margin:5px auto; }
/* Error message */
.error{display:none; position:fixed; z-index:99; top:180px; background:#FFCCCC; color:#ff3838; width:648px; height:35px; margin:0 0 10px 45px; line-height:35px; border:1px solid #ffaaaa; text-align:center; border-radius:5px;}


.main_choice .main_choice_left.domein {background: url("images/domeinnaam.png") no-repeat scroll center center transparent;}
.main_choice .main_choice_left.hosting {background: url("images/hosting.png") no-repeat scroll center center transparent;}
.main_choice .main_choice_left.vps {background: url("images/vps.png") no-repeat scroll center center transparent;}
.main_choice .main_choice_left.spamcontrol {background: url("images/spamcontrol.png") no-repeat scroll center center transparent;}

.main_choice .bestellen_btn a {display:block;}
.main_choice .bestellen_btn a:hover {text-decoration:none;}
.main_choice .bestellen_btn:hover,
.main_choice .bestellen_btn.hovered {
	background:url("images/main_choice_btn-hover.png") no-repeat scroll 0 0 transparent;
}

#wizard_header #wizard_header_left.domein {background: url("images/domeinnaam.png") no-repeat scroll center center transparent;}
#wizard_header #wizard_header_left.hosting {background: url("images/hosting.png") no-repeat scroll center center transparent;}
#wizard_header #wizard_header_left.vps {background: url("images/vps.png") no-repeat scroll center center transparent;}
#wizard_header #wizard_header_left.dedicated {background: url("images/vps.png") no-repeat scroll center center transparent;}
#wizard_header #wizard_header_left.wizError {background: url("images/error.png") no-repeat scroll center center transparent;}
#wizard_header #wizard_header_left.wizSuccess {background: url("images/success.png") no-repeat scroll center center transparent;}

#content {margin-top:-7px;}
#content h1 {margin:0 0 20px 8px;}
#wizard_header {width:100%; margin:10px 5px 0 6px; border-top-left-radius:10px; border-top-right-radius:50px; background:none; background-color:#DBEFFC;}
#wizard_header h1 {margin:0;}
/*#wizard {width:100%; margin:0 5px 0 6px; padding-top:10px; background:none; background-color:#FFFFFF; -webkit-box-shadow:  0px 0px 4px 1px rgba(85, 85, 85, 0.3);box-shadow:  0px 0px 4px 1px rgba(85, 85, 85, 0.3);}*/
#wizard p.hint {margin:0 0 5px 0;padding:0;font-size:10px;line-height:15px; letter-spacing:1px;}
#wizard p.info {margin:5px 20px 0 20px;}

#vpsHosting .btnChoiceHostingContainer {height:270px; background-size:100% 100%;}
#spamHosting .btnChoiceHostingContainer,
#spamReseller .btnChoiceHostingContainer {height:240px; background-size:100% 100%;}

#wizard #tblDomains,
#wizard #tblDomainsExist,
#wizard #tblDomainsOptions,
#wizard #tblVpsOptions,
#wizard #tblHosting {border-bottom:1px solid #4E8ECE;}
#wizard #tblDomains,
#wizard #tblDomainsExist,
#wizard #tblDomainsOptions {table-layout: fixed;}
#wizard #tblDomains th,
#wizard #tblDomainsExist th,
#wizard #tblDomainsOptions th,
#wizard #tblVpsOptions th,
#wizard #tblHosting th {background:none; border-bottom:1px solid #4E8ECE; text-align:center;}
#wizard #tblHosting th {text-align:left;}
#wizard #tblDomains th:first-child,
#wizard #tblDomainsExist th:first-child,
#wizard #tblVpsOptions th:first-child,
#wizard #tblDomainsOptions th:first-child {width:270px; text-align:left;}
#wizard #tblDomains td:first-child,
#wizard #tblDomainsExist td:first-child,
#wizard #tblVpsOptions td:first-child,
#wizard #tblDomainsOptions td:first-child {width:270px; word-wrap:break-word; text-align:left;}
#wizard #tblDomains td,
#wizard #tblDomainsExist td,
#wizard #tblDomainsOptions td,
#wizard #tblVpsOptions td,
#wizard #tblHosting td {background:none; text-align:center;}
#wizard #tblHosting td {text-align:left;}
#wizard #tblDomains td.false {color:#FF0000;}
#wizard #tblDomains td.true {color:#006633;}
#wizard #tblDomains tr.even td,
#wizard #tblDomainsExist tr.even td,
#wizard #tblDomainsOptions tr.even td,
#wizard #tblVpsOptions tr.even td,
#wizard #tblHosting tr.even td {background-color:#F2F7F9;}
#wizard #tblDomains tr.odd td,
#wizard #tblDomainsExist tr.odd td,
#wizard #tblDomainsOptions tr.odd td,
#wizard #tblVpsOptions tr.odd td,
#wizard #tblHosting tr.odd td {background-color:#E6F1F7;}
#wizard #tblDomainsExist tr td select,
#wizard #tblVpsOptions tr td select,
#wizard #tblDomainsOptions tr td select {width:115px;}
#ifExists {padding:7px; font-size:9px; letter-spacing:1px; background-color:#DEE5E8; border:1px solid #D5DDE0; border-radius:7px;}
#ifTrustee {padding:7px; font-size:9px; letter-spacing:1px; background-color:#DEE5E8; border:1px solid #D5DDE0; border-radius:7px;}
.deleteRowDomain,
.deleteRow,
.btnChoiceHostingContainer,
.btnChoiceHostingContainer input[type="radio"],
.btnChoiceContainer,
.btnChoiceContainer input[type="radio"],
#wizard button,
#wizard input[type="button"] {cursor:pointer;}
.deleteRowDomain,
.deleteRow {background-color:rgba(255,255,255,0.1);}

.step {font-weight:bold;letter-spacing:1px;}

#firstButton,
#secondButton,
#selection,
#selectionDomains,
#existingDomains,
#multipleDomains,
#frWhois,
#iCompany,
#iAssociation,
#iNatural,
.ifBornInFrance,
#waldec,
#announce,
#compName,
#compNumb,
#compVAT,
#knowusother,
.whoisData,
#vpsOs,
#vpsOptions,
#delMoveSelect {display:none;}

textarea#txtBillingComment {
    resize: none;
    height:80px;
}
label[for="txtBillingComment"] {
	height:80px;
	vertical-align: top;
}

.step.one {background: url('images/wizard_step1.png') no-repeat 10px 3px;}
.step.two {background: url('images/wizard_step2.png') no-repeat 10px 3px;}
.step.three {background: url('images/wizard_step3.png') no-repeat 10px 3px;}
.step.four {background: url('images/wizard_step4.png') no-repeat 10px 3px;}
.step.five {background: url('images/wizard_step5.png') no-repeat 10px 3px;}

/*
#wizard #step_five form select.countries,
#wizard #step_five form select.knowus,
#wizard #step_five form select.vatreq,
#wizard #step_five form select.title {width: 161px;}
#wizard #step_five form select.ihave {width: 485px;}
#wizard #step_five form input,
#wizard #step_five form textarea {border: 1px solid #cecece;}
#wizard #step_five form input[type=text].number{width: 70px;}
#wizard #step_five form .slash{display: inline-block; width: 17px; text-align: center;}
#wizard #step_five form select {margin:0;}
*/
#wizard input#domeinnaam {
	max-width:300px;
    width: 80%;
    margin-bottom: 10px;
}
#wizard #extentie, #wizard extentie {
    margin-bottom: 10px;
}

/*#wizard form input[type=button] {width:163px; height:29px; margin:0; padding:0 0 4px 0;  text-align:center; color:#fff; border:none; background: transparent url('images/bg_knop.png') no-repeat;}
#wizard form input[type=button]:hover,
#wizard form input[type=button]:focus {background: transparent url('images/bg_knop_hover.png') no-repeat;}*/

#wizard #frmDomainStepFour .alignleft li {height:20px; line-height: 20px;}

#step_five form {margin:0;}
#step_five {margin-left:45px;}
#step_five .error {margin:0 0 10px 0;}
#step_one h3,
#step_two h3,
#step_five h3 {width:100%; margin:0 0 10px 0; padding:0 0 2px 0; font-size:14px; border-bottom:1px dashed #fff;}
#step_five ul{list-style: none; list-style-position: inside; color: #023e73; margin: 0 0 10px 0;}
#step_five ul li{margin: 0 0 2px 0;}
#step_five form select.ihave {width: 474px;}
#lstOrder{width: 630px; margin-right: 40px;}
.wrap_one,
.wrap_two,
.wrap_five {position: relative;
    margin: 0 0 10px 0;
    padding: 20px;
    background-color: #EAF4F9;
    border-radius: 10px;}
.wrap_one h3 i.help.right-corner,
.wrap_two h3 i.help.right-corner,
.wrap_five h3 i.help.right-corner {position:absolute; right:10px;}
.wrap_five p.hint {margin:0;padding:0;font-size:10px;line-height:15px;}
.wrap_five .col-left {float:left;margin:0 2px 10px 5px !important;}
.wrap_five .col-right {float:left;margin:0 0 10px 2px !important;}
.wrap_five .col-left label,
.wrap_five .col-right label {width:140px !important;}

.wrap_five .actions {height:30px; padding-right:7px; text-align:right;}
.wrap_five .actions i {margin:4px 2px 4px 2px; padding:3px; background-color:#F8F8F8; border:1px solid #E8E8E8; border-radius:2px; cursor:pointer;}
.wrap_five .actions i:hover {background-color:#DBEFFC;}

#orderList h4 {letter-spacing:1px;}
/*
#orderList ul {padding-left:0px;}
#orderList li span {display:inline-block;}
*/
#orderList .label {width:80px; color:#888888; text-align:right;}
#orderList .value {display:inline-block; width:250px;}
#orderList .optionPrice {display:inline-block; width:70px; background-color:#E6F1F7; float:right; margin-right:20px;}
#orderList .segPrice {float:right; margin-right:50px;}
.order {position:relative; margin-bottom:10px; border-radius:2px;}
.order h4 {padding:5px;}
.order .label {display:inline-block;width:60px;}
.order .domainSpec {padding-left:10px !important;}
.order .whoisData {border-top:1px solid #E8E8E8;}

[id^="toggle_"],
[id*="toggle_"] {background-color:#F5F5F5; border-top:1px solid #E8E8E8; border-radius:2px; text-align:center; cursor:pointer; font-size:15px; line-height:20px;}
[id^="toggle_"]:hover,
[id*="toggle_"]:hover {background-color:#DBEFFC;}
[id^="toggle_"] div,
[id*="toggle_"] div {width:80px; margin:1px auto -5px auto; font-size:8px; letter-spacing: 1px;}
.order .wrap_price {position:absolute; top:10px; right:20px; width:70px; }
.order .wrap_price > div {margin-bottom:2px; padding:2px; border-radius:2px; }

.order .marked-out {text-decoration: line-through;}

#totaal {margin-top:15px; }
#totaal div { margin-right:15px; padding:2px;}
#totaal div:last-child { padding-bottom:10px; }
#totaal div span {display:inline-block;}
#totaal div span.totLabel {width:136px; color:#888;}


/*
 * .affix-bottom {
	margin-top:117px;
}
 *
.affix{
	top: 130px; /* Set the top position of pinned element *
}
 Icons from sprite 
[class^="icon-"],
[class*="icon-"] {width:15px; height:15px; background:url('images/sprite.png') 0 0; speak:none; display:inline-block; cursor:pointer;}
.icon-edit {background:url('images/sprite.png') 0 -66px;}
.icon-delete {background:url('images/sprite.png') 0 -260px;}
*/