﻿/*********************************************************************
	
	Sesame Communications - (c) 2011
	Built by: Gary King
	All rights reserved. 
	Any reproduction or intentional misuse is strickly prohibited
	
*********************************************************************/

/******************** Reset ********************/
html, body, div, span, a, img,
h1, h2, h3, h4, h5, h6, hgroup, p,
dl, dialog, dt, dd, ol, ul, li, 
abbr, acronym, address, b, big, blockquote, 
cite, code, del, dfn, em, i, ins, kbd, pre, q, 
samp, tt, var, small, sub, sup, 
object, iframe, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, footer, header, nav, section,
figure, menu, time, mark, audio, video						{ font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; vertical-align: baseline; white-space: normal; text-align: left; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; }
textarea													{ font-family: inherit; font-size: 100%; font-weight: normal; font-style: normal; white-space: normal; text-align: left; margin: 0; padding: 0; }
article, aside, footer, header, nav, section,
dialog, figure, hgroup, menu								{ display: block; }

h1, h2, h3, h4, h5, h6										{ font-size: 100%; font-weight: normal; }
del, ins													{ text-decoration: none; }
ol, ul														{ list-style: none; }
nav ul														{ list-style-type: none; }
table														{ border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; }
:focus														{ outline: 0; }
blockquote:before, blockquote:after, q:before, q:after		{ content: ""; }
blockquote, q												{ quotes: "" ""; }
input														{ margin: 0; }
ul#toggle-emergency li {list-style: none;}
.toggleFade {cursor: pointer;} 
/**************************************/
/*iPad and iPhone fix*/
/**************************************/

 /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #bd {
     margin: 10px;
     background: url('/assets/images/bd-1600.jpg') center 0 repeat;
    } 
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
    #bd {
     margin: 10px;
     background: url('/assets/images/bd-1600.jpg') center 0 repeat;
    } 
}
/**************************************/
/*               TYPE                 */
/**************************************/

@font-face {
    font-family: 'MyFontName';
    src: url('/assets/fonts/MyFontName.eot');
    src: url('/assets/fonts/MyFontName.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/MyFontName.woff') format('woff'),
         url('/assets/fonts/MyFontName.ttf') format('truetype'),
         url('/assets/fonts/MyFontName.svg#MyFontName') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* webkit font anti-aliasing */
* {-webkit-font-smoothing: antialiased;}

body, p {
	font-size: 13px;
	font-family: ;
	color: #000;
	line-height:18px; 
	}
	
p {margin: 18px 0;}

.map {
	width: 529px;/* multiples of 9px less border and padding*/ 
	height: 360px; /* multiples of 9px less border and padding */
	overflow: hidden; 
	display: block; 
	margin: 20px 0 18px 0;
	padding: 9px;
	background: #dd7902;/* customize me */
}
				
p {margin: 18px 0;}
	
a, .sitemap #content ul li a, .sitemap #content ul ul li a, a.map-text, .map  {color: #dd7902;}
a.map-text:hover {text-decoration: underline;}
a:hover, a.active {text-decoration: none;}

.sitemap #content {}
.sitemap #content ul li  a {font-size: 14px; font-weight:bold;}
.sitemap #content ul li { list-style: none; background-image: none;}
.sitemap #content ul ul li a   {font-size: 14px; font-weight: normal;}
.sitemap .back-to-top {clear: both;}
.sitemap #sub-navigation, .blog #sub-navigation {display: none;}
.sitemap h1.headline {margin-bottom: 20px;}

h1.headline { 
	font-size: 30px; 
	margin: 0; 
	line-height: 35px; 
	color: #000; 
	font-family: "", Arial, Helvetica, sans-serif;
}

h2 { 
	font-size: 18px; 
	line-height: 1.2em;
    margin: 10px 0 10px 0;
	color: #919088;
}

.home h2 { 
	font-size: 16px; 
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em;
    margin: 10px 0 10px 0;
	color: #624d32;
}

h2#tagline { text-indent:-999em; margin: 0; padding: 0; }
h3 { 
	font-size: 16px; 
	margin: 18px 0; 
	color: #433126;
}
h4 { 
	font-size: 14px; 
	color: #433126;
}
h5 { 
	font-size: 13px; 
	color: #433126;
}
h6 { 
	font-size: 12px; 
	color: #433126;
}
dt { 
	font-size: 16px; 
	margin: 18px 0 0; 
}

fieldset {margin: 0 0 0 18px;}
legend { font-size: 16px;}

small { font-size:11px; }
hr { position:relative; height:4px; margin:18px 0 14px; clear:both; }
#content ul, #content ol {margin: 0 0 20px 20px;}	

/******************** Table ********************/


caption	{ top: 5px; margin-bottom: 18px; }

/**************************************/
/*          LAYOUT OVERRIDES          */
/**************************************/

/* Overrides a few defaults from CSS framework */
header#hd, section#bd, footer#ft {float: none;}
	
/*background color*/
body {background: #f4eee2;}

/**************************************/
/*              HEADER                */
/**************************************/
#hd {
	background: url(../images/hd.jpg) top center no-repeat;
	position: relative;
	margin:0;
	padding:0;
}

#hd .wrapper {
	background: url(../images/hd-wrapper.jpg) top center no-repeat;
	width:990px;
	height:60px;
	margin:0 auto;
	padding:0;
	position:relative;
}

#branding #logo a {width: 300px; height: 200px; display: block;}/* adjust height and width. logo h1 a */

/**************************************/
/*           MAIN CONTENT             */
/**************************************/

/*alternate home bd*/
/*.home #bd {
	background: url(../images/bd-home.jpg) top center no-repeat;
}*/

