/* @override http://desertsmilesdentistry.com/styles/screen.css */


/* //////////////////////////////////////////////////////////////////////////////////// */


/* YIM RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* //////////////////////////////////////////////////////////////////////////////////// */

body {background:url(../images/background.jpg) no-repeat top center #fff;font-size:62.5%;font-family:tahoma,arial,sans;color:#333;}

p { padding: 5px 0 5px 0; }

strong { font-weight: bold; }

ul,ol{margin-left: 25px; padding: 0 0 5px}

h1 { color:#936C85; font-size: 160%; font-weight: bold; }
h2 { color:#938E6C; font-size: 140%; font-weight: bold; }

a:link,a:visited {color:#936C85; text-dectoration:underline;}
a:hover {color:#6C937A;}

div#site {text-align:center;}
div#logo {width:1000px;margin:0px auto 0px auto;padding:10px 0 0 0;height:120px;}
div#logo div#addressPhone {width:300px; float:left; font-size:16px; margin:20px 0px;0px 10px;}
div#logo div#addressPhone h3 {font-size:24px;}
div#logo h1 {display:none;}
div#logo img {padding:0 0 10px 0;}
div#content {width:1000px;clear:both;margin:0px auto 0px auto;text-align:left;padding:10px 0 10px 0;} 
div#copyright {color: #aaa;font-size: 90%; width:1000px;clear:both;margin:0px auto 0px auto;text-align:left;padding:10px 0 10px 0;border-top:1px dotted #ccc;}
div#copyright a,div#copyright a:link,div#copyright a:visited{color: #aaa;text-decoration:none; }
div#copyright a:hover { text-decoration:underline; }
div#pagecontent { font-size: 150%; width:600px; float:left;}
div#pagecontentfull { font-size: 150%; width:975px;}

div#menubar {background:url(../images/menu-background.png) repeat-x;clear:both;margin:none;height:50px;}
div#menu {width:1000px;margin:0px auto 0px auto;text-align:left;}
div#menu ul {padding:none;margin:none;font-size:18px;line-height:32px;}
div#menu li {color:#fff;list-style:none;display:inline;background: url(../images/menu-separator.png) right top no-repeat;padding:4px 8px 5px 0px;margin:0px 1px 0px 1px;}
div#menu li:last-child { background: none; }
div#menu li a,
div#menu li a:visited,
div#menu li a:link {position:relative;color:#fff;text-decoration:none;text-align:center;padding:5px 5px 7px 6px;margin:none;}
div#menu li a:hover {color:#000;text-decoration:none;background: url(../images/menu-background-active.png) repeat-x;padding:none;margin:none;}
/*
div#menu li a.active {color:#fff;text-decoration:none;}
div#menu li a.active:hover {color:#fff;text-decoration:none;}
*/
div#ri { float:right; width:375px; }
div.ri { display:none; }
div.ri img {border: 1px solid #ccc; }

div#sidebar { float:right; width:350px; text-align:center; padding:40px 0 0 0;}

table.editor tr th {vertical-align:top;padding:2px;font-weight:bold;text-align:right;}
table.editor tr td {vertical-align:top;padding:2px;}

table.form tr th {vertical-align:top;padding:2px;font-weight:bold;text-align:right;}
table.form tr td {vertical-align:top;padding:2px;}

div.btn { float: left; white-space: nowrap; background: #f0f0f0; margin: 2px; }
div.btn img { margin: 0px 3px 0px 0px; }
div.btn a { display: block; color: #454545; text-decoration: none; padding: 2px 5px 2px 3px; border-bottom:1px solid #bcbcbc; border-right:1px solid #bcbcbc; border-top:1px solid #dddddd; border-left:1px solid #dddddd; }
div.btn a:hover { text-decoration: none; background: #dde; color: #336; border:1px solid #99aacc;}
div.btn a:active { text-decoration: none; background: #aab; color: #fff; border:1px solid #7788aa;}

img.staff { float:right; border:1px solid #333; margin: 0px 13px 8px 5px; padding: 0px; }
div.staff { padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; border-bottom:1px solid #aaa; }

table.gridGrey { border-collapse: collapse; }

td.gridData {
	font-size: 90%;
}

td.gridHeader {
	font-size: 100%;
}

img.gridGrey {
	border: 0px;
}

em.gridGrey {
	font-size: 90%;
}

/* Even and Odd Rows */
tr.gridGreyRowEven { background: #eeeeee; }
tr.gridGreyRowOdd { background: #ffffff; }

tr.gridGreyRowEven:hover { background: #f5f5e0; }
tr.gridGreyRowOdd:hover { background: #fffff0; }


/* Row Sorted Colors */
tr.gridGreyRowSort0 { background: #dfdfdf; }
tr.gridGreyRowSort1 { background: #efefef; }
tr.gridGreyRowSort2 { background: #ffffff; }
tr.gridGreyRowSort3 { background: #dfdfdf; }
tr.gridGreyRowSort4 { background: #efefef; }
tr.gridGreyRowSort5 { background: #ffffff; }
tr.gridGreyRowSort6 { background: #dfdfdf; }
tr.gridGreyRowSort7 { background: #efefef; }
tr.gridGreyRowSort8 { background: #ffffff; }
tr.gridGreyRowSortChange { border-top: 1px dashed #aaaaaa; }

tr.gridGreyRowSort0:hover,
tr.gridGreyRowSort1:hover,
tr.gridGreyRowSort2:hover,
tr.gridGreyRowSort3:hover,
tr.gridGreyRowSort4:hover,
tr.gridGreyRowSort5:hover,
tr.gridGreyRowSort6:hover,
tr.gridGreyRowSort7:hover,
tr.gridGreyRowSort8:hover { background: #f3ffe5; }



/* Data Cell Border Top */
td.gridGreyDBT {
	border-top: 1px solid #999999;
}
/* Data Cell Border Bottom */
td.gridGreyDBB {
	border-bottom: 1px solid #999999;
}
/* Data Cell Border Right */
td.gridGreyDBR {
	border-right: 1px solid #999999;
}
/* Data Cell Border Left */
td.gridGreyDBL {
	border-left: 1px solid #999999;
}

/* Header Border Top */
td.gridGreyHBT {
	border-top: 1px solid #999999;
}
/* Header Border Bottom */
td.gridGreyHBB {
	border-bottom: 1px solid #999999;
}
/* Header Border Right */
td.gridGreyHBR {
	border-right: 1px solid #999999;
}
/* Header Border Left */
td.gridGreyHBL {
	border-left: 1px solid #999999;
}

div.gridGreyFinePrint {
	color: #555555;
	font-size: 80%;
	padding: 5px;
}

td.gridGreyHeader {
	background: #cccccc;
	font-weight: bold;
	border: 1px solid #999999;
	padding:2px;
}

td.gridGreyUtilities {
	background: #eeeeee;
	font-size: 100%;
	padding: 5px;
	border: 1px solid #999999;
}

td.gridGreyTrailer {
	color: #555555;
	font-size: 100%;
	padding: 5px;
}

table.gridGrey a {
	text-decoration: none;
	color: #333333;
	outline: none; /* hide dotted outline in Firefox */
}

table.gridGrey a:hover {
	text-decoration: underline;
	color: #333333;
}

.gridGrey input{
	border: 1px solid #999999;
	background: #fefefe;
	padding: 2px;
}
input.gridGreyButton {
	background: #fefefe;
	padding: 1px;
}

#gridGreyPages, #gridGreyResultsPerPage, #gridGreyResultsPerPageList, #gridGreyResultsPerPageLink {
	padding-top: 5px;
	padding-bottom: 5px;
}

#gridGreyPages a, #gridGreyResultsPerPage a {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin: 1px;
	border: 1px solid #aaaaaa;
	color: #888888;
	background: #eeeeee;
	text-decoration: none;
	width: auto;
	outline: none; /* hide dotted outline in Firefox */
}
#gridGreyPages a:hover, #gridGreyResultsPerPage a:hover {
	border: 1px solid #555555;
	color: #333333;
}

#gridGreyResultsPerPage a {
	font-size: 100%;
	outline: none; /* hide dotted outline in Firefox */
}
 
a#gridGreyCurrentPage, a#gridGreyCurrentRowPerPage {
	border: 1px solid #555555;
	color: #333333;
	background: #ffffff;
}
a:hover#gridGreyCurrentPage, a:hover#gridGreyCurrentRowPerPage {
	border: 1px solid #333333;
	color: #000000;
	background: #eeeeee;
}

#gridGreyFilteredMessage a {
	color: #003DF5;
	font-weight: bold;
	font-size: 100%;
	text-decoration:underline;
	outline: none; /* hide dotted outline in Firefox */
}
#gridGreyFilteredMessage a:hover {
	color: #002EB8;
}

div.staff h3 {font-size:18px; font-weight:bold;}




#gridGreyFilterNav {
	margin:0px;
	padding:0px;
	list-style:none;
}

#gridGreyFilterNav li {
	float:left;
	margin:0;
	padding:0;
}

#gridGreyFilterNav a {
	display:block;
	color:#444;
	text-decoration:none;
	font-size: 90%;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

#gridGreyFilterNav a:hover, #gridGreyFilterNav a:active, #gridGreyFilterNav a.here:link, #gridGreyFilterNav a.here:visited {
	background:#bbb;
}

#gridGreyFilterNav a.hot:link, #gridGreyFilterNav a.hot:visited {
	background:#f5dddd;
}

#gridGreyFilterNav a.hot:hover, #gridGreyFilterNav a.hothere:link, #gridGreyFilterNav a.hothere:visited {
	background:#ff8888;
}
#gridGreyFilterNav a.hothere:hover {
	background:#ff5555;
}

#gridGreyFilterNav A.here:link,
#gridGreyFilterNav A.here:visited {
	position:relative;
	z-index:102;
}

table.smiles { border-collapse: separate; border-spacing: 2px; }
table.smiles tr td { padding: 2px; }
table.smiles tr th { font-weight: normal; text-align:left; vertical-align:top; font-size: 110%; }
table.smiles tr td { font-weight: bold; text-align:center; font-style: italic; vertical-align:top;}
div#special {
	padding: 10px 10px;
	border: 1px dashed #ccc;
	background-color: #666699;
	background-image: url(../images/backgrounds/specialbg.jpg);
	background-repeat: repeat-x;
	width:375px;
}
div#special h2 {color:#fff; font-size:20px; margin-bottom:10px;}
div#special h4 {color:#fff; font-size:16px; margin-bottom:8px;}
div#special p {font-size: 14px; color:#fff;}