* {
  margin:0;
  padding:0;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img {
  border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see: 
   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + YUILibrary bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
    text-indent:-10000em;
    overflow:hidden;
    text-decoration:none;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

.yui-override-padding {
    padding:0 !important;
}
body, button, input, select, textarea{
  font: 14px arial, helvetica, sans-serif;
  *font-size: small;
  *font: x-small;
}
table {
  font-size:inherit;
  font:100%;
}
pre, code {
  font:115% monospace;
  *font-size:100%;
}
body * {
  line-height:1.22em;
}
/* HACK: Specific Media */
#SM__romeLeftAdBg,
#SM__romeRightAdBg{
  z-index: 1 !important;
}
#sm_pushdown{
  clear: both;
  margin: 0 10px;
}
#sm_pushdown *{
  z-index: 1 !important;
}
/* HACK: 19218 skin */
#lwrap, #rwrap, #twrap{
  z-index: 1 !important;
}
/* HACK: Taboola */
#taboola-autosized-generated-2r *{
  z-index: 0 !important;
}


* html { filter: expression(document.execCommand("BackgroundImageCache", false, true));
  overflow:hidden;
}
* html body{
  height:100%;
}
html{
  min-height:100%;
}
body{
  background: #fff;
  color: #333;
  line-height: 14px;
  min-height: 100%;
}
#outerWrap{
  position: relative;
}
* html #outerWrap{
  height: 100%;
  overflow: auto;
  width: 100%;
}
#atff{ /* Add This (clearspring) places a tracker and breaks layout */
  display: none;
}
#site_promo{
  margin-top: 10px;
}
#sodahead{
  margin: 0 auto;
  width: 990px;
}
#content{
  background-color: #fff;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  clear: both;
  padding: 10px;
  width: 970px;
}
ul.open{  display:block !important;}
a,
a:visited,
span.link{
  color: #036ba6;
  cursor: pointer;
  font-size: 11px;
  text-decoration: none;
}
a:hover,
span.link:hover{
  color: #ff0000;
}
a:focus{
  outline:none;
}
h1,h2,h3,h4,h5,h6,strong {
  font-weight:bold;
}
q,
blockquote{
  display: block;
  border-left: 2px solid #ccddea;
  margin: 5px 15px 5px 5px;
  padding-left: 10px;
}
q:before,
q:after{
  content: "";
}
sub{
  vertical-align:baseline;
  _vertical-align:bottom;
}
.itemTitle a:visited,
.itemTitle a{
  font-size: 18px;
  font-weight: normal;
}
/* Generic Content Title */
a.title,
a.title:visited{
  font-size: 12px;
}
h1.title,
h1.title:visited,
h1 a.title,
h1 a.title:visited,
h2.title,
h2.title:visited,
h2 a.title,
h2 a.title:visited,
h3.title,
h3.title:visited,
h3 a.title,
h3 a.title:visited{
  font-size: 20px;
}
h4 a.title:visited,
h5 a.title:visited,
h4 a.title,
h5 a.title{
  font-size: 14px;
}
a.title:visited,
.itemTitle a:visited{
  color: #666;
}
a.title:hover,
.itemTitle a:hover{
  color: #ff0000;
}
code {
  display: block;
  overflow: auto;
  white-space: pre;
  line-height: .0; /* counter act the pre behavior on new lines */
  *line-height: 1; /* hack for ie */
  *width: 99%; /* hack for ie */
}

/* for bread crumb */
.sectionSubHeading,
.sectionSubHeading a,
.sectionSubHeading a:visited{
  font-size:13px;
  font-weight:bold;
  color:#7E8AA2;
  text-indent:10px;
}
h4{
  font-size:14px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
}
.action{
  cursor: pointer;
}
ul li.action{
  float: right;
}
abbr,acronym {
  border-bottom:1px dotted #000;
  cursor:help;
}
em *,
em {
  font-style:italic;
}
#user_so{
  height: 0;
  position: absolute;
  width: 0;
}
.dottedLine{
  border-bottom:1px dashed #CCC;
  margin-bottom:10px;
}
.bottomLine{
  border-bottom:1px solid #CCC;
}
.topLine{
  border-top:1px solid #CCC;
}
/* clearfix is used to force containers to expand to height of floated children */
.clearfix {overflow:hidden;display:inline-block;}
.clearfix {display:block;}
.cleaner {
  clear:both;
  height:1px;
  margin-bottom:-1px;
  line-height:1px;
  width:100%;
}
.time{
  color:#555;
  font-size:11px;
}
.hidden{
  display:none;
}
/* More Links (View all polls) */
a.moreLink,
a.moreLink:visited,
a.moreLink:focus{
  clear: both;
  float: right;
  font-weight: bold;
  text-align: right;
  margin: 0 10px 10px 0;
  position:relative;
}
span.authorLink,
a.authorLink,
a.authorLink:visited{
  color: #f9991d !important;
  font-size: 12px;
  overflow: hidden;
}
span.authorLink:hover,
a.authorLink:hover{
  text-decoration: underline;
}
a.authorLink:not([href]){
  cursor: default;
  text-decoration: none;
}
a.authorLink.online:visited,
a.authorLink.online{
  background:url(/images/online.gif) no-repeat right center;
  padding-right:9px;
}
span.celeb,
a.authorLink .celeb{
  background:url(/images/icons-19881.png) no-repeat left -1280px;
  width:16px;
  height:15px;
  display:inline-block;
  _zoom:1;
}
.online{
  margin-right:3px;
}
.online img{
  width:5px;
  height:10px;
  vertical-align:middle;
  -ms-interpolation-mode: bicubic;
}
.postDateTime{
  font-size:10px;
  color:#999;
}
.labelText{
  font-size:11px;
  color:#666;
}
label.option{
  font-size:10px;
  color:#000;
}
label,
span.label,
label.label{
  color: #555;
  font-size: 11px;
  font-weight: normal;
}
label.title{
  font-weight:bold;
}
label.legend{
  font-size:14px;
  font-weight:bold;
}
span.text{
  font-size:11px;
  color:#666;
}

/* Snapshot (Summary) */
#summaryImage{
  float: left;
  position: relative; /* for video icon */
}
#summaryImage img{
  max-width:125px;
  max-height:125px;
  margin: 0 10px 10px 0;
  -ms-interpolation-mode: bicubic;
}
* html #summaryImage img{
  width:125px;
}
#summaryAuthor,
#summaryDescription,
#summaryUrl,
#relatedTopics{
  margin: 5px 0;
}

#summaryAuthor #summaryRaving .unRavedDown{
  display:none;
}

#summaryRaving{
	float: right;
  max-width: 350px;
  text-align: right;
}
#summaryRaving .ravesContainer{
 float: right;
 max-width: 80px;
}
#relatedTopics{
	clear:both;
}

.bottomFlag .unRavedUp,
.bottomFlag .ravedUp,
.bottomFlag .ravesLabel,
.bottomFlag .ravesLabel{
  display: none;
}

#summaryDescription{
  clear: both;
}
#summaryDescription p{
  margin:15px 0;
}
#summaryStats{
  margin: 5px 0 0px;
  overflow: hidden;
  padding:6px 10px;
}

#summaryStats li.action span.ravesContainer .unRavedDown{
  display:none;
}

#summaryStats .votesIcon,
#summaryStats .commentsIcon,
#viewAllAnswers,
#demoSwitch,
#questionSwitch{
  color: #00aeef;
  font-size:12px;
}
.summaryStats li{ /* class select (over id): see 'ul li.action' */
  float: left;
  margin-right: 10px;
}
#externalShareIcons{
  background: #e2e2e2; /* SH.modals.tutorial */
  position: relative; /* SH.modals.tutorial */
}
#summary .commentBody{
  background: #e2e2e2;
  margin: 10px 0 0 0;
  padding: 5px;
  clear:both;
}
#summary .chupchick{
  left: 66px;
  top:10px;
}
#summary #id_content{
  float: left; /* IE6 hack */
  width: 550px;
}


.contentBox{
  padding-left:5px;
}
.columns{
  overflow:hidden;
  padding-right:160px;
  _padding-right:0;
}
.columns .leftColumn{
  float:left;
  width:100%;
  _width:auto;
}
.columns .rightColumn{
  float:left;
  margin-right:-170px;
  _margin-left:-158px;
}


/* Containers */
.contentContainer{
  margin-bottom: 10px;
  overflow: hidden;
}
.simpleContainer{
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  padding: 10px;
}
.facebookLikeBig{
  background: #fff;
  border: 0;
  clear: both;
  height: 200px;
  overflow: hidden;
  width: 292px;
}
.nonTabs{
  position:relative;
}
#defaultHome{
  display: inline;
  margin-left: 5px;
  }
#questions .select{
 margin-left: 7px;
}


/* Headers */
.defaultHeader, /* legacy profile... remove with dashboard/profile merge */
.defaultHeader a, /* legacy profile... remove with dashboard/profile merge */
.defaultHeader a:visited, /* legacy profile... remove with dashboard/profile merge */
.header,
.header a,
.header a:visited{
  background: #000;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 32px;
  padding: 0 5px;
}
a.subHeader,
.subHeader{
  text-transform: uppercase;
  border-bottom: 1px solid #B6CCD9;
  color: black;
  font-weight: bold;
  line-height: 20px;
  padding-left: 5px;
  margin-right: 5px;
  background: #B6CCD9;
  background: -moz-linear-gradient(left, #B6CCD9, #FFFFFF);
  background: -webkit-gradient(linear, left top, right top, from(#B6CCD9), to(#FFFFFF));
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B6CCD9', EndColorStr='#FFFFFF', GradientType=1);
}
.header,
.subHeader{
  clear: both;
  display: block;
  margin-bottom: 5px;
}
.defaultHeader a.action, /* legacy profile... remove with dashboard/profile merge */
.header a.action,
.subHeader a.action{
  float: right;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}
.pageHeader{
  margin: 10px;
  overflow: hidden;
}
.pageHeader .subHeader{
  border: 0;
  float: left;
  margin-right: 10px;
  max-width: 640px; /* topics with 6+ words */
  background: none;
  filter: none;
}
.pageDescription{
  border-left: 1px solid #333;
  overflow: hidden;
  padding-left: 10px;
}
.pageFeature{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 5px;
  padding: 5px;
  vertical-align: top;
  width: 310px;
  position: relative;
}
.pageFeatureImg{
  display: block;
  height: 178px;
  overflow: hidden;
}
.pageFeature img{
  width: 100%;
  -ms-interpolation-mode: bicubic;
}

.bullets li{
  background: url(/images/icons/bullet-blue.png) no-repeat 0 6px;
  padding-left: 10px;
}

.bullets li img {float:left;}
.bullets h1 {font-weight:normal;}

/* for the bread crum ( Polls > All ) */
.breadCrumbSeparator {
  font-size:13px;
  color:#FF9900 !important;
}

/* for off screen image size measurement container */
#swapable,
.swapable,
#featuredSwapable{
  position:absolute;
  left:-5000px;
}

.success{
  visibility:hidden;
  background:url(/images/success.png) no-repeat;
  padding-left:40px;
  color:#006600;
  height:20px;
  line-height:20px;
  clear:both;
}
* html .success{
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/success.png", sizingMethod='crop');
}
/* ITEM LISTS */
.rowSelected,
.rowOver{
  background: #ecfafe;
  cursor: pointer;
}
.itemList{
  clear:both;
}
.itemList li{
  padding-bottom:10px;
}
.listItemImage{
  float:left;
  width:65px;
  text-align:center;
  margin-bottom:10px;
}
.listItemImageXSmall{
  float:left;
  width:30px;
  text-align:center;
}
.listItemImageSmall{
  float:left;
  width:60px;
  text-align:center;
}
.listItemTitle{
  padding-right:65px;
  margin-bottom:10px;
}
.listItemContent{
  font-size:12px;
  color:#333366;
}
.mediaIcon{
  position: absolute;
}
.mediaIcon a{
  background: url(/images/mediaReel.png);
  height: 55px;
  left: 60px;
  position: absolute;
  text-indent: -9999px;
  top: 50px;
  width: 55px;
}

/* END ITEM LISTS */
.leftArrow, .leftArrow:hover,
.leftArrowHover{
  float:left;
  font-size:30px !important;
}
.rightArrow, .rightArrow:hover,
.rightArrowHover{
  float:right;
  font-size:30px !important;
}
.newDiscussion{
  background-color:#D3D3DD;
}
.newDiscussionLabel{
  color:#C60;
}
.magCursor{
  cursor:url(/images/icons/magnifycursor.cur),pointer;
}
.hover{
  background-color:#D3D3DD;
}
#adminMenu ul{
  list-style-type:none;
}
#adminMenu li{
  display:inline;
}
#adminMenu{
  padding:10px;
}
.editContentAdmin{
  float:right;
  background-color: #eeeeee;
  border:1px solid #c0c0c0;
  width:95px;
  height:25px;
  text-align:center;
  padding-top:10px;
  margin-top:2px;
  margin-bottom:12px;
}
.editContentAdmin a{
  color: #cc6600;
}
.widgetCustomizeLink{
  text-align:center;
  margin-right:10px;
}
.widgetCustomizeLink a{
  font-size: 18px;
}
.bottomLineAdvert{
  border-bottom:1px solid #CCC;
  margin:5px;
}


/* hide flash and iframes */
.hideFlash object,
.hideFlash iframe,
.hideFlash embed,
.hideFlash .dfp728x90,
.hideFlash .dfp300x250,
.hideFlash #sm_pushdown{
  visibility: hidden !important; /* some adverts set inline visibility */
}
.hideFlash .dfp728x90 table{
  display: none; /* some adverts insist on setting z-index: 99999999 */
}
/* Don't need to hide media controls.
 * In IE7 they don't come back when the search
 * modal is closed. */
.hideFlash iframe.mediaControl,
.hideFlash #shareThis iframe,
/* ishare doesn't have flash */
.hideFlash #ishare,
.hideFlash #mediaResultsContainer object,
.hideFlash #mediaResultsContainer embed,
.hideFlash .bd object,
.hideFlash .bd embed,
.hideFlash .bd iframe,
.hideFlash .shPopWindow object,
.hideFlash .shPopWindow embed,
.hideFlash #fb-root iframe{
  visibility: visible !important;
}


a#findFriends{
  float:right;
  margin:-15px 10px 0 0;
  font-size:10px;
  font-weight:normal;
}
#mastheadAd{
  float: right;
  margin-bottom: 10px;
}
.wideAd{
  text-align:center;
}
.topContent{
  clear:both;
}
.localtime{
  display:none;
}
.legend{
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.new{
  font-weight:bold;
  color:#f60;
}
li.new{
  background-color:#ECFAFE;
  margin-bottom:5px;
}
.full{
  display:none;
}
}
.cut{
  cursor:pointer;
}
.editContainer{
  display:block;
}
.moreLess{
  cursor:pointer;
}


.editLink{
  background: url(/images/icons/pencil.png) no-repeat;
  padding-left: 17px;
}
.bareMenu li a.editLink{
  background: url(/images/icons/pencil.png) no-repeat 0 4px;
  text-indent: 14px;
}


.recentAds{
  width:200px;
  height:90px;
  margin-bottom:15px;
}


#noListings{
 clear:both;
 padding:30px 0 150px;
 text-align:center;
}
.friendList li{
  border-width: 0 0 1px 0;
  clear: left;
}
.ajaxAdd,
.ajaxEdit,
.ajaxReply,
.deleteX,
.jsReady{
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.js .ajaxAdd,
.js .ajaxEdit,
.js .ajaxReply,
.js .deleteX,
.js .jsReady{
  opacity: 1;
  filter: alpha(opacity=100);
}


/* Profile cards */
.profileCards{
  clear: both;
}
.profileCards li{
  border: 1px solid #ccc;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 5px;
  min-height: 75px;
  overflow: hidden;
  position: relative;
  padding: 10px;
  vertical-align: top;
  width: 162px;
}
.cardAvatar{
  float: left;
  margin-right: 5px;
}
.cardInfo{
  overflow: hidden;
}
.profileCard .matchIcon{
  clear: both;
  color: #00aeef;
  font-weight: bold;
}


.joinLink{
  margin-left:3px;
  list-style:none;
  font-weight:bold;
}


#mediaSearchPreview{
  z-index:2;
}
.working{
  padding-right:35px;
  background:url(/images/working.gif) no-repeat right center;
  color:#000;
  font-size:10px;
  zoom: 1;
}
.working.over{
  padding-left:2px;
  padding-top:2px;
  padding-bottom:2px;
  position:absolute;
  background-color:#fff;
  border:1px solid #5598cc;
  z-index: 9999;
}
.loading{
  text-align:left;
  padding:2px 0 2px 20px;
  background:url(/images/progress.gif) no-repeat;
}
/* ie6 fixes for comment box */
* html #mainCommentWrapper #id_content{
  width:370px;
}
* html #mainCommentWrapper{
  height:108px;
  overflow:visible;
}
* html .joinDiscussionCallLoggedOut{
  left:68px;
}
* html .joinDiscussionCallLoggedIn{
  left:76px;
}

