/*				 

Name: sitestyle.css
Description: Joint Pathology Center Website Stylesheet.  Using CSS 2.1
Created: 10-22-2012
Last Updated: 12-17-2012

*/


body{
	background-image: url(../imgs/main-bg.jpg);  
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #DCDCDC;
	color:#000000;
	margin:0px;
	padding:0px;
	font-family:arial,Sans-Serif;
	text-align:center;
	font-size:100%;
}


#contactinfo{
padding:15px;
font-weight:normal;
color:#e5e5e5;
}

		fieldset {border:none; width:680px;}
        legend { font-size:18px; margin:0px; padding:10x 0px; color:#b0232a; font-weight:bold;}
        label { display:block; margin:15px 0 5px;font-weight:bold;}
        input[type=text], input[type=password],select { width:300px; padding:5px; border:solid 1px #000000;}
		#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
        #steps li {font-size:22px; float:left; padding:10px; margin-right:20px; color:#b0b1b3;}
        #steps li span {font-size:11px; display:block;}
        #steps li.current { color:#000;}
        #makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;}
        #makeWizard:hover { background-color:#000;}
        h2{color:#b0232a; font-size:18px;}


.required{
font-weight:bold;
color:#CA2020;
}

.btn{
font-family:'Trebuchet MS', Arial, Helvetica;
font-weight: bold;
font-size: 1.5em ;
width:155px;
background-color:#999999;
border:solid 1px #666666;
padding:4px;
color:#000000;
cursor:pointer;}

.btn:hover{
background-color:#cccccc;
color:#ffffff;
}

.inputMessage{
color:red;
}

/* apqr css end */


#skiplink{
display: none;
}

#container{

background-color: #ffffff;
	width:986px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border:solid 0px #000000;
}

#bannerArea{
color:#FFFFFF;
height:125px;
padding:0px;
margin:0px;
padding:0px;
}


#bannerArea #banner{
padding:0px;
margin:0px;
padding:0px;
float:left;
text-align:center;
width:280px;
}

#bannerArea #banner img{
margin-top:25px;

}


#headerArea div.searchForm{
	 float:left;
	color:#CBCDFC;
	font-size:09pt;
	text-align:center;
	font-weight:bold;
	margin-left:100px;
}

#headerArea div.searchForm div.search{
	vertical-align: top;
	margin:0px;
	padding:0px;}

#headerArea div.searchForm #searchtxt{
	vertical-align: top;
	border:0px;
	height:21px;
	color:#8486B0;}

/* Define style for HEADER NAV area*/
#headerArea div.navContainer{
	color:#666666;
	font-weight:normal;
	height:35px;
	clear:both;
}


#headerArea div.navContainer div{
	float:left;
	text-align:center;
	padding-left:15px;
	padding-top:5px;
}

#headerArea div.navContainer div a{
	color:#FFFFFF;
	font-family:Helvetica,Sans-Serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

#headerArea div.navContainer div a img{
	margin-bottom:2px;
}
#headerArea div.navContainer div  img{
	margin-bottom:2px;
}

#headerArea div.navContainer div a:hover{
	color:#FFFFFF;
	font-family:Helvetica,Sans-Serif;
	font-size:10pt;
	text-decoration:underline;
	font-weight:bold;
}


#noFlash{
text-align:right;
padding:15px;
font-size:10px;}

.nodisplay{
display:none;
}


#collageArea{
	background-image: url(../imgs/collage-area-1.jpg);
	background-color: #FFFFFF;
	color:#252560;
	clear:both;
}

#contentArea{
	background-color: #FFFFFF;
	color:#252560;
	width:986px;
}

#contentArea a{
	color:#252560;
	font-weight:bold;
	font-size:10pt;
}


#directorPortlet{
	background-color:#DFDEDE;
	width:269px;
	margin-left:10px;
	border:solid 1px #D0CFD1;
	color:#666666;
	font-size:09pt;
	float:left;

}

