/*
=RESET STYLE SHEET
*****************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
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: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {
line-height: 1;
color: #333;
background: #fff;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*
=GENERAL STYLES (Reset, links, etc.)
*****************************************/

/* * {margin: 0; padding: 0;} */
body {
color: #f60;
background-color: #d8e5f1;
font: 62.5%/1.5 Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
a {color: #065ea8;}
a:hover {text-decoration: none;}
input, select, textarea, li table {
border: solid #ccc 1px;
padding: 0.2em 0;
color: #444;
}
input {
width: 150px;
float: right;
}
input.fullwidth {
width: 100%;
float: right;
}
textarea, select {
width: 100%;
}
/*
=LAYOUT
*****************************************/

#header {background-color: #fff;}
#header-inner {
background: url(../site_images/doctor_photo.jpg) no-repeat bottom right;
height: 172px;
margin: 0 auto;
position: relative;
width: 850px;
}
#tagline {
background: #6f706a url(../site_images/tagline_bg.gif) repeat-x top;
height: 70px;
}
#tagline-inner {
margin: 0 auto;
position: relative;
width: 850px;
}
#main-content {
background: url(../site_images/main-content-top.gif) repeat-x top;
padding-top: 4em;
margin-bottom: 1em;
}
#main-content-inner {
margin: 0 auto;
width: 850px;
}
.content {
background: #fff url(../site_images/interior_content_bg_btm_1px.gif) no-repeat bottom;
padding-bottom: 1.5em;
width: 850px;
}
.chat, .buttons p {width: 47%; float: left;}
.content-inner {
border-left: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
padding: 0 1.5em;
margin-bottom: 1em;
overflow: hidden;
}
/* body#interior .content h2 {background: url(../site_images/interior_content_bg.gif) no-repeat top;}
#sidebar {
background: #fff url(../site_images/sidebar-btm.gif) no-repeat bottom;
float: right;
margin-top: .5em;
width: 325px;
} */
#secondary-content-inner {
margin: 0 auto;
width: 850px;
}
.first {margin-right: 4em;}
/*div.first {    --this block was changed when layout moved to two columns
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
}*/
div#chat_info {
border-bottom: 1px solid #ccc;
margin-bottom: 2em;
}
div.doctor_info ul {
padding-left: 10px;
margin: 0 0 1em 10px;
font-size: 1.2em;
}
div.doctor_info ul li{
list-style: disc;
margin-bottom: 0em;
font-size: 1.2em;
}
.buttons {clear: left;}
.buttons p {
background-color: #F5F5F5; 
padding: 5px; 
border: solid #BCBCBC 1px;
color: #666666;
font-size: 12px;
}
.buttons p.first {margin-right: 1.5em;}
.buttons div a {
position: absolute;
top: 1em;
right: 0.5em;	
}
.buttons a {float: right;}
.home-buttons div {
width: 48%;
float: left;
position: relative;
}
div.first {width: 47%;}
.home-buttons p {
background-color: none;
width: auto;
float: none;
padding-right: 70px;
font-size: 12px;
}
.archive-buttons, .help-buttons {
width: 213px; 
}
.promo-buttons {width: 67px;
}
.archive-buttons, .help-buttons, .promo-buttons {margin: 0 auto;}
.archive-buttons p, .help-buttons p, .promo-buttons p {
background: none;
border: none;
width: auto;
}
/*
=LOGO and NAV
*****************************************/

h1#logo a {
background: url(../site_images/cc_logo_new.gif) no-repeat 0 0;
height: 37px;
left: 0;
position: absolute;
top: 30px;
text-indent: -9999px;
width: 227px;
}
#main-nav {
position: absolute;
bottom: 0;
left: 0;
}
#main-nav li {float: left; margin-bottom: 0;}
#main-nav li a {
display: block;
height: 35px;
text-indent: -9999px;
}
#main-nav li a#create-account {
background: url(../site_images/chat_home_b-3_03.gif) no-repeat 0 0;
width: 152px;
}
#main-nav li a#login {
background: url(../site_images/chat_home_b-3_04.gif) no-repeat 0 0;
width: 68px;
}
#main-nav li a#logout {
background: url(../site_images/chat_home_b-3_04a.gif) no-repeat 0 0;
width: 83px;
}
#main-nav li a#archive {
background: url(../site_images/chat_home_b-3_05.gif) no-repeat 0 0;
width: 118px;
}
#main-nav li a#contact {
background: url(../site_images/chat_home_b-3_06.gif) no-repeat 0 0;
width: 111px;
}
#main-nav li a#help {
background: url(../site_images/chat_home_b-3_07.gif) no-repeat 0 0;
width: 51px;
}