/* Provider Selector */
#providerSelector{
  margin: 0 auto;
  width: 540px;
}
#shareForm #providerSelector p{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
#providerSelector .mailIcon{
  margin: 10px 0;
  color:#000;
}
#providerSelector .buttons{
  text-align:center;
}
#providerSelector button{
  /* #yahoo and defaults */
  background: url(/images/importerSprite.png) no-repeat 5px 50%;
  border: 1px solid #999;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  cursor: pointer;
  height: 87px;
  outline: 0;
  margin: 5px 14px;
  width: 87px;
}
#providerSelector button#aol{
  background-position: -74px 50%;
}
#providerSelector button#gmail{
  background-position: -155px 50%;
}
#providerSelector button#microsoft{
  background-position: -235px 50%;
}
#providerSelector button:focus,
#providerSelector button:hover,
#providerSelector .selected:hover{
  background-color: #ecfafe;
  border-color: #2ec6de;
}
#providerSelector .selected{
  background-color: #fefeec;
  border-color: #ded72e;
}
.noContent{
  clear:both;
  text-align:center;
  font-weight:bold;
}
.noContentTip{
  margin:10px 0;
}
.noContentLinks a{
  font-size:12px;
}

/* Featured Content */
.featured-sprite{
  background: url(/images/home/featured-16549.png) no-repeat;
}

.de_DE .featured-sprite{
  background-image: url(/images/i18n/de_DE/featured-16549.png);
}

.headtermCC{
  top: 150px;
  left: -3px
}

.headterm,
.headterm:visited{
  background: #036ba6;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  box-shadow: 3px 3px 3px #333;
  -moz-box-shadow: 3px 3px 3px #333;
  -webkit-box-shadow: 3px 3px 3px #333;
  top: 130px;
  left: -8px;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 15px 5px 25px;
  position: absolute;
  white-space: nowrap;
  text-transform: uppercase;
}
a.featured{
  display:block;
}
.featuredItem{
  margin-bottom: 20px;
}
.featuredImg{
  display: block;
  position: relative;
}
.featuredImg img{
  display: block;
  height: 167px;
  width: 300px;
  -ms-interpolation-mode: bicubic;
}
.featuredItem p{
  color: #333;
  font-size: 13px;
  margin: 5px 0;
}
.featuredItem.small{
  border: 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 10px;
  text-align: center;
  vertical-align: top;
  width: 125px;
}
.featuredItem.small a{
  font-size: 12px;
  font-weight: bold;
}
.featuredItem h3 a{
  font-size: 18px;
}
.featuredItem img{
  width: 100%;
  -ms-interpolation-mode: bicubic;
}
.leadVote{
  display: block;
  margin-top: 5px;
  color: white;
  height: 30px;
  line-height: 30px;
  position: relative;
  /* fallback (Opera) */
  background: #73B319;
  /* Mozilla: */
  background: -moz-linear-gradient(left, #73B319, #FFFFFF);
  /* Chrome, Safari:*/
  background: -webkit-gradient(linear,
  left top, right top, from(#73B319), to(#FFFFFF));
  /* MSIE */
  filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#73B319', EndColorStr='#FFFFFF', GradientType=1);
}
.leadVote .button{
  position: absolute;
  top: 0px;
  right: 0px;
}

.featuredDescription{
  font-size: 14px;
  color: #333;
  margin-top: 5px;
  display: block;
}

.featuredTitle{
  font-size: 16px;
  font-weight: bold;
}
.slideshowStrip{
  background: url(/images/slideshows/slideshowSprite-17697.png) repeat-x 0 -416px;
  bottom: 0;
  color: #fff;
  height: 26px;
  left: 0;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.slideshowStrip p{
  font-size: 18px;
  font-weight: bold;
  height: 22px;
  line-height: 26px;
  margin-left: 5px;
}
#slideshows{
  overflow: auto;
}
#slideshows li{
  float: left;
  height: 175px;
  margin: 5px;
  overflow: hidden;
  position: relative;
  width: 140px;
}
#slideshows .imgCrop{
  width: 140px;
  height: 140px;
}
#slideshows img{
  display: block;
  max-height: 180px;
  max-width: 180px;
  min-height: 140px;
  min-width: 140px;
  -ms-interpolation-mode: bicubic;
}
#slideshows .slideshowStrip{
  top: 114px;
}
#slideshows a{
  font-size: 12px;
  font-weight: bold;
}
#createSlideshow{
  background-position: -5px 0;
  display: block;
  height: 140px;
  width: 150px;
}
.featureDescription a.title{
  font-size: 20px;
}
.featureDescription label,
.featureDescription p,
#features a{
  font-size: 12px;
}
.featureDescription p{
  margin-bottom: 5px;
}
.featureDescription .commentsIcon,
.featureDescription .votesIcon{
  float: right;
}
.subFeature{
  width: 210px;
  float: left;
  margin: 5px;
  position: relative;
}
.subFeature img{
  padding: 5px;
  -ms-interpolation-mode: bicubic;
}
.subFeature .title{
  display: block;
  font-size: 12px;
  padding: 0 10px 10px;
  text-align: center;
}


/* Sidebar Trends (module) */
.hotTrends{
  overflow: visible; /* hack to get the topic-ribbons to break layout grid */
}
.hotTrends .item{
  margin: 5px 0;
}
.hotTrends .xlargeImage{
  background: #000;
  display: block;
  height: 185px;
  margin-top: 5px;
  overflow: hidden;
  position: relative; /* slideshowStrip */
  width: 300px;
}
.hotTrends .xlargeImage img{
  width: 100%;
  -ms-interpolation-mode: bicubic;
}
.hotTrends .itemBody{
  background: #000;
  padding: 5px;
}
.hotTrends .itemTitle a,
.hotTrends .itemTitle a:visited{
  color: #00aeef;
  font-size: 14px;
  font-weight: bold;
}
.hotTrends .details{
  display:block;
  width:100%;
  position:relative;
}
.hotTrends .details .commentsIcon{
  display:block;
  float:right;
  position:absolute;
  right:0;
  bottom:0;
}
.hotTrends .itemTitle a:hover{
  color: #ff0000;
}
.hotTrends .viewMore{
  border-top: 0;
  text-align: center;
}
.hotTrends .viewMore a{
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  padding: 0 20px;
}
.hotTrends .commentsIcon{
  float: right;
}
.hotTrends label,
.hotTrends .commentsIcon{
  color: #fff;
}


/* Shims */
.shim{
  border: 0;
  height: 100%;
  opacity: 0;
  filter: alpha(style=0, opacity=0);
  position: absolute;
  width: 100%;
  z-index: -1;
}


/* DFP Containers */
.dfp728x90{
  height: 90px;
  width: 728px;
}
.dfp300x250{
  height: 250px;
  width: 300px;
}
.dfp300x600{
  height: 600px;
  width: 300px;
}
.dfp1x1{
  height: 1px;
  width: 1px;
}
.dfpDISABLED{
  background: url(/images/debug/shadeOut.gif);
  color: #fff;
  text-align: right;
}
.dfpDISABLED strong{
  margin: 5px;
  font-size: 12px;
  font-weight: 800;
  text-shadow: #333 0px 0px 10px;
}
.floatRight{
  float: right
}
.center{
  margin: 0 auto;
}


.crop75{
  width:75px;
  height:75px;
  display: block;
  overflow: hidden;
  line-height: 75px;
}
.crop75 img{
  max-width:85px;
  min-width:75px;
  min-height:75px;
  max-height:120px;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

.crop100{
  width:100px;
  height:100px;
  display: block;
  overflow: hidden;
  line-height: 100px;
}
.crop100 img{
  max-width:110px;
  min-width:100px;
  min-height:100px;
  max-height:150px;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

/*
 * Gender Age Location
 */

.GAL{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  overflow: hidden;
  display: inline-block;
  color: #333333;
}

.GALItem{
  display: inline-block;
  float: left;
  background: #ddd;
  font-size: 11px;
  padding: 2px 4px;
  margin-right:1px;
}

/* this to address cliping bug in FF */
.GALItem:first-child{
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
}
.GALItem:last-child{
  margin-right: 0;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-topright: 3px;
}

.GALItem acronym{
  border-bottom: none;
}

.genderMale{
  font-weight: bold;
  color: white;
  background-color: #1D54E4;
}
.genderFemale{
  font-weight: bold;
  color: white;
  background-color: #D92FCE;
}

.GALItem acronym{
  border-bottom: none;
}

/*
 * User Badge
 */

.userBadge.noStatus{
  margin: 7px 0 27px;
}
.userBadge{
  margin: 3px 0;
  overflow: hidden;
}

.userLevel{
  cursor: pointer;
  float: left;
  width: 40px;
  height: 40px;
  color: white;
  background-color: #036ba6;
  font-family: arial;
  text-transform: uppercase;
  text-align: center;
  font-size: 9px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-top-left-radius: 10px
  border-bottom-left-radius: 10px;
  display: block;
  height: 40px;
  border-style: solid;
  border-width: 1px 0 1px 1px;
  border-color: transparent;
}

.userLevel:hover{
  background-color: white;
  color: #036ba6;
  border-color: #ccc;
}

.userLevel span{
  display: block;
  font-family: arial black, arial;
  font-size: 22px;
}

.userGrade{
  width: 488px;
  float: left;
  line-height: 40px;
  height: 40px;
  font-size: 20px;
  color: #036ba6;
  font-family: arial;
  padding-left: 10px;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-color: #ccc;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #dfecf4;
}

.mobileRedirect a,
.mobileRedirect{
  text-align: left;
  background: red;
  color: white;
  font-size: 20px;
  padding: 10px;
}
.fbLike_box_count,
.fbLike_button_count{
  border: 0;
  height: 28px;
  margin-right: 8px;
  overflow: hidden;
}
.fbLike_button_count{
  height: 20px;
}

.fbLike_box_count{
  height: 62px;
}

/*
 * Latest From Sodahead
 */

.sodaheadPolls .imgCrop{
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 5px;
}
.imgCrop{
  display: block;
  overflow: hidden;
}

.sodaheadPolls img{
  min-height: 50px;
  min-width: 50px;
  max-height: 75px;
  max-width: 75px;
  -ms-interpolation-mode: bicubic;
}
.sodaheadPolls h4 a{
  font-size: 15px;
}
.sodaheadPolls h4{
  overflow: hidden;
}
.sodaheadPolls p{
  font-size: 13px;
  color: #333;
  margin-top: 5px;
  clear: left;
}
.sodaheadPolls li{
  margin-bottom: 15px;
}
.sodaheadPolls{
  border-bottom: 1px dashed #999;
  margin: 10px 0;
}
.sodaheadPolls.last{
  border-bottom: none;
  margin: none;
}

.contentFeaturedSurvey{
  background: transparent url(/images/survey/QuickVoteSprite.png) no-repeat 0 0;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 120px;
  height: 32px;
  z-index: 1;
  *top: 15px;
  opacity: 0.0;
  filter: alpha(opacity=0);
}

.de_DE .contentFeaturedSurvey{
  background-image: url(/images/i18n/de_DE/QuickVoteSprite.png);
}

.contentFeaturedSurvey:hover{
  background-position: 0 -52px;
  cursor: pointer;
}
.subFeature:hover .contentFeaturedSurvey,
.pageFeature:hover .contentFeaturedSurvey,
.trendingNow li:hover .contentFeaturedSurvey,
.featuredImg:hover .contentFeaturedSurvey,
.homeFeatured:hover .contentFeaturedSurvey{
  opacity: 1;
  filter: alpha(opacity=100);
  transition: opacity 0.25s;
  -o-transition: opacity 0.25s;
  -moz-transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
}

.subFeature .contentFeaturedSurvey,
.pageFeature .contentFeaturedSurvey{
  top: 5px;
  right: 5px;
}

.oddRow{
  background-color: #eee;
}

#fug{
  background: #000;
  box-shadow: 0 0 25px 25px #000;
  -webkit-box-shadow: 0 0 25px 25px #000;
  bottom: 65px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  opacity: .98;
  filter: alpha(opacity=98);
  position: absolute;
  text-align: center;
  top: 65px;
  width: 100%;
  z-index: 2147483647;
}
#fug-logo{
  left: 10px;
  position: absolute;
  top: 10px;
}
#fug-title{
  left: 300px;
  position: absolute;
  top: 10px;
}
#fug #ibafSlideshowNext,
#fug #ibafSlideshowPrev{
  margin-top: -55px;
  position: absolute;
  top: 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
  -webkit-animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
}
@-webkit-keyframes pulse{
  0%{
    opacity: 1.0;
  }
  50%{
    opacity: 0.25;
  }
  100%{
    opacity: 1.0;
  }
}
#ibafSlideshowNext,
#ibafSlideshowPrev{
  background: white url(/images/slideshows/slideshowSprite-17697.png) -3px -127px;
  height: 109px;
  margin: 0 10px;
  width: 103px;
  -moz-box-shadow: 3px 3px 3px #888;
  -webkit-box-shadow: 3px 3px 3px #888;
  box-shadow: 3px 3px 3px #888;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888');
  border: 3px solid #666;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#ibafSlideshowNext{
  background-position: -3px -237px;
}
#fug #ibafSlideshowPrev{
  left: 10px;
}
#fug #ibafSlideshowNext{
  right: 10px;
}
#fug-embed{
  bottom: 90px;
  height: 50px;
  left: 50%;
  margin-left: -200px;
  position: absolute;
  width: 400px;
}
#fug #ibafSlideshow{
  background: none;
  bottom: 0;
  display: inline-block;
  left: 50%;
  margin-left: -285px; /* li margins, also */
  position: absolute;
  width: 550px;
}
#ibafSlideshow li,
#slideshow li{
  border: 1px solid black;
  cursor: pointer;
  float: left;
  margin: 1px;
  margin-left: 12px;
  max-height: 67px;
  overflow: hidden;
  text-align: center;
  width: 76px;
}
#ibafSlideshow li img,
#slideshow li img{
  min-height: 65px;
}

/*
 * QuickVote Promo
 */
.qvPromoUnit:visited,
.qvPromoUnit{
  background-color: #5A778A;
  clear: both;
  overflow: visible;
  text-align: center;
  display: block;
  cursor: pointer;
}

