/*****************************************************************************/
/******************************* RESET CSS ***********************************/
/*****************************************************************************/
/*html,body,*/div.body div, div.body span, div.body applet, div.body object, div.body iframe, div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6, div.body p, div.body blockquote, div.body pre, div.body a, div.body abbr, div.body acronym, div.body address, div.body big, div.body cite, div.body code, div.body del, div.body dfn, div.body em, div.body img, div.body ins, div.body kbd, div.body q, div.body s, div.body samp, div.body small, div.body strike, div.body strong, div.body sub, div.body sup, div.body tt, div.body var, div.body b, div.body u, div.body i, div.body center, div.body dl, div.body dt, div.body dd, div.body ol, div.body ul, div.body li, div.body fieldset, div.body form, div.body label, div.body legend, div.body table, div.body caption, div.body tbody, div.body tfoot, div.body thead, div.body tr, div.body th, div.body td, div.body article, div.body aside, div.body canvas, div.body details, div.body embed, div.body figure, div.body figcaption, div.body footer, div.body header, div.body hgroup, div.body menu, div.body nav, div.body output, div.body ruby, div.body section, div.body summary, div.body time, div.body mark, div.body audio, div.body video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

div.body {
	line-height: 1;
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	padding: 0x;
	margin: 0px;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #000000;
	border-left: none;
	border-right: none;
}

/*****************************************************************************/
/****************************** GLOBAL SETTINGS ******************************/
/*****************************************************************************/
div.body {
	background-color: #111111;
	font-family: "Helvetica Neue", Arial, Verdana;
	font-size: 14px;
	text-align: center;
	color: #E0E0E0;
	margin: 0;
}

.body a, .body table a {
	color: #509DEB;
	text-decoration: none;
	text-shadow: 0 1px 1px #0E0E0E;
}

.body a *, .body table a * {
    color: #509DEB;
    text-decoration: none;
    text-shadow: 0 1px 1px #0E0E0E;
}

a:HOVER,table a:HOVER {
	text-decoration: underline;
}

.body a.invisibleLink, .body table a.invisibleLink {
	text-decoration: none;
	font-weight: normal;
	text-shadow: none;
}

a:hover.invisibleLink,table a:hover.invisibleLink {
	text-decoration: underline;
}

a img,table a img {
	text-decoration: none;
	border: none;
}

h1 {
	color: #90D302;
	font-size: 26px;
	margin-top: 20px;
	margin-bottom: 5px;
}

h1.dashboard {
    color: white;
    margin-bottom: 15px;
}

h2.dashboard {
    color: white;
    border-bottom: none;
    margin-top: 5px;
    font-weight: normal;
}

.body h2 .h2tab {
    padding-left: 20px;
    padding-right: 20px;
	height: 24px;
	position:relative;
	top : 4px;
	text-align: center;
	border: 1px solid #818181;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-top: 4px;
	font-size: 18px;
	color: #818181;	
	background-color: #515151;
	cursor: pointer;
	margin-right: 5px;
}
.body h2 .h2tab:FIRST-CHILD {
	left:1px;
}

.body h2 .h2tab.active {
	border-bottom-color: #202020;
	color: white;	
	background-color: transparent;
	cursor: default;
}
	
#trendingThemes a {
    float: left;
    margin-left: 18px;
}
#trendingThemes a:FIRST-CHILD {
	margin-left:0px;
}

h1 a {
	color: #90D302;
	text-decoration: none;
	text-shadow: none;
}

.body h2 {
	color: #90D302;
	font-size: 18px;
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #818181;
}

.body h2 a {
	color: #90D302;
	text-shadow: none;
}

.body h2.halfScreen {
	overflow: hidden;
	height: 30px;
	width: 450px;
}

h3 {
	color: #90D302;
	font-size: 16px;
	margin-top: 20px;
	padding-bottom: 3px;
}

img {
	vertical-align: middle;
}

blockquote {
 	margin: 0px;
 	font-style: italic;
}
blockquote:before { content: "\201C"; font-weight: bold; }
blockquote:after { content:  "\201D"; font-weight: bold; }

/*****************************************************************************/
/***************************** MAIN LAYOUT ***********************************/
/*****************************************************************************/
/** ---------------------------  Header Area ------------------------------- */
#headbanner {
	background-color: #000000;
	height: 46px;
	margin-top: 0;
	padding-top: 0px;
	width: auto;
}

#headseparator {
    height: 5px;
    width: auto;
    background-color: #767682;
} 

#headseparator table {
    height: 5px;
    width: 964px;
    margin: 0 auto;
}

#head {
	height: 46px;
	width: 964px;
	margin: 0 auto;
}

#head {
	font-family: Arial;
	font-size: 13px;
}

.headerLink {
	line-height: 26px;
    text-decoration: none;
    color: #E0E0E0;
}

#head .headerTab a.headerLink {
    line-height: 46px;
    font-weight: bold;
    height: 100%;
    display: block;
    color: #E0E0E0;
}

#head a.headerSubLink {
    line-height: 26px;
}

#head #account {
	padding: 5px;
	padding-top: 3px;
	z-index: 300;
}

#head #account:hover {
	background-color: #313030;
}

#head #account table {
	cursor: pointer;
	text-align: left;
}

#head #account table td:first-child {
	padding-right: 5px
}

#head .headerButton {
	font-size: 15px;
	height: 15px;
	line-height: 18px;
	text-transform: uppercase;
}

#head #logoToHome {
	background-image: url('../../../../../resources/img/index/logo_scoop_2.png');
	height: 46px;
	width: 964px;
	background-repeat: no-repeat;
	background-position: left center;
}

.toolbar .popupMenu, #head .popupMenu {
	width: 100px;
	background-color: #E6E6E6;
	color: black;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
}

.toolbar .popupMenu {
	width: 150px;
}

/********************/
/** Profile Menu **/
/********************/

#head .popupMenu#accountOptions {
    width: 140px;
}

/************************/
/** Notifications Menu **/
/************************/

#head .popupMenu#notifications {
    width: 264px;
    padding: 5px;
}

.toolbar .popupMenu a.invisibleLink, #head .popupMenuEnable a.invisibleLink {
	cursor: pointer;
	margin-left: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: black;
	text-shadow: 0 1px 1px white;
}

#head .popupMenuEnable a.invisibleLink.newBanner {
    padding-right: 30px;
}

#head .popupMenuEnable {
	position: relative;
	z-index: 10000;
	opacity: 0.95;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
}

#head .popupMenuEnable #seeAll {
	border-top: 1px solid #F1F1F1;
}

#head .popupMenuEnable #seeAll .buttonContainer.right  {
	margin-right: 6px;
	padding-bottom: 0px;
	padding-top: 12px;
	margin-top: 0px;
}

.headerTab.activeTab {
    background-image:url('../../../../../resources/img/top-banner/bg_tab.png');
}

.headerTab.tabHover:hover {
    background-image:url('../../../../../resources/img/top-banner/bg_tab.png');
}

#notificationsCounter {
	background-image: url("../../../../../resources/img/smth_new.png");
    background-repeat: no-repeat;
    border-top: 0 none;
    color: white;
    cursor: pointer;
    display: none;
    font-weight: bold;
    height: 17px;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 17px;
}

#notificationsCounter #notificationsCounterValue {
	color: white;
	font-size: 10px;
}

/*Search box*/
#searchbox a {
	margin: auto;	
}

#searchbox {
	position:relative;
	width: 220px;
}

#searchbox #searchInput {
	padding-right: 24px;
	height: 15px;
	line-height: 15px;
	width: 190px;
	font-size: 12px;
}

#searchbox #searchboxSubmit {
  	background-color: transparent;
    border: 0 none;
    height: 23px;
    right: -2px;
    position: absolute;
    top: -3px;
    width: 24px;
}

#searchbox #searchInput.loading {
	background-image: url('../../../../../resources/img/miniloadingontransparent.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

/** SEARCH PAGE **/

#searchpage {
    margin-right: 100px;
    margin-left: 100px;
}

#searchbar {
    margin-bottom: 20px;
}

#searchtitle {
    font-size: 130%;
    margin-top: 10px;
}

#searchtitle #searchquery {
    font-weight: bold;
}

#mainSearchBox {
	position: relative;
    margin-left: 180px;
    margin-top: 15px;
}

#mainSearchBox  #searchInput {
	padding-right: 32px;
	height: 18px;
    margin-top: 2px;
}

#mainSearchBox #searchInput.loading {
	background-image: url('../../../../../resources/img/miniloadingontransparent.gif');
	background-position: center right;
	background-repeat: no-repeat;
}

#mainSearchBox #searchboxSubmit {
  	background-color: transparent;
    border: 0 none;
    height: 24px;
    left: 385px;
    position: absolute;
    top: 0px;
    width: 23px;
}

#searchpage h1 {
	font-size: 20px;
}

#searchpage #results .showFollowButton {
    width: 80px;
}

#searchpage #topicSearchResult .submenuitem {
    color: #E0E0E0;
}

#searchpage #topicSearchResult .submenuitem .name {
    
}

#searchpage #topicSearchResult .submenuitem .name em {
    font-style: italic;
}

#searchpage #topicSearchResult .submenuitem .description em {
   font-style: italic;
}

#searchpage #topicSearchResult .submenuitem .title em {
    font-style: italic;
}

#searchpage #topicSearchResult .submenuitem .content em {
   font-style: italic;
}

#searchpage #topicSearchResult .submenuitem .content {
   padding-bottom: 5px;
}

#searchpage #topicSearchResult .submenuitem .content .highlightFragment {
   padding-bottom: 5px;
}

#searchpage #topicSearchResult #topicResult {
	margin-bottom: 20px;
}

#searchpage #topicSearchResult #postResult {
    margin-bottom: 20px;
}

#searchpage #topicSearchResult #endResult {
    clear: both;
}

#searchpage #searchPagination {
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
}

#searchpage #createorbrowse {
	margin-top: 20px;
    font-size: 120%;
    margin-bottom: 50px;
}

#searchpage #createorbrowse .button {
    font-size: 100%;
}

/**SEARCH SUGGESTIONS */