/*
=TAGLINE
*****************************************/

#tagline p {
background: url(../site_images/runner_new.gif) no-repeat;
height: 36px;
position: absolute;
width: 838px;
right: 15px;
text-indent: -9999px;
top: 25px;
}

/*
=ACCOUNT BUTTONS
*****************************************/

a.create_acct_btn, a.login_btn, a.register_btn, 
a.req_appt_btn, a.contact_btn, a.submit_btn, a.join_btn {
display: block;
height: 23px;
text-indent: -9999px;
}
a.contact_btn {background: url(../site_images/contact_btn.gif) no-repeat top; width: 81px;}
a.create_acct_btn {background: url(../site_images/create_acct_btn_blue.gif) no-repeat top; width: 108px;}
a.join_btn {background: url(../site_images/join_button.gif) no-repeat top; width: 66px;}
a.login_btn {background: url(../site_images/login_btn_blue.gif) no-repeat top; width: 50px;}
a.register_btn {background: url(../site_images/register_btn_blue.gif) no-repeat top; width: 67px;}
a.req_appt_btn {background: url(../site_images/req_appt_btn.gif) no-repeat top; width: 157px;}
a.submit_btn {background: url(../site_images/submit_btn_blue.gif)no-repeat top; width: 59px;}

a.create_acct_btn:hover, a.login_btn:hover, a.register_btn:hover, a.req_appt_btn:hover,
a.contact_btn:hover, a.create_acct_btn:hover, a.login_btn:hover, a.register_btn:hover,
a.req_appt_btn:hover, a.contact_btn:hover, a.submit_btn:hover {background-position: bottom;}
/*body#home a.create_acct_btn, body#home a.login_btn {margin: 0 auto;}   this changed when layout went to two columns */
/*body#home a.register_btn {margin-bottom: 1.5em;}*/
/*body#interior ul.btn {margin-left: 22.8em;}
body#interior ul.btn li {float: left; margin-right: 2em;}*/

/*
=GENERAL TYPOGRAPHY
*****************************************/

p, li, label, dl {
color: #343536;
font-size: 1.4em;
line-height: 1.5em;
}
li label {
font-size: 1em;
}
p {margin-bottom: 1em;}
p.meta {font-style: italic;}
p.time {
color: #555;
margin-bottom: .3em;
}
em {
color: #343536;
font-style: italic;
}
dl {
margin-bottom: 2em;
}
dt {font-weight: bold;}
dd {margin-bottom: 1em;}
hr {
border-color: #fff;
margin-bottom: 1.2em;
margin-top: 2em;
}
.content h2 {
color: #6988a4;
font-size: 2em;
font-family: Georgia, Times New Roman, serif;
font-weight: normal;
text-align: center;
margin-bottom: 1.5em;
padding: 0.5em 0;
background:transparent url(../site_images/dotted_line_short.gif) repeat-x scroll 50% bottom;
}
.chat-wrap {
background: url(../site_images/dotted_line.gif) 50% top no-repeat;
padding-top: 2em;
}
h3 {
color: #343536;
font-weight: normal;
margin-bottom: .4em;
font-size: 1.6em;
}
div.chat h3 {margin-bottom: 0;}
div.description p {
color: #666;
font-style: italic;
}
div.description h3 {font-weight: bold;}
h4 {
color: #333;
font-size: 1.4em;
font-weight: bold;
}
img {
border-width: 0px;
margin:0px;
padding:0px; 
}
.photo {width: 345px;}
.pad {padding: 5px;}
.margin	{
margin-left: 15px;
margin-right: 15px;
}		
.intro {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #646460;
line-height: 28px;
margin: .5em 0 0;
padding: 0 20px 15px;
}
ol#participate li {
color: #888;
font-size: 18px;
line-height: 1.2em;
padding-left: 50px;
padding-right: 20px;
padding-top: .5em;
padding-bottom: .5em;
margin-bottom: .4em;
list-style-type: none;
}
ol#participate li#one {background: url(../site_images/1.gif) no-repeat 0 0;}
ol#participate li#two {background: url(../site_images/2.gif) no-repeat 0 0;}
ol#participate li#three {background: url(../site_images/3.gif) no-repeat 0 0;}
#sitewrapper {
margin: 0 auto;
width: 856px;
}
.float_left {
float: left;
padding: 0;
}
.float_right {
float: right;
padding: 0;
}	
.clear_both {
clear: both;
overflow: hidden;
}
.center {
text-align: center;
margin: 0 auto;
}
.clear_around {
overflow: visible;
clear: both;
}
#doc_img {float:right;}
#img_par {
margin-top: 0;
width: 200px;
}
p.disclaimer, p.micro {
font-size: .95em;
text-align: center;
}

