@charset "utf-8";

/*MAIN*/
#wrap{width:744px;overflow:visible;display:inline-block;min-height:100%;clear:both;color:#fff;}
#wrap:after{content:'.'}
body{width:750px;overflow:visible;}
body,.sans,td{font:normal 11px/1.272em Verdana, Geneva, sans-serif;}
a{color:#007197;text-decoration:none;}
a:active,:focus{outline:none;-moz-outline-style:none;}
strong{font-weight:bold;}
em{font-style:italic;}
small{font-size:10px;}
p,ul{font-size:12px;line-height:1.272em;margin-bottom:1.4em;}
ul{margin-bottom:1.8em;overflow:hidden;}
.regList li{list-style-type:disc;margin-left:25px;}
ol li{margin-left:25px;list-style-type:decimal;}
.colWide li{margin-bottom:5px;margin-left:25px;list-style-type:disc;}
hr{display:block;clear:both;border:none;color:#fff;border-bottom:1px solid #999;margin-bottom:20px;padding-top:20px;}
hr.dots{display:block;clear:both;border:none;color:#fff;border-bottom:1px dotted #999;margin-bottom:0px;padding-top:20px;}
.paneBorder hr{padding-top:40px;display:block;clear:both;}
.returnLink { display:block; margin: -10px 0 15px 0}

/*COLORS*/
.red,h1,a:hover{color:#B03728;}
.green{color:#44a75c;}
.lgrey,.mInfo{color:#4D4D4D;}

/*GRAPH BARS*/
.barHolder { width:200px; height:12px; overflow:hidden; margin: 0 0 12px 0; }
.barGreyBg { width: 154px; height:10px; background:#E6E6E6; margin: 2px 10px 0 0; float:left;display:block; } 
.barBlueStatus { width:0px; height:10px; display:inline-block; background: #369 }
.barPercent { margin: 0 0 0 8px; float:left;}

/*TABLES*/
table{margin-bottom:2.6em;width:100%;clear:both;}
.zebra td{background-color:#F3F3F3;}
td{padding:5px 4px;vertical-align:top;border-bottom:1px solid #CBCBCB;}
.num{text-align:right;}
td{padding:10px 5px;height:1%;}
th{background-color:#253C6B;text-align:center;font-weight:bold;;color:#fff;border:1px solid #fff;color:#fff;padding:10px 5px; font:normal 10px/1em Verdana, Geneva, sans-serif;}
th a,th a:hover{color:#fff;}
th.current{background-color:#144680;color:#fff;}

/*HEADERS*/
h1,h2,.serif,.statcnt{font-weight:normal;font-family:"Times New Roman",Georgia, Times, serif;}
h1,h2,h3{line-height:1em;margin-bottom:.875em;}
h1{font-size:24px;}
h2{font-size:19px;}
h2.ulin{border-bottom:1px solid #000;padding:2px 8px 4px 0;margin-bottom:0;}
h3{font-weight:bold;font-size:12px;}

/*NAVIGATION*/
#vvHead{clear:both;display:block; height:74px;}
#logo{width:130px;height:47px;margin-bottom:18px;}
#vvHead + #navi{margin-top:30px;} 
#navi{width:744px;height:40px;display:block;background:url('/media/images/navi-bg.png') no-repeat;clear:both;overflow:visible;}
#navi a.current { color: #B03728}
.pg{float:left;font:bold 14px/1.05em Arial;margin:8px 20px 0;}
.phov{color:#000;}

.qLinkGrp{clear:right;float:right;text-align:right;width:483px;margin-bottom:0;}
.qLink{font-size:12px;float:left;padding-right:35px;}
.grey{color:#808080;}
.widg{padding-left:20px;background:url('/media/images/widg.png') no-repeat;display:inline-block;height:16px;}
.last{padding-right:0;border-bottom:0;}

.iState,.iLetter,.iComments,.iTwitter,.iWrite,.iViewpoints{padding-left:25px;background-repeat:no-repeat;background-position:0 0;display:inline-block;min-height:20px;margin-bottom:5px;color:#4D4D4D;}
.iLetter,.iComments,.iTwitter{height:20px;}
.iState{background-image:url('/media/images/i-leg-state.png');}
.iLetter{background-image:url('/media/images/i-leg-letter.png');}
.iComments{background-image:url('/media/images/i-leg-comments.png');}
.iTwitter{background-image:url('/media/images/i-leg-twitter.png');}
.iWrite{background-image:url('/media/images/i-leg-write.png');}
.iViewpoints{background-image:url('/media/images/i-leg-viewpoints.png');}
.resetList,.resetList li{list-style-type:none;list-style:none;margin:0;padding:0;}


.voteNo,.voteYes{width:25px;height:30px;display:inline-block;float:left;background-image:url('/media/images/vote-thumb.png');text-indent:-99em;margin-right:10px;}
.voteNo{background-position:0 0;}
.voteNo:hover, .voteNo.true{background-position:0 -30px;}
.voteYes{background-position:-25px 0;}
.voteYes:hover, .voteYes.true{background-position:-25px -30px;}

.mInfo{width:135px;}
.mInfo li{overflow:visible;padding-bottom:10px;}

/*PAGE*/
#content{overflow:hidden;width:744px;color:#000;}
#content,.narrow{float:left;display:inline-block;}
.narrow{width:512px;}
#sidebar{width:200px;float:right;}
#sidebar.sideIn{background-color:#D7D7D7;width:180px;padding:10px;}
.colWide{width:410px;display:inline-block;overflow:hidden;white-space:normal;}
p.up{margin-top:-14px;}

.pages{ width:100%; overflow:hidden; display:inline;}
.pages a{color:#000; border:1px solid #999;padding:2px 4px;display:block;float:left;margin-right:2px;}
.pages a:hover,.pages a.sel{background-color:#979eb4;border-color:#3f4c76;text-decoration:none;}
.pages .dotdotdot {float:left; margin: 4px 3px 0 0; color:#ccc;}

.pageStart {float:left;}
.pageEnd {float:left;}
.next { float:left; margin-left:10px; width:50px;}
.previous {float:left; width:80px; }

.right { float:right; }
.pageNums { float:left; }
.topPagination { width: 100%; padding: 0 0 20px 0; overflow:hidden; }
.bottomPagination {width: 100%; padding: 20px 0 0; overflow:hidden;}

/*MISCELLANEOUS*/
img.ava{margin-right:40px;}
.redBord{border:2px solid #B03728;padding:5px 10px;margin-bottom:1.4em; clear:both; color:black;}
.dotBord{border:2px dotted #989898; padding:10px;margin-bottom:1.4em;display:inline-block;}
#sidebar .dotBord{width:175px;}
.twoBord{border:3px double #989898;padding:8px;}
.gryBord{border:1px solid #989898;padding:5px 10px;background:#e2e2e2;display:inline-block;}
.gryBord select,.gryBord input{background:#ccc;border:1px solid #989898;margin-right:10px;}
.fbStat{font-family:Georgia, "Times New Roman", Times, serif;float:right;margin-top:5px;margin-bottom:10px;}
.msg{padding-left:25px;background:url('/media/images/msg.png') no-repeat 0 2px; clear:both;}
.clear{visibility:hidden;clear:both;}
.chck{padding-left:25px;background:url('/media/images/chck.png') no-repeat;line-height:2.125em;}
.alignleft,.mInfo{float:left;margin-right:10px;}
.alignright{float:right;margin-left:10px;}
.linkTwitter{border:1px dashed #999;padding:10px;width:260px;}
.comments{padding-left:20px;background:url(/media/images/comments.png) no-repeat 0 0;height:20px;}
.fanSave{margin:-70px 0 20px 10px;position:relative;z-index:3;}
* html .fanSave{margin:0 0 0 10px!important;}
.fsFB,.fsBM{padding-left:20px;background-repeat:no-repeat;display:inline-block;height:16px;margin-bottom:5px;}
.fsFB{background-image:url('/media/images/fsfb.png');}
.fsBM{background-image:url('/media/images/fsbm.png');}
.hide{visibility:hidden;}
.shareVV{width:245px;height:28px;text-align:right;padding:50px 10px 0 0;background:url('/media/images/share-visible-vote.png') no-repeat;}
#widgFrame{border:1px dashed #4D4D4D;}
.repImg { float:left; margin: 0 40px 0 0; background:#F3F3F3; width: 84px; height: 102px; }
.meta,.desc{float:left;display:inline-block;}
.meta{width:200px;}
.desc{width:435px;}
.hspac{padding:0 15px;}
.media{margin:0 10px 0 0;vertical-align:middle;}

.afollow,.aunfollow{display:block;width:55px;height:17px;background:url('/media/images/follow-but.gif') no-repeat;float:left;text-align:center;padding-top:1px;}

/*INNER TABS & MESSAGES*/

.infoMsg{padding:4px; background:#DAFAB9; margin: 0 15px 25px}
.errorMsg{padding:4px; background:#FAB9B9; margin: 0 15px 10px}

.navinr a,.errorMsg,.infoMsg,.vSm,.vMd, th, td{font:normal 10px/1em Verdana, Geneva, sans-serif;}
.vSM th a{font-weight:bold;}
.vMd{font-size:11px;line-height:1em;}
.navinr{background:#e2e2e2 url('/media/images/navinr.gif') repeat-x top;height:20px;border:1px solid #d5d5d5;border-left:none;display:inline-block;margin-bottom:20px;}
.navinr a{border-left:1px solid #d5d5d5;padding:4px 20px 0 10px;height:16px;display:inline-block;color:#333;text-decoration:none;}
.arw{width:4px;height:6px;background:url('/media/images/navinr.gif');background-repeat:no-repeat;background-position:0 -20px;display:inline-block;margin-right:5px;}
.navinr a.sel,.sel .arw,.navinr a:hover .arw{background-position:-5px -20px;font-weight:bold;color:#0083a7;}

.trierr,.trisuc{margin:0 0 0 -22px;display:block;padding-left:30px;}
.trierr{background:url('/media/images/tri-red.gif') no-repeat;}
.trisuc{background:url('/media/images/tri-blue.gif') no-repeat;}

.errorMsg,.infoMsg{padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.infoMsg{background-color:#99ccff;}
.errorMsg{background-color:#ff9999;}
.listError{color:#666; font-style:italic; width:100%; text-align:center;}

/*STAR RATING*/
#ratingdiv{overflow:hidden;display:inline-block;vertical-align:top;}
#ratingdiv .undone, #ratingdiv .fade{
background:url("/media/images/star.gif") -15px 0 no-repeat;
width:15px;
display:inline-block;
height:13px;
/*float:left;*/
text-indent:-999em
}
#ratingdiv .done{
background:url("/media/images/star.gif") no-repeat;
width:15px;
display:block;
height:13px;
float:left;
text-indent:-999em
}
#ratingdiv .done.myset {
background:url("/media/images/star-me.gif") no-repeat;
}
#ratingdiv .undone:hover, #ratingdiv .undone.set, #ratingdiv .undone.myset {background-position:0}

/*FORMS*/
.butn{background-color:#B1B1B1;border:1px solid #B1B1B1;color:#333333;padding:2px 10px;margin:0 10px 0 0;}
.butn:hover{background-color:#CCC;cursor:pointer;}
.bRed{background-color:#B03728;font-weight:bold;color:#fff;}
.bRed:hover{background-color:#c86e63;color:#fff;}
input,select{margin:0;padding:3px;}
.smNote{ color:#999;font-size:9px; margin: 0 0 0 10px;}

/*TABS*/
ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	overflow:visible;
}

/* single tab */
ul.tabs li { 
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
	background: url('/media/images/tabs.png') no-repeat 0 0;
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	width: 186px;
	text-align:center;
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
}

ul.tabs a:active {outline:none;}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {background-position:0 -31px;}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -62px;
	cursor:default !important;
	color:#007197;
}

/* Sol set panes fixed-width */
div.panes{width:744px;}

/* initially all panes are hidden */
div.panes div.pane {display:none;}

div.panes div.paneBorder {
	padding:15px;
	border:1px solid #999;
	overflow:auto;
}

th { font-size: 10px; font:normal 10px/1em Verdana, Geneva, sans-serif;}

/*#content,.panes,.paneBorder,.topPagination{overflow:visible;} //Viewpoints FF3 scrollbar weirdness  */

.comnar,.comsid{float:left;display:inline-block;}
.comnar{width:465px;}
.comsid{width:240px;margin-left:30px;}
.comsid h2,.comsid h3{font-weight:bold;font-style:italic;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;padding:5px 0;margin:0;}
.comsid h2{font-size:14px;border-bottom:1px solid #000;color:#000;}
.comsid h3{font-size:12px;border-bottom:1px solid #ddd;color:#333;}
.comsid ul,.comsid p{font:10px Verdana, Geneva, sans-serif;margin:0;}
.comsid li,.itm{border-bottom:1px solid #ddd;padding:5px 0 5px 15px;background:url('/media/images/lidash.gif') no-repeat 5px 12px;}

a.viewpointLink { color:black; }
a.viewpointLink:hover{ text-decoration:underline; }

#videos li img { width: 120px; height: 90px;}


/*dev search*/
#search{
	background-color: #efefef; display:inline; float:right;	
	height:30px; font-family: verdana, arial; font-size:11px; padding: 0 7px 0 7px; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
#search div{ margin:0px; }
#search span{	margin:3px 6px 0 0; display:block; }
#search input{ margin: 6px 0 0 0; padding:2px 3px;}

#search div div{
	display:inline;
	float:right;
}

#search #search_button{
	margin:5px 0 0 5px;
	padding: 0;
}

h2.line .right {font-family: verdana;font-size:11px;}

#messages { color:black; }