.suggestionResults {
	display: none;
	position: absolute;
	background-color: #E6E6E6;;
	text-align: left;
	right: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	z-index: 9999;
	width: auto;
}

.suggestionResults .suggestion {
	background: url("../../../../../resources/img/border-bottom.png") repeat-x bottom;
	background-position: bottom;
 	padding-left: 7px;
 	line-height: 26px;
    color: black;
    text-shadow: none;
    font-weight: normal;
    cursor: pointer;
    overflow: hidden;
}

.suggestionResults .suggestion span {
	color: black;	
}

.suggestion:LAST-CHILD {
	border-bottom: none;
	background: none;
}
.suggestionResults .suggestion.selected {
	background-color: white;
}

.suggestionResults .suggestion.selected:LAST-CHILD {
	background-color: white;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

/** --------------------------- content Area ------------------------------- */
#utilArea {
	background-color: #202020;
	background-image: url("../../../../../resources/img/body-background.jpg");
	padding-top: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
}

#allPage {
	width: 964px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 500px;
}

#allPage #allPageLeftArea {
	vertical-align: top;
}

#allPage #allPageRightArea {
	vertical-align: top;
	padding-top: 20px;
}

#maincontent {
	text-align: left;
	width: 642px;
	margin-top: 0px;
}

#main-right-menu {
	margin-top: 0px;
	min-height: 500px;
	width: 315px;
	padding-left: 15px;
}

/** ---------------------------  footer Area ------------------------------- */
#foot {
	background-color: #111111;
	border-top-color: #767682;
	border-top-style: solid;
	border-top-width: 3px;
	height: 100px;
	padding-top: 10px;
	text-align: center;
	color: #AFAFAF;
}

#foot a {
	color: #AFAFAF;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	position: relative;
	text-shadow: none;
}

#foot a:hover {
	text-decoration: underline;
}

/** ------------------------------ kind of text -----------------------------*/
.bigText {
	font-size: 18px;
}

/*****************************************************************************/
/***************************** MAIN CLASSES **********************************/
/*****************************************************************************/
/** --------------------------- BLOCK CLASSICAL ----------------------------------*/
/** --- contains a title followed with a inblock - */
div.block {
	margin-top: 10px;
}

.blackBorder {
	border: 1px solid black;
}

div.block .title {
	background-color: #313131;
	border: 1px solid #595959;
	height: 28px;
	line-height: 28px;
	padding: 4px 8px;
	position: relative;
	height: 28px;
}

div.block .title.blue {
    background-color: #509DEB;
    border: 1px solid #70B0F1;
}

div.block .title h1 {
	margin:0;	
}
div.block .title h2, div.block .title h2 a {
	color: #90D302;
	border-bottom: none;
	margin: 0;
	font-weight: bold;
}

 div.block #curatedList h2 a {
	color: black;
	background-color: transparent;
	border: none;
	font-size: 29px;
	font-weight: normal;
	margin: none;
	padding: 0;
} 

div.block .title h2 img {
	margin-right: 5px;
}

div.block .inblock.minilist {
	padding: 0px 10px 0px 10px;
}

div.block .inblock.list {
	padding-top: 10px;
}

div.block .inblock {
	padding: 1px 10px 10px 10px;
	border: 1px solid #595959;
	border-top: none;
	background-color: #313131;
}

/** ---------------------------- SIMPLE BLOCK -------------------------------*/
div.simpleBlockOuter {
	border: 1px solid black;
	margin-bottom: 10px;
}

div.simpleBlock {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	border: 1px solid #595959;
	background-color: #313131;
}

div.noElementBlock {
	padding: 10px;
}

div.noElementMinBlock {
	margin-top: 5px;
	margin-bottom: 5px;
}

/** ----------------------------- TIP BLOCK ----------------------------------*/
/** -- use it to display an info to the user */
div.tipBlock {
	background-color: #393939;
	font-size: 14px;
	font-style: italic;
	font-family: Georgia;
	min-height: 25px;
	padding-bottom: 10px;
	padding-left: 45px;
	padding-right: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	background-image: url("../../../../../resources/img/jack.png");
	background-repeat: no-repeat;
	line-height: 20px;
}

div.tipBlock.angry {
	background-image: url("../../../../../resources/img/jack_angry.png");
}

div.tipBlock.sources {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.tipBlock.twitter {
	background-image: url("../../../../../resources/img/quote.png");
	background-position: -5px 0px;
	padding: 5px;
	padding-left: 40px;
}

/** ----------------------------- TAB BLOCK ----------------------------------*/
div.block .title h2.tabActive {
	
}

div.block .title h2.tabInactive {
	cursor: pointer;
	color: #5F664F;
	text-shadow: none;
}

div.block .title .tabSeparator {
	margin-left: 4px;
	margin-right: 4px;
	color: #5F664F;
}

div.block .inblock .contentActive {
	display: block;
	padding-top: 10px;
}

div.block .inblock .contentInactive {
	display: none;
}

/** ---------------------------- BUTTON --------------------------------------*/
/** Use this for parents of class="button" links */
.buttonContainer {
	display: block;
	height: 22px;
	padding-bottom: 5px;
	margin-top: 10px;
}

/** Use this for parents of input type="submit" or type="button" */
.submitContainer {
	display: block;
	padding-bottom: 7px;
	margin-top: 10px;
}

.submitContainer * {
	text-shadow: 0 1px 1px #0E0E0E;
}

.buttonContainer.bottom {
	margin-bottom: 10px;
}

.buttonContainer.right,.submitContainer.right {
	text-align: right;
}

.buttonContainer.left,.submitContainer.left {
	text-align: left;
}

.buttonContainer.center,.submitContainer.center {
	text-align: center;
}

.buttonContainer.inline,.submitContainer.inline {
	display: inline;
	text-align: center;
	position: relative;
}

.buttonContainer.inline .button {
	/* make it appear on the same line of current text*/
	position: relative;
	top: -6px;
}

.buttonContainer.blockTitle {
	text-align: right;
	position: absolute;
	right: 10px;
	top: 8px;
	margin-top: 0px;
}

.buttonContainer.blockTitle .button {
	position: relative;
	top: -4px;
}

.button {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #509DEB;
	display: inline;
	text-align: center;
	color: white;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	padding: 6px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	line-height: 27px;
	text-shadow: 0 1px 1px #0E0E0E;
}

.button.green {
	background-color: #83B31F;
}

.button.red {
	background-color: #BC0000;
}

.button.gray {
	background-color: #4C4C4C;
}

div.button:hover {
	text-decoration: none;
	background-color: #2d688d;
}

.buttonContainer.left .button {
	margin-right: 5px;
}

.buttonContainer.right .button {
	margin-left: 5px;
}

.button.big {
	text-transform: uppercase;
	font-size: 15px;
}

.button.bigbig {
	text-transform: uppercase;
	font-size: 20px;
	padding: 4px 10px;
}

.button.medium {
	font-size: 14px;
}

.button.small {
	font-size: 12px;
	line-height: 19px;
	padding: 6px;
}

.button.mini {
   	font-size: 10px;
    padding: 4px;
}

.button.gray:HOVER {
	background-color: #393939;
	text-decoration: none;
}

.button.red:HOVER {
	background-color: #680202;
	text-decoration: none;
}

.button.green:HOVER {
	background-color: #738e39;
	text-decoration: none;
}

.button:HOVER,a.button:HOVER,table a.button:HOVER {
	background-color: #2d688d;
	text-decoration: none;
}

/** ---------------------------- FORMS --------------------------------------*/
/* General input styles */
textarea {
	font-family: "Helvetica Neue", Arial, Verdana;
}

textarea.forcode {
	font-family: monospace;
}

div.body input, div.body table input, div.body textarea, div.body table textarea, div.body select, div.body table select, div.body option, div.body table option
	{
	padding: 5px;
	width: 378px;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #e0e0e0;
}

option,table option {
	border: none;
	width: auto;
}

optgroup,table optgroup {
	color: #333333;
	font-size: 16px;
}

input.defaultValue,textarea.defaultValue {
	color: #888;
	font-style: italic;
}

/* select are very special... shits */
select,table select {
	width: 390px;
	height: 37px;
	line-height: 43px;
}

.body input[type=image], .body input[type=text], .body input[type=password], .body table input[type=text], .body table input[type=password]
	{
	height: 25px;
	line-height: 25px;
}

.body input[type=text].medium {
	font-size: 14px;
    height: 15px;
    line-height: 15px;
    font-weight: bold;
}

.checkbox,.radio,input[type=checkbox],table input[type=checkbox],input[type=radio],table input[type=radio]
	{
	width: auto;
	margin: 0;
	border: 0;
}

.body input[type=checkbox] {
	vertical-align: middle;
}

.body input[type=submit], .body input[type=button], .body table input[type=submit], .body table input[type=button]
	{
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 20px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: white;
	cursor: pointer;
	background-color: #509deb;
	border: 0;
	width: auto;
	text-shadow: 0 1px 1px #0E0E0E;
}

.body input[type=submit]:HOVER, .body input[type=button]:HOVER, .body table input[type=submit]:HOVER, .body table input[type=button]:HOVER
	{
	background-color: #2D688D;
}

input.medium,textarea.medium {
	font-size: 14px;
	font-weight: normal;
}

/**
 * Twitter needs to be display in a smaller way
 */
textarea.medium#twitterContent, textarea.medium#facebookContent, textarea.medium#facebook-pageContent {
	font-size: 11px;
}

.errors,.errors * {
	font-size: 16px;
	font-weight: bold;
	color: red;
}

.errors.small {
	font-size: 12px;
}

label,table label {
	font-size: 16px;
	font-weight: bold;
}

/* classical forms layout: label at the left, input at the right */
.formFullFrame {
	margin: auto;
	width: 650px;
	padding-top: 20px;
	text-align: left;
}

.formFullFrame table {
	border-collapse: separate;
	border-spacing: 2px 2px;
	text-align: left;
	font-size: inherit;
	width: 100%;
	padding-top: 5px;
	padding-left: 5px;
}

.formFullFrame td {
	vertical-align: middle;
	color: white;
	font-size: 13px;
}