#bd {
	background: url(../images/bd-int.jpg) top center no-repeat;
	margin:0;
	padding:0;
}

.bd-wrapper-outer {	width: 990px; background: url(../images/bd-wrapper-outer.png) top center repeat-y; margin: 0 auto;}

.home #bd .wrapper {
	background: url(../images/bd-wrapper-home.jpg) top center no-repeat;
}

#bd .wrapper {
	background: url(../images/bd-wrapper-int.jpg) top center no-repeat;
	width:990px;
	min-height:600px;
	margin:0 auto;
	padding:0;
	position:relative;
}

/*alternate column layout*/
/*.home #content {
	width:331px; 
	padding:0;
	margin:0 0 0 0;
	display: inline;
}*/

#content {
	width:620px; /* modify this  990px - 252px(nav) */
	padding:0;
	margin:0 50px 0 0;
	display:inline;
}

#content ul li {list-style:disc; margin: 10px 0 10px 10px;}
#content ol li {list-style: decimal; margin: 10px 0 10px 10px;}

#cleartextarea{
	min-height:1400px;
}

.blog #content header.child {padding:0px 0px 0px 0px; margin: 0px 0 0 0;}
.sitemap #content header.child {padding:0px 0px 0px 0px; margin: 0px 0 0 0;}
.home #content header.child {padding:0px 0px 0px 0px; margin:400px 0px 0px 0px;}
#content header.child {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

/*hide more topics on blog and sitemap */
.blog #more-topics {display: none;}
.sitemap #more-topics {display: none;}

.sidebar-right #bd .wrapper #content { float:left}
.sidebar-left #bd .wrapper #content { float:right}

/*start text_sub_navigation*/
#sub-navigation p {margin: 0}
#sub-navigation {
	margin:10px auto 5px auto; 
	padding: 10px 0;
	}
	
p.sub-nav {text-align: left;   }
p.sub-nav {

	padding-bottom: 10px;
	}
	
.sub-nav a {
	color: #660033; 
	font-size: 14px; 
	text-decoration: underline;
}

.sub-nav a:hover, .sub-nav a.active, p.sub-nav {color: #87714d;}
/* end text_sub_navigation */

#navigate-header {display: none;}
/**************************************/
/*             SIDEBAR                */
/**************************************/

/*alternate column layout*/
/*.home #sidebar {
	position: relative;
	width:669px;
}*/

#sidebar {
	position: relative;
	width:320px;
}

.sidebar-right #sidebar	{ float:right}
.sidebar-left #sidebar	{ float:left}
		
		
/**************************************/
/*              FOOTER                */
/**************************************/
#ft {
	background: url(../images/ft.jpg) top center no-repeat;
	position: relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}


/*alternate home ft-wrapper*/
.home #ft .wrapper {
	background: url(../images/ft-wrapper-home.jpg) top center no-repeat;
}

#ft .wrapper {
	position: relative;
	background: url(../images/ft-wrapper-int.jpg) top center no-repeat;
	width:990px;
	min-height: 30px;
	margin-top:0px;
	margin-left:auto;
	margin-bottom:0px;
	margin-right:auto;
	padding:0px 0px 0px 0px;
}

p.sesame-link {
	position: absolute;
	top: 208px; 
	left: 406px;
	width: 240px;
}

p.sesame-link a {
	color: #c3d6fe; 
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase; 
	text-decoration: none;  
	font-size: 11px;
	}

/**************************************/
/*   SLIDESHOW/STOCK PHOTO    */
/**************************************/
#slideshow-home {
	position: absolute;
	top:  0px;
	left: 0px;
	width: 990px;
	height: 234px;
}
	
#slideshow-home ul.slideshow { margin: 0; padding: 0; }
#slideshow-home .slideshow li {
	list-style: none;	
}

#content ul.slideshow li {
	background-image: none;	
}

/*top stock photo only*/
.stock-photo-container {position: absolute; top: 1px; left: 1px; width: 200px; height: 339px; margin: 0 0 0 0;}

/**************************************/
/*       DOCTOR-PATIENT LOGINS        */
/**************************************/
#utility-nav {
	position:absolute; 
	width:200px;  /*modify this. remove if usijng images */
	height:25px;
	z-index: 1000;
	top:0px;
	left:631px;
	}
#utility-nav ul {
	float:right;
}
#utility-nav li {
	display: inline;
	float: left;
}
#utility-nav li a {
	display: block;
	height: 36px;
	text-transform: uppercase;
	color: #000;
	font-size:16px; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
} 

#utility-nav ul ul {
	margin: 36px 0 0;/* margin-top matches height of top-level links*/
	position: absolute;
	width: 234px;
	border: 1px solid;
	background: #fff;
	padding: 9px;
}
#utility-nav ul ul li {
	float: none;
}
#utility-nav ul ul li a {
	height: auto;
}							
/**************************************/
/*             NAVIGATION             */
/**************************************/