/*
=CHAT SCHEDULE TABLE
*****************************************/
table#chat_schedule {background: transparent url(../site_images/dotted_line.gif) no-repeat scroll 50% top;}
table#chat_schedule caption {display: none;}
thead th {font-weight: bold;}
thead th.stripe {background: #fff;}
table#chat_schedule {
border-collapse: collapse;
font-family: Arial, Helvetica, sans-serif;
color: #343536;
font-size: 14px;
width: 100%;
}
table#chat_schedule td, table#chat_schedule th {padding: 7px 5px;}
table#chat_schedule td {
margin-bottom: 4px;
vertical-align: middle;}
table#chat_schedule th#register-now {text-align: right;}
table#chat_schedule td.register {vertical-align: top;}
table#chat_schedule td a.register_btn {float: right;}
table#chat_schedule tr.stripe {background-color: #d9e6ed;}
table#chat_schedule tr.tr_hover {
background-color: #90bedc;
color: #fff;
}
table#chat_schedule tr.tr_hover a {color: #fff;}
table#chat_schedule th#date {width: 15%;}
table#chat_schedule th#topic {width: 50%;} 
table#chat_schedule th#speakers {width: 40%;}

/* =Footer */
div#footer {
clear: both;
padding: 20px;
}
div#footer ul {text-align: center;}
div#footer ul li {
display: inline;
margin: 0 .5em;
}
div#footer ul li a {font-size: 12px;}

/* =Doctor Page Styles */
div.chat_description {
float: left;
width: 75%;
margin-right: 4%;
}
div.doctor_info {
float: right;
width: 20%;
}
div.doctor_info img {
padding: 4px;
border: 1px solid #999;
background: #f3f3f3;
margin-bottom: .5em;
}
.inner-most {width: 70%;}

/************ =Default Page Styles
***************************************/

h2.content-cap  {
background: url(../site_images/interior_content_bg_top_1px.gif) no-repeat;
margin-bottom: 0;
padding-bottom: 0.25em;
}
#ctl00_CONTENT_hlUserSearch {
font-size: 1.75em; 
padding-right: 1em;
}
#ctl00_CONTENT_hlEditChats {
font-size: 1.75em; 
padding-right: 1em;
}
#ctl00_CONTENT_hlControlCenter {
font-size: 1.75em; 
padding-right: 1em;
}

/************ =Archive Page Styles
***************************************/

ul#archive_list {padding: 15px;}
ul#archive_list li {margin-bottom: .5em;}


/* =Login Chat Page Styles
***************************************/

.create_acct_btn_position {margin: -2.9em 0 0 5.75em;}
.btn_position {margin-left: 5.75em;}
.new-user {margin-top: 1.5em}
.new-user span {float: left;}
.emergency {font-weight: bold; text-align: center; font-size: 1.3em;}
#login_form label {padding-right: 0.25em;}
.forgot {
font-size: 95%; 
float: right;
margin: -4em -10px 0 0;
}
.forgot_position {margin-right: -30px;}
.form_width {
width: 23em;
margin: 0 auto;
}
.alert-messages {width: 57%; margin: 0 auto;}
#ctl00_CONTENT_lblLoginMessage {color: #217B33;}
#ctl00_CONTENT_lblError {color: #8F0101;}