.formFullFrame td input[type=checkbox] {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.formFullFrame input[type=submit] {
	text-shadow: 0 1px 1px #0E0E0E;
}

.formFullFrame h1 {
	padding-bottom: 2px;
	border-bottom: 1px solid #818181;
	margin-bottom: 0px;
}

.explain {
	margin-top: 1px;
	margin-bottom: 5px;
	font-size: 12px;
	font-style: italic;
	width: 100%;
}

.labelLeft {
	line-height: 30px;
	padding-top: 5px;
	float: left;
	width: 40%;
	height: 45px;
}

.inputRight {
	float: right;
	text-align: right;
	width: 60%;
	padding-bottom: 10px;
}

.formRightColumn {
	float: right;
	width: 60%;
}

.formRequired {
	font-size: 12px;
	font-style: italic;
	float: left;
}

/** --------------------------- FORM WITH NO LABEL ------------------------*/
#createOrEditAPostform h2 {
	margin-bottom: 20px;
}

.noLabelForm {
	padding-left: 5px;
	padding-right: 5px;
}

.noLabelForm .noLabel {
	margin-top: 10px;
	margin-bottom: 10px;
}

.noLabelForm .noLabel input[type="text"],.noLabelForm .noLabel input[type="password"],.noLabelForm .noLabel textarea
	{
	width: 610px;
}

/* If you need to embedd captcha... */
.captchaImg {
	width: 160px;
	float: left;
	margin-right: 10px;
	margin-top: 1px;
}

.captchaInput {
	width: 200px;
	float: right;
}

.errors {
	margin-left: 5px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: red;
}

.disabled {
	color: #777777;
}

/** IMAGE SELECTOR */
#imageselector {
	position: relative;
}

#imageselector>img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

#paginator {
	margin: auto;
	text-align: center;
	margin-top: 5px;
}

#paginator div.paginatorDiv {
	height: 16px;
	padding: 2px;
	padding-top: 5px;
	border: 1px solid white;
	cursor: pointer;
	width: 21px;
	float: left;
}

#paginator div#imageCounter {
	text-align: center;
	font-size: 10px;
}

#paginator div.paginatorDiv#next {
	border-left: none;
}

#paginator div.paginatorDiv img {
	border: none;
}

img.thumbnail {
	overflow: hidden;
	display: none;
	border: 1px solid white;
	width: expression(this.width > 100 ? 100 : true);
	height: expression(this.height > 100 ? 100 : true);
}

.twitterEdition, .facebookEdition, .facebook-pageEdition {
	width: 100%;
	display: none;
	margin-top: 10px;
	margin-bottom: 10px;
}

.twitterEdition {
	margin-top: -5px;
}

/* ------------------------------- LIST DECORATION ------------------------*/
/** --- list needs to be in a table									     - */
/** --- link in list does not contain text-decoration 					 - */
.submenuitem {
	background: url("../../../../../resources/img/border-bottom.png") repeat-x bottom;
	background-position: bottom;
	color: #3E3E3E;
	font-size: 14px;
	padding: 10px 0px 10px 0px;
}

.submenuitem .ugcSuggestionCount {
	position: absolute;
	top: 15px;
	left: 5px;
	background-color: #509DEB;
	padding: 2px;
	z-index: 3;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-boder-radius: 2px;
	font-weight: bold;
	cursor: pointer;
	color: white;
}

.submenuitem.inline {
	float: left;
	width: 300px;
	background: none;
}

.submenuitem .menutd {
	line-height: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#notificationList .submenuitem {
	overflow: hidden;
	padding: 0px 0px;
	position: relative;
}

#notificationList .notif .unreadNotification {
	background-image: url("../../../../../resources/img/smth_new.png");
    height: 11px;
    left: 21px;
    position: absolute;
    top: 4px;
    width: 11px;
}

#notificationList .unreadTopBorder {
	background-image: url("../../../../../resources/img/dashboard/top_unread_item.png");
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
	position: absolute;
	top: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#notificationList .unreadBottomBorder {
	background-image: url("../../../../../resources/img/dashboard/bottom_unread_item.png");
	background-repeat: repeat-x;
	height: 7px;
	width: 100%;
	position: absolute;
	bottom: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#notificationList .newOpacity {
	background-color: #509DEB;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

tr.submenuitem {
	color: #3E3E3E;
	font-size: 14px;
	height: 43px;
}

.submenuitem:LAST-CHILD td,.submenuitem:LAST-CHILD {
	border-bottom: none;
	background: none;
}

tr.submenuitem td {
	margin-left: 10px;
	padding: 1px 5px;
	line-height: 25px;
}

tr.submenuitem .menulink {
	font-weight: bold;
	text-decoration: none;
}

/* -------------------------- CLEAR ----------------------------------------*/
.clear {
	clear: both;
}

/*****************************************************************************/
/***************************** OBJECT CLASSES ********************************/
/*****************************************************************************/
/* ------------------------------- USER ------------------------------- */
table.user {
	width: 100%;
	position: relative;
}

table.user td {
	text-align: left;
	vertical-align: top;
}

table.user td:first-child {
	width: 58px;
}

.big2columns .user .name {
	font-size: 18px;
	font-weight: bold;
}

/* ------------------------------- PROFILE ------------------------------- */
/* -- displayed in a table */ /* -- first td contains picture */
/* -- second one contains uneser name */
.profile {
	width: 100%;
	position: relative;
	margin-top: 20px;
}

.profile td,tr.submenuitem .profile td {
	line-height: normal;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	text-align: left;
}

.profile td.imgContent {
	width: 116px;
	vertical-align: top;
}

.profile td.imgContent .bigAvatar {
	position: relative;
	height: 116px;
}

.profile .avatar {
	width: 106px;
	height: 106px;
}

.profile .avatar img {
	border: 5px solid #E0E0E0;
	width: 96px;
	height: 96px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.profile h1.name,.profile h1.name a {
	color: white;
	border-bottom: none;
	margin-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis-word;
	width: 199px;
}

.profile .buttonContainer.left {
	padding-top: 0px;
}

.profile .networks {
	position: absolute;
	width: 106px;
	text-align: right;
	bottom: 15px;
	width: 101px;
}

.socialNetworks .networks {
	position: relative;
	width: auto;
	text-align: left;
	bottom: 0px;
}

.profile table.myProfile {
	width: 100%;
	height: 106px;
	margin-bottom: 10px;
}

.profile table.myProfile .edit {
	vertical-align: bottom;
	height: 36px;
}

/* --- profile edition (general form customization) */
#profileContent {
	font-size: 13px;
}

#profileContent table {
	width: 100%;
}

#profileContent input[type=checkbox] {
	margin-top: 5px;
	margin-bottom: 5px;
}

#findFriends {
	margin-top: 3px;
}

#profileContent #getItFromTwitter {
	margin-top: 10px;
}

.profileTitle {
	color: #509deb;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #818181;
	padding-top: 10px;
}

.separatorProfile {
	border-bottom: 1px solid #818181;
	margin-top: 0px;
	margin-bottom: 5px;
}

.separatorOptions {
	
}

/* ------------------------------- USER ICON ----------------------------- */
/** -- for small and inline list of users */
div.userIcon {
	display: block;
	float: left;
	padding-right: 12px;
	position: relative;
	width: 46px;
}

div.userIcon img {
	border: 1px solid white;
	width: 48px;
}

div.userIcon .overlay {
	padding-left: 4px;
	margin-left: 5px;
	width: 46px;
}

div.userIcon .snsOverlay {
	height: 12px;
	right: 9px;
	position: absolute;
	top: 37px;
	display: block;
}

div.userIcon .snsOverlay img {
	border: none;
	width: 12px;
	height: 12px;
	float: right;
}

/* --------------------------------- SNS --------------------------------- */
/** -- social network */
.networks {
	font-size: 14px;
	position: relative;
}

.networks .connect {
	margin-bottom: 5px;
}

.networks .network {
	display: inline;
	margin-right: 8px;
	*margin-right: 7px;
	position: relative;
}

.networks .network img.selected {
	position: absolute;
	top: 12px;
	left: 16px;
	*bottom: -6px;
	*right: 0px;
	z-index: 1000;
}



/* --------------------------------- Share Config --------------------------------- */
.sharerConfigName {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial;
	padding-bottom: 8px;
}

#sharerConfig .submenuitem {
	padding: 20px 0px;
	color: #E0E0E0;
}

#sharerConfig .buttonContainer {
	margin-top: 0px;
}

#sharerConfig .labelLeft {
	width: auto;
	margin-left: 430px;
}

#sharerConfig .inputRight {
	width: auto;
}

/* ---------------------- POST target ----------------------------------- */
#postOnTable {
	margin-top: 5px;
	width: 100%;
}

/* -------------------------------- SCORE -------------------------------- */
/** -- Score need to be displayed in a table */
table.score {
	width: 100%;
}

table.score td:FIRST-CHILD {
	border: none;
	height: auto;
}

#userVisitors {
	margin-bottom: 0px;
}

#userVisitors.inProfile {
	width: auto;
	float: right;
}

table.score td {
	font-size: 12px;
	font-weight: normal;
	vertical-align: top;
	width: 33%;
	height: auto;
	border-left: 1px solid #818181;
	text-align: center;
}

table.score td div {
	line-height: 20px;
}

table.score.inProfile td div {
	line-height: 15px;
}

table.score #userScore, table.score #progressionContent, table.score .statNumber {
	font-size: 24px;
	font-weight: bold;
	cursor: default;
}

table.score.inProfile #userScore, table.score #progressionContent, table.score .statNumber  {
	font-size: 18px;	
}

table.score #lastScoopedPostContent {
	font-size: 20px;
	font-weight: bold;
}

table.topUserList {
	width: 100%;
	margin-top: 10px;
}

table.topUserList td:FIRST-CHILD {
	height: auto;
}

table.topUserList td {
	height: auto;
	vertical-align: bottom;
}

table.socialNetworks {
	width: 100%;
}

table.userList .userIcon {
	padding-right: 12px;
}
/** ---------------------- PEOPLE FULL SCREN LIST -------------------------*/
/** -- a full screen user list need to be displayed in a table */
table.userList {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}