.qvPromoTitle{
  position: relative;
  text-align: left;
  display: block;
  cursor: pointer;
  font-size: 22px;
  height: 31px;
  line-height: 31px;
  padding-left: 5px;
  font-weight: bold;
  background-color: #677A85;
  background-image: -webkit-linear-gradient(top, #677A85, #4C626E);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#677A85), to(#4C626E));
  background-image: -moz-linear-gradient(top, #677A85, #4C626E);
  background-image: -ms-linear-gradient(top, #677A85, #4C626E);
  background-image: -o-linear-gradient(top, #677A85, #4C626E);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#677A85', EndColorStr='#4C626E');
  color: white;
}
.qvPromoDate{
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  border-top: 1px solid #879BA5;
  background-color: #21313A;
  background-image: -webkit-linear-gradient(top, #21313A, #43555F);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#21313A), to(#43555F));
  background-image: -moz-linear-gradient(top, #21313A, #43555F);
  background-image: -ms-linear-gradient(top, #21313A, #43555F);
  background-image: -o-linear-gradient(top, #21313A, #43555F);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#21313A', EndColorStr='#43555F');
  text-align: center;
  padding: 2px;
  color: white;
}
.qvPromoQuestion{
  float: left;
  margin: 10px 3px 10px;
}
.qvPromoDate cite{
  font-weight: bold;
}

.qvPromoQuestions{
  display: inline-block;
}

.qvPromoLink{
  width: 50px;
  height: 50px;
  display: block;
  border: 1px solid white;
  background-color: white;
}

.qvPromoTitle .checkmark{
  display: inline-block;
  padding: 2px 0 2px 16px;
  background-position: 0 -2689px;
}
.contentFeaturedSurvey.nohover:hover,
.contentFeaturedSurvey.nohover{
  background-position: 0 0;
  opacity: 1;
  filter: alpha(opacity=100);
}

.highlight:hover{
  box-shadow: 0 0 5px 1px #ccc;
  *background-color: #f5f5f5;
}
.searchError{
  padding: 20px 10px;
  margin: 10px 5px;
  background: #CCC;
  border-radius: 5px;
}
.searchError h2{
  font-size: 16px;
  margin-bottom: 10px;
}
.searchError p{
  font-size: 16px;
}

/*
 * Bucket Manager
 */

#bucketManagerShowButton{
  position: absolute;
  top: -30px;
  right: 25px;
  padding: 0 10px;
  color: white;
  border: 4px solid #ccc;
  border-bottom: 0;
  background-color: #222;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
#bucketManagerShowButton:hover{
  background-color: #2E749B;
}

#bucketManagerContainer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 30px;
  min-height: 0px;
  z-index: 6;
}
#bucketManagerFormContainer{
  position: absolute;
  top: 0px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background-color: white;
  background-color: rgba(255,255,255, .9);
  border: 4px solid #ccc;
  visibility: hidden;
  overflow: auto;
}
.bucket-manager-bucket{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 200px;
  margin: 5px;
  border: 4px solid #ccc;
  vertical-align: top;
}

.bucket-manager-bucket li{
  background-color: white;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
}
.bucket-manager-bucket h2{
  background: #333;
  text-align: center;
  font-weight: bold;
  color: white;
  height: 25px;
  line-height: 25px;
}

.bucket-manager-bucket .add-to-bucket{
  display: none;
  background-color: #2E749B;
  cursor: pointer;
  height: 25px;
  line-height: 25px;
}

.bucket-manager-bucket h2:hover span{
  display: none;
}

.bucket-manager-bucket h2:hover .add-to-bucket{
  display: block;
}

.bucket-manager-bucket li .item-controls{
  display: none;
}

.bucket-manager-bucket li .item-controls div{
  display: inline-block;
  *display: inline;
  zoom: 1;
  height: 25px;
  line-height: 25px;
  width: 66px;
  border-right: 1px solid white;
  background-color: #1C4861;
  color: white;
  cursor: pointer;
}
.bucket-manager-bucket li .item-controls div.remove{
  border: 0;
  background-color: #810606;
}

.bucket-manager-bucket li .item-controls div:hover{
  background-color: #2E749B;
}

.bucket-manager-bucket li .item-controls div.remove:hover{
  background-color: #BD0B0B;
}

.bucket-manager-bucket li:hover .item-controls{
  display: block;
}
.bucket-manager-bucket li:hover span{
  display: none;
}

.bucket-manager-bucket li.top-item{
  background: #FFFFCD;
}

/*
 * Permalink
 */
#d_clip_container{
  position: absolute;
  background: white;
  box-shadow: 2px 2px 2px #888;
  z-index: 5;
  border: 1px solid gray;
}

#d_clip_button{
  padding: 5px;
}

/*
 * NewsMax
 */
#NmWgList{
  padding: 0!important;
}
#NmWgList a{
  font-size: 13px;
  font-weight: bold;
}
#NmWgList a:hover {
  color: #ff0000 !important
}
.homepage #NmWgList a{
  font-weight: normal;
}

.warning{
  margin: 20px;
  padding: 5px 5px 5px 50px;
  border: 1px solid #ffb63b;
  font-weight: bold;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  background: #fffbe1 url(/images/warning.png) 5px 50% no-repeat;
  line-height: 36px;
  min-height: 36px;
}
.warning a,
.warning a:visited,
.warning a:hover {
  font-size: 12px;
}

.warning strong{
  color: black;
}
.ravesContainer{
  float: right;
  position: relative; /* contain ravesTip */
}
.unRavedDown{
  cursor: pointer;
}
.unRavedUp{
  cursor: pointer;
}
.ravesLabel{
  background: #fffffd;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fffffd), to(#c9c9c9));
  background: -moz-linear-gradient(top, #fffffd, #c9c9c9);
  border: 1px solid #7d7e80;
  border-right: 0;
  color: #434240;
  display: inline-block;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-right: 5px;
  padding: 0 4px;
  position: relative;
  vertical-align: middle;
}
.ravesIconLabel{
  font-weight: bold;
  margin: 0 7px; /* mac firefox 3.6 fucks up with 8 or more */
}
.ravesLabel .chubchik{
  background: url(/images/icons-19881.png) 0 -2016px;
  position: absolute;
  height: 18px;
  right: -3px;
  top: 0;
  width: 4px;
}
a.ravesLabel:hover{
  text-decoration: none;
}
.ravesTip{
  font-size: 12px;
  position: absolute;
  right: -10px;
  top: 22px;
  width: 290px;
}
.ravesTip .inner{
  background: #fff url(/images/modal/bigthumb.png) no-repeat 10px 50%;
  border: 1px solid #e2e2e2;
  padding: 5px 5px 5px 65px;
}
.ravesPointy{
  background: url(/images/modal/pointy.png) no-repeat 100% 0;
  height: 10px;
  position: absolute;
  right: 0;
  top: -9px;
  width: 100%;
}
.ravesTip p{
  margin: 10px;
}
.ravesTip .deleteX,
.ravesTip .ravesTipAdd{
  float: right;
}
.ravesTip .authorFollowingIcon{
  background-position: 0 -2553px;
  color: #0A0;
  float: right;
  font-size: 12px;
  font-weight: bold;
}
.ravesContainer{
  padding-left: 10px;
}

/* Snapshot (Summary) Raves */
#discussionInfo .unRavedDown,
#summaryStats .unRavedDown{
  display: block;
}
#discussionInfo .unRavedUp:hover,
#summaryStats .unRavedUp:hover{
  background-position: 0 -73px;
}
#newb{
  bottom: 0;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 3;
}
.newb .mail, /* masthead */
.newb .happenings, /* masthead */
#newbBar,
#newbStatics,
#newbSlider{
  background: #fff;
  background: -moz-linear-gradient(90deg, #fff, #ddd);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ddd));
}
#newbBar{
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-top: 1px solid #999;
  height: 25px;
  margin: 0 15px;
  width: auto;
}
#newbStatics,
#newbSlider{
  border: 0 solid #999;
  color: #333;
  font-size: 11px;
  margin-top: -1px;
}
#newbBar.closed{
  background: none;
  border: 0;
}
.closed #levelBar,
.closed #levelNotice{
  display: none;
}
#newbBar.closed,
.closed #newbSlider{
  float: right !important;
}


/* Sections -- counts */
#newbStatics{
  border-width: 1px 1px 0 0;
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  float: right;
}
.newb .groups,
.newb .happenings,
.newb .mail,
.newb .questions,
#sodaFeedWrap{
  border-left: 1px solid #999;
  color: #333;
  display: inline-block;
  font-size: 11px;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
}
.newb .new{
  background: #f9991d;
  font-weight: normal;
}
#sodaFeedWrap{
  padding: 0;
}
.newb .count{
  font-size: 14px;
  font-weight: bold;
}
#newb .mail{
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#newb .icon{
  display: inline-block;
  height: 21px;
  background: url(/images/icons-19881.png) no-repeat;
  width: 25px;
  vertical-align: middle;
}
#newb .groups .icon{
  background-position: 0 -1579px;
}
#newb .questions .icon{
  background-position: 0 -1699px;
}


/* Section Tips (on hover) */
#newb .tipWrap{
  background: url(/images/icons-19881.png) no-repeat center -1742px;
  display: block;
  padding-bottom: 18px;
  visibility: hidden;

  bottom: 16px;
  position: absolute;
}
#newb .questions .tipWrap{
  left: -55px;
}
#newb .groups .tipWrap{
  left: -15px;
}
#levelBar:hover .tipWrap,
#newb a:hover .tipWrap{
  visibility: visible;
}
#newb .tipText{
  background-color: #000;
  box-shadow: #000 0 0 3px;
  -moz-box-shadow: #000 0 0 3px;
  -webkit-box-shadow: #000 0 0 3px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #fff;
  display: block;
  font-weight: bold;
  height: 12px;
  padding: 8px;
  white-space: nowrap;
}


/* SodaFeed */
#sodaFeedLink{
  display: inline-block; /* contain .popTrigger border */
  width: 75px;
}
#newb #sodaFeedLink.open{
  background: #fff;
  border-color: #999;
  border-top: 0;
  padding-top: 5px;
  position: relative;
  top: -5px;
}
#newb .popTrigger{
  cursor: pointer;
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
}
#newb .triggerIcon{
  float: right;
  display: inline-block;
  margin-left: 5px;
}
#sodaFeedContainer{
  background: #fff;
  bottom: 30px;
  display: none;
  position: absolute;
  width: 275px;
  z-index: 4;
}
#sodaFeedHeader{
  background: #333;
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 15px;
  line-height: 15px;
  margin: 1px;
  padding: 5px;
}
#sodaFeedClose{
  display: block;
  float: right;
}
#sodaFeedClose:hover{
  cursor: pointer;
  color: #00aeef;
}
#sodaFeedBody{
  display: block;
  height: 340px;
  overflow-y: auto;
}
#newb .itemImage{
  position:static;
  height:35px;
  width:35px;
  margin-left:10px;
  clear:left;
  border:3px solid #fff;
}
#newb .itemImage img{
  height:35px;
  width:35px;
}
#sodaFeedBody .item{
  padding:5px 0;
  border-bottom:1px dashed #ccc;
  overflow:hidden;
}
#sodaFeedBody .details{
  margin-left:55px;
}
#sodaFeedBody .moreLink{
  text-align: right;
  padding-right: 10px;
}


/* Level Bar and Notices */
#levelBar,
#levelNotice{
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  left: 40px;
  line-height: 25px;
  position: absolute;
}
#levelNotice{
  font-weight: normal;
  opacity: 0;
}
#pointsBar{
  background: #181818;
  background: -moz-linear-gradient(90deg, #181818, #3a3a3a);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#181818), to(#3a3a3a));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#181818, endColorstr=#3a3a3a);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#181818, endColorstr=#3a3a3a)";
  border: 1px solid #181818;
  color: #fff;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 9px;
  margin: 0 10px;
  width: 180px;
}
#pointsBarProgress{
  background: #009eeb;
  background: -moz-linear-gradient(90deg, #009eeb, #027cb7);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#009eeb), to(#027cb7));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#009eeb, endColorstr=#027cb7);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#009eeb, endColorstr=#027cb7)";
  display: block;
  height: 100%;
}


/* Collapse Button */
#newbSlider{
  border-width: 1px 0 0 1px;
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  float: left;
  height: 25px;
  line-height: 25px;
  width: 25px;
}
.newbSlider{
  background: #aaa;
  background: -moz-linear-gradient(0, #fff, #aaa);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#fff), to(#aaa));
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#ffffff, endColorstr=#aaaaaa);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#ffffff, endColorstr=#aaaaaa)";
  border: 1px solid #999;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  cursor: pointer;
  float: left;
  height: 18px;
  line-height: 18px;
  margin: 3px 5px 0 -2px;
}
.newbSlider:hover{
  background: #aaa;
  background: -moz-linear-gradient(0, #aaa, #333);
  background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#aaa), to(#333));
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#aaaaaa, endColorstr=#333333);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr=#aaaaaa, endColorstr=#333333)";
}
body.theme-bubbles{
  background: #175c83 url(/images/background/bubbles/bubbles.png) repeat-y center top;
}
#themeModal .bubbles{
  background: url(/images/background/bubbles/preview.png);
}

body.theme-clouds{
  background:#86c9ef url(/images/background/clouds/footerGrass.png) no-repeat center bottom;
}
.theme-clouds #innerWrap{
  background: url(/images/background/clouds/clouds.png) no-repeat center top;
}
#themeModal .clouds{
  background: url(/images/background/clouds/preview.png) no-repeat center top;
}

body.theme-bubbles2{
  background: #D1DFE8; /* to  #9CB3C1 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1DFE8', endColorstr='#9CB3C1'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#D1DFE8), to(#9CB3C1)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #D1DFE8,  #9CB3C1); /* for firefox 3.6+ */
}

.theme-bubbles2 #outerWrap{
  background: transparent url(/images/background/bubbles2/bubbles.png) no-repeat center 40px;
}

#themeModal .bubbles2{
  background: url(/images/background/bubbles2/preview.png);
}


body.theme-black{
  background: #000;
}

body.theme-rave{
  background: #000 url(/images/background/rave/inner.png) repeat-x;
}
#themeModal .rave{
  background: url(/images/background/rave/preview.png);
}

body.theme-slate{
  background:#ccf url(/images/background/slate/inner.png) repeat-x left top;
}
#themeModal .slate{
  background: url(/images/background/slate/preview.png) no-repeat center top;
}

body.theme-ocean{
  background:#fff url(/images/background/ocean/inner.png) repeat-x left top;
}
#themeModal .ocean{
  background: url(/images/background/ocean/preview.png) no-repeat center top;
}

body.theme-orange{
  background:#ffc url(/images/background/orange/inner.png) repeat-x left top;
}
#themeModal .orange{
  background: url(/images/background/orange/preview.png) no-repeat center top;
}

body.theme-gray{
  background:#ccc url(/images/background/gray/inner.png) repeat-x left top;
}
#themeModal .gray{
  background: url(/images/background/gray/preview.png) no-repeat center top;
}

body.theme-pink{
  background:#fcf url(/images/background/pink/inner.png) repeat-x left top;
}
#themeModal .pink{
  background: url(/images/background/pink/preview.png) no-repeat center top;
}

body.theme-green{
  background:#cfc url(/images/background/green/inner.png) repeat-x left top;
}
#themeModal .green{
  background: url(/images/background/green/preview.png) no-repeat center top;
}

body.theme-purple{
  background:#fcf url(/images/background/purple/inner.png) repeat-x left top;
}
#themeModal .purple{
  background: url(/images/background/purple/preview.png) no-repeat center top;
}

