/*	--------------------------------------------------
	Odditorium App CSS
	--------------------------------------------------
	All application specific CSS for each platform app 
	or website goes here.
	-------------------------------------------------- */

	div#wrapper { border-color: #ffb515; }

		a { color: #fc9200; }
	a:hover { color: #ffb515; }
	
	
	/*
a { color: #2daebf; }
	a:hover { color: #007D9A; }
*/

	ul.nav li#ZURBmenu strong { background-color: #ffb515; }
	/* ul.nav li#ZURBmenu:hover strong { background-image: url(/images/header/app-icons/odditorium-hover.png); } */
	ul.nav li#ZURBmenu:hover strong { background-image: url(/images/header/app-icons/notable.png); }

	div#pageHeader li a:hover,
	div#pageHeader li.current a,
	ul.tabs li a:hover,
	ul.tabs li.current a { background: #ffb515; }
	
	

/*	--------------------------------------------------
	Support Email Page
	--------------------------------------------------*/
	div.support-heading { margin-bottom: 0px; margin-top: 15px } 
	
	h3.support-title { margin-bottom: 0;  }
	p.form-subtitle { margin-bottom: 0; }

	ol.common-faqs { overflow: hidden; margin-bottom: 0px; margin-left: 0; padding-left: 25px; list-style: decimal;  }
	ol.common-faqs li {  padding-bottom: 4px; margin-bottom: 2px;  list-style: decimal;}
	ol.common-faqs li.last { border-bottom: none; }
	ol.common-faqs li a{ font-size: 14px; } 

	div.form-item { overflow: hidden; }
	div.form-item label{ display: block;text-align: right; margin-right: 10px; }
	div.form-item span{ float: left; }
	div.form-item span.wrap { background: none; }
	div.form-item span input{ width: 300px; color: #777;}
	div.form-item span.textarea { margin-top: 10px; margin-bottom: 30px; }
	div.form-item textarea { width: 500px!important; }
	div.form-item label.textarea { width: 502px!important; }
	
	div.select { margin-top: -10px; }
	div.select label { width: 150px; text-align: left; }
	div.select select { margin: 0;}
	div.select span.wrap { margin: 0;}
	
	div.email-tips { margin-top: 40px; }
	div.email-tips ol { margin-left: 19px; }
	div.email-tips ol li { font-size: 12px; color: #777; padding-left: 0; padding-bottom: 5px; }

	p.hours { font-size: 12px; color: #777; }

/* HEADER */
#pageHeader h2 { color:#999999; float:left; font-size:16px; font-weight: normal; line-height:18px; margin:-4px 0 14px; padding:0; position:relative; width:700px; }
div.sub-nav { clear: both; }

/* Text in the header on the top left */
div#header h3 { padding: 3px 0 3px 36px; float: left; background: url(/images/icons/36px/icon.png) no-repeat left center; font-size: 24px; line-height: 1; margin: 0; position: absolute; top: 21px; left: 0; letter-spacing: -1px; }
div#header h3.no-icon { background-image: none; padding: 3px 0; }
div#header h3 a, div#header h3 a:visited { font-weight: bold; }
div#header h3 a:hover { color: #777; }

div.search h2{ float: left; }
div.search form{ float: right; margin: 20px 0 0 0; }
#odditorium{ float: left; margin: 10px 0 0 0; }
#search{ color: #777; font-size: 15px;}

/* ZURBmenu Overrding the hover state */
	ul.nav li.menu:hover { background: #222; }

	ul.nav li#ZURBmenu:hover strong { background: none; background-color: #ffb515; }
	ul.nav li#ZURBmenu:hover strong img { display: block; }

/* SIDENAV */
ul.side-nav, ul.side-nav ul { list-style:none; margin:0; padding:0; }
ul.side-nav li {}
ul.side-nav ul { margin:9px 0 27px; }
ul.side-nav li a.group {}
ul.side-nav li h3.group { border-bottom:1px solid #DDDDDD; color:#333333; display:block; font-size:14px; font-weight:bold; margin-right:15px; padding:0 0 8px; text-decoration:none; }
ul.side-nav li li {}
ul.side-nav li li a { -moz-border-radius:3px; color:#777777; display:block; margin:0 15px 1px 0; padding:4px 15px; text-decoration:none; }
ul.side-nav li li a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#EEEEEE none repeat scroll 0 0; }
ul.side-nav li li.current a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/sidebar/active-item.gif) no-repeat scroll 0 0; color:#FFFFFF; font-weight:bold; margin-right:0; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.15); }



/* TOOLS */

ul.tools { margin-bottom: 0px; }


ul.tools li.list-head { float: left; font-weight: bold; padding: 3px 5px 0 0;}
ul.tools li.show-list { margin-left: 240px; }

ul.tools li.sort a { color: #999; padding: 2px 5px; /* background: #FFF7E7; */ -moz-border-radius: 13px; -webkit-border-radius: 13px; float: left; margin: 0 5px 0 0; text-decoration: none; }
ul.tools li.sort a.current, ul.tools li.sort a.current:hover { /* background: #FC9200;  */color: #fc9200; text-decoration: underline; }
ul.tools li.sort a:hover { background: none; color: #fc9200; }
ul.tools li.sort { display: inline; }

ul.tools li.start { float: right;}


body.in_ie7 ul.tools li.sort a { margin-top: 4px; }

p.logged-out { float: right; padding: 17px 0 0 0; margin: 0;  }

/* TOOLBAR */
div.toolbar { background: #faf9f2; border-top: 1px solid #e0e0d3; padding: 5px 15px 7px 15px; margin: 15px 0 10px 0; }
ul.tags { float: left; /* width: 505px; */ width: 450px; margin-bottom: 5px; }
ul.tags li { display: inline; margin: 6px 7px 0 0; float: left; }
ul.tags li.list-head { font-weight: bold; font-size: 14px; }

div.toolbar div.form { float: right; margin: 0px 0 0 0;}
div.toolbar div.form form { margin: 0; }
div.toolbar div.form input { -moz-border-radius: 13px; -webkit-border-radius: 13px; padding-left: 13px; }


/* POSTS */

div.post { border-bottom: 1px solid #e4e4e4; padding: 0 0 15px 0; margin: 15px 0 0 0;}

div.post-count a { text-decoration: none; }
div.post-count{ float: left; background: #f6c240 url(/images/odditorium/new_post_bg.gif) top left no-repeat; border: 1px solid #cc8a21; height: 77px; width: 73px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0px 1px 0px #9d9d9d;}
div.post-count .new_replies_count_number { font-size: 23px; display: block; color: #fff; text-shadow: 0 -1px 0px #9F6B18; font-weight: bold; text-align: center; padding: 16px 0 11px;}
.in_ie7 div.post-count .new_replies_count_number { padding: 7px 0 10px; }
div.post-count .total_replies_count { color: #fff; display: block; text-align: center; font-size: 12px; line-height: 12px; padding: 7px 3px;}

div.zero-new { float: left; background: #fafafa; border: 1px solid #e1e1e1; -moz-box-shadow: none;}

div.zero-new .new_replies_count_number{ color: #838181; text-shadow: none; /* background: url(/images/odditorium/new_post_no_bg.gif) no-repeat bottom center; */ padding: 14px 0 11px; margin: 0 10px 4px; border-bottom: 1px solid #e7e7e7; font-size: 25px; }
body.in_ie7 div.zero-new .new_replies_count_number{ padding: 7px 0 6px; margin-bottom: 4px; }
div.zero-new .total_replies_count{ color: #838181; }

div.post-content{ float: right; /* width: 611px;  */ width: 600px; }
div.post-content h3{ font-size: 20px; font-size: 18px; margin-bottom: 2px; }
div.post-content h3 a{ color: #FC9200; font-weight: bold; }
div.post-content h3 a:hover{ color: #ffb515; }
div.post-content p{ font-size: 12px; }

div.post-content h3.zero-new a{ color: #bebebe; font-weight: normal; }
div.post-content h3.zero-new a:hover{ color: #ababab; }

div.not-new { color: #bebebe; }
div.not-new a { color: #BEBEBE; }
div.not-new a:hover { color: #ffae00; }

#post_list_wrapper{ margin: 25px 0 0 0; }

#post div.zero-new2 { background: #d2cdbd; border: 1px solid #beb9ab; box-shadow: #f9f7ef;}
#post div.zero-new2 .new_replies_count_number { padding-bottom: 14px; color: #555555; text-shadow: 0 1px 1px #e5e2d9; border-bottom: 1px solid #beb9ab; margin-bottom: 5px; }
#post div.zero-new2 .total_replies_count{ color: #555555; }

/* POST */

div.editable_time_remaining_counter { color: #848484; font-size: 14px; padding-bottom: 10px; }
#replies div.editable_time_remaining_counter { color: #b9b9b9; font-size: 13px; padding-bottom: 10px; display: inline; }

div#post { overflow: hidden; background: url(/images/odditorium/view-post-bg.gif) bottom left repeat-x; border: 1px solid #e7e7e7; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 24px; margin-bottom: 20px; }

div#post div.post-content { width: 550px; }
div#post p { margin-bottom: 5px; }
div#post div.post-content h3 { font-size: 22px; margin-bottom: 0px; }
p.post-info { font-size: 12px; margin-bottom: 10px;}

#post_expand_toggle, #post_collapse_toggle{ background: #eeeeee; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #e4e2d8; color: #6e6b68; padding: 3px 15px; margin: 15px 0 0 0; float: left; font-weight: bold; text-decoration: none; }
#post_expand_toggle:hover, #post_collapse_toggle:hover { background: #f9f9f9; }

/* REPLIES */
#replies li { border-bottom: 1px solid #e4e4e4; padding-bottom: 0px; margin-bottom: 20px; }
#replies li.deleted { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
div.reply_header{ color: #848484; font-size: 15px;}
div.reply_header strong{ color: #555555; }
div.reply_body{ margin: 1px 0 0 0; line-height: 18px; clear: left; float: left; width: 600px; }

body.in_ie7 button.button { text-align: center; }

/* FORM */
#reply_body, textarea.reply_body_edit_textarea { width: 699px; }
textarea#post_body { width: 500px; height: 200px; }

/* Pagination */
div.top { margin-bottom: 10px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; font-size: .9em;}
div.bottom { margin-bottom: 10px; border-bottom: 0px; padding-bottom: 20px; font-size: .9em;}

div.bottom div.pagination, div.top div.pagination { float: right; width: auto; }

div.top_page { text-align: left; margin: 5px 0 15px 0; overflow: hidden; height: auto; padding: 0 0 10px 2px; border-bottom: 1px solid #E4E4E4}
div.top_page div.viewing { float: left; font-size: 13px;}
div.top_page div.viewing span.tag { font-size: 16px; font-weight: bold; }
div.top_page div.viewing a.tag{ color: #777; font-size: 16px; background: url(/images/odditorium/delete-tag.gif) no-repeat right;border: 0; padding: 0 20px 0 5px;}
div.top_page div.viewing a.tag:hover{ text-shadow: none; cursor: pointer;}
div.top_page div.pages { float: right; /* padding: 5px 0 6px; */ }



#not_logged_in_notice { margin-bottom: 25px; background: url(/images/odditorium/view-post-bg.gif) bottom left repeat-x; border: 1px solid #e7e7e7; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 20px; margin-bottom: 20px;}
#not_logged_in_notice p { margin: 0; }


/* VOTES */
span.vote form { display: inline;}
div.reply_votes { margin-top: 0px; color:#848484; font-size: 12px; float: right; }
div.reply_footer { clear: both; margin: 10px 0; /* text-align: right;*/ float: left;}

button.vote { color: #fc9200; background: none;}
button.vote:hover { color: #ffb515; }

/* QUOTES */

div.odd_quote { padding-left: 10px; margin-top: 10px; border-left: 3px #e4e4e4 solid; margin-left: 20px; color: #848484; }


/* Tips */
ol.tips { margin: 0 0 0 20px; font-size: 12px; color: #8e8e8e; }
h4.tips { margin-top: 80px; } 

/* TABLES */
table#tags, table#tags td { border: 0; padding: 0;}

.reply_modifiers form { display: inline; }
.reply_modifiers .editable_time_remaining_counter { font-size: 12px; }
.post_last_reply_info {margin-top: -20px;}

strong .user_link { font-weight: bold; text-decoration: none; color: #848484;}
strong .user_link:hover { font-weight: bold; text-decoration: none; color: #848484; cursor: default;}

#sticky_word_countdown_text { padding-bottom: 10px; color: green !important; display: block;  }

/*
.related-posts li  li a {
	padding-left: 0;
}
*/
h2.sub-title { margin-top: 0; float: left; }
.start-convo { float: right; margin: 5px 0 0 0; }

div.pagination a { color: #d17200;  }
div.pagination a:hover { color: #fff; border: 1px solid #d17200; background: #fc9200; }

.small.super.button span { padding: 4px 12px; }

h4.new-post-title{ margin-bottom: 15px; padding-bottom: 3px; }

iframe {margin-top: 10px;}

h2 { margin: 0 0 9px 0; }

/* SUPPORT FAQS */
div.faq-header { border-bottom:1px solid #DDDDDD; margin:0 0 18px; padding:9px 0 8px; position:relative; }
div.faq-header h3 { font-weight:normal; margin:0; padding:0; }
div.faq-header p { bottom:8px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; right:0; }

div.border { border: 5px solid #ccc; }
div.border img { margin: 0 auto; }

ul.edit-options { margin-bottom: 10px; overflow: hidden; }
ul.edit-options li { float: left; padding: 0 15px 0 0; font-size: 12px;}

/* --------------------------------------------------
Footer
-------------------------------------------------- */
div#site-info { background: #f9f7ee url(/images/footer/footer-shadow.gif) no-repeat top center; margin: 0; padding: 27px 0 0; clear: both; position: relative; }
div.container { width: 940px; margin: 0 auto; padding: 0; position: relative; }

div#site-info div.column-row { position: relative; height: 108px; }
div#site-info h4 { margin: 0; padding: 0; font-weight: normal; border: 0; color: #555; }
div#site-info div#aboutzurb h5 { padding-left: 0; }
div#site-info p { font-size: 12px; color: #777; }
div#site-info p strong { color: #333; }

div#footer { width: 940px; padding: 0; margin: 9px 0 0; border-top: 1px solid #e7e3d7; }
div#footer div { border-top: 1px solid #fff; padding: 18px 0 9px; }
div#footer p.copyright { padding: 0; }

div#site-info a, div#site-info a:visited { font-weight: inherit; color: #777; text-decoration: underline; }
div#site-info a:hover { text-decoration: none; }

/* ZURBnews */
div#site-info #zurbnews h4 { padding: 0 9px; }	
div#site-info #zurbnews p { padding: 3px 9px; }	

div#site-info form { background-repeat: no-repeat; background-position: 0 0; margin: 3px 0; height: 27px; position: relative; background: #999; width: 280px; overflow: hidden; }
div#site-info form div { background-repeat: no-repeat; background-position: right -27px; width: 270px; height: 23px; padding: 2px 0 2px 10px; position: absolute; top: 0; left: 0; }
div#site-info form input.input-text { background: #fff !important; display: block; width: 190px; margin: 0; padding: 3px 0 2px; border: 0; color: #333; font-size: 12px; }
div#site-info form input.input-text:focus { background: #fff; outline: none; }
div#site-info form button { background-position: 0 0; background-repeat: no-repeat; height: 27px; position: absolute; top: 0; right: 0; text-indent: -999em; cursor: pointer; border: 0; -webkit-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-border-radius: 0; padding: 0; display: block; }
div#site-info form button:hover { background-position: 0 -27px; }

div#site-info div#zurbnews form { background-image: url(/images/footer/zurbnews-bg.gif); }
div#site-info div#zurbnews form div { background-image: url(/images/footer/zurbnews-bg.gif); }
div#site-info div#zurbnews form button { background-image: url(/images/footer/zurbnews-button.gif); width: 60px; }
div#site-info div#zurbnews form input.input-text { width: 165px; }

body.ff div#site-info form input[type=text] { padding: 4px 0; }
body.ie div#site-info form input.input-text { padding: 3px 0 4px; }
body.ie7 div#site-info form input.input-text { padding: 5px 0 2px; line-height: 1; }

/* Page nav in bottom right */
div#site-info ul { float: right; height: 27px; margin-right: -12px; padding: 0; list-style: none; }
div#site-info ul li { display: inline; }
div#site-info ul li a, div#site-info ul li a:visited { float: left; width: auto; margin: 0; padding: 2px 12px; border-right: 1px solid #ddd; }
div#site-info ul li:last-child a { border: 0; }
div#site-info ul li.rss a { padding-left: 31px; background: url(/images/icons/16px/rss-gray.gif) no-repeat 11px 1px; border: 0; }



a.whatisthis{ padding: 7px 95px 0 0; }
button.search { padding: 5px 10px; background: #e8e8e8;  -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 14px; color: #999; cursor: pointer; }
button.search:hover {background: #f0f0f0;  }
input#search {display: inline;}

div.pagination a.jump_to_unread{ border: 0; padding: 0; }
div.pagination a.jump_to_unread:hover { background: #fff; text-shadow:none !important; color: #FC9200;}


div.admin { background: url(/images/odditorium/admin-bg.gif) bottom center no-repeat; }
div.admin a.user_link, div.admin span.user_link{ background: url(/images/odditorium/odd-admin.gif) left no-repeat; padding: 2px 0 2px 20px; }