table.userList th {
	background-color: #313131;
	height: 31px;
	padding-bottom: 6px;
	padding-top: 3px;
	text-align: center;
	font-size: 18px;
	width: 90px;
	color: #83B31F;
}

table.userList tr.line {
	height: 71px;
}

table.userList tr.line.userConnected {
	background-color: #222222;
}

table.userList .separe {
	height: 19px;
	background-image: url(http://jib-sdbio.fr/admin/M/block/ResourcesScoopit/css/resources/img/separe.png);
}

/** rank */
table.userList td.rank {
	vertical-align: middle;
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
}

table.userList td.rank div {
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	padding: 4px;
}

table.userList td.rank.position1 div,table.userList td.rank.position2 div,table.userList td.rank.position3 div
	{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 40px;
	color: black;
	text-shadow: 0 1px 0 white;
	padding-bottom: 13px;
	padding-top: 13px;
}

table.userList td.rank {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	width: 20px
}

/** curator */
table.userList td.curator {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

/** stat */
table.userList td.stat {
	font-size: 13px;
	color: white;
	font-weight: bold;
	padding: 10px;
	vertical-align: middle;
}

table.userList td.stat table.score td {
	text-align: center;
	vertical-align: top;
}

/** topics */
table.userList td.topics {
	vertical-align: middle;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

/* -------------------------------- TOPICS ------------------------------- */
/* -- USE THIS TO DISPLAY A TOPIC IN A LIST
/* -- classical topic display is a table */
/* -- first td contains image */
/* -- second one contains name and description */
.theme {
	width: 100%;
	position: relative;
}

.theme td,tr.submenuitem .theme td {
	line-height: normal;
	padding: 0px;
	vertical-align: top;
	text-align: left;
}

.theme td:FIRST-CHILD {
	width: 58px;
}

.theme .image {
	position: relative;
	width: 50px;
	height: 50px;
	margin-right: 8px;
}

.theme .image img {
	width: 48px;
	height: 48px;
	overflow: hidden;
	border: 1px solid white;
	margin-right: 10px;
}

.theme .image.medium {
	width: 68px;
	height: 68px;
}
.theme .image.medium img{
	width:64px;
	height:64px;
}

.theme .name a {
	font-weight: bold;
	text-decoration: none;
	position: relative;
	font-size: 18px;
}

.isActive {
    position: relative;
    bottom: 2px;
    z-index: 2;
}

.theme .description {
	max-width: 380px;
	overflow: hidden;
	color: #E0E0E0;
}

.theme .description a {
	text-shadow: none;	
}

.theme .permlink {
	
}

.big2columns .theme .name {
	font-size: 18px;
}

.overlay {
	background-image: url("../../../../../resources/img/tutorial/overlay_bg.png");
	color: white;
	cursor: pointer;
	font-size: 19px;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.theme .overlay {
	height: 22px;
	padding-left: 5px;
	width: 45px;
}

/* Post meta */

.postlist {
    width: 100%;
    position: relative;
}

.postlist .title {
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.postlist .title a {
    font-weight: bold;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    color: #FFFFFF;
}

.postlist .title a .highlighted {
    color: #E0E0E0;
    font-size: 18px;
}

.postlist .title .themeinfo {
    font-size: 16px;
}

.postlist .title .themeinfo a {
    font-weight: bold;
    text-decoration: none;
    position: relative;
    font-size: 16px;
    color: #509DEB;
}

.postlist .image {
    position: relative;
    width: 50px;
    height: 50px;
    margin-right: 8px;
    float: left;
}

.postlist .image img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-right: 10px;
}

.postlist .content {
    overflow: hidden;
    font-family: Georgia;
    font-size: 14px;
    line-height: 16px;
}

.postlist .content a {
    color: #E0E0E0;
    text-shadow: none;  
    font-family: Georgia;
    font-size: 14px;
}

.postlist .lastchild {
	clear: both;
	
}

/* Topic creation form customization */
#themeCreationContent .labelLeft {
	width: 30%;
}

#themeCreationContent .inputRight {
	width: 70%;
}

#themeCreationContent .formRightColumn {
	width: 70%;
}

#themeCreationContent input[type=text] {
	width: 443px;
}

#themeCreationContent select {
	width: 455px;
}

/* -------------------------------- THEME STATS ------------------------------- */
.theme .statTable>tbody>tr>td:FIRST-CHILD {
	width: 250px;
}

.theme table {
	width: 100%;
	color: #ffffff;
	height: 50px;
	border-spacing: 1px;
	border-collapse: separate;
	text-align: center;
}

.theme table td {
	vertical-align: middle;
	padding: 5px;
	text-align: center;
	font-size: 12px;
}

.bgTableStats {
	background-color: #4C4C4C;
}

.statsNumbers {
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
}

/* -------------------------------- TOPICS HEADER ------------------------------ */
/* -- used in topic header in curation / view */
#themeHeader {
	
}

#themeHeader .image img {
	border: white solid 1px;
	float: left;
	margin-right: 10px;
}

#themeHeader #titleAndDescription {
	overflow: hidden;
}

#themeHeader #titleAndDescription  h1 {
	border: none;
	display: inline;
}

/* --------------------------------- CATALOG -------------------------------------*/
.catalogTable {
	width: 100%;
}

.catalogTable td {
	padding-left: 10px;
	padding-right: 10px;
}
.catalogTable td table.catalogitem td {
	padding-left: 0px;
	padding-right: 0px;
}

.catalogTable table.catalogitem {
	width: 100%;
}

.tipBlock.catalog {
	margin-top: 8px;
}
/*---------------------------------- SOURCES --------------------------------------*/
/** display a source in management mode */
.sourceItem {
	margin-bottom: 2px;
}

.sourceItem table {
	width: 100%;
	background-color: #4C4C4C;
}

.sourceItem table td {
	vertical-align: top;
	text-align: left;
}

.sourceItem table td.type {
	text-align: left;
	padding: 10px;
}

.sourceItem table td.desc {
	text-align: left;
	padding: 10px;
}

.sourceItem table td.desc .titleItem {
	margin-bottom: 3px;
	overflow: hidden;
	line-height: 18px;
	width: 315px;
}

.sourceItem table td.desc .moreItem {
	overflow: hidden;
	line-height: 17px;
	width: 315px;
}

.sourceItem table td.desc .titleItem * {
	color: #509DEB;
	font-weight: bold;
	font-size: 16px;
}

.sourceItem table td.action {
	padding: 10px;
	width: 10px;
	text-align: right;
	vertical-align: middle;
}

#sourceConfigDiv {
	background-color: #4C4C4C;
	margin-bottom: 10px;
	padding: 10px;
}

.sourceSepare {
	border-bottom: 1px solid #555555;
	border-top: 1px solid #000000;
}

/* ---------------------------------- SELECTOR ----------------------------------- */
/* -- The selector in the curation top area 
/* ------------------------------------------------------------------------------- */
.itemSelector {
	position: relative;
}

#themeSelector #themeImage {
	height:48px;
	width:48px;
	border: 2px solid white;
	float: left;
	margin-right: 8px;
}

#themeSelector #titleAndDescription #themeTitle h1 {
	text-shadow: 1px 1px 1px #444444;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 20px;
	font-weight: bold;
	color: white;
}

#themeSelector #titleAndDescription {
	width:830px; 
	height: 52px;
    overflow: hidden;
}

#themeSelector #titleAndDescription #themeTitle {
	width:790px;

}

#themeSelector #titleAndDescription #themeDescription {
	font-size: 14px;
	padding-top: 7px;
	width:790px;
}

.itemSelector .current {
	width: 100%;
	cursor:pointer;
}

.itemSelector .current .itemContent {
	background-image: url('../../../../../resources/img/selector/bg_selector.png');
	border:1px solid #444444;
	height:61px;
	width: 900px;
}
.itemSelector .current .itemContent .item {
	padding: 4px;
}

.itemSelector .itemArrow {
	background-image: url('../../../../../resources/img/selector/bg_selector.png');
	border:1px solid #444444;
	height:62px;
}
.itemSelector .itemArrow.open {
	background-image: url('../../../../../resources/img/selector/bg_selector_open.png');
}

.itemSelector .dropdown {
	background-image: url('../../../../../resources/img/selector/arrow_selector_open.png');
	background-repeat: no-repeat;    
	background-position: 10px 17px;
	width:62px;
	height:56px;
}

.itemSelector .itemArrow.open .dropdown {
	background-image: url('../../../../../resources/img/selector/arrow_selector_open.png');
}

.itemSelector .toSelect {
	opacity: 0.95;
	filter: alpha(opacity = 95);
	display:none;
	border:1px solid #444444;
	border-top : 0px;
	background-color: #302F2F;
	position:absolute;
	z-index: 999999;
	width:964px;
}

.itemSelector .toSelect .item {
	padding:4px;
	cursor:pointer;
	border-bottom: 1px solid #444444;
	border-top: 1px solid #000000;
}

/* -------------------------------- CURATION HEADER ------------------------------ */
#curationHeader {
	margin-top: 10px;
}

#curationHeader #themeHeader #themeImage {
	height:48px;
	width:48px;
	border: 2px solid white;
}

#curationHeader #themeHeader h1 *{
	font-size: 20px;
}

#curationHeader #themeHeader #titleAndDescription #themeTitle h1 {
	text-shadow: 1px 1px 1px #444444;
	margin-bottom:5px;
	margin-top:5px;
	font-size: 20px;
	font-weight: bold;
	color: white;
}

#curationHeader #themeHeader #titleAndDescription {
	width:830px; 
	height: 52px;
    overflow: hidden;
}

#curationHeader #themeHeader #titleAndDescription #themeTitle {
	width:790px;

}

#curationHeader #themeHeader #titleAndDescription #themeDescription {
	font-size: 14px;
	padding-top: 7px;
	width:790px;
}


#curationList #nomore {
	margin-top: 10px;
	margin-bottom: 0px;
}

/* -------------------------------- CURATION ACTIONS ------------------------------ */
.toolbar {
	margin-top: 16px;
}

.toolbar #statsforthistheme {
	display: none;
}

.toolbar .sharers {
	line-height: 18px;
	display: none;
	text-align: left;
}