body.theme-classic{
  background:#ccc;
}
#themeModal .classic{
  background: #ccc;
}
body.theme-sodaWorld{
  background:#86c9ef url(/images/background/sodaWorld/bottom.png) no-repeat center bottom;
}
.theme-sodaWorld #innerWrap{
  background: url(/images/background/sodaWorld/clouds.png) no-repeat center top;
}
#themeModal .sodaWorld{
  background: url(/images/background/sodaWorld/preview.png) no-repeat center top;
}
.theme-gray #footer label,
.theme-pink #footer label,
.theme-orange #footer label,
.theme-purple #footer label,
.theme-slate #footer label,
.theme-green #footer label,
.theme-ocean #footer label{
  color: #00aeef;
}
#themeModal .bd{
  padding:10px;
}
.themeList{
  display:inline-block;
  overflow:hidden;
}
.themeList{
  display:block;
  margin-bottom:10px;
  border-bottom:1px solid #ccc;
  padding-left:25px;
}
.themeList li{
  float:left;
  width:85px;
  height:105px;
  margin-top:10px;
  margin-right:25px;
  padding-top:10px;
  border:1px solid transparent;
  border-radius:8px;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  cursor:pointer;
}
.themeList li.selected{
  border-color:#ded72e;
  background:#fefeec;
}
.themeList li:hover{
  border:1px solid #2ec6de;
  background:#ecfafe;

}
.themeList li p{
  text-align:center;
}
.themeList li div{
  width:65px;
  height:65px;
  margin:0 auto;
  border:3px solid #ccc;
}
.addFriendIcon,
.addMedia,
.arrowIcon,
.articleIcon,
.backgroundPicker,
.bigChupchik,
.byEmailIcon,
.blockIcon,
.buzzIcon,
.checked,
.checkedIcon,
.checkedTransparentIcon,
.checkmark,
.chupchick,
.commentsIcon,
.deleteX,
.defaultAlbumIcon,
.defaultThemeIcon,
.diggIcon,
.editIcon,
.facebookIcon,
.followingIcon,
.friendIcon,
.topFriendIcon,
.authorFollowingIcon,
.authorFriendIcon,
.graphIcon,
.googleIcon,
.matchIcon,
.maxIcon,
.menuIcon,
.minIcon,
.myspaceIcon,
.permalink,
.pollsIcon,
.previewIcon,
.questionmarkIcon,
.ravedUp,
.ravedDown,
.ravesIcon,
.redditIcon,
.replyIcon,
#resizeHandle,
.resizeHandle,
.rssIcon,
.yui-ac-input,
.searchIcon,
.selectHandle,
.selectHandleIcon,
.showParent,
.slideIn,
.slideOut,
.slideshowIcon,
.headtermCC,
.sodaheadIcon,
.sodaheadIcon2,
.sodaheadIcon3,
.sodaheadIcon4,
.sodaheadIcon5,
.stumbleuponIcon,
.triggerIcon,
.tvIcon,
.twitterIcon,
.uncheckedIcon,
.unRavedDown,
.unRavedUp,
.votesIcon,
.compareIcon,
.widgetIcon,
.mailIcon,
.questionBubbleIcon,
.infoEditIcon,
.newGroupIcon,
.newPollIcon,
.groupIcon,
.newWindowIcon,
.hideToggleTrue,
.hideToggleFalse,
.lockIcon,
.orangeDeleteIcon,
.downArrowIcon,
.rightArrowIcon,
.demographicIcon,
.lightningReportIcon,
.previousIcon,
.roundDownArrowIcon,
.roundUpArrowIcon,
.nextIcon,
.previousIcon,
.flag-de,
.flag-es,
.flag-us,
.yahooIcon{
  background: url(/images/icons-19881.png) no-repeat;
  display: block;
  font-size: 11px;
  height: 14px;
  padding: 2px 0 2px 20px;
}
.groupIcon{
  background-position: 0px -1580px;
  height: 16px;
  padding-left: 24px;
}
.newGroupIcon{
  background-position: 0 -2790px;
  height: 16px;
  padding-left: 27px;
}
.newPollIcon{
  background-position: 0 -2826px;
  padding-left: 27px;
}
.addFriendIcon{
  background-position: 0 -1020px;
  padding-left: 22px;
}
.addMedia{
  background-position: 0 -2656px;
}
.arrowIcon{
  background-position: 85% -2401px;
  padding: 0 20px 0 0;
}
.articleIcon{
  background-position: 0 -257px;
}
.backgroundPicker{
  background-position: 0 -2621px;
}
.blockIcon{
  background-position: 0 -1132px;
}
.buzzIcon{
  background-position: 0 -455px;
}
.byEmailIcon{
  background-position: 0 -342px;
}
.bigChupchik{
  background-position: 0 -2432px;
  height: 53px;
  left: 0;
  padding: 0;
  position: absolute;
  top: -18px;
  width: 19px;
  *margin-left:2px
}
.checkedIcon{
  background-position: 0 -464px;
}
.checkmark{
  background-position: 0 -2685px;
}
.chupchick{
  background: transparent url(/images/cksprite.png) no-repeat 0 0 scroll;
  left: 75px;
  padding:0;
  height:12px;
  margin:0;
  width:10px;
  position: absolute;
  z-index:1;
}
.commentsIcon{
  background-position:1px -1858px;
}
.compareIcon{
  background-position: 0 -1246px;
}
.deleteX{
  background-position: 0 -1985px;
  cursor: pointer;
  float: right;
  padding-left: 17px;
}
.deleteX:hover{
  background-position: 0 -1964px;
}
.diggIcon{
  background-position: 0 -427px;
}
.editIcon{
  background-position: 0 -2103px;
  padding-left: 25px;
}
.editIcon:hover{
  background-position: 0 -2132px;
}
.facebookIcon{
  background-position: 0 -1309px;
  cursor: pointer;
}
.followingIcon{
  background-position: 0 -2530px;
  font-weight: bold;
  color: #0A0;
}
.authorFollowingIcon{
  background-position: -1px -2567px;
  display: inline;
}
.avatar .authorFollowingIcon,
.checked{
  background-position: -1px -2553px;
  display: block;
  visibility: hidden;
  color: #0A0;
  padding-left: 11px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: -1px;
}
.friendIcon{
  background-position: 0 -1549px;
  padding-left: 25px;
}
.authorFriendIcon,
.topFriendIcon,
.sodaheadIcon3{
  background-position: 0 -2510px;
}
.sodaheadIcon4{
  background-position: 0 -2859px;
}
.sodaheadIcon5{
  background-position: 0px -3255px;
  padding-left: 20px;
  padding-top: 30px;
}
.authorFriendIcon,
.topFriendIcon{
  display:inline;
  margin-left:2px;
}
.authorFriendIcon{
  display:inline-block;
  vertical-align:middle;
}
.graphIcon{
  background-position: 0 -568px;
  display: inline-block;
  padding-left: 30px;
}
.googleIcon{
  background-position: 0 -1340px;
  cursor: pointer;
}
.matchIcon{
  background-position: 0 -2376px;
}
.menuIcon{
  background-position: 0 -60px;
  padding-left: 12px;
}
.open .menuIcon,
.menuIcon:hover{
  background-position: 0 -82px;
}
.triggerIcon{
  background-position: 0 -96px;
  padding-left: 12px;
}
.triggerIcon:hover,
.open .triggerIcon{
  background-position: 0 -115px;
}
.maxIcon,
.minIcon{
  background-position: 0 -2242px; /* maxIcon default */
  cursor: pointer;
  float: left;
  margin-right: 5px;
  padding-left: 11px;
}
.minIcon{
  background-position: 0 -2188px;
}
.maxIcon:hover{
  background-position: 0 -2269px;
}
.minIcon:hover{
  background-position: 0 -2215px;
}
.myspaceIcon{
  background-position: 0 -1429px;
}
.permalink{
  background-position: 0 -630px;
  cursor: pointer;
  height: 3px;
}
.pollsIcon{
  background-position: 0 -230px;
}
.previewIcon{
  background-position: 0 -33px;
  display: inline-block;
  padding-left: 15px;
}
.questionmarkIcon{
  background-position: 0 -1401px;
  display: inline-block;
  padding-left: 15px;
  vertical-align:middle;
}
.mailIcon{
  background-position: 0 -343px;
}
.ravedUp,
.unRavedUp{
  height: 16px;
  display: inline-block;
  padding: 0;
  vertical-align: middle;
}
.ravesIcon,
.ravedUp{
  background-position: 0 -780px;
  display: inline-block;
  padding-left: 18px;
  vertical-align: middle;
}
.ravedDown{
  background-position: 4px -316px;
}
.unRavedUp{
  background: #7accfe;
  background: -moz-linear-gradient(top, #7accfe, #4ba7e1);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#7accfe), to(#4ba7e1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7accfe, endColorstr=#4ba7e1);
  border: 1px solid #628cac;
  border-radius: 2px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.unRavedUp:hover{
  background: #fff;
  color: #4ba7e1;
}
.unRavedDown{
  background-position: 4px -288px;
}
.unRavedDown:hover{
  background-position: 4px -316px;
}
.redditIcon{
  background-position: 0 -511px;
}
.replyIcon{
  background-position: 0 -2161px;
  display:block;
  position:relative;
  float:left;
  padding-bottom: 1px;
  padding-top: 1px;
}
#resizeHandle,
.resizeHandle{
  background-position: right -604px;
}
.rssIcon{
  background-position: 0 -538px;
}
.yui-ac-input{
  background-position: 100% -30px;
}
.searchIcon{
  background-position: 0 -33px;
  border: 0;
  cursor: pointer;
  display: inline;
  height: 22px;
  width: 20px;
}
/*
.searchSubmit{
  background-position: 0 -1882px;
  height: 25px;
  width: 25px;
}
*/
.selectHandleIcon,
.selectHandle{
  background-position: 0 -174px;
}
.select:hover .selectHandle{
  background-position: 0 -1918px;
}
.showParent{
  background-position: 0 -1160px;
}
.showParent:hover{
  background-position: 0 -1184px;
}
* html .showParent{
  margin-left: -10px;
}
.slideIn,
.slideOut{
  margin: -1px; /* overcome parent's border */
  padding-bottom: 3px;
}
.slideIn{
  background-position: 3px -1726px;
}
.slideIn:hover{
  background-position: 3px -1787px;
}
.slideOut{
  background-position: 3px -1747px;
}
.slideOut:hover{
  background-position: 3px -1806px;
}
.slideshowIcon{
  background-position: 0 -2752px;
}
.sodaheadIcon{
  background-position: 0 -1486px;
}
.sodaheadIcon2{
  background-position: 0 -415px;
}
.stumbleuponIcon{
  background-position: 0 -483px;
}
.tvIcon{
  background-position: 0 -2722px;
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
}
.twitterIcon{
  background-position: 0 -1372px;
  cursor: pointer;
}
.uncheckedIcon{
  background-position: 0 -438px;
}
.votesIcon{
  background-position:1px -1835px;
}
a.votesIcon{
  background-position:0 -147px;
}
.widgetIcon{
  background-position: 0 -371px;
  display: inline-block;
  height: 34px;
  padding: 0;
  width: 49px;
}
.yahooIcon{
  background-position: 0 -1458px;
  cursor: pointer;
}

.pagingBottom .rssIcon{
  float: left;
  margin: 12px 0;
}

.videoIcon{
  bottom: 0;
  position: absolute;
  right: 0;
}

.questionBubbleIcon{
  background-position: 0 -1699px;
}

.infoEditIcon{
  background-position: 0 -2103px;
}
.newWindowIcon{
  background-position: 0 -2889px;
}
.orangeDeleteIcon{
  background-position: 0 -1088px;
  cursor: pointer;
  float: right;
  padding-left: 17px;
}
.downArrowIcon{
  background-position: 0 -2917px;
  padding: 2px 0 2px 9px;
}
.rightArrowIcon{
  background-position: 0 -2937px;
  padding: 2px 0 2px 9px;
}
.demographicIcon{
  background-position: 0 -2960px;
  padding: 2px 0 2px 20px;
  display: inline-block;
}
.headtermCC{
  background-position: 0 -2983px;
  position: absolute;
  bottom: 5px;
  padding: 2px 0 2px 8px;
  left: -8px;
  height: 8px;
  width: 8px;
}
.checkedTransparentIcon{
  background-position: 0 -3005px;
  padding: 0 0 0 34px;
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 13px;
}
.nextIcon{
  background-position: 2px -3052px;
  padding: 0 0 0 20px;
  height: 30px;
  display: block;
}
.previousIcon{
  background-position: 2px -3098px;
  padding: 0 0 0 20px;
  height: 30px;
  display: block;
}
.roundUpArrowIcon,
.roundDownArrowIcon{
  padding: 0 53px 0 0;
  height: 17px;
  line-height: 17px;
  display: block;
  float: right;
  margin-right: -33px;
}
.roundDownArrowIcon{
  background-position: right -3178px;
}
.roundUpArrowIcon{
  background-position: right -3144px;
}

.lockIcon,
.hideToggleFalse,
.hideToggleTrue{
  background-position: 0 -688px;
  cursor: pointer;
  height: 12px;
  padding-left: 16px;
  margin: 2px 0 0 2px;
  border-radius: 0;
  border: none;
  display: inline-block;
  text-indent: -99999px;
  width: 0;
  *width: auto;
  *display: inline;
  zoom: 1;
}
.lockIcon {
  background-position: 0 -656px;
  cursor: default;
  float: right;
}
.hideToggleFalse {
  background-position: 0 -656px;
}
.lightningReportIcon{
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: right;
  background-position: 0 -3210px;
  margin-right: 2px;
}
.defaultThemeIcon,
.defaultAlbumIcon{
  background-position: 5px -1278px;
  padding: 0 0 0 20px;
  height: 19px;
  display: block;
  font-size: 14px;
}

.flag-de,
.flag-es,
.flag-us{
  display: inline-block;
  height: 11px;
  vertical-align: bottom;
}
.flag-de{
  background-position: 0 -3384px;
}
.flag-es{
  background-position: 0 -3230px;
}
.flag-us{
  background-position: 0 -3358px;
}

.yt-video{
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.yt-video > iframe{
  left: 0;
  position: absolute;
  top: 0;
}
.yt-play{
  background: url(/images/icons/youtube_play.png);
  height: 61px;
  margin: -31px -43px 0 0;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 86px;
}
button,
input{
  vertical-align: middle;
}
input,
textarea,
#resizeContainer,
.resizeContainer,
.yui-editor-container{
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #333;
}
form label{
  vertical-align: middle;
}


/* Form Line Children */
.infoLine{
  margin: 10px 0;
  overflow: hidden;
}
.infoLine label{
  float: left;
  margin-right: 10px;
  padding-top: 3px;
  text-align: right;
  vertical-align: middle;
  width: 100px;
}
.infoLine .inputs label{
  float: none;
  padding-top: 0;
}
.inputText{
  height: 15px;
  padding: 4px;
  width: 200px;
}
.inputIdle{
  color: #ccc;
}
select.inputText{
  background-color: #fff;
  height: auto;
  width: auto;
}
.infoLine .inputs{
  float: left;
  width: 450px;
}
.infoLine .simple{
  padding: 4px 0;
}


/* Auto Grow Textarea */
.autoGrow{
  margin-bottom: 5px;
  height: 60px;
  padding: 3px;
  resize: none;
  width: 98%;
  word-wrap:break-word;
}


/* Resize Container (Form) */
#resizeContainer,
.resizeContainer{
  margin-bottom: 5px;
}
#resizeContainer textarea,
.resizeContainer textarea{
  border: 0;
  height: 48px;
  margin-bottom: 0;
  padding: 4px;
  resize: none;
  width: 98%;
}
#resizeHandle,
.resizeHandle{
  cursor: se-resize;
  height: 12px;
  padding: 0;
}
.addMedia{
  float: right;
  text-align: right;
}


/* Buttons */
.button,
.button:active,
.button:visited,
/* Graphic Buttons */
.ajaxReply,
button.fbConnectPopup,
button.googConnectPopup,
button.fbConnect,
button.googConnect,
.joinButton,
.quitButton,
.replyLink,
.tinyButton,
.noBgButton,
button.twtConnectPopup,
button.yConnectPopup,
button.twtConnect,
button.yConnect{
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  outline: none;
  -moz-outline-style: none;
  text-decoration: none; /* when anchors */
  text-shadow: 1px 1px 1px rgba(100,100,100,.6);
}
a.button:hover,
a.button:visited{
  color: #fff;
}
.ajaxReply,
.replyLink{
  *width:50px;
}
.button,
.quitButton,
.tinyButton{
  background: #ffae46;
  background: -moz-linear-gradient(90deg, #ffae46, #f9991d, #ffae46);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffae46), color-stop(33%, #f9991d), to(#ffae46));
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  *padding: 0 5px;
  text-align: center;
}
.button:hover{
  background: #f9991d;
  background: -moz-linear-gradient(90deg, #f9991d, #ffae46, #f9991d);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9991d), color-stop(33%, #ffae46), to(#f9991d));
}
/* Quit Button */
.quitButton{
  background: #bfbfbf;
  background: -moz-linear-gradient(90deg, #bfbfbf, #ececec, #bfbfbf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), color-stop(33%, #ececec), to(#bfbfbf));
  color: #000;
}
.quitButton:hover{
  background: #ececec;
  background: -moz-linear-gradient(90deg, #ececec, #bfbfbf, #ececec);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), color-stop(33%, #bfbfbf), to(#ececec));
  color: #000;
}
/* Tiny Button */
.tinyButton{
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px 2px 4px;
  font-weight: normal;
}
.noBgButton{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.commentBody .tinyButton{
  opacity: 0;
  filter: alpha(opacity=0);
  min-width: 50px;
}
.commentBody:hover .tinyButton{
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Share / Widget Buttons */
.shareButton,
.widgetButton{
  background: #fff;
  border: 1px solid #f78a00;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff !important;
  display: block;
  padding: 0 2px;
  text-align: center;
  width: 60px;
  text-shadow: 1px 1px 1px rgba(100,100,100,.6);
}
.shareButton{
  background: #f4ab45;
  background: -moz-linear-gradient(top, #f4ab45, #f89315);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f4ab45), to(#f89315));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4ab45, endColorstr=#f89315);
  border-color: #f78a00;
}
.widgetButton{
  background: #83dfff;
  background: -moz-linear-gradient(top, #83dfff, #09b1f0);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#83dfff), to(#09b1f0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#83dfff, endColorstr=#09b1f0);
  border-color: #25b7f7;
}
.shareButton:hover{
  background: -moz-linear-gradient(top, #f89315, #f4ab45);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f89315), to(#f4ab45));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f89315, endColorstr=#f4ab45);
}
.widgetButton:hover{
  background: -moz-linear-gradient(top, #09b1f0, #83dfff);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#09b1f0), to(#83dfff));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#09b1f0, endColorstr=#83dfff);
}


.blueButton{
  background: #7bccfe;
  background: -moz-linear-gradient(top, #7bccfe, #49a7e1);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7bccfe), to(#49a7e1));
  border: 1px solid #628cac;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
}
a.blueButton:focus,
.blueButton:focus{
  box-shadow: inset 0 0 5px #fff;
  -moz-box-shadow: inset 0 0 5px #fff;
  -webkit-box-shadow: inset 0 0 5px #fff;
}
a.blueButton:hover,
.blueButton:hover{
  background: #fff;
  box-shadow: inset 0 0 3px #7bccfe;
  -moz-box-shadow: inset 0 0 3px #7bccfe;
  -webkit-box-shadow: inset 0 0 3px #7bccfe;
  color: #4daae3;
}


.greyButton{
  background: #ddd;
  background: -moz-linear-gradient(top, #ddd, #ccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#ccc));
  border: 1px solid #bbb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
}
a.greyButton:focus,
.greyButton:focus{
  box-shadow: inset 0 0 5px #fff;
  -moz-box-shadow: inset 0 0 5px #fff;
  -webkit-box-shadow: inset 0 0 5px #fff;
}
a.greyButton:hover,
.greyButton:hover{
  background: #fff;
  box-shadow: inset 0 0 3px #ddd;
  -moz-box-shadow: inset 0 0 3px #ddd;
  -webkit-box-shadow: inset 0 0 3px #ddd;
  color: #ccc;
}



/* Reply Button */
.ajaxReply,
.replyLink{
  font-size: 11px;
  padding: 0 5px 0 1px;
}


/* Graphic Buttons */
button.fbConnectPopup,
button.googConnectPopup,
button.twtConnectPopup,
button.yConnectPopup,
button.fbConnect,
button.googConnect,
button.twtConnect,
button.yConnect{
  background: url(/images/buttons-12100.png) center 0;
  height: 26px;
  line-height: 22px;
  width: 194px;
}
.de_DE button.fbConnectPopup,
.de_DE button.twtConnectPopup,
.de_DE button.yConnectPopup,
.de_DE button.fbConnect,
.de_DE button.twtConnect,
.de_DE button.yConnect{
  background-image: url(/images/i18n/de_DE/buttons-12100.png);
}

button.googConnectPopup,
button.googConnect{
  background: #f9f9f9;
  background: -moz-linear-gradient(top, #f9f9f9, #eee);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#eee));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#eeeeee);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #000;
  border: 1px solid #bbb;
  padding: 0 2px;
}
button.googConnectPopup .googleIcon,
button.googConnect .googleIcon{
  font-size: 13px;
}
button.twtConnectPopup,
button.twtConnect{
  background-position: center -31px;
}
button.yConnectPopup,
button.yConnect{
  background-position: center -62px;
}
form.searchForm input.searchSubmit,
form#mediaSearchForm button#searchSubmit{
  *max-width:80px;
}

/* Search Form */
.searchForm{
  overflow: hidden;
  position: relative;
  width: 660px;
}
input.searchInput{
  padding-right: 54px;
  width: 600px;
}
div#content.clearfix form#search_form.searchForm input.button.searchSubmit{
  width:51px;
}
.searchSubmit{
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  float: right;
  padding: 0 5px;
  position: absolute;
  right: 1px;
  top: 1px;
  line-height: 23px;
  height: 23px;
  *max-width:80px;
}

#mediaSearchForm .searchSubmit{
  height: 33px;
  line-height: 33px;
}

/* Snapshot Comment Form */
#commentsForm{
  float: left;
  width: 100%;
}


/* Comments */
.newComment{
  clear: both;
  margin: 0 5px 0 -10px;
  overflow: hidden;
  padding-left: 70px;
  padding-top: 5px;
}
* html .newComment{
  display: inline-block;
  margin-right: 10px;
}
.closeCommentAdd{
  cursor: pointer;
  margin-left: 10px;
}
.addCommentControls{
  margin-bottom: 10px;
}


/* Form Errors */
.addCommentControls .error{
  margin-top:5px;
  padding:0 10px;
  width:100%;
  float:left;
  opacity: 0;
  filter: alpha(opacity=0);
}
.error{
  background-color: #ffbfbf; /* don't use "background" */
  border: 1px solid #df7d7d;
  border-width: 1px 0;
  clear: both;
  color: #af4c4c;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 5px;
}
form .errorContainer{
  background: #ffdfdf;
  border-color: #df7d7d;
  margin-bottom: 5px;
}
.errorContainer .error{
  display:block;
  border: 0;
  margin: 0 5px 5px 5px;
}
.errorContainer .inputText{
  border-color: #df7d7d;
}
.errorContainer #resizeContainer:hover,
.errorContainer .resizeContainer:hover,
.errorContainer .inputText:focus,
.errorContainer .inputText:hover{
  border-color: #af4c4c;
}


#btn_vote,
#btnDiscussIt,
#blogComment{
  float: left;
  margin-left: 65px;
}
.defaultFormText.default{
  color: #999;
}

/*
 * Admin
 */
.adminFilterBox{
  padding: 4px;
  border: 1px solid #999;
  background-color: #eee;
  margin: 5px;
}
.adminFilterBox .button{
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
}
.adminFilterBox label{
  color: #333;
}
.adminFieldsetForm fieldset{
  padding: 5px;
  border: 2px solid #ddd;
}
.adminFieldsetForm legend{
  padding: 0 5px;
  font-weight: bold;
}
.inner{
  background: #fff;
  overflow: hidden;
  padding: 10px;
}
.middleLeft .inner{
  margin: 0 0 0 4px;
}
.middleLeft .middleRight .inner{
  margin: 0 5px 0 4px;
}
.contentBox .topLeft,
.contentBox .topRight,
.contentBox .bottomLeft,
.contentBox .bottomRight{
  background: url(/images/shadowBox.png) no-repeat;
  display: block;
  margin: 2px 0 0 -5px;
}
.contentBox .topLeft{
  background-position: top left;
  padding: 5px 0 0 5px;
}
.contentBox .topRight{
  background-position: top right;
  margin: -3px -3px 0 -1px;
  padding: 3px 5px 0 4px;
}
.contentBox .bottomLeft{
  background-position: bottom left;
  height: 6px;
  margin: -3px 1px 0 -4px;
}
.contentBox .bottomRight{
  background-position: bottom right;
  height: 6px;
  margin: 2px -2px 0 3px;
}
*:first-child+html .contentBox .bottomLeft{
  background-position: -2px 100%;
}
*:first-child+html .contentBox .bottomRight{
  height: 3px;
}
.flatTop .topLeft,
.flatTop .topRight{
  padding-top:0;
  margin-top:0;
}
.flatTop .topLeft{
  background-position: left -20px;
}
.flatTop .topRight{
  background-position: right -20px;
}
.containerHeader{
  margin:0 1px 0 4px;
  text-transform: capitalize;
}
.contentBox .middleLeft,
.contentBox .middleRight{
  background: url(/images/shadowBoxH.png) left top repeat-y;
  margin-left: -5px;
}
.contentBox .middleRight{
  background-position: right top;
  margin-left: 0;
  margin-right: -3px;
}
* html .contentBox .topLeft,
* html .contentBox .topRight,
* html .contentBox .middleLeft,
* html .contentBox .middleRight,
* html .contentBox .bottomLeft,
* html .contentBox .bottomRight{
  background: none;
  margin: 0;
  padding: 0;
}
* html .contentBox{
  padding-left:0;
}
* html .inner{
  border:1px solid #ccc;
  display: inline-block;
  margin-left:0;
  margin-right:0;
}
* html .flatTop .inner{
  border-top: 0;
}
* html .containerHeader{
  margin: 0;
  padding-left: 0;
}
#navBarBackgroundWrap{
  height: 100%;
  min-width: 990px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
#navBarBackground{
  background: #000;
  box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  height: 35px;
}
#navBar{
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
#navigation{
  margin: 0 auto;
  width: 990px;
}
#masthead{
  padding-top: 45px;
}
#logo{
  float: left;
  position: relative; /* contain bigChupchik */
  z-index: 2;
}
#logoLeft{
  display: block;
  position: relative;
  z-index: 1;
}


/* Sections */
#navScore,
#navUser,
#navHappenings,
#navAuth,
#navSearchForm,
.navMenu{
  float: right;
}
#navTopics{
  float: left;
  margin: 10px 0 10px 10px;
}
#navAuth,
#navUser,
#navSearchForm{
  margin: 5px 0 5px 10px;
}


/* Menus */
.navMenu{
  margin: 5px 0;
}
.navMenu li{
  float: left;
  position: relative; /* contain .subDrop */
}
.navMenu a{
  color: #fff;
  float: left;
  font-size: 12px;
  padding: 5px;
}
.navMenu a:hover{
  text-decoration: underline;
}
.js .menuIcon{
  visibility: visible;
}
.menuIcon{
  /* float: right doesn't play well in ie */
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  visibility: hidden;
}
.open .subDrop{
  display: block;
}
.navMenu .open{
  background: #333;
}
.open{
  opacity: 0.95;
  filter: alphat(opacity=95);
}
.subDrop{
  background: #333;
  display: none;
  position: absolute;
  right: 0;
  top: 23px;
  width: 125px;
}
#userNavMenu .subDrop{
  width: 150px;
}
.subDrop li{
  border-top: 1px dashed #ccc;
  width: 100%;
}
.subDrop li:first-child{
  border: 0;
}
.subDrop li a{
  display: block;
  padding: 5px;
}
.subDrop li a:hover{
  text-decoration: underline;
}
.menu-count{
  background: #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #000;
  display: inline-block;
  font-weight: bold;
  line-height: 14px;
  margin: 5px 2px;
  padding: 0 3px;
}
.subDrop .menu-count{
  margin: 0 5px;
}
.menu-count-warn{
  background: #ffe4c4;
}
.menu-count-alert{
  background: #f08080;
}


/* Topics */
#navTopics .topicsLabel{
  color: #f9991d;
  float: left;
  font-family: 'arial black', arial, sans-serif;
  text-transform: uppercase;
}
#navTopics .topic,
#navTopics .moreTopics{
  padding: 0 8px;
}
#navTopics .topic{
  border-right: 1px solid #fff;
}