/* =Create Account Chat Page Styles
***************************************/
#create-form {
width: 68.5em;
margin: 0 auto;
}
fieldset {
padding: 1em 2em;
margin: 0 0 2em;
float: left;
background-color: #F5F5F5;
border: solid #ccc 1px;
width: 29em;
}
#required-info {
margin-right: 2em;
padding-bottom: 1.2em;
}
/*#optional-info {padding-bottom: 2.2em;}*/
#optional-info .show {height: 6.5em}
fieldset h3 {font-weight: bold;}
form li {
margin: 0 0 1em 0;
list-style: none;
position: relative;
}
.full p {width: 98.25%; margin-bottom: 0;}
.interest label {float: left; margin-right: 0.5em;}
p.instruction {
font-size: 0.9em;
display: inline;
}
#ctl00_CONTENT_drpCountry option {text-transform: capitalize;}

/************ =Applet Chat Page Styles
***************************************/
iframe {
width: 650px;
margin: 1em 8em;
border: 1px solid #bdbdbd;
padding: 0.5em;
}

/************ =Chat Promo Page Styles
***************************************/
.chat_info {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 2em;
}

/************ =Add Chat Page Styles
***************************************/

.create-chat-form fieldset {
margin-top: 1.5em;
width: 43%;
}
#ctl00_CONTENT_lblChatId {font-size: 1.4em; color:#343536; margin-bottom: 0.25em;}
.create-chat-form #chat-info {margin-right: 3em;}
.create-chat-form p input {clear: left;}
.doublecolumn_one, .doublecolumn_two {width: 47%;}
.doublecolumn_one {float: left;}
.doublecolumn_two {float: right;}
li.time {width: 170px;}
li.time select {float: left; margin-right: 2px;}
.create-chat-form input[type="checkbox"] {width: auto; position: relative; left: -6em;}
/*.create-chat-form .interest, .create-chat-form .interest select {width: auto;}*/
#ctl00_CONTENT_btnSubmit {
display: block;
height: 23px;
text-indent: -9999px;
width: 59px;
background: url(../site_images/submit_btn_blue.gif) no-repeat;
border: none;
margin: 0 auto;
float: none;
}
#ctl00_CONTENT_btnSubmit:hover {background-position: bottom; cursor: pointer;}

/************ =Edit Chat Page Styles
***************************************/
#sort_by li {
float: left;
width: 8.25em;
}
#sort_by li input {
float: none;
width: 1.2em;
margin-left: 0;
}
#chat-info td a, #chat-info th {
font-size: 0.9em;
}
#chat-info .id_label {
font-size: 1.4em; 
color: #333;
font-weight: bold;
}
.edit-buttons1 {
width: 800px;
background-color:#F5F5F5;
border:1px solid #BCBCBC;
color:#666666;
font-size:12px;
padding:5px;
overflow: hidden;
position: relative;
}

.edit-buttons2 {width: 300px; margin: 0 auto; overflow: hidden;}
.edit-buttons3 {width: 420px; margin: 0 auto; overflow: hidden;}
.edit-buttons1 li, .edit-buttons2 li {font-size: 10px;}
.edit-buttons1 li {margin-bottom: 0;}
.edit-buttons2 li {margin: 1em; float: left;}
.search-text { float: left; margin: 0 5px;}
#ctl00_CONTENT_txtTopic {width: 250px;}
/*.edit-buttons li:first-child {
margin-left: 5em;	
}*/
.delete_btn, .add_btn, .update_btn, .previous_btn, .next_btn, .search_btn {
display: block;
height: 23px;
text-indent: -9999px;
border: none;
float: none;
}
.delete_btn {
width: 121px;
background: url(../site_images/remove_btn.gif) no-repeat;
position: absolute;
right: 0;
margin-top: -23px;
}
.add_btn {
width: 126px;
background: url(../site_images/create_new_chat_btn.gif) no-repeat;
}
.update_btn {
width: 60px;
background: url(../site_images/update_btn.gif) no-repeat;
position: relative;
left: 45%;
}
.previous_btn {
width: 68px;
background: url(../site_images/previous.gif) no-repeat;
}
.next_btn {
width: 46px;
background: url(../site_images/next.gif) no-repeat;
}
.search_btn {
width: 68px;
background: url(../site_images/Search.gif) no-repeat;
}
.delete_btn:hover, .add_btn:hover, .update_btn:hover  {background-position: bottom; cursor: pointer;}
.previous_btn:hover, .next_btn:hover, search_btn:hover {background-position: 50%; cursor: pointer;}
.disabled, .disabled:hover  {background-position: bottom; cursor: default;}

