body {font-family: Tahoma, Verdana, Arial, sans-serif; color:#333; background-color:#FFF; font-size:12px; }
ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
a {color:#336699;}
a:hover {color:#CC0000;}
img {border-style: none;}
table {border-collapse: collapse;}
/* layout */
#fauxHeaderContainer {display:block;float:left;min-width:1030px;position:relative;width:100%;}
#fauxHeader {display:block;height:60px;position:absolute;top:0;width:100%;}
#page {margin:0 auto;/*position:relative;*/}
#home {margin:0 auto;width:1030px;}
#header {display:block;height:60px;min-width:1030px;margin:0 auto;margin-bottom:18px;background-color: #336699;color:#FFFFFF}
#header a {color:#FFFFFF;}
#header a:hover {color:#CC0000;}
#headerWrapper {height:50px; width:1030px;margin:0 auto;}
#logo {display:block;float:left;left:10px;position:relative;top:15px;font-weight:bold;}
#logo a {font-weight: bold; font-size: 25px; text-decoration:none;color:#FFFFFF}
#logo a:hover {color:#FFFFFF}
#logo a:visited {color:#FFFFFF;}
#content {clear:both;margin: -1 0 0 100px;min-height: 480px;overflow: visible;position: relative;}
.leftCol {display: inline;float: left;width: 250px;}
.rightCol {display: inline;float: right;width: 250px;}
.middleCol {width:530px;padding: 0 250px;}
.twoCol {padding-left: 250px; width: 780px};
.oneCol {width: 800px;padding: 0 115px;}
.middleColWrapper {padding: 0 15px ;}
#footer {clear:both;padding:35px 0 0 0;min-width:1030px;margin:0 auto;}
.footerWrapper {width:1030px;;margin:0 auto;border-top: 1px solid #DEE3E7;}
#footer .social a:hover {opacity:1;filter:alpha(opacity=100)}
#footer .social a {opacity:0.3;filter:alpha(opacity=30)}
#footer ul li {float:left;padding:0 7px 2px}
.footerWrapper div {line-height:4em;margin-top:1em;color: #858D94;font-size:75%}
#user {font-size:10px;float:right;position:relative;}
#user.auth {top:6px}
#user img {border: 1px solid #AFB2B3;padding:1px;}
#user form {margin-top:.3em;}
#user .vTop {vertical-align: top;}
#user td {vertical-align:middle;padding-left: 10px;}
#user .login td {padding-bottom: 2px;}
#user i {width: 16px; height: 15px; background: url(/i/icons/facebook.png) no-repeat center; vertical-align: middle; line-height: 15px; display: inline-block; margin: 0 5px;}
#user form input {border:solid 1px #666;font-size:10px;width:108px;}
#user form .submit {background-color:#CC0000;color:#FFF;border:solid 1px #666;width:50px;font-size:10px;}
#searchbox {float:left;position:relative;top:20px;margin-left:110px}
#searchbox span.textInput {border:1px solid #AFB2B3;background-color: white;padding: 1px;display: inline-block;outline: 0;}
#searchbox span.textInput span {border: 0; position: relative; display: inline-block;padding: 1px 0 2px;}
#searchbox input {border:0 none;font-size:10px;}
#searchbox input.searchtext {width: 300px;margin-right: 20px;padding: 1px 5px 2px 0;}
#searchbox button.find {cursor: pointer; border:0 none; border-left:1px solid #AFB2B3;padding:0;position: absolute;top: 0;right: 0; background: url(/i/icons/search.png) no-repeat center center; background-color: white; width: 22px;height: 19px; display: block;}
#auth {padding-left: 400px; width:350px;}
#auth.center {padding-left: 0px;margin: 40px auto;}
#auth form label {width:150px;float:left}
#auth input {border: solid 1px #666; width: 198px;  margin-bottom :0.3em; font-size: 107%;}
#auth button {border: solid 1px #666; font-size: 107%;background-color:#336699;color:#FFF;}
#auth div {padding-left:150px; padding-bottom: 1em;}
.cover {position: absolute;z-index:99999;background: #FFFFFF url(/i/ajax-loader.gif) no-repeat center;} 
/* links */
.toplinks {color:#FFFFFF; font-size:11px;}
.toplinks:hover {color:#FFFFFF; font-size:11px;}
h2, h3, h4 {color:#BF1110;}
h3 a {color:#BF1110;}
/* arrow links */
a.arrow {text-decoration: none; margin: 0;}
a .text {text-decoration: underline;}
a .arrow {font-size: 14px;}
/*common*/
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.centerElem {margin: 0 auto; text-align: left;}
.indent10 {padding-left:10px;}
.indent20 {padding-left:20px;}
.indent30 {padding-left:30px;}
.indent100 {padding-left:100px;}
.marginTop20 {margin-top: 20px;}
.stretch {width:100%;}
.divider {height:20px}
.gray {color:#ABABAB}
.floatLeft {float:left}
.floatRight {float:right}
.topGrayBorder {border-top:solid 1px #DDDDDD;}
.summary {padding-top: 10px;border-top:solid 1px #aaa;}
.bottomGrayBorder {border-top:solid 1px #DDDDDD;}
.noneBorder {border: none !important;}
.clear {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}
.opacity80 {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.contentCover.dummy {border:1px solid #DDD; }
.dummy.small {border: 0px none }
.red {color:#F00;}
.note {font-size:9px;} 
.regular0 {font-size:9px;color:#666}
.regular1 {font-size:10px;color:#666}
.regular2 {font-size:14px;color:#666}
.regular3 {font-size:12px;color:#666;font-weight:bold;}
.loading {background: url(/i/working.gif) 99% top no-repeat;}
.error {background-color:#FFF9D7;border: #E2C822 1px solid;padding: 10px;margin-bottom:10px;}
.error li {color:red;}
h3 {font-size:12px;font-weight:bold;margin-top:0;}
h4 {font-size:85%;color:#666666;font-weight:normal;margin:0;}
/* common table */
.just {width:100%}
.just td, .just th {padding:0 20px 10px 0;vertical-align: top;}
.common {width:100%}
.common td, .common th {padding:1px 1px;font-size: 11px;}
/* feedback */
.feedback {margin:0 auto;width:70%;text-align:left;}
.feedback input, .feedback textarea {border:solid 1px #666;width:100%; margin:0 0 5px 0;display:block;}
.feedback textarea {height:200px;}
.feedback label {margin-bottom:.3em;display:block;}
.feedback h4 {margin-top: 10px;}

/* menu */
.horizontalOptions {display: block;margin: 15px 0 0 0;border-bottom: 1px solid #ccc;font-size: 10px;line-height: normal;}
.contentMenuList, .horizontalOptions ul {overflow: hidden;padding: 0;margin: 0;margin-bottom: -1px;}
.contentMenuList {font-size: 9px;margin: 10px 0;} 
.contentMenuList img {border:none;}
.contentMenuList li, .horizontalOptions ul li {float: left;list-style: none;margin: 0 5px 0 0;}
.contentMenuList.vertical li {float: none; text-align:center;margin-bottom:5px}
.horizontalOptions ul li.sortSelector {float:right; margin-right: 0; }
.horizontalOptions ul li.sortSelector select {font-size:10px; }
.horizontalOptions ul li.current {background-color:#FFFFFF;border-color:#CCCCCC;border-width:1px 1px 0 1px;border-style:solid solid none solid;}
.horizontalOptions ul li a, .horizontalOptions ul li span, .horizontalOptions ul li strong {float: left;height: 20px;line-height: 20px;margin: 0 3px 0 0;padding: 0 2px 0 5px;}
.horizontalOptions ul li a {color: #336699;text-decoration:none;}
.horizontalOptions ul li a:hover {color:#CC0000;text-decoration:underline;}
.horizontalOptions ul li.current a {font-weight: bold;color: #696969;text-decoration:none;}
.horizontalOptions ul li.current a:hover {text-decoration:none;}
.buttons { margin: 0 ;}
.buttons li a {color: #9A9A9A;display: block; -webkit-border-radius:3px; padding: 3px 4px; background-color: #F9FAFE; border: 1px solid #CCCCCC; line-height: 14px;text-decoration: none;}
.buttons li a:hover {color: #369; border-color: #369;}
.buttons li a.red:hover {color: #BF1110; border-color: #BF1110;}
.dispMode {display:block;width:16px;text-decoration:none;opacity:0.3;filter:alpha(opacity=30)}
.dispMode.current {opacity:1;filter:alpha(opacity=100)}
.list {background:url(/i/icons/list.png) no-repeat center center;}
.thumbnails {background:url(/i/icons/thumbnails.png) no-repeat center center;}
/* content table */
.contentList {margin:10px 0 0 0}
.covers  {width:100%;padding:0 0 0 0;margin:0;position:relative; z-index:0;}
.covers li {text-align:center;padding:0 10px 0 0;margin-bottom:10px;vertical-align:top;display:inline-block;list-style:none;/*max-width:70px;*/overflow:hidden;font-size:0.9em;position:relative}
.covers li a {display:block;}
.covers li span {margin-top:5px;width:90px;display:block;text-align:center}
#contentUsers .covers li span {display:none;width:60px; overflow-x:hidden;margin-top:0px;font-size:10px}
.covers li:hover img {border: 1px solid #C00;}
.covers li:hover a {color: #C00;}
.covers li a img {border: 1px solid #B7B7B7;padding: 1px;}
.contentCover img {width:120px; height: auto;}
.small img {width: 58px; /*min-height: auto;*/}
.medium img {height:auto; width: 70px;}
.large img {width: auto;}

table.stat { margin-top: 10px; font-size: 11px; margin-bottom: 10px; border-collapse: collapse; width:100%; text-align: left; }  
table.stat td { vertical-align: top; line-height: 16px; padding: 3px 5px;} 
table.stat td.subjectCell a { text-decoration:none; color: #1b1b1b; }
table.stat td.subjectCell a:hover {color:#CC0000;text-decoration:underline;}
table.stat td.subjectCell span, table.stat td.subjectCell span a { color: #666; }
table.stat td.subjectCell div.overflow {overflow:hidden;height:1.36em;}
table.stat.details td.subjectCell span {display:block}
table.stat.details .contentCover {padding:5px}
table.stat td.optionscell {width:16px;text-align:right;}
table.stat td.rownum {width:20px;color:#696969;text-align: right;}
table.stat td.optionsButton {width:16px;}
table.stat tr a.OptionsButton {display:inline-block;position:relative;left:-9999px}
table.stat tr a.OptionsButton span {display: inline-block; height:16px; line-height:16px;}
table.stat tr.odd td {background-color: #ECEFF5;}
table.stat td.chartbarCell {width: 200px; padding: 0 0 2px 0;}
table.stat tr.odd td.chartbarCell, table.stat tr:hover td.chartbarCell  {background-color: transparent;}
div.chartbar { background: url(/i/charts_right.png) no-repeat right top; overflow: hidden; }
div.chartbar span { display: block; height: 17px; margin: 0 3px 0 0; padding: 3px 0.5em 0 0.5em; background: #336699; color: #fff; overflow: hidden; }
table.stat tr.opened td {background-color: #B5C9F2 !important;}
table.stat tr:hover a.OptionsButton, 
table.stat tr.opened a.OptionsButton {left:0;}
table.stat tr.removed td {text-decoration: line-through;}
table.stat tr.removed:hover a.OptionsButton {left:-9999px;}
table.stat tr:hover td {background-color: #B5C9F2;}
#page a.OptionsButton {width: 16px;padding: 0;background: transparent url(/i/icons/options.png) no-repeat right top;}
#page a.OptionsButton span {width: 16px;padding: 0;background: transparent;}

/* round corners */
.bg-bot-left { background: url(/i/img/cbl.gif) no-repeat bottom left;}
.bg-bot-right { background: url(/i/img/cbr.gif) no-repeat bottom right;}
.bg-top-right { background: url(/i/img/ctr.gif) no-repeat top right; }
/* tags Cloud */                                 
div.tagcloud {text-align:center;width:250px;margin-bottom:10px;padding:0;}
div.tagcloud a{text-decoration:none;margin:5px;white-space:nowrap;width:0;height:0;display:inline;}
div.tagcloud a:hover{text-decoration:underline;}
.tagcloud.full {width:500px; margin: 0px auto;}
.allTags {padding-top:10px;text-align: center;}
.allTags a {color:#BF1110;font-size:10px;}                       
/* events monitor */
div.events {background: #F2F2F2 url(/i/img/ctl.gif) no-repeat 0 0; margin-bottom: 10px;font-size: 10px;  }
div.events h3 {padding:5px;background-color: #E5E5E5; margin: 0;border-bottom: 1px solid #DDDDDD;}
div.events a.rss { vertical-align: top; font-size: 12px; text-align: right; width:12px;float:right}
div.events a.rss img {margin: 0 0 0 auto; border: none; }
div.eventsData {padding: 5px;}
div.eventsData div { vertical-align: middle; padding:5px 0;}
div.eventsData a {color:#336699;text-decoration: none;}
div.eventsData a:hover {color:#CC0000; text-decoration: underline;}
div.eventsData span {white-space: nowrap;}
div.eventsData span.regular1 {white-space: normal;}
div.events .more { display:block; text-decoration: none; text-align: center; background-color: transparent; padding: 5px; }
div.events .more:hover { text-decoration: none; background-color: #B5C9F2; }
/* add content form */
.addContent {position:relative;z-index:0;padding-bottom:15px;}
.addContent h3 {margin-top: 0;}
.addContent form {text-align: left; padding-top: 0;text-align:left;width:100%;font-size:100%;}
.addContent input {border:1px solid #CCC;width:75%;padding:3px;margin:2px 0;font-size:12px}
.addContent select {border:1px solid #CCC;font-size:12px;padding:2px;margin:2px 0;width:22%}
input.button, button.submit {width:22%;border:1px solid #CCC;cursor:pointer;background-color:#336699;color:#FFF;font-size:12px;padding:3px;margin:0;}
input.button[disabled] {background-color:#F9FAFE;cursor:default;color:#9A9A9A;}
/*.loading input.button {background-color:#F2F2F2;}*/
/* autosuggest*/
.ac_results {padding: 0px;background:#FFFFFF none repeat scroll 0 0; border:1px solid #DDD; overflow: hidden;z-index:9999;}
div.suggest_title {padding:0 9px 0 104px;}
div.suggest_group {float:left;padding:0 9px 0 5px;text-align:right;width:90px;color:#CC0000}
.suggest_results a {padding-left: 20px;}
.suggest_results.all {background-color:#F2F2F2;}
.ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0;background-color:#FFF}   
.ac_results iframe {display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}
.ac_results li {position:relative;margin: 0px;padding: 5px 5px;cursor: pointer;display: block;width: 100%;font: menu;font-size:12px;}
.ac_results li.group {background-color:#E5E5E5; color:#BF1110}
.ac_results li span {display: block;color:#666;font-size:10px}                                                                                                                  
.ac_loading {background : #FFF url(\'/i/autocomplete_indicator.gif\') right center no-repeat;}                                                    
.ac_over {background-color: #ECEFF5;}                                                                                        
/* remove halo effect in firefox   */
a:active{outline:none;}        

/* content info */
.mVoteDetails {display:inline-block; margin-right: 5px; width:16px; background: transparent url('/i/icons/line_chart.png') center center no-repeat;text-decoration: none;}
#contentMain {width:800px; padding-right:230px;}
.contentInfo h2 {margin:0;}
.contentInfo h3 {margin:0;font-size:16px;font-weight:normal;}
.contentInfo h3, .contentInfo h3 a {color:#666666;} 
.contentInfo h3 a:hover {color:#CC0000;}
.contentInfo .contentCover {margin: 0 10px 10px 0;}
#contentVotes {width:75px}
#contentUsers {width: 230px;}
#fbFriends, #fbFriendsRating {margin-top:10px}
#fbFriends ul {margin:0;}
#fbFriends ul li {float:left;padding: 0 10px 10px 0}
.fbFriends {border-top: 1px dotted #DDD; border-top: 1px dotted #DDD;}
.fbFriends h2 {font-size: 16px;padding: 15px 0;}
.myrating h3 {background-color: #E5E5E5;color: #BF1110; margin:10px 0; padding:5px; font-size: 12px; font-weight: bold;}
.myrating .voter {position:absolute; margin: 2px 0 0 20px;}
.myrating .voter a {border: 0 none;}
.myrating .remove {position:absolute;}
.myrating .remove a {border: 0 none; text-decoration: underline; padding: 0; background-color: transparent;}
.myrating .star-rating li a {border: 0 none;}
.myrating img {margin-right:10px;display:block}
.myrating .friendRatings {margin: 0 0 8px 0;}
.myrating .friendRatings li.devider {border-bottom: 1px solid #D6D6D6; padding-top: 5px; margin-bottom: 4px;}
.myrating .friendRatings li.devider:last-child {border: 0px}
/* comments */
#userComment {margin-top: 15px}
#userReviewEditor textarea {height:50px; width: 95%; border: 1px solid #CCC;display:block;margin-bottom:5px;background-color: #F9FAFE;}
#userReviewEditor input {margin: 0 20px}
.comments {margin-top:15px;border-collapse: collapse;border-top:1px dotted #DDDDDD;}
.comments textarea.gray {font-size:12px}
.comments h2 {font-size:16px;padding: 15px 0;}
#comments .date {margin-bottom: 20px;}
.comments .date {text-align: left; font-size:10px;color:#666;margin: 5px 0;}
.comments .date td {vertical-align: middle;}
.comments .comment {padding: 5px 0;}
.comment img {margin: 0 5px 5px 0}
/* top10 */
#top10 table {position: relative; z-index: 0;margin-top: 0;}
#top10 h3 {margin:0; padding:5px;background-color: #E5E5E5;}
#top10 td {background-color: #F2F2F2;vertical-align: middle;}
#top10 td.subjectCell {width: 100%;}
#top10 .author {font-size:9px;color:#666;text-decoration:underline;}
#top10 .author:hover {color:#CC0000}
#top10 .title {color:#336699;text-decoration:underline;}
#top10 .title:hover {color:#CC0000}
#top10 h3 {margin:0; border-bottom: 1px solid #DDDDDD;padding-bottom:5px;}
#top10 td.down a {color:#D50000;text-decoration:none;}
#top10 td.up a {color:#047D00;text-decoration:none;}
#top10 td.remove a {display:inline-block; width:16px; background: url('/i/icons/delete.png') no-repeat;}
#top10 td.remove a span {display: inline-block; width:16px; height:16px; line-height:16px;}
#top10 tr:hover td {background-color: #B5C9F2;}
/* #dropdownMenu */
#dropDownMenu {position:absolute;z-index:50;font-weight:normal;font-size:10px;color:#6F6F6F;}
.mDropDownOptions {background: #FFFFFF none repeat scroll 0 0; min-width:50px; border-color:#CCCCCC #CCCCCC;border-style:solid solid none;border-width:1px 1px 0;left:0;top:0;position:absolute;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;}
.mDropDownOptions div {border-bottom:#CCCCCC;border-bottom-style:solid;border-bottom-width:1px;white-space:nowrap;width:auto;margin:0;padding:3px 8px;}
.mDropDownOptions div:hover {background-color: #B5C9F2;color:#FFFFFF}
.mDropDownOptions i {margin-right:5px; }
.mDropDownOptions a {color:#6F6F6F;font-weight:normal;text-decoration:none;font-size:10px;white-space:nowrap;}
.mDropDownOptions a:hover {color:#FFFFFF}

#blogCode {position:absolute;padding:5px;width:300px;background: #F2F2F2 none repeat scroll 0 0;border-color:#CCCCCC;border-style:solid;border-width:1px;}
#blogCode textarea {width:290px;height:100px;font-size:9px;color:#666}

/*.mDropDownOptions ul {margin: 0px 8px}*/
/* Rating */
li.star-rating {background:#F2F2F2;}
ul.star-rating{ list-style:none;margin:0px;padding:0px;width: 75px;height: 18px;position: relative;background: url('/i/starrating.gif') repeat-x left top; }
.star-rating li{ padding:0px;margin:0px;height:18px;width: 15px;float: left; }
.star-rating li a{ display:block;width:15px;height: 18px;line-height:18px;text-decoration:none;text-indent: -9000px;z-index: 60;position: absolute;padding: 0px;overflow:hidden;background: transparent; }
.star-rating li a:hover{ border-style: none;border-color: inherit;border-width: medium;background: url('/i/starrating.gif') left center;z-index: 60;left: 0px; }
.star-rating a.one-star{ left: 0px; }
.star-rating a.one-star:hover{ width:15px; }
.star-rating a.two-stars{ left:15px; }
.star-rating a.two-stars:hover{ width: 30px; }
.star-rating a.three-stars{ left: 30px; }
.star-rating a.three-stars:hover{ width: 45px; }
.star-rating a.four-stars{ left: 45px; }    
.star-rating a.four-stars:hover{ width: 60px; }
.star-rating a.five-stars{ left: 60px; }
.star-rating a.five-stars:hover{ width: 75px; }
.star-rating li.current-rating{ background: url('/i/starrating.gif') left bottom; position: absolute;height: 18px;display: block;text-indent: -9000px;z-index: 1; }
/* user info */
#userInfo {margin-bottom: 15px;}
#userInfo a.avatar {display:inline-block;}
#userInfo a.avatar img {margin-right:10px; text-decoration:none;vertical-align:middle;}
#userInfo a.name {vertical-align:middle; overflow-x:hidden;text-overflow: ellipsis;position:relative;display:inline-block;font-size:16px;width:150px}
.nounderline {text-decoration: none ;}
/* search */
#search {margin-bottom:22px; width:500px}
#search input {width:500px; font-size:20px}
.num {width:32px; float:left}
.item {margin-left:32px; margin-bottom:22px}
.item h2, .item h3 {margin:0;}
.item h3, .item h3 a {color:#666666; font-weight:normal}
.item a {text-decoration:underline}
.item a:hover {text-decoration:underline}
/* profile */
.profile .user {float:left}
.profile .comments {margin-top:10px;padding-top:20px}
.profile .user h2 {margin: 0 0 5px 0}
.profile .info {padding-left:100px}
.profile .info p {margin: 0 0 5px 0}
.profile .info p img {margin-right:10px; vertical-align:bottom}
.profile .comment {margin: 10px 0}
.profile h2, .profile h3 {padding:0;margin:0}
.profile .date {border-bottom:dotted 1px #DDDDDD}
.profile h3, .profile h3 a {color:#666666;font-weight:normal}
.profile .regular1 {margin-top: 15px}
.profile a {text-decoration:underline}
.profile a:hover {color:#CC0000;text-decoration:underline}

#profileEditor form, #profileEditor .block{width:550px}
#profileEditor .block form {width:inherit;}
#profileEditor .centerElem {text-align: justify;}
#profileEditor form table td {width:33.3%}
#profileEditor select, #profileEditor input, #passwordRecover input {border:1px solid #CCC;color:#000000;margin-top:5px;}
#profileEditor h2 {margin-bottom:10px;margin-left:0;margin-right:0;margin-top:10px;border-bottom:1px solid #666666;text-align:left;}
#profileEditor button, #passwordRecover input.button {width:160px}
#passwordRecover input.button {color:#FFFFFF}
#profileEditor .delete {background: transparent;border: none; color:#BF1110;text-align:left;text-decoration: underline;cursor: pointer;width: auto;}
/* pager */
.pager {border-top: 1px dotted #DDD; padding-top:10px}
.pager div {margin-left: 20px; padding:4px; float:left; width:32px; text-align:center}
.pager div.current {background-color:#BF1110;color:#FFFFFF}
#info {font-size:small;text-align:center;width:100%;}
/* tooltip */
.tooltip  {-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.3);-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.3);box-shadow: 0 4px 16px rgba(0,0,0,0.3);padding:15px;background:#FFFFFF none repeat scroll 0 0;border:1px solid #DDD;z-index:99;width: 300px; }
.tooltip .contentVotes {width:75px;}
.tooltip .contentInfo {width:225px}
.tooltip .contentCover {margin-right:10px; border:1px solid #DDD}
.tooltip .info {clear:both; padding-top: 20px;}
/* DIALOGS */
.dialogLoading {padding: 10px;text-align: center;color:#666;}
.dialogBox {background:#FFFFFF none repeat scroll 0 0;-webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
-moz-box-shadow: 0 4px 16px rgba(0,0,0,0.3);
box-shadow: 0 4px 16px rgba(0,0,0,0.3);border:1px solid #DDD;
z-index:99;width:400px;position:absolute;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:0 0 10px #333;}
.dialogBox a.dialogStatus {display: block;float: right;width: 16px;height: 16px;margin: 5px;text-decoration: none;background: url('/i/icons/close.png') no-repeat 50% 50%;}
.dialogBox .title, .tooltip .title { margin: 0; padding: 5px 15px; background: transparent; border-bottom: 1px solid #aaa; font-size: 15px;}
.dialogBox h3 {margin: 0; color:#666666; font-weight: normal;}
.dialogBox h2 { margin: 0;}
.dialogBox .dialogContent { padding: 15px;}
.dialogBox .dialogContentTitle { padding: 15px 15px 0 15px;}
.dialogBox .dialogContent p { margin:1.5em 0 0 0;}
.dialogBox .dialogForm { clear:both; padding: 0;margin: 0;}
.dialogBox form {padding:15px}
.dialogBox .dialogButtons { clear: both; border-top: solid 1px #aaa; padding: 10px 15px; background: #eee; overflow: hidden; text-align: right;}
.dialogBox .dialogButtons .dialogButton { cursor: pointer; background-color:#336699; color:#FFF; border: solid 1px #666; width: 7em; font-size: 90%; padding: 0; margin: 0;}
fieldset { border: 0;}
div.typeaheadHint { padding: 2px 4px; border: 1px solid #ccc; border-top: 0; background: #f5f5f5; color: #999; list-style-type: none; font-size: 11px;}
.typeahead {overflow: auto;max-height: 9.8em;margin: 0.5em 0 0 0;border: 1px solid #bbb;padding: 0;line-height: 1.4em; background: #fff;color: #000;cursor: text;}
.typeahead input.typeaheadCaret { display: block; float: left; border: 0; outline: 0;margin: 2px 0 1px 3px; padding: 3px 0 4px 0; line-height: normal;}
p.typeaheadSuggestions { margin: 13px 0 0 0; color: #696969; font-size: 11px;}
p.typeaheadSuggestions span { color: #1b1b1b;}
p.typeaheadSuggestions a { margin: 0 3px; text-decoration: none; -moz-outline: none;}
p.typeaheadSuggestions a:hover { text-decoration: underline } 
.typeahead a.typeaheadSelected { display: block; float: left; position: relative; margin: 3px 0 1px 3px; padding: 2px 19px 2px 3px;background: #ddd; color: #333; text-decoration: none; cursor: default; white-space: nowrap; line-height: normal;}
.typeahead span.typeaheadRemove { position: absolute; right: 3px; top: 3px; display: block; width: 13px; height: 13px; background: url(/i/icons/close.png) no-repeat left top; cursor: pointer; font-size: 0; text-indent: -1000em;}
.typeahead span.typeaheadRemove:hover { cursor: pointer;}
.dialogBox .highlight { outline: 5px auto -webkit-focus-ring-color; -moz-outline: 2px solid #B5C9F2; -moz-outline-radius: 3px; outline-offset: -2px;}
.dialogBox .results h4 {text-align:center;padding:40px 0 40px 0;font-size:large;color:black}
.dialogBox .results h4 a, .dialogBox .results h4 span {color:#336699;text-decoration:none}
.dialogBox .results h4 a:hover {color:#336699;text-decoration:underline}
.dialogBox .results div {text-align:center}
/* blog */
.blog {margin:0 0 45px;border-bottom:dashed 1px #D9D9D9;}
.blog h4 {margin-bottom: 15px}
.blog div.article {margin:0 0 24px; }
.blogNavigator {margin:0}
.blogNavigator.years {padding-left: 0px;}
.blogNavigator.years li {list-style: none;color:#BF1110;font-weight:bold;}
.blogNavigator.months {padding-left: 20px;}
.blogNavigator.months li {list-style: none;padding:10px 0;color:#333333;font-weight:normal;}
/* social buttons */
.yashareInline {display:inline}
.shareMenu a { text-decoration: none; }
.shareButton {margin:0 5px 5px 0;height: 16px;width: 16px;opacity:0.3;filter:alpha(opacity=30)}
.shareButton:hover {opacity:1;filter:alpha(opacity=100)}
.blogCode {height:70px!important;width:300px!important;overflow:auto;}
.facebookLarge {background: url(/i/icons/facebook_large.png) no-repeat center;width: 48px; height: 48px; vertical-align: middle; line-height: 15px; display: inline-block; margin-right: 5px;}
/* social account */
.socialAccounts {margin-top: 15px;}
.socialAccounts li { line-height: 1.5em; }
.socialAccounts li div {margin-right: 6px;}
.socialAccounts h3 {margin: 0 0;}
.socialProperties {padding:10px 10px 20px 20px;background-color:#f2f2f2; margin:0 0 0 0;border-top:1px solid #CCC;border-bottom:1px solid #CCC;}
#profileEditor .socialProperties input[type=checkbox] {margin-left:0;border: 0 none;}
.socialProperties p, .socialProperties h3 {margin: 0 0 0.5em 0;}
.socialProperties button {margin-top:20px}
.btnProperties {margin-top:-38px; padding:10px;}
.btnProperties:hover {background-color:#f2f2f2; border-top:1px solid #CCC; border-left:1px solid #CCC;}
.btnProperties.open {background-color:#f2f2f2; border-top:1px solid #CCC; border-left:0 none;}
.btnProperties span {background: url(/i/icons/down.png) no-repeat center right;width: 24px;display: inline-block;}
.btnProperties.open span {background: url(/i/icons/up.png) no-repeat center right;}
.newAccount {margin-top: 20%;}
.buttonsHolder a {margin-right: 10%; margin-left: 10%; display: inline-block; text-decoration: none;}
.buttonsHolder span {padding: 5px; display: block; background-color: fuchsia; width: auto; background-color:#336699; color:#FFF; border: solid 1px #666; }
/* similarity*/
.tasteometer {color:#666;font-size:11px;padding:0 0 10px 0}
.tasteometer .bar {display: block; position: relative; margin: 5px 0; height: 8px; overflow: hidden; border-radius: 3px; background: #ccc;}
.tasteometer .bar span {display: block; height: 8px; border-radius: 3px;}
.tasteometer .verylow span {background: #9a9a9a;}
.tasteometer .low span {background: #453e45;}
.tasteometer .medium span {background: #5336bd;}
.tasteometer .high span {background: #05bd4c;}
.tasteometer .veryhigh span {background: #e9c102;}
.tasteometer .super span {background: #ff0101;}
a.bx-next, a.bx-prev {opacity:0.2; display: inline-block; width: 32px; height: 32px; position: absolute; }
a.bx-next:hover, a.bx-prev:hover {opacity:0.5}
a.bx-prev{left:-35px;top:40%;background: url(/i/icons/prev.png) no-repeat 0 100%; }
a.bx-next{left:auto;top:40%;right:-35px;background: url(/i/icons/next.png) no-repeat 0 100%; }
.bx-pager-wrapper{position: absolute; left: 195px; top: 6px; bottom: 27px;}
.bx-pager{text-align:center;margin-top:10px;}
.bx-pager .pager-link{display: inline-block; background:url(/i/icons/switch.png) no-repeat; cursor:pointer; overflow: hidden; width: 8px; height: 8px; margin-right: 3px;}
.bx-pager .pager-active{background:url(/i/icons/switch_on.png) no-repeat;}