body{
    font-family: Arial, Helvetica, Sans-serif;
    margin:0px;
    font-size:14px;    
    padding-bottom: 20px;
}

input[type="submit"]{
    -webkit-appearance: none;
    -moz-appearance: none;
}


.currentPlan{
    box-shadow: 0px 0px 5px rgba(50,50,50,0.7);
}


.clear:after{
    content:"";
    display:table;
    clear:both;
}

.planConfigWidget{
    width:70%;
    display:inline-block;    
}

select{
    width:100%;
}

#CGU_div{
    overflow:auto;
    height:100%;
    position:fixed;
    top:0px;
    text-align:left;
    
    
}

#CGU_div .blockBody{
    padding:10px;
}

.leftAnchor{
    
    text-align:left;
}
.centered{
    
    margin:0 auto;
}




.nbCreditsTextField{
    width:70px;
    margin-right:20px;
    font-size:12px;
    padding:5px;
}

.block{
	padding:0px;
	text-align:center;
    margin-top: 20px;
    border: 1px solid #969696;
    background-color: #ffffff;
    border-radius: 5px;
}

.blockHeader{
    font-size: 13px;
    padding:10px;
    font-weight: bold;
    border-bottom: #969696 solid 1px;
}

.blockBody{
    margin-top:10px;

}

.error{
    color:red;
    font-weight: bold;    
}

.creditsPricesTable{
    border-collapse : collapse;
}

.creditsPricesTable td{
    border: 1px solid #969696;
    padding:5px;
}

.inlineBlock {

    display:inline-block;
}



.blockRowLabel{
    width:20%;
    display:inline-block;
}

.blockRowValue{
    width:76%;
    padding-left:10px;
    display:inline-block;
}




.blockRow{
    text-align:left;
    padding-left:2%;
    padding-right:2%;
    padding-top:10px;
    padding-bottom:10px;
}

.blockRow:first-child{
    
    padding-top:0px;
}

.blockRow:last-child{
    border-radius: 0px 0px 5px 5px;
}


.includedText{
    margin-top:10px;
    display:block;
}

.checkboxInput{
    margin-top:20px;
    float:left;
}

.blockBody > div:nth-of-type(even){
    background-color: #f6f6f6;
}

.blockBody > div:nth-of-type(odd){
    background:white;
}


.blockFooter{
    padding:10px;
}

a{
    text-decoration : none;
    color: #f15a23;
}

a:hover {
	text-decoration:underline;
}

.planTitle
{
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.plan
{
    float:left;
    margin-left:2%;
    width: 31%;
    min-width: 200px;
}

.planBody{
    line-height:20px;
}


.bigOrangeText{
    margin-bottom:5px;
	font-size: 14px;
    color:#f15a23;
}


.content{
	max-width:775px;
	margin-left:auto;
	margin-right:auto;

}

.mainPanel{
    margin-top:100px;   
}

.marginToBorders{
    width:90%;
    padding-left:5%;
    padding-right:5%;
}




.planFooter{
	padding:10px;
}

.disabled{
    opacity:0.5;
}

.button{
    cursor:pointer;
    font-size: 12px;    
    margin-top:20px;
    border: 0px;
    border-radius: 5px;    
}

.button:disabled{
	cursor:default;
	opacity: 0.6;
}

.info{
    margin:5px;
    display:table;
}


.infoIconContainer{
    padding-right:5px;
    display:table-cell;
}


.infoIcon{
    width:12px;
}

.infoLabel{
    font-size: 11px;
    color:grey;
    display: table-cell;
    text-align: left;
}


.blockButton{
    border-radius: 5px;
    padding-left:10px;
    padding-right:10px;
    border: 0px;
    margin-top:0px;
    height:20px;
}

.orangeButton{
    color:white;
    background-color:#f15a23;
}

.orangeButton:enabled:hover{
    background-color:#db460f;
}

.greenButton:enabled:hover {
    background-color:#13998d;
}

.greenButton{
    color:white;
    background-color:#17c5b5;
}

.greyButton:enabled:hover {
    background-color:#7f868e;
}

.greyButton{
    color:white;
    background-color:#ADB6C4;
}

.priceFrom
{
    font-size: 10px;
    color:#ADB6C4;
}

.smallTopMargin{
    margin-top:10px;
}

.smallBottomMargin{
    margin-bottom:10px;
}

.mediumTopMargin{
    margin-top:20px;
}

.mediumBottomMargin{
    margin-bottom:20px;
}


.leftMargin{
    margin-left:2%;
}

.freePlanButton
{
    color:white;
    background-color:#ADB6C4;
    padding: 5px;
}

.freePlanDescription{
    text-align:left;
    margin-top:20px;
}

.largeButton{
    width:100%;
    padding:10px;    
}

.invisible{
    display:none;
}