#nav  {
	width:100%;
	z-index: 1000;
	margin:0;
	padding:0;
	float:left;
}
#nav a {
	display: block; height: 20px; width: auto; line-height: 18px;
}		
#nav li {
	display: inline;
	float: left;
}
	/*subnav -----------------*/
	#nav ul ul {
		position: absolute;
		border: 1px solid;
		padding: 9px;
		margin: 0;
		width:200px; /* modify this */
		}
		#nav ul ul li {float: none;}
		
	/* top nav -----------------*/
	body.nav-top #nav   {
		width:990px;
		}
	body.sidebar-right.nav-top #nav{ 		
		position:relative;
		left:-738px; /* 990px-252px(width of nav) */}
	body.nav-top #nav ul {width: 990px; height:50px;background:#cccccc /* light grey bg */;}
	body.nav-top #nav ul ul {top: -999em; width: auto; height:auto}
	body.nav-top #nav li a:hover,
	body.nav-top #nav li.active a { font-weight:bold}
	body.nav-top #nav ul ul li a,
	body.nav-top #nav ul li.active ul li a{ font-weight:normal}
	body.nav-top #nav ul ul li a:hover, 
	body.nav-top #nav ul li ul li.active a,
	body.nav-top #nav ul li.active ul li a:hover { font-weight:bold}
	body.nav-top #nav ul li:hover ul, body.nav-top #nav ul li.sfhover ul {top: auto;}
	
	/* left nav  ----------------- */
	body.nav-left #nav { 
		width:252px /* modify this */; 
		}
	body.nav-left #nav ul { 
		height:170px /* modify this */; 
		background:#cccccc /* light grey bg */; 
		}
	body.nav-left #nav li {float: none;}
	body.nav-left #nav li a {width: 100%;}
	body.nav-left #nav ul ul {left: -999em; margin: -20px 0 0 200px; height:auto;}
	body.nav-left #nav li a:hover,
	body.nav-left #nav li.active a { font-weight:bold}
	body.nav-left #nav ul ul li a,
	body.nav-left #nav ul li.active ul li a{ font-weight:normal}
	body.nav-left #nav ul ul li a:hover, 
	body.nav-left #nav ul li ul li.active a,
	body.nav-left #nav ul li.active ul li a:hover { font-weight:bold}
	body.nav-left #nav li:hover ul, body.nav-left #nav li.sfhover ul {left: auto;}
		
	/* right nav ----------------- */
	body.nav-right #nav { 
		width:252px /* modify this */; 
	}
	body.nav-right #nav ul { 
		height:170px /* modify this */; 
		width:252px /* modify this */;
		background:#cccccc /* light grey bg */; 
		float:right;
		text-align: right;
		}
	body.nav-right #nav li {float: none;}
	body.nav-right #nav li a {width: 100%;}
	body.nav-right #nav ul ul {left: -999em; margin: -20px 0 0 -272px; height:auto;}
	body.nav-right #nav li a:hover,
	body.nav-right #nav li.active a { font-weight:bold}
	body.nav-right #nav ul ul li a,
	body.nav-right #nav ul li.active ul li a{ text-align:right; font-weight:normal}
	body.nav-right #nav ul ul li a:hover, 
	body.nav-right #nav ul li ul li.active a,
	body.nav-right #nav ul li.active ul li a:hover { font-weight:bold}
	body.nav-right #nav li:hover ul, body.nav-right #nav li.sfhover ul {left: 738px;} /* 990px - 252px (width of nav) */ 

	