#directorPortlet h2{
	color:#3C3C3C;
	font-size:14pt;
	font-family:Helvetica, Sans-Serif;
	font-weight:normal;
	margin-bottom:3px;
}

#announcementPortlet{
	border:solid 0px #D0CFD1;
	font-size:09pt;
	float:left;
	width:603px;
}


#hotTopicsPortlet{
float:left;
background-color:#414688; width:270px;
height:205px;
margin-top:95px;
margin-left:14px;
border:solid 1px #151646;
text-align:center;
}

#hotTopicsPortlet ul{
list-style-type:none;
margin:0px;
padding:0px;
padding-top:5px;
}


#hotTopicsPortlet ul li{
padding:2px;
}

#hotTopicsPortlet div.collagePhoto{
float:left; 
height:300px;


}


#hotTopicsPortlet div.collagePhoto img{

margin-left:523px;

}
#hotTopicsPortlet .link{
color:#FFFF66;
font-size:16px;
font-weight:normal;
text-decoration:none;}

#dodSites{
text-align:center;
padding-bottom:0px;
margin-top:20px;
}
#contentPortlet h1{
	font-family:Helvetica, Sans-Serif;
	color:#532E62;
	font-size:20pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:10px;
	
}

#contentPortlet {
	font-size:10pt;
	padding-left:15px;
	float:left;
	width:986px;
}

#eduPortlet h1{
	font-family:Helvetica, Sans-Serif;
	color:#CD4F0D;
	font-size:20pt;
	font-weight:normal;
	margin-bottom:3px;
	
}

#eduPortlet {
	font-size:10pt;
	padding-left:15px;
	float:left;

}


ol.doubleSpace li{
	padding:5px;
}

#sitemap li{
	padding:5px;
}

.navArrow{
padding-bottom:1px;padding-right:2px;
}

#subNavLinks{

	height:650px;
	width:269px;
	margin-left:5px;
	color:#666666;
	float:left;
	font-size:10pt;
	font-family:arial,Sans-Serif;
}





#subNavLinks a{
	color:#252560;
	text-decoration:none;
	font-size:08pt;
	font-weight:normal;
}

#mission{
font-size:09pt;
border: none;
}

#subNavLinks h2{
	font-family:Helvetica,Sans-Serif;
	color:#333333;
	font-size:14pt;
	font-weight:normal;
	margin-bottom:3px;

}
#subNavLinks a:hover{
	color:#000000;
	text-decoration:underline;
	font-size:08pt;
	font-weight:normal;

}

#notice{
padding:10px;
margin:5px;
text-transform:uppercase;}

#notice li{
	padding:5px;
	font-size:10pt;
	font-weight:bold;

	
}

#subNavLinks div.link{
margin:2px;
border-bottom:solid 1px #D0CFD1;
padding-bottom:4px;
padding-top:4px;
padding-left:7px;
}



#announcementPortlet table{
	margin-left:5px;
}

#announcementPortlet table thead{
display: none;}


#announcementPortlet table td{
	font-size: 10pt; /*6-12. Changed from  09pt */
	font-weight:normal; /*6-12. Changed from  bold */
	vertical-align:top;
	padding-bottom:30px;
	color:#666666; /*6-12. Added */
}





#announcementPortlet table td h3{
	font-family:Helvetica,Sans-Serif;
	color:#532E62; /*6-12. Changed from  #CD4F0D */
	font-size:16pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:0px;
	margin-top:0px;
}


#announcementPortlet a.h3{
	font-family:Helvetica,Sans-Serif;
	color:#532E62; /*6-12. Changed from  #CD4F0D */
	font-size:16pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:0px;
	margin-top:0px;
        text-decoration:none;
}

/*6-12. ADDED */
#announcementPortlet a.h3:hover{
        text-decoration:underline;
}


