/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Title: Sesame Communications
Domain(s): http://sesamecommunications.com
Updated: 09/05/08

~~~~~~~~~~~~~~~~~~~~
Sesame 2008 Brand Colors:
~~~~~~~~~~~~~~~~~~~~
Blue (light): #69b4c8
Blue (dark): #009ec7
Gray (light): #8c8f91
Gray (dark): #656b6f
Green (light): #bad405
Green (dark): #a0b606

~~~~~~~~~~~~~~~~~~~~
Table of Contents:
~~~~~~~~~~~~~~~~~~~~
01) HTML, BODY
02) TEXT
03) HEADINGS
04) LISTS
05) FORMS
06) IMAGES
07) LINKS
08) NAVIGATION
09) LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
01) HTML, BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {margin-bottom: 1px;}
html, body {height: 100%; width: 100%;}
body {background: #FFF; margin: 0; text-align: center;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
02) TEXT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, form, input, select, table, textarea {color: #656b6f; font: 11px/18px tahoma, sans-serif;}
p {margin: 0;}
strong, .bold {font-weight: bold;}
em, .italic {font-style: italic;}
blockquote {margin-bottom: 0; margin-top: 0;}
acronym {cursor: help;}
.centered {text-align: center;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.caption {color: #69b4c8; float: left; font-size: 20px; line-height: 20px; margin: 10px 10px 10px 0; width: 30%;}
.blue {color: #69b4c8;}
p.blue_dark {color: #009ec7;}
span.green { color: #A0B606; }
.red {color: #CC0000;}
.black {color: #1D3F0C;}
.doc-link {padding-left: 32px; }
.parenthesis {font-size: 10px;}
.footnote {color: #009ec7; font-style: italic;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
03) HEADINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, .heading {background-repeat: no-repeat; color: #a0b606; display: block; font: bold 19px/19px tahoma, sans-serif; height: 20px; margin: 0; overflow: hidden; text-indent: -999em;}/* Image replacement */
a h1 {cursor: pointer;}
#features h1 {height: 21px; margin-bottom: 3px;}
h1.headline {text-indent: 0;}

h2 {color: #a0b606; font: bold 12px/18px tahoma, sans-serif; margin: 0;}
h2.white {color: #fff;}
h2.blue_dark, .box h2.blue_dark {color: #009ec7; border: 0; padding: 0;}

.box h2, .title h2 {color: #fff;}
.box .white h2 {color: #a0b606;}
.box .mos h2 {color: #fff;}
.box .spm h2 {color: #69b4c8;}

h3 {font-size: 11px; font-weight: bold; margin: 0;}
#slider h3, .box h3 {color: #fff;}
.box .white h3 {color: #656b6f;}
h3.green {color: #a0b606;}
h3.green_light {color: #bad405;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
04) LISTS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
ol, ul {margin-bottom: 0; margin-top: 0;}
li {display: list-item;}
ol.break li, ul.break li {margin-bottom: 18px;}
ul.no_style {list-style: none;}
ul.none {list-style: none; margin: 0; padding: 0;}
ul.thumbnails {list-style: none; margin: 20px 0 -20px 0; padding: 0; text-align: center;}
ul.thumbnails li {float: left; height: 50px; padding-top: 140px; position: relative; width: 49.5%;}
ul.no_indent {margin: 0 0 0 13px; padding: 0;}
ul.s3 {margin: 0 0 10px 15px; padding: 0; color: #fff;}
span.adjectives{cursor:pointer;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
05) FORMS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form, input {margin: 0;}
select {width: 220px;}
#random select {width: 250px; margin: 2px 0 15px 0;}
select .section {background: #656b6f; color: #bad405; font-weight: bold; margin-bottom: 1px;}
.select_state, .select_time_zone {width: auto;}
select.buyer {margin-right: 10px; width: 40px;}
.checkbox, .radio {margin: 0 5px 0 10px;}
.form {width: 100%;}
.form .col30 {width: 30%;}
.form .col70 {width: 70%;}
.form td {padding: 5px; vertical-align: top;}
.field {width: 98%;}
#slider label {color: #fff;}
table.form .divider {margin: 5px 0;}

/* Submit Buttons */
button {border: 0; display: block; text-indent: -999em; overflow: hidden; margin-top: 10px;}
button.demo-submit {width: 150px; height: 23px; background: url(../images/buttons/submit_demo_request.png) no-repeat;}

/* Webinar Forms */
table.webinars {background: #fff;}
table.webinar_schedule {background: #fff; border-spacing: 1px; text-align: center; width: 100%}
table.webinar_schedule td {padding: 5px;}
table.webinar_schedule td.title {background-color: #009ec7; color: #fff; font-weight: bold;}
table.webinar_schedule tr.choose {background-color: #69b4c8; color: #fff; font-weight: bold;}
tr.other {background-color: #ddd;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
06) IMAGES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {border: none; color: #c1c9cb;}
.image_left {float: left; margin: 0 10px 10px 0;}
.image_right {float: right; margin: 0 0 10px 10px; text-align: center;}
.border {border: 1px dotted #c1c9cb;}
* html .border {border-style: solid;}
img.centered {display: block; margin: 0 auto 10px auto;}
.box img.border {border-color: #fff;}
.spm img.border {border-color: #8c8f91;}
.thumbnail {float: left; height: 200px; text-align: center; width: 49%;}
.thumbnails img {left: 50%; margin: -140px 0 0 -105px; position: absolute; z-index: 1;}
#tagline {margin-top: 18px;}
object {outline:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
07) LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link, a:visited {color: #009ec7;}
a:hover {text-decoration: none;}
#slider a {color: #bad405;}
#colorbar a, .box a, .box .blue_dark a, .box .blue_light a, .box .green a, .box .yellow a {color: #fff;}
.white a {color: #009ec7;}
#features a, table.webinar_schedule tr.choose a {color: #fff;}
.webinars a {color: #009ec7;}
a.answer:link, a.answer:visited {background: #69b4c8; color: #009ec7; cursor: help; padding: 0 5px;}
a.answer:hover {color: #fff;}
#footer_nav a {color: #fff; font-weight: bold; text-decoration: none;}
#footer_nav a:hover {text-decoration: underline;}

.acrobat {background: url(../images/icons/acrobat.gif) no-repeat 0 1px; padding-left: 20px;}
a.anchor {background: url(../images/icons/arrow_anchor_blue.gif) no-repeat 0 4px; padding-left: 8px;}
a.arrow {background: url(../images/icons/arrow_forward_blue.gif) no-repeat 0 4px; padding-left: 12px;}
.box a.arrow {background-image: url(../images/icons/arrow_forward_white.gif);}
a.back {background: url(../images/icons/arrow_back_blue.gif) no-repeat 0 4px; padding-left: 12px;}
a.close_up {background: url(../images/icons/magnifying_glass_blue.gif) no-repeat 0 2px; padding-left: 12px;}
a.launch {background: url(../images/icons/arrow_launch_blue.gif) no-repeat 0 4px; padding-left: 12px;}
a.help {background: url(../images/icons/help_green.gif) no-repeat 0 2px; padding-left: 10px;}
a.document {background: url(../images/icons/document_green.gif) no-repeat 0 3px; padding-left: 12px;}
a.download, .box .white a.download {background: url(../images/icons/arrow_download_green.gif) no-repeat -2px 3px; padding-left: 14px;}
.box a.download {background-image: url(../images/icons/arrow_download_white.gif);}
a.email {background: url(../images/icons/email_blue.gif) no-repeat 0 4px; padding-left: 12px;}
a.tips {background: url(../images/icons/tips.gif) no-repeat 0 4px; padding-left: 12px;}
a.questionnaire {background: url(../images/icons/questionnaire.gif) no-repeat 0 4px; padding-left: 12px;}
.box a.email {background-image: url(../images/icons/email_white.gif);}
a.top {background: url(../images/icons/arrow_top_blue.gif) no-repeat 0 3px; margin-bottom: 40px; padding-left: 8px;}
a.wp {text-decoration: none;}
a.wp:hover {text-decoration: underline;}
a.green {color: #a0b606;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
08) NAVIGATION
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Main nav */
a b {display: none}/* Hides rich text for main nav */
#nav_solutions, #nav_products, #nav_successes, #nav_support, #nav_about {display: block; float: left; height: 25px;}
#nav_solutions {background: url(../images/nav/solutions.gif) no-repeat 0 0; width: 16%;}
#nav_products {background: url(../images/nav/products.gif) no-repeat 0 0; width: 19%;}
#nav_successes {background: url(../images/nav/successes.gif) no-repeat 0 0; width: 17%;}
#nav_support {background: url(../images/nav/support.gif) no-repeat 0 0; width: 19%;}
#nav_about {background: url(../images/nav/about_sesame.gif) no-repeat 0 0; width: 22%;}
#nav_divider {background: url(../images/nav/divider.gif) no-repeat center 0; float: left; height: 25px; width: 1%;}
#nav_home {background: url(../images/nav/home.gif) no-repeat 100% 0; float: right; height: 25px; width: 5%;}
/* Main nav rollover states */
#nav li:hover#nav_solutions, #nav li.sfhover#nav_solutions, #nav li:hover#nav_products, #nav li.sfhover#nav_products, #nav li:hover#nav_successes, #nav li.sfhover#nav_successes, #nav li:hover#nav_support, #nav li.sfhover#nav_support, #nav li:hover#nav_about, #nav li.sfhover#nav_about {background-position: 0 -25px;}
#nav li:hover#nav_home, #nav li.sfhover#nav_home {background-position: 100% -25px;}
/* Main nav selected states */
body#solutions #nav_solutions, body#products #nav_products, body#successes #nav_successes, body#support #nav_support, body#about #nav_about {background-position: 0 -50px;}
body#home #nav_home, body#home #nav_home a {background-position: 100% -25px; cursor: default;}

/* Sub nav */
#nav, #nav ul {list-style: none; margin: 0; padding: 0; z-index: 1;}
#nav a {display: block; height: 25px; text-decoration: none;}
#nav ul {background: url(../images/nav/nav_menu_bg.png); border: 1px solid #8c8f91; left: -9999px; position: absolute;}
#nav ul ul {margin: -21px 0 0 185px; width: 190px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em}/* Hide subnav */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}/* Show subnav */
#nav ul li:hover, #nav ul li.sfhover {background: #ddd;}
#nav ul a {color: #656b6f; font-weight: bold; height: 20px; padding-left: 5px; text-decoration: none; width: 185px;}
#nav ul a:hover {background: #656b6f; color: #bad405;}
#nav ul a.expand {background: url(../images/icons/expand.gif) no-repeat 100% 0;}/* Only subnav with teriary nav */
#nav ul a.expand:hover {background: #656b6f url(../images/icons/expand_over.gif) no-repeat 100% 0; color: #bad405;}

/* 2 column sub nav */
#subnav a {color: #656b6f; display: block; font-weight: bold; padding: 1px 5px; text-decoration: none;}
#subnav a:hover {background: #656b6f; color: #a0b606;}
a#active, a#active:hover {background: #fff; color: #a0b606; cursor: default;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
09) LAYOUT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#wrap {margin: 0 auto; max-width: 950px; min-width: 760px; padding: 0 10px;}
#container {position: relative; text-align: left; width: 100%;}

/* Demo request slider */
#slider {background: #009ec7 url(../images/layout/demo_request_bg.gif) no-repeat 100% 100%; color: #fff; height: 280px;}
#slider .content {padding: 20px 10px;}
/* 3 column slider columns layout */
#slider .col1 .content {margin: 0 15px 0 30px; padding: 10px 0;}
#slider .col2 .content {margin: 0 25px; padding: 10px 0;}
#slider .col3 .content {margin: 0 30px 0 15px; padding: 10px 0;}
#thank_you {background: #fff; border: 5px solid #a0b606; left: 50%; margin-left: -150px; padding: 20px; position: absolute; top: 140px; width: 210px; z-index: 200;}
.float-left {float: left;}
.float-right {float: right;}
.clear-right {clear: right;}
.clear-left {clear: left;}

#header {border-top: 2px solid #009ec7; height: 101px;}
#header_right {float: right; font-weight: bold; padding-top: 3px;}

#main_nav {height: 25px;}
.subsection {display: none; margin-left: 20px;}
div.show {display: block;}

div.blue_dark {background-color: #009ec7;}
div.blue_light {background-color: #69b4c8;}
div.green {background-color: #a0b606;}
div.green_light {background-color: #bad405;}
div.yellow {background-color: #efb935;}

/* Home page features */
#random {height: 220px; padding: 35px; background-image: url(../images/layout/home-02.gif); background-position: 100% 0; background-repeat: no-repeat;}
#jump_menus {float: left; width: 250px; margin-right: 53px;}
#random .content {color: #fff; font-size: 13px; font-weight: bold;}

#cols_3 {
	width: 100%;
}

/* Secondary page features */
#features {height: 160px; overflow: hidden; padding-top: 20px;}
#features .content {color: #fff; font-size: 13px; font-weight: bold; padding: 0 280px 0 20px;}
#colorbar {color: #FFF; height: 20px; padding: 0 5px;}

#breadcrumb {color: #8c8f91; font-size: 10px; margin-bottom: -10px; text-align: right;}

/* 3 column and slider columns layout */
#cols_3 .col1, #slider .col1 {float: left; width: 33%;}
#cols_3 .col2, #slider .col2 {float: left; width: 33.8%;}
#cols_3 .col3, #slider .col3 {float: right; width: 33%;}
/* 3 column content layout */
#cols_3 .col1 .content {margin: 20px 25px 20px 0;}
#cols_3 .col2 .content {margin: 20px 25px 20px 25px;}
#cols_3 .col3 .content {margin: 20px 0 20px 25px;}
/* 2 column and column content layout */
#cols_2 .col1 {float: left; width: 33%;}
#cols_2 .col2 {float: left; width: 66%;}
#cols_2 .col1 .content {margin: 20px 25px 20px 0;}
#cols_2 .col2 .content {margin: 20px 0 20px 25px;}

/* 2 column with 2 columns inside  */
#cols_2 .col2 .col {float: left; width: 49%;}
#cols_2 .col2 .col .left {margin: 0 20px 20px 0;}
#cols_2 .col2 .col .right {margin: 0 0 20px 20px;}

/* Flash Ortho/Dental gallery slideshow */
#slideshow_wrap {background: url(../images/layout/gallery_monitor.jpg); height: 200px; margin: 0 auto 15px auto; width: 226px;}
#flash_slideshow {height: 147px; position: absolute;}


/* 2 column layout left box */
.box {background: #c4c1cb; border-bottom: 2px solid #e7e7e7; color: #fff; margin-bottom: 15px; padding: 1px; width: 100%;}
.box .blue_dark, .box .blue_light, .box .green, .box .yellow, .box div.white {border: 1px solid #fff; padding: 10px;}
.box div.white {background-color: #fff; color: #656b6f;}
.box div.white .blue_light {background-color: #69b4c8; color: #fff; display: block; margin: -11px -11px 10px -11px; padding: 10px;}
.box .no_border {border: 0;}
.box .no_padding {padding: 0;}
.mos_winners {width: 100%;}
.mos_winners td {background-color: #d8e9f9; vertical-align: top;}
.box .spm {border: 1px solid #fff; background-color: #fff; color: #474f54; padding: 10px 60px;}
.box .spm .yellow {background-color: #efb935; color: #fff; display: block; margin: -11px -61px 10px -61px; padding: 10px;}
.box .spm .blue_light {background-color: #69b4c8; color: #fff; display: block; margin: 10px -61px -11px -61px; padding: 20px 60px;}

/* Linked close-up pages */
#close_up {margin: 20px 0; text-align: center;}

/* Footer */
#footer_nav {background: #009ec7; clear: both; color: #fff; height: 20px; padding: 0 10px; text-align: center;}
#footer_nav_ortho {float: left; text-align: left; width: 14%;}
#footer_nav_dental {float: left; width: 18%;}
#footer_nav_design {float: left; width: 18%;}
#footer_nav_webinars {float: left; width: 20%;}
#footer_nav_newsletter {float: left; width: 20%;}
#footer_nav_students {float: left; text-align: right; width: 10%;}
#footer {color: #656b6f; font-size: 10px; padding-bottom: 20px;}
#footer a {color: #656b6f;}
#footer .strong {font-weight: bold;}

/* Dotted dividers */
.divider {background-image: url(../images/layout/divider_white.gif); background-repeat: repeat-x; clear: both; font-size: 0; height: 1px; margin: 15px 0; overflow: hidden; width: 100%;}
.gray_dark {background-color: #656b6f;}
.gray_light {background-color: #8c8f91;}
#slider .divider, .box .divider {margin: 6px 0;}
#divider_nav {margin: 0 0 5px 0;}
.headings {margin: 6px 0 15px 0;}
#footer .divider {margin: 5px 0;}

.left {float: left; margin: 0 10px 10px 0;}
.right {float: right; margin: 0 0 10px 10px;}

.clear {clear: both;}
.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;}