.toolbar .shareLink {
	display: block;
	color: white;
	font-size: 12px;
}

.toolbar #followersforthistheme {
	display: none;
	font-weight: normal;
	font-size: 12px;
}

.toolbar #divStats {
	z-index: 5;
}

/** ---------------------------------- CURATION POST ------------------------------*/
#noScoopYet,#nomore,#purgeButton {
	display: none;
}

#noScoopYet,#nomore,#purgeButtonBottom {
	display: none;
}

#curationTable>tbody>tr>td {
	vertical-align: top;
}

#curationTable td>div.block {
	width: 491px;
}

#curationTable td:first-child>div.block {
	width: 461px;
}

#curationTable .block {
	margin-top: 6px;
}

.postToCurate {
	background-color: #4C4C4C;
	padding: 10px;
	font-size: 12px;
	margin-top: 4px;
	width: 419px;
}

.postToCurate blockquote {
	color: #E0E0E0;
	font-style: normal;
}

.separePostToCurate {
	margin-top: 7px;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #000000;
}

.postToCurate .postTitle {
	font-size: 18px;
	font-weight: bold;
	color: #509DEB;
	margin-top: 5px;
}

.postToCurate .postContent {
	margin-top: 5px;
	text-align: left;
	overflow: hidden;
}

.postToCurate .postImage {
	float: left;
	margin-right: 5px;
}

.postToCurate .postImage img {
	border: 1px white;
	width: 48px;
}

.metas img {
	width: 16px;
}

.metas td {
	vertical-align: middle;
}


/** POSTS SCHEDULED */

#scheduledPosts .postToCurate {
	width: auto;
}

#scheduledPosts .separePostToCurate:last-child {
	/*display: none;*/
}

.postCuration.scheduled {
}

/** ---------------------------------- ADVICES ------------------------------*/
.advices {
	margin-top: 10px;
	margin-bottom: 10px;
}

/** ---------------------------------- NOTIFICATION ------------------------------*/
/* -- notification is displayed in a div */
div.highlightonhover:HOVER {
	
}

div.notification {
	padding: 5px 0px;
}

div.notification a {
	color: white;
	font-weight: bold;
	font-size: 1.08em;
}

div.notification img.image {
	width: 24px;
	height: 24px;
	border: 1px solid white;
	float: left;
	margin-top: 5px;
	margin-right: 8px;
	vertical-align: baseline;
}

div.notification div.date {
	font-size: 12px;
	padding-left: 35px;
	line-height: 17px;
	color: #E0E0E0;
}

div.notification div.content {
	line-height: 20px;
	padding-left: 35px;
	color: #C0C0C0;
}

#head div.notification div.content {
    color: black;
    text-shadow: 0 1px 0px white;
}

div.notification div.content b {
	font-weight: bold;
	color: white;
}

#head div.notification div.content b {
    color: black;
}

div.notification div.content span.stats {
	font-size: 12px;
}

div.notification div.content div.comment {
	font-size: 12px;
	line-height: 12px;
	font-style: italic;
	margin-bottom: 3px;
	font-family: Georgia, Arial;
}

#head div.notification div.content div.comment {
    color: black;
}

#head div.notification div.content span.stats {
    color: black;
}

/** ---------------------------------- POST IN A VIEWBOX (followedTopics and topicPostLis) ------------------------------*/
/*** VIEWBOX ***/
.viewbox {
	background-image: url('../../../../../resources/img/view/bg_white_transp.png');
	background-color: transparent;
	border: 0px solid #dfdfdf;
	position: relative; *
	position: static;
	margin-top: 8px;
	margin-bottom: 15px;
	padding: 10px;
	padding-bottom: 5px;
	color: black;
}

/**** POST ***/
.viewbox .onePost {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #C3C3C3;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
}

.postView {
	clear: both;
	background-color: #FFFFFF;
	position: relative;
	width: 457px;
	padding: 5px;
	padding-bottom: 0;
	color: black;
}

.postView .title *,.postView .description *,.postView .image *,.postView .postSource *
	{
	text-shadow: none;
}

/** METAS **/
.postView .metas {
	line-height: 16px;
	font-size: 12px;
}

.postView .metas span,.postView .metas a {
	color: #5B5B5B;
	text-shadow: none;
}

.postView .metas .sourceicon {
	float: left;
	margin-right: 5px;
}

/** TITLE **/
.postView div.title {
	text-align: left;
	font-family: MyriadProBoldCondensed, Arial narrow, Arial;
	font-size-adjust: 0.49;
	font-size: 29px;
	margin-bottom: 5px;
	word-wrap: break-word;
	font-weight: normal;
	color: black;
	background-color: transparent;
	height: auto;
	padding: 0px;
	border: none;
}

h2.postTitleView {
	font-weight: normal;
	border-bottom: none;
	margin-top: 5px;
	font-size: inherit;
}

.postView .title a {
	text-decoration: none;
	text-shadow: none;
	color: black;
}

.postView .title a:hover {
	text-decoration: underline;
}

/*** IMAGE **/
.postView .image {
	float: left;
	padding-bottom: 5px;
	margin-right: 5px;
}

.postView .image img {
	max-width: 455px;
	max-height: 455px;
	width: auto;
	height: auto;
}

.postView.small .image img {
	width: 112px;
	max-height: none;
}

.postView.medium.left .image, .postView.small.left .image {
	margin-right: 5px;
}

.postView.medium.right .image, .postView.small.right .image {
	margin-left: 5px;
}

.postView.medium .image img {
	width: 224px;
	max-height: none;
}

.sticky .postView.big .image img {
	width: 449px;	
}

.postView.big .image img {
	width: 455px;
	max-height: none;
}

.postView.left .image {
	float: left;
}

.postView.right .image {
	float: right;
}

.postView.center{
	text-align: left;
}

.postView.center .image {
	float: none;
	clear: both;
	display: block;
	text-align: center;
	margin-right: 0px;
}

.postView .htmlfragment {
	margin-bottom: 5px;
	 margin-left: 4px;
}

.postView .description img {
    max-width: 455px;
    max-height: 455px;
    float: left;
    padding-bottom: 5px;
    margin-right: 5px;
}

/** DESCRIPTION **/
.postView .description {
	text-align: left;
	font-family: Georgia, Arial;
	font-size: 16px;
	word-wrap: break-word;
	color: black;
}

.postView .postSource {
	padding: 5px 0px;
	text-align: right;
	font-size: 10px;
	color: #5B5B5B;
}

.postView .postSource a {
	color: #5B5B5B;
	text-shadow: none;
}

/*** CAPSLIDE ***/
.postView div.actionTpl {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.postView div.actionTpl.goLeft {
	background-image: url('../../../../../resources/img/imgOverlay/icon_layout_left.png')
}

.postView.left div.actionTpl.goLeft,.postView.big div.actionTpl.goLeft {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_left_off.png');
	cursor: auto;
}

.postView div.actionTpl.goCenter {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_center.png')
}

.postView.center div.actionTpl.goCenter,.postView.big div.actionTpl.goCenter
	{
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_center_off.png');
	cursor: auto;
}

.postView div.actionTpl.goRight {
	background-image: url('../../../../../resources/img/imgOverlay/icon_layout_right.png')
}

.postView.right div.actionTpl.goRight,.postView.big div.actionTpl.goRight
	{
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_right_off.png');
	cursor: auto;
}

.postView div.actionTpl.goSmall {
	background-image: url('../../../../../resources/img/imgOverlay/icon_layout_small.png')
}

.postView.small div.actionTpl.goSmall {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_small_off.png');
	cursor: auto;
}

.postView div.actionTpl.goMedium {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_medium.png')
}

.postView.medium div.actionTpl.goMedium {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_medium_off.png');
	cursor: auto;
}

.postView div.actionTpl.goBig {
	background-image: url('../../../../../resources/img/imgOverlay/icon_layout_big.png')
}

.postView.big div.actionTpl.goBig {
	background-image:
		url('../../../../../resources/img/imgOverlay/icon_layout_big_off.png');
	cursor: auto;
}

/** ACTION BAR */
.onePost .actionsBar {
	height: 32px;
	background-image: url('../../../../../resources/img/post/bg_toolbar_post.png');
	width: 467px;
	table-layout: fixed;
}

.onePost .actionsBar td {
    padding: 0px 5px;
}

.onePost .actionsBar img.action {
	cursor: pointer;
	margin-right: 5px;
	float: left;
}

.onePost .actionsBar td.rightSide .rightItem {
    float: right;
    margin-right: 0px;
    margin-left: 5px;
    cursor: pointer;
}

.onePost .actionsBar div.action * {
	text-decoration: none;
	color: #509DEB;
	font-weight: bold;
	font-size: 12px;
	text-shadow: none;
}

.onePost .actionsBar div.action a:hover {
	text-decoration: underline;
}

.onePost .actionsBar div.action.reactions #reactionsToggleOn {
	display: none;
}

.onePost .actionsBar div.action.reactions img {
	vertical-align: baseline;
}

.onePost .actionsBar div.action.tags #tagsToggleOn {
	display: none;
}

.onePost .actionsBar div.action.sns>span:hover,.onePost .actionsBar div.action.reactions>span:hover
{
	text-decoration: underline;
}

.onePost .actionsBar .button {
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	display: block;
	margin-left: 5px;
}

/* ------------------------------- SPECIFIC FOR TINYMCE ---------------------------------------------------*/
.noLabel .defaultSkin table.mceLayout {
	padding: 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: white;
}

.noLabel .defaultSkin table.mceLayout tr.mceLast td,.noLabel .defaultSkin table.mceLayout tr.mceFirst td
	{
	border: none;
}

/* -------------------------------- REACTIONS -------------------------------------------------------------*/
.reactionsZone {
	display: none;
	padding-top: 5px;
	padding-bottom:5px;
    width: 467px;
	background-color: #e6e6e6;
}
.reactionsZone .commentForm {
	padding-left:5px;
	padding-right:5px;	
}

.reactionsZone .reactionsInfo * {
	color: #333333;
	font-size: 12px;
}

.commentForm textarea {
	width: 449px;
}

.commentForm label {
	color: #333333;
	font-size: 14px;
}

.commentForm .errors {
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 4px;
	padding-top: 0;
}

