/* 
    Document   : inspectionCertification
    Created on : Dec 2, 2011, 4:20:22 PM
    Author     : thamoui
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
#main .row.first{
    height:270px;
}
.row div:first-child{
    width:502px;
}
.row div.last{
    width:335px;
    margin-left:35px;
}
.row p{
    margin-bottom:20px;
    text-align:justify;
}
#requirements{
    width:335px;
    border-spacing:0px;
}
#requirements td{
    border: 1px solid #000;
    padding:5px 0px 5px 10px;
}
#requirements thead{
    background:#024271;
    text-align:center;
    color:#FFF;
    font-weight:bold;
}
#requirements tbody{
    background:#f1f1f1;
}
#requirements tbody td:first-child{
    text-align:center;
}
.save{
    background:url(../images/grey.jpg);
    margin:10px 0px 0px 100px;;
    color:#FFF;
    display:inline-block;
    padding:3px;
    font-size:15px;
    font-family:abbeyroad;
    border:0px;
    width:255px;
}
#companies{
    margin-left:53px;
}
#companies li{
    list-style-type:disc !important;
    color:#005da4;
    font-size:13px;
    font-weight:bold;
}
#sublist{
    margin-left:25px;
}
#sublist li{
    list-style-type:none !important;
}
.expand{
    padding-top:6px;
    padding-left:10px;
    background:#024170;
    height:24px;
    margin-bottom:5px;
}

.expand span{
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    padding-right:15px;
    cursor:pointer;
}
.greyBox{ 
    background:#eeeeee;
    margin-bottom:14px;
    position:relative;
}
.greyBox .content{
    padding:0px 10px 5px 10px;
}
.greyBox.large{
    width:873px; 
}
.greyBox.small{
    width:284px;
    float:left;
    margin-right:10px;

}
.greyBox.medium{
    width:578px;
    float:left;
    margin-right:10px;

}
.pressRelease input[type="text"]{
    width:300px;
}
.greyBox.medium table{

    border-spacing:5px;
    
}
.photo{
    display:block;
    height:5px;
}
.otherLinks, .micrositeText{
    padding-left:15px;
}
.otherLinks span{
    display:block;
}
.otherLinks input{
    margin:3px 0px;
}
.shopHours{
    border-spacing:5px;
}
.shopHours input[type="text"]{
    width:50px;
}
.textareas{
    border-spacing:10px;
}
.textareas textarea{
    width:360px;
    height:110px;
}
.hosts td{
    padding:3px 4px;
}
img.checkmark{
    position:absolute;
    bottom:1px;
    right:1px;
}
.carImages .add{
    position:relative;
    top:13px;
    left:5px; 
}
.arrowUp{
    background:url(../images/greyArrowUp.png) no-repeat right;
}
.arrowDown{
    background:url(../images/greyArrowDown.png) no-repeat right 4px;
}
.greyBox.small .content, .greyBox.medium .content{
    height:85px;
}

#photograph, #instruction {
	width:500px;
	overflow:hidden;
}

#instruction {
	width:280px;
}

#photograph li, #instruction li {
	list-style: disc inside;

}

#uploaded-cars {
	width:85%;
}
#uploaded-cars ul li, #carImages ul li {
	list-style: lower-alpha outside;
}

#micro img:hover {
	cursor:pointer;
}

li.error {
	margin-bottom:5px;
	padding:2px 0 2px 5px;
	background:lightpink;
	list-style-position: inside;
	list-style-type: disc;
	font-weight:bold;	
}
.smallerText {
	font-size:90%;
	color:#333;
	text-align:right;
}

.car-image,.pic-image,.logo-image {
	display:block;
}

.car-image img.car, .pic-image img.shop, .logo-image img.logo, .no-image {
	float:left;
	width:30px;
	height:30px;
	margin-left:3px;
}
/*#photograph 
font-weight: bold;font-size:14px;*/
.completeReq{
    background:url(../images/pg5_check.png);
    width:15px !important;
    height:16px !important;
    margin:0px auto;
}
.incompleteReq{
    background:url(../images/pg5_x.png);
    width:15px !important;
    height:16px !important;
    margin:0px auto;
} 

.input-row {
	overflow:hidden;
}

.input-row > p {
	font-weight: bold;margin-bottom: 5px;
}                                        
.input-row > div {
	overflow:hidden;
	width:33%;    
	float:left;
}