@charset "iso-8859-1";

/* _______________________________	*/
/*          1. DEFAULTS             */


body {
margin: 0px;
padding: 0px;
background-repeat:repeat-x;
background-position:center top;
}

body, .body {
font-size: small;   /* this sets initial base font size to approx 12px */
font-family: georgia, "times new roman", serif;
background-color: transparent;
}

a:link.button, a:visited.button, a:hover.button, a:active.button, #subtags .tagcloud a  {font-weight:bold;font-size:10px; vertical-align:middle; white-space:nowrap; padding: 3px 5px 3px 5px; background-color:#CC3300; color: #ffffff; -moz-border-radius: .3em; -webkit-border-radius: .3em;}

#slideviewer a:link.button, #slideviewer a:visited.button, #slideviewer a:hover.button, #slideviewer a:active.button {padding: 3px 10px 3px 10px;  font-size: 110%; font-weight:bold;}

#subtags div {word-spacing: 10px;}

html>body { /* be nice to Opera */
	font-size: small;
		}
		
img { behavior: url(/css/iepngfix.htc) } /*PNG Transparency for IE6	*/	

table, td {font-size: 100%;} 

b, strong, i, em, cite, var, tt, code, kbd, samp, img, span {display: inline;}
 
dt {margin-bottom: 0;}
dd {margin-top: 0; margin-left: 3em;}

hr {border-top: solid;}

b, strong {font-weight: bolder } /* relative to the parent */
 
i, cite, em, var, address {font-style: italic;}
 
pre, tt, code, kbd, samp {font-family: monospace;}
 
#oldbrowsers {display: none;}

#ie5mac {display: none;}

th {text-align: left;}
 
 
/* _______________________________	*/
/*          2. PAGE STRUCTURE       */


#window {
	margin: 0px;
	text-align:center;
	background-repeat:repeat-x;
	background-position:center top;
} 

#page{
	text-align: left;
	width:930px;
	font-size: 110%;  /* this sets base font to approx. 14px */
	padding: 15px 20px 0 30px;
	margin:0px auto 30px auto;
	clear:both;
	background-repeat:no-repeat;
}

#header_fullwidth {
	width: 100%;
	background-position:center top;
	margin: 0;
	padding: 0;
}


#header{
	padding: 0px 0px 0px 0px; /* left pad should match #page */
	text-align: left;
	width:980px;
	margin:0px auto 0px auto;
}

h1#logo {
	margin: 0 0 0 30px;
	background-repeat: no-repeat;  
	font-size: 180% ;
	overflow:hidden; 
	width: 410px;
}

h1.logo{
	padding: 0;
}

h1.text{
	padding: 25px 0 15px 0;
}

.maintitle {}

#nav {
	padding: 0;
	width: 485px;
	margin: 0px 25px 0 0;
	font-size:120%;
    text-align: right;
    white-space: nowrap;
	float:right;
	display: inline; /* Needed to prevent the "IE6 double float bug" */
}


#you {
  margin: 6px 25px 3px 0px; 
  text-align: right;
  position: relative;	
  z-index: 5; /* needed for IE bug http://richa.avasthi.name/blogs/tepumpkin/2008/01/11/ie7-lessons-learned/*/
  width:100%;   
}

#subheader {
  text-align: left;
  position: relative;	
  font-size: 90%;
  padding: 10px 0 0 0;
}

#search {
padding: 1px 18px 1px 2px;
margin: 0 0 4px 3px;
width: 144px;
border: 1px solid #666666;
height:14px;
vertical-align:middle;
} 


#searchform {
padding: 0;
margin: 0;
display:inline;
}

#homepage {
	padding: 0px;
	margin: 0px;
	text-align:left;
	width: 920px;
}

#homepage_sidebar {
width:150px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
border-left: 1px solid #cccccc;
padding: 0 0 0 20px;
}

#footer {      
	text-align: center;
	font-size: 90%;
	background-color: transparent;         
	padding: 30px 0px 20px 7px;
	margin: 0 auto 0 auto;
	clear:both;
	margin: 0 0 10px 0;
	border-bottom-width: 10px;
}

#footer table {	
border: 1px solid #ECECEC;
 }

#footer td {
font-family: georgia, "times new roman", serif;
font-size: 85%;
}

#printlabel {display:none;}


/* _______________________________	*/
/*          3. COLUMNS              */



#formpage {
	margin: 0px 200px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 45px;
	width: 650px;	
}


#maincontentFull {
	padding-top: 0px;
	padding-bottom: 45px;
	margin: 0px 0px 0px 0px;
	width: 850px;
}

#maincontent3col {
	margin: 0px 200px 0px 0px;
	padding: 0px 0px 0px 0px;
	padding-bottom: 45px;
	width: 530px;	
}

#maincontent3colB {
	margin: 0px 235px 0px 0px;
	padding: 0px 0px 45px 0px;
	width: 500px;	
}

#maincontent3colFull {
	margin: 0;
	padding: 0 0 45px 0;	
	width:645px;
}

#maincontent2col {
	margin: 0px 145px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 775px;
}

#maincontent2colB {
	margin: 0px 290px 0px 0px;
	padding: 0px 0 45px 0;
	width: 500px;
}

#maincontent {
	margin: 0px 180px 0px 0px;
	padding-top: 25px;
	padding-bottom: 45px;
	width: 450px;
}


#sidebar2 {
    margin: 0px 0px 10px 0px;
	padding: 0 0px 20px 24px;
	float: right;
	width: 310px;
}	

.body_myhome #sidebar2 {
    margin-top: 64px;
}	

#sidebar_wide{
    margin: 0px 0px 10px 0px;
	padding: 0 0px 20px 40px;
	float: right;
	width: 350px;
	border-left: 1px solid #DD3333;
}	


/* _______________________________	*/
/*          4. LINKS                */


a:link {text-decoration: none;}
a:visited{text-decoration: none;}
a:hover {text-decoration:underline;}
a:active {text-decoration: none;}

a img, a:hover img {border: none; text-decoration:none; background-color:transparent;}

#you a:link {text-decoration: underline;}
#you a:visited{text-decoration: underline;}
#you a:hover { text-decoration: underline;}
#you a:active {text-decoration: underline;}

.title a {font-size: 110%;}


a.disabled {text-decoration:none;}
a.disabled:hover {background-color:transparent; cursor: default;}


.tagcloud  a {text-decoration: none; word-spacing: -.1em; letter-spacing: 0em; white-space:nowrap; padding: 0 10px 0 0;}

.tagcloud_ranked  a {display:block;text-decoration:none; word-spacing: -.1em; letter-spacing: 0em; white-space:nowrap; padding-right:10px;}