/* Account Stuff */
#navAvatar,
#navUser .authorLink{
  display: inline-block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}
#navAvatar .avatar{
  margin-right: 5px;
  width:25px;
  height:25px;
}
#navBar .happenings,
#navBar .mail{ /* override newb.css */
  border: 0;
  margin-left: 1px;
  float: none;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  position: static;
}
#navAuthIcons{
  padding: 5px;
}
#navAuthIcons div{
  float: left;
}
#navAuth a{
  color: #f9991d;
}

/* Score stuff */
#navScore:hover{
  color: #026ba5;
  background-color: white;
}
#navScore{
  cursor: pointer;
  position: relative;
  display: inline-block;
  background-color: #026ba5;
  text-transform: uppercase;
  color: white;
  letter-spacing: 1px;
  line-height: 0em;
  margin-left: 10px;
  height: 35px;
  width: 40px;
}

#navLevel{
  position: absolute;
  top: -2px;
  display: block;
  font-size: 22px;
  font-family: arial black, arial;
  width: 40px;
  color: inherit;
  font-weight: bold;
  text-align: center;
}
#navLevelText{
  position: absolute;
  top: 23px;
  display: block;
  font-size: 9px;
  width: 40px;
  color: inherit;
  text-align: center;
}
/* Search Form */
#navSearchForm{
  width: auto;
}
#navSearchForm .searchInput{
  width: 100px;
}
#navSearchForm .searchSubmit{
  background: #bfbfbf;
  background: -moz-linear-gradient(90deg, #bfbfbf, #ececec, #bfbfbf);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), color-stop(33%, #ececec), to(#bfbfbf));
  color: #000;
  font-weight: normal;
}
#navSearchForm .searchSubmit:hover{
  background: #ececec;
  background: -moz-linear-gradient(90deg, #ececec, #bfbfbf, #ececec);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ececec), color-stop(33%, #bfbfbf), to(#ececec));
}


/* Ask It (bar) */
#askIt{
  clear: both;
  color: #333;
  margin-bottom: 10px;
  margin: 10px auto;
  text-align: center;
}
#askItInput,
#askItSubmit{
  font-size: 18px;
}
#askItSubmit,
#askItInput{
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#askItInput{
  border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  height: 24px;
  line-height: 24px; /* adjust askItLabel */
  width: 693px;
  padding:0 4px;
  border-width: 1px 0 1px 1px;
}

#askItSubmit{
  border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  height: 26px;
  line-height: 20px;
  width: auto;
  border-style: solid;
  text-transform: uppercase;
  font-size: 14px;
}


/* Categories */
#catsMenu{
  background: #2A2A2A;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  clear: both;
  overflow: hidden;
  position: relative; /* SH.modals.tutorial */
}

#catsMenu .leaderboard{
  background: #636363;
  border-style: solid;
  border-color: transparent;
  float: right;
  border: none;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  width: 102px;
}
#catsMenu a{
  border-style: solid;
  border-color: transparent;
  border: 0;
  border-right: 1px solid #444;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-transform: capitalize;
}

.navfashion{
  width: 84px;
}

.navmusic{
  width: 71px;
}

.navgames{
  width: 80px;
}

.navsports{
  width: 72px;
}

.navunited-states{
  width: 127px
}

.navfun{
  width: 118px;
}

.navliving{
  width: 70px;
}
.naventertainment{
  width: 122px;
}

.navheadline{
  width: 135px;
  border-left: 0;
}

.de_DE .navfashion{
  width: 94px;
}

.de_DE .navmusic{
  width: 81px;
}

.de_DE .navgames{
  display: none;
}

.de_DE .navsports{
  width: 82px;
}

.de_DE .navunited-states{
  width: 138px
}

.de_DE .navfun{
  width: 128px;
}

.de_DE .navliving{
  width: 80px;
}
.de_DE .naventertainment{
  width: 132px;
}
.de_DE .navheadline{
  width: 145px;
  border-left: 0;
}

#catsMenu a:hover{
  background: #3B515E;
}
#catsMenu .first{
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
}
#catsMenu .active,
#catsMenu .active:hover{
  background: #fff;
  color: #333;
  font-weight: bold;
}
#appsMenu{
  margin-left: 10px;
}
#titleToolTip{
  background: #ecfafe;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border: 1px solid #5598cc;
  color: #5598cc;
  cursor: help;
  min-height: 1em;
  padding: 5px;
  position: absolute;
  text-align: left;
  width: 275px;
  z-index: 1000;
}
.bubble {
  width:315px;
  padding:2px;
  float:left;
 }
.bubble .votesIcon{
  margin-top:0;
}

.ttAvatar{
  float: left;
  height: 100px;
  margin: 0 5px 5px 0;
  width: 100px;
  text-align: center;
  border: 1px solid #dddddd;
  background-color: #dddddd;
}

.ttUser{
  overflow:hidden;
}
.ttUser a.authorLink,
.ttUser .authorLink{
  font-size:18px;
}
.ttLocation, .ttGender{
  margin:2px 0;
}
#btc {
  z-index:5;
}
#btc.hidden{
  display:none;
}
#btc .inner{
  overflow:hidden;
  border:1px solid #ccc;
}

.bubble ul{
  border-top:1px solid #ccc;
}
#btc .stats{
  overflow: hidden;
  width: 180px;
}
.ttLevel,
.ttGrade{
  float: left;
  text-align:center;
  display: block;
  height: 43px;
}
.ttLevel:hover{
  color: #026ba5;
  background-color:white;
  border: 1px solid #ccc;
  padding: 0;
  width: 52px;
}
.ttLevel{
  text-transform: uppercase;
  color: white;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  background-color: #026ba5;
  width: 54px;
  height: 43px;
  padding-top: 2px;
  line-height: 1em;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
}
.ttGrade{
  color: #036ba6;
  font-size: 16px;
  line-height: 43px;
  border: 1px solid #ccc;
  border-left: none;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  text-align: center;
  vertical-align: medium;
  font-family: arial;
  width: 125px;
  background-color: #dfecf4;
}
.ttLevel span{
  font-size: 28px;
  font-weight: bold;
  font-family: arial black, arial;
  display:block;
  line-height: 1em;
}
.ttTop{
  padding: 10px;
  min-height: 100px;
}
#btc .original .ttTop{
  min-height: 75px;
}
ul.ttGAL {
  margin:5px 0;
  border-top: 0;
}

.ttList{
  overflow: hidden;
  background-color: #dddddd;
  border-top: 1px solid #cccccc;
}
.ttList li{
  float: left;
  padding: 5px;
  text-align: center;
}
.ttList li span,
.ttList li a{
  width:120px;
  display:block;
  font-size: 12px;
}
.ttList li:first-child{
  border-right: 1px dashed #999999;
}

