/* CSS Document */
/* List */

.codex_container {
    padding: 20px;
    border: solid 1px #EEE;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    margin-bottom: 20px;
    border-radius: 20px;
}
.codex_container H1 {
    margin: -20px -21px 30px -20px;
    padding:10px;
    background: rgba(0,0,0,0.3);
    color: white;
    border-radius: 20px 20px 0 0 ;
}
.codex_img {max-height:200px;}


.codex_image {
	margin: 0px 20px;
    text-align:center;
	height:200px;
}
.codex_image img {
    max-height:200px;
	
}
.codex_container h3 {
    margin: 20px 0px 0px;
    background: rgba(0,0,0,0.05);
    padding: 5px 20px;
}
.codex_additional_values {
    padding: 10px 20px;
	background: rgba(50,0,0,0.1);
	border-radius: 0px 0px 10px 10px;
}
.codex-spec-sheet {display:block;margin-bottom:20px;}
.codex-spec-sheet img {width:50px;}
.codex_container .btn {
    margin-top: 10px;
	color:white;
}

/* form */

#codex_form {max-width:600px;margin:auto;}
#codex_form .row {clear:both;}
#codex_form .question {width:50%;float:left;margin-bottom: 15px;}
#codex_form .question_location {width:100%;}
#codex_form .question label{position:relative;top:10px;left:10px;margin: 0;background:#FFF;}
#codex_form input, #codex_form select {width:99%;border: 1px solid #c0c0c0;padding: 15px 20px;}
#codex_form select {width:100%;}

#codex_form #equipment_list > div {border: solid 1px #DDD;padding: 10px 10px;margin: 5px 10px;}
#codex_form #equipment_list img {max-width: 200px; float: left;}
#codex_form #equipment_list input {width: 100px;}

#codex_form #ui-datepicker-div {display: none;}