/************ =Report Form Styles
***************************************/
#report_form {width: 45em;}
#ctl00_CONTENT_lblResultsTable td {
	color: #444;
	font-size: 1.2em;
	padding: 0.3em;
	border: solid #999 1px;
}

/*-----------------------------------------------
=Contact Area
-----------------------------------------------*/

#contact-area p, #contact-area li {
font-size: 1.1em;
margin-bottom: 0.5em;
}
#contact-area {
float: right;
width: 230px;
}
ul#contact-nav {
font-family: Georgia, Times New Roman, serif;
font-size: 1.4em;
}
.content ul#contact-nav {margin-bottom: 0;}
ul#contact-nav li {
background: none;
padding: 0;
margin-bottom: 0;
float: left;
font-size: 1em;
}
ul#contact-nav a {
background: #D8E5F1 url(../site_images/contact_arrow.gif) no-repeat 95% 50%;
right: -5px;
border-bottom: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
cursor: pointer;
display: block;
padding: .4em 0 .4em 0;
margin-left: 1px;
text-align: center;
text-decoration: none;
width: 105px;
}
ul#contact-nav li#appointments-tab a {
border-left: none;
margin-left: 0;
width: 119px;
}
ul#contact-nav a.active {
background-color: #fff;
background-image: url(../site_images/contact_arrow_active.gif);
border-bottom: 1px solid #fff;
color: #4b3431;
}
#contact-area div {
background: url(../site_images/contact_area_bg_narrow.png) no-repeat bottom;
padding: 12px 20px 10px;
}
#contact-area p.contact-number {
background: url(../site_images/contact-area-contactnumber.gif) no-repeat;
height: 58px;
margin-top: -11px;
text-indent: -9999px;
width: 185px;
float:left;
}
#contact-area p.appointment-number {
background: url(../site_images/contact-area-appointment.jpg) no-repeat;
height: 33px;
text-indent: -9999px;
width: 185px;
margin-top: 0.4em;
cursor: pointer;
}
/*-----------------------------------------------
=Self-Clearing Floats
-----------------------------------------------*/
.clearthis:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
* html .clearthis {height: 1%;}
/* IE7 */
*:first-child+html .clearthis {min-height: 1px;}

/************ IE6 fixes
***************************************/
* html #create-form {width: 75em;}
* html #chat-info {margin-right: 20px;}
* html #chat-info .doublecolumn_two li {float:left;}
* html .content-inner {width: 818px;}
* html .create-chat-form .doublecolumn_one label {margin-left: -1.2em;}
* html .interest {width: 25em;}
* html .create-chat-form .edit-buttons2 {width: 350px;}
* html .create-chat-form .edit-buttons1 li,
* html .create-chat-form .edit-buttons2 li, {margin: 0.5em;}
* html .create-chat-form .edit-buttons input {float: left;}
* html .create-chat-form .edit-buttons3 input {float: left;}

* html .full p {width: 98.1%;}
* html #optional-info .show {height:10em;}
* html .content-inner {zoom:1;}
* html .archive-buttons .create_acct_btn, * html .help-buttons .create_acct_btn {float: left;}
* html .forgot {margin-right: 0;}
* html #contact-area p.contact-number {margin-top: 0px;}
* html .delete {position: absolute; right:0; top: 23px;}

/************ IE7 fixes
***************************************/
*:first-child+html #required-info {padding-bottom: 1.5em;}
*:first-child+html .archive-buttons .create_acct_btn, 
*:first-child+html .help-buttons .create_acct_btn {float: left;}