/* 
    Document   : scoreEvaluation
    Created on : Dec 2, 2011, 11:29:36 AM
    Author     : nguyen.triq
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}
#inspectionScheduled{
    float:left;
    margin-left:25px;
}
#inspectionScheduled img{
    margin-bottom:5px;
}
#inspectionScheduled span{
    display:block;
    font-weight:bold;
    font-size:14px;
    text-align:center;
}
#viewCertification{
    background:url(../images/viewDeficiency.png) no-repeat 0px 17px;;
    width:214px;
    height:114px;
    float:left;
}
#savedReports{
    float:left;
    padding:15px 0px 15px 20px;
}
#continueInspection{
    float:left;
    background:url(../images/continueInspection.png) no-repeat;
    width:142px;
    height:124px;
}
#breakdownBorder{
    padding:20px;
    width:580px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow:    inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow:         inset 0 0 10px #000000;
    float:left;
    margin-right:30px;
}
#savedReports table{
    margin-top:10px;
}
#savedReports table, #savedReports tr, #savedReports td, #savedReports body{
    vertical-align:middle !important;
}
#savedReports table td{
    padding:1px 2px;
}
.dlReport{
    background:#043F6B url(../images/dlReport.png) no-repeat right !important;
}
.delReport{
    background:#043F6B url(../images/delReport.png) no-repeat right !important;
}
.reportName{
    padding:0px 8px;
    display:block;
    height:26px;
    color:#000;    
    font-family:abbeyroad;
    font-size:16px;    
}
.reportBtn{
/*    height:24px;
    width:4px;*/
    display:block;
    color:#FFF !important;
    text-decoration:none;
    background:#043F6B;
    border:1px solid #000;
/*    text-align:center;
    padding-top:5px;
    height:19px;
    padding-right:26px;*/
    width:24px;
    height:24px;
}
#inspectionReport{
    width:260px;
    float:left;
    margin-right:44px;
}

#inspectionReport a{

    width:214px;
    height:97px;
    display:block;
    margin-top:13px;
    margin-left:50px;
}

#inspectionReport a.inspectionReport{
    background:url(../images/inspectionReport.png) no-repeat;
}
#inspectionReport a.deficiencyReport{
    background:url(../images/deficiencyReport.png) no-repeat;
}

#breakdown{
    /*width:585px;*/
    border-spacing:0px;
}
#breakdown td{
    border: 1px solid #000;
    padding:5px 10px 5px 15px;
}
#breakdown thead{
    text-align:center;
    color:#FFF;
    font-weight:bold;
}
#breakdown thead td{
    background-image:none !important;
    background:#024271 !important;
}
#technical td{
    border-bottom:0px
}
#breakdown tr td:first-child{
    background:url(../images/tinyarrow.jpg) no-repeat 5px 10px;
}
#breakdown tbody tr:last-child td{
    border-top:4px #4f4f4f solid;
    background:none;
}
#breakdown tr:last-child td:last-child{
   border-right:0px;
   border-bottom:0px;
}
#inspectionStatus{
    width:160px;
    height:190px;
    position:relative;
    left:384px;
    top:-20px;
}
.smallbluebutton{
    width:153px;
    height:28px;
    background:url(../images/smallbluebutton.jpg);
    margin:0px auto 5px auto;
    font-family:abbeyroad;
    color:#FFF;
    border:0px;
    display:block;
    font-size:17px;
}
.smallbluebutton.grey{
    background:url(../images/smallbluebuttongrey.jpg);
}
.downArrow{
    background:url(../images/downarrow.jpg);
    width:123px;
    height:29px;
    margin:10px auto 5px auto;
}
#actionPlan{
    width:160px;
    height:200px;
    position:relative;
    left:210px;
    margin-bottom:-190px;
}
#inspectionStatus #inspect{
    width:123px;
    height:103px;
    background:url(../images/inspectionstatus.jpg) no-repeat 0px -30px;
    margin:3px auto 10px auto;
}
#actionPlan #action{
    width:82px;
    height:120px;
    background:url(../images/clipboard.jpg) no-repeat 0px -36px;
    margin:0px auto 15px au to;
}
#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;
}
.double{
    width:878px;
    border-bottom:4px double #000;
}
.bigbluebutton{
    width:321px;
    height:39px;
    background:url(../images/bigbluebutton.jpg);
    margin:0px auto;
    font-family: verdana;
    color:#FFF !important;
    border:0px;
    display:block;
    font-size:11px;
    margin:30px auto 15px auto;
}
.bigbluebutton.link{
    text-decoration:none;
    height:29px;
    padding-top:10px;
    text-align: center;
}

.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;
}

.imgCalendar {
	float:left;
	/*background: url('../images/calendarStatus.png') bottom right no-repeat;*/
	width:159px;
	min-height:250px;
}

.imgCalendar .sacsub {
	margin:10px 0;
}
.imgCalendar .grey {
    background: #566670;
    color: #fff;
    border-radius: 25px;
    margin: 0 auto;
}                                                            

.center {
	text-align:center !important;
}

.slideimages li {
	display:inline;
	margin-right:3px;
}                             

table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.table {
    margin-bottom: 18px;
    width: 100%;
}
.table th, .table td {
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}
.table th {
    font-weight: bold;
}
.table thead th {
    vertical-align: bottom;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}
.table-bordered {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-collapse: separate;
    border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}
.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0 none;
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
    border-top-left-radius: 4px;
}
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
    border-top-right-radius: 4px;
}
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {
    background-color: #F9F9F9;
}
.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #F5F5F5;
}
table .span1 {
    float: none;
    margin-left: 0;
    width: 44px;
}                                                                                                                                      

.border-red {
	border:1px solid red;
}

.canada #breakdown thead td{
    background: #812 !important;
}

.canada .bigbluebutton{
    background: #c45;
    height: 37px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 4px 4px rgba(0,0,0,0.2);
}

.canada #inspectionReport a.deficiencyReport{
    background: url(../images/deficiencyReport_ca1.png);
}


#businessplan1 {
    margin-left: 78px;
    color: #fff;
    font-size: 13px;
   padding-top: 20px;
   text-decoration: none;
}