a.feedfilter_link {
text-align:center;
font-size: 80%;
padding: 2px 10px 0 10px;
display:block; 
height: 18px; 
font-weight: bold;

}

a.feedfilter_link:focus, a.feedfilter_link:active {
outline: 0;
-moz-outline: none;
} 

.filterlink_on a {font-weight:bold;}

a.commentby {font-weight:bold; font-size:95%;}

.searchresults th a, .report th a {
  display:block; 
  width: 100%; 
  padding: 5px 0 5px 0; 	
  background-color: transparent;	
  background-repeat: no-repeat;
  background-position: 0px center;	
  }


.searchresults th a:hover, .report th a:hover {text-decoration:none;}

.searchresults th input, .report th select {font-size: 80%;}

/* _______________________________	*/
/*          5. HEADINGS             */

h1, h2, h3, h4, h5 {
	margin: 0px 0px 0px 0px;
    font-weight: normal;
}

h1 {           
	font-size: 240%;
	font-weight: normal;  
	margin: 0 0 14px 0;
	line-height: 1.05em;
}   

h2.normal {           
	font-size: 175%;
	margin-top: 0px;
	padding: 0 0 5px 0;
	border: none;
	background-color: transparent;
} 

h2 {           
	padding: 3px 0 3px 6px;
	margin: 30px 0 15px 0;
	font-size: 100%;
	border: 1px solid #444444;
	font-weight:bold;
} 

h2 .headeroption {float:right; font-size:80%; font-weight:normal; padding: 2px 10px 0 0;}

h3 {           
	font-size: 160%;
	margin: 0px 0px 0px 0px;      
}  

#votebox h3 {
	font-size: 160%;
	padding: 0;
	margin: 0px;
	background-repeat: no-repeat;
	background-image: none;	
}

h4 {font-size: 115%; margin: 0 0 5px 0;}

h5 {font-size: 100%;}

h6 {
	font-size: 100%; 
	margin: 0px;
	padding: 0px;  
	font-weight: normal; 
}

.title h3 {font-size: 120%; font-weight:normal; display:inline;}

.subtitle {	margin-top: 0px; padding-top: 0px;}

.topiclist h3, .searchresults h3 {
	font-size: 130%;
	margin:0 0 5px 0;
	padding:0px;
}



#main_nav
{
list-style: none;
padding: 0;
margin: 0;
float:right;
}

#main_nav li
{
float: left;
margin: 0 0 0 16px;
}

#main_nav li a
{
display: block;
float: left;
background: transparent;
background-repeat:no-repeat;
background-position:center left;
color: #0d2474;
padding-left: 12px;
text-align: center;
font-size: 110%;
}


/* _______________________________	*/
/*          6. LISTS                */

ul {
	margin: 8px 0 0 0;
	list-style-type:square;
	padding: 0;
}
	
ol {
	margin: 8px 0 0 10px;
	padding: 0;
}	
	
li {
	margin: .4em 0 0 17px;	
	
}

ul.plainlist {
        padding: 0px 0px 0px 0px;
        margin: 0 0 0 0px;
}

ul.plainlist li {
        list-style-type: none;
		padding: 0;
		margin: 7px 0 0 0;
}

ul.tinylist {
        padding: 0px 0px 0px 0px;
        margin: 0 0 0 0px;
		font-size: 80%;
}

ul.tinylist li {
        list-style-type: none;
		padding: 0;
		margin: 4px 0 0 5px;;
}
		
#subnav  {
		padding: 0px 0px 0px 0px;
		margin: 10px 0 0 0;
		list-style-type: none;
		width: 700px;
} 

#subnav li {
        display:inline;
		padding: 0px 0px 5px 0px;
		margin: 0px;
		
}
	
#subnav li.on {
		/*list-style: url("/images/arrow_gray.gif");*/
		
}

	
#subnav h3 {
	margin-bottom: 10px;
}

 


ol.sortable li {
	position: relative;
}

#voteblocker {
  position: absolute;
  width: 220px;
  height: 1px;
  z-index: 5;
  margin: 45px 0 0 0;
  background-image: url("/images/blank.gif"); /* for ie opacity */
  filter:alpha(opacity=1);  
  cursor:wait;
}

ol#ballotlist{
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 0px 31px;
	overflow: visible;
	width: 215px;
	position: relative; /* for ie opacity */
    -moz-border-radius: .5em; 
	-webkit-border-radius: .5em;
}


#ballotlist li {
	padding: 6px 0px 4px 2px;
	margin-left:0px;
	font-family: verdana;
	font-size: 85%;
	line-height: 2.2em;
    cursor: move; /*for Safari*/ 
	cursor: url("/images/updown2a.cur") 12 12,url("/images/updown2a.cur"),move; 
	background-repeat: no-repeat;
	margin: 0 0 1px 0;;
	/* width: 215px; */
	/* putting a width here causes IE bug with ordered lists showing incorrect numbers*/
}


#ballotlist li.moving, #ballotlist li.moving .listitem {
	cursor: url("/images/updown2b.cur") 12 12,url("/images/updown2a.cur"),move;  
	font-weight: bold;
}

#ballotlist li.stopped {
	cursor: url("/images/updown2a.cur") 12 12,url("/images/updown2a.cur"),move;  
	font-weight: normal;
}

ol#ballotlist.disabled{
	-moz-opacity: 0.5; 
	opacity: 0.5;
	filter:alpha(opacity=50);  
}

.icons {
	float:right;
	text-align: right;
	background-color: transparent;
	margin: 7px 0 0 0;
	padding: 0;
	width: 35px;
	height: 10px;
}

.icons a img {padding: 0px 3px 0px 3px; width:10px; height:10px;}

.icons a:link img, .icons a:visited img, .icons a:hover img, .icons a:active img {
	-moz-opacity: .35; 
	opacity: .35;
	filter:alpha(opacity=35);  
}

.icons a:hover img {
	-moz-opacity: 1; 
	opacity: 1;
	filter:alpha(opacity=100);  
}

#ballotlist div.listitem { 
	width: 200px;
	padding: 0 0 0 3px;
}

#ballotlist .answer_icon{
vertical-align: middle;
	padding: 0 3px 6px 3px;
}


ol#friendslist{
	margin: 0;
	padding: 28px 28px 28px 50px;
	overflow: visible;
	width:290px;
}

#friendslist li {
	padding: 2px 0px 2px 5px;
	margin-left:0px;
	cursor: move; /*for Safari*/
	cursor: url("/images/updown2a.cur") 12 12,url("/images/updown2a.cur"),move; 
	font-size: 80%;
	font-weight:bold;
}


#friendslist li.moving {
	font-weight: bold;
	cursor: url("/images/updown2b.cur") 12 12,url("/images/updown2a.cur"),move; 
}