.onePost .actionsBar .reactionsZone .commentForm .buttonContainer.right
	{
	margin-top: 5px;
}

.commentForm textarea,.commentForm input[type=password],.commentForm input[type=text]
	{
	font-size: 14px;
	padding: 3px;
	font-weight: normal;
	border: 1px solid #888888;
}


#commentList .comment .image img {
	width: 16px;
	height: 16px;
	margin-right: 6px;
}


#commentList .comment .metas td {
	text-align: left;
}


#commentList .comment .metas td span.author a{
	color:#509DEB;
	text-shadow: 0px 1px 0px white;
	font-weight:bold;
	font-family: Arial;
	font-style: normal;
}

#commentList .comment .metas .action.moderate {
    text-align: right;
    font-family: Arial;
    font-style: normal;
    font-size: 12px;
    width: 20px;
}

#commentList .comment .metas .action.moderate a {
    margin-left: 5px;
    color:white;
    text-shadow: 0px 1px 0px #509DEB;
}

#commentList .comment .metas .action.moderate img {
    width: 16px;
    height: 16px;
}

#commentList .comment .metas .action.delete {
    text-align: right;
    width: 20px;
}

#commentList .comment .metas .action.delete img {
	width: 16px;
	height: 16px;
}

#commentList .comment .content {
	overflow-x: hidden;
	overflow-y: hidden;
	word-wrap: break-word;
	padding-top:2px;
	padding-bottom:1px;
}

#commentList .comment.pendingmoderation {
    background-color:#bbbbbb;
}
#commentList .comment.pendingmoderation.lighter {
    background-color:#cccccc;
}

#commentList .comment * {
	color: black;
	text-shadow: 0px 1px 0px white;
}

#commentList .comment {
	font-size:14px;
	color: black;
	text-shadow: 0px 1px 0px white;
	padding: 7px;
	font-family: Georgia, Arial;
	font-style:italic;
	line-height:16px;
}

#commentList .comment .date{
	font-family: Arial;
	font-style: normal;
	font-size: 12px;
	padding-top:2px;
}
#commentList .comment.lighter {
	background-color:#f4f4f4;
}

.reactionsComments .comments {
	padding-top: 5px;
}

.formItem.captcha {
	padding-bottom: 5px;
}

.commentCaptcha {
	width: 128px;
	height: 33px;
	margin-right: 5px;
}
/** HIGHLIGHT IN BLUE */
.postView.highlightBlue {
	background-image: url("../../../../../resources/img/post/post_star_blue.png");
	background-position: 414px 0px;
	background-repeat: no-repeat;
	border: 3px solid #3c89cf;
	width: 451px;
}

/** FAVORITE **/
.postView.favorite {
	background-image: url("../../../../../resources/img/post/post_star.png");
	background-position: 414px 0px;
	background-repeat: no-repeat;
	border: 3px solid #3c89cf;
	width: 451px;
}

.postView.favorite .metas,#viewMode .viewbox .postView.highlightBlue .metas
	{
	margin-right: 40px;
}

.postView.favorite .title,#viewMode .viewbox .postView.highlightBlue .title
{
	margin-right: 40px;
}

/*  -----------------------------  header for followedTopic Page ------------------------------------------*/
.followedReader .header {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}

.followedReader .header td:FIRST-CHILD {
	padding-right: 10px;
}

.followedReader .header #searchbox {
	margin-left: 20px;
	float: right;
	margin-bottom: 12px;
	margin-top: 18px
}

.followedReader .header .image {
	border: solid 1px white;
}

/** ---------------------------------- USED TO SHOW A THEME INTO A SMALL VIEW ------------------------------*/
.themeMiniHeader {
	position: relative;
}

.themeMiniHeader table td.unfollow {
	vertical-align: bottom;
	padding-bottom: 3px;
}

.themeMiniHeader table td * {
	vertical-align: top;
}

.themeMiniHeader table td.image {
	width: 32px;
	padding: 3px;
	padding-right: 5px;
	vertical-align: top;
}

.themeMiniHeader table td a.title,.themeMiniHeader table td .dateCurator a {
	text-decoration: none;
	text-shadow: none;
}

.themeMiniHeader table td a.title {
	font-family: MyriadProBoldCondensed, Arial narrow, Arial;
	font-size: 24px;
	font-weight: normal;
	font-size-adjust: 0.49;
}

.themeMiniHeader table td a:hover {
	text-decoration: underline;
}

.themeMiniHeader table td a.button:hover {
	text-decoration: none;
}

.themeMiniHeader .dateCurator {
	line-height: 20px;
	font-size: 12px;
}

/** ----------- LITTLE BOX -------- */
.littleBoxContainer {
	position: absolute;
	display: none;
	background-image: url("../../../../../resources/img/littlebox/arrowtop.png");
	background-repeat: no-repeat;
	background-position: 10px 0px;
	padding-top: 11px;
	z-index: 200;
	left: 0;
	color: #E0E0E0;
	cursor: default;
}

.littleBoxContainer .copyLinkWrapper {
	position: relative;
}

.littleBoxContainer .copyLinkWrapper div {
	width: 88px;
}

.littleBoxContainer .copyLinkWrapper .copylink {
	cursor: pointer;
}

.littleBoxContainer .copyLinkWrapper .copylink:hover {
	text-decoration: underline;
}

.copyLinkWrapper .linkcopied {
	display: none;
	cursor: default;
}

.littleBoxContent {
	background-image: url("../../../../../resources/img/littlebox/bg_black.png");
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 200;
	font-size: 14px;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.littleBoxContent * {
	text-align: left;
	font-weight: normal;
}

.littleBoxContent tr td {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
}

.littleBoxContent tr.title {
	font-style: italic;
	color: #E0E0E0;
}

.littleBoxContent td .left {
	text-align: left;
}

.littleBoxContent td .right {
	text-align: right;
}

.littleBoxContent tr.even {
	background-color: #3C3C3C;
}

.littleBoxContent tr.odd {
	background-color: #4C4C4C;
}

.littleBoxContent tr.clickable {
	cursor: pointer;
}

.littleBoxContent tr.clickable:HOVER {
	color: white;
	background-color: #90D302;
}

/** POPUP MENU */
.popupMenu {
	display: none;
	position: absolute;
	background-color: #313030;
	text-align: left;
	right: 0;
	padding: 10px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.popupMenu a {
	margin-left: 0;
}

/** SIMPLE MODAL */
#simplemodal-container a.modalCloseImg {
	background: url("../../../../../resources/img/simplemodal/x.png") no-repeat;
	/* adjust url as required */
	width: 30px;
	height: 30px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -18px;
	cursor: pointer;
}

#simplemodal-container {
	background-color: #333;
	border: 2px solid white;
	padding: 12px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/** PAGINATION */
.paginator {
	margin-bottom: 10px;
	margin-top: 10px;
}

.paginator .previousNext {
	/*color: white;*/
	color: black;
}

.paginator .previousNext a {
	/*color: #A3EA21;*/
	color: black;
	text-shadow: none;
}

.paginator .previous {
	padding-right: 20px;
	padding-left: 5px;
}

.paginator .next {
	padding-left: 20px;
	padding-right: 5px;
}

.paginator td {
	
}

.paginator .petitsPoints {
	width: 19px;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center;
}

.paginator .page {
	border: 1px solid white;
	height: 19px;
	width: 19px;
	text-align: center;
	line-height: 19px;
}

.paginator a {
	/*color: #A3EA21;*/
	color: black;
	text-shadow: none;
}

.paginator .selected {
	/*color: white;*/
	color: black;

}

#error401 {
	margin: 130px;
}

#error403 {
	margin: 130px;
}

/** EDIT POST POPUP **/
#overlayEditPost {
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background-color: black;
	position: absolute;
	width: 100%;
	z-index: 19998;
	left: 0;
	top: 0;
}

#overlaypopupEditPost {
	z-index: 19999;
	position: absolute;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#popupEditPost {
	background: #202020;
	text-align: left;
	padding: 10px;
	padding-top: 0px;
	position: absolute;
	height: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid white;
}

#popupEditPost label,#popupEditPost table label {
	font-size: 14px;
	font-weight: normal;
}

#popupEditPost input,#popupEditPost table input,#popupEditPost textarea,#popupEditPost table textarea,#popupEditPost select,#popupEditPost table select,#popupEditPost option,#popupEditPost table option
	{
	padding: 2px 5px;
	font-size: 14px;
	font-weight: normal;
}

#popupEditPost select,#popupEditPost table select {
	height: auto;
	line-height: normal;
}

#closePopup {
	background-image: url("../../../../../resources/img/postinpopup/close.png");
	position: absolute;
	right: -15px;
	top: -15px;
	height: 30px;
	width: 30px;
	cursor: pointer;
}

.snShareTip {
	font-size: 11px;
}

.sn .noLabel {
	margin-bottom: 0px;
}

.sn .arrow {
	width: 26px;
	vertical-align: middle;
}

.sn .arrow div {
    position: relative;
}

.sn .arrow img {
	vertical-align: middle;
}

.sn .arrow img.imgArrow {
	position: absolute;
	left: 21px;
	top: 3px;	
}

.sn .arrow img.imgArrow.onScoop {
	top: 4px;	
}

.sn .textarea {
	width: 419px;
}

.sn .textareaOnScoop {
	width: 581px;
}

.sn .textareaOnBookmarklet {
	width: 354px;
}

.sn .characters {
	text-align: right;
	font-size: 13px;
}

.sn textarea {
	margin-top: -1px;
	width: 98%;
}

.snEditionHeader {
	height: 18px;
}

.sn .button {
	margin-left: 10px;
}

/* ---------- Popup short name ----------- */
.save {
	margin-top: 10px;
}

/* ---------- Login or Subscribe page ------------- */
.loginOrSubscribe div {
	font-size: 12px;
	margin-bottom: 10px;
}

/* ---------------------------- FEEDBACK button ---------------------------- */
#fdbk_tab {
	top: 60px !important;
}

/** --------------------------- TAG EDITOR ------------------------------- */
.tagsEditor {
	padding: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #888;
	background-color: white;
	width: 445px;
	text-align: left;
	font-size: 12px;
	line-height: 24px;
	min-height: 56px;
	cursor: text;
	margin-bottom: 5px;
}

