/* -----------------------------------------------------------------------

   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */


/* reset.css */
html, body, div, span, object, iframe, h1,
h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, code, del, dfn, em,
img, q, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td                          { margin:0; padding:0; border:0; outline: none; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
body                                              { margin: 0; padding: 0; background: #c1c2af url(/images/page_bg2.png) top repeat-x }
table                                             { border-collapse:separate;border-spacing:0;}
caption, th, td                                   { text-align:left;font-weight:normal;}
table, td, th                                     { vertical-align:middle;}
blockquote:before, blockquote:after,
q:before, q:after                                 { content:"";}
blockquote, q                                     { quotes:"" "";}
a img                                             { border:none;}

/* layout */
div#nav                                           { min-height: 56px; background: url(/images/nav_bg.png) top left no-repeat; }
div#nav ul                                        { margin: 0; padding: 33px 0 0 3px; text-indent: none; }
div#nav li                                        { display: inline; margin: 0 0 0 20px; padding: 0 0 6px 0; }
div#nav ul > li:first-child                       { margin-left: 25px; }
div#nav a, a:link, a:visited, a:active, a:hover   { color: #fff; text-transform: lowercase; text-decoration: none; letter-spacing: 1px; }
div#nav a:hover                                   { color: #f3ba5f; text-decoration: none; }
div#nav li.active                                        { background: url(/images/secondary_pages/page_indicator.png) center 14px no-repeat; overflow: visible; }
div#welcome                                       { margin: 0; padding: 0; border: 0; height: 152px; min-height: 152px; background: url(/images/welcome.png) top no-repeat; }
div#mission                                       { width: 595px; padding: 22px 0 0 300px; }
div#mission h1                                    { color: #fff; font-size: 12px; font-weight: bold; line-height: 14px; }
div#mission p                                     { color: #aefdfe; margin: -6px 0 0 0; line-height: 1.4em; letter-spacing: 1px; }
div#white-border                                  { width: 948px; background: #fff; padding: 0 1px 1px 1px; }
div#beige-border                                  { width: 938px; border-top: 0; border-left: 5px solid #dcdab8; border-bottom: 5px solid #dcdab8; border-right: 5px solid #dcdab8; }
div#content                                       { width: 100%; background: url(/images/content_bg.png) top repeat-y; margin: 0; padding: 0; }
div#left-column                                   { width: 500px; margin: 10px 10px 0 30px; float: left; line-height: 22px; }
div#left-column > DIV:last-child                  { border-bottom: 0; }
div#left-column h1 > a                            { text-decoration: underline; color: #007577; }
div#left-column h1 > span                         { color: #ccc; padding: 0 5px 0 5px; }
div#right-column                                  { width: 325px; margin: 30px 20px 0 20px; float: right; }
div#right-column > DIV:first-child                  { border-bottom: 0; }

/* Main Navigation */
a#home, a#about, a#patients, a#physicians, 
a#news, a#links, a#contact                        { }

/* Contact Form */
div#contact-form-container                        { display: none; background: #be4400 url(/images/contact_bg3.png) top no-repeat; width: 100%; /* height: 450px; min-height: 450px; */ }
div#contact-form                                  { width: 550px; margin: 0 auto 0 auto; padding: 25px 0 15px 35px; float: left; }
div#contact-form h1                               { color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 1px; }

/* Contact Information */
div#contact-info-container
{
     /* IE 24-bit png transparency fix. Only IE will accept this configuration. Other browsers ignore it */
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/contact_form_bg.png');
     border: 1px solid #fb9e65;
     padding: 0;
     width: 265px;
     margin: 49px 35px 15px 0;
     float: right; 
}

div.contact-info-container[class]
{
     /* IE will ignore class declarations with attributes (div.contact-info-container[class]). Other browsers will not ignore it. */
     background: url(/images/contact_form_bg.png);
     border: 1px solid #fb9e65;
     padding: 0;
     width: 295px;
     margin: 49px 35px 15px 0;
     float: right;
}

div#contact-info
{
     padding: 15px;
     color: #febc93;
}

div#contact-info .phone, div#contact-info .fax
{
     color: #febc93;
}

div#contact-info a, a:link, a:active, a:visited, a:hover
{
     color: #febc93;
     text-decoration: underline;
}

div#contact-info a:hover
{
     color: #fff;
     text-decoration: none;
}

div#contact-info strong
{
     color: #fff;
}

div#contact-info h1
{
     font-size: 16px;
     font-weight: bold;
     color: #000;
}

/* Various Content Elements */
img#meeting-cta                                   { border: 3px solid #b04300; }
img#back-the-pac                                  { margin: 25px 0 0 0; }
div.main-item                                     { padding: 10px 0 10px 0; border-top: 1px solid #f6f6f6; }
ul.error, ul.notice, ul.success				{ list-style: none; }


.js ul.jcarousel-skin-tango {
  height: 175px;
  display: none;
  list-style-type: none;
}

/* Find a Dermatologist listings */
div.listing
{
     border-top: 1px solid #f0e8d7;
     padding: 5px 0 7px 15px;
     background: url(/images/sidebar_bullet.png) 0 14px no-repeat;
}

div.listing > div
{
     display: none;
}

div#left-column p.location
{
     margin-bottom: 0;
}

/* File-Type Icons */
.PDF
{
     background:url(/images/icons/page_white_acrobat.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.DOC
{
     background:url(/images/icons/page_white_word.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.XLS
{
     background:url(/images/icons/page_white_excel.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.PPT
{
     background:url(/images/icons/page_white_powerpoint.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.Image
{
     background:url(/images/icons/picture.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.ExternalLink
{
     background:url(/images/icons/world_link.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

.Mail
{
     background:url(/images/icons/email_edit.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

/* Contact info on /about/board/index.php */
span.phone, span.fax                              { color: #b04300; }
span.phone
{
     background:url(/images/icons/phone.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

span.fax
{
     background:url(/images/icons/printer.png) top left no-repeat;
     padding: 0 0 2px 22px;
}

/* CTA Buttons */
/*
img#patient-cta                                   { float: left; }
img#physician-cta                                 { float: right; }
*/

/* Active links in sidebar sub-menu */
dd li.active
{
     color: #000;
}



/* Sidebar */
div.sidebar-item                                  { margin: 0; padding: 20px 0 20px 0; border-bottom: 1px solid #e9e8d9; width: 325px; }
div.sidebar-item h1, div.sidebar-item p, 
div.sidebar-item div, div.sidebar-item ul, 
div.sidebar-item li, div.sidebar-item form, 
div.sidebar-item input[type=text], 
div.sidebar-item select                           { margin: 0 0 0 5px; }
div.sidebar-item h1                               { font-weight: bold; font-size: 12px; text-transform: uppercase; color: #c34a00; }
div.sidebar-item ul,
div#left-column ul.content                          { margin: 0 0 20px 0; list-style-image: url(/images/sidebar_bullet.png); }
ul.content li                                     { margin: 8px 0 0 0; list-style-image: url(/images/sidebar_bullet.png);}
ul.content li > ul                                { padding: 0 0 0 25px; }
div.sidebar-item a, div.sidebar-item a:link, 
div.sidebar-item a:visited, 
div.sidebar-item a:hover                          { color: #007577; text-decoration: none; }
div.sidebar-item a:hover                          { color: #08abae; text-decoration: underline; }
div#right-column > DIV:first-child                { padding: 0 0 20px 0; }


/* Copyright */
div#copyright                                            {  width: 900px; margin: auto; padding: 15px 0 25px 0; font: 10px/18px normal verdana, arial, helvetica, sans-serif; color: #808165; text-align: center; }

/* typography.css */
body                                              { font-size:75%; line-height: 130%; color:#777; font-family: Verdana, Arial, Helvetica, sans-serif; }
div#left-column h1                                { font-size: 13px; font-weight: bold; color: #007577; margin: 0 0 3px 0; letter-spacing: -1px; }
div#left-column h2                                { font-size: 11px; font-weight: bold; color: #007577; margin: 0 0 -3px 0; }
div#left-column p                                        { margin: 0 0 20px 0; }
h1, h2, h3, h4, h5, h6                            { font-weight:normal;color:#111;}
h1                                                { font-size:3em;line-height:1;margin-bottom:0.5em;}
h2                                                { font-size:2em;margin-bottom:0.75em;}
h3                                                { font-size:1.5em;line-height:1;margin-bottom:1em;}
h4                                                { font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5                                                { font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6                                                { font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img    { margin:0;}
p                                                 { margin:0 0 1.5em;}
p img                                             { float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right                                       { float:right;margin:1.5em 0 1.5em 1.5em;}

/* Links */
a, a:link, a:visited, a:active, a:hover           { color: #c34a00; text-decoration: underline; text-transform: none; letter-spacing: 0; }
a:hover                                           { color: #f56b17; text-decoration: none; text-transform: none; letter-spacing: 0; }

blockquote                                        { margin:1.5em;color:#666;font-style:italic;}
strong                                            { font-weight:bold;}
em, dfn                                           { font-style:italic;}
dfn                                               { font-weight:bold;}
sup, sub                                          { line-height:0;}
abbr, acronym                                     { border-bottom:1px dotted #666;}
address { margin:0 0 1.5em;font-style:italic;}
del { color:#666;}
pre, code { margin:1.5em 0;white-space:pre;}
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol { margin:0 1.5em;}
/*
ul, ol { margin:0 1.5em 1.5em 1.5em;}
*/
ul { list-style-type:disc;}
ol { list-style-type:decimal;}
ol.roman { list-style-type: lower-roman; }
dl { margin:0 0 1.5em 0;}
dl dt { font-weight:bold;}
dd { margin-left:1.5em;}
table { margin-bottom:1.4em;width:100%;}
th { font-weight:bold;background:#C3D9FF;}
/*
th, td { padding:4px 10px 4px 5px;}
*/
tr.even td { background:#E5ECF9;}
tfoot { font-style:italic;}
caption { background:#eee;}
.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;}
.loud { color:#000;}
.highlight { background:#ff0;}
.added { background:#060;color:#fff;}
.removed { background:#900;color:#fff;}
.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;}

/* grid.css */
.container  { width:950px; margin:0 auto 0 auto; padding: 0; }
.showgrid { background:url(src/grid.png);}
body { margin:0;}
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 { float:left;margin-right:10px;}
div.last { margin-right:0;}
.span-1 { width:30px;}
.span-2 { width:70px;}
.span-3 { width:110px;}
.span-4 { width:150px;}
.span-5 { width:190px;}
.span-6 { width:230px;}
.span-7 { width:270px;}
.span-8 { width:310px;}
.span-9 { width:350px;}
.span-10 { width:390px;}
.span-11 { width:430px;}
.span-12 { width:470px;}
.span-13 { width:510px;}
.span-14 { width:550px;}
.span-15 { width:590px;}
.span-16 { width:630px;}
.span-17 { width:670px;}
.span-18 { width:710px;}
.span-19 { width:750px;}
.span-20 { width:790px;}
.span-21 { width:830px;}
.span-22 { width:870px;}
.span-23 { width:910px;}
.span-24, div.span-24 { width:950px;margin:0;}
.append-1 { padding-right:40px;}
.append-2 { padding-right:80px;}
.append-3 { padding-right:120px;}
.append-4 { padding-right:160px;}
.append-5 { padding-right:200px;}
.append-6 { padding-right:240px;}
.append-7 { padding-right:280px;}
.append-8 { padding-right:320px;}
.append-9 { padding-right:360px;}
.append-10 { padding-right:400px;}
.append-11 { padding-right:440px;}
.append-12 { padding-right:480px;}
.append-13 { padding-right:520px;}
.append-14 { padding-right:560px;}
.append-15 { padding-right:600px;}
.append-16 { padding-right:640px;}
.append-17 { padding-right:680px;}
.append-18 { padding-right:720px;}
.append-19 { padding-right:760px;}
.append-20 { padding-right:800px;}
.append-21 { padding-right:840px;}
.append-22 { padding-right:880px;}
.append-23 { padding-right:920px;}
.prepend-1 { padding-left:40px;}
.prepend-2 { padding-left:80px;}
.prepend-3 { padding-left:120px;}
.prepend-4 { padding-left:160px;}
.prepend-5 { padding-left:200px;}
.prepend-6 { padding-left:240px;}
.prepend-7 { padding-left:280px;}
.prepend-8 { padding-left:320px;}
.prepend-9 { padding-left:360px;}
.prepend-10 { padding-left:400px;}
.prepend-11 { padding-left:440px;}
.prepend-12 { padding-left:480px;}
.prepend-13 { padding-left:520px;}
.prepend-14 { padding-left:560px;}
.prepend-15 { padding-left:600px;}
.prepend-16 { padding-left:640px;}
.prepend-17 { padding-left:680px;}
.prepend-18 { padding-left:720px;}
.prepend-19 { padding-left:760px;}
.prepend-20 { padding-left:800px;}
.prepend-21 { padding-left:840px;}
.prepend-22 { padding-left:880px;}
.prepend-23 { padding-left:920px;}
div.border { padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder { padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 { margin-left:-40px;}
.pull-2 { margin-left:-80px;}
.pull-3 { margin-left:-120px;}
.pull-4 { margin-left:-160px;}
.pull-5 { margin-left:-200px;}
.pull-6 { margin-left:-240px;}
.pull-7 { margin-left:-280px;}
.pull-8 { margin-left:-320px;}
.pull-9 { margin-left:-360px;}
.pull-10 { margin-left:-400px;}
.pull-11 { margin-left:-440px;}
.pull-12 { margin-left:-480px;}
.pull-13 { margin-left:-520px;}
.pull-14 { margin-left:-560px;}
.pull-15 { margin-left:-600px;}
.pull-16 { margin-left:-640px;}
.pull-17 { margin-left:-680px;}
.pull-18 { margin-left:-720px;}
.pull-19 { margin-left:-760px;}
.pull-20 { margin-left:-800px;}
.pull-21 { margin-left:-840px;}
.pull-22 { margin-left:-880px;}
.pull-23 { margin-left:-920px;}
.pull-24 { margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 { float:left;position:relative;}
.push-1 { margin:0 -40px 1.5em 40px;}
.push-2 { margin:0 -80px 1.5em 80px;}
.push-3 { margin:0 -120px 1.5em 120px;}
.push-4 { margin:0 -160px 1.5em 160px;}
.push-5 { margin:0 -200px 1.5em 200px;}
.push-6 { margin:0 -240px 1.5em 240px;}
.push-7 { margin:0 -280px 1.5em 280px;}
.push-8 { margin:0 -320px 1.5em 320px;}
.push-9 { margin:0 -360px 1.5em 360px;}
.push-10 { margin:0 -400px 1.5em 400px;}
.push-11 { margin:0 -440px 1.5em 440px;}
.push-12 { margin:0 -480px 1.5em 480px;}
.push-13 { margin:0 -520px 1.5em 520px;}
.push-14 { margin:0 -560px 1.5em 560px;}
.push-15 { margin:0 -600px 1.5em 600px;}
.push-16 { margin:0 -640px 1.5em 640px;}
.push-17 { margin:0 -680px 1.5em 680px;}
.push-18 { margin:0 -720px 1.5em 720px;}
.push-19 { margin:0 -760px 1.5em 760px;}
.push-20 { margin:0 -800px 1.5em 800px;}
.push-21 { margin:0 -840px 1.5em 840px;}
.push-22 { margin:0 -880px 1.5em 880px;}
.push-23 { margin:0 -920px 1.5em 920px;}
.push-24 { margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 { float:right;position:relative;}
.box { padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr { background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space { background:#fff;color:#fff;}
.clearfix:after, .container:after { content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container { display:inline-block;}
* html .clearfix, * html .container { height:1%;}
.clearfix, .container { display:block;}
.clear  { clear:both; height: 10px; min-height: 10px; width: 100%; }

/* forms.css */
label { font-weight:bold;}
fieldset { padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend { font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select { margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus { border:1px solid #666;}
input.text, input.title { width:300px;padding:5px;}
input.title { font-size:1.5em;}
textarea { width:390px;height:250px;padding:5px;}
.error, .notice, .success { padding: .8em;margin-bottom:1em;border:2px solid #ddd; }
.error { background:#fed8b5;color:#712400;border-color:#df6b00;margin:15px 0 0 0;}
.notice { background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success { background:#FFF6BF;color:#264409;border-color:#FFD324;}
.error a { color:#8a1f11;}
.notice a { color:#514721;}
.success a { color:#264409;}

div#left-column div.main-item div.alert
{
   background-color: #FFF7CF;
   border: 2px solid #F3D011;
   padding: 10px;
}
div#left-column div.main-item div.alert a#redf
{
   float:right;
  
}

div#left-column div.main-item div.alert h2
{
   background: url(/images/error.png) 0 5px no-repeat;
   padding-left: 20px;
}

div#left-column div.main-item div.alert p
{
   color: #8b7604;
}