#friendslist li.stopped {
	font-weight: bold;
	cursor: url("/images/updown2a.cur") 12 12,url("/images/updown2a.cur"),move; 
}

#friendslist .icons {
	float:right;
	text-align: right;
	background-color: transparent;
	padding:1px 2px 5px 0px;
	font-size: 70%;
	font-weight:bold;
}

#friendslist .icons img{
	padding-right: 3px;
}

#friendslist div.listitem { 
	width: 290px;
}	



/* _______________________________	*/
/*          7. FORMS                */

form {
	margin-top:0px;
	margin-bottom:0px;
}


fieldset {
	margin: 0px;
	padding: 0px;
	border: none;
}

fieldset input, fieldset textarea, fieldset select {
	font-family: arial, verdana, sans-serif;
	font-size: 85%;
	font-weight: normal;
	display: inline;
	padding: 0px;
}

fieldset textarea {width: 320px;}

fieldset textarea.page_edit {font-size: 12px; width: 95%; height: 300px; line-height:140%; font-family:"Courier New", Courier, monospace;}

fieldset div.row {
	margin: 0px;
	padding: 10px;
    clear:both;
	border-top: 1px solid #669900;
}
	
fieldset div.end {
	margin: 0px;
	padding: 20px 10px;
	white-space:nowrap;
}


fieldset div.error {
	margin: 0px;
	padding: 6px 10px;
	background-color: #FFCCCC;
	background-image: url(/images/symbol_caution.gif);
	background-repeat: no-repeat;
	background-position: 5px  5px;
}

#searchandsort {position:relative; width: 126px;}

#searchandsort input, #searchandsort select {
	margin: 0 0 0 0;
	display:inline;
}

div.match {
	margin: 0px;
	padding: 6px 10px;
	background-repeat: no-repeat;
	background-position: 5px  5px;
}


fieldset div div.right {
	font-size:90%;
	font-weight: normal;
	margin: 0px 0px 0px 161px;
	text-align:left;
	position:relative;
}

.formhelp {position:absolute; left:495px; top: 25px; font-size:80%; width: 225px;}

fieldset div div.left {
	width: 130px;
	text-align: right;
	padding: 0px 10px 0px 20px;
	font-size: 90%;
	float:left;
}
	
fieldset div span.desc {
	font-size: 80%;
	font-weight: normal;	
}
	
.desc{
	font-size: 80%;
	font-weight: normal;
	background-color: transparent;	
}	
	
fieldset p.submit {
	margin: 0 0 1.0em 0;
	padding: 8px 0;
	background-color: transparent;
	border-bottom: none;
	text-align: center;
}

#imageurlinput {
  background-image: url('/images/globe.gif'); 
  background-repeat:no-repeat; 
  padding: 3px 0 3px 21px; 
  font-size:9px; 
}

/* _______________________________	*/
/*          8. IMAGES               */


.photobox { 
	margin: 0px 12px 0px 0px;
	float: left;
	position:relative;
	top: -12px;
}

#slideviewer .photobox {margin: 0; position: static; float: none; text-align:center; width: 260px;}

#slideviewer p {font-size: 80%; margin: 0 0 10px 0;}

.caption {
	font-size: 80%;
	text-align: left;
	font-family: verdana, arial, sans-serif;
	padding: 5px 0px 3px 0px;
}

.photocredit{
	font-size: 80%;
	font-weight: normal;
}


form.answer_feedback select {
font-size: 120%;
border: 1px solid #dddddd;
}

form.comment_feedback select {
font-size: 90%;
border: 1px solid #dddddd;
}

/* _______________________________	*/
/*          9. Miscellaneous            */

#mainanswerlist {
  margin: 10px 0 0 0;
  border-collapse:collapse;
  width: 648px;
}

#mainanswerlist tr{
	background-color: transparent;
}

#mainanswerlist td{
	border-bottom: 1px solid #aaaaaa;
	padding-top: 5px;
}

#mainanswerlist div.answerimage {
	padding: 0px 10px 4px 15px;
	background-color:transparent;
	width:75px;
	float:right;
}

div.answerimage a, #slideviewer .framed {
	margin: 0 auto 0 auto;
	display: inline-block;
	position:relative;
}


div.answerimage_blocked {
	background-image: none;
	padding: 38px 0 0 0;
}

.addtoballot {
	width:85px; 
	margin: 0;
	height:80px;
	text-align: left;
}

.addtoballot_blocked {
	width:85px;  
	margin: 0;
	padding: 6px 0 6px 0;
}

#mainanswerlist td.title {
	padding:6px 0px 3px 5px;
	width: 545px;
}

.featurepage .answerlist {
	font-size:80%;
}

.featurepage .answerlist td.title {
	padding:6px 0 3px 10px;
	width: 160px;
}

#featured_answers h3 {
	font-size:80%;
	padding: 0;
	margin: 0;
}

#featured_answers h3, #featured_answers .answersummary {
	font-size:80%;
	padding: 0;
	margin: 0;
}
#featured_answers h3 {font-weight:bold;}

.featured_nav {
  white-space: nowrap;
  text-align:right;
  float:right;
  margin: 2px 8px 0 0;
}

.featured_nav a
{
  background-image: url('/images/featurenav_off.png');
  display: block;
  width: 13px;
  height:13px;
  background-repeat:no-repeat;
  float:left;
  margin: 0 0 0 10px;
  text-decoration: none;
}

.featured_nav a:link {text-decoration: none;}
.featured_nav a:visited {text-decoration: none;}
.featured_nav a:hover {text-decoration: none;}
.featured_nav a:active {text-decoration: none;}
.featured_nav a:focus, .feedfilter a:focus, .answerfilters a:focus { -moz-outline-style: none; }   

.featured_nav a.on
{ background-image: url('/images/featurenav_on.png');}
.featured_nav a.next
{ background-image: url('/images/featurenav_next.png');}
.featured_nav a.previous
{ background-image: url('/images/featurenav_previous.png');}


div.answer_desc {
  font-size: 75%; 
  font-weight:normal; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
}

div.answersummary {
  width: 100%;
  background-color: transparent;
}


#sidebar_poll {
	float: right;
	margin: 0;
	width:250px;
}

#votebox {
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	width:250px;
	position: relative;
}

.answerads {
clear:left;
text-align:center;
}


#googads {
width:100%;
padding:15px 0 15px 0;
text-align:center;
}


#amazon {
width:100%;
margin:15px 0 15px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

.ad_item {
width: 25%;
float:left;
margin: 0 7% 10px 0;
}

td.rank { font-size: 100%; padding-top: 6px;}
.rank div {white-space:nowrap;}