.tagsEditor input {
	font-size: 12px;
	height: 12px;
	line-height: 12px;
	-moz-box-sizing: border-box;
	border: none;
	margin: 0;
	padding: 0;
	width: 3em;
	border-color: #C6C6C6;
	background: transparent;
	color: #333333;
	outline: medium none;
	height: auto;
	font-weight: normal;
}

.tagsEditorToken {
	background-color: #90D302;
	font-size: 12px;
	color: black;
	text-shadow: 0px 1px 0px #cbee82;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	float: left;
	margin: 2px;
}

/* I do not know why I need this */
.tagsEditorToken .close img {
	padding-bottom: 2px;
	cursor: pointer;
}

.tagsZone {
	color: #333;
	font-size: 12px;
	padding: 5px;
	width: 457px;
	background-color: #e6e6e6;
}

/* ---------- JQuery AutoComplete CSS ------------- */
.ui-autocomplete {
	border: 1px solid #888;
	background-color: #f6f6f6;
	position: absolute;
	cursor: default;
	font-size: 12px;
	text-align: left
}

.ui-autocomplete .ui-menu-item {
	
}

.ui-autocomplete  .ui-menu-item a {
	color: black;
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	text-shadow: none;
	line-height: 12px;
}

.ui-autocomplete .ui-menu-item a.ui-state-hover,.ui-autocomplete .ui-menu-item a.ui-state-active
	{
	background-color: #90D302;
	text-shadow: 0px 1px 0px #cbee82;
	margin: 0;
}

#miniloading {
	right: 2px;
	top: 4px;
	position: absolute;
}

/* ---------------- Application Pages -------------------*/
#applicationView tr {
	
}

#applicationView th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	width: 200px;
}

#applicationView td {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: monospace;
}

#applicationView i { /* WTF */
	font-style: italic;
	font-family: "Helvetica Neue", Arial, Verdana;
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 12px;
}

/* menu */
.deppage {
	position: relative;
}

.menu {
	padding: 5px;
	border: 1px solid #818181;
}

.devpage .code {
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: monospace;
	white-space: pre;
}

.devpage h2>a {
	text-decoration: none;
	text-shadow: none;
}

.devpage .menu div.selected {
	font-weight: bold;
}

.devpage .menu div.selected>a {
	font-weight: bold;
	color: white;
	text-shadow: none;
}

.devpage .menu div.selected div {
	font-weight: normal;
}

.devpage .menu>div {
	margin-bottom: 5px;
}

.devpage .menu>div div {
	margin-left: 10px;
	margin-bottom: 5px;
}

.devpage .menu div {
	margin-top: 10px;
}

.devpage table th {
	font-weight: bold;
	vertical-align: top;
	padding-left: 20px;
	padding-bottom: 20px;
	width: 200px;
}

.devpage table td {
	vertical-align: top;
}

.devpage .indent {
	padding-left: 3em;
	padding-top: 10px;
}

.devpage h3,.devpage h3 * {
	color: #90D302;
	font-size: 16px;
}

.devpage h3 a {
	text-decoration: none;
	text-shadow: none;
}

/**** User invitation tokens ****/
table.userList tr.inviteeRow {
	height: 30px;
}

table.userList tr.inviteeRow td {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}

/*** New Pastille */
#headbanner #explore a {
	background-image: url("../../../../../resources/img/new.png");
	background-position: 104px 10px;
	background-repeat: no-repeat;
}

img.newBanner {
	position: absolute;
	top: -10px;
	*top: -6px;
	right: -6px;
	*right: -16px;
	display: inline;
	margin-left: -10px;
}

div.followedSearchNew {
	top: -12px;
	right: 4px;
	position: absolute;
}

div.findMoreSearchNew {
	position: absolute;
	right: 4px;
    top: -12px;
}

.title h2 .new {
	vertical-align: top;
	margin-left: 5px;
}  

a.connectionLink:HOVER {
	text-decoration: none;
}

/** Terms & Conditions **/
.subtitle {
	margin-bottom: 10px;
}

.termsB {
	font-weight: bold;
}

/** Terms Of Service */
div.body #termOfService.formFullFrame ol, div.body ul {
	list-style: disc;
	margin-left: 30px;
	margin-bottom: 10px;
}

#termOfService.formFullFrame li {
	text-align: justify;
}

#termOfService.formFullFrame p {
	text-align: justify;
	margin-bottom: 10px;
	margin-top: 5px;
}

#termOfService.formFullFrame h2 {
	margin-bottom: 5px;
}

#termOfService.formFullFrame h3 {
	font-size: 16px;
	color: #90D302;
	margin-bottom: 5px;
}

#termOfService.formFullFrame h4 {
	color: #90D302;
	font-style: italic;
}

/* ---------------- SHARE ZONE -------------------*/
.shareZone {
	background-color: #e6e6e6;
	padding: 5px;
    width: 457px;
}

.shareZone .togglingTitle {
	color: black;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-shadow: 0px 1px 0px white;
	padding-top: 5px;
	padding-bottom: 5px;
}

.shareZone #shareThisOn #shareToggleOff {
	display: none;
}

.shareZone #shareThisOn img {
	vertical-align: baseline;
}

.shareZone #copyLink #shareToggleOn {
	display: none;
}

.shareZone #copyLink img {
	vertical-align: baseline;
}

.shareZone .shareButton {
	margin: -5px 0px;
	height: 35px;
}

.shareZone .toggledTitle {
	border-top: #BBB solid 1px;
	border-bottom: #BBB solid 1px;
	background-color: #E7E7E7;
}

.shareZone #copyLinkZone {
	font-size: 11px;
	font-weight: normal;
	background-color: #E7E7E7;
	width: 97%;
	border: 1px solid #888;
}

.onePost .actionsBar .shareZone .button {
	float: none;
	display: inline;
	padding-top: 6px;
	padding-bottom: 6px;
}

 .shareIcon {
	width:24px;
	height:24px;
}

.sn .shareIcon {
	width: 32px;
	height: 32px;
}

.shareZone .sn .characters {
	color: #888;
}

.shareZone textarea.medium#twitterContent, .shareZone textarea.medium#facebookContent, .shareZone textarea.medium#facebook-pageContent {
	border: 1px solid #888;
}

/** ----------- IMAGE SELECTOR */

#imageSelector {
	width: 255px;
}

#imageSelector #imagesContainer {
	border: 1px solid white;
	height: 100px;
	width: 100px;
	max-width: 100px;
    max-height: 100px;
    overflow: hidden;
	float: left;
}

#imageSelector #imagesContainer table {
    table-layout: fixed;
    width: 100px;
    height: 100px;
}

#imageSelector #imagesContainer img {
	display: none;
	max-height: 100px;
	max-width: 100px;
}

#imageSelector .paginatorContainer {
	float: right;
	width: 145px;
	margin-bottom: 10px;
}

#imageSelector .paginatorContainer div#prev {
	border: 1px solid white;
}

#imageSelector .paginatorContainer div#next {
	border-right: 1px solid white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;	
}

#imageSelector .paginatorContainer div#next, #imageSelector .paginatorContainer div#prev {
	padding: 5px;
	float: left;
	cursor: pointer;
}

#imageSelector .paginatorContainer #imageCounter {
	margin-top: 5px;
	margin-left: 40px;
}

#imageSelector #noImageContainer {
	float: left;
	margin-left: 7px;
 	margin-bottom: 28px;
}
#imageSelector #noImageContainer input[type='checkbox'] {
	width: 14px;
	height: 14px;
	margin: 0;
	padding: 0;
}
#imageSelector #uploadNewImageContainer {
	float: right;
}

#imageSelector #valueElementsContainer {
		
}

/* css for timepicker */

#ui-datepicker-div a {
	text-shadow: none;
}
#ui-datepicker-div {
	font-size: 12px;
	color: #222222;	
}

#ui-datepicker-div .ui-datepicker-title *{
	color: white	
}
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

#ui-datepicker-div table.ui-datepicker-calendar th span {
	color: #222222;	
}
.ui-timepicker-div dl dd {
	margin: -25px 7px 10px 65px;
}
.ui-timepicker-div dl *{
	color: #222222;	
}

.ui-datepicker-trigger {
	cursor: pointer	
}

.curatedThemesTable {
    border-collapse: separate; 
    border-spacing: 10px;
    *border-collapse: expression('separate', cellSpacing = '10px');
    table-layout: fixed;
}

.curatedThemesTable td {
    padding: 5px;
    background-color: #509DEB;
    border: 1px solid black;
}

.curatedThemeTable td {
    border: none;
    padding: 0;
    color: white;
}

.curatedThemeTable, .createThemeCell {
    height: 302px;
    table-layout: fixed;
    width: 189px;
}

.createThemeCell {
    text-align: center;
    cursor: pointer;
}

td.createThemeCell {
    padding: 0;
    border: 1px solid black;
    width: 189px;
    *width: 100%;
}

td.createThemeCell table {
    table-layout: fixed;
    width:100%; 
    height:312px;
    *height:315px;
}

td.createThemeCell table td {
    border: 1px solid #595959;
    background-color: #313131;
    padding: 0;
}

.curatedThemeTable h1 {
    color: white;
    overflow: hidden;
    width: 180px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 30px;
    max-height: 60px;
}

.curatedThemeTable h1 a {
    color: white;
}

.curatedThemeTable div.image {
    position: relative;
    height: 189px;
}

.curatedThemeTable div.image img {
    height: 189px;
    width: 189px;
}

.curatedThemeTable div.image div {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: white;
    color: black;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    width: 184px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
}

/* ---------------- ADMIN SEARCH -------------------*/

