/* CSS to go with Prototip.Styles */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

/* the default style */
.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

/* basic */
.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

/* protoblue */
.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

/* creamy */
.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

/* darkgrey */
.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

/* protogrey */
.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}
/* This is how to resize the close button for a style */
.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}


/* loader gif */
.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}


/* Required for all tooltips, do not modify */
.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* CSS Reset from http://developer.yahoo.com/yui/reset/ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; vertical-align: top;} 
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1 { font-size:150%; font-weight:bold; margin-top: 0em;}
h2 { font-size:140%; font-weight:bold; margin-top: 0.5em;}
h3 { font-size:130%; font-weight:bold; margin-top: 0.5em;}
h4 { font-size:120%; font-weight:bold; margin-top: 0.5em;}
h5 { font-size:110%; font-weight:bold; margin-top: 0.5em;}
h6 { font-size:100%; font-weight:bold; margin-top: 0.5em;} 
p {margin: 0.25em 0;}
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
a:link, a:visited {color: #32698B; text-decoration: none;}

a:hover {color: #D16216!important;}
#header a:hover {color: #000000!important;}

.righty {float: right;}
.lefty {float: left;}
.clearboth {clear: both;}
.notext {text-align: left; text-indent: -999px; overflow: hidden; font-size: 0; line-height: 0; display: block;}
.hr {height: 0px; border-top: solid 1px #d5d5d5; width: 100%; margin: 10px 0; clear:both;}
/* end CSS reset */

/* main layout */
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;} /* Cambria was originally part of this - bad idea, will create unpredictable results when someone *has* Cambria. */
#canvas {width: 1080px; margin: 0px 0 20px;}
#canvas #header {margin: 0; height: 148px; clear:both; } 
#canvas #admin-header { background-color: #333; color: #ffffff;  padding: 5px 10px; position: relative;  font-size: 11px;}

#canvas #admin-header div.righty {right: 10px;}
#canvas #admin-header a {color: #DFFF00;}
#canvas #admin-header a.edit_link {color: #FF4F00;}
#canvas #headline {height: 185px; padding: 15px 30px 0px 20px; border-bottom: 1px solid #d5d5d5; position: relative;}
#canvas #headline .head-wrap {clear: both;}
#canvas #headline .image-wrap {float: left; position: relative; height: 165px; width: 330px; z-index: 1000;}
#canvas #headline .image-wrap img {top: 0; position: absolute;}
#canvas #headline .image-wrap #headline-pager {bottom: 0; position: absolute; background: url('/images/backgrounds/semi-transparent-slideshow.png'); height: 19px; padding-top: 4px; width: 300px; z-index: 1200;}
#canvas #headline .image-wrap #headline-buttons {bottom: 0; position: absolute;height: 19px; padding-top: 4px; width: 100%; z-index: 1500;}
#canvas #headline .image-wrap #headline-buttons a {color: #fff; padding: 0 25px; z-index: 1500; outline: none;}
#canvas #headline .image-wrap #headline-buttons a:hover {text-decoration: none;}
#canvas #headline .image-wrap #headline-indicator {position: absolute; top: 137px; left: 0; background: url('/images/buttons/headline-indicator.gif'); height: 28px; width: 60px; z-index: 1400;}
#canvas #headline #headline_text {height: 165px; z-index: 500;}
#canvas #headline #headline_text .headline-body {position: absolute; top: 20px; left: 330px; width: 700px;}
#canvas #headline .headline-body p.date {margin-top: 0;}

#canvas .breadcrumbs {padding-left: 20px; font-size: 11px; color: #333;}
#canvas .breadcrumbs a {color: #999;}
#canvas #left {float:left; width: 110px; margin-right: 15px; padding-left: 10px; font-size: 11px;}
#canvas #main {/* margin-left: 160px; */}
#canvas #content {min-height: 400px; background: #fff; width:745px; float:left; padding-right: 12px; padding-left:10px; margin-top: 8px;}
#canvas #rail {min-height: 400px; width: 300px; float:right; padding-left: 8px; border-left: solid #e7e7e7 1px; margin-top: 8px;}
#canvas #footer {text-align: center; background: #969696; padding: 10px 5px; clear:both; margin-top: 20px; color: #000; font-size: 11px;} 
#canvas #footer a {color: #d9d9d9;}
.cs_miami #canvas #rail { margin-top: 100px; }
#videos_credit_suisse_2010 #canvas #content { width: 1070px; }

#header .top {position: relative; background: #c4ccba url('/images/backgrounds/header-top.gif') repeat top left; width: 100%; height: 105px;}
#header #logo {display: block; width: 423px; height: 83px; position: absolute; top: 11px; left: 10px; background: url('/images/tabb-forum-logo.png') no-repeat top left; outline: none;}
#header #utility ul {position: absolute; top: 8px; right: 166px;}
#header #utility ul li {float: left; padding-left: 0.33em; color: #fff; font-size: 10px; font-weight: bold; text-transform: uppercase;}
#header #utility ul li.text {margin-top: 2px;}
#header #utility ul li a {color: #000; position: relative; top: 1px;}
#header #utility ul li a.header_signup_link em {color: #b1291c; font-style: normal;}
#header #utility ul li span {color: #9dabae;}
#header a#join {position: absolute; top: 11px; right: 4px; width: 129px; height: 84px; background: url('/images/headers/value-prop.png'); }
#header .bottom {height: 43px; width: 100%; background: url('/images/backgrounds/nav-gray.gif') repeat-x top left;}
#header ul.navi {}
#header ul.navi li {float: left;background: url('/images/backgrounds/nav-olive.gif') repeat-x top left; height: 27px; padding: 8px 15px; border-right: 1px solid #fff;}
#header ul.navi li.clear {background: transparent;}
#header ul.navi li.active {background-image: url('/images/backgrounds/nav-active.gif');}
#header ul.navi li.blue {background-image: url('/images/backgrounds/nav-blue.gif'); border-left: 1px solid #fff;}
#header ul.navi li.button {padding: 0 0 0 0px; background: none; border: none;}
#header ul.navi li.righty {float: right;}
#header ul.navi li a {color: #fff; text-transform: uppercase; font-size: 10px; font-weight: bold; }
#header ul.navi li a.black {color: #000;}
#header ul.navi li a.black:hover {color: #fff!important;}
#header ul.navi li span {text-transform: none; font-weight: normal; text-decoration: none; font-size: 10px; color: #fff;}
/* Video subnav */
#header ul.navi li#video-nav { overflow: visible; width: 60px; position: relative; }
#header ul.navi li#video-nav div#video-menu { position: absolute; top: 43px; left: 0px; z-index: 90; width: 170px; }
#header ul.navi li#video-nav div#video-menu ul li { float: none; background-image: none; background-color: #ced5c6; border-top: 1px solid #fff; height: 10px; }
#header ul.navi li#video-nav div#video-menu ul li a {color: #7D8370;}
#header ul.navi li#video-nav div#video-menu ul li a:hover { color: #000; }
/* LM subnav */
#header ul.navi li#liquidity-matrix-nav { overflow: visible; width: 60px; position: relative; }
#header ul.navi li#liquidity-matrix-nav div#liquidity-matrix-menu { position: absolute; top: 43px; left: 0px; z-index: 90; width: 170px; }
#header ul.navi li#liquidity-matrix-nav div#liquidity-matrix-menu ul li { float: none; background-image: none; background-color: #ced5c6; border-top: 1px solid #fff; height: 10px; }
#header ul.navi li#liquidity-matrix-nav div#liquidity-matrix-menu ul li a {color: #7D8370;}
#header ul.navi li#liquidity-matrix-nav div#liquidity-matrix-menu ul li a:hover { color: #000; }
/* Haiti header */
#header ul.navi li.haiti {width: 150px; background: url('/images/backgrounds/nav-red.gif') repeat-x; color:white; text-transform: uppercase; line-height: 14px; font-size: 10px; font-weight: bold; border-right: none; padding-right: 12px;}
#header ul.navi li.haiti p.donation_total {text-align: right; font-size: 19px; font-weight: bold; height: 20px; line-height: 20px;}
#header ul.navi li.haiti span.date {font-weight: normal; text-transform: none;}
#header #social {position: absolute; top: 79px; right: 45px; }
#header #social ul li {float: left; padding-left: 4px;}
#header #account-info {position: absolute; top: 82px; right: 12px; text-align: right;}
#header #search-widget {float: right; position: relative; top: 10px; width: 163px; height: 30px; }
#header #search-widget form label { font-size: 10px; position: absolute; bottom: 0; color: #3e4731; text-transform: uppercase; font-size: 8px;}
#header #search-widget form input {padding: 0; }
#header #search-widget form .submit {border: none; position: absolute; right: 0; top: 0px; margin-right: 12px; cursor: pointer; display: block; height: 17px; width: 21px; float: right; background: #9aa48d; color: #fff; font-size: 10px; font-weight: bold;}
#header #search-widget form .text {border: 1px solid #9aa48d; background: #eff5e8; margin-right: 5px; width: 118px; color: #3e4731; font-size: 10px; cursor: text;}

.result {padding-bottom: 10px;}

.banner {text-align: right; height: 90px; vertical-align: bottom; position: relative;}
.banner div {position; absolute; top: 0;}
.tile .flashfix {display: block; height: 250px; width: 300px;}
.banner .flashfix {display: block; height: 90px; width: 745px;}
.tile {height: 250px; padding-bottom: 8px;}
.ad-head {font-size: 9px; color: #d5d5d5;}
#top_ad {height: 40px; width: 1080px; margin: 0;}
#rail .ad-head { position: relative; left: 6px; border-top: 1px #d5d5d5 solid; padding: 9px 9px 3px; clear: both;}
#content .ad-head { padding-bottom: 2px;}
.ten-left {position: relative; left: -10px;}
.seventwentyeight {text-align: right;}
.ad-head.ste {margin-left: 17px;}

#breadcrumbs {font-size: 11px; color: #333333; padding-left: 20px;}
#breadcrumbs a {color: #999999;}

#popular {margin-bottom: 6px;}
#popular .tabs {font-size: 11px;}
#most_read_tab {width: 73px;}
#most_commented_tab {width: 115px;}

img.video_icon {vertical-align: middle;}

.archive_list h2, #news h2, #research h2, #events h2, 
#events_index h1, #announcements_index h1, #submissions_new h1,
.headline_text h2, #announcements h2, #articles_index h1, #site_contact h1,
#users_create h1, #users_new h1, #users_articles h1 {font-family: Cambria, Georgia, serif; font-size: 23px; font-weight: normal; margin-top: 0; color: #32698b;}

.wysiwyg ul, .wysiwyg ol {padding: 3px 0 3px 0px;}
.wysiwyg li {margin-left: 12px;}
.wysiwyg ul li {list-style: disc outside;}
.wysiwyg ol li {list-style-type: decimal outside;}
/* end main layout */

/* rails specific */
#flash {color: #ffffff; font-weight: bold;}
#flash .warning, #flash .error   {border: 1px solid #df2e1b; background-color: #df2e1b; padding: 5px 20px; }
#flash a:hover {color: #000!important;}
#flash .notice,  #flash .message {border-color: 1px solid #799baf; background-color: #799baf; padding: 5px 20px; }
/* end rails specific */

div.solid {margin-left: 135px;}

/* Site Specific */
/* Portal Pages */
#channels_show #canvas #headline img {float: left;}
#canvas #headline img {margin-right: 25px; min-height: 100%;}
.headline_text {font-family: Cambria, Georgia, serif; font-size: 15px;}
.headline_text h2 a {color: #32698b; }
.headline_text h3 {font-size: 15px; margin-top: 12px; }
.secondary .headline_text h3 a {color: #D16216;}
.headline_text .hed {color: #666666;}
p.date, div.date {font-size: 13px; color: #999999; font-family: Cambria, Georgia, serif; margin: 0; }
#researches_show .date, #articles_show .date {margin-top: 0; font-family: Cambria, Georgia, serif; }

#headline .hed {font-family: 'Times New Roman', Times, serif; font-size: 15px; padding-bottom: 5px;}
.headline_text .links {font-size: 11px;}
.headline_text .links a { color: #32698B; }

#headline_b {padding-left: 25px;}
#headline_b img {float: left; margin-right: 20px;}
#headline_b #headline_b_text {float: left; width: 450px;}
#headline_b_text h2 {font-family: Cambria, Georgia, serif; font-size: 23px; font-weight: normal; margin-top: 0; color: #d16216;}
#headline_b_text.headline_text h2 a {color: #d16216;}
#headline_b_text p.hed {line-height: 15px; font-size: 11px;}

#headline_b {background-color: #bd3528; padding: 10px 15px 10px 25px; margin-bottom: 10px;}
#headline_b p.date, 
#headline_b #headline_b_text h2, 
#headline_b #headline_b_text.headline_text h2 a, 
#headline_b #headline_b_text p, 
#headline_b .headline_text .links a, 
#headline_b #headline_b_text .hed, 
#headline_b #headline_b_text a.continue {color: #fff;}

#headline_b .headline_text .links a:hover, 
#headline_b #headline_b_text a.continue:hover,
#headline_b #headline_b_text.headline_text h2 a:hover {color: #fff!important; text-decoration: underline;}

#site_index .archive_list,
#channels_show .archive_list {padding-left: 25px; font-size: 11px;} /* TODO reduce padding to make way for scroll bar */
#channels_show .archive_list ul,
#site_index .archive_list ul { margin-top: 10px; color: #999; height: 220px; overflow-y: auto;}
#research.archive_list ul {height: auto;}
#channels_show #equities_research.archive_list ul {height: 180px;}
.archive_list ul li {margin-bottom: 5px;}
.archive_list ul li a {color: #666666;}
.archive_list ul li a.comments, .video_archive_list ul li a.comments {color: #32698B;}


#recent_video h2, h3.video_archive_list_title {margin-left: 75px;}
#recent_video h3 {height: 16px;}
.video_archive_list {font-size: 11px;}
.video_archive_list ul li {margin-bottom: 5px; float:left; margin-right: 35px; overflow: hidden;}
.video_archive_list ul li.odd {margin-right: 0;}
#main .video_archive_list ul li {margin-right: 0;}
.video_archive_list img.video_thumb {float:left; margin-right: 10px;}
.video_archive_list div.video_archive_text p, 
.video_archive_list div.video_archive_text h4 {margin-left: 75px;}
.video_archive_list li.smaller div.video_archive_text {width: 300px;}
.video_archive_list div.video_archive_text {width: 350px;}
.video_archive_list div.video_archive_text h4.title {margin-top: 0;}
.video_archive_list div.video_archive_text h4.title a {color: #32698B; font-size: 13px; font-weight: bold;}
.video_archive_list div.video_archive_text p {margin-top: 0; color: #666;}

#canvas .sidebarred {float:left; width: 517px; margin-bottom: 10px;}
#site_index .sidebarred, #site_index .sidebar {/*min-height: 980px;*/}
#canvas .sidebar {float:right;}
#channels_show #canvas .sidebar {border-left: 1px solid #d5d5d5; padding-left: 8px; }
#channels_show #canvas .sidebarred {width: 515px;}
#site_index #main, #channels_show #main {margin-left: 0;}
#canvas .sidebar div {width: 220px; background-color: #c4ccba; padding-bottom: 5px;}
#canvas .sidebar div#poll {background-color: #748789; }
#canvas .sidebar div#poll h3 {background: url('/images/headers/what-do-u-think.gif') repeat-x;}
#canvas .sidebar div#poll p strong {color: #ffffff;}
#canvas .sidebar div#poll p {color: #cccccc;}
#canvas .sidebar div#poll form {padding-top: 3px;}
#canvas .sidebar div#poll .text {display: block; padding-bottom: 2px; clear: left; color: #fff; font-weight: bold;}
#canvas .sidebar div#poll .slider { float: left; margin-right: 5px; padding-right: 12px; padding-left: 0; height: 21px; background: transparent url('/images/sliders/poll-right.gif') no-repeat top right; ;}
#canvas .sidebar div#poll .slider span {background: transparent url('/images/sliders/poll-left.gif') no-repeat; display: block; height: 21px; padding-right: 2px}
#site_index .sidebar {/*min-height: 980px*/; padding-bottom: 10px;}
#canvas .sidebar p, #canvas #poll div.result {margin: 5px 20px 10px; width: auto; background: transparent;}
#canvas #poll div.result strong {position: relative; top: 3px; color: #fff;}
#canvas #main .sidebar h3 {height: 20px; padding: 5px 20px; background: transparent url('/images/headers/sidebar_bg.gif') no-repeat; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 12px; margin-top: 0; letter-spacing: 1px;}
#canvas .sidebar a.more {color: #fff; text-decoration: underline;}
#canvas #poll .submit {background: url('/images/buttons/vote-now.png'); border: none; display: block; height: 31px; width: 166px; cursor: pointer;}

#canvas #data p a {color: #474945;}
#canvas #data p.first a {color: #000;}
#canvas #data p a.more {color: #fff; font-size: 11px;}

#canvas #matrix {background: #e69257;}
#canvas #main .sidebar #matrix h3 {background: url('/images/headers/tabb-liquidity-matrix.gif') repeat-x;}
#canvas #matrix p a {color: #fff;}
#canvas #matrix p { color: #341d0c;}
#canvas #matrix img, #canvas #data img {padding: 5px 0 0 1px; }

#canvas #events h2 {padding-left: 25px;}
#canvas #events .even td {background: #dddddd;}
#canvas #events table {font-size: 11px; margin: 12px 0 12px 17px; width: 728px; position: relative; }
#canvas #events tr td.title {padding-left: 15px; font-weight: bold; width: 338px;}
#canvas #events tr td.loc {width: 80px;}
#canvas #events tr td.dates {width: 104px; font-weight: bold;}
#canvas #events tr td.origin {width: 80px;}
#canvas #events tr td.add {width: 81px;}
#canvas #announcements p.links,
#canvas #events p.links {padding-left: 25px; padding-bottom: 10px;}
#announcements p.links a,
#events p.links a {color: #567f99; padding-right: 15px;}
#events td, #announcements td {margin:0px; padding:5px;}
#canvas #announcements {padding-top: 20px;}
#canvas #announcements h2 {padding-left: 25px;}
#canvas #announcements .even td {background: #dddddd;}
#canvas #announcements table {font-size: 11px;  margin: 12px 0 12px 17px; width: 728px; position:relative; }
#canvas #announcements tr td.title {padding-left: 15px; font-weight: bold; /*width: 415px;*/}
#canvas #announcements tr td.dates {width: 80px; font-weight: bold;}
#canvas #announcements tr td.type {width: 93px;}
#canvas #announcements tr td.origin {width: 100px;}


/* Events and announcements listings */
div.expanded_event {margin-bottom: 10px;}
div.expanded_event div.image_column { width: 70px; float: left; margin-top: 3px; }
div.expanded_event div.description_column { margin-left: 5px; float: left; max-width: 430px; }
div.expanded_announcement,
div.expanded_news_item { margin: 10px 0; }
div.expanded_announcement div.description_column h2, 
div.expanded_news_item div.description_column h2, 
div.expanded_event div.description_column h2 { font-family: Cambria, Georgia, serif; margin: 0; font-size: 15px; font-weight: normal;}
div.expanded_announcement div.description_column p, 
div.expanded_news_item div.description_column p, 
div.expanded_event div.description_column p { font-size: 11px; color: #666; }
div.expanded_announcement div.description_column p.dateline, 
div.expanded_news_item div.description_column p.dateline, 
div.expanded_event div.description_column p.dateline { font-size: 14px; color: #333; }
div#recent_announcement div.announcement_list h2.announcement_list_title,
div#recent_news_item div.archive_list h2.archive_list_title,
div#recent_event div.event_list h2.event_list_title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333; padding: 5px 0;}
div#recent_announcement div.announcement_list ul li,
div#recent_event div.event_list ul li { line-height: 20px; font-size: 11px; color: #666; }
div#recent_announcement div.announcement_list ul li a:link,
div#recent_announcement div.announcement_list ul li a:visited,
div#recent_event div.event_list ul li a:link,
div#recent_event div.event_list ul li a:visited,
div#recent_event div.event_list ul li span.origin { color: #333; }
div#recent_article div.pagination,
div#recent_announcement div.pagination,
div#recent_event div.pagination { font-size: 11px; margin: 5px 0;}

body#site_search div#canvas div#content div#main,
body#site_contact div#canvas div#content div#main,
body#users_show div#canvas div#content div#main,
body#articles_index div#canvas div#content div#main,
body#researches_index div#canvas div#content div#main,
body#charts_index div#canvas div#content div#main,
body#announcements_index div#canvas div#content div#main,
body#headlines_index div#canvas div#content div#main,
body#events_index div#canvas div#content div#main,
body#users_articles div#canvas div#content div#main,
body#liquidity_matrices_index div#canvas div#content div#main {float: left; width: 585px;}
#users_articles #content .author img {float: left; margin-top: 0.25em;}

#charts_show #main, body#videos_index div#canvas div#content div#main, #videos_show #main, .cs_miami #main, #site_haiti_relief #main {float: left; width: 610px;}
#videos_credit_suisse_2010 #main { float: left; width: 935px;}

body#site_contact form p {margin: 10px 0;}
body#site_contact form p.headerr {margin-bottom: 0;}

div.related {background: #000; color: #fff; position: relative; height: 67px; margin: 10px 0;}
#charts_show div.related { width: 590px;}
#rail div.related { width: 300px;}
div.related #frame {display: block; width: 540px; position: absolute; left: 25px; top: 0; overflow: hidden; height: 67px;}
div.related #prev-scroll, div.related #next-scroll {position: absolute; top: 28px; width: 11px; height: 12px; display: block; background: transparent; outline: none; cursor: default;}
div.related #prev-scroll {left: 7px; }
div.related #next-scroll {right: 7px; }
div.related #prev-scroll.active {background: url('/images/buttons/related-prev.gif'); cursor: pointer;}
div.related #next-scroll.active {background: url('/images/buttons/related-next.gif'); cursor: pointer;}
div.related ul#related {display: block; position: absolute; top: 0; left: 0px; width: 1295px; margin: 5px 0;}
div.related ul#related li {float: left; display: block; width: 185px; overflow: hidden; height: 55px;}
div.related ul#related li img {float: left; margin-top: 2px;}
div.related ul#related li .related_chart_text {width: 105px; float: left; padding-left: 10px; padding-right: 5px; font-size: 11px;}
div.related ul#related li .related_chart_text .date {text-transform: uppercase; font-size: 10px; margin: 0; color: #aaa;}
div.related ul#related li .related_chart_text .caption {font-weight: bold; margin: 0;}
div.related ul#related li .related_chart_text .caption a {color: #fff;}
#videos_show div.related ul#related li .related_chart_text .caption a {color: #fff;}
#videos_show div.related ul#related li .related_chart_text .caption a:hover {color: #DF2E1B !important}
li.clearboth {width: 100%;}

div.related #frame-v {display: block; width: 250px; position: absolute; left: 25px; top: 0; overflow: hidden; height: 67px;}
div.related #prev-scroll-v, div.related #next-scroll-v {position: absolute; top: 28px; width: 11px; height: 12px; display: block; background: transparent; outline: none; cursor: default;}
div.related #prev-scroll-v {left: 7px; }
div.related #next-scroll-v {right: 7px; }
div.related #prev-scroll-v.active {background: url('/images/buttons/related-prev.gif'); cursor: pointer;}
div.related #next-scroll-v.active {background: url('/images/buttons/related-next.gif'); cursor: pointer;}
div.related ul#related-v {display: block; position: absolute; top: 0; left: 0px; width: 610px; margin: 5px 0;}
div.related ul#related-v li {float: left; display: block; width: 185px; overflow: hidden; height: 55px;}
div.related ul#related-v li img {float: left; margin-top: 2px;}
div.related ul#related-v li .related_video_text {width: 105px; float: left; padding-left: 10px; padding-right: 5px; font-size: 11px;}
div.related ul#related-v li .related_video_text .date {text-transform: uppercase; font-size: 10px; margin: 0; color: #aaa;}
div.related ul#related-v li .related_video_text .title {font-weight: bold; margin: 0; color: #587588;}
div.related ul#related-v li .related_video_text .title a {color: #fff; }
div.related ul#related-v li .related_video_text .title a:hover {color: #DF2E1B!important; }

ul#more_videos li {clear: both; margin-bottom: 10px;}
ul#more_videos li a.more_video_thumb {float: left; margin-right: 5px; display: block;}
ul#more_videos li div.more_video_text {float: right; width: 135px;}
ul#more_videos li div.more_video_text h4 {font-size: 14px; font-weight: bold; color: #32698b; margin-top: 0;}
ul#more_videos li div.more_video_text p.caption {color: #666; font-size: 10px;}
ul#more_videos li a.comments {font-size: 10px;}

/* Articles listing */
body#articles_index div#canvas div#content div#main,
body#researches_index div#canvas div#content div#main { font-family: Cambria, Georgia, serif; }
ul#article_list div.article_text h3,
ul#research_list div.research_text h3 { font-size: 15px; font-weight: normal;}
ul#article_list div.article_text,
ul#research_list div.research_text { font-size: 15px; color: #666; }
a.continue { color: #999; }
ul#article_list div.article_text p.links,
ul#research_list div.research_text p.links { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
ul#article_list li { margin-bottom: 20px; }
ul#research_list li { margin-bottom: 10px; }
#site_index ul#research_list li, #channels_show ul#research_list li {margin-bottom: 5px;}

/* End Portal Pages */

/* Internal Pages */
#left .nav {width: 90px;}
#left .nav li {margin-bottom: 5px;}
#left .nav li ul li { margin-bottom: 2px; }
#left .nav a {color: #666666; font-weight: bold;}
#left .nav li ul li a { font-weight: normal; }
#left .nav a.active {color: #cc0000; font-size: 14px;}
#left .nav a.active:hover {color: #cc0000!important;}
#left .nav li ul li a.active { font-size: inherit; color: #000; }

#charts_index h1, #charts_index p.today, 
#researches_index h1, #researches_index p.today {padding-left:80px;}
#events_index h1 {padding-left: 75px; margin-bottom: 10px;}
#articles_show h1, 
#researches_show h1,
#site_search h1,
#users_show h1, #users_show h2 {font-family: Cambria, Georgia, serif; font-size: 23px; font-weight: normal; margin-top: 0; color: #32698b; padding-bottom: 5px;} 
#charts_index .archive_list {padding-left: 0;}
.chart_info {padding-bottom: 10px;}
#users_show #main .user img {float: left; margin-right: 10px;}
#users_show #main .user .bio {padding-left: 84px;}
#users_show #main .recent {clear: both; padding-top: 10px;}
#users_show #main h2 {font-size: 18px;}

#charts_show div.chart_text, #videos_show div.video_text {padding-top: 10px;}
div.chart_text .author, div.video_text .author {float: left; margin-right: 10px; margin-top: 5px;}
div.chart_text .summary, div.video_text .summary {color: #666; font-size: 13px; font-family: Cambria, Georgia, serif; margin: 0; margin-bottom: 10px;}
div.chart_text .summary strong, div.video_text .summary strong {color: #000; font-family: Arial, Helvetica, sans-serif;}
div.chart_text .tags, div.video_text .tags {font-size: 11px; color: #666;}
div.chart_text .tags span, div.video_text .tags span {color: #333;}
div.video_text .social {display:inline; float: left;}

#banner_ad {clear: both;}
#videos_credit_suisse_2010 #banner_ad { margin-left: 135px; }

#data_list li, #video_list li {padding-top: 10px; clear: both;}
#data_list .image, #video_list .image {width: 65px; float: left; padding-right: 15px;}
#data_list .chart_text, #video_list .video_text {width: 500px; float: left;}
#data_list .chart_text h3, #video_list .video_text h3 {font-family: Cambria, Georgia, serif; font-size: 15px; font-weight: normal; margin-top: 0; color: #32698b;  }
#data_list .chart_text h4, #video_list .video_text h4 {font-size: 14px; font-weight: normal; margin-top: 0; color: #333333;  }
#data_list .chart_text .commentary, #video_list .video_text .hed {font-size: 11px; color: #666666;}
#data_list .chart_text .links, #video_list .video_text .links {font-size: 11px;}

#research_list .image {width: 72px; float: left; padding-right: 10px; margin-top: 10px; clear: both;}
#research_list .research_text {width: 503px; float:left;}
.research_text p.hed {color: #666; font-size: 15px;}
.research_text p.hed span.authors {color: #000;}
.research_text p.links {font-size: 11px;}

#recent_event h2, #recent_announcement h2,
.recent_content h2 {font-family: Cambria, Georgia, serif; font-size: 23px; font-weight: normal; margin-top: 0; color: #32698b;}
.recent_content h2.archive_list_title, h3.video_archive_list_title {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold;}
h3.video_archive_list_title {clear: both; display: none;}
#preview .author {width: 105px; padding: 0 0 60px 10px; margin-right: 40px;}
#articles_show #left, 
#researches_show #left {width: 240px; padding: 0 0 60px 10px; margin-right: 40px;}
#articles_show div.article, 
#articles_show div.remainder { font-family: Cambria, Georgia, serif; font-size: 15px; color: #000;}
#articles_show div.remainder, #articles_show div.social { margin-left: 10px; }
#content #left .nav {padding-right: 20px; padding-top: 5px;}
#main .article,
#submain .article {font-size: 15px;}
#main .article p,
#submain .article p {margin-bottom: 10px; text-indent: 0px;}
div.addthis_toolbox {display: inline;}
div.addthis_toolbox .atclear {clear: none;}
.addthis_toolbox.addthis_default_style span {margin-top: -2px;}
.social .pagination {padding: 4px 4px;}
#comments {color: #333; padding-left: 10px; padding-top: 10px;}
#comments li {list-style: none;}
#comments h2 {font-size: 23px; color: #999; font-family: Cambria, Georgia, serif; font-weight: normal; margin: 0;}
#comments h2 a {font-size: 11px;}
#comments .post_link {font-family: Arial, Helvetica, sans-serif;}
#comments h6 {font-weight: normal; margin-bottom: 10px;}
#comments form {background: #f4f4f4; padding: 10px 20px; width: 600px; margin-top: 10px;}
#comments form textarea {width: 600px; height: 190px; border: 1px solid #bfbfbf; margin: 5px 0 10px;}
#comments .comment .admin {margin-left: 20px; background: #333; color: #DFFF00; padding: 2px 5px;}
#comments .comment .admin a {color: #FF4F00;}
#preview .author, 
#articles_show #left .author, 
#articles_show #left .nav, 
#researches_show #left .author, 
#researches_show #left .nav {float: left; padding-top: 0;}
#articles_show #main, 
#researches_show #main {margin-left: 10px;}

h1,
#users_edit h1,
#liquidity_matrices_show h1,
#charts_index h1,
#researches_index h1,
#headlines_index h1,
#videos_index h1 {font-family: Cambria, Georgia, serif; font-size: 23px; font-weight: normal; margin-top: 0; color: #32698b; }
#liquidity_matrices_show .topper .date {margin: 0; padding: 0; font-family: Cambria, Georgia, serif; font-size: 13px;}
#liquidity_matrices_show .topper h1 {margin: 0 0 10px 0; padding: 0;}
#liquidity_matrices_show .topper {color: #000; float: left; width: 585px;}
#liquidity_matrices_show .topper p {padding-bottom: 10px;}
#liquidity_matrices_show .liquidity_matrix {margin-left: 0px;}
/*#liquidity_matrices_show .liquidity_matrix .summary {padding-left: 48px; padding-right: 58px;}*/
.lm-archive a {display: block; float: left; width: 45px; }
.lm-archive h3 {clear: both; padding-top: 5px; font-size: 12px;}
#liquidity_matrices_show .liquidity_matrix h2 {color: #d16216; font-size: 11px; text-transform: uppercase;}
#liquidity_matrices_show .liquidity_matrix .page {float: left; }
#liquidity_matrices_show .liquidity_matrix .back a {margin-right: 10px; }
#liquidity_matrices_show .liquidity_matrix .forward a {margin-left: 10px;}
#liquidity_matrices_show .liquidity_matrix .back {margin-top: 90px; width: 48px;}
#liquidity_matrices_show .liquidity_matrix .forward {margin-top: 90px;}
#liquidity_matrices_show .liquidity_matrix .show {width: 620px; margin-bottom: 20px;}
textarea#user_bio {height: 120px;}

/* Form Pages */
/* Register Page*/
form#new_user {margin-top: 40px;}
span.list_title { font-weight: bold; line-height: 15px; }
ul#tabb_group_alerts li { float: left; color: #32698b; margin: 5px 5px 5px 0; }
/* end Register Page*/
/* end Form pages*/

/* author page */
#users_articles h1 {margin-bottom: 10px;}
#users_articles div.author img {float:left; margin-right: 15px; margin-bottom: 15px;}
#users_articles div.author p.bio { margin-bottom: 15px; margin-top: 0;}
#users_articles div.recent {clear:both;}
#users_articles div.recent h2 {color: #32698B; font-family: Cambria, Georgia, serif; font-weight: normal; font-size: 20px;}
div.author a.following {color: #80a721; font-size: 13px;}
/* end author page*/

/* end Internal Pages */

/* comments */
#comments ul.list {margin-left: -5px;}
#comments li.comment {padding: 5px 0 8px 5px; width: 740px;}
#comments .even {background: #f3f3f3;}
#comments .comment img {float: left; padding-right: 10px;}
#comments form #comment_submit {float: right; position: relative; top: -2px;}
/* end comments */

/* Most popular sidebar widget */
#popular {border: 1px solid #d5d5d5;}
/*#popular ul.tabs {border: 1px solid #d5d5d5; width: 298px; height: 30px; border-bottom: none;}*/
#popular ul.tabs li {float: left; height: 20px; background-color: #f3f3f3; padding: 5px 28px; text-align: center; border-bottom: 1px solid #d5d5d5;}
#popular ul.tabs li#most_read_tab {padding: 5px 26px 5px 27px; border-right: 1px solid #d5d5d5;}
#popular ul.tabs li.active {background-color: white; border-bottom: none;}
#popular ul.tabs li a {text-transform: uppercase; color: #929292; outline: none;}
#popular ul.tabs li a:hover, #popular ul.tabs li a:visited {color: #929292 !important;}
#popular ul.tabs li.active a {color: #cc0000 !important;}
#popular ol {display: none; padding-bottom: 10px; padding-top: 10px; clear: both; margin-left: 30px;}
#popular ol.active {display: block;}
#popular ol li {list-style-type: decimal;}
#popular ol li a {color: #000;}
/* end most popular*/

/* Admin */
#content #main p.submission_scope_tools { margin: 10px 0; }
#content #main div#admin_submission_show div { margin: 10px 0;}
#admin #content #main ul li {margin: 5px 0;}
#admin #content #main .red {color: red;}
#admin #content #main .blue {color: blue;}

/* Scrollbar Widget */
.scrollbar_container { position:relative; }
.scrollbar_track { position:absolute; top:0; left:-20px; height:100%; width:10px; background-color:#f1f1f1; cursor:move; }
.scrollbar_handle { width:10px; background-color:#8aaee6; cursor:move; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:0.9; -moz-opacity:0.9; }
#site_index .archive_list ul.scrollbar_content, #channels_show .archive_list ul.scrollbar_content { overflow:hidden; width:492px; height:220px; }

/* Login and other flyover forms */
form.new_session label, form.new_data_request label {display: block; float: left; text-align: right; padding-right: 5px; width: 60px;}
form.new_data_request div label {width: 100px;}
form.new_session div, form.new_data_request div {clear:both; margin-bottom: 5px;}
div#data_request_flyover {width: 475px;}


/* Flyovers */
div.tabbfly .content {padding: 25px; background-image: url('../images/backgrounds/flyover_border.png');}
div.tabbfly div.flyover {background-color: white; padding: 15px; position: relative;}
div.comment_flyover {width: 375px;}
div.flyover h1, div.flyover h4, div.flyover h5 {font-size: 18px; margin-bottom: 10px;}
div.flyover h5 {font-weight: normal;}
div#alter_ego_help_text {width: 160px;}
div.flyover div.close {background: url('../images/prototip/styles/tabbfly/close.gif') no-repeat; height: 8px; width: 40px; position: absolute; right: 5px; top: 5px;}
div.flyover.following {width: 150px;}
div#following_flyover p {line-height: 15px; margin-bottom: 5px;}
div.prototip div.toolbar {display: none;}
#submissions_new div.prototip div.toolbar,
#submissions_create div.prototip div.toolbar {display: block;}

/* Credit Suisse 2010 landing page videos */
ul#video_list li { clear: none; float: left; width: 175px; margin: 0 28px 5px 0; height: 264px; overflow: hidden;}
ul#video_list li.cs2010_featured {margin-right: 10px;}
ul#video_list li div.video_text { width: 175px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
ul#video_list li div.video_text h3,
ul#video_list li div.video_text p.links { font-size: inherit; font-weight: bold; font-family: inherit; }
ul#video_list li div.video_text div.hed { font-size: inherit; font-family: inherit; }
#videos_credit_suisse_2010 #content #submain { margin-left: 135px; }
#videos_credit_suisse_2010 #content #submain #recent_video h2 { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; margin: 0 0 10px 0; }
#videos_credit_suisse_2010 #content #main .intro p { font-family: Cambria, Georgia, serif; font-size: 14px; }
li.cs2010_standard { list-style-type: none; float: left; width: 450px; margin: 0 15px 12px 0; height: 73px; overflow: hidden;}
li.cs2010_standard a.video_thumb { float: left; }
li.cs2010_standard div.video-meta { margin-left: 106px; }
li.cs2010_standard h3 { font-family: Cambria, Georgia, serif; margin-top: 0; font-weight: normal; line-height: 15px; }
li.cs2010_standard p.date { line-height: 13px; }
li.cs2010_standard div.hed { color: #999; }
li.cs2010_standard p.links { line-height: 13px; }
/* end Credit Suisse 2010 landing page videos */

table.admin {margin-top: 20px;}
table.admin th {padding: 0 10px 5px; font-weight: bold;}
table.admin td {padding: 0 10px 5px;}
#mail_campaign_content_contents_input select {width: 800px;}
form.formtastic.mail_campaign_content fieldset.buttons {position: relative; top: -15px; padding-left: 0;}
.fttic label {font-weight: bold; padding-top: 10px; display: block;}
.fttic li {list-style: none;}

/* Multiple Select Widgets */
#select_multiple_channels {  
    width:200px;  
} 
 
#select_channels_container {
    float: left;
    width: 430px;
    position:relative;  
} 
 
.select_multiple_submit {  
    background-image:url("/stylesheets/popup_footer.gif");  
    background-image:top center;  
    background-repeat:repeat-x;  
    background-color: #fff;
    padding:10px;  
    height:22px;  
    text-align:rightright;  
} 
 
.select_multiple_label {  
    margin-left:5px;  
    font-family:"Lucida Grande",Verdana;  
    font-size:11px;  
} 
 
.select_multiple_container {  
    width:300px;  
    position:absolute;  
    top:0;  
    left:0;  
    z-index:500;  
    border:1px solid #222;  
    border-top:none;  
} 
 
.select_multiple_container .select_multiple_header {  
    background-image:url("/stylesheets/black_background.gif");  
    background-repeat:repeat-x;  
    background-position:top center;  
    color:#eee;  
    font-family:"Lucida Grande",Verdana;  
    font-weight:bold;  
    font-size:12px;  
    margin:0;  
    padding:7px 0 8px 10px;  
    background-color:#000;  
} 
 
table.select_multiple_table td {  
    height:27px;  
    border-bottom:1px solid #ddd;  
    font-family:"Lucida Grande",Verdana;  
    color:#333;  
    font-size:11px;  
} 
 
table.select_multiple_table tr.even {  
    background-color:#FCFCFC;  
} 
 
table.select_multiple_table tr.odd {  
    background-color:#F7F7F7;  
} 
 
table.select_multiple_table tr.selected {  
    background-image:none;  
    background-color:#D9E9FE;  
} 
 
.select_multiple_name {  
    padding-left:15px;  
    font-weight:bold;  
} 
 
.select_multiple_checkbox {  
    text-align:rightright;  
} 
 
.select_multiple_checkbox input {  
    margin-right:15px;  
}

#dynamic_recaptcha {margin-left: 100px;}

#headline-manager select {width: 400px;}
#headline-manager form.formtastic fieldset.buttons {padding-left: 514px;}

.things-authored-by table {font-size: 11px; margin: 12px 0 12px 17px; position: relative; }
.things-authored-by tr th { font-weight: bold; text-align: center; }
.things-authored-by tr th.title { text-align: left; }
.things-authored-by tr td {width: 60px; text-align: center; }
.things-authored-by tr td.title { font-weight: bold; width: 200px; text-align: left; }


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

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

This stylesheet forms part of the Formtastic Rails Plugin
(c) 2008 Justin French

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


/* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic
--------------------------------------------------------------------------------------------------*/
form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; }
form.formtastic fieldset { border:0; }
form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; }
form.formtastic ol, form.formtastic ul { list-style:none; }
form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; }
form.formtastic legend { color:#000; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset { }
form.formtastic fieldset.inputs { }
form.formtastic fieldset.buttons { padding-left:25%; }
form.formtastic fieldset ol { }
form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; }

/* clearfixing the fieldsets */
form.formtastic fieldset { display: inline-block; }
form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset { display: block; }
* html form.formtastic fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li { margin-bottom:1.5em; }

/* clearfixing the li's */
form.formtastic fieldset ol li { display: inline-block; }
form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.formtastic fieldset ol li { display: block; }
* html form.formtastic fieldset ol li { height: 1%; }

form.formtastic fieldset ol li.required { }
form.formtastic fieldset ol li.optional { }
form.formtastic fieldset ol li.error { }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; }
form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; }
form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;}


/* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets)
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li fieldset { position:relative; }
form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; }
form.formtastic fieldset ol li fieldset legend span { position:absolute; }
form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; }
form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; }
form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; }
form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; }


/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.string input { width:74%; }
form.formtastic fieldset ol li.password input { width:74%; }
form.formtastic fieldset ol li.numeric input { width:74%; }


/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.text textarea { width:74%; }


/* HIDDEN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.hidden { display:none; }


/* BOOLEAN OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* RADIO OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.radio { }
form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; }


/* CHECK BOXES (COLLECTION) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.check_boxes { }
form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; }
form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; }
form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; }



/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.formtastic fieldset ol li.date fieldset ol li,
form.formtastic fieldset ol li.time fieldset ol li,
form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; }

form.formtastic fieldset ol li.date fieldset ol li label,
form.formtastic fieldset ol li.time fieldset ol li label,
form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; }

form.formtastic fieldset ol li.date fieldset ol li label input, 
form.formtastic fieldset ol li.time fieldset ol li label input, 
form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }


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

Load this stylesheet after formtastic.css in your layouts to override the CSS to suit your needs.
This will allow you to update formtastic.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.formtastic fieldset ol li p.inline-hints { color:#333; }

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

form.formtastic div.hr {margin: 5px 0;}

form.formtastic fieldset ol li {margin: 10px 0;}
form.formtastic fieldset ol li.narrow, form.formtastic fieldset ol li.password  {width: 327px;}
form.formtastic fieldset ol li.medium {width: 424px;}
form.formtastic fieldset ol li label,
.subtype_select .pseudo-formtastic {font-size: 11px; width: 160px; font-weight: bold; display: block; float: left;}
form.formtastic fieldset ol li fieldset legend.label {font-weight: bold; position: relative; float: left; display: block;}
form.formtastic fieldset ol li.radio fieldset ol li label,
form.formtastic fieldset ol li.check_boxes fieldset ol li label {font-weight: normal;}
form.formtastic fieldset ol li.string input {width: 256px;}
form.formtastic fieldset ol li.string.narrow input, form.formtastic fieldset ol li.password input {width: 160px;}
form.formtastic abbr {display: none;}
form.formtastic fieldset ol li.required {padding-right: 13px; background: url('../images/icons/required.gif') no-repeat center right; }
form.formtastic fieldset ol li fieldset ol {padding-left: 160px; clear: left;}
form.formtastic em, form.formtastic strong {font-weight: bold;}
form.formtastic fieldset.buttons {padding-left: 135px;}
form.formtastic fieldset ol li.text textarea {width: 435px; height: 140px;}
form.formtastic fieldset ol li.text textarea#submission_blurb {width: 610px;}
form.formtastic #user_tos_input,
form.formtastic #submission_tos_input {width: 200px; background-position: top right;}

#submissions_new form.formtastic fieldset ol li.text textarea {width: 430px;}
form.formtastic fieldset ol li.text.narrow textarea {width: 164px; height: auto;}
#users_create #recaptcha_area,
#users_new #recaptcha_area,
#submissions_new #recaptcha_area,
#submissions_create #recaptcha_area {width: 436px; margin-left: 160px; height: 107px;}
#users_create form.formtastic fieldset ol li#user_agreement,
#users_new form.formtastic fieldset ol li#user_agreement,
#submissions_new form.formtastic ol li#user_agreement,
#submissions_create form.formtastic ol li#user_agreement {width: 160px; float: left;}
#users_create form.formtastic fieldset ol li#user_tos_input,
#users_new form.formtastic fieldset ol li#user_tos_input,
#submissions_new form.formtastic fieldset ol li#submission_tos_input,
#submissions_create form.formtastic fieldset ol li#submission_tos_input {float: left;}

.formtastic .cke_skin_kama {float: left;}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('/images/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('/images/lightbox/nextlabel.gif') right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }