.LightBlue { color: #00C2D1 }
.DarkBlue { color: #307397 }
.Grey { color: #EFF0F0 }
.Gold { color: #847248 }

* 
{
	margin: 0;
	padding: 0;
}

.clearer 
{
	clear:both;
}

html, body, p, ul, ol, td, th
{
    background-color: white; 
    font-family: Arial; 
    font-size:10pt; 
    color:#333333; 
}

p a, .searchResults a, ul a, td a
{ 
    color: #307397;
    text-decoration: none;
}
    
p a:hover, .searchResults a:hover, ul a:hover, td a:hover
{ 
    color: #847248; 
    text-decoration: none;
} 

p, ul , ol , td, th
{
    margin: 5px; 
    line-height: 14pt; 
    background-color: #EFF0F0; 
}

#BreadCrumb
{
	width: 100% auto;
	text-align: right;
	margin-top: 5px; 
	margin-bottom: 10px;
    color: #307397;
}

#BreadCrumb a 
{
	color: #307397;
	text-decoration: none;
}

#BreadCrumb a:hover
{
	color: #847248;
	text-decoration: none;
}

#BreadCrumb label
{
	color: #847248;
	font-size: 10pt; 
	font-weight: bolder;
	padding-right: 5px;	
}


li { margin: 2px 5px 2px 35px; padding: 1px; list-style-image: url(/CMSTemplates/ComberDental/Images/bullet2.gif); }


#Wrap  
{
	width: 980px; 
	margin: 0 auto;
	border: solid 0px red; 
} 

#Header { border: solid 0px red; height: 150px; padding: 2px;}
#Footer { border: solid 0px red; margin-top: 0px; padding: 2px;}

#Footer p { font-size: 7pt; font-weight: lighter; background-color: #FFFFFF; } 

#BodyContent { border: solid 0px red; padding: 2px;}

#Logo 
{	
	float: left;
	height: 150px; 
	width: 150px; 
	background-color: #FFF; 
	color: #FFF; 
 }

#HeaderRight 
{
   	float: right;
	height: 150px; 
	text-align: right; 
	border: solid 0px red; 
}

.accordian 
{
	padding: 5px; 
	margin: 5px;
    background-color: #EFF0F0; 	
}

.accordianContent 
{
	border: solid 1px #307397;
	padding: 10px;
	margin-bottom: 10px;
}

.accordianContent ul
{
	line-height: 14px;
}

.accordianHeader, .accordianHeaderSelected
{
	cursor: pointer;
	margin: 2px 0px 2px 0px;
 	color: #333333;
}

.accordianHeader
{
	border: solid 1px #EFF0F0;
}

.accordianHeader:hover 
{
	color: #307397;
	margin: 2px 0px 2px 0px;
	border: solid 1px #307397;
}

.accordianHeaderSelected
{
	 margin: 10px 0px 0px 0px;
	 padding: 5px;
	 background-color: #307397;
	 color: #FFFFFF;
}

#SearchDialogControl 
{
	margin-top: 20px;	
}

.searchButton, .CMSSearchDialogSearchButton { margin: -2px 0px 0px 5px; padding-bottom: 2px; height: 24px; background-color: #307397; border: solid 1px #000000; color: White;  }

.searchLabel { margin-right: 5px; }

.searchTextBox {height: 14px;  padding: 3px 6px 5px 5px; background-color: white; border: solid 1px #307397; color: #307397;}

.SearchResults 
{
    background-color: #EFF0F0; 
}

.SearchResult{ margin: 7px 0px 7px 0px; }

.SearchDialog { margin: 5px 0px 15px 0px;}

#ImageGallery 
{
	border: solid 0px black;
	width: 100% auto;
	text-align: center;	
}

#ImageGallery img
{
	border: solid 1px #333333;
	margin: 5px;
 
}

.pagerStyle 
{
	border-top: solid 0px black;
	border-bottom: solid 0px black;
	width: 100% auto;
	text-align: right;
	margin: 5px 10px 5px 5px;
 }

.pagerStyle .UnselectedPage, .pagerStyle .SelectedPage, .UnselectedPrev, .UnselectedNext, .SelectedPrev , .SelectedNext, .UnselectedPage, .SelectedPage
{
	height: 30px; width: 15px; padding: 7px;
	line-height: 30px; vertical-align:bottom;
	font-size: 7pt; text-decoration: none; 
	margin: 0px;
}
.pagerStyle .UnselectedPage,.pagerStyle .UnselectedPrev,.pagerStyle .UnselectedNext,.pagerStyle .UnselectedPage, .UnselectedPage, .UnselectedNext, .UnselectedPrev
{
	background-color: #00C2D1; 
	border: solid 0px #307397; color: White; 
	margin: 0px;
}

.pagerStyle .SelectedPage, .SelectedPrev , .SelectedNext, .SelectedPage
{
	background-color: #307397; 
	border: solid 0px #307397; color: White; 
	margin: 0px;
}

.pagerStyle a { text-decoration: none; }
.pagerStyle a:hover { background-color: #307397; }

.pagerResults { font-size: 7pt; text-decoration: none; }

#ImageGallery .SelectedPrev , #ImageGallery .SelectedNext, #ImageGallery .UnselectedPrev, #ImageGallery .UnselectedNext
{
	vertical-align:bottom;
	font-size: 7pt; text-decoration: none; 
	background-color: #EFF0F0;
	margin: 0px;
}

#StrapLine 
{
	margin: 20px 15px 0px 0px;	
}

.telephoneNumber 
{
	margin: 50px 5px -10px 0px;
	font-family: Helvetica; 
	font-weight: bolder; 
	font-size:11pt; 
	color:#307397;
	padding-right: 15px;
}

.telephoneNumber label
{
	font-family: Helvetica; 
	font-weight: bolder; 
	font-size:11pt; 
	color:#00C2D1;

}

hr 
{
	background: url(/CMSTemplates/ComberDental/Images/hr.png);	
}

h1  
{
	font-family: Helvetica, Arial Narrow, Arial; 
	background-color: #46C4D3;
	background-image: url(/CMSTemplates/ComberDental/Images/header-shape.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 35px;
	line-height: 35px;
	vertical-align: middle;
	width: 530px; 
	padding: 0px 2px 0px 10px;
	font-size: 15pt;
	letter-spacing: 1.5pt; 
	color:#FFF; 
	font-weight: lighter;
	margin: 15px 0px 10px -5px;
}

h2  
{
	font-family: Helvetica, Arial Narrow, Arial; 
	font-size: 12pt; 
	letter-spacing: 1.2pt; 
	color:#307397; 
	font-weight: lighter;
	margin: 5px 0px 10px 5px;
	padding: 0px;
}

h3  
{
	font-family: Helvetica, Arial Narrow, Arial; 
	font-size: 10pt; 
	
	border: solid 1px #CCCCCC;
	color: #333333; 

	font-weight: bolder;
	margin-left: 5px;
	padding: 2px 2px 2px 2px;
}


h4, .systemInfo  
{
	font-family: Helvetica, Arial Narrow, Arial; 
	font-size: 8pt; 
	color:#847248; 
	font-weight: bolder;
	margin-left: 5px;
}


#SubMenu 
{
    background-color: #EFF0F0;    
   	position: relative; 
	top: 0; 
	left: 0;
	margin: -10px 0px 15px 2px;
}

#SubMenu ul 
{
    font-family: Arial Rounded MT Bold, Arial; 
    font-size: 9pt; 
    padding: 0px;
    line-height: 13px;
    color: #FFF; 
    text-align: left;
    display: inline; 
}
      
#SubMenu li , #SubMenu .CMSListMenuHighlightedLI
{
	vertical-align: middle;
	float: left;
    list-style-type: none; 
	margin: 1px; 
	padding: 2px 0px 0px 2px;
	display: block; 
	height: 30px; 
    width: 92px; 
    background-color: #00C2D1; 
}

#SubMenu li a, .CMSListMenuLink
{ 
    color: #FFFFFF;
    text-decoration: none;
}

#SubMenu li a:hover  
{ 
	color: #307397; 
}   

#SubMenu .CMSListMenuHighlightedLI
{
	color: #FFFFFF;
    background-color: #307397; 
	padding: 2px 0px 0px 2px;
}

#SubMenu .CMSListMenuHighlightedLI a:hover
{
	color: #FFFFFF;
}

#TopContent
{
	border: solid 0px green;
	text-align: center;
	width: 980px auto; 
	height: 340px;
	margin: 0px; 
	padding: 15px; 
	background-color: #EFF0F0; 
}

#ImageRotator
{
	background-color: #EFF0F0;
	text-align:center;
	height: 334px;
	width: 940px;
	border: solid 0px black;
}

#BottomContent
{
	border: solid 0px green;
	width: 980px auto; 
	margin: 0px; 
	padding: 5px 0px 5px 0px; 
	background-color: #FFFFFF; 
}

.leftScrolling 
{
	overflow-y: scroll; 
	scrollbar-arrow-color: blue; 
	scrollbar-face-color: #e7e7e7; 
	scrollbar-3dlight-color: #a0a0a0; 
	scrollbar-darkshadow-color: #888888;
}

#LeftContent 
{
	border: solid 0px green;
	width: 530px; 
	height: 907px;
	margin: 5px 5px 5px 0px; 
	padding: 0px 15px 15px 15px; 
	background-color: #EFF0F0; 
	float: left;
}

#RightContent 
{
	border: solid 0px black;
	width: 400px; 
	margin: 5px 0px 5px 5px; 
	padding: 0px; 
	background-color: #FFF; 
	float: right;
}

#SloganBox  
{
	height: 365px;
	text-align: center;
	background-color: #EFF0F0; 
	border: solid 15px #EFF0F0;
}

.slogan  
{
	color: #FFFFFF;
	font-size: 16pt;
}

#PageNav {background-color: #FFF; border: solid 0px #000000;}

#PageNav .navItem
{
	text-align: center; 
	height: 160px; width: 192px; 
	padding: 0px;
	margin-top: 15px;
	border: solid 0px black;
	background-color: #EFF0F0;
}


#HomePageNav .buttonRow  
{
	width: 980px;  
	margin-top: 15px;
	border: solid 0px black; 

}

#HomePageNav .leftButton
{
	float: left;
	padding: 0px 32px 0px 0px;
}

#HomePageNav .rightButton
{
	float: left;
	padding: 0px;
	margin-left: 1px;
}

#PageNav .navItem .navImageContainer , #HomePageNav .navItem .navImageContainer
{
	height: 80px; width: 140px; 
	margin: 5px;
}

#PageNav .navItem .navImageContainer img , #HomePageNav .navItem .navImageContainer img
{
	height: 80px; 
	width: 140px; 
}

/***************** FORMS **********************/

.formControl
{
	font-family: Helvetica, Arial Narrow, Arial; 
	font-size: 8pt; 
	padding: 3px;
	width: 100% auto;
	clear: both;
}

.formControl .formRow
{
	padding-left: 5px;
	padding-top: 2px;
	clear: both;
}

.formControl .formField
{
	color:#307397; 
	font-weight: bolder;
	width: 275px auto;
	float: left;
}

.formControl .formButtons
{
	width: 100% auto;
	text-align: right;
	margin-top: 25px;	
}

.formControl h2
{
	clear: both;
	font-size: 10pt;
	padding: 7px 0px 2px 0px;
	border-bottom: solid 1px #307397; 
}

.formControl label
{
	font-weight: bolder;
	font-size: 8pt;
	color: #333333;
	margin-right: 7px;
	margin-left: 7px;
}

.formControl label.fieldHorizontal
{
	float:left;
	text-align: right;
	line-height: 25px;
	height: 25px;
	width: 70px;
	vertical-align: baseline;
}

.formControl label.field
{
	float:left;
	text-align: right;
	line-height: 25px;
	height: 25px;
	width: 125px;	
	vertical-align: baseline;
}

.formControl .formSubmit, .button
{
	cursor: pointer;
	margin-top: 5px; margin-left: 5px; height: 24px; 
	width: auto; 
	background-color: #307397; 
	border: solid 1px #000000; color: White;
}

.feedbackQuestion
{
    font-size:10pt; 
    color:#333333; 
    border: solid 0px red;
    float: left; 
    width: 350px; 
    margin-bottom: 4px;  
}

.feedbackCheckBox
{   
    border: solid 0px yellow;
    margin-left: 12px; 
    text-align: center;
}

.feedbackRadioButtons input { margin-right: 25px; margin-left: 5px; }
                              
.feedbackCheckBoxes
{   font-size:10pt; 
    color:#EEEEEE; 
    border: solid 0px black;
    float: right;    
    width: 150px; 
    margin-bottom: 4px;  
    text-align: right;
}

.errorMessage {margin: 10px; color: Red; font-size: 8pt;}

.formButton {text-align: right; padding-top: 5px;}
.formButton input {margin-top: 5px; margin-left: 5px; height: 24px; background-color: #307397; border: solid 1px #307397; color: White; } 


/****************** SMILE CHECK *******************/

.smileCheck label 
{
	font-weight: normal;
	font-size: 10pt;
	margin-left: 7px;
	margin-right: 0px;
}


/****************** MODAL POPUP ******************/

.modalBackground { background-color:Gray; filter:alpha(opacity=70); MozOpacity: 0.7; opacity:0.7;}
    .modalPopup  
    {
    	width: 400px; 
    	text-align: left; 
    	cursor: move;
    	background-color: #EFF0F0; 
    	border:2px solid #307397; 
    	color: #CCCCCC; 
    	padding:0px;
    	padding-bottom: 5px; 
    	margin:10px; 
    }    
    .modalPopup .header { vertical-align: top; width: auto; background-color:#307397; color:#FFF; border-bottom: 1px solid #307397; padding: 7px; margin: 0px 0px 0px 0px; font-weight: bolder; font-size: 14px; text-align: left;}
    .modalPopup .errorheader { vertical-align: top; width: auto; background-color:#307397; color:Red; border-bottom: 1px solid #307397; padding: 7px; margin: 0px 0px 0px 0px; font-weight: bolder; font-size: 14px; text-align: left;}
    .modalPopup .footer { clear: both; text-align: right; padding: 10px; }
    .modalPopup .body { text-align: left; margin: 15px; font-family: Verdana, Arial; font-size: 10pt; color: Red; }
    .modalPopup .header .close { vertical-align: top; cursor: pointer; margin: 1px 0px 7px 0px; padding: 1px 3px 1px 3px; font-size: 18px; font-weight: bolder; color: #CCCCCC; }
    .modalPopup .leftPane { width: 150px auto; float: left; padding : 15px; }
    .modalPopup .rightPane { width : 450px auto; float: left; vertical-align: middle; padding: 15px; }
    .modalPopup .errorMessage { margin: 5px 2px 5px 2px; }

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}

#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    text-align: center;
    background-color:#EFF0F0;
    color: #307397;
    font-size: 10pt;
    border:solid 1px #307397;
}