.tiny, .topiclist p {
	font-size: 70%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.tiny select {font-size: 120%} /* Kludge that fixes issue where dropdown is way too small in pagedetails area. */

.topiclist p {
    margin-top: 2px;
}

.small {
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.fineprint {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.notify {font-size: 80%; margin: 5px 0 10px 0;}
.notify a{text-decoration:underline}

.tip {
    position: absolute;
	background: #FFFFFF;
	font: 10px verdana,arial,helvetica;
	top: 17px;
	z-index: 3;
	padding:6px;
	width: 140px;
	border-top: 1px dashed #DDDDDD;
    border-right: 1px dashed #DDDDDD;
	text-align: center;
}

.modmsg {
	font: 10px verdana,arial,helvetica;
	top: 20px;
	z-index: 3;
	padding:6px;
	border: 1px dotted #888888;
	text-align: center;
}

.modmsg select, .modmsg input{
    font-size: 125%;
}


#removed {
    position: absolute;
	background: #FFFFFF;
	font: 10px verdana,arial,helvetica;
	top: 20px;
	z-index: 3;
	padding:10px;
	width: 120px;
	border: 1px dotted #888888;
}

/* for the add answer page*/
table.answers {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

table.answers td{
	border-bottom: 1px dashed #DDDDDD;
}

table.answers th{
	border-bottom: 1px dashed #DDDDDD;
	text-align: left;
	font-weight:bold;
	white-space:nowrap;
}

table.searchresults, table.topiclist, table.report {
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	border-collapse: collapse;
}

table.report {font-size: 80%;}

.searchresults td, .report td, .topiclist td {
	border-top: 1px solid #555555;
	text-align: left;
	vertical-align:top;
}

.topiclist td{
	padding:10px 25px 0px 0px;
}

.searchresults td, .report td {
	padding:10px 25px 10px 0px;
}

#tagsearchresults {width: 600px;}
#subtags {width: 215px; float:right;}

#subtags .tagcloud{text-align:left; white-space:normal;	line-height:1.5em; word-spacing:normal}
#subtags .tagcloud a {margin: 10px 0 10px 0; white-space:normal;}

.topiclist td.topiclist_title, #feed_table td.topiclist_title {padding-left: 8px;}


.friendfeed_container { 
padding: 6px; 
margin: 0 0 20px 0px; 
height: 200px; 
border: 1px solid #cccccc; 
border-top:none; 
overflow:auto; 
overflow-x:hidden; }

.friendfeed td {font-size:75%; padding: 4px 6px 4px 6px; border-bottom: 1px solid #cccccc;}
.friendfeed {border-collapse:collapse; margin: 0 0 80px 0;}

.report td {
	padding:10px 15px 7px 0px;
}


.searchresults th, .report th { 
	padding: 0 0 0 6px;
	background-color: transparent;	
    background-repeat: no-repeat;
	background-position: 3px center;	
	border-right: 1px solid #ffffff;
	height: 2em;
}	

.searchresults th, .topiclist th{ 
	padding: 0;
	border: none;
}	

a.sortasc{ background-image:url("/images/sort_arrows_asc.png");}	
a.sortdesc{ background-image:url("/images/sort_arrows_desc.png"); }	
a.sortoff{ background-image:url("/images/sort_arrows_nosort.png");}	
a.sortoff, a.sortdesc, a.sortasc {padding-left: 5px;}

#search_submit {
    position: absolute;
    right: 2px;
    top: 2px;
}


#searchbox form {
  margin:0; 
  padding:0;
}

#advsearch_container {text-align:left;}  <!-- only needed for IE6 -->

#advsearch_container {position:relative;} 


#advsearch {
	position: absolute; 
	top: -2px; 
	left:165px; 
	z-index: 5;
	font-size: 100%;
	font-family: verdana, arial;
	text-align:left;
	white-space:nowrap;
	width: 300px;
	padding: 4px 15px 4px 15px;
	border: 1px solid #666666;
	-moz-border-radius: .9em; -webkit-border-radius: .9em;	
}

#advsearch_close{display:block; float:left;margin: 2px 0 0 0;}

div#error, div.error {
	background-color: #BB0000;
	color: #ffffff;
	padding: 15px;
	margin: 10px 0px;
	border: 1px dotted #BB0000;
	border: 1px solid #ffffff;
}

.errortext {
	color: #ffffff;
	background-color: #BB0000;
	padding: 5px;
	border: 1px solid #ffffff;
}

#error a:link, #error a:visited, #error a:hover, #error a:active {color: #ffffff; text-decoration:underline;}

p.errordetail {
	padding: 10px 0px 10px 0px;
	margin: 0px;
	color: #BB0000;
}

span.errordetail {
	color: #BB0000;
}

#success {
	color: #7EA60F;
	border: 1px dotted #7EA60F;
	padding: 10px 10px 10px 27px;
	margin: 10px 0px;
	background-image: url("/images/symbol_check.gif");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}


.success {
	color: #2C9800;
	border: 1px dotted #7EA60F;
	font-size: 90%;
	background-image: url("/images/symbol_check.gif");
	background-repeat: no-repeat;
	padding: 2px 0 8px 27px;
	overflow: visible;
	text-align: left;
}

#loginpopup {
	position:absolute; 
	left:130px; 
	top:25px;
	z-index:20;	
	padding: 15px 20px 15px 20px;
	margin: 0px 0px 10px 2px;
	font-family: verdana, arial;
	text-align:left;
	background-repeat:no-repeat;
	width: 200px;
	border: 4px solid #ffffff;
	-moz-border-radius: .9em; -webkit-border-radius: .9em;
}


.login_close_button {position: absolute;  z-index: 6;}
#loginpopup_close { left: 220px; top: 3px;}
#fb_link_popup_close{ left: 620px; top: 3px;}


#loginpopup h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 200%;
	margin:0px;
	padding: 0px;
}

#loginpopup .loginput, .loginput {
	margin:5px 10px 0px 0px;
}

.form td {
	padding-bottom: 5px;
}

.helpicon2 {
	margin: 3px 3px 0px 0px;
}

div#pagedetails {
	padding: 5px 5px 7px 0px;
	margin: 2px 0px 0px 0px;
	font-family: verdana, arial, sans-serif;
	font-size: 65%;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1.5em;
	clear:left;
}


span.awards {
	white-space: nowrap;
	cursor: default;
}

span.awards img{
	margin-left:3px;
}

.comment_form, #syndform, #invitebox {
	border: 1px dashed #7EA60F;
}

#invitebox {
	margin-top:5px;
}	

#searchsort {
	padding: 7px 0px;
	text-align:left;
	font-weight:normal;
}

.deets h4 {
	font-size: 90%;
	font-weight:bold;
	margin: 0;
	padding-bottom: 0px;
}

.deets h3 {
	margin: 25px 0 0 0;
	padding-bottom: 0px;
}

