/* CSS File */

/***********************************************/
/******************* HTML Tags *****************/
/***********************************************/

body{
font-family:Arial, Helvetica, sans-serif;  
font-size:12px; 
padding: 0px;
background-color:#eee;  
}

div{
position:relative; 
}

h1{
font-size:20px;
font-weight:bold;
text-align:center;  
padding: 3px 3px 2px 10px; 
margin: 2px 0px 10px 0px;
line-height: 1.2em;       
}

h2{
background:black;
color:white;
font-weight:bold;
font-size:14px; 
padding: 3px 3px 2px 10px; 
margin: 0px 0px 2px 0px;
line-height: 1.2em;     
} 

h3{
font-weight:bold;
font-size: 14px;
padding: 3px 3px 2px 10px;  
margin: 2px 0px;
line-height: 1.2em;    
}

h4{
color: white;
font-size: 18px; 
text-align: center;
margin: 0 auto; 
line-height: 40px; 
font-weight:normal; 
}

/*textarea{*/
/*font-family:Microsoft Sans Serif,Arial,Helvetica,sans-serif;  */
/*font-size:13px;      */
/*} */

/***********************************************/
/******************* CLASSES *******************/
/***********************************************/

.answerCheckbox{
margin: 0px;
padding: 0px;
}

.appnumber{
background: #ccc; 
float: left;
height: 40px;
width: 40px;   
} 

.clearfloat{
clear:left; 
} 

.dynamicText{
padding: 0px; 
}

.hidden{
display:none;  
}

.imageElement{
padding:2px;
}

.oneup{
float:left;
width: 90%; 
} 

.quarterfield{
/*Makes field a quarter of a line in length*/
float:left;
width:180px;  
}

.questionAnswer{
padding: 0px;
margin: 0px;    
} 

.questionLabel{
font-weight:normal;  
}

.questionLayer{
padding: 3px 3px 2px 20px;
}

.templateButton{
font-size:11pt;
}

.templateButtonLayer{
width:30%;
}

.templateContent{
margin-top:10px;
width:850px;
padding:10px;
margin-left: auto;
margin-right: auto;
border: 1px solid #ccc;
background: #fff;  
}

.templateSection{
border:1px solid #CCCCCC;
clear:both;
width:100%; 
padding-bottom: 10px;  
}

.twoup{
width:45%;
float:left;   
}

.twoupshort{
/* Used for Applicant info for Start Date field */
width:45.3%; 
float:left;    
}

/***********************************************/
/******************* COMBOS ********************/
/***********************************************/

div.appsections{
border-top:3px solid #ccc; 
border-bottom: 0px;    
}

div.halfdrop div select{
width: 374px;   
}

div.longdrop div select{
width:340px; 
}

div.middrop div select{
/*Targets drop down menu - extends to 170px*/
width:170px; 
}

div.nobottompadding{
padding-bottom: 0px; 
} 

div.novertborder{
border-top:0px;
border-bottom:0px;  
} 

div.pseudotable div select{
/* Targets drop down menu - extends width*/
width:155px;   
}

div.pseudotable div.questionLabel{
/*Targets QuestionLabel*/
/*Makes question and answer appear on the same line*/
float: left;
height: 17px; 
width: 150px;
padding: 2px 0px 0px 5px;
border: 1px solid #ccc;   
} 

input.answerRadio{
padding-left: 5px; 
}

/***********************************************/
/************* COMBOS with ID ******************/
/***********************************************/

div#SECTION_KS0013210D94E7KXMsSQVSzRBQAwcA{
/* HR Use Only Section*/
background: #eee;   
border-top: 0px; 
margin-bottom: 10px; 
}

div#SECTION_KS0013210D94E7rUIrSQvMYrAQXwIA{
/* Header Section */
border:0px;   
}