#announcementPortlet table td div{
	text-align:left; /*6-12. Changed from  right */
	padding:5px;
	font-size:08pt;
}

#announcementPortlet table td div a{
	color:#532E62;  /*6-12. Changed from  #2653A5 */
	text-decoration:none;
	font-weight:normal; /*6-12. Added */
}

#announcementPortlet table td div a:hover{
	color:#532E62;  /*6-12. Changed from  #2653A5 */
	text-decoration:underline;
	font-weight:normal; /*6-12. Added */
}

#announcementPortlet table tr td img{
	border:solid 1px #4E539E;
}

#crumbs{
	font-size:09pt;
	color:#003366;
	padding:5px;
	border-bottom:1px solid #e5e5e5;
}

#crumbs label{
	font-size:09pt;
	color:#003366;
	padding-top:5px;
	font-weight:bold;
	margin-right:5px;
}

#crumbs a{
	text-decoration:none;
	color:#003366;
	font-weight:normal;
}

#crumbs a:hover{
	text-decoration:underline;
	color:#003366;
	font-weight:normal;
}
/* Define style for footer navigational area*/


#footerArea{
	color:#e5e5e5;

	font-size:09pt;
	font-weight: bold;
	clear:both;
	padding-top:25px;
	margin-top:15px;
	background-color: #532E63;
	text-align:left;
}

#footerArea div.navContainer{
	font-family:Helvetica,Sans-Serif;
	font-size:09pt;
	height:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #5B3B69;
	width:986px;
	margin-left:auto;
	margin-right:auto;
}

#footerArea div.navContainer a{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:5px;	
	font-weight: bold;	
	font-size:09pt;
}

#footerArea div.navContainer a:hover{
	color:#ffffff;
font-weight: bold;
	text-decoration:underline;
}

#footerArea .contact{
	font-size:09pt;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:20px;
	text-align:center;
}


#footerArea span{
	font-size:09pt;
	font-weight:normal;
}



#noFlash a{
font-size:10px;
text-decoration:none;
}

#noFlash a:hover{
font-size:10px;
text-decoration:underline;
}



div.message {margin:5px;font-family:arial;font-size:1em;}

.clear{
clear:both;
}


.linkArea{
color:#333333;
font-weight:bold; 
padding:5px;
font-size:13px;
border:solid 1px #D0CFD1;
	margin-top:5px;
background-color:#DFDEDE;
}



.linkArea div.links ul{
padding:0px;
margin:0px;
list-style-type: none;

}


.linkArea div.links ul li{
margin-left:10px;
border-bottom:1px solid #cccccc;
padding-bottom:7px;
padding-top:7px;
}


.linkArea div.links ul li:first-child {
margin-left:0px !important;
border:0px !important;
}






div.addr {
text-align:center;
color:#000000;
margin-top:25px;
font-family:Helvetica,Sans-Serif;
font-weight:normal;
}

div.addr .small {
font-size:12px;
}

div.pagePortlet{
width:700px; 
border: solid 1px #cccccc;
float:left;
margin-top:5px;
margin-left:5px;
margin-bottom:10px;
}

div.enrollmentPortlet{
width:725px;margin-left:auto;margin-right:auto;
font-size:13px;
color:#343434;
border: solid 1px #cccccc;
margin-bottom:25px;
margin-top:25px;background-color:#f7f7f0;
}

#instructions{
width:955px;margin-left:auto;margin-right:auto;font-size:13px;
padding:10px;
color:#343434;font-weight:bold;
text-align:center;
}

div.submissionPortlet{
width:95%;margin-left:auto;margin-right:auto;
font-size:13px;
color:#343434;
border: solid 1px #cccccc;
margin-bottom:25px;
margin-top:25px;background-color:#f7f7f0;
}

div.pagePortlet h3, div.enrollmentPortlet h3, div.submissionPortlet h3{
color:#343434;
font-size:18px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}




div.enrollmentPortlet form{
padding:5px; width:650px;
}

