/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

/* End YUI Reset.  Begin normal styles */

body { font-size: medium; font-family: Verdana, arial, sans-serif; background: #FFF; font-size: 12px;}

h1, h2, h3, h4 { font-family: "AvalonBold", Verdana, arial, sans-serif; font-weight: normal; color: #111; text-shadow: 0px 0px 1px #fff; line-height: 1.2em;}

h1 { font-size: 26px; margin-top: 15px;}
h2 { font-size: 22px; margin: 15px 0px 5px 0px; letter-spacing: 0px; }
h3 { font-size: 18px; margin: 15px 0px 5px 0px; }
h4 { font-size: 16px; margin: 12px 0px 2px 0px; }

div#course-left { width: 800px; float: left; }
div#course-top { width: 840px; float: left; margin: 10px 0px;}

table#course-header { width: 1035px; }
table#course-header td { padding-bottom: 0px; }
table#course-header td#course-logo { vertical-align: top; padding-right: 12px; width: 90px;}
table#course-header td#course-logo img { border: 1px solid #555; margin-top: 4px;}
table#course-header td#course-name { vertical-align: top; }
table#course-header td#course-name p { margin: 2px 0px; padding: 0px; }
img.course-logo { border: 1px solid #555; }
img.stream-logo { float: left; margin-right: 6px;}

table#course-content-container { float: left; width: 1020px; background: #F6F6F6; border:1px solid #777; margin-bottom: 40px; }
td#course-left-nav { width: 180px; font-size: 11px; background: #DDD; vertical-align: top; padding-bottom: 50px; border: 1px solid #777; color: #111; margin: 0px; padding: 5px 10px 10px 2px;}
td#course-left-nav a { color: #0E376F; text-decoration: none; }
td#course-left-nav a:hover { text-decoration: underline; }
td#course-left-nav ul { margin: 0px 0px 0px 8px; padding: 0; }
td#course-left-nav ul li { list-style-type: none; margin: 0; padding: 0; }
td#course-left-nav ul li ol li { list-style-type: decimal; margin-left: 0px; padding: 2px 0px; line-height: 1.2em; }

td#course-left-nav span.selected-course-nav { font-weight: bold; color: #111;}

td#course-content { padding: 10px 15px; vertical-align: top; color: #111; }

td#course-content h1 { padding: 0; margin: 5px 0px; }
td#course-content h2.header { padding: 0; margin: 5px 0px; }

td#course-content a { color: #0E376F; text-decoration: none; }
td#course-content a:hover { text-decoration: underline; }
td#course-content a:visited { color: #465d7b; }

div#course-right { float: left; width: 174px; margin: 0px; }
div#course-right a { color: #0E376F; text-decoration: none;}
div#course-right a:hover { text-decoration: underline;}
div#course-right a:visited { color: #465d7b; }

div#course-activity { margin-top: 0px; }
div#course-members { margin-top: 30px; }

table#home-intro { margin-top: 15px; }
table#home-intro td { font-family: "AvalonRegular", Arial, sans-serif; font-size: 18px; vertical-align: top; font-weight: normal; padding-right: 30px; text-shadow: 0px 0px 1px #fff; }
h1#learn-collaboratively { color: #136;  padding: 0px; margin: 0px; font-size: 42px; line-height: 1.1em;  font-family: "AvalonMediumBold", Arial, sans-serif; letter-spacing: 0px; font-weight: normal; text-shadow: 0px 0px 1px #fff;}
table#home-intro td ul { margin-top: 10px; }
table#home-intro td a#home-view-classes { margin-left: 21px; }

h1.class-name { font-size: 200%; margin-top: 3px; margin-bottom: 8px; line-height: 1.1em; }

ul, ol { margin-left: 20px; line-height: 150%; }
ul li { list-style-type: circle; }
ol li { list-style-type: decimal; }
ol li ul li { list-style-type: disc; }

td, th { padding: 5px 20px 5px 0px; font-size: 80%; }
th { font-weight: bold; font-family: Verdana, arial, sans-serif; o}
td.center { text-align: center; }
table.tight { margin-top: 10px; }
table.tight td { padding: 2px 12px 2px 0px; }

p { margin: 1em 0em; }
div.hw-content { margin: 5px 0px 10px 0px;  }
h3.msg { color: red; font-weight: bold; }
div.hw-submission { border-bottom: 1px solid #AAA; padding: 12px 0px 10px 0px;}
p#hw-hide { color: #E99200; font-weight:bold;  }
p#hw-unhide { font-weight:bold; margin-bottom: 100px; }

a { color: #034569; text-decoration: none; }
a:hover { text-decoration: underline; }
a:visited { color: #46606f; }

a.header:visited { color: #00C; }

hr { height: 1; border-color: #FFF; margin: 15px 0px; padding:0; width: 100%;}

div#header { position: relative;  height: 30px; padding: 10px 0px 20px 12px; background:#118ec6 url(/site_media/header_bg2.jpg) repeat-x 0 0; color: #FFF; min-width: 970px;}
div#header a { color: #FFF; }
div#header h1 { position: relative; float: left; padding:0; margin:0; }
div#header h1 a { color: #FFF; text-decoration: none;}
div#header h1 a:hover{ text-decoration: underline; }
div#header h1 a:visited { color: #FFF; }

div#header div#nav { display:block; float: right; color: #EEE; margin: 8px 0px 0px 0px; line-height: 1.7em;}

div#header div#header-logo { float: left; }
div#header div#header-profile { float:right; width:150px; margin: 0px 0px 0px 20px; font-size: 12px; line-height: 1.5em; padding-top: 0px; }
div#header div#header-profile img { border: 1px solid #111; }

div#container { float: left; padding: 0px; color: #222; min-width: 970px; background-color: #FFF; width: 100%; margin:0px;}
div#container2 { padding: 0px 0px 25px 20px; }

div#signup { float: left; margin-top: 0px; }
div#login { float: left; margin-left: 50px; margin-top: 0px; }
div#signup-footer { clear: both; margin-bottom: 50px; }

div#signup table td.desc { text-align:right }

div#footer { min-width: 970px; clear: both; color: #FFF; background: #184d6f; margin-top: 25px; padding: 10px 0px; }
div#footer p { font-size: 90%; text-align: left; padding: 0px 15px; margin:0px; font-family: Verdana, sans-serif; }
div#footer a { color: #FFF; }
div#footer a:visited { color: #FFF; }

.new-class-text { width: 350px; }

.complete-text { font-weight: bold; color: green; }

textarea { height: 150px; width: 600px; margin: 0px;}

div.class-status { float: left; margin-top: 21px; padding-left: 15px;}
span.youre-in { color: #191; font-size: 14px; font-weight: bold; }
span.youre-creator { color: #119; font-size: 14px; font-weight: bold; }
span.join { font-size: 120%; }

div.clear { clear: both; }

table.class-info th { vertical-align: top; }
table.class-info td { max-width: 600px; }

div.intro-step { float: left; width: 250px; text-align: center; padding-right: 50px; }
div.intro-next { background: url(/site_media/ccarrow.png) no-repeat 100% 60% }
div.intro-step img { margin-top: 10px; }


div.course-explain { margin: 10px 0px; padding: 0; margin-bottom: 25px;}

td#course-status { margin-top: 15px; width: 130px; }

/* http://dabuttonfactory.com/#t=View%20Classes&f=DejaVuSansCondensed-Bold&ts=20&tc=ffffff&tshs=1&tshc=613902&it=png&c=5&bgt=gradient&bgc=db8000&ebgc=cf7500&be=on&bs=1&bc=965b02&hp=19&vp=10 */

a.jointhisclass { background: url(/site_media/join_this_class.png) no-repeat 0 0; text-indent: -4000px; display: block; width: 187px; height: 38px; }
a.jointhisclass:hover { background-image: url(/site_media/join_this_class_hover.png); }
span#jointhisclasshoverimage { display:none; background-image: url(/site_media/join_this_class_hover.png); }

div#page-content { margin-top: 20px; width: 600px; }

tr.honeypot td, tr.honeypot th { display: none; }

img.gravatar { border: 1px solid #333; }
div.gravatar-mini { float: left; margin-right: 5px; }

span.timestamp { color: #666; }

div.course-activity-item { margin: 5px 0px; padding: 0px 0px; font-family: Verdana; font-size: 12px; }
div.course-activity-item-sidebar { margin: 10px 0px; padding: 0px 0px; font-family: Verdana; font-size: 11px; }

div.course-members-mini { margin: 5px 0px;  padding: 5px 0px; font-family: Verdana; font-size: 11px; }

table.forum { width: 100%; margin: 10px 0px 20px 0px;}
table.forum th { font-family: Verdana }
table.forum td { padding: 2px 8px 10px 0px; }
table.forum td.forum-topic-title { font-weight: bold; }

div.breadcrumb { margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 11px; border-bottom: 1px dotted #888; }
div.topic-meta { font-size: 11px; }
div.topic { padding: 0px 0px 12px 0px; }

div.hw-comment { padding: 15px 0px 2px 0px; border-bottom: 1px dotted #888; }

input { padding: 1px 3px; line-height: 1.3em;}
textarea { padding: 2px; }
select { padding: 2px; }
input.long-input { width: 350px; }

pre.prettyprint { width: 700px; font-size: 12px; overflow: auto; background: #FFF; }

textarea.create-content { width: 500px; height: 300px; }


div.markdown { margin: 8px 0px; padding: 4px 0px 15px 0px; border: 1px dotted #888; border-left: 0px; border-right: 0px; }
div.markdown h1,
div.markdown h2,
div.markdown h3 { color: #000; padding: 10px 0px 0px 0px; margin: 0;}
div.markdown h1 { font-size: 17px; }
div.markdown h2 { font-size: 15px; }
div.markdown p { padding: 0.5em 0; margin: 0 }

table tr.course-listing td { border: 1px solid #BBB; border-left: 0px; border-right: 0px; padding: 10px 10px 10px 0px; }

div.hw-comments { margin: 10px 0px 0px 15px; }
div.indented-list { margin: 5px 0px 0px 15px; }

div.error { color: red; margin: 10px 0px; font-weight: bold; font-size: 14px;}

ul.errorlist { color: red; font-size: 14px; font-weight: bold; list-style-type: none; margin-left: 0px; margin-bottom: 2px; }
ul.errorlist li { list-style-type: none; margin-left: 0px;}

div.markdown-cheatsheet { width: 484px; margin-bottom: 10px; padding: 8px; border: 1px solid #777; background: #DDD; }

h2#all-classes { margin: 22px 0px; height: 20px; width: 125px; background: url(http://static.curiousreef.com/img/all_classes.png) no-repeat 0 0; text-indent: -4000; }

/* Home page styles */
div#home-left { float: left; width: 49%; margin: 15px 0px 25px 0px; }
div#home-right { float: left; width: 49%; margin: 5px 0px 25px 0px; font-size: 120%;}
div#home-course-listing { clear: both; float: left; width: 49%; margin-bottom: 70px; }
div#home-features { float: left; width: 49%; margin-bottom: 70px; }

.header-text {
    background: transparent url('http://static.curiousreef.com/img/header_text_sprite.png') no-repeat;
    height: 20px;
    width: 393px;
}

div#home-left p { font-size: 14px; font-family: Verdana; line-height: 1.5em; padding: 1px 0px 0px 4px; margin: 5px 0px 0px 28px;}

div#home-right h2 { font-size: 26px; margin: 20px 0px 15px 0px;}
div#home-right h3 a { font-size: 14px; text-decoration: underline; margin: 0; padding: 0; font-family: Verdana, arial, sans-serif; }
div#home-right img.featured-class-img { float: left; margin-right: 20px; border: 1px solid #222; }
div#home-right ul { display: block; float: left; margin: 0px 0px 30px 22px;  width: 50%;}

div#home-course-listing h2 { }

div#home-features h3 { margin: 22px 0px 0px 0px; font-family: Verdana, arial, sans-serif; }
div#home-features p { padding: 2px 0px; margin: 0; font-size: 12px; }

a#home-view-classes { 
    display: block;
    background: transparent url('/site_media/view_classes.png') no-repeat;
    height: 37px;
    width: 169px;
    margin: 10px 12px 0px -2px;
    text-indent: -4000px;
}
a#home-view-classes:hover { background-image: url(/site_media/view_classes_hover.png);}
span#view-classes-hover-image { display:none; background-image: url(/site_media/view_classes_hover.png); }

tr.forum-row td { padding: 8px 0px; }

em { font-style: italic; }
strong { font-weight: bold; }
code { font-size: 12px; }

p.confirm { font-size: 14px; color: #393; font-weight: bold; }

a.rss { padding: 0px 0px 3px 20px; background: url(/site_media/rss.png) no-repeat 0 0; }

div.my-hw { background-color: #CEC; padding: 5px; border: 1px solid #7A7;}

p#msg { margin: 20px 0px 0px 0px; }
span.msg { font-size: 13px; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #555; }
span.info { background-color: #FF9; }
span.error { background-color: #F88; }


/* New styles */
table#class-layout { width: 100%; }
table td#nav-left-col { vertical-align:top; color: #222; width: 140px; background:#EEE; padding: 5px; font-family: Arial, sans-serif; border-right:1px solid#555;}
table td#nav-left-col img { border:1px solid #555; }
table td#nav-right-col { vertical-align:top; color: #222; width: 140px; background:#EEE; padding: 5px; text-align:right;border-left:1px solid #555;}
table td#nav-middle-col { vertical-align: top; background: #FFF; }

table td#nav-left-col ul { margin:0; padding:0; } 
table td#nav-left-col li { list-style-type:disc; margin-left: 0; padding-left:0;}
table td#nav-left-col ul#progress li ul li { list-style-type:disc;}

div.nav-minimal { background: #334; color: #F6F6F6; padding: 6px; width: 100px; float:left; border:1px solid #234; font-family: arial, sans-serif;}
div#nav-minimal-1 { text-align: center; border-left: 0px; border-top: 0px; padding: 6px 6px 12px 6px;margin-right:40px;}
div#nav-minimal-2 { float:center; margin:0 auto; border-top: 0px; text-align:center; vertical-align:middle;}
div#nav-minimal-3 { float:right; width: 100px; text-align: right; margin-bottom: 10px; border-top:0px;border-right:0px;}

div#whiteboard-container { float:center; width: 80%; margin: 0px auto 0px auto; font-family: arial, sans-serif; min-width: 700px; }
div#whiteboard { border: 4px solid #999; border-bottom: 2px solid #999; background: #FFF;}
div#whiteboard h1, div#whiteboard h2, div#whiteboard h3 { font-family: arial, sans-serif; }
div#whiteboard-tray { border:1px solid #868686; border-bottom: 2px solid #868686; }


div#whiteboard table { width: 100%; }
div#whiteboard table td { vertical-align: top; padding: 10px;}
div#whiteboard table td.whiteboard-middle { width: 50%; }

ul#whiteboard-left-nav li { list-style-type:none; }
ul#whiteboard-left-nav ol li { list-style-type:decimal; }

table#audience { clear:both; margin: 0px auto 50px auto; width: 80%;}
table#audience td { height: 60px; width: 65px; text-align:center;}
table#audience td img { position:absolute; margin:0 9px;}
table#audience td img.chair { z-index: 2; margin:35px 0px 0px 0px;}
table#audience td span.audience-gravatar-sleeping img { margin-top: 12px; }
table#audience td span.zzz { font-size: 10px; font-color: #666; position:absolute; padding-left: 12px;}

div#lectern { position:absolute; top: 350px; right: 185px;}
div#lectern img { position:absolute; margin-left: 8px;}
div#lectern img.lectern-img { margin-top: 43px; margin-left:0px; z-index:2;}

div#whiteboard h2 { margin:0;padding:0; }
div#whiteboard h2.header { margin:0;padding:0; }
div#whiteboard h3 { margin:0;padding:0; }

div#slickboard { width: 80%; margin: 0 auto; background: #FFF; padding: 10px; border: 1px solid #999;}

table td#nav-left-col img.award-icon { border:0px; }

div.site-msg { width: 60%; text-align: center; margin: 5px auto; padding: 4px 8px; border: 1px solid #333; background: #DDD; font-weight: bold; font-family: arial, sans-serif;}
div.good { background: #DFD; color: #353; border: 1px solid #353; }

p.notice { font-family: Courier; }

div#full-forum { width: 550px; overflow:hidden;}

table#members-list { width: 100%; }
table#members-list tr td textarea#edit-reg-info { width: 250px; height: 50px; }
tr.myregistration td { border-bottom: 1px solid #999; }
table#members-list p { margin: 0; padding: 0; }
table#members-list td { padding: 15px 0px; }

h3.topic-title { margin: 10px 0px 0px 0px; }
p.thread-toggle { padding:5px 0px 15px 0px; margin:0; clear: both; float: left; display:inline; font-size: 10px;}
div.topic-content p.thread-info { padding: 3px 0px 10px 0px; margin:0; font-size: 12px; line-height: 1.5em; color: #777;}

p.reply { font-size: 10px; }

/* end new styles? */

table#user { min-width: 1000px; }
table#user td { vertical-align: top; }
table#user td h2, table#user td h3 { margin-top: 0px; }
table#user td p { margin-top: 0px; }
td#profile-sidebar { background-color: #EEE; padding: 10px 15px 10px 10px; border: 1px solid #888; width: 200px; }
table#user td#profile-main { width: 700px; padding: 0px;}

table#user-profile-top td { vertical-align: top; }
table#user-profile-top td#user-info { width: 250px; }
table#user-profile-top td#user-stats-description { width: 215px; font-size: 16px; font-weight:bold; padding-top: 10px;}
table#user-profile-top td#user-stats-numbers { width: 20px; font-size: 16px; font-weight:bold; text-align: right; padding-top: 10px;}
table#user-registrations tr td { padding-bottom: 20px; vertical-align: top; }

span.progress-container { background: #222; display: block; width: 100px; height: 12px; color: #FFF; border: 1px solid #222; border-radius: 3px; -moz-border-radius: 3px;}
span.progress-bar { background: #E99200; display: block; width: 0px; height: 8px; padding: 2px 0px; border-radius: 2px; -moz-border-radius: 2px;}
span.complete-class-bar { background: #0A6D57; }

blockquote { padding-left: 10px; margin-left: 10px; border-left: 1px dotted #AAA; }

h2.activity-title { margin: 0; font-family: Verdana, Arial, sans-serif; }

div.home-container { max-width: 950px; }
div#home-forum { clear: both; width: 100%; float: left; }

table.home-listing { width: 100%; margin: 0px 0px 20px 0px; }
table.home-listing h2 { font-size: 26px; }
table.home-listing td.heading { padding: 0px; }

table#all-activity { width: 80%; }
table#all-activity div.markdown { border: 0px; margin: 0px; padding: 4px 0px; line-height: 1.5em; }
table#all-activity div.hw-content { margin: 0px; }
table#all-activity pre.prettyprint { margin: 6px 0px 12px 0px; width: 100%; }
table#all-activity h3 { margin: 0px 0px 5px 0px; padding: 0px; }
table#all-activity div.markdown h1 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h2 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h3 { font-family: Verdana, arial, sans-serif; }
table#all-activity div.markdown h4 { font-family: Verdana, arial, sans-serif; }

h2.general-forum a { font-size: 100%; }

div.forum-summary { background: #EFFAFB; width: 70%; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #A5B1BA; margin: 0px 0px 15px 0px; padding: 0px 5px;}
table.general-forum-summary {  width: 100%; }
table.general-forum-summary td.forum-header { padding-top: 8px; }
table.general-forum-summary td.forum-header h2 { display: inline; font-size: 180%; }
table.general-forum-summary td.forum-header h2 a {  }
table.general-forum-summary td.forum-header h2 a:hover { text-decoration: underline; }
span.forum-description { clear: both; color: #777; padding-left: 5px; }
table.general-forum-summary th, table.general-forum-summary td { padding: 4px 8px; text-align: left;}
table.general-forum-summary th { color: #000; font-weight: normal;}

table.general-forum-summary th.forum-head-title { width: 50%; }
table.general-forum-summary th.forum-head-creator { width: 15%; text-align:right; }
table.general-forum-summary th.forum-head-comments { width: 15%; text-align:right;}
table.general-forum-summary th.forum-head-update { width: 20%; text-align:right; }

table.general-forum-summary tr.forum-summary-last-row td { padding-top: 10px; padding-bottom: 15px;}

h1.forum-header { display: inline; }

div.general-forum { width: 70%; line-height: normal;}

h1.highlight { font-size: 250%; margin: 10px 0px;}
h1.forum-title { margin: 10px 0px 10px 0px; padding:0px;}

div.forum-breadcrumbs { padding: 7px 0px 8px 20px; margin-left: -20px; margin-bottom: 15px; background-color: #EFFAFB; color: #111; font-weight: normal; border-bottom: 1px solid #A5B1BA;}
div.forum-breadcrumbs a { color: #0E376F; }
div.topic-content { background: #EFFAFB; border-radius: 5px; -moz-border-radius: 5px; padding: 0px 10px; margin-top: 12px; line-height:1.4em; width: 60%; min-width: 480px; border: 1px solid #A5B1BA;}
div.topic-content p { padding: 0em; margin: 1em 0em; }

div.first-topic { margin-top: 0px; }

p.class-alert-container { margin: 15px 0px 2px 0px; }
span.class-alert { font-size: 13px; padding: 5px 10px; background-color: #BEB; border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #555; }
span.class-alert a { font-weight: bold; text-decoration: underline; }

div.new-user-msg { background: #FBD9AE; border-radius: 6px; -moz-border-radius: 6px; border: 1px solid #222; width: 60%; padding: 8px 10px 5px 10px; margin: 10px 0px 0px 0px;}
div.new-user-msg a { text-decoration: underline; }
div.new-user-msg p { margin: 0px 0px 5px 0px; padding: 0; }
div.new-user-msg h2 { margin: 0; padding: 0; font-size: 20px;}

table#dashboard-status { width: 800px; }
table#dashboard-status td { width: 400px; vertical-align: top; padding-right: 50px;}
table#dashboard-status td p { margin: 8px 0px; }
table#dashboard-status td div.topic-content { padding-bottom: 10px; }
table#dashboard-status td a.small, table#dashboard-status td span.small  { font-size: 10px; padding: 0; margin: 0; line-height: 1em;}

span.admin-byline { color: #AE6E1D; }

a:active { outline: none; }

table#inbox { width: 80%; }
table#inbox td { vertical-align: top; }




/* parts of tab nav taken from http://unraveled.com/publications/css_tabs/ */
ul#tabnav { /* general settings */
    text-align: left; /* set to left, right or center */
    margin: 1em 0 0 0; /* set margins as desired */
    font: bold 12px verdana; /* set font as desired */
    border-bottom: 1px solid #888; /* set border COLOR as desired */
    list-style-type: none;
    padding: 3px 0px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
    display: inline;
}

ul#tabnav li.tab1 { /* settings for selected tab */
    border-bottom: 1px solid #fff; /* set border color to page background color */
    background-color: #fff; /* set background color to match above border color */
}

ul#tabnav li.tab1 a { /* settings for selected tab link */
    background-color: #EEE; /* set selected tab background color as desired */
    color: #000; /* set selected tab link color as desired */
    position: relative;
    top: 1px;
    padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
    padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
    border: 1px solid #888; /* set border COLOR as desired; usually matches border color specified in #tabnav */
    background-color: #CCC; /* set unselected tab background color as desired */
    margin-right: 0px; /* set additional spacing between tabs as desired */
    text-decoration: none;
    border-bottom: none;
    color: #034569;
}
ul#tabnav a:active { outline: none; }

ul#tabnav a:hover { /* settings for hover effect */
    background: #eee; /* set desired hover color */
}

div.inbox-table { background: #EEE; padding: 0px 10px 10px 10px; border: 1px solid #888; width: 100%; border-top: 0px;}
div.inbox-table table { width: 100%; }
div.inbox-table p { margin: 0; padding: 2em 0; }
div.inbox-table table.message-table td { vertical-align: bottom; border-bottom: 1px solid #FFF; padding: 4px 10px 4px 0px;}

div.inbox-table table.message-table th { border-bottom: 1px solid #FFF; padding: 10px 0px 8px 0px;}
div.inbox-table table.message-table th.inbox-date { text-align: right; width: 110px;} 


table#inbox td#inbox-content { padding-right: 30px; }
table#inbox td#profile-sidebar h3 { padding: 0; margin:0; }
table#inbox p.message-info {  border-bottom: 1px dotted #555; padding: 0px 0px 10px 0px; width: 100%; }
table#inbox div.message-content { padding: 5px 0px 20px 0px; border-bottom: 1px dotted #555;}
table#inbox td#inbox-message {}

table#tutoroffers { width: 70%; }
table#tutoroffers td { padding: 10px 4px 10px 0px; } 
table#tutoroffers tr.topline td { border-top: 1px solid #999; }