body, form
{
	margin:0px;
	font-family:Verdana, Arial,  Tahoma, Helvetica;
	font-size: small;
	text-align: left;
}

span
{
	font-size: small;
	text-align: left;
}



.headerArea, .footerArea
{
    width:100%;
    background-color: Black;
    color: White;
    
   
}


.headerArea
{  
    /*height:auto;*/
    height:40px;
    min-height:40px;

}

.headerArea span
{
	padding:5px;
	margin:5px;
	text-align:left;
	vertical-align:middle;
	float:left;
}

.headerArea table
{
    position:relative;

}

.footerArea
{
     height:50px;
    min-height:50px;
}


.mainArea
{
    margin:20px;
}


.textbox
{
    width:100px;
    height:auto;
    font-size: small;
   
}

.textbox3
{
    width:50px;
    text-transform: uppercase;
    
}

.textbox2
{
    width:35px;
    text-transform: uppercase;
  
}

.textbox20
{
    width:20px;
max-width:20px;
    text-transform: uppercase;
  
}



.textbox100
{
    width:200px;
  
}

.textbox350
{
    width:350px;
  
}

.textbox450
{
    width:450px;
    height:100px;
  
}

.textboxDate
{
    width:110px;
    text-transform: uppercase;
}

.textboxYear
{
    width: 45px;
    text-transform: uppercase;
}

.textboxTAFQ
{
    width:60px;
    text-transform: uppercase;
}

.divDate, .divDateOver
{
    clear: both;
    vertical-align:top;
    height:22px;
    text-align:left;
    width:110px;
}

.divDateOver
{
    clear:right;
    text-align:center;
    
}

.divTnm
{
    clear: both;
    vertical-align:top;
    height:15px;
    text-align:left;
    width:110px;
    letter-spacing:5px;
    margin-left:5px;
}



.HolderLabel
{
    float:left;
    height:20px;
    line-height:20px;
    vertical-align:middle;
    margin-right:10px;
}

.LabelReasonFor
{
    font-weight:bold;
    

}





.HolderTextbox
{
     float:left;
}

.CheckBoxGender
{
    float:left; width: auto; 

}

.RequiredFieldValidator
{
    color:Red;
    
}

.ValidationText
{
    color:Red;
    height:30px;
    vertical-align:middle;
}

.radiobuttonlist
{
    width:200px;
}


.box 
{
	/*
 margin-top:10px;
 padding: 10px;
 padding-left:0px;
  width:90%;
 height:auto;
*/
margin-top:5px;
}  




.UpdateProgress1 {
      background-color: #000000; 
       position: absolute;
       filter:alpha(opacity=50);
       top:30%;
       left:0px;
       width:100%;
     }




.MedicalCondition
{
    width:450px;
    height:50px;
    vertical-align:top;
    
}

.DateDiagnosed
{
    width:200px;
     height:50px;
     vertical-align:top;
     
}

.Ongoing
{
    width:120px;
     height:50px;
     vertical-align:top;
     
}

.MedicalCondition, .DateDiagnosed, .Ongoing
{
	font-size: small;
}

.Radiobutton
{
}

.TextHeadline

{
	text-transform: uppercase;
	font-weight: bold;
	font-size: small;
 display: block;
 padding-bottom:5px;
 margin-bottom:5px;	
}

.TextBold
{
	font-weight: bold;
	font-size: small;
}


.container
{
	padding: 20px;
	  
}


.boxNotDone 
{
 border: solid 2px black;	
 padding: 20px;
 padding-top: 10px;
 width:90%;
 height:auto;
} 

.boxNotDone div 

{
	padding-top: 10px;
}




.boxTransparent 
{
 border-width: 0px;	
/* padding: 20px;*/
 padding-top: 0px;
 padding-bottom:0px;
 
 width:90%;
} 


.boxTransparent div 

{
	padding-top: 10px;
}


.box div 

{
	padding-top: 10px;
}