.adminSearchResultsHeader {
    margin:10px;
    padding:10px;
    font-size: 120%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.adminSearchJsonQuery {
    margin:5px;
    padding:5px;
    border: 1px dashed black;
}

.adminSearchJsonQuery span {
    color: black;
    cursor: pointer;
}

.adminSearchExplanation {
    margin:5px;
    padding:5px;
    border: 1px dashed black;
    color: black;
}

.adminSearchExplanation span {
    color: black;
    cursor: pointer;
}

.adminSearchResults .name em {
    color: #347CFA;
    background-color: #404040;
}

.adminSearchResults .description em {
    color: #347CFA;
    background-color: #404040;
}



/* ---------------- ADMIN RECOMM -------------------*/

.adminRecoSearchedWords {
    margin:5px;
    padding:5px;
    border: 1px dashed black;
}

.adminRecoSearchedWords span {
    color: black;
    cursor: pointer;
}

.adminRecoSearchedWords .selected {
    font-weight: bold;
}

.adminRecoSearchedWords .notselected {
    text-decoration: line-through;
}

.adminRecoJsonQuery {
    margin:5px;
    padding:5px;
    border: 1px dashed black;
}

.adminRecoJsonQuery span {
    color: black;
    cursor: pointer;
}

.adminRecoSearchResults {
    margin:10px;
    padding:10px;
    font-size: 120%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.adminRecoSearchExplanation {
    margin:5px;
    padding:5px;
    border: 1px dashed black;
    color: black;
}

.adminRecoSearchExplanation span {
    color: black;
    cursor: pointer;
}

/* ---------------- PREMIUM READERS AND CURATOR MANAGEMENT -------------------*/

#topicusermanagement .inputEditorTitle {
    border-bottom: none;
}

#topicusermanagement #emailEditor {
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 15px;
}

#topicusermanagement #emailInput {
    padding-right: 32px;
    margin-top: 0px;
    width: 352px;
}

#usermanagement_error {
	margin-bottom: 5px;
	color: red;
}

#topicusermanagement #emailInput.loading {
    background-image: url('../../../../../resources/img/miniloadingontransparent.gif');
    background-position: center right;
    background-repeat: no-repeat;
}

#topicusermanagement .authorizedtitle {
	border-bottom: none;
	margin-top: 10px;
}

#topicusermanagement .noauthorized {
    margin-top: 10px;
    font-style: italic;
}

#topicusermanagement  hr {
}

#topicusermanagement  .user {
    padding: 0px;
    margin-top: 5px;
}

#topicusermanagement  .user .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}

#topicusermanagement  .user .name a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

#topicusermanagement  .user .useraction {
    text-align: right;
    padding-top: 5px;
    vertical-align: middle;
}

/************ TUTORIAL ***************/

.nextStep {
    color: #f37401;
    font-size: 18px;
    margin: 10px 0px;
}

.stepAccomplished, .stepAccomplished a {
	color : #595959;
	text-decoration: line-through;
	text-shadow: none;
}

.progressTooltip {
	width:200px;
	color:black;
}
.progressTooltip * {
	color: black;
}
.progressTooltip a {
	text-shadow: none;
	text-decoration: underline;
} 


/*** CHARTS */

.chart {
	border: 1px solid black; border-radius: 3px;
}

.chartContainer {
	position:relative; 
	background-color: #313131;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.chartLoading {
	position: absolute; 
	text-align:center; 
	font-size: 16px
}

/*** Last Scoop From My Followed Topics */
#lastPostFromMyFollowedTopics #mainPFMFT {
	height: 80px;
	width: 313px;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
}

#lastPostFromMyFollowedTopics #mainPFMFT .banner {
	opacity: 0.7;
	height: 40px;
	line-height: 40px;
	padding-left: 5px;
	width: 308px;
}

#lastPostFromMyFollowedTopics #mainPFMFT #theme {
	background-color: black;
}

#lastPostFromMyFollowedTopics #mainPFMFT #theme #themeTitle {
	float: left;
	font-size: 16px;
	display: block;
	color: white;
	font-weight: bold;
	overflow: hidden;
	height: 40px;
}

#lastPostFromMyFollowedTopics #mainPFMFT #theme #themeImage {
	float: right;
}

#lastPostFromMyFollowedTopics #mainPFMFT #post {
	background-color: white;
	position: absolute;
	bottom: 0;
}

#lastPostFromMyFollowedTopics #mainPFMFT #post #postTitle {
	float: left;
	font-size: 14px;
	display: block;
	color: black;
	text-shadow: none;
	font-weight: bold;
	overflow: hidden;
	height: 40px;
}

#lastPostFromMyFollowedTopics #moreInfo {
	background-color: black;
	font-size: 12px;
	color: #AFAFAF;
	height: 15px;
	overflow: hidden;
	padding-left: 5px;
}
#lastPostFromMyFollowedTopics #moreInfo a {
	color: #AFAFAF;
	text-shadow: none;
}


.themeCurated {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px black solid;
	width: 312px; 
	position: relative;
}

.innerThemeCurated {
	padding: 5px;
	border: 1px #595959 solid;
	background-color: #313131;
	cursor: pointer;
	height: 50px;
}

.themeCurated .image {
	float: left;
	margin-right: 5px;
	border: 1px solid white;
}

.themeCurated .nameAndVisitorsAndGoCurate {
	height: 48px;
}

.themeCurated .nameAndVisitorsAndGoCurate.createATopic a {
	color: white;
	font-size: 20px;
	line-height: 48px;
	font-weight: bold;
}

.themeCurated .nameAndVisitorsAndGoCurate .name {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
.themeCurated .nameAndVisitorsAndGoCurate .name a {
	color: #509DEB;
	font-weight: bold;
	text-decoration: none;
}

.themeCurated .nameAndVisitorsAndGoCurate .visitorsAndGoCurate {
	height: 30px;
	position: relative;
}
.themeCurated .nameAndVisitorsAndGoCurate .visitorsAndGoCurate .visitors {
	position: absolute;
	bottom: 0px;
	left: 55px;
	*left: 0px;
	font-size: 14px;
	line-height: 14px;
}
.themeCurated .nameAndVisitorsAndGoCurate .visitorsAndGoCurate .goCurate {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin-right: 10px;
}

/*
.themeCurated .nameAndVisitorsAndGoCurate .visitorsAndGoCurate .goCurate a {
	color: white;
	text-decoration: none;
	font-weight: bold;
}
*/

.topicHasUgcSuggestionCount {
	color: #CCCCCC;
	position: absolute;
	top: -7px;
	right: -5px;
	font-size: 26px;
}



.tooltip {
	background-color: #EFEFEF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
	color: black;
	font-size: 12px;
	z-index: 1000;
}

.toolTipForSns.tooltip {
	width: 250px;	
}

.crmUsersTable input {
	width: auto;
}


#selectPremiumLevel {
    margin-top: 10px;
}

#selectPremiumLevel .cleardiv {
    clear: both;
}

.formFullFrame #editdescription {
    margin-top: 10px;
}

#selectPremiumLevel input {
    margin: 10px;
}

#selectPremiumLevel .submits {
	margin-top: 0px;
}

#selectPremiumLevel .submit {
    float: right;
    margin-right: 0px;
}

#selectPremiumLevel .premiumLevelHeader {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-top: 7px;
    border-top: 1px solid gray;
}

#selectPremiumLevel .premiumLevelName {
    font-size: 16px;
    float: left;
    font-weight: bold;
}

#selectPremiumLevel .premiumLevelPrice {
    font-size: 16px;
    font-weight: bold;
    margin-left: 60px;
    margin-bottom: 5px;
    float: right;
}

#selectPremiumLevel .premiumLevelDescription {
    margin-left: 30px;
    margin-bottom: 5px;
}

#selectPremiumLevel .premiumLevelPrice {
    margin-left: 60px;
    margin-bottom: 5px;
}

#selectPremiumLevel .premiumLevelFeatures {
    margin-top: 10px;
    margin-left: 60px;
    margin-bottom: 5px;
}

#selectPremiumLevel .premiumLevelFeatures li {
	margin-left: 6px;
}

#premiumFeatures .premiumFeatureName {
    margin-top: 10px;
    margin-bottom: 5px;
}

#premiumFeatures .premiumFeatureDescription {
}


.leaderboardThemeSeparator:last-child {
	display: none;
}

#myStatsReactions {
    padding: 5px; 
    cursor: default;
}

#accountUserName {
    font-weight: bold; 
    white-space:nowrap;
}

#accountStats {
    padding-top: 3px;
}

#themeStatisticsHeader {
	margin-top: 10px;
}

#themeStatisticsContent {
	margin-top: 10px;
}

#themeStatisticsContent #themeQuality {
	background-image: url('../../../../../resources/img/statistics/theme_quality_bg.png');
	border: 2px solid white;
    height: 23px;
	text-align: center;
	width: 600px;
}

#themeStatisticsContent #themeQuality #themeQualityProgressBar {
	background-color: #509DEB;
	height: 100%;
	width: 0px;
	text-align: center;
	line-height: 23px; 
	
}
#themeStatisticsContent #themeQuality #themeQualityProgressBar #themeQualityValue {
	color: black;
	font-size: 14px;
	font-weight: bold;
}

#invationOfDeletedTopic {
	margin-top: 50px;
}

.themeEditWrapper {
	width: 650px;
	margin: auto;	
}

.themeEditWrapper h2 {
	border: none;	
}

.customizableElementTitle {
	cursor: pointer;
}

#maxSuggestionsAge {
	width: 30px;
	/*height: 12px;
	vertical-align: bottom;
	font-size: 16px;
	text-align: center;*/
	padding: 0;
	text-align: center;
	/*font-size: 14px;*/
}

/* ------------------------------- MOST ACTIVE USER ------------------------------- */

#mostActiveUsers .user {
	width: 300px;
	float: left;
}

#mostActiveUsers .userIcon {
	margin-top: 8px;
}

#mostActiveUsers .name {
	font-size: 16px;
    margin-top: 6px;
    margin-bottom: 2px;
}

#mostActiveUsers .stat {
    font-size: 12px;
}

.themeMiniHeaderWrapper {
	padding-left: 5px;
	padding-right: 5px;
	background-color: white;
	border: 1px solid #C3C3C3;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
}

.themeMiniHeaderWrapper .themeMiniHeader {
	padding: 5px 0px 5px 0px;
}

.themeMiniHeaderWrapper .themeMiniHeader table td * {
	color: #5B5B5B;
}

.themeMiniHeaderWrapper .themeMiniHeader table td .button {
	color: white;
}