/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Mar 17, 2016, 10:10:23 PM
    Author     : skhan
*/

button{ cursor: pointer; }

.formcontainer {

   /* width: 1000px;*/
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}



#score {border: medium none; border-radius: 3px; text-align: center; width: 60px; }

#cadreportiframe{
	position: relative;
	top: -18px;
	}
	
#optionheader {
    cursor: pointer;
    font-size: 12px;
    height: 37px;
    left: -6px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 145px;
}

#cadoptions {
     background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: medium none;
     box-sizing: border-box;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    height: 37px;
    left: 0;
     padding: 4px 23px;
    position: relative;
    text-align: center;
    width: 150px;
    }

.op{
	margin-top: 5px;
	}


.deleteoption{
    background-image: url("../jquery-ui-1.12.0.custom/images/ui-icons_469bdd_256x240.png");
    background-position: -178px -86px;
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    height: 30px;
    position: relative;
    width: 19px;
}
.optionform { float: left; height: 600px;}


#siteform{ background: #fff; margin-bottom: 0px; overflow-x: hidden;}

iframe{
	background-color: #FFF;
	 height: 650px;
    overflow: auto;
    width: 825px;
    border: none;}
    
table.itable{ width: 810px; font-size: 12px; font-family: Arial; }

table.bistable{font-size: 12px; font-family: Arial; }

.form-details{ color: #FFF; float: left;
    padding-top: 15px; }

.hra-form-details{ color: #FFF; float: left;}
	
.icons{ width: 160px; height: 50px;}

.changetext { color: #CF152B; }

#sectiontable {border-collapse: collapse; }



#sectiontable th{ padding: 5px;font-size: 14px; font-weight: bold; color: #000;}

.sectionheader td {  background-color: #FFF; color: #000; font-size: 14px; font-weight: bold;}

.bissectionheader td { background-color: #4e8383; color: #FFF; font-size: 14px; font-weight: bold; }

.questionrows td{ border-bottom: 1px solid black; }


/*
    Button start
*/
a.notes {

 background-position: 0px 0px;
display: block;
width: 53px;
height: 53px;
background-image: url(../images/cert3Btns.png);
margin-left: 2px;
float: left;

}



a.notes:hover {

background-image: url(../images/cert3Btns.png);
width: 53px;
height: 53px;
   background-position: 0px 0px;
margin-left: 2px;
float: left;


}


a.rollover {

display: block;
width: 33px;
height: 33px;
background-image: url(../images/interprisebtn2.png);
margin-left: 25px;


}
a.rollover:hover {

background-image: url(../images/interprisebtn2.png);
width: 33px;
height: 33px;
   background-position: 0 -34px;
    background-repeat: no-repeat;
	margin-left: 25px;
}

a.score {
background-position: -66px 0px;
display: block;
width: 33px;
height: 33px;
background-image: url(../images/interprisebtn2.png);
margin-left: 36px;


}
a.score:hover {

background-image: url(../images/interprisebtn2.png);
width: 33px;
height: 33px;
   background-position: -66px -34px;
    background-repeat: no-repeat;
	margin-left: 36px;
}
ul
{
  /*display:flex;*/
  list-style:none;
}
/*
    Button ends
*/
.iconguidelines{
    cursor: pointer;
	background-position: -43px 40px;
	background-image: url("../images/cert3Btns.png");
	display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

	 }
	 .iconguidelines:hover{
             cursor: pointer;
	background-position: -43px -40px;
	background-image: url("../images/cert3Btns.png");
	display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

	 }
.iconpoq{
    cursor: pointer;
	background-position: -86px 40px;
    background-image: url("../images/cert3Btns.png");
     display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

}
.iconpoq:hover{
    cursor: pointer;
	background-position: -86px 80px;
    background-image: url("../images/cert3Btns.png");
     display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

}
.iconnotes{
	 background-position: 0px 40px;
	 background-image: url("../images/cert3Btns.png");
         cursor: pointer;
	 display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

	   }
.iconnotes:hover{
	 background-position: 0px 80px;
	 background-image: url("../images/cert3Btns.png");
         cursor: pointer;
	 display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

	   }

.iconnotescomplete{
	 background-position: 0px 0px;
	 background-image: url("../images/cert3Btns.png");
         cursor: pointer;
	 display: block;
	 float: left;
	 width: 43px;
	  height: 43px;

	   }

.dialog{ font-family: Arial; }

.dialognotes{ font-family: Arial; }

.no-close .ui-dialog-titlebar-close {
  display: none;
}
.ui-widget{font-size:12px;}

.okbutton{ position: relative; left: 15px;}

.formhead{
	width: inherit;
	height: 160px;
	padding-top: 15px;
	}

/*input.form-control {
	
	width: 200px;
margin: 12px 6px 2px 2px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 12px;
background-color: white;
background-image: url('searchicon.png');
background-position: 10px 10px;
background-repeat: no-repeat;
padding: 4px 4px 2px 4px;
}
*/
.headleft{ float: left; width: 530px; }

.headright{ float: right; }

.services { width: 980px;}

.left-services {float: left; width: 327px;}

.middle-services{ float: left;  width: 320px;}

.right-services{float: right; width: 326px; }

.clear{ clear: both; }


.form-section {
    display: none;
    padding-left: 15px;
}


#score{ color: #000; }

.form-section.current {
    display: inherit; /*height: 475px; */ width: 1040px;
}

table.formsectiontable{
	border-collapse: collapse;
	
	}

.formsectiontable tr{
	border-bottom: 1px solid black;
	}
	
.formsectiontable th, td{
	text-align: left; 
	}
	
.siteclosurecontainer{ height: auto; overflow: auto; width:980px;  }

.siteclosure-form{ color: #FFF; }


/* Quick Cert */
.quickcerttable{
	font-family: Arial;
    font-size: 12px;
    width: 980px;
}

.hracontainer{
	/*height: 700px;*/
    margin-bottom: 20px;
    /* overflow-y: scroll; */
    width: inherit
	}