#btc .original .ttList li:first-child{
  border-right: none;
}
#ttStatus .time{
  margin-left:5px;
}
#btc .original .inner{
  padding:0;
}
#btc .original .modalHeader{
  background: url(/images/gradients.png) repeat-x 0 -670px;
  height:30px;
  line-height:30px;
  color:#fff;
  text-align:center;
  font-size:13px;
  border:2px solid #fbc893;
  border-bottom:0;
  padding: 0;
}
#btc .original ul{
  border:0;
  clear:none;
}
#btc .original ul .button{
  color:#fff;
}
#btc .original .ttBody{
  overflow:hidden;
  padding:5px;
}
#btc .original .ttAvatar{
  height:75px;
  width:75px;
  margin-bottom:0;
  margin-right:15px;
}
#newHappeningsContainer{
  clear:both;
  position:absolute;
  top:43px;
}
#newHappeningsGraphicTop{
  background-color:transparent;
  background:url(/images/newHappeningMastheadBg.png) no-repeat 0 0;
  height:21px;
  width:22px;
}
#newHappeningsContainer a{
  background:transparent url(/images/newHappeningMastheadBg.png) no-repeat scroll left -19px;
  margin-top:-2px;
  color:#fff;
  float:left;
  font-size:12px;
  height:30px;
  line-height:22px;
  padding-top:8px;
  text-align:center;
  width:220px;
  font-weight:normal;
}

#newHappeningsContainer span.newHappeningsLastUpdate{
  float:right;
}
#newHappeningsContainerSmall{
  background:transparent url(/images/nhGraphicsmall.png) no-repeat top center;
  padding-top:10px;
  height:24px;
  width:140px;
  text-align:center;
}
#newHappeningsContainerSmall a{
  font-size:11px;
  color:#fff;
}
#newHappeningsContainerSmall .newHappeningsLastUpdate{
  display:none;
}
/*
.singleHappeningsImageContainer,
.multiHappeningsImageContainer{
  z-index:2;
  position:absolute;
}
*/
#newCommentNext{
  position:absolute;
}
.singleHappeningsImageContainer{
  height:100px;
  width:140px;
  background: url(/images/discuss/singleNewHappening.png) no-repeat;
  *background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/discuss/singleNewHappening.png', sizingMethod='crop');
}
.multiHappeningsImageContainer{
}
.singleHappeningsImageContainer #nextCommentTarget{
  display:block;
  height:100px;
  cursor:pointer;
}
.multiHappeningsImageContainer{
  height:135px;
  width:140px;
  background: url(/images/discuss/multiNewHappenings.png) no-repeat;
  *background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/discuss/multiNewHappenings.png', sizingMethod='crop');
  cursor:pointer;
}
.singleHappeningsImageContainer .happeningsInner{
  height:100px;
  width:140px;
  position:relative;
}
.multiHappeningsImageContainer .happeningsInner{
  height:135px;
  width:140px;
  position:relative;
}
.happeningsAd{
  position:absolute;
  left:5px;
  height:125px;
  width:125px;
}
.singleHappeningsImageContainer .happeningsAd{
  top:93px;
}
.multiHappeningsImageContainer .happeningsAd{
  top:120px;
}
.happeningsAd hr{
  height:1px;
  color:#999;
  background-color:#999;
  border:0;
  margin: 0 2px;
}

#newHappeningsPromo{
  background: url(/images/users/newHappeningsPromo.png) no-repeat 75px 0;
  height:51px;
  margin-top:14px;
  display:block;
}

* html #newHappeningsPromo{
  background:none;
  margin-left:75px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/users/newHappeningsPromo.png', sizingMethod='crop');
  cursor:pointer;
}
/* YUI Panel */
.mask{
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 3;
}
.yui-panel{
  background: #fff;
  border: 0;
}
/* See create pages for selector strengths */
.js .yui-panel .bd,
.js .yui-panel .ft,
.js .yui-panel .hd{
  background: none;
  border: 0;
  padding: 0;
}
.yui-panel .bd p{
  margin: 0;
}
.bd .outer{
  padding: 30px;
  text-align: center;
}

.emailValidation{
  padding: 5px;
}

.emailValidation,
#customURLContainer,
.yui-panel .bd .thankYou{
  text-align:center;
}
.yui-panel .loadingDiv,
.thankYou,
#blockModal .bd,
#addFriendModal .bd,
#customUrlModal .bd,
#slideshowCreate .bd,
#slideshowName .bd,
#messageModal .bd{
  padding:20px;
}
.shPopWindow .modalHeader{
  border: 0;
  padding: 0;
}
.modalButtons{
  margin-top:10px;
  text-align:center;
}

/* Dialog Modals */
.messageContainer,
.waitMessage,
.panelMiddle,
.yui-panel .ft{
  padding: 20px;
  text-align: center;
}
.modalContent{
  margin-bottom: 10px;
}
.bd button{
  margin-right: 5px;
}

/* Abuse Report */
#abuseReport p{
  margin-bottom: 10px;
}

/* Profanity Filter */
#profanityFilter{
  margin: 20px 0;
  text-align: center;
}

/* Message and Add SodaHead Modal */
.bd #messageForm,
.bd #sodaheadForm{
  text-align: left;
}
.bd #messageForm ul.profileCards,
.bd #sodaheadForm ul.profileCards{
  margin-right: 10px;
}
.bd #messageForm label,
.bd #sodaheadForm label{
  text-align: left;
}
.bd #messageForm ul,
.bd #sodaheadForm ul{
  float: left;
}
* html .bd #messageForm ul,
* html .bd #sodaheadForm ul{
  float: none;
}
.bd #messageForm .infoLine,
.bd #sodaheadForm .infoLine{
  width: 300px;
}
.bd #messageForm .infoLine.lockedForEditing{
  width: 100%;
}
.bd #messageForm #id_title{
  width: 290px;
}
.bd #messageForm textarea,
.bd #sodaheadForm textarea{
  width: 96%;
}

/* Pop Window */
.currentModalImage{
  max-width:700px;
  _width:700px;
  max-height:700px;
}
.shPopWindow .panelMiddle{
  height: 400px;
  overflow: hidden;
}
.shPopWindow .leftArrow{
  background: url(/images/modal/leftArrow.gif);
  cursor: pointer;
  height: 50px;
  visibility: hidden;
  width: 50px;
}
.shPopWindow .rightArrow{
  background: url(/images/modal/rightArrow.gif);
  cursor: pointer;
  height: 50px;
  visibility: hidden;
  width: 50px;
}
.shPopWindow .rightArrow:hover{
  background: url(/images/modal/rightArrowHover.gif);
}
.shPopWindow .leftArrow:hover{
  background: url(/images/modal/leftArrowHover.gif);
}
.shPopWindow .leftArrow,
.shPopWindow .rightArrow,
.shPopWindow .leftArrowHover,
.shPopWindow .rightArrowHover{
  position: absolute;
  top: 50%;
  margin-top: -7px;
}
.shPopWindow .leftArrow,
.shPopWindow .leftArrowHover{
  left: 0;
}
.shPopWindow .rightArrow,
.shPopWindow .rightArrowHover{
  right: 0;
}
.video img{
  display: none;
}

/* Instain Modal Box */
.shadow .underlay{
  /* override YUI styling -- especially see create page(s) modals */
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important; /* IE */

  margin: -12px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
* html .underlay{
  display: none;
}
* html #modalBox{
  border: 10px solid #666;
}
#modalContent h4,
#modalContent .infoLine{
  padding: 5px 10px;
}
.modalHeader{
  border-bottom: 1px solid #e2e2e2;
  color: #333;
  font-size: 20px;
  overflow: hidden;
  padding: 10px;
}
.modalHeader .deleteX{
  margin-top: 5px;
}
#modalBody{
  overflow: hidden;
  margin: 10px;
  position: relative; /* regModal footers */
}
#modalContent label{
  width: 55px;
}
.modalFooter{
  background: #e2e2e2;
  bottom: 0;
  left: 0;
  padding: 5px 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* connectNow */
#connectNow #modalBody{
  margin: 0;
}
#connectNow .connectNow{
  background: url(/images/modal/connect_now.png) no-repeat 10px bottom;
  padding: 10px 0 0 120px;
}
#connectNow h3{
  color: #000;
}
#connectNow li{
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  margin: 25px 0;
}
#connectNow p{
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}
#connectFooter{
  background: #3b5995;
  border-top: 1px solid #404040;
  margin-top: 10px;
  padding: 10px 0 0;
}
#connectFooterText{
  background: #627aad;
  border-top: 1px solid #1d4088;
  color: #fff;
  line-height: 30px;
  text-align: center;
}

/* loginReg / regModal (Register, Login, Forgot Password, etc) */
#regModal #modalBody{
  background: #ecfafe;
  margin: 0;
}
#modalThirdParty{
  font-size: 14px;
  background: #fff;
  height: 192px;
  border-right: 1px #e2e2e2 solid;
  float: left;
  padding: 40px 5px 5px 5px;
  width: 250px;
  position: relative;
  z-index: 5;
}
#modalThirdParty p{
  margin-bottom: 10px;
  padding-left: 10px;
  text-align: center;
}
#regModal_c #modalBody{
  padding-bottom: 27px;
}
#mergeAccount form,
#regModal form{
  visibility: hidden;
}
#regModal ul{
  float: right;
  padding: 10px 10px;
  width: 308px;
}
#modalConfirmInfoForm,
#modalLoginForm,
#modalPasswdForm{
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; /* peak out on login / password panels */
}
#modalPasswdForm ul{
  margin-top:75px;
}
#modalLoginForm ul{
  margin-top:40px;
}
#modalRegForm ul{
  margin-top:10px;
}
#modalConfirmInfoForm label{
  width: 85px;
}
#confirmEmailTip{
  color: #ccc;
  font-style: italic;
  font-weight: bold;
}
#confirmInfoAvatar{
  border: 15px #ececec solid;
  float: left;
  margin: 20px 20px 0;
}
#mergeAccount .infoLine,
#regModal .infoLine{
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#mergeAccount .errorContainer,
#regModal .errorContainer{
  background: none;
  margin: 0;
}
#mergeAccount label,
#regModal label{
  font-size: 12px;
  font-weight: bold;
  line-height: 25px; /* match .inputText and .arrowIcon */
  padding: 5px 0; /* match .inputText and .arrowIcon */
}
#mergeAccount .inputText,
#regModal .inputText{
  font-size: 12px;
  height: 25px;
  line-height: 25px; /* match label and .arrowIcon */
  padding: 2px; /* match label and .arrowIcon */
  width: 190px;
}
#regModal #modalRegForm .button{
  float: left;
}
#regModal .infoLine{
  margin: 5px 0;
}
.modalFooter a{
  font-size: 14px;
}
#regModalTOS{
  float: right;
  font-size: 12px;
  width: 225px;
}
#modalLoginForm .inputs{ /* login remember me */
  float: none;
  width: auto;
}
#modalLoginForm .inputs label{
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 0 5px;
}

/* Merge Account */
#mergeAccount #modalBody{
  margin: 0;
}
#mergeAccount ul{
  float: left;
}
#modalMergeForm{
  padding: 10px;
  overflow: hidden;
  visibility: hidden;
}
#mergeAccount p{
  margin: 5px 0;
}
#mergeAccount h3{
  font-size: 16px;
  margin: 35px 0;
}
#mergeAvatar{
  float: left;
  margin-right: 10px;
}
#dontMerge,
#doMerge{
  float: left;
  height: 150px;
  padding: 10px;
  text-align: center;
  width: 258px;
}
#dontMerge{
  border: 1px solid #e2e2e2;
  clear: left;
  margin-right: 10px;
}
#doMerge,
#doMerge a{
  background: #ecfafe;
  font-size: 12px;
}

/* Find Friends */
#ibafFindFriends{
  background: #000;
  color: #f9991d;
}
#ibafFindFriends_c .underlay{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin: 0;
}
#ibafFindFriends h2 em,
#findFriends h2 em{
  color: #f9991d;
  font-size: 25px;
  font-weight: bold;
  font-style: normal;
}
#findFriendsContinue{
  color: #f9991d;
  display: none;
  float: right;
  font-size: 14px;
}
#ibafFindFriends h2 em{
  color: #fff;
}
#ibafFindFriends h3,
#findFriends h3{
  color: #666;
  font-weight: normal;
}
#ibafFindFriends ul,
#findFriends ul{
  max-height: 370px;
  overflow: auto;
}
#ibafFindFriends .avatar,
#findFriends .avatar{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 10px;
  text-align: center;
  vertical-align: top;
}
#ibafFindFriends .avatar img,
#ibafFindFriends .avatar p,
#findFriends .avatar img,
#findFriends .avatar p{
  width: 100px;
}
#ibafFindFriends .avatar .friendImage,
#findFriends .avatar .friendImage{
  border: solid 2px #666;
  height: 100px;
  overflow: hidden;
}
#ibafFindFriends .avatar .friendName,
#findFriends .avatar .friendName{
  color: #00aeef;
  font-weight: bold;
  margin-bottom: 5px;
}
#ibafFindFriends .authorFollowingIcon,
#findFriends .authorFollowingIcon{
  background-position: -1px -2552px;
  display: inline-block;
  font-size: 12px;
}

/* Contacts Importer */
#contactsImporterForm{
  width:480px;
  margin:0 auto;
  clear: both;
  padding-top: 5px;
}
#contactsImporterForm label{
  width: 100px;
}
#contactsImporterForm label.inline{
  float: none;
  margin: 0;
  padding: 0;
}
#contactsImporterForm #id_localpart,
#contactsImporterForm #id_password,
#contactsImporterForm #id_password_placeholder{
  width: 200px;
  float:left;
}
#contactsImporterForm #placeholder_wrap{
  display:none;
  height:24px;
}
#contactsImporterForm #id_password_placeholder{
  background:#ccc;
}
#contactsImporterForm #placeholder_wrap img{
  margin-left:10px;
}
#contactsImporterForm #providerDomain{
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-left: 5px;
}
#authPassStore{
  background: url(/images/importerSprite.png) no-repeat -320px 0;
  padding-left:18px;
  height: 15px;
  float:left;
}
#findNotes p{
  margin-left:112px;
}
#contactsImporter #footerAction{
  float: right;
}
.contactsControls,
#contactsLoading{
  margin: 9px auto;
  text-align: center;
}
#contactsLoading{
  color: #f90;
  display: none;
  font-size: 20px;
  font-weight: bold;
}

/* Contacts Importer, friend(s) and invites display */
#contactsListing{
  border: 1px #e0e0e0 solid;
  height: 290px;
  overflow: auto;
}
#contactsListing .allSelect{
  background: url(/images/tableHeaderGradient.gif) repeat-x scroll 0%;
  border: 1px #e0e0e0 solid;
  border-width: 1px 0;
  clear: both;
  overflow: hidden;
  padding: 2px 5px;
}
#contactsListing .allSelect label{
  width: auto;
}
#sodaheadFriends .allSelect{
  border-top-width: 0;
}
#sodaheadFriends .avatar{
  float:left;
  margin-right:5px;
}
#contactsListing label{
  cursor: pointer;
  float: left;
  font-size: 12px;
  margin-left: 8px;
  width: 245px;
}
.sodaheadFriend,
.contactInvite{
  float: left;
  margin: 4px;
  width: 270px;
}
#contactsListing input{
  float: left;
}
#sodaheadFriends label img{
  float: left;
  margin-right: 8px;
}
#contactsListing label span{
  color: #666;
  font-size: 10px;
}

/* Share */
#shareInvite .list{
  overflow: hidden;
}
#shareInvite .itemImage{
  margin-top: 0;
  height: 66px;
  width: 66px;
}
#shareInvite .itemImage img{
  max-height: 55px;
  max-width: 55px;
}
#shareCallout{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
#shareCallout .leftArrow,
#shareCallout .rightArrow{
  background: url(/images/modal/share.gif) no-repeat -410px 0;
  width: 37px;
}
#shareCallout span{
  display: inline-block;
  float: none;
  height: 42px;
  vertical-align: top;
}
#shareCallout .rightArrow{
  background-position: -446px 0;
}
#shareIcons{
  text-align: center;
}
#shareIcons .facebookIcon,
#shareIcons .twitterIcon{
  background: url(/images/modal/share.gif) no-repeat -205px 0;
  float: left;
  height: 61px;
  line-height: 61px;
  text-align: center;
  width: 185px;
}
#shareIcons .twitterIcon{
  background-position: 0 0;
}
#shareIcons .busySignal{
  background: none;
}
#shareIcons .successSignal{
  background: url(/images/news/check.png) no-repeat 20px 50%;
}

/* Invite */
#shareInvite #subHeading{
  font-size: 11px;
  margin: 5px 10px;
}
#shareInvite #leftCol,
#shareInvite #rightCol{
  float: left;
  margin-bottom: 5px;
  width: 320px;
}
#shareInvite #leftCol{
  width: 250px;
  margin-right: 10px;
}
#leftCol .infoLine{
  width: auto;
}
#shareInvite #id_message{
  height: 170px;
  width: 96%;
}
#shareInvite #sharePollMsg{
  float: left;
  margin-top: 5px;
  width: 425px;
  text-align: left;
}