.deets p {
	margin-top: 0px;
	margin-bottom: 10px;
}

img.profileicon {padding: 3px;}


div.comment, div.commentreply {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	background-repeat:no-repeat;
	padding: 3px 0 0 0;
	position: relative;
}

div.comment{
	margin: 10px 0 30px 20px;
}


div.commentreply{
	margin: 10px 0 20px 100px;	
}

div.endthread {	margin: 0 0 30px 100px;	font-size: 90%;}

div.commentbar{
	margin: 0 0 0 0;
	background-color: #ccdddd;
	padding: 3px 0 0 3px;
	height: 27px;
	border: 1px solid #444444;
}

div.updownrating{
font-size: 85%;
padding: 2px 0 0 0px;
white-space:nowrap;
margin: 2px 0 0 0;
}

.comment div.updownrating{
float:right;
}
.commentreply div.updownrating{
float:right;
}

#homepage_box{
padding: 10px 8px 0px 15px;
margin: 0 0 0 0;
}

#homepage_middle {
width:274px; /* had to force narrow for 1e6 */
margin-left: 602px;
padding: 0px 14px 24px 24px;		
}

#homepage_left, #profilepage_main {
clear:left; /* needed to clear float above in ie6 */
float: left;
width: 574px;
display: inline; /*for ie6 */
}


#grupselect {
width:220px;
}

.tagcloud {
	margin: 0 0 25px 0;
	font-size: 85%;
	line-height: 25px;
	text-align:justify;
	padding: 0 0 0 0;
}

.tagcloud_ranked {
	text-align:left;
	margin: 0 0 25px 10px;
	font-size: 65%;
}

label:hover {
	text-decoration: underline;
	cursor: pointer;
}

.left label:hover {
	text-decoration: none;
}

#spellcheck {
	font-size: 115%;
}

.spellmark {
	color: #CC0000;
	border-bottom: 1px dashed #CC0000;
}

div.faqquestion {
	font-weight: bold;
	margin: 30px 0px 0px 0px;
}

div.faqanswer {
	margin: 6px 0px 0px 0px;
}

div.faqquestion h2 { 
	font-size: 150%;
	font-weight: bold;
	display:inline;
}

div.faqanswer h2 {
	font-size: 150%;
	font-weight: bold;
	display:inline;
}

.answerstat{
	font-style: italic;
	font-weight: bold;
	border-bottom: 1px dashed #AC32E3;
}

.score {
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	line-height: 12px;
	text-align:center;
	margin: 1px 0 0 3px;
	font-weight: bold;
	display:block;
	width:72px;
	padding: 3px 0 3px 0;
	border: 1px solid #999999;
	border-top:none;
}

.addtoballot_blocked .score {border-top: 1px solid #444444;}

.points {
margin: 3px 0 0 0;
padding: 0;
width: 100%;
font-size: 80%;
font-weight:normal;
}

#fullimagebox {
	position: absolute;
	z-index: 100;
	margin: 0;
	padding: 20px 20px 20px 20px;
	text-align: center;
	background-image: url("/images/progress.gif");
	background-repeat: no-repeat;
	background-position: center center;
	white-space: nowrap; -moz-border-radius: .7em; -webkit-border-radius: .7em; 	
}

#fullimagebox.imageloaded {
    background-image:none;
}

#fullimagebox img {
	margin: 0px 0px 0px 0px;
}

#opacitize {  /*for when we want to grey out the whole window*/
	width: 100%;
	background-color: #000000;
	position: absolute;
	z-index: 90;
	-moz-opacity: 0.5; 
	opacity: 0.5;
	top: 0px;
	left: 0px;
	cursor:pointer;
}

.origin {
	position:relative;
	z-index:100;
	overflow:visible;
}

.details {
	font-family: verdana, arial, sans-serif;
	font-size: 85%;
	margin-top:0px;
}

.points_earned {
	line-height:15px;
}


.framed{ display:block; -moz-border-radius: .7em; -webkit-border-radius: .7em; border: 1px solid #000000; padding: 3px; text-align:center; text-decoration:none}
.framed img {visibility:hidden;}
.framed div { -moz-border-radius: .5em; -webkit-border-radius: .5em; border: none; background-repeat: no-repeat;}
.topicthumb .framed, .topicthumb .framed div { -moz-border-radius: 0; -webkit-border-radius:0;}
.noround {-moz-border-radius: 0; -webkit-border-radius:0;}

.thumbnail, .zoomicon { cursor : url("/images/magnifier.cur"), pointer;}
.slide .thumbnail { cursor : pointer;}
.slide { cursor: pointer;}

#slideviewer {width: 641px; padding: 0; margin: 0 0 0px 0; height: 250px; position:relative;}
#slideviewer h2 {font-style: italic; border: none; background-color: transparent; margin: 0; padding:0;}

#slideviewer table {margin: 0; height: 250px; border: none; border-collapse:collapse;}
#slideviewer td {vertical-align: middle;}
#slideviewer td.caption_container {padding: 15px 15px 15px 30px; width: 352px;}

#mediacontroller {position: absolute; z-index: 5; top: 205px; font-size: 80%; width: 630px; text-align: right;}
#mediacontroller input {height: 35px; cursor: pointer; width:35px;}

div .socialinks  {text-align: left; margin: 0em 0px 0px 0px;}
.socialinks ul  {text-align: center; display: inline; margin-left: 0px; padding-left:0px;}
.socialinks li  {text-align: center; list-style-type: none; display: inline; margin: 0; padding: 2px;}
.socialinks img  {text-align: center; border: 0;}


/*(vote button hiding while ballot loads) */
.ballotloading .votebutton_link, .ballotloading .votecheck { 
	visibility:hidden;
}  


span.votebutton_spot{
position:relative;
display: inline-block;
}

span.votebutton_spot a{
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-repeat:no-repeat;
}

.votebutton_spot a{
  display:block;
  height: 30px;
  width: 80px;  
}  

.votebutton_spot a:hover { 
  text-decoration:none;
  -moz-opacity: .75; 
  opacity: .75;
  filter:alpha(opacity=75);  
}  


.votebutton_space {
  height: 30px;
  width: 80px;
}

.votecount {position: absolute; z-index: 3; width: 80px; text-align:left; left: 85px; top: 5px; font-size: 100%; font-family: verdana, arial, sans-serif; font-weight: bold;}

.votebutton_link {
  margin: 0;
  height: 26px;
  width: 80px;
  padding: 4px 0 0 0;
  display: block;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color:transparent;
  text-align:center;
  font-size: 80%;
  }
  
  .votebutton_link:hover { text-decoration: none }
  .votebutton_link:active { outline: none; }
  .votebutton_link:focus { -moz-outline-style: none; }   

.votebutton_spot a.votedisabled {
  -moz-opacity: 0.1; 
  opacity: 0.1;
  filter:alpha(opacity=10);  
  cursor:default; 
}

.marked .votebutton_spot a.votedisabled {
  -moz-opacity: 1;
  opacity: 1;
  filter:alpha(opacity=100);   
}
  
/* "Voted" (marked) button */
/* these styles are specific to just .marked buttons, otherwise inherits button styles above */

.marked .votebutton_spot a{ 
  background-repeat:no-repeat;
  -moz-opacity: 1;
  opacity: 1;
  filter:alpha(opacity=100);    	
 }
 
.marked .votebutton_link {padding: 8px 0 0 0;}

.marked .votecheck {display:none;}

.new {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
white-space: nowrap;
position: relative; 
top: -5px;
}

.donelabel {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
white-space: nowrap;
}

.done, .done a, .done a:link, .done a:visited {font-style:italic;}

.topiclist_short{
margin: 0;
padding: 0 0 25px 0;
width: 100%;
}

.topiclist_short .topiclist, #feed_table {
margin:0;
}