div.pagePortlet h3, div.enrollmentPortlet h3{
color:#343434;
font-size:18px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}
._note{
text-align:center;padding-bottom:5px;font-size:75%;color:#CA2020;position:relative;top:-15px;
}


#enrollment_confirm .field{
text-align:right; padding-right:10px;vertical-align:text-top;
}


#enrollment_confirm span{color:red;font-weight:bold;background-color:yellow;}



div.pagePortlet h5{
color:#343434;
font-size:12px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}

div.pagePortlet div.content, div.enrollmentPortlet div.content{
font-size:13px;
color:#343434;
padding:5px;
}

div.pagePortlet div.content li{
padding-bottom:10px;
}


div.pagePortlet div.contact{
border-top:#cccccc 1px solid;
}

div.pagePortlet ul{
list-style-type:square;
color:#343434;
}


div.pagePortlet h4{
color:#343434;
font-size:15px; 
padding-top:10px; 
margin:0px;

}

#cpt_codes{
width:650px;
}

#cpt_codes .cptcode{
float:left;
width:50px;
text-align:right;
padding-right:10px;
padding:7px;
}

#cpt_codes .cptdesc{
float:left;
width:475px;

padding:7px;}

#cpt_codes .cptfee{
float:left;
width:50px;
text-align:center;
padding:7px;}

ol.billing_faq li{

margin-bottom:18px;}

ul.release_form{
list-style-type:none !Important;
margin-left:0px !Important;
padding-left:0px !Important;
}


ul.release_form li{
margin-bottom:15px !Important;
}

ul.release_form a{
font-size:16px !Important;
text-decoration:underline !Important;
font-weight:normal !Important;
color:#3A3A8F !Important;

}

div.release_form_contact{
margin-top:30px  !Important;
margin-bottom:30px  !Important;
font-weight:bold  !Important;
}




div.important-announcement {background-color:#820516; border:solid 1px red; color:#ffffff;font-weight:bold;font-size:18px;position:fixed;bottom:1px;margin-left:auto;margin-right:auto;width:985px;text-align:center;padding-top:20px;padding-bottom:20px;
}


.encryptMsg{
padding:10px; text-align:center;text-transform:uppercase;
}

#top-bar{
background-color:#532E62;color:#ffffff;clear:both;
}

#top-bar div{
padding-top:10px;padding-bottom:10px;margin-left:50px;text-transform:uppercase;
}

.result-hide{
display:none;} 

.result-error{
padding:0px;
background-color:#ffffff;
border:solid 1px #cccccc;
width:725px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
text-align:text-top;
font-weight:normal;
font-family:"Helvetica",sans-serif;
} 


.result-error div{
padding:15px; 
margin:0px;
background-color:#ffffff;
color:#CA2020;
font-size:90%;
font-weight:bold;
}


.result-success{
padding:0px;
background-color:#ffffff;
border:solid 1px #cccccc;
width:725px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:5px;
color:#343434;
text-align:text-top;
font-weight:normal;
font-family:"Helvetica",sans-serif;
} 
.result-success h3,.result-error h3{
color:#343434;
font-size:18px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}

.result-success div{
padding:15px; 
margin:0px;
background-color:#ffffff;
color:#343434;
font-weight:normal;
font-size:90%;
}

.button
{
    margin: 10px;
    text-decoration: none;
    font: bold 1.0em 'Trebuchet MS',Arial, Helvetica !important; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #ffffff !important;
    border: 1px solid #9c9c9c !important; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3) !important;            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4) !important;
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4) !important;
    
}

.button, .button span
{
   -moz-border-radius: .3em !important;
    border-radius: .3em !important;
}

.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 1.5em;
    
    /* The background pattern */
    
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

    /* Pattern settings */
    
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
    background-size: 3px 3px;            
}

.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}





.button-blue
{
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover
{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active
{
    background: #4477a1;
}