body { margin: 0; background: #FFF url('/images/bg-header.png') repeat-x; font-family: Arial,Helvetica,sans-serif; font-size: .8em; }
form { margin: 0; }
a { text-decoration: none; color: #245DDB; }
a:visited { color:#245DDB; }
a:hover { text-decoration: underline; color: #245DDB; }

#container { width: 950px; margin: 1em auto; }

/* Header */
#header-container { width: 950px; margin: 0 auto; }
#header { color:#FFF; padding-top:5px; height: 100%; }
#header-logo { background-image:url('/images/logo.gif'); background-repeat:no-repeat; margin:0; font-size: 1.1em; font-weight:bold; height:74px; width: 500px; }

#login-form { margin:0em 0em .5em 0; float: right; font-weight: bold; font-size:85%; text-align: right; line-height: 130%; }
#login-form form { margin:0; padding:0; }
#login-form a { color: #FFF; }
#login-form a:hover { color: #999; text-decoration: none; }
#login-form input { font-size: 100%; }

#nav-container { height:30px; margin:1.1em auto; display:block; }
#nav { border-left: 1px solid #008F1F; float:right; }
#nav li { border-right: 1px solid #008F1F; }
#nav a  { padding:.7em 1.3em .7em 1.3em; color:#FFF; font-weight:bold; font-size:.9em; }
#subMenusContainer a { padding:.5em 1.6em .5em 1.3em; color:#FFF; font-weight:bold; font-size:.9em; }
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused { color:#FFF; }
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused, 
#nav li a:hover, #nav li a:focus { background: #FACA3D url('/images/stripe-orange.png') repeat-x; color:#000; }
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol { /*submenu border*/ background:#00921E; border:1px solid #00921E; left:0; /*-moz-border-radius: 8px; -webkit-border-radius: 8px;*/ }
#nav li { /*Use background image as a divider*/ }
#nav a.nav-selected { background: #FACA3D url('/images/stripe-orange.png') repeat-x; color:#000; }
#search-form { float:right; margin:.3em 0; display:block; width:250px; text-align:right; }

/* Body */
#body-container { width: 950px; margin: 1em auto .1em auto; padding: 1em 0em .5em 0em; background-color: #FFF; }
#body-container-top { }
#body-container-bottom { }

/* Footer */
#footer-container { width: 950px; margin: 0 auto; background: #FFF; text-align: center; }
#footer { padding: 0 6em; color: #666; font-weight: bold; font-size:85%; line-height: 150%; }
#footer a, #footer a:hover { }

/* Sidebar */
#sidebar { float: right; width: 210px; margin-top: .7em; }
.sidebar-box { margin-bottom: 1.8em; padding-bottom: .5em; font-size: .9em; }
.sidebar-box h1 { margin: 0 0 .5em 0; font-size: 1em; padding: .5em; background: #FACA3D url('/images/stripe-orange.png') repeat-x; color:#000; border: 1px solid #DCA500; }
.sidebar-box h1.site-menu-title, .sidebar-box h1.abstract-box-title, .sidebar-box h1.search-box-title, .sidebar-box h1.groups-title { }
.sidebar-box ul { padding: 2px; margin: 0 .5em 0 1.8em; }
.sidebar-box li { line-height: 130%; margin-bottom: .5em; color:#888; }
.sidebar-box a { font-weight: bold; }
.sidebar-box a.nav-selected { font-weight: bold; }
.sidebar-box a.category-selected { font-weight: bold; }
.feeds-box { margin-bottom: 1em; padding: 0 .5em; font-size: .9em; text-align: right; color: #CCC; }
.friends-box td { text-align:center; font-size:.9em; }
.friends-box td a img { border:0; }
.friends-box td a:hover { text-decoration:none; }
.pages-box { border:0; margin:0 0 1em 0; }
.pages-box li { margin-bottom:.5em; }
.whos-online-box, .friend-requests-box { margin-bottom: 1.5em; padding: .5em; font-size: .9em; text-align: right; color: #809FDD; font-weight: bold; }

#content { float: left; margin-right: 10px; margin-bottom: 1.5em; width: 720px; color: #333; }
.content-box { padding:.5em; }
.content-box h1 { margin: .1em 0 .5em 0; font-size: 150%; color:#F2BB13; padding-bottom: .3em; border-bottom: 1px solid #CCC; }
.content-box h2 { margin: .1em 0 .5em 0; font-size: 110%; }
.content-box h3 { font-size: 100%; }
.content-box p, .content-box li { line-height: 150%; }
.content-box hr { color:#CCC; background-color:#CCC; height:1px; border:0; }
.content-box table { width: 100%; }
.content-box fieldset { padding: .5em; border: 1px solid #CCC; }
.content-box legend { font-weight: bold; font-size: .9em; color: #888; margin: .3em 0; }
.content-box small { font-size: 85%; color: #666; }
.content-box a:visited { color:#245DDB; }
.content-box blockquote  { font: 100% Georgia, "Times New Roman", Times, serif; color: #888; background: url(/images/open-quote.gif) no-repeat 0 1em; padding: .5em 1em .5em 1.5em; width: 85%; margin-left: 1em; }

.body-text { margin-top: 2em; }
.body-text h1 { margin: 1em 0 1em 0; font-size: 130%; color:#5B5B5B; border-bottom: 0; }
.body-text h2 { margin: 1em 0 1em 0; font-size: 110%; }
.body-text h3 { font-size: 100%; }
.body-text h4 { font-size: 90%; }
.body-text h5 { font-size: 80%; }
.body-text h6 { font-size: 70%; }
.body-text p, .body-text li { line-height: 180%; }
.body-text pre { margin: 2em 0; width: 650px; overflow-x: scroll; border: 1px solid #CCC; background-color: #EFEFEF; padding: 8px; font-size: 11px; clear: both; position: relative; }
.body-text hr { border: 1px solid #DDD; margin:1.5em 0; }
.body-text table { border-collapse:collapse; }
.body-text .video-player { display: block; width: 400px; height: 300px; margin: 2em auto;  }

.custom-fields-box { float: right; font-size: .9em; width: 15em; margin: 0 0 1em 1em; background-color: #EFEFEF; border: 1px solid #DDD; padding: .5em; display: block; }
.custom-fields-label { background-color: #FFF; border: 1px solid #DDD; font-weight: bold; padding: .1em .4em; margin: 0 .5em .1em 0; display: block; float: left; }

#content-bottom-box { padding: .7em 0; font-size: 90%; color: #666; margin-top: 2em; clear:both; }
.loading { background:url('/images/ajax-loading.gif') no-repeat; width:16px; height:16px; margin-left:90px; }

.post-link-box h2 { margin: .1em 0 .5em 0; font-size: 110%; padding-top: 1em; border-top: 1px dotted #CCC; }
.post-link-box li { line-height: 150%; font-size: .9em; }

.comment-box h2 { margin: .1em 0 .5em 0; font-size: 110%; padding-top: 1em; border-top: 1px dotted #CCC; }
.comment-box p { line-height: 150%; font-size: .9em; }

div.embed-code { float: left; margin: 0 1em 1em 0; }

#datatable { table-layout: fixed; border-collapse: collapse; }
#datatable tr { background-color: #FFF; }
#datatable tr.odd { background-color: #F8F8F8; }
#datatable tr.group-header { background-color: #DDD; }
#datatable th { margin:0; padding:.5em 0; background: #FACA3D url('/images/stripe-orange.png') repeat-x; color: #000; border: 1px solid #DCA500; font-size: .9em; }
#datatable td { margin:0; padding:.5em; border:1px solid #DDD; vertical-align:top; line-height: 130%; }
#datatable small { color:#666; font-size:85%; }
#datatable input { }
#datatable th a { color: #000; }
#datatable th a:hover { text-decoration: underline; }

#datatable td.unread { font-weight:bold; background-color:#FFF; padding:0; }
#datatable td.read {  background-color:#EFEFEF; padding:0; }
#datatable td.unread a, #datatable td.read  a { display:block; text-decoration:none; padding:.5em; }

#list-table { table-layout:fixed; border-collapse:collapse; }
#list-table td { margin:0; padding:.5em; border:0; border-bottom:1px solid #DDD; vertical-align:top; font-size:.9em; }
#list-table tr.odd { background-color: #F8F8F8; }

#doc-extra-info td { padding-bottom:.3em }

td.table-form-label { width: 115px; padding: .5em .3em; background-color: #F5F5F5; border: 1px solid #CCC; vertical-align: top; font-size: .9em; font-weight: bold; }
td.table-form-field { padding: .3em .2em; vertical-align: top; font-size: .9em; }
td.table-form-field { line-height: 180%; }
td.table-form-field small { color: #888; font-size: .9em; }
td.table-form-field input, td.table-form-field textarea { font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; margin: 1px; }
td.table-form-field select { font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; margin: 0; }

span.required { color: red; }
span.search-excerpt { font-weight:bold; }
#search-keywords { text-align:right; border-top: 1px solid #CCC; background: #EEE; margin-bottom: 1.5em; padding: .5em .5em; }
#search-keywords span { text-decoration:underline; }
span.required { color: red; }
.validation-failed { border: 2px solid #F19903; background-color: #FFF084; }
.buttons { font-size:85%; font-weight: bold; margin-top: .5em; margin-bottom: .5em; margin-right: 2px; }
.buttons-bar { text-align: center; border: 1px solid #DDD; background: #F5F5F5; }
.thumbnails { margin: .2em .5em .5em 0; border: 1px solid #DDD; padding: .2em; }
.float-thumbnails { margin: .2em 1em 1em 0; border: 1px solid #DDD; padding: .2em; float: left; }
.icons { vertical-align:top; border:0; }
.banners { border: 0; }
.rating-star { background-image:url('/images/icons/star.png'); background-repeat:repeat-x; width:80px; height:16px; float:right; }
.thumb-check { width:100px; height:100px; float: left; margin-right: 1em; background-repeat: no-repeat; }
.thumb-check input { float: left; }

.action-bar { border: 1px solid #DCA500; background:#F8C735; margin-bottom: 1.5em; padding: .5em .5em; }
.action-bar a { color: #000; border:1px solid #F8C735; background:#F8C735; padding:.4em .5em; font-size:85%; font-weight: bold; }
.action-bar a:visited { color: #000; }
.action-bar a:hover { border: 1px solid #DCA500; background:#FFF9CA; text-decoration:none; }

#audio-player-box { float:left; border: 0px solid #E4E2E4; background-color: #FCFEFC; margin: 0 1em 1em 0; padding: 0em; width: 255px; }
#audio-player-box #audio-player { display:block; width:250px; height:33px; padding: 0 .5em .5em 0; }
#audio-player-box form { margin:0; float:right; width: 100px; }
#audio-player-box input { float:right; }
#audio-player-box small { display:block; padding-top: .3em; font-size:85% }
.audio-player { display:block; width:38px; height:31px; float:right; margin-bottom:.2em; margin-left:35px;  }

#download-box { float:left; border: 1px solid #E4E2E4; background-color: #FCFEFC; margin: 0 1em 1em 0; padding: .5em; width: 150px; }
#download-box form { margin:0; }
#download-box small { display:block; padding: .3em; font-size:85% }

#gallery-box { border: 0px solid #E4E2E4; background-color: #FFF; padding: .5em .5em .2em .5em; margin-bottom: 1em; }
#gallery-box input { float:right; }

#download-box form { margin:0; }
#download-box small { display:block; padding: .3em; font-size:85% }

#video-player-box { margin: 2em auto 2em auto; width: 640px; }
#video-player-box #video-player { background-color: #FFF; display:block; width:640px; height:480px; padding: 0 0 1em 0; }
#video-player-box form { margin:0; float:right; width: 100px; }
#video-player-box input { float:right; }
#video-player-box small { display:block; padding-top: .3em; font-size:85%; color: #666; }
.video-player { display: block; width: 160px; height: 120px; margin-bottom: .5em; }

#section-description { font-size:1em; color: #666; margin-bottom: 1em; }

#page-num { font-size:.9em; font-weight: bold; text-align: left; color: #888; }
#page-num a { border:1px solid #CCC; background-color:#EFEFEF; padding:.2em .5em; margin:0 .1em; }
#page-num a:hover { text-decoration: none; background-color: #D7E2E8; }
#page-num a:visited { color: #245DDB; }

.info-form { border: 1px solid #C4C4C4; background: #F5F5F5; padding: .5em 0; margin-bottom: 1em; text-align: center; line-height: 130%; font-size: .8em; }
.info-form input { font-size: .9em; }

.update-odd { padding: .5em; margin-bottom: .5em; border: 1px solid #EEE; background: #FAFAFA; }
.update-even { padding: .5em; margin-bottom: .5em; border: 1px solid #CACACA; background: #EEE; }

.comments-odd { margin:.5em 0; padding:8px 8px 3px 8px; border:1px solid #FAFAFA; background:#EEE; }
.comments-even { margin:.5em 0; padding:8px 8px 3px 8px; border:1px solid #EEE; background:#FAFAFA; }
.comments-odd small, .comments-even small { font-size:.8em; font-weight:bold; }
.comments-odd p, .comments-even p { font-size:.9em; }

.zebrabox-odd { margin: .5em 0; font-size: .9em; padding: .8em 1em .8em 1em; border: 1px solid #FAFAFA; background: #EEE; }
.zebrabox-even { margin: .5em 0; font-size: .9em; padding: .8em 1em .8em 1em; border: 1px solid #EEE; background: #FAFAFA; }
.zebrabox-odd  img, .zebrabox-even img { margin-bottom: 0; }

.embed-area { font-size: .9em; width: 250px; }

ul.links-list { margin: 0 1.5em 0 1.5em; padding: 0; }
li.links-item { margin-bottom: .7em; }

.column-split-table { border-collapse: collapse; }
.column-split-table td { vertical-align: top; }
.column-split-center { border: 0; padding: 1em 0; }
.column-split-left { border: 0; border-right: 1px dashed #CCC; width: 50%; padding: .8em 1em 1.2em 0; }
.column-split-right { border: 0; width: 50%; padding: .8em 0 1.2em 1em; }

/* Blog */
.blog-calendar { 
	font-family: Verdana;
	font-size: 12px;
	width: 47px;
	height: 47px;
	background: #FFF url('/images/cal_bg.png') no-repeat;
	text-align: center;
	line-height: 70%;
	color: #000;
	float: left;
	margin:0 1em .5em 0;
}
.blog-day { padding-top: 2px; font-size: 10px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #000; }
.blog-date { padding-top: 5px; font-size: 11px; font-weight: bold; letter-spacing: 1px; }
.blog-month { padding-top: 1px; font-size: 9px; text-transform: uppercase; }
.blog-year { font-size: 9px; }
ul#blog-arch-accordian { list-style-type: none; margin-left: -10px; padding-left: 20px; }
li.blog-arch-toggler { background: url(/images/icons/bullet_toggle_plus.gif) no-repeat; background-position: 3% 0; margin-left: 0px; padding-left: 20px; cursor: pointer; }
ul.blog-arch-element { list-style-type: disc; margin-left: 10px; padding-left: 25px; }

/* Calendar */
table.calendar { border-collapse: collapse; width: 95%; }
table.calendar th { border: 1px solid #CCC; padding:.3em 0; font-size: 90%; text-align: center; width: 50px; background-color: #EEE; }
table.calendar td { border: 1px solid #CCC; padding:.3em 0; font-size: 90%; text-align: center; background-color: #F5F5F5; }
table.calendar td.selected-date { background-color: #DDD; }
table.calendar td.link-date { background-color: #C3D3FD; }
table.calendar a { font-weight: bold; display: block; width:100%; }
table.time-table { border-collapse: collapse; table-layout: fixed; }
table.time-table td { border-collapse: collapse; table-layout: fixed; padding:.3em .5em; font-weight:bold; vertical-align:top; font-size: 90%; }
td.time-slot { width:80px; border: 1px solid #CCC; background-color: #F5F5F5; }
td.time-slot-faded { width:80px; border: 1px solid #CCC; background-color: #EEE; }
td.time-event { border: 1px solid #CCC; line-height: 150%; }
td.time-event-faded { border: 1px solid #CCC; line-height: 150%; background-color: #F8F8F8; }

/* Forum */
.f-container { background: #EFEFEF url('/images/bg_heading.gif') repeat-x; padding:.5em 1em; margin: 1.5em 0; border: 1px solid #DDD; display: block; }
.f-avatar { float: left; margin: 0 .5em 1em 0; border: 1px solid #DDD; padding: 1px; }
.f-user { float: left; font-weight: bold; margin-bottom: .5em; display: block; }
.f-user-info { float: right;  text-align: right; font-size: .8em; margin-bottom: .5em; display: block; }
.f-title { background: #FFF; border: 1px solid #DDD; border-bottom: 1px dashed #DDD; padding: .2em .5em .5em .5em; font-size: .8em; font-weight: bold; clear: both; line-height: 150%; display: block; }
.f-body { background: #FFF; padding: .5em; margin-bottom:.8em; border: 1px solid #DDD; border-top: 0; display: block; }
.f-action { text-align: right; margin-bottom: .2em; }
.f-action a { border: 1px solid #EFEFEF; background: #EFEFEF; margin-left: .3em; padding: .5em .5em; font-size: .8em; font-weight: bold; }
.f-action a:hover { border: 1px solid #CCC; background: #DDD; text-decoration: none; }
.f-action a:visited { color: #245DDB; }
.f-quote-title { font-size: .8em; font-weight: bold; }

/* Poll */
.poll-box { background: #EFEFEF url('/images/bg_heading.gif') repeat-x; border: 1px solid #CCC; padding: .8em; font-size: 90%; width: 90%; line-height:150%; }
.poll-box input { font-size: 90%; }
.poll-box h1 { font-size: 100%; border-bottom: 1px solid #CCC; background:none; color:#C10000; padding-left:0; }
.poll-bar { position:relative; height:15px; width:100%; }
.poll-bar-1, .poll-bar-2, .poll-bar-3, .poll-bar-4, .poll-bar-5 { height:15px; width:0%; }
.poll-bar-1 { background-color: #0066CC; }
.poll-bar-2 { background-color: #009933; }
.poll-bar-3 { background-color: #CC0000; }
.poll-bar-4 { background-color: #CCCC00; }
.poll-bar-5 { background-color: #990066; }
.poll-choice { font-weight:bold; padding:.5em 0 .1em 0; display:block; }
.poll-result { font-weight:bold; color:#666; font-size:95%; }
.poll-overall-result { padding-top:1em; color:#666; }

/* Messages */
#error_msg, #success_msg, #js_warning_msg { background: #F4F4F4; border: 1px solid #CCC; margin: .5em; padding: .3em 1em; font-size: 85%; font-weight: bold; }
#error_msg { color: #C40000; }
#success_msg { color: #74B75B; }
#js_warning_msg { color: #FF6600; margin: 0; margin-bottom: 1em; }

/* Banner */
.banner-top { padding:.5em 0; margin-bottom:.5em; text-align:center; }
.banner-sidebar { padding:.5em 0; margin-bottom:1em; text-align:center; font-size:.9em; color:#888; }
.banner-bottom { padding:1em 0; text-align:center; clear:both; }

/* Upload Bar */
.debug { display: none; }
.alert { display: none; }
#progress_bar { padding-top:2em; }
.upload-data { font: normal .8em Arial,Helvetica,san-serif; color: #333; text-align: center; }
.upload-bar1 { background: #EFEFEF url('/images/bar.gif') no-repeat; position:relative; text-align:left; height:12px; width:250px; margin-bottom: 5px; }
.upload-bar2 { background: #EFEFEF url('/images/progress.gif') no-repeat; position:relative; text-align:left; height:12px; width:0%; }