.topiclist_short .topiclist th, #feed_table th {
  font-size: 90%;
  font-weight:normal;
  padding: 3px 8px 3px 5px;
}

.viewall {float: right;}

.topiclist_short td, #feed_table td
{
padding: 10px 7px 3px 0;
font-size: 110%;
vertical-align:top;
}

#front_messages
{
width: 550px;
font-size: 90%;
float:left;
display: inline; /*for ie6 */
margin-bottom: 24px;
}

div.front_message 
{
margin: 0 0 0 0;
padding: 0;
width:550px;
}

.front_message h2 
{
margin: 0;
}

#browseoptions H2 {margin: 0;}

.tab_page{
width:613px;
margin:25px 0 25px 0;
border: 3px solid #9DC335;
padding: 15px;
clear:left; /* clears Amazon ads if there are less than 3 displayed,  or anything else floated above*/
}
#timeslider_area{padding:15px 0 15px 0; border-left:none;border-right:none; margin: 15px 0 20px 0; width: 643px;}

.close_button {float: right; margin: 0px 15px 0 0;}

.tab_page h2{
margin:0px;
}

#myinterests 
{
margin: 0 0 0 0;
width: 225px;
float: left;
}

.permissions
{
width: 200px;
margin: 0 0 35px 10px;
}

.permissions table
{
border:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 10px 0 0 0;

}

.permissions td
{
border:none;
height: 15px;
vertical-align:middle;
padding: 0 6px 0 0;
}

.permissions td.on 
{
padding: 0 0 0 15px;
vertical-align:middle;
background-repeat:no-repeat;
}

.permissions td.off
{
padding: 0 0 0 15px;
vertical-align:middle;
background-repeat:no-repeat;
}

.filtermessage {
padding: 4px 2px 4px 7px;
margin: 1px 0 20px 0;
font-size: 65%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-repeat: no-repeat;
border: 1px dotted #444444;
}

a.cqrscore_plus, a.cqrscore_plus:visited, a.cqrscore_plus:link
{
  font-size: 125%;
  font-weight:bold;
}

a.cqrscore_minus, a.cqrscore_minus:visited, a.cqrscore_minus:link
{
  font-size: 125%;
  font-weight:bold;
}

a.cqrscore_loading
{
  font-size: 125%;
  font-weight:bold;
}


a.cqrscore_minus:hover {
  background-color:#6c9ee9;
  color: #ffffff;
}

a.cqrscore_plus:hover {

  background-color:#9dc335;
  color: #ffffff;
}

a.gp_icon img, img.sim_icon, a.inl_icon img, a.tinypic img{
vertical-align:middle; 
padding:0px 0 4px 0;
border:none;
}

a.gp_icon, a.inl_icon, img.inl_icon{
vertical-align:middle; 
padding:-4px 0 4px 0;
border:none;
}

.byline .memberpic, .commentbar .memberpic {float: left; margin: 0px 5px 0px 0px;}

a.tinypic img{ 	cursor : url("/images/magnifier.cur"), pointer; }

.mugshot {
float:left; 
text-align:left; padding: 10px; 
font-size: 75%;
width: 80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
}

.mugshot .facebook_tag { position:absolute; top:4px; left:6px; z-index:5;}
.facebook_tag { position:absolute; top:-4px; left:-4px; z-index:5;}

.sorter {
float:right;
margin-top: 15px;
}

.comment_form
{
 margin:5px 0 0 0;
}

.comment_input
{
width: 70%;
font-size: 100%;
}

.posted_date {
float:right; 
margin: 8px 0 0 0;
padding: 0 2px 0 0;
}

p.clearing_rule {
clear: left;
}

hr {
width: 100%;
border: 0;
height: 1px;
margin: 0;
padding: 0;
}

.byline, .finebox { border: 1px solid #444444;}
.topicnav { border-bottom: 1px solid #444444; height: 18px; }

.topicnav .gototopic {float:right;}
.topicnav p {margin: 0; height: 16px; padding: 4px 8px 0px 0px; float:left;}
.gototopic a {display:block; height: 16px; padding: 4px 8px 0px 8px; float:right;}
.gototopic a:link, .gototopic a:visited, .gototopic a:hover, .gototopic a:active {text-decoration:none;}

.byline, #addanswerbox
{
  font-size: 75%;
  height: 28px; 
  padding: 3px 10px 0 3px; 
  margin: 0;
}

.topicnav
{
  font-size: 90%;
  padding: 3px 0 3px 3px; 
  width: 100%;
  margin: 0 0 10px 0;
}

.topicstatus, .topicstatus2
{
  font-size: 100%;
  padding: 5px 10px 5px 5px; 
  margin: 0 0 15px 0;
}


.topicstatus a, .topicstatus2 a {text-decoration: underline;}

#addanswerbox
{
margin: 1px 0 10px 0;
border-top:none;
}

.feednav
{
  padding:2px 5px 4px 10px; 
  font-size:75%;
  margin: 0 0 2px 0;
}

.feednav .viewall a:link, .feednav .viewall a:visited
{
  -moz-opacity: 0.70; 
  opacity: 0.70;
  background-color: transparent;
  width: 14px;
  height: 14px;
  display:block;
}


.feednav .viewall a:hover, .feednav .viewall a:active
{
  -moz-opacity: 1; 
  opacity: 1;
}


.feednav h4
{
  margin: 6px 0 0 0;
}

#feedsearch, #searchtype{
margin: 0 0 0 10px;
}
#searchtype{
font-size: 80%;
}


.byline p.sharing{
float: right;
padding: 0;
font-size: 80%;	
position:relative;
top: -3px;
height: 10px;
}

