﻿/* CSS Document */

/*PAGE LAYOUT*/
.page 
{
    width:100%;
    text-align:center;
    padding:0;
}
body {
	background-image: url(../images/bg_body.jpg);
	background-repeat: repeat-x;
	background-color: #838aa1;
	margin: 0;
	font-size: 110%;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
    padding: 0;
    color: #223;
    text-align:justify;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
#header
{
    position:relative;
    background-image:url(../images/bg_top.jpg);
	width:100%;
	height:150px;
	border-bottom: 2px solid #aab;
}
#header-contents
{
    width:1000px;
    height:150px;
    margin-left: auto;
    margin-right: auto;
    text-align:left;
}
#content
{
    position:relative;
	width:100%
}
#nomenucontent{
	min-height:360px;	
	width:1000px;
    margin-left: auto;
    margin-right: auto;	
    	_padding:20px;
}
#footer
{
    position:relative;
	width:100%;
	background-color:#222;
	border-top: 2px solid #aab;
	padding-top:20px;
	color: #aab;
}
#footer-contents
{
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}
ul#aboutbox {
	margin:10px 0 10px 0; padding:0; list-style:none;
}
ul#aboutbox li
{
    line-height:2em;
}
/*GRAY PANEL*/
.panel {
    text-align:left;
	border:solid 1px #E4E4E4;
	background-image:url(../../images/bg_slate.jpg); 
	margin:10px;
	padding:10px;
	width:500px;
	height:135px;
	border:dotted 1px silver;
	font-size:0.7em;
	color:#223;
}

/*TEXT STYLES*/

.smalltext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	color:#141432;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	padding-top:10px;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CCCCCC;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline; color:WHITE;
}
.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #CCCCCC;
}
.logotext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color: #999999;
}
.orangetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:BLUE;
}
#filetabarea
{    
    position:relative;
    width:100%;
    bottom:-1px;
    right:0;
}
ul#filetabs{
	float:right;
	margin:0; 
	margin-bottom:0;
	padding:0;	
	text-align:center;
	line-height:1.6em;
	font-size: 0.9em;
}
ul#filetabs li.filetab 
{
    display: inline;
    list-style: none;    
}
ul#filetabs li.filetab a
{
    float:left;
	width:140px; height:25px; 
	font-weight:bold;
	color: White;
	text-decoration:none;	
	background-image:url(../../images/bg_button.jpg); 
	margin-left: 10px;
}
ul#filetabs li.filetab a:hover{
	background-image:url(../../images/bg_buttonlt.jpg);
}
ul#filetabs li.noclick
{
    display: inline;
    list-style: none;    
}
ul#filetabs li.noclick a{
    float:left; 
	width:140px; height:25px; 
    background-image:url(../../images/bg_buttonlt.jpg);	
	font-weight:bold;
	color: White;
	text-decoration:none;
	margin-left: 10px;
}

#dentistItem a{
    color:Blue;
    text-decoration:none;
}
#dentistItem a:hover{
    text-decoration:underline;
}


#dentistform textarea
{
   width:200px;
   height:70px;
}

#dentistDiv textarea
{
   width:200px;
   height:70px;
}


hr
{
    padding:0px, 10px, 0px, 10px;
    height:1px;
}

#pagination
{
 text-align:center;
}

#dentistDiv {
    float: left;
    width: 280px;
}

#mapDiv {
    float: left;
}

#dentistList {
    padding:0px 0px 0px 0px;
}

#directionsarea {
    padding:0px 0px 0px 0px;
}

#searchBox {
    padding:0px 0px 10px 0px;
}

#theMap {
    position: relative; 
    width: 200px; 
    height: 150px;
}

.error
{
    color:Red;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    line-height: 1.1em;
    color: #005;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2.2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 5px 0;
}
h3
{
    font-size: 1.4em;
}
h4
{
    font-size: 1.2em;
}
h5, h6
{
    font-size: 1.1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

p, ul
{
    margin-bottom: 15px;
    line-height: 1.5em;
}

ul
{
    padding-left:10px;
}

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

table
{
    margin: 0;
    padding: 0;   
    text-align:center;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.box
{
    border:dotted 1px #DDDDEE; 
    background:url(../../images/box.png); 
    color:#fff; 
    padding:10px;
}
.box a
{
    color:#fff;
}
.box a:visited
{
    color:#cce;
}
.box a:hover
{
    color:#aae;
}
.box a:active
{
    color:#99e;
}

.error
{
    color:Red;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

strong, b
{
    color: #005;
}

#footer strong, #footer b, #footer h1, #footer h2, #footer h3, #footer h4, #footer a:link
{
    color: #aab;
}

#footer a
{
    text-decoration:underline;
}

a img
{
    border:0;
}

label
{
    position:relative;
    width:200px;
}