/* 
    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;
}

.row.last{
    height:115px !important;
}
.row > div {
    float:left;
    margin-right:10px;
}
.row > div .greybox{
    height:10px;
    margin:1px auto 0px auto;
/*    background:#f1f1f1;*/
    position:relative;
    padding:10px 0px;
}
.logoHolder .greybox{
    line-height:94px;
    text-align:center;
}
.row > div .greybox img{
    margin-top:6px;
    

}
.row.last > div .greybox img{
    margin:13px 0px 0px 7px;
    width:135px;
    height:27px;
}
.row > div .greybox span{
    margin-left:12px;
    display:inline-block;
    text-transform:capitalize;
}
.row .logoHolder{
    width:187px;
}
.row .program{
    width:717px;
}
.row .status{
    width:152px;
}
.row.last .logoHolder{
    width:162px;
}
.row.last .program{
    width:158px;
}
.row.last .preliminary{
    width:150px;
}
.row.last .inspectionScore{
    width:140px;
}
.row.last .issues{
    width:125px;
}
.row.last .logoHolder .greybox{
    width:150px;
}
.row.last .program .greybox{
    width:143px;
}
.row.last .preliminary .greybox{
    width:135px;
}
.row.last .inspectionScore .greybox{
    width:124px;
}
.row.last .issues .greybox{
    width:112px;
}
.row .status input[type="button"]{

    font-family:abbeyroad;
    font-size:16px;
    border:0px;
    background:transparent;
    color:#024170;
    margin-top:-5px;
}
.row .status input[type="button"].underline{
    text-decoration: underline;
}
.row .greybar{
/*     background:url(../images/greybg.jpg);*/
     height:34px;
}
.row .greybar span{
     color:#006699;
     font-family:abbeyroad;
     font-size:18px;
     margin:7px 0px 0px 2px;
     display:inline-block;
}
.row .logoHolder .greybox{
    width:170px;
}
.row .program .greybox{
    width:708px;
}
.row .status .greybox{
    width:140px;
    text-align:center;
}
.greybar .leftcorner {
    float:left;
    width:8px;
    height:34px;
/*    background:url(../images/greycornerL.jpg);*/
}
.greybar .rightcorner {
    float:right;
    width:8px;
    height:34px;
/*    background:url(../images/greycornerR.jpg);*/
}
/*.greybox.darker{
    background:#e5e5e5 !important;
}*/
#inspectionStatus{
    width:160px;
    height:160px;
    
    margin-left:-5px;
}
#inspect{
    background:url(../images/inspectionstatus.jpg) no-repeat 0px -30px;
    width:123px;
    height:99px;
    margin: 3px auto 10px;
}
.smallbluebutton{
    width:153px;
    height:28px;
    background:url(../images/smallbluebutton.jpg);
    margin:0px auto;
    font-family:abbeyroad;
    color:#FFF;
    border:0px;
    display:block;
    font-size:17px;
}
#inspectionStatus #inspect span{
    display:block;
    text-align:center;
}
#schedule{
    font-size:11px;
    position:relative;
    top:32px;
    left:2px;
    font-weight:bold;
}
.datetime{
    font-size:15px;
    font-weight:bold;
    position:relative;
    top:34px;
    left:2px;
}
.bigbluebutton{
    width:321px;
    height:39px;
    background:url(../images/bigbluebutton.jpg);
    margin:0px auto;
    font-family:abbeyroad;
    color:#FFF;
    border:0px;
    display:block;
    font-size:19px;
    margin:30px auto 15px auto;
}


.listQuestionTooltip {
    display:none;
    font-size:10px;
    min-height:135px;
    width:180px;
    padding:35px;
    margin:5px 0 0px 20px;
    color:#fff;	
    background: #000000;
    overflow:auto;
    border:1px solid whitesmoke;
}

.downloadTooltip {
    display:none;
    overflow:auto;
    min-width: 175px;
    margin-left:1px;
}

.buttonDownload {
    background:url(../images/downloadenroll.png) no-repeat scroll 0 0 transparent;
    height:53px;
    width:160px;
    border:0;
    float:right;
}
.buttonDownload:hover {
    background:url(../images/downloadenrollhover.png);
}

.schedule-flash-message {
	margin-bottom:2px;
	font-size:80%;
	padding:2px 0 2px 5px;
	background:lightpink;
	list-style-position: inside;
	list-style-type: disc;
	font-weight:bold;
}

#correctionFrm {
	width:800px;
}
#correctionFrm .tabs, #correctionFrm .panes {
	float:left;
	width:98%;
	border-bottom:1px solid black;
}
#correctionFrm .panes {
	border:1px solid black;
	border-top:0;
}

#correctionFrm .tabs > li {
	float:left;
	margin: 0px 3px -2px 3px;
	border:1px solid black;	
}

#correctionFrm .tabs > li a {
	display:block;
	text-decoration: none;
	padding:5px;
	width:135px;
	text-align:center;
}


#correctionFrm .tabs > li a.current {
	color:red;
}
#correctionFrm .tabs > li a.current[rel=tab1], #correctionFrm .panes div.tab1 {
	background: #e5e5e5;
}
#correctionFrm .tabs > li a.current[rel=tab2],#correctionFrm .panes div.tab2 {
	background: #fdf5ce;
}
#correctionFrm .tabs > li a.current[rel=tab3],#correctionFrm .panes div.tab3 {
	background: #e4f1fb;
}
#correctionFrm .tabs > li a.current[rel=tab4],#correctionFrm .panes div.tab4 {
	background: #dedede;
}


div.clutter {
	padding:10px !important;
}


.tblBorder,.hdrBorder {
	border:1px solid #CCC;
	vertical-align: middle;
	padding: 5px 0;	
}


#correctionFrm legend {
	width:100%;
	margin:8px 0;
}

#correctionFrm input[name=saveCorrection] {
	width:129px;
	background: #024170;
	color: #FFFFFF;
	font-family: abbeyroad;
	font-size: 16px;
	border:0;
}

#correctionFrm  .notice {
	color:red;
	float:right;
	margin-top:5px;
}