#sharing_container {position:relative;}
.byline #sharing_container span { position: absolute; top:-24px; z-index: 1; white-space:nowrap;}
#slideviewer #sharing_container span { position: absolute; left:90px; z-index: 1; white-space:nowrap;}

p.sharing a.inl_icon{
margin: 0 0 0 2px;
}

.topicsharing a:hover, .topicsharing a:hover img {text-decoration:none;}


.feedfilters
{
padding: 0;
margin: 0 0 0 0;
border-spacing: 0;
border-collapse:collapse; /* Needed for IE7 to remove cellspacing */
}


.feedfilters td
{
padding: 0 2px 0 0;
margin: 0;
height: 18px;
}


.answerfilters
{
padding:0;
margin: 10px 0 0 0;
border-spacing: 0;
border-collapse:collapse; /* Needed for IE7 to remove cellspacing */
width:643px;
border: 1px solid #444444;
font-size:80%;
}

td.tab a {
  padding: 3px 4px 0 4px; 
  text-align:center;
  display:block;height: 18px;
  border-right: 1px solid #444444;
}

td.tab a.onpage {
  font-weight:bold;
  position:relative;
  top: 1px;
}

.answerfilters td {
padding: 2px 2px 0 2px;
margin: 0;
height: 18px;
white-space:nowrap;
vertical-align:bottom;
}

.answerfilters td.heading {
padding: 2px 2px 0 6px;
margin: 0;
height: 18px;
vertical-align:middle;
}

td.tools
{
padding: 3px 3px 0 3px;
margin: 0;
white-space:nowrap;
text-align:right;
}

td.tools a:link, td.tools a:visited, td.tools a:hover, td.tools a:active
{
  -moz-opacity: 0.8; 
  opacity: 0.8;
  filter:alpha(opacity=80);    
}

td.tools a:hover
{
  -moz-opacity: 1; 
  opacity: 1;
  filter:alpha(opacity=100); 
  text-decoration: none;   
}


td.nontab a:link, td.nontab a:visited, td.nontab a:hover, td.nontab a:active
{

border: none;
background-color: transparent;
padding: 4px 0 0 14px;
background-repeat:no-repeat;
background-position: center left;
margin-left: 15px;
text-align: left;
height: 18px;
display: block;

}

td.nontab a {background-image: url("/images/showmore.png");}
td.nontab a.onpage {background-image: url("/images/showless.png"); font-weight: normal;}


.answernav
{
  padding:6px 2px 0px 1px; 
  font-size: 11px;
}

.answernav .minipages {float:right; text-align:right;}

.minipages a:link, .minipages a:visited {
  padding: 1px 3px 2px 3px; margin: 0 0 0 3px; border: 1px solid #444444;
}

.minipages a:link.activepage, .minipages a:visited.activepage, .minipages a:hover:link.activepage, .minipages a:active:link.activepage, .minipages a:hover, .minipages a:active{
  text-decorations:none; border: 1px solid #444444;
}  

.minipages a:link.activepage, .minipages a:visited.activepage, .minipages a:hover:link.activepage, .minipages a:active:link.activepage{-moz-border-radius: .3em; -webkit-border-radius: .3em; }

.minipages {
margin: 0 0 0 0;
padding: 2px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
height: 18px;
}

.minipages a.arrows:link, .minipages a.arrows:visited  {font-size: 110%; letter-spacing: 0; padding: 1px 5px 2px 5px; text-align:center;}

#searchandsort input, #searchandsort select
{
  padding-top: 0px;
  padding-bottom:0px;
}

#answersearch {width: 107px; 
height: 14px;
border: 1px solid #666666;
font-size: 12px;
padding: 0 18px 0 0 ;
}

#answersearch_submit {
    position: absolute;
    right: 0;
    top: 1px;
}

div.hr {
position: relative;
display: block;
padding: 0;
margin: 6px 0 4px 0;
height: 8px;
}

div.hr hr {
  position: absolute;
  width: 99%;
  z-index: 1;
  color: #000000;
  background-color: #000000;
  height: 2px;
  border-bottom: 1px solid #cccccc;
  margin: 0; 
  padding: 0;
  -moz-opacity: 0.2; 
  opacity: 0.2;
  filter:alpha(opacity=20);     
}


#featured_container {height:225px; padding: 5px; margin-bottom: 15px; border-top:none;}


#featured_answers {
margin: 0 0 0 0;
overflow:hidden;
}

#featured_answers .answerlist td{
border-top: none;
padding: 5px 0 0 5px;
vertical-align:top;
}

#newanswer { margin: 0; }
#newanswer #answer { width: 200px; }

#newanswer_inline {margin: 0 0 10px 0;}
#newanswer_inline #newanswertitle {font-size: 125%; border: 1px solid #dddddd;}

/* Answer/topic edit screens */
#answer, #title, #question, #title_current {font-size: 125%; font-weight: bold;}


#trail {
margin: 0;
}

#customCSS, #code {
font-size: 11px;
font-family:"Courier New", Courier, monospace;
}

#sharethis
{
 width: 100%;
 padding: 0 0 0 15px;
 margin: 0 0 10px 0;
}

#timeslider {padding: 10px 10px 10px 20px; border: 3px solid; width: 95%;}

a.tooltip:hover{cursor: help;}

#your_photo {float:left; clear: right; position:relative;}
#your_page_welcome{ width:510px; margin: 0 0 25px 57px; height:50px; }
#your_page_welcome form{ display: inline; }
#your_page_welcome select{ width:150px; font-size: 80%; }


.article {
  margin: 25px 0 0 0;
}

dt {font-weight: bold}
dd {margin: 0 0 20px 0}

.authorspick {width: 643px; margin: 5px 0 0 0; border: 1px solid #444444; border-collapse: collapse;}
.authorspick td {vertical-align: top; padding: 20px;}
.authorspick_label { width: 138px; padding-left: 10px; line-height: 20px;  white-space:nowrap;}
td.authorspick_answer {width: 510px;}
a.authorspick_title:link, a.authorspick_title:visited, a.authorspick_title:hover, a.authorspick_title:active {font-weight: bold;}
.pickdesc{margin: 0;}
#authorspick_helptext {margin: 0px 0 20px 0px;}

#feed_table td.feed_loading { font-weight: bold; text-align:center; width: 100%; height: 650px; padding-top:50px; }
td.feed_loading img {vertical-align: middle; padding:0px 0 4px 0;}

#news {margin: 0 0 25px 0;}

.faqs {margin: 40px 0 0 0;}

.topiclist_short .topiclist td.story_desc, .topiclist td.story_desc,  .story_desc, #feed_table td.story_desc{ 
height: 3.1em;
overflow: visible; 
font-size: 75%; 
padding:0 5px 0 0; 
border-width: 1px; 
border-style:none;
}