.BoxButton 
{
	width:540px;
	padding-top:20px;
	text-align: left;
	padding-right: 0px;
}


.MyPanelTop

{
	width:auto;
	background-color: Black;
	height:100px;
	padding:10px;
}

.MyPanelBottom
{
	width:100%;
	background-color: Black;
	height:50px;
	padding:0px;
	/*position: absolute;*/
	bottom: 0px;
	position:fixed;
}

.lblTextBottom
{
	top: 20px;
	left: 40px;
	position:fixed;

	color: White;

	font-size: 10px;
}

.lblPageNumberBottom
{
	top: 20px;
	right: 20px;
	position:relative;

	color: White;

	font-size: 10px;
}

.txtSubjectNumber

{
	width:40px;
	letter-spacing: 2px;
	font-size: large;
	top: 20px;
	left: 100px;
	position:absolute;
	text-transform: uppercase;
	
}

.lblSubjectNumber

{
	width:100px;
	letter-spacing: 0px;
	font-size: 10px;
	color: White;
	top: 20px;
	left: 80px;
	position:absolute;
	
}

.lblInputNr
{
		width:100px;
	letter-spacing: 0px;
	font-size: 10px;
	color: White;
	top: 20px;
	left: 450px;
	position:absolute;
}

.lblPageNumber

{
	
	top: 90px;
	right: 40px;
	position:absolute;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
	font-size: small;
	
}

.lblPageNumberCover
{
	
	top: 20px;
	left: 40px;
	position:absolute;
	text-transform: uppercase;
	color: White;
	font-weight: bold;
	font-size: small;
	
}

.lblCoverPageText
{
	top: 35px;
	left: 40px;
	position:absolute;
	color: White;
	font-size: small;
}



.txtCenterNumber

{
	width:40px;
	letter-spacing: 1px;
	font-size: large;
	top: 20px;
	left: 210px;
	position:absolute;
	text-transform: uppercase;
	
	
}


.CenterNumber

{
	width:40px;
	letter-spacing: 1px;
	font-size: large;
	text-transform: uppercase;
	
}

.SubjectNumber

{
	width:40px;
	letter-spacing: 1px;
	font-size: large;
	text-transform: uppercase;
	
}

.SubjectInitials

{
	width:40px;
	letter-spacing: 1px;
	font-size: large;
	text-transform: uppercase;
	
}




.txtCenterNumber2

{
	width:40px;
	letter-spacing: 1px;
	font-size: large;
	text-transform: uppercase;
	height:20px;
	
}

.lblCenterNumber2

{
	width:100px;
	letter-spacing: 0px;
	font-size: 10px;
	color: Black;
	padding-right:10px;
	text-align: left;
	vertical-align: middle;
 	line-height: 20px;
	
}


.labelText
{
	letter-spacing: 0px;
	font-size: 10px;
	color: Black;
	padding-right:10px;
	text-align: left;
	vertical-align: middle;
 	line-height: 20px;
}

.TextField
{

 border-width: 0px;
border-bottom-width: 1px;
 border-color: Black;
 width:300px;
 font-size: large;
 font-weight: normal;
}

.txtVisitDate

{
	
	top: 20px;
	right: 40px;
	position:absolute;
	color: White;
	
}


.txtDate
{
width: 100%;	
}


.txtTnmStaging
{
	width: 100%;
}

.lblCenterNumber

{
	width:100px;
	letter-spacing: 0px;
	font-size: 10px;
	color: White;
	top: 20px;
	left: 190px;
	position:absolute;
	 
	
}

/*
.textBox 
{
	letter-spacing: 1px;
	font-size: large;
	text-transform: uppercase;
	height:25px;

}
*/
.validator_exclamation
{
	font-weight:bold;
	height:25px;
	vertical-align:middle;
	text-align:left;
	font-size:10px;
}

.validator_empty
{
	font-weight:bold;
	height:25px;
	vertical-align:middle;
	text-align:left;
	font-size:10px;
	
}