/* Tutorial wizard */
#tutorial_c .underlay{
  background-color: #036ca6;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important; /* IE */
}
/* Need to display elements, of modal, outside of block */
#tutorial,
#tutorial .bd{
  background: #f7f7f7;
  overflow: visible;
}
#tutorial .bd{
  font-size: 17px;
  font-weight: bold;
  padding: 10px;
}
.speechTail{
  background: url(/images/modal/speechTail.png);
  position: absolute;
  height: 96px;
  width: 64px;
}
.catsMenuTail{
  background-position: 100% 0;
  left: 75px;
  top: -96px;
}
.navBarTail{
  right: 200px;
  top: -96px;
}
.recommendThisTail{
  background-position: 100% 0;
  left: 50%;
  top: -96px;
}
.shareThisTail{
  background-position: 0% 0%;
  left: 2%;
  top: -96px;
}
.newbTail,
.newbHappeningsTail{
  background-position: 0 100%;
  bottom: -96px;
  right: 75px;
}
.broadcastThisTail{
  background-position: 100% 0;
  left: 0px;
  top: -96px;
}
.commentsTail{
  background-position: 100% 100%;
  bottom: -96px;
  left: 75px;
}
#tutorial .deleteX{
  float: right;
}
#tutorial h2{
  border-bottom: 1px solid #e2e2e2;
  padding: 5px;
}
#tutorial p,
#tutorial ul{
  margin: 10px;
}
#tutorialCallout{
  background: #f7f7f7;
  border: 10px solid #f9991d;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  left: -218px;
  position: absolute;
  top: 25px;
  width: 200px;
}
#calloutPoint{
  background: url(/images/modal/callout.png) 0 50%;
  height: 100%;
  position: absolute;
  right: -22px;
  width: 28px;
}
#tutorialSteps{
  overflow: hidden;
}
#tutorialSteps label{
  line-height: 38px;
}
#tutorialNext{
  float: right;
}
#tutorial .bullets li{
  background-position: 0 50%;
  line-height: 50px;
  padding-left: 15px;
}
#tutorial a.button{
  float: right;
  margin: 5px;
}
#tutorialStep{
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
  margin-right: 5px;
  overflow: hidden;
  padding: 3px;
  width: 38px;
}
#stepBars{
  background: url(/images/modal/step.png);
  height: 24px;
  width: 8px;
}
#waitDialog .waitMessage{
  padding-bottom: 20px;
  margin-bottom:10px;
  background: url(/images/loading.gif) no-repeat bottom center;
}

/* Connect Loop */
#connectLoop{
  text-align: center;
}
#connectLoop .comment h2{
  font-size: 24px;
}
#connectLoop .postContent{
  text-align: left;
}
#connectLoop .newComment{
  padding-top: 0;
  text-align: left;
}
#connectLoop .bullets{
  display: inline-block;
  width: 400px;
}
#connectLoop .bullets li{
  background-position: 0 50%;
  font-weight: bold;
  font-size: 18px;
  line-height: 24px;
  margin: 10px 0;
  padding-left: 15px;
  text-align: left;
}
#connectLoop .bullets .button,
#connectLoop .bullets .checked{
  float: right;
  margin: 0;
}

/* FB Invite */
#fbInvite #modalBody{
  margin: 0;
}

/*
 * User Stats and Level
 */
#levelModal #modalBody{
  margin: 0;
}
#levelModalMore{
  position: absolute;
  right: 50px;
  top: 15px;
}

.userLevelFooter {
  overflow: auto;
  background-color: #ccc;
}

.userLevelFooter a{
  font-size: 12px;
  white-space: nowrap;
}
.userLevelFooter div{
  float: left;
  display: block;
  text-align: center;
  padding: 5px;
  width: 170px;
  border-right: 1px #999 dashed;
}
.userLevelFooter div:last-child{
  border-right: none;
}

.userPoints {
}

.userPoints table{
  margin: 10px auto;
  border-collapse: separate;
  border-spacing: 2px;
  font-weight: bold;
  color: #666;
}

.userPoints th a:hover{
  color: red;
}
.userPoints th a{
  color: #036ba6;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.rankLine td{
  background-color: #ececec;
}

.rankLine td.rankCell{
  color: white;
  border-color: #535353;
  background: #535353 url(/images/users/crown-icon.png) no-repeat 20px 4px;
  padding-left: 25px;
  width: 60px;
  text-transform: uppercase;
}

td.pointCell{
  color: white;
  background-color: #f9991e;
  border-color: #f9991e;
  text-transform: uppercase;
}
.userPoints td{
  border: 1px solid #ccc;
  margin: 1px;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.userPoints{
  clear: both;
  margin-bottom: 10px;
  border-top: 1px solid #ccc;
}

.userLevelAvatar img{
  max-width: 75px;
}

.userLevelAvatar{
  width: 75px;
  height: 75px;
  overflow: hidden;
  line-height: 75px;
  float: left;
  margin: 5px 5px 10px 0;
}

.userLevelFooter a:last-child{
  border-right: none;
}

.userLevelDetail .userLevel:hover{
  cursor: auto;
  background-color: #036BA6;
  color: white;
}

.userLevelDetail {
  padding: 5px;
}
.userLevelDetailHeader .authorLink:visited,
.userLevelDetailHeader .authorLink{
  text-decoration: none;
  font-size: 22px;
  margin-left: 5px;
  float: left;
}

.userLevelDetail .GAL{
  float: left;
}

.userLevelDetail .userBadge {
  float: left;
  margin-left: 5px;
}
.userLevelDetail .userGrade {
  width: 380px;
}
.userLevelDetailHeader{
  overflow: auto;
}

.userLevelDetailHeader .GAL{
  margin: 5px 0 0 5px;
}

.userLevelFooter .addFriendIcon{
  background-position: 30px -1020px;
}

.userLevelFooter .byEmailIcon{
  background-position: 30px -342px;
}

/*
 * IBAF modal login
 */


.fbkRegModal{
  padding: 10px 15px;
  margin: 20px auto;
  background-color: #dddddd;
  color: #333;
  font-size: 14px;
  border: 1px dashed #999;
  width: 500px;
  text-align: center;
}

.fbkRegModal button{
  display: block;
  margin: 5px auto;
}

.fbkRegModalIframe{
  margin: 10px auto;
  width: 450px;
}

.fbkRegModalP{
  margin: 10px 0;
}


/* ibafPromo */
#ibafPromo{
  text-align: center;
}
#ibafPromoBox{
  background: #000;
  padding: 5px;
}
#_ibafPromoEmbed{
  display: block;
}
#ibafPromoEmbedDesc{
  background: #fff;
  font-size: 12px;
  margin: 5px 0 0;
  padding: 5px;
}
#ibafPromoScroll{
  color: red;
  font-size: 20px;
  margin: 10px 0;
}
#colorPickerContainer{
  height: 200px;
  width: 180px;
  position: relative;
}
.textResizer{
  float: right;
  margin: 2px;
  text-transform:capitalize;
}
.textResizer label{
    color:#fff;
}
.textResizer button{
  background: url(/images/icons-19881.png) no-repeat 0 -940px;
  border: 0;
  cursor: pointer;
  height: 17px;
  width: 17px;
}
.textResizer button:active{
  outline: 0;
  position: relative;
  top: 1px;
  left: 1px;
}
.textResizer button:hover{
  background-position: 0 -965px;
}
.largeFont .textResizer button{
  background-position: 0 -890px;
}
.largeFont .textResizer button:hover{
  background-position: 0 -915px;
}
.largeFont textarea.autoGrow,
.largeFont .comment,
.largeFont .comment a,
.largeFont .comment a:visited{
  font-size: 17px;
}

#comments .select{
  margin: 4px;
}

.votecolor{
  background: url(/images/comment-checkbox-sprite-12784.png);
  position:relative;
  height:19px;
  padding-left:25px;
  display:block;
  clear:both;
  left:56px;
  width: 569px;
  color:#fff;
  font-weight:700;
  margin-bottom:3px;
  font-size:12px;
  line-height:20px;
}

#topcomments .chupchick,
#comments .chupchick{
  left:76px;
}
.chupchick.colorbar{
  top:22px;
}
.newHappening .votecolor{
  margin-left: 6px;
}

#comments .newHappening .chupchick.colorbar{
  top: 27px;
}

.newHappening .commentBody .chupchick{
left:76px;
top:27px;
}
.commentList li{
  clear: both;
  margin-bottom: 10px;
}

.commentList li:hover .commentHeader .ravesContainer .unRavedUp{
  width:72px;
}

.commentList li:hover .comment{
  border-color:#000;
}

.commentList li.advert{
  clear: both;
  margin-bottom: 10px;
  position: relative;
  text-align:right;
  width:468px;
  height:15px;
  margin:0 auto;
  left:50px;
}
.showParent{
  cursor: pointer;
  left: 0;
  position: absolute;
  top: 0;
}
.commentHidden .showParent{
  top: 5px;
}
.commentHidden .commentHeader,
.commentHidden .profanityFilter{
  background: #eee;
}
.commentHidden .commentBody{
  display: none;
}

/* Comment Header (expand, permalink, raves, edit/del) */
.commentHeader,
.profanityFilter{
  height: 18px;
  line-height: 18px;
  margin: 5px 0;
  padding: 2px 5px;
}
.commentList li:hover .commentBody .chupchick{
  background-position: -12px 0;
}
.profanityFilter{
  display: none;
  margin-left: 20px;
}
/* so we can hide all of the filters when deactivating inline */
.profanityFiltered .profanityFilter{
  display: block;
}

.deletedComment{
  background-color: pink;
}

.deletedCommentMessage{
  padding-left: 10px;
  font-weight: bold;
}

.permalink{
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
  _visibility: visible;
}
* html .permlink,
.commentList li:hover .permalink{
  visibility: visible;
}
.commentHeader .deleteX,
.commentHeader .editIcon,
.commentHeader .ravesContainer{
  float: right;
  margin-left: 5px;
  max-width:200px;
}
.commentHidden .commentHeader .editIcon{
  display: none;
}

/* Comment Body (avatar, comment) */
.commentBody{
  margin-bottom: 10px;
  margin-left: -20px; /* showParent */
  overflow: hidden;
  padding-left: 20px; /* showParent */
  position: relative;
}
#comments .commentBody{
  overflow: visible; /* ravesTip */
}
.commentBody .avatar{
  float: left;
  margin-right: 15px;
  position: relative;
  width: 50px;
  text-align: center;
}
.avatar.colorbar{
	top:-22px;
}
.avatar .maxIcon{
  top: 33px;
  margin: 1px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  position: absolute;
  right: 0;
}

/* Comment (vote, content, reply) */
.comment{
  background: #f9f9f9;
  border: 1px solid #bfbfbf;
  margin-left: 65px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}
.collapsed{
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  height:22px;
}
.comment .ravesContainer{
  display: block;
  float: right;
  width:auto;
  height: 18px;
  padding-top:2px;
  margin:0 5px;
  *max-width:50px;
}
.comment .ravesContainer .ravesContainer{
  margin:0;
  padding:0;
}
#comments .ravesContainer .unRavedDown{
  display: none;
}
.ravesContainer .ravedDown{
  display: inline;
}
.votedFor{
  margin-bottom: 5px;
  background-color:#ddd;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-bottom-radius: 10px;
  color:#fff;
  overflow:hidden;
  padding:2px 0;
  width:86%;
  float:left;
}

.votedFor .maxIcon,
.votedFor .minIcon{
  margin-left:5px;

}
.votedFor .lifebar{
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#bedead;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-top-bottom-radius: 10px;
}
.votedFor span,
.votedFor label{
  font-weight: bold;
  color:#fff;
  margin-left:5px;
  display:block;
  float:left;
}
.votedFor label{
  font-weight: bold;
}

.postActions{
  text-align: right;
}

.ajaxReply,
.replyLink{
  margin: 0 5px 5px 0;
}
/* New Happenings Container */
li.newHappening{
  border:2px solid #000;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

#newHappeningLabel{
  line-height:40px;
  font-size:14px;
  font-weight:bold;
}
#newHappeningFrame .link,
#newHappeningFrame a,
#newHappeningFrame a:visited{
  line-height:40px;
  color:#00AEEF;
  font-size:12px;
  }
#newHappeningFrame a{
  margin-left:10px;
}
#newHappeningFrame{
  line-height:1em;
  background:#000;
  color:#fff;
  padding:0 5px;
  _margin-right:10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

}
.newHappening{
  padding-bottom:0px;
  border-top:0;
  background-color:#ddd;
}
.newDiscussion{
  background-color:transparent;
}
#comments li.newHappening .comment{
  margin-right:1px;
}
ul.commentList li.item div.commentHeader span.time,
#comments ul li div.commentHeader span.time{
  display:none;
}

ul.commentList li.item:hover div.commentHeader span.time,
#comments ul li:hover div.commentHeader span.time{
  display:inline;
}
.newHappening .commentHeader,
.newHappening .commentBody{
  background-image: url(/images/newHappeningFrameL.png) 101% 0;
  background-repeat: repeat-y;
  background-position: right 0;
  margin-top: 0;
  padding-right: 7px;
}
.newHappening .commentBody{
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 25px;
}
.newHappening .commentBody .comment{
  margin-left:76px;
}
.newHappening .commentBody .avatar{
  padding-left:7px;
}
#comments .newHappening .chupchick{
  top:5px;
  left: 87px;
}
.nextHappening{
  float:right;
}
.postContent{
  margin: 5px;
}

.postContent img{
  vertical-align:top;
}
.postContent a{
  font-size:14px;
}

.comment .unRavedDown{
  display: none;
  float: none;
  vertical-align: middle;
  padding-right: 5px;
}
.comment:hover .unRavedDown{
  display: inline-block;
}
.comment .moreLess{
  font-size: 12px;
  margin: 5px 0;
}
/* Voting crap */
.vcolor1{
  background-position: 0 -19px;
}
.vcolor2{
  background-position: 0 -38px;
}
.vcolor3{
  background-position: 0 -57px;
}
.vcolor4{
  background-position: 0 -76px;
}
.vcolor5{
  background-position: 0 -95px;
}
.vcolor6{
  background-position: 0 -114px;
}
.vcolor7{
  background-position: 0 -133px;
}
.vcolor8{
  background-position: 0 -152px;
}
.vcolor9{
  background-position: 0 -171px;
}
.vcolor10{
  background-position: 0 -190px;
}
.vcolor11{
  background-position: 0 -209px;
}
.vcolor12{
  background-position: 0 -228px;
}
.vcolor13{
  background-position: 0 -247px;
}
.vcolor14{
  background-position: 0 -266px;
}
.vcolor15{
  background-position: 0 -285px;
}
.vcolor16{
  background-position: 0 -304px;
}


/* Comment Nesting */
.post_nested_1,
.post_nested_2,
.post_nested_3,
.post_nested_4,
.post_nested_5,
.post_nested_6,
.post_nested_7,
.post_nested_8,
.post_nested_9,
.post_nested_10,
.post_nested_11,
.post_nested_12,
.post_nested_13,
.post_nested_14,
.post_nested_15,
.post_nested_16,
.post_nested_17,
.post_nested_18,
.post_nested_19,
.post_nested_20{
  margin-top: 0;
}
.post_nested_1 .chupchick,
.post_nested_2 .chupchick,
.post_nested_3 .chupchick,
.post_nested_4 .chupchick,
.post_nested_5 .chupchick,
.post_nested_6 .chupchick,
.post_nested_7 .chupchick,
.post_nested_8 .chupchick,
.post_nested_9 .chupchick,
.post_nested_10 .chupchick,
.post_nested_11 .chupchick,
.post_nested_12 .chupchick,
.post_nested_13 .chupchick,
.post_nested_14 .chupchick,
.post_nested_15 .chupchick,
.post_nested_16 .chupchick,
.post_nested_17 .chupchick,
.post_nested_18 .chupchick,
.post_nested_19 .chupchick,
.post_nested_20 .chupchick{
  top: 0;
}
.post_nested_1{
  margin-left: 20px;
}
.post_nested_2{
  margin-left: 40px;
}
.post_nested_3{
  margin-left: 60px;
}
.post_nested_4{
  margin-left: 80px;
}
.post_nested_5{
  margin-left: 100px;
}
.post_nested_6{
  margin-left: 120px;
}
.post_nested_7{
  margin-left: 130px;
}
.post_nested_8{
  margin-left: 140px;
}
.post_nested_9{
  margin-left: 150px;
}
.post_nested_10{
  margin-left: 160px;
}
.post_nested_11{
  margin-left: 170px;
}
.post_nested_12{
  margin-left: 180px;
}
.post_nested_13{
  margin-left: 190px;
}
.post_nested_14{
  margin-left: 200px;
}
.post_nested_15{
  margin-left: 210px;
}
.post_nested_16,
.post_nested_17,
.post_nested_18,
.post_nested_19,
.post_nested_20{
  margin-left: 220px;
}
#mediaBlock .yui-content{
  clear: both;
  height: 330px;
}
#mediaResultsContainer{
  position:absolute;
  background:#fff;
  width:680px;
  border:1px solid #999;
  z-index:999;
}
#mediaResultsContainer .shadow{
  background-color:#000;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:-12px;
  opacity:0.5;
  filter: alpha(opacity=50);
  -moz-border-radius:8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
}
#mediaResultsContainer .wrap{
  position:relative;
  z-index:2;
  background-color:#fff;
}
.mediaResultsList{
  background:#fff;
  clear:both;
  height:300px;
}
.mediaResultsList,
#resultsList,
#resultsListContainer{
  overflow:hidden;
  display:inline-block;
}
.mediaResultsList,
#resultsList,
#resultsListContainer{
  display:block;
}
.mediaResultsList,
#resultsList{
  margin:0 auto;
}
.mediaResultsList li,
#resultsList li{
  float:left;
  height:135px;
  width:110px;
  padding:5px;
  text-align:center;
  overflow:hidden;
  cursor:pointer;
  position:relative;
}
.mediaResultsList li .malware,
#resultsList li .malware{
  position:absolute;
  top:50px;
  left:10px;
  padding:5px;
  background:#fff;
  border: 3px solid #df7d7d;
}