/**************************************/
/*              GLOBAL                */
/**************************************/
	/* Extra Elements  -----------------*/
	object#flash-homepage { margin: 0; border: none;}
	
	/* Shortcuts and Helpers -----------------*/	
	.img-right {
		margin: 0 0 36px 18px;
		float: right;
		clear: right;
		}
	.img-left {
		margin: 0 18px 36px 0;
		float: left;
		clear: left;
		}
	.border {
		border: solid 1px #333; /* Customize me! */
		}
	.border-top { border-top: solid 1px #333; /* Customize me! */}
	.border-bottom { border-bottom: solid 1px #333; /* Customize me! */}
	.column	{ margin-left: 18px; display: block; float: left; } /* 1.5em */
	.sitemap .column a { color:#FFF; text-decoration:none; font-size:12px; font-weight:bold}
	.sitemap .column a:hover { text-decoration:underline}
	.sitemap .column ul ul li { margin-left:21px;} 
	
	.hide {display: none;}
	.clear {clear: both;}
	
	div.hr {/* This styled div acts as the hr for most browsers */
		height: 0px;
		border-top: solid 1px #eee; /* Customize me! */
		margin: 17px 0 18px;/* increase top/bottom margin by multiples of 18px less top margin equal to border-width */
		padding: 0;
		clear: both;
		}
	h6  {/* This styled div acts as the hr for most browsers */
		height: 0px;
		border-top: solid 1px #eee; /* Customize me! */
		margin: 17px 0 18px;/* increase top/bottom margin by multiples of 18px less top margin equal to border-width */
		padding: 0;
		clear: both;
		}
	
	hr {/* This is the backup for screen readers */
		display: none;
		height: 0px;
		}
	/* Clear Fix -----------------*/
	.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.cf {display: inline-block;} /*this trips hasLayout for ie7*/
	.cf {display: block;} /*this returns it back to normal*/
	* html .cf {height: 1px;}
	/* Text Classes -----------------*/
	p.flash-notice {
		margin: 18px;
		padding: 9px;
		color: #ff0000;
		border: 1px dotted #ff0000;
		background: #ffffff;
		text-align: center;
		}
	.note {font-style: italic;}
	.note:before {content: "** "}
	.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
	.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
	.hide {display:none;}
	.quiet {color:#666; font-weight: normal;}
	.loud {color:#000; font-weight: bold;}
	.highlight {background:#ff0;}
	.added {background:#060;color:#fff;}
	.removed {background:#900;color:#fff;}
	.centered {text-align: center;}
	.first {margin-left:0;padding-left:0;}
	.last {margin-right:0;padding-right:0;}
	.top {margin-top:0;padding-top:0;}
	.bottom {margin-bottom:0;padding-bottom:0;}
	.error, .notice, .growl, .message, .dialog {
		padding: 4px 9px 5px;
		margin-bottom:14px;
		border: 2px solid #ddd;
		}
	.error {color:#fff; border-color:#900f00;}
	.success {color:#264409; border-color:rgba(150,150,150,0.7); width: 350px;}
	.error a {color:#8a1f11;}
	.notice a {color:#514721;}
	.success a {color:#264409;}
	
	/* Google Map; see local.js */
	/*hides iframe <a> tag*/
	.iframe {display: none;}
	
	a.map-text {text-decoration: none; margin: 25px 0;}
	a.map-text:hover {text-decoration: underline;}
/**************************************/
/*              FORMS                 */
/**************************************/
legend							{ padding-bottom: 18px; }
label							{ width: 100%; position: relative; top: 5px; margin-bottom: 18px; line-height: 18px; display: block; }

input[type="text"],
input[type="password"],
input[type="search"]			{ width: 100%; margin-bottom: -1px; display: block;}

input[type="radio"]				{ top: -1px; margin: 0 4px 3px 1px; }
input[type="checkbox"]			{ top: -2px; margin: 0 4px 3px 1px; }
input[type="file"]				{ margin: 0px 6px 3px 6px; }

input[type="submit"],
input[type="reset"],
input[type="button"]			{ position: relative; top: 5px; margin-bottom: 18px; }

select							{ display: block; margin: 0px; width: auto;}
textarea						{ width: 99%; line-height: 18px; margin-bottom: -2px; display: block; clear: left; overflow: auto; }

input, select, textarea { cursor: pointer;}

.unitx1 		{ width: 45px; }
.unitx2 		{	width: 108px; }
.unitx3 		{	width: 171px; }
.unitx8 		{	width: 486px;	}

label.unitx1 select					{ width: 45px; }
label.unitx2 select					{ width: 108px; }
label.unitx3 select					{ width: 171px; }
label.unitx8 select					{ width: 486px; }

label.width1, label.width2,
label.width3	{ margin-right: 18px; float: left; }

label.unitx1, label.unitx2,
label.unitx3, label.unitx8,		{ margin-right: 18px; float: left; }
label.first						{ margin-left: 0; }

label.width4, label.unitx8		{ width: 990px; overflow: hidden; }

label.width1 input[type="text"], label.width1 input[type="email"], label.width1 input[type="url"], label.width1 input[type="password"], 
label.width1 input[type="date"], label.width1 input[type="search"]	{ width: 228px; }

label.width2 input[type="text"], label.width2 input[type="email"], label.width2 input[type="url"], label.width2 input[type="password"], 
label.width2 input[type="date"], label.width2 input[type="search"]	{ width: 480px; }

label.width3 input[type="text"], label.width3 input[type="email"], label.width3 input[type="url"], label.width3 input[type="password"], 
label.width3 input[type="date"], label.width3 input[type="search"]	{ width: 732px; }



label.width1 select				{ width: 234px; }
label.width2 select				{ width: 486px; }
label.width3 select				{ width: 738px; }

label.unitx1 input[type="text"], label.unitx1 input[type="email"], label.unitx1 input[type="url"], 
label.unitx1 input[type="password"], label.unitx1 input[type="date"], label.unitx1 input[type="search"]	{ width: 39px; }

label.unitx2 input[type="text"], label.unitx2 input[type="email"], label.unitx2 input[type="url"], 
label.unitx2 input[type="password"], label.unitx2 input[type="date"], label.unitx2 input[type="search"]	{ width: 102px; }

label.unitx3 input[type="text"], label.unitx3 input[type="email"], label.unitx3 input[type="url"], 
label.unitx3 input[type="password"], label.unitx3 input[type="date"], label.unitx3 input[type="search"]	{ width: 165px; }

label.unitx8 input[type="text"], label.unitx8 input[type="email"], label.unitx8 input[type="url"], 
label.unitx8 input[type="password"], label.unitx8 input[type="date"], label.unitx8 input[type="search"]	{ width: 480px; }




	label { margin-bottom:13px}
	label span {
		display: inline-block;
		}
	label > span + span, label.required span.quiet {/*sibling span */
		font-size: 95%;
		font-weight: normal;
		}
	input[type="text"],	input[type="date"], input.date,	input[type="email"],	input[type="url"], input[type="password"],
	input[type="select"], input[type="search"], textarea, select {
		padding: 3px 0 4px;
		text-indent: 9px;
		line-height: 18px;
		border: 1px solid #666; /* customize me */
		background: #f1f1f1;/* customize me */
		}
	select {text-indent: 0;}
	textarea {height: 72px;}
	.width2 p.notice { width:200px}
	p.width1 { width:335px}
	
	.refer-a-friend label, .refer-a-friend label span { display:block;  }
	.refer-a-friend label.width2 input {width: 228px}
	
	.refer-a-patient span { display:block}
	.refer-a-patient fieldset label.unitx1 span { display:inline; margin-right:20px}
	.refer-a-patient fieldset label.unitx1 { display:inline;}
	.refer-a-patient label.width2 #Referral_Comments  {width: 480px}/* customize me */
	
	.appointment-request label.width2 #Nature_Of_Appointment  {width: 480px}/* customize me */	
	.appointment-request label.unitx2 { float:left; margin-right:18px;}
	.appointment-request label.width1 { width:234px; float:left; clear:left}
	.appointment-request label.unitx3 { float:left; }

	/* Radios and Checkboxes*/
	.radio-group {}
		.radio-group p {margin: 0;}
		.radio-group label span { font-size: 11px;}
		
	/* Field hover styles */
	input[type="text"]:hover,	input[type="date"]:hover,	input.date:hover, input[type="email"]:hover,	input[type="url"]:hover, 
	input[type="password"]:hover,	input[type="select"]:hover, input[type="search"]:hover, textarea:hover, select:hover, 	
	input[type="text"]:focus,	input[type="date"]:focus,	input.date:focus,	input[type="email"]:focus,	input[type="url"]:focus, input[type="password"]:focus,
	input[type="select"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
		background: #ffffff;
		border-color: #333; /* customize me*/
		box-shadow: 0 0 3px rgba(0,0,0,.35);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.35);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.35);
		}
	/* disabled fields */
	input[disabled="disabled"], textarea[disabled="disabled"], select[disabled="disabled"],
	input[disabled="disabled"]:hover, textarea[disabled="disabled"]:hover, select[disabled="disabled"]:hover {
		border-color: #e0e0e0;
		background: #e0e0e0;
		}
	/* Buttons */	
	button { margin-bottom:13px}
	button:active { top: 6px;}

	/* Required and Error styles */
	label.required > span, p.required > span  {font-weight: bold;}	
	/*errors*/
	fieldset div.error {text-shadow: 1px 0 1px rgba(0,0,0,.45); width: 250px; font-size: 90%;}
		.error em {
			display:block;
			width:0;
			height:0;
			border: 9px solid;
			border-color: transparent transparent #ad2d10;
	
			/* positioning */
			position:absolute;
			top:-17px;
			left:18px;
			}
			.error span {display: block; margin: 0;}
	
	input[type="text"].invalid,	input[type="email"].invalid,	input[type="url"].invalid, input[type="password"].invalid,
	input[type="select"].invalid, input[type="search"].invalid, textarea.invalid, select.invalid {
		border-color: #900f00; 
		color: #900f00;
		}

	/* hidden field styles */
	.hidden-option {
		display: none;
		}

	/* Star Rating*/
	div.js-rate {margin-bottom: 18px;}	
		div.js-rate p {margin: 0 0 9px;}
		div.js-rate label, div.js-rate label span {display: none;}
	
	.ui-stars-star,
	.ui-stars-cancel {
	  float: left;
	  display: block;
	  overflow: hidden;
	  text-indent: -999em;
	  cursor: pointer;
		}
		.ui-stars-star a,
		.ui-stars-cancel a {
		  width: 18px;
		  height: 18px;
		  display: block;
		  background: url(/sesame_media/images/star_rating/jquery.ui.stars.png) no-repeat 0 0;
			}
		.ui-stars-star a {
		  background-position: 0 -36px;
			}
		.ui-stars-star-on a {
		  background-position: 0 -54px;
			}
		.ui-stars-star-hover a {
		  background-position: 0 -72px;
			}
		.ui-stars-cancel-hover a {
		  background-position: 0 -18px;
			}
		.ui-stars-star-disabled,
		.ui-stars-star-disabled a,
		.ui-stars-cancel-disabled a {
		  cursor: default !important;
			}

/**************************************/
/*               CSS3                 */
/**************************************/
	/* Rounded Corners */
	.box-round {
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		border-radius:7px;
		}
	.box-round-top {
		border-radius:7px 7px 0 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-topright:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-top-right-radius:7px;
		}
	.box-round-bottom {
		border-radius:0 0 7px 7px;
		-moz-border-radius-bottomleft:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-bottom-left-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	.box-round-left {
		border-radius:7px 0 7px 0;
		-moz-border-radius-topleft:7px;
		-moz-border-radius-bottomleft:7px;
		-webkit-border-top-left-radius:7px;
		-webkit-border-bottom-left-radius:7px;
		}
	.box-round-right {
		border-radius:0 7px 0 7px;
		-moz-border-radius-topright:7px;
		-moz-border-radius-bottomright:7px;
		-webkit-border-top-right-radius:7px;
		-webkit-border-bottom-right-radius:7px;
		}
	/* text shadow  -----------------*/
	.singlepx-shadow-dark {
		text-shadow:0 1px rgba(0,0,0,0.65);
		}
	.singlepx-shadow-light {/* dark Apple-style shadow */
		text-shadow:0 1px rgba(255,255,255,0.85);
		}
	.negative-singlepx-shadow-dark {/* light Apple-style shadow */
		text-shadow:0 -1px rgba(0,0,0,0.85);
		}
	.negative-singlepx-shadow-light {/* dark negative Apple-style shadow */
		text-shadow:0 -1px rgba(255,255,255,0.85);
		}
	.inset-shadow {/* light negative Apple-style shadow */
		text-shadow:-1px -1px rgba(0,0,0,0.65), 1px 1px rgba(255,255,255,0.85);
		}
	.classic-shadow {
		text-shadow:2px 2px 3px rgba(0,0,0,0.65);
		}
	/* classic drop shadow  -----------------*/
	.glow-shadow {text-shadow:0 0 9px rgba(255,255,255,0.85);}
	/* box shadow  -----------------*/
	.box-shadow {
		-moz-box-shadow: 0 0 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 0 3px rgba(0,0,0,0.45);
		box-shadow:0 0 3px rgba(0,0,0,0.45);
		}
	.box-shadow-bottom {
		box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-moz-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.45);
		}
	.box-shadow-large {
		-moz-box-shadow: 0 0 9px rgba(0,0,0,0.65);
		-webkit-box-shadow:0 0 9px rgba(0,0,0,0.65);
		box-shadow:0 0 9px rgba(0,0,0,0.65);
		}
	
	/* buttons  -----------------*/
	.button, a.button {
		color: #fff;
		border: solid 1px;
		text-align: center;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		line-height: 100%;
		padding: 5px 1em 5px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		text-decoration: none;
		}
	.button:hover, a.button:hover { text-decoration: none;}
	.button span {padding-left: 24px;}
	.button-medium {
		font-size: 16px;
		padding: 4px 18px 5px;
		}
	
	.button-small {
		font-size: 14px;
		padding: 4px 9px 5px;
		}
	/* button colors  -----------------*/
	.site-button-color {
		color: #fff;
		border-color: #333;
		background: #444;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#cccccc));
		background: -moz-linear-gradient(#444444, #cccccc);
		background: linear-gradient(#444444, #cccccc);
		-pie-background: linear-gradient(#444444, #cccccc);
		behavior: url(../PIE.htc);
		}

/**************************************/
/*           SESAME CONTENT           */
/**************************************/

/*Blog css for WordPress site */
/* Blog ------------------ */
	.navigation,
	.pagination {margin-top: 36px; margin-bottom:12px;}
	.navigation .next_post,
	.pagination .next_page {float: right;}
	.navigation .previous_post:before,
	.pagination .previous_page:before {content: "\27EA  ";}
	.navigation .next_post:after,
	.pagination .next_page:after {content: " \27EB";}
	
	.entry {display:block; clear:both;}
	.entry img.alignleft {margin: 0 0 2px 7px; display: inline;	float:left;}
	.entry img.alignright {margin: 0 7px 2px 0; display: inline; float:right;}
	.entry img.aligncenter {display: block; margin-left: auto; margin-right: auto;}
	.entry_meta p {margin: 0 0 12px;}
	#entry_comments {margin-top:36px;}
    #entry_comments form {
    width: 486px;
    }
    #entry_comments form input {
      width: 480px;
      margin-bottom: 18px;
      }
    #entry_comments form label {margin-bottom: 6px;}
	#entry_comments form button {color:#333;}

	form#blog_search {position: absolute; top: 0px; left: 0px; width: 248px; margin:0 auto; text-align:center;}
	form#blog_search label {margin-bottom: 6px; text-align:center;}
	form#blog_search input {width: 248px; margin: 6px auto;}
	form#blog_search button {color:#000;}
	
	.search-results .post {margin-bottom:30px;}
	.search-results .post h2 {margin-bottom:0;}
	
	.comment {margin:18px 0; border-bottom: 1px solid #000;}
	.comment_author {font-weight: bold;}
	.comment_author h3 {margin: 0;}
	.comment_author span {font-style: italic; font-weight: normal;}
	.comment_meta {font-size: 10px;}
	.comment_meta a {text-decoration: none;}

/* end blog css */


	/* Brushing and Flossing -------------*/
	dl#brushing-instructions dd ul, 	dl#flossing-instructions dd ul {
	 margin: 0;
	 list-style: none;
	}
	#toggle-content dd ul {list-style: none; }
		
	/* Clarity/SmartClip -----------------*/
	#calrity-thumb, #clarity-thumb { /* customize me */ }
	
	/* Emergency Care --------------------*/
	ul#toggle-emergency li, #toggle-content li {list-style: none;} /*remove bullets*/
	#toggle-emergency li div { margin-bottom: 9px;}
	#toggle-emergency li div p { top: auto; margin-top: 0;}	
	
	/* Common Treatments -----------------*/
	div.box {
	  background-color: #fff; /* Customize me! */
	  border: solid 1px #999; /* Customize me! */
	}
	div.box img {
	  border: solid 1px #333; /* Customize me! */
		}
	/* Incognito -------------------*/
	.incognito-image { /* customize me */ }
	
	/* In-Ovation  -----------------*/
	div.comparison {
	  border: 1px solid; /* Customize me! */
		}
		div.comparison div {
		  width: 46%; /* Adjust this number to fine tune width */
			}
	.in-ovation-image {/* customize me */}	
	
	/* Invisalign ----------------------- */
	#video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	span.indent {padding-left: 40px;}
	#invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#invisalign-sidebar a {
	  color: #036; /* Customize me! */
	}
	#invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me! */
	  font-size: 16px; /* Customize me! */
	  font-weight: bold; /* Customize me! */
	  color: #fff; /* Customize me! */
	}
	.thumb {
	  border: solid 1px #333; /* Customize me! */
	}
	
	/* Opalescence --------------------------- */
	#video-opalescence { width: 400px; height: 251px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Pro Pack ======================= */
	
	/* Reset */
	#pro-pack {
	  position: relative;
	  font-size: inherit;
	  line-height: inherit;
		}

	#pro-pack .img-left {
		margin-left: 25px;
	}

	/* Global Pro Pack Styles ------------------- */
	#pro-pack .border {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Testimonials ------------------ */
	#pro-pack ul#testimonials {clear: both;}
	/*#pro-pack ul#testimonials li {overflow: hidden;}*/
	#pro-pack ul#testimonials li {overflow: hidden; list-style: none; background-image: none;margin-bottom: 10px;}
		#pro-pack ul#testimonials li p { margin-top: 0;}

	/* Invisalign Info ------------------ */
	#pro-pack #video-invisalign { width: 360px; height: 266px; border: 1px solid #333/* customize me */}
	
	/* Invisalign Teen ------------------ */
	#pro-pack #invisalign-sidebar {
	  background: #fff; /* Customize me! */
	  border: solid 1px #333; /* Customize me! */
	}
	#pro-pack #invisalign-sidebar a {
	  color: #036; /* Customize me!! */
	}
	#pro-pack #invisalign-sidebar h3 {
	  background: #97AFC2; /* Customize me!! */
	  font-size: 16px; /* Customize me!! */
	  font-weight: bold; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	}
	#pro-pack .thumb {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Videos ------------------- */
	#pro-pack div.invisalign-flash {
	  border: solid 1px #333; /* Customize me!! */
	}
	
	/* Invisalign Before and After --------------- */
	
	/*before-after missing-image fix*/
	#pro-pack ul#before-after-cycle li {
	margin-left:0px;
	list-style:none;
	list-style-image:none;
	padding-left:0px;
	}
	
	#pro-pack #invisalign-before-after {
	  /*background-color: #e1ef7e;  Customize me */
	  border: solid 1px #999; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack ul#before-after-cycle li img {
	  border: solid 1px #333; /* Customize me */
	}
	#pro-pack #invisalign-before-after div.cycle-detail {
	  background-color: #fff; /* Customize me */
	  color: #333; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-before-after div.before-after-nav {
	  background: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-before-after .before-after-nav a {color: #333;} /* Customize me */
	#pro-pack #invisalign-before-after .before-after-nav a.activeSlide,
	#pro-pack #invisalign-before-after .before-after-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Invisalign Footer -------------------- */	
	#pro-pack #invisalign-footer {
	  border: solid 1px #333; /* Customize me!! */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-footer h3 {
	  background: #97AFC2; /* Customize me!! */
	  color: #fff; /* Customize me!! */
	  font-size: 14px; /* Customize me!! */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
	}
	#pro-pack #invisalign-footer ul {
	  /*border: solid 1px #333;  Customize me!! */
	  list-style: none;
	}
	
	#pro-pack #invisalign-footer ul li {
	  list-style: none;
	}
	
	
	/* Pro Pack Callouts --------------- */
	#pro-pack-callout-sm {
	  background: #eee /* Customize this color!! */ url(http://media.sesamehost.com/images/invisalign-pro-package/callout-sm.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Not supported in iYee */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  margin: 0 0 18px; /* Customize me!! */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 390px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	
	#pro-pack #invisalign-before-after li {
		list-style: none;	
	}
	
	
	#pro-pack-callout-lg {
	  background: #eee /* Customize this color!! */ url(http://media.sesamehost.com/images/invisalign-pro-package/callout-lg.png) no-repeat;
	  border: solid 1px #000; /* Customize me!! */
	  -moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
	  /* Uncomment the following lines if using absolute positioning */
	  /* top: 470px; Customize me!! */
	  /* left: 350px; Customize me!! */
	  /* position: absolute; */
	  /* z-index: 2; Adjust this number if needed */
	}
	
	
	/* Before and After - Static ------------------ */
	ul.before-after-static li {
	  background-color: #FFAFFD; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	ul.before-after-static li img {
	  border: solid 1px #333; /* Customize me */
	}
	ul.before-after-static li div.detail {
	  background-color: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	
	/* jQuery Cycle Before and After ------------------ */
	#before-after-container {
	  background-color: #FFAFFD; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	#content ul#before-after-cycle li {
		list-style: none;
		margin: 0;
	}

	#before-after-container {
		line-height: 18px;
		margin: 0 0 18px 20px;
		padding: 10px 0 10px 10px;
		width: 510px;
		min-height: 230px
	}
	
	ul#before-after-cycle li img {
		float: left;
		margin: 0px;
		width: 464px;
	}

	#before-after-container div.cycle-detail {
	  min-height: 70px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	  background-color: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	#before-after-container .before-after-nav {
	  background: #fff; /* Customize me */
	  border: solid 1px #333; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
	#before-after-container .before-after-nav a {
	  color: #333; /* Customize me */
	}
	#before-after-container .before-after-nav a.activeSlide, #before-after-container .before-after-nav a:hover {color: #009EC7;} /* Customize me */

	/*overwrite sesame.css*/
	#before-after-container .before-after-nav {
		margin: 0;
		width: 457px;
	}
	/* end overwrite*/	
	
	
	/* jQuery Before and After Slider ------------------ */
	.slider-container {
	color: #333; /* Customize me */
	background-color: #FFAFFD; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	.before-after-slider {border: solid 1px #333;} /* Customize me */
	.slider-container div.slider-detail {
	min-height: 55px; /* Increase this number to accomodate longer or shorter description text and to prevent "bumping" of lower content */
	background-color: #fff; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	.slider-nav {
	background: #fff; /* Customize me */
	border: solid 1px #333; /* Customize me */
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
	.slider-nav a {
	color: #333; /* Customize me */
	}
	.slider-nav a.activeSlide, .slider-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Office Tour CSS ------------------ */

	#gallery-container {
	  width: 480px; 
	  min-height: 500px;
	}
	ul#css-office-tour {
	  width: 480px; 
	  height: 370px;
	  position: relative; 
	  list-style: none; 
	  margin: 0; 
	  padding: 0; 
	  border: solid 1px #333; /* Customize me */
	  border-radius: 5px; /* Optional - you may customize or remove */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	  background: url(../images/css-office-tour/image-01.jpg) 10px 10px no-repeat;
	}
	ul#css-office-tour li {
	  margin: 380px 0 0 10px; 
	  float: left; 
	  display: inline;
	}
	ul#css-office-tour li img {
	  border: solid 1px #333; /* Customize me */
	  margin: 0 4px 2px 0; 
	  width: 68px; 
	  height: 52px;
	}
	ul#css-office-tour a {text-decoration: none;}
	ul#css-office-tour a span {
	  left: -9999px; 
	  position: absolute;
	}
	ul#css-office-tour a span img {
	  border: none; 
	  width: 460px; 
	  height: 350px;
	}
	ul#css-office-tour a:hover {
	  background: none; 
	  z-index: 100;
	}
	ul#css-office-tour a:hover span {
	  position: absolute; 
	  top: 10px; 
	  left: 10px; 
	  display: block;
	}	
	/* Cycle Office Tour ------------------ */
	#slideshow-container {
	  background: #e1ef7e; /* Customize me */
	  border: solid 1px #a0b606; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	#slideshow-container div#caption {
	  background-color: #fff; /* Customize me */
	  color: #333; /* Customize me */
	  border: solid 1px #a0b606; /* Customize me */
	  -moz-border-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
	}
	.office-tour-nav {
	  background-color: #fff; /* Customize me */
	  border: solid 1px #a0b606; /* Customize me */
	  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove */
	  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
	.office-tour-nav a {
	  text-decoration: none;  /* Customize me */
	  font-size: 12px;  /* Customize me */
	  padding: 5px;  /* Customize me */
	  margin: 0 3px;  /* Customize me */
	  color: #333; /* Customize me */
	}
	.office-tour-nav a.activeSlide, .office-tour-nav a:hover {color: #009EC7;} /* Customize me */
	
	/* Gallery Office Tour ------------------ */
	/* IMPORTANT - This prevents a flash of unstyled content */
	#gallery { visibility: hidden; }
	
	/* GALLERY CONTAINER */
	.gallery { background: #fff; border: 1px solid #333; padding: 10px; margin: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
	
	/* LOADING BOX */
	.loader {
		background: url(../images/loader.gif) center center no-repeat #ddd;
	}
	
	/* GALLERY PANELS */
	.panel {}
	
	/* DEFINE HEIGHT OF PANEL OVERLAY */
	/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
	.panel .panel-overlay,
	.panel .overlay-background {
		height: 25px; 
		padding: 0 10px; 
	} /* Change height to 0 if no captions are required */
	
	/* PANEL OVERLAY BACKGROUND */
	.panel .overlay-background {background: #222;}
	
	/* PANEL OVERLAY CONTENT */
	.panel .panel-overlay {
		color: #fff; 
		font-size: 12px; 
	}
	.panel .panel-overlay a {
		color: white;
		text-decoration: underline;
		font-weight: bold; 
	}
	
	/* FILMSTRIP */
	/* margin will define top/bottom margin in completed gallery */
	.filmstrip {margin: 5px;}
	
	/* FILMSTRIP FRAMES (contains both images and captions) */
	.frame {}
	
	/* WRAPPER FOR FILMSTRIP IMAGES */
	.frame .img_wrap {border: 1px solid #aaa;}
	
	/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
	.frame.current .img_wrap {border-color: #000;}
	
	/* FRAME IMAGES */
	.frame img {border: none;}
	
	/* FRAME CAPTION */
	.frame .caption {
		font-size: 11px; 
		text-align: center; 
		color: #888;
	}
	
	/* CURRENT FRAME CAPTION */
	.frame.current .caption {color: #000;}
	
	/* POINTER FOR CURRENT FRAME */
	.pointer {border-color: #000;}
	
	/* TRANSPARENT BORDER FIX FOR IE6 */
	/* NOTE - DO NOT CHANGE THIS RULE */
	*html .pointer {filter: chroma(color=pink);}

/**************************************/
/*           JQUERY PLUGINS           */
/**************************************/
	/* JQUERY TOOLS ----------------*/
	/* Calendar for <input type="date"/> */
	/* calendar root element */
	input.date {position: relative;}
	#calroot {
		
		top: 0;
		display: block;
		z-index:1000;/* place on top of other elements. set a higher value if nessessary */
		margin-top:-1px;
		width:198px;
		padding: 2px;
		background-color:#fff;
		font-size:11px;
		border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow: 0 0 15px #666;
		-webkit-box-shadow: 0 0 15px #666;	
		}
	/* head. contains title, prev/next month controls and possible month/year selectors */
	#calhead {	
		padding:2px 0;
		height:22px;
		} 
	#caltitle {
		font-size:14px;
		color:#0150D1;	
		float:left;
		text-align:center;
		width:155px;
		line-height:20px;
		text-shadow:0 1px 0 #ddd;
		}
	#calnext, #calprev {
		display:block;
		width:18px;
		height:18px;
		background:transparent url(/sesame_media/images/calendar/prev.png) no-repeat scroll center center;
		float:left;
		cursor:pointer;
		}
	#calnext { background-image:url(/sesame_media/images/calendar/next.png); float:right;}
	#calprev.caldisabled, #calnext.caldisabled { visibility:hidden;}
	/* year/month selector */
	#caltitle select { font-size:10px;}
	/* names of the days */
	#caldays { height:14px; border-bottom:1px solid #ddd;}
		#caldays span { display:block; float:left; width:28px; text-align:center;}
	/* container for weeks */
	#calweeks { background-color:#fff; margin-top:4px;}
	/* single week */
	.calweek { clear:left; height:22px;}
	/* single day */
	.calweek a {
		display:block;
		float:left;
		width:27px;
		height:20px;
		text-decoration:none;
		font-size:11px;
		margin-left:1px;
		text-align:center;
		line-height:20px;
		color:#666;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;} 
	/* different states */
	.calweek a:hover, .calfocus { background-color:#ddd;}
	/* sunday */
	a.calsun { color:red;}
	/* offmonth day */
	a.caloff { color:#ccc;}
	a.caloff:hover { background-color:rgb(245, 245, 250);}
	/* unselecteble day */
	a.caldisabled { background-color:#efefef !important; color:#ccc	!important;	cursor:default;}
	/* current day */
	#calcurrent {	background-color:#498CE2;	color:#fff;}
	/* today */
	#caltoday { background-color:#333; color:#fff;}	


/*  ************Sidebar***************** */
#callouts a img {
	border: none;
}
	
a.address {
	color: #4c95a0;
	