.textBoxLogin 
{
	letter-spacing: 1px;
	font-size: small;
	width:300px;
	height:20px;
	vertical-align:middle;

}

.textBoxChangePassword
{
	letter-spacing: 1px;
	font-size: small;
	width:150px;
	height:20px;
	vertical-align:middle;

}

.Test 
{
	
}

.label

{
	font-size: 10px;
	font-weight:normal;
	
}


.imgLogo
{

top: 65px;
position: absolute;	
}


.button 
{
 background-color: Black;
 color: White;	
 width: auto;
 text-transform: uppercase;
 font-size: small;
 font-weight: bold;
 
}



.Test
{
  	
}


.CheckBox
{
	width:4em;
	height:4em;
}


.txtRegimen
{
	width:200px;
	height:100px;
}

.txtOther
{
	width:250px;
}


.txtMedicalCondition
{
	width:300px;
	height:25px;
}


.rdbEcoq input
{
	width:40px;
}

.rdbEcoq label
{
	margin-left:10px;
}


.rdbQuestions
{
	width:350px;
	/*vertical-align:top;*/
}

.rdbInclusionExclusion
{
	width:140px;
	/*vertical-align:top;*/
}


.grdQuestions_EortcqlqNr
{
	width:30px;
	/*vertical-align:top;*/
}

.grdQuestions_EortqlqQuestion
{
	width:400px;
	/*vertical-align:top;*/
}

.grdQuestions_rdbQuestions
{
	width:200px;
/*vertical-align:top;*/
}


.divInput1
{
	background-color: Gray;
}

.ControlLabel
{
	vertical-align:middle;
	color: Black;
	 border: solid 2px Red;

}

.boxControl
{
 border: dashed 2px red;	
 padding: 20px;
 padding-top: 10px;
 width:90%;
}  





.overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 320px;
        margin-left: -160px;
        top: 45%;
        left: 50%;
        text-align:center;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}


.HeadlineBox, .CopyBox
{
	width:100%;
	min-width:100%;
	text-align:center;
	font-weight: bold;
}



.LogOut
{
	
	text-align:right;
	float:right;
	padding:5px;
	margin:5px;
}


.MenuLink, MenuLink a
{

	text-align:left;
	color:White; 
	height:40px;
}

.Home
{
	text-align:left;
	padding:5px;
	margin:5px;
}

.ContentHolder
{
	padding:5px;
	margin:5px;
}

.lblHeadline
{
	font-weight:bold;
	font-size: small;

}

.textItalic
{
 font-style: italic; 
 margin:5px;
 padding:5px;
 display: block;
}

.imageHolder
{
z-index:1;
 position:relative;
  background-image: url(/images/tafqFront.png);
  margin:0px;
  padding:0px;
  /*behavior: url("/iepngfix.htc");*/
}

.imageHolderBack
{
z-index:1;
 position:relative;
  background-image: url(/images/tafqBack.png);
  margin:0px;
  padding:0px;
  /*behavior: url("/iepngfix.htc");*/
}