.mediaResultsList li img,
#resultsList li img{
  border:5px solid #FFF;
  cursor:pointer;
}
.mediaResultsList li:hover img,
#resultsList li:hover img{
  border:5px solid #999;
}
#mediaSearchForm{
  display:inline-block;
  overflow:hidden;
}
#mediaSearchForm{
  display:block;
}
#mediaModalContent .tip{
  margin:10px 10px 0 10px;
}
.pagingLink{
  color:#7E8AA2;
  padding:0 3px;
  font-size:16px;
  font-weight:bold;
  cursor:pointer;
  line-height:23px;
}
.pagingLink:hover{
  color:#CC6600;
  background:#CCC;
}
#mediaBlock .pagingContainer{
  clear:both;
  margin-top:0;
  height:23px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#7E8AA2;
}
.selectedPage{
  border:1px solid #999;
  color:#FF9900;
  padding:0 3px;
}
#resultsListContainer{
  background:#FFF;
  overflow:hidden;
  clear:both;
  width:480px;
  margin:0 auto;
  margin-bottom:5px;
  height:0;
  position:relative;
}
#videoPreviewContainer{
  border:1px solid #ccc;
  width:480px;
  height:446px;
  background:#FFF;
  text-align:center;
}
#mediaSearchForm{
  width: 520px;
}
#mediaSearchQ{
  margin-left: 10px;
  width: 450px;
  min-height: 25px;
}
#mediaSearchSize{
  margin: 3px 2px 3px 10px;
}
#mediaSearchForm label{
  font-weight: bold;
  color: black;
}
#mediaSearchHeader{
  cursor:move;
  /*
  font-weight:bold;
  height:16px;
  padding:0px 0 0 10px;
  color:#FFF;
  cursor:move;
  background:url(/images/modal/handleSprite.gif) repeat-x scroll 0 -45px;
  */
}
#videoPreviewAttach,
#videoPreviewReturn{
  line-height:20px;
  font-size:16px;
  margin-right:20px;
  text-decoration:none;
  cursor:pointer;
}
#videoPreviewReturn{
  color:#336699;
  display:block;
  text-align:center;
}
#videoPreviewReturn:hover{
  text-decoration:underline;
  cursor:pointer;
  color:#333366;
}
#videoPreviewCode{
  padding:10px 0;
}
.warnMsg,.videoDescription{
  color:#333366;
  padding:2px;
  text-align:center;
}
.warnAvailability{
  color:#CD0000;
  padding:2px;
  text-align:center;
}
#mediaSearchLogo{
  float:right;
  margin-right:5px;
  margin-top:15px;
  color:#ccc;
  font-size:11px;
  text-align:right;
}
td.gsc-branding-text div.gsc-branding-text {
  font-size:11px;
  margin-right:2px;
  padding-bottom:2px;
  text-align:right;
}
.gsc-branding-text {
  color:#ccc;
}
/*--------*/
#mediaBlock{
  display: none;
  padding-left: 10px;
  position: relative; /* #mediaWorking */
}
#mediaWorking{
  background: #fff url(/images/home/load.gif) no-repeat 45% 30%;
  display: none;
  height: 100%;
  opacity: 0.90;
  filter: alpha(opacity=90);
  position: absolute;
  width: 100%;
  z-index: 1;
}
#mediaBlock .simpleTabs{
  overflow: hidden;
  clear:none;
}
.yui-hidden{
  display:none;
}
#mediaPreviewContainer{
  position:absolute;
  left:680px;
  margin-top:-1px;
}
#mediaBlock em{
  font-style:normal;
}
#mediaBlock .pages{
  margin-right:10px;
}
#mediaBlock .simpleTabs li a,
#mediaBlock .simpleTabs li.selected a{
  padding-left:20px;
  background:url(/images/icons/favicons-17052.png) no-repeat;
}
#mediaBlock .simpleTabs li a em{
  line-height: 26px;
  height: 26px;
}
#mediaBlock .simpleTabs li.google a{
  background-position:2px 6px;
}
#mediaBlock .simpleTabs li.yahoo a{
  background-position:2px -114px;
}
#mediaBlock .simpleTabs li.celebrityImages a{
  background-position: 2px -32px;
}
#mediaBlock .simpleTabs li.bing a{
  background-position:2px -74px;
}
#mediaBlock .simpleTabs li.youtube a{
  background-position:2px -154px;
}
#mediaModalContent{
  background: #ddd;
}
#mediaModalContent .verticalTabsContent{
  margin-left:150px;
  border-left:1px solid #000;
  background-color:#fff;
  min-height:172px;
  overflow:hidden;
  width:528px;
}
#mediaModalContent .verticalTabs{
  float:left;
  margin-top:5px;
  width:150px;
}
#mediaModalContent .verticalTabs em{
  font-style:normal;
  font-size:13px;
  font-weight:bold;
  padding:5px 0;
  line-height:22px;
}
#mediaModalContent .verticalTabs li{
  border:1px solid #000;
  border-right:0;
  background-color:#f9f9f9;
  margin-top:5px;
  margin-left:10px;
  padding-left:5px;
  cursor:pointer;
}
#mediaModalContent .verticalTabs li.selected{
  background-color:#fff;
  margin-right:-1px;
}
#mediaModalContent .verticalTabs li a{
  color:#555;
}
#mediaModalContent .uploadContainer,
#mediaModalContent .byUrlContainer{
  padding:10px;
}
#mediaModalContent .previewWrap{
  float:left;
  width:150px;
}
#uploadPreviewForm .inputText{
  height: 24px;
}
#mediaModalContent .preview{
  background: url(/images/create/addmedia-notext.png);
  height: 133px;
  margin-bottom: 10px;
  overflow: hidden;
  width: 133px;
}
#mediaModalContent .blank{
  background-image:none;
}
#mediaModalContent .preview img{
  max-width:135px;
  max-height:135px;
}
#mediaModalContent #uploadTitle,
#mediaModalContent #byUrlVideoInput,
#mediaModalContent #byUrlVideo,
#mediaModalContent #byUrlInput{
  width:348px;
}
#mediaModalContent #uploadSubmit,
#mediaModalContent #byUrlSubmit,
#mediaModalContent #byUrlVideoSubmit,
#mediaModalContent #byUrlVideoAdd,
#mediaModalContent #byUrlAdd{
  float:right;
  clear:right;
  margin-top:10px;
  margin-bottom:10px;
}
#mediaModalContent .byUrlContainer .fields,
#mediaModalContent .uploadContainer .fields{
  margin-left:150px;
}
#mediaModalContent .field{
  clear:right;
}
#mediaModalContent .error{
  clear:none;
}
#mediaModalContent #uploadCharCount{
  float:right;
  font-size:12px;
  margin-top:2px;
}
#mediaResultsContainer .sweetTitle{
  margin-left:5px;
}
#mediaResultsContainer #byUrlSource,
#mediaResultsContainer #uploadSource{
  margin-left:5px;
  width:330px;
}
#recommendThis{
  height: 30px;
  line-height: 30px;
  position: relative;
}
.simpleTabs{
  clear: both;
  margin: 10px 0;
}
.simpleTabs li{
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  float: left;
  margin-right: 5px;
}
.simpleTabs li a,
.simpleTabs li a:visited{
  color: #000;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}
.simpleTabs li:hover{
  border-color: #000;
}
.simpleTabs li.active,
.simpleTabs li.selected{
  background: #000;
  border-color: #000;
}
.simpleTabs li.active a,
.simpleTabs li.selected a{
  color: #fff;
}
.nonTabs{
  float: right;
}
.list li{
  border-bottom: 1px dashed #999;
  clear: both;
  display: block;
  margin: 5px 0;
  overflow: hidden;
  padding: 5px 0;
}
.list .details{
  margin: 5px 0;
}
.list .details .detail{
  margin-right: 15px;
  white-space: nowrap;
}
.list li .buttons{
  float: right;
  margin-left: 5px;
}
.list .itemBody{
  overflow: hidden;
}
.list .counts{
  float: right;
}
.list .authorLinkWrap{
  max-width: 150px;
  overflow: hidden;
}

.itemImage{
  display: block;
  float: left;
  font-size: 0; /* slideshowStrip */
  margin-right: 10px;
  overflow: hidden;
  position: relative; /* slideshowStrip */
  text-align: center;
  height: 100px;
  width: 100px;
}
.itemImage.slideshow{
  height: 100px;
}
.list .slideshowStrip p{
  font-size: 11px;
}
.itemTitle h2{
  overflow: hidden;
}
.list .shareMessage{
  background: #eee;
  border: 1px solid #ccc;
  padding: 2px 10px;
}
#groups .shareMessage{
  margin-right: 50px;
}


/* collapse items */
.collapsed .itemBody,
.list .notice,
.list .uncollapse,
.collapsed .itemImage,
.collapsed .details p{
  display: none;
}
.collapsed .uncollapse,
.collapsed .notice,
.collapsed .details .sentiment{
  display: block;
}
.collapsed .notice,
.collapsed .uncollapse{
  float: left;
  height: 22px;
  line-height: 22px;
}
.collapsed .uncollapse{
  border: 1px solid transparent;
  color: #00aeef;
  cursor: pointer;
  font-size: 10px;
  margin-right: 10px;
  padding: 0 2px;
}
.collapsed .uncollapse:hover{
  background: #ECFAFE;
  border-color: #00aeef;
}
.collapsed .notice{
  padding: 0 5px;
  border: 1px solid #00aeef;
  background: #ECFAFE;
}
.pagingAd{
  background: #fff;
  border: 1px solid #bfbfbf;
  height: 35px;
  padding-top: 15px;
  text-align: center;
}
.listingAd{
  border-color: #e2e2e2;
  margin-top: 5px;
  width: auto;
}
#listingAd{
  border: 0;
  text-align: center;
}


/* div selects */
.selectHandle{
  cursor: pointer;
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
}
.select,
.options{
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
}
#questions .select,
#questions .options{
  width:135px;
}

#blogsFilter .options,
#blogsFilter.select,
#questionsFilter .options,
#questionsFilter.select{
  width:108px;
}
.select{
  cursor: pointer;
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
  position: relative;
  text-align: left;
  width: 150px;
  z-index: 1;
}
.options{
  clear: both;
  display: none;
  margin-left: -1px;
  padding-top: 5px;
  position: absolute;
  top: 22px;
  width: 100%;
}
.select .current{
  font-size: 12px;
  font-weight: bold;
  color: #000;
  float: left;
  line-height: 26px;
  overflow: hidden;
  padding-left: 5px;
}
.select .option{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  cursor: pointer;
  display: block; /* anchor option */
  line-height: 26px;
  margin: 0;
  padding: 0 5px;
  text-decoration: none; /* anchor option */
  color: black;
  font-size: 12px;
  font-weight: bold;
}
.select .option:hover{
  background-color: #000;
  color: #fff;
}
.selectSuccess{
  padding-right: 10px;
  position: absolute;
  visibility: visible;
}

a.featuredGroup:visited,
a.featuredGroup{
  font-size: 16px;
  height: 50px;
  display: block;
  margin: 5px 0;
  line-height: 50px;
}
.featuredGroupImageWrapper{
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
}
.featuredGroupImageWrapper img{
  min-width: 50px;
  min-height: 50px;
  max-width: 75px;
}

.paging{
  clear: both;
  overflow: hidden;
  padding: 10px 0;
}
.pagingBottom{
  clear: both;
}
.pagingBottom .paging{
  clear: none;
}
.pages{
  float: right;
  *line-height:25px;
}
.pages .page{
  background: #e9e9e9;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #000;
  font-size: 12px;
  margin-right: 1px;
  padding: 2px 5px;
  text-decoration: none;
}
.pages a.page:hover{
  border-color: #000;
}
.pages a.nextprev{
  font-weight: bold;
}
.pages span.current{
  background: #000;
  color: #fff;
  border-color: #000;
}
#footer{
  background: #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 24px;
  overflow: hidden;
  width: 990px;
}
.topicsLabel,
.footerHeader{
  color: #000;
  font-weight: bold;
  font-size: 14px;
}
.topicsLabel{
  color: #999;
}
.footerHeader,
.footerListEnd{
  margin-bottom: 10px;
}


/* Topics Bar */
#topicBar{
  background: #000;
  border-top-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  line-height: 33px;
  margin-bottom: 10px;
  padding-left: 20px;
}
#topicBar a{
  color: #00aeef;
}
#topicBar a:hover{
  color: #f00;
}
#topicBar .moreTopics,
#topicBar .topic{
  font-size: 11px;
}
#topicBar .topic{
  padding: 0 10px;
  border-right: 1px solid #fff;
}
#topicBar .moreTopics{
  padding-left: 5px;
}


/* Columns */
.footerColumn{
  border-right: 1px solid #666;
  float: left;
  height: 115px;
  padding: 0 10px;
  width: 300px;
}
.footerColumn.last{
  border-right: none;
}
.footerHeader{
  text-align: center;
}
.footerColumn ul{
  float: left;
  width: 50%;
}
#footerShare{
  clear: both;
  display: inline-block;
  margin-top: 10px;
}
#footer .fb_edge_comment_widget{
  display: none;
}
#footerPlusOne,
.twitter-follow-button{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-right: 10px;
  overflow: hidden;
  vertical-align: top;
}
#footerShare .twitter-follow-button{
  width: 62px !important;
}

.copyright{
  clear: both;
  color: #666;
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
}
.copyright abbr{
  border: 0;
}
.color1{
  color: #5e9215;
}
.color2{
  color: #0d8cdc;
}
.color3{
  color: #d87412;
}
.color4{
  color: #c50000;
}
.color5{
  color: #923aff;
}
.color6{
  color: #007d55;
}
.color7{
  color: #a49601;
}
.color8{
  color: #2fbf15;
}
.color9{
  color: #cb00d8;
}
.color10{
  color: #119a9c;
}
.color11{
  color: #697200;
}
.color12{
  color: #cd5005;
}
.color13{
  color: #f956ff;
}
.color14{
  color: #9c7849;
}
.color15{
  color: #5d5dfd;
}
.color16{
  color: #2280ff;
}
.bgcolor0{
  background-color: #999;
}
.bgcolor1{
  background-color: #5e9215;
}
.bgcolor2{
  background-color: #0d8cdc;
}
.bgcolor3{
  background-color: #d87412;
}
.bgcolor4{
  background-color: #c50000;
}
.bgcolor5{
  background-color: #923aff;
}
.bgcolor6{
  background-color: #007d55;
}
.bgcolor7{
  background-color: #a49601;
}
.bgcolor8{
  background-color: #2fbf15;
}
.bgcolor9{
  background-color: #cb00d8;
}
.bgcolor10{
  background-color: #119a9c;
}
.bgcolor11{
  background-color: #697200;
}
.bgcolor12{
  background-color: #cd5005;
}
.bgcolor13{
  background-color: #f956ff;
}
.color14{
  color: #9c7849;
}
.color15{
  color: #5d5dfd;
}
.color16{
  color: #2280ff;
}