.topiclist_short .topiclist td.topicthumb, .topiclist td.topicthumb,  #feed_table td.topicthumb{ 
width: 50px;
}

.storycontainer {padding: 8px 0 0 20px; position:relative; top: -8px}
.story_desc_container{margin:0;}


.profile_story {padding: 7px 0 0 10px;}
.profile_story .story_desc_container{height: 45px;}


.story_icons {
margin: 0; padding: 0; width: 97%; position: relative; height: 40px;
}


.story_icons a {
  position: relative;
  display: block; 
  float:left; 
  width:18px;
  height: 37px;
  background-repeat:no-repeat;
 }

a.story_image, .storynav_previous  { 
  background-image: url('/images/story_bubble.png'); 
  background-position: 0px bottom;
}  

a.story_image img{
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000; 
  -moz-opacity: 0.25; 
  opacity: 0.25;
  filter:alpha(opacity=25);      
}

a.story_image_on { 
  background-image: url('/images/story_bubble.png'); 
  background-position: -4px 23px;
  z-index: 1;
}

a.story_image_on img {
  width: 24px;
  height: 24px;
  position: absolute;
  left: -3px;
  top: -8px;
  border: 1px solid #000000;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  padding:1px;
 }

.storynav_next {padding: 2px 0 0 5px; height:14px; width: 14px; }
.storynav_previous {padding: 2px 5px 0 0; height: 14px; width: 14px;}

.story_bubble_corner {
  position: absolute;
  top:32px;
  left: -11px;
  z-index: 5;
}

.story_bubble_end {
  position: absolute;
  top:32px;
}

.story_icons div { position:relative; float:left; }

#storyLoadingDiv {height:70px}

.story_age_container {white-space:nowrap; font-size: 85%;}

#ballot_tip_container {position:relative;}
.ballot_tip {position: absolute; z-index: 50; left:-295px; top:30px; color: #ffffff; width: 218px; height: 321px; background-image: url('/images/voting_reminder_bg.png'); padding: 20px 75px 20px 35px; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 90%;}

.ballot_tip h1 { color:#FFFFFF; width:100%; text-align:center; margin: 10px 0px 10px 0px; font-size: 24px; white-space:nowrap;} 
.ballot_tip a, .ballot_tip a:link, .ballot_tip a:visited, .ballot_tip a:hover, .ballot_tip a:active  {text-decoration: underline; color:#ffffff; background-color: transparent;}

#facebookconnectcontainer {white-space: normal; text-align: center; margin: 3px 0 0 0;}
#facebookconnectcontainer h3 {margin: 0 0 3px 0;}
#facebooklink {width: 600px; white-space: normal; text-align: left;}
#facebooklink_newmember {width: 270px;}
#facebooklink_existingmember {float: right; width: 250px; border-left: 4px solid #aaaaaa; padding: 0 0 0 40px;}

#facebookconnectcontainerheader {position:relative;}
#facebookconnectbuttonheader {position: absolute; z-index: 2; left: -100px;}

#sidebar2 select {margin: 0 0 5px 0; font-size: 85%;}
.embedcode {font-size: 9px; font-family:"Courier New", Courier, monospace;}

.simpletable {border-collapse:collapse; border: 1px solid #444444;}
.simpletable th{border-bottom: 3px solid #444444; padding: 6px;}
.simpletable td{padding-top: 10px;padding-bottom: 20px;padding-left: 20px;padding-right: 10px;}

.gtmap {padding: 15px 0 15px 20px; border: 1px solid #dddddd; background-color: #fafafa;}
.map_legend {float:right; font-size: 80%; margin: 0 60px 0 0;}
.map_legend table {border-collapse:collapse;}
.map_legend table td {vertical-align:middle; padding: 0 0 0 5px;}
.map_legend table td.mapcolor {width:25px; height: 16px;}
.map_container {margin: 25px 0 0 0;}

.membericon_sm, a:hover .membericon_sm {height: 18px; width:18px; margin: 0 4px 0 0; vertical-align:middle;}
.membericon_sm, a:hover .membericon_sm, img.memberpic, a:hover img.memberpic {padding:2px; border: 1px solid #bbbbbb;}

.framed, a:hover .framed {padding:3px; border: 1px solid #bbbbbb;}

a.list_viewall  {text-align: center; display:block; padding: 2px;  width: 200px; font-size: 80%; margin: 0 auto 0 auto; border: 1px solid #aaaaaa; border-top: none;}
#feed_table tr.topiclist_viewall_row td {padding: 0 4px 0 0;}
.commentbar .memberpic, .byline .memberpic {position:relative; top: -3px; left: -3px;}

#newanswer {margin-bottom: 40px; width: 613px; padding: 15px;}

.imageuploadarea {padding: 15px 20px 15px 20px; margin: 0 0 10px 0; border: 1px solid #cdcdcd; -moz-border-radius: .9em; -webkit-border-radius: .9em;}
.imageuploadarea h3 {margin: 0px 0 10px 0;};

li.metered {position: relative;}
li.metered span {position: absolute; z-index: 5;}
.meter { height: 30px; border: 1px solid #444444;}

#slidedeck {
	margin: 0 0 0 0; 
	padding: 0 0 24px 0;
	overflow:scroll;
	overflow-x:hidden;
	width: 641px;
	position:relative;
}
.slide {
	float: left; 
	height: 108px;
	padding: 4px 0 4px 0;
	background-color:transparent;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	text-align:center;
	width: 103px;
	position:relative;
}

#slidedeck .on {
}

#slidedeck div.answerimage {
	float:none;
	margin: 0 auto 0 auto;
	padding:0;
	text-align:center;
}

.answerdetails {height: 3.5em; padding: 10px; margin: 0 0 10 0; width: 621px; overflow:scroll; overflow-x:hidden;}

.answerpreviewtitle {
	font-weight: bold;
}

.thumb_label {
  text-align: centered;
  font-weight:bold;
  padding: 1px 3px 1px 3px;
  font-size: 80%;
  position:absolute;
  top:0px;
  z-index: 5;
  margin: 2px 0 0 2px;
  -moz-opacity: 0.95; 
  opacity: 0.95;
  filter: alpha(opacity=95);  
  border: none;
  -moz-border-radius: .3em; -webkit-border-radius: .3em;
}

.mediatopicshare {
	float: right;
	width: 200px;
}

.framed img.zoomicon {visibility:visible; position:absolute; top:6px; left:6px; z-index:100;  -moz-border-radius: .3em; -webkit-border-radius: .3em;}

.fadedrowdiv {
-moz-opacity: 0.25;
opacity: 0.25;
filter:alpha(opacity=25);
clear: both;
margin: 0;
padding: 10px;
}


/* ...and they lived happily ever after. THE END */