.img1
{
 position:absolute;
 left:96px;
 top:23px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img2
{
 position:absolute;
left:108px;
 top:37px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img3
{
 position:absolute;
 left:108px;
 top:65px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img4
{
 position:absolute;
 left:109px;
 top:139px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img5
{
 position:absolute;
 left:45px;
  top:163px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img6
{
 position:absolute;
 left:35px;
  top:194px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img7
{
 position:absolute;
 left:265px;
 top:238px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img8
{
 position:absolute;
 left:358px;
 top:100px;
 
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img9
{
 position:absolute;
  left:325px;
 top:340px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img10
{
 position:absolute;
  left:83px;
 top:272px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img11
{
 position:absolute;
 left:70px;
 top:433px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}

.img12
{
 position:absolute;
 left:96px;
 top:23px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img13
{
 position:absolute;
left:108px;
 top:37px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img14
{
 position:absolute;
 left:108px;
 top:65px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img15
{
 position:absolute;
 left:109px;
 top:139px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img16
{
 position:absolute;
 left:45px;
  top:163px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img17
{
 position:absolute;
 left:35px;
  top:194px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img18
{
 position:absolute;
 left:265px;
 top:238px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img19
{
 position:absolute;
 left:358px;
 top:100px;
 
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img20
{
 position:absolute;
  left:325px;
 top:340px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img21
{
 position:absolute;
  left:83px;
 top:272px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img22
{
 position:absolute;
 left:70px;
 top:433px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}

.img23
{
 position:absolute;
 left:70px;
 top:433px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}

.img24
{
 position:absolute;
 left:100px;
 top:472px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}

.img25
{
 position:absolute;
 left:183px;
 top:472px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}



.img1Back
{
 position:absolute;
 left:96px;
 top:123px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img2Back
{
 position:absolute;
left:108px;
 top:37px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img3Back
{
 position:absolute;
 left:108px;
 top:65px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img4Back
{
 position:absolute;
 left:109px;
 top:139px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img5Back
{
 position:absolute;
 left:45px;
  top:163px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img6Back
{
 position:absolute;
 left:35px;
  top:194px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img7Back
{
 position:absolute;
 left:265px;
 top:238px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img8Back
{
 position:absolute;
 left:358px;
 top:100px;
 
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img9Back
{
 position:absolute;
  left:325px;
 top:340px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img10Back
{
 position:absolute;
  left:83px;
 top:272px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img11Back
{
 position:absolute;
 left:70px;
 top:433px;

 z-index:10;
  /* behavior: url("/iepngfix.htc"); */
}


.img12Back
{
 position:absolute;
 left:96px;
 top:23px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img13Back
{
 position:absolute;
left:108px;
 top:37px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img14Back
{
 position:absolute;
 left:108px;
 top:65px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img15Back
{
 position:absolute;
 left:109px;
 top:139px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img16Back
{
 position:absolute;
 left:45px;
  top:163px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img17Back
{
 position:absolute;
 left:35px;
  top:194px;
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img18Back
{
 position:absolute;
 left:265px;
 top:238px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img19Back
{
 position:absolute;
 left:358px;
 top:100px;
 
 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img20Back
{
 position:absolute;
  left:325px;
 top:340px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}

.img21Back
{
 position:absolute;
  left:183px;
 top:272px;

 z-index:10;
    /* behavior: url("/iepngfix.htc"); */
}


.textBoxMultiLineAdditionalComments
{
	width:400px;
	height:300px;
	text-align:left;
	font-size:12px;
	font-family:Verdana, Arial,  Tahoma, Helvetica;
	line-height:20px;
	padding:5px;
}

.ButtonHolder
{
	display: block;
	margin:10px;
	padding:10px;
	margin-left:0px;
	padding-left:0px;
}

.ajax__tab_body
{
/*padding:20px;	*/
}

.EnterData a
{
	text-decoration:none;
}

.PanelDisabled
{
	background-color: #e9e7e7;
	color:#cccccc;
}

.PanelEnabled
{
	background-color: #ffffff;
	color:#000000;
}


.footerArea {

bottom:0;
height:25px;
left:0;
min-height:25px;
position:fixed;
right:0;
top:auto;
width:100%;
z-index:1000;

}

.footerArea span
{
	padding-left:5px;
	margin-left:5px;
	vertical-align:middle;
}

.txtSearch
{
	width:300px;
	vertical-align:middle;
}

.drpSearch
{
	width:305px;
	vertical-align:middle;
}

.lblHeadlineSearch
{
	font-weight:bold;
	font-size: small;
	padding-top:5px;
}

.textQuestion, .headLine
{
	font-weight:bold;
}

.headLine
{
	font-size:medium;
	line-height:25px;
	vertical-align:top;
}