/* Directives css créées pour le processus de commande ClicBoutic
 * @author Ludovic Meyer <ludovic.meyer@pixel-cookers.com>
 * */

.rounded_black{
	color: #dfdfdf;
	background-color: #2E2F34;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-radius-border-radius: 5px;
}
.rounded_grey{
	color: #333333;
	background-color: #DDD;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-radius-border-radius: 5px;
}
a img{ border: none; }

.button_wizard{
	background: #323232 url("../images/bg_button.png") left center repeat-x;
	border: 1px solid #323232;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	color: #f4f4f4;
	font-size: 14px;
	padding: 3px;

}
.button_wizard:hover{
	
cursor:pointer

}

.pc_title{
	color:#67B510;
	font-size:18px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	padding: 15px 0 0 0;
	margin-bottom:25px;
	margin-top:0;
	text-decoration:none;
	font-weight: normal;
	border-bottom: 1px solid #CCC;
}

/*Boutons de sélection pour les durées*/
#durations {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 5px 0 10px 0;
	overflow:hidden;
	padding:0;
	font-family:Lucida Sans,Arial,Helvetica,Sans-Serif;
	display: block;
}
#durations li{
	background: #323232 url("../images/bg_button.png") left top repeat-x;
	border: 1px solid #767676;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	color: #fff;
	font-size:22px;
	margin: 5px 20px;
	display: inline-block;
	width: 85px;
	padding: 5px 5px 5px 10px;
	cursor: pointer;
	text-shadow: 1px 1px 1px #000;
}
#durations li:hover{
	background-image: url("../images/bg_button_pressed.png");
}
#durations li.current{
	color: #67B510;
	border: 2px solid #67B510;
}
#durations li:first-child{ margin-left: 0; }
#durations li span {
	display:block;
	text-align: right;
	font-size:13px;
}

/*Choix du nom de domaine*/

.choose_ndd{
	width: 49%;
	margin: 10px 1% 10px 0;
	float: left;
	-moz-border-radius: 7px;
}

.choose_ndd input {
	
}

span.input {
display: inline;
}

.choose_ndd input textarea {
	display: inline;
	width: 170px;
}

.choose_ndd field {
	display: inline;
	width: 170px;
}



.choose_ndd.right{
	margin-left: 1%;
	margin-right: 0;
}
.choose_ndd .current{ background-color: #4E4F54 }
.choose_ndd .current input[type='text']{ border: 3px solid #67B510}
.choose_ndd input[type='text'].error{ border-color:#FF2F2F; background-color: #fff}
.choose_ndd input[type='text'].working { background: #fff url("../images/mini_ajax_loader.gif") center right no-repeat;}
.choose_ndd h4{ margin-top: 0; font-size: 14px; text-shadow: 1px 1px 1px #000 }
.choose_ndd .input{ 
	font-size: 18px;
}
.choose_ndd input[type='text']{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 220px;
}

.help{
	text-align: right;
	font-size: 11px;
}

/*Choix dans les options*/
.choose_ndd h3{ color: #67B510; margin-top: 0; font-size: 17px; }
#transfert_demo h3{ color: #67B510; margin-top: 0; font-size: 17px; }
.transfert_demo_input .current input[type="text"] {
    border: 3px solid #67B510;
}

.transfert_demo_input {
    border-radius: 3px 3px 3px 3px;
    }

/*Style pour le breadcrumb*/
#steps {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 15px auto 10px auto;
	width: 520px;
	overflow:hidden;
	padding:0;
	font-family:Lucida Sans,Arial,Helvetica,Sans-Serif;
	background: url("../images/img_divider-medium.gif") center bottom no-repeat;
	display: block;
}
#steps li.current {	color:#000000; }
#steps li {
	color:#B0B1B3;
	float:left;
	font-size:24px;
	padding: 10px 65px 10px 10px;
	background: url("../images/steps_arrow.png") right center no-repeat;
	list-style-image:none;
}
#steps li:last-child {
	background: none;
}
#steps li span {
	display:block;
	font-size:11px;
}

/*Style du tableau récapitulatif*/

.recapitulatif{
	color: #dfdfdf;
	border: none;
	border-collapse: collapse;
}
.recapitulatif th, .recapitulatif td {
	padding: 3px 3px 3px 15px;
}
.recapitulatif th {
	text-align: left;
		font-size:13px;
	padding-top:8px;
}
.recapitulatif td {
	border-right: 1px solid #555; 
	font-size:13px;
	padding-top:8px;
}
.recapitulatif td:last-child{
	border-right: none;
}

/*Page des addons*/

.addon{
	width: 180px;
	margin: 10px 5px;
	padding: 5px;
	text-align: center;
	float: left;
	font-size: 13px;
}
.tabs_shop{
	width:200px;
	padding-left: 0;
	margin-left: 0;
}
#tabs.shop{
	padding-top: 0;
}