@import url("jquery-ui-1.9.2.custom.min.css");
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* Captions must be told to inherit their max-midth in Firefox */
caption { width: inherit; }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
/* ul {list-style: none;} */

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=reset], 
button,
.button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea, .button {margin: 0;}

/* make buttons play nice in IE */
button,
.button {width: auto; overflow: visible;}

/* Firefox has some extra internal padding that needs to go */
input[type=button]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner { border: 0; padding: 1px 0 0; }
button::-moz-focus-inner { border: 0; padding: 0; }

/* Input buttons need to align top so they align next to buttons */
input[type=button], 
input[type=submit], 
input[type=reset],
.button { vertical-align: top; }

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  



/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body {font: 15px/1.467em Georgia, serif;}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body, select, input, textarea {color: #222;}

a,
.link {color: #015BB8;}
a:hover,
.link:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #015BB8; color: #fff; text-shadow: none;}
::selection {background: #015BB8; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link,
.link:hover {-webkit-tap-highlight-color: #015BB8;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

h1 { font-size: 1.8em; line-height: 1.4em; font-weight: normal; }
h2 { font-size: 1.6em; line-height: 1.3em; margin: 5px 0; }
h3 { font-size: 1.4em; line-height: 1.3em; margin: 5px 0; }
h4 { font-size: 1.2em; line-height: 1.2em; }
p { margin: 15px 0; }
input[type=text],
input[type=password],
select,
textarea { border: #999 1px solid; padding: 2px; box-shadow: 1px 1px 2px #888 inset; border-radius: 3px;}
blockquote { display: block; margin: 15px 40px; }

input[type="checkbox"] { margin: 3px 3px 3px 4px; vertical-align: baseline;}
ul,ol { margin: 15px 0; padding: 0 0 0 30px; overflow: hidden; }
li { margin: 10px 0; }

/* Button Styling */
input[type=submit],
input[type=button],
input[type=reset],
button,
.button { padding: 4px 6px; border: #000 1px solid; border-radius: 3px; background: #00a9cb; color: #fff; font-size: 13px; line-height: 17px; font-family: arial; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; box-shadow: 0 0 2px #74dbf0 inset; }
	input[type=submit]:hover, 
	input[type=button]:hover, 
	input[type=reset]:hover, 
	button:hover,
	.button:hover { background: #2dcaed; }
	button img,
	.button img { max-width: 16px; max-height: 16px; vertical-align: -3px; }
input[type=submit].unclickable,
input[type=button].unclickable,
input[type=reset].unclickable,
button.unclickable,
.button.unclickable { background: #8f8f8f; cursor: wait; }

/* Tab Styling */
.tab { display: block; float: left; margin: 0 2px 0 0; padding: 2px 5px; border: #666 1px solid; border-radius: 5px 5px 0 0; background: #eee; font-weight: bold; cursor: pointer; }
.tabSelected { background: #00A9CB; color: #fff; }

.plusMinusBox { font-family: 'Courier'; font-weight: normal; letter-spacing: -0.20em; color: #999; cursor: pointer; }

/* CONTAINERS */

header, #headerContent, #logo, #content, article, aside, footer, #footer, #footer2 { display: block; position: relative; }

#coverpage { display: none; position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.7; }
#loginBox { display: none; position: fixed; z-index: 1000; top: 130px; left: 50%; width: 500px; margin-left: -250px; padding: 10px; color: #ffffff; background: rgb(69, 69, 69); background: rgba(69, 69, 69, 0.9); border-radius: 4px; }
#messageBox { display: none; position: fixed; z-index: 1000; top: 30px; left: 40%; padding: 4px; background: #f1f1f1; border: rgb(29, 49, 55) 1px solid; }
#documentBox { display: none; position: fixed; z-index: 1000; top: 5%; left: 50%; width: 659px; margin-left: -368px; padding: 10px; background: rgba(29, 49, 55, 0.8); border-radius: 4px; }
	#dBoxTitle { min-height: 30px; padding: 7px 5px 0; font-size: 1.3em; font-weight: bold; background: #e3eff2; }
	#dBoxDoc { max-height: 400px; background: #ffffff; overflow: auto; padding: 0 5px; }
#helpBox { display: none; position: absolute; z-index: 10000; top: 0; left: 0; padding: 4px; background: #f1f1f1; border: rgb(29, 49, 55) 1px solid; }

#headerAlertBar { display: block; margin: 0; padding: 0; background: #b50000; color: #fff; font-weight: bold; }
	#headerAlertBar a { color: #fff; text-decoration: underline; }
	#headerAlertBar .headerAlertMessage { display: block; margin: 0 0 2px; padding: 2px 5px 4px; border-bottom: #fff 1px solid; }

header { height: 98px; background: url("/images/headerBG.png") repeat-x; }
	#headerContent { width: 1000px; height: 98px; margin: 0 auto; }
		#headerLogo { position: absolute; top: 13px; left: 0; }
		#headerLogoText { position: absolute; top: 0; left: 202px; }
			#headerLogoText a { margin-left: 5px; font-size: 36px; color: #454545; text-decoration: none; vertical-align: -74px; }
		#headerLogin { position: absolute; top: 5px; right: 5px; }
		#headerBubbles { position: absolute; right: 0; top: 0; }
		#headerNav { position: absolute; left: 115px; bottom: 1px; }
			#headerNav a { margin: 0 2px; padding: 2px 6px; background: #000; border-radius: 4px 4px 0 0; color: #7fd3f1; font-family: Arial; font-size: 16px; font-weight: bold; text-decoration: none; }
		#headerMember { position: absolute; top: 2px; right: 0; color: #fff;}
			#headerMember a { margin: 0 5px; color: #fff; }
		#headerSearch { position: absolute; top: 33px; right: 0; }
			#headerSearch input { padding: 6px; width: 300px; height: 23px; padding: 3px !important; background-image: none !important; border: #000 1px solid !important; font-size: 16px; line-height: 1.2em; }
			#headerSearch input[type=submit] { width: 100px; height: 31px; padding: 0; }

nav { width: 100%; height: auto; border-top: #000 1px solid; border-bottom: #000 1px solid; background: #454545; z-index: 999; box-shadow: 0 1px 2px 0 #333; font-family: Arial; }
	#navContent { position: relative; width: 1000px; margin: 0 auto; }
		#navContent a { margin: 0 15px 0 0; color: #e1e1e1; text-decoration: none; font-family: "Arial", "sans-serif"; font-size: 18px; line-height: 35px; }
			#navContent a:hover { color: #fff; }
		#navContent #navLogo { float: left; width: 201px; height: 35px; }
	#navSearch { float: right; margin: 2px 0 0; }
		#navSearch input { width: 140px; height: 23px; padding: 3px !important; background-image: none !important; border: #000 1px solid !important; font-size: 16px; line-height: 1.2em; }
		#navSearch button, #navSearch input[type=submit] { width: 30px; height: 31px; padding: 0; vertical-align: 3px; background: #00A9CB url('/v3/images/find.png') center center no-repeat; }
	#navMoreNav { position: absolute; top: 30px; right: 200px; display: none; padding: 5px; background: #454545; box-shadow: 0 1px 2px 0 #333; z-index: 998; }
		#navMoreNav a { display: block; float: none; }
#nav2 { width: 100%; height: 30px; border-top: #000 1px solid; background: #000 url('/v3/images/nav2-bg.png') center repeat-x; }
	#nav2Content { position: relative; width: 1000px; margin: 0 auto; }
		#nav2Content a { position: relative; float: left; height: 30px; padding: 0 5px; border-right: #333 1px solid; color: #fff; font-size: 14px; line-height: 30px; text-decoration: none; }
			#nav2Content a:hover { background: rgba(255, 255, 255, 0.2); }
			#nav2Content a .nav2CountValue { position: absolute; top: 2px; right: 2px; padding: 2px; border-radius: 3px; background: #d70000; font-size: 13px; line-height: 13px; font-weight: bold; }
		#nav2AccountNav,
		#nav2AdminNav { position: absolute; top: 30px; right: 0; display: none; padding: 0 0 5px; background: #000; box-shadow: 0 1px 2px 0 #333; z-index: 998; }
			#nav2AccountNav a,
			#nav2AdminNav a { display: block; float: none; }
			#nav2AccountNav hr,
			#nav2AdminNav hr { margin: 0; }
		#nav2AdminNav { right: 275px; }

#logoSmall { display: none; }
#content { position: relative; width: 1000px; margin: 0 auto; padding: 10px; }
article { width: 632px; float: left; }
aside { width: 338px; float: right; font-size: 0.9em; }
.blueBox { position: relative; margin: 0 0 20px 0; padding: 5px; background: #E3EFF2; border-radius: 5px; }
	.blueBox .bubblepointer { position: absolute; left: 5px; bottom: -15px; }
.whiteBox { position: relative; margin: 0 0 10px; padding: 5px 5px 10px; border-bottom: #ddd 1px solid; }
.asideNavBox { }
	.asideNavBox .asideNav { display: block; padding: 5px; border-bottom: #ddd 1px solid; font-size: 1.3em; cursor: pointer; }
	.asideNavBox .asideNavSelected { background: #00A9CB; color: #fff; }
#slideBox { position: fixed; bottom: 0; right:-430px; width: 336px; min-height: 100px; padding: 0 10px 10px; background: #fff; border-top: 3px solid #00b5da; box-shadow: 0 0 10px 2px #333; }
	#slideBox #slideBoxBar { padding: 2px; text-align: right; }
#exploreIB { width: 990px; margin: 0 auto 10px; padding: 5px; border: #d1d1d1 1px solid; background: #FBFCFD; border-radius: 5px; }
	#exploreIB h3	{ margin: 0; }
	#exploreIB a { float: left; display: block; width: 25%; font-size: 15px; text-decoration: none; border-radius: 5px; }
	#exploreIB a:hover { background: #e1e1e1; }
		#exploreIB a img { width: 48px; height: 48px; margin: 5px; background: url('/images/categories-sprite.png'); vertical-align: middle; border: 0; }
footer { background: #454545 url('/images/headerBubbles.png') repeat-x bottom left; border-top: #000000 3px solid; }
	footer h3 { margin: 0; }
	footer a { color: #d1d1d1; text-decoration: underline; }
	footer a:hover { text-decoration: none; }
	#footermain { width: 1000px; margin: 0 auto; padding: 10px 0; color: #ffffff; }
#footer2 { background: #000000; text-align: center; color: #ffffff; }
	#footer2 a { color: #e1e1e1; text-decoration: underline; }
.avatar { margin: 1px; padding: 1px; border: #d1d1d1 1px solid; }
.breadcrumbs { color: #919191; font-size: 0.8em; }
	.breadcrumbs a { color: #919191; text-decoration: none; }
.paging { margin: 5px 0; text-align: center; }
	.paging .page,
	.paging .current { padding: 2px 3px 1px; border: #000 1px solid; border-radius: 4px; box-shadow: 0 0 1px #FFF9C5 inset; background: #00A9CB; color: #fff; line-height: 28px; font-weight: bold; font-family: Arial; font-size: 15px; text-decoration: none; }
	.paging .current { border: none; background: none; color: #000; }
		.paging .page:hover { background: #2dcaed; }

#byline { margin: 0 0 20px; padding: 5px 0 5px 10px; border-top: #d1d1d1 1px solid; border-bottom: #d1d1d1 1px solid; color: #616161; font-size: 0.8em; font-weight: bold; }
	#byline a { color: #616161; }

#socialFloater { position: absolute; top: 10px; width: 76px; margin-left: -85px; border-radius: 5px 0 0 5px; background: #E3EFF2; text-align:center; } 
	#socialFloater .socialBox { margin: 5px 0; padding: 5px 0; border-bottom: #ddd 1px solid; color: #555; font-family: 'Helvetica Neue', Helvetica, sans-serif; }
		#socialFloater .socialBox a { color: #555; text-decoration: none; }
	#socialFloater #socialComments { width: 75px; height: 57px; background: url("/images/commentBox-64x64.png") no-repeat center center; text-align: center; } 
	#socialFloater .socialMore { position: absolute; bottom: 0; left: 75px; display: none; padding: 5px; border-radius: 0 2px 2px 0; background: #E3EFF2; font-family: 'Helvetica Neue', Helvetica, sans-serif; }

.article2Col { float: left; width: 306px; }

/* Article Text Formatting */
.articleText a { font-weight: inherit !important; }
	.articleText a b,
	.articleText a strong { font-weight: inherit !important; }
.articleText b a,
.articleText strong a { font-weight: normal !important; }
.articleText img { margin: 10px; }
.articleText object { margin: 10px 0; }

#asideFloater { width: 338px; }

.showBiblio, 
.citation { vertical-align: super; font-weight: normal; font-size: 10px; font-family: sans-serif; white-space: nowrap; }
	.citation:hover { text-decoration: none; }
	.showBiblio .biblioID { display: none; }

.articleText .articleVideo { margin: 0 0 10px 0; }
.articleText .hostedVideo { text-align: center; }

.articleText .articleAmazon { position: relative; margin: 0 0 10px 0; padding: 5px; }
	.articleText .articleAmazon .amazonImage { float: left; max-width: 100px;margin: 0 15px 10px !important; }
	.articleText .articleAmazon .amazonBigImage { float: left; max-width: 150px; margin: 0 15px 10px !important; }
	.articleText .articleAmazon .amazonTitle { font-size: 1.1em; text-decoration: none; }
	.articleText .articleAmazon .amazonText { float: right; margin: 15px 0 0; }
	.articleText .articleAmazon .amazonRetailPrice { padding: 0 5px 0 0; color: #999; text-decoration: line-through; }
	.articleText .articleAmazon .amazonBuyNow { margin-left: 10px; padding: 3px 5px; border-radius: 5px; font-size: 15px; white-space: nowrap; font-weight: bold; background: #fe9900; text-decoration: none; color: #fff; }
	.articleText .articleAmazon .amazonPriceDate { }

.articleText img,
.articleText .articleImage { position: relative; display: block; max-width: 100%; margin: 0 auto; padding: 10px 0; }
	.articleText .articleImage.articleImageLeft { float: left; margin-right: 8px; padding-left: 0; }
	.articleText .articleImage.articleImageRight { float: right; margin-right: 0; padding-left: 8px; }
	.articleText .articleImage img { margin: 0; padding: 0; }
	.articleText .articleImage .imageCredit { padding: 2px 0; font-size: 10px; line-height: 1.2em; color: #666; }
		.articleText .articleImage .imageCredit a { color: #666; }
	.articleText .articleImage .articleImagePin { position: absolute; right: 0; top: 0; z-index: 1; opacity: 0.5; transition: opacity 0.3s ease-in-out;  }
	.articleText .articleImage:hover .articleImagePin { opacity: 1; }
		.articleText .articleImage .articleImagePin a { display: block; height: 32px; font-size: 16px; line-height: 32px; color: #fff; text-decoration: none; }
		.articleText .articleImage .articleImagePin a:hover { color: #eee; }
		.articleText .articleImage .articleImagePin img { display: inline-block; margin: 0 !important; padding: 0; vertical-align: -1px; }
		.articleText .articleImage .articleImagePin span { display: inline-block; max-width: 0; padding-right: 0; vertical-align: top; overflow: hidden; transition: all 0.5s ease-out 0s; }
		.articleText .articleImage .articleImagePin:hover span { max-width: 100px; padding-right: 10px; }

.articleText .articleRating { margin: 15px 5px; text-align: center; }
	.articleText .articleRating img { display: inline-block; margin: 0 !important; padding: 0 2px; vertical-align: text-bottom; }
	.articleText .articleRating span { display: none; }
	.articleText .articleRating .ratingNumber { display: inline; font-family: Arial; font-size: 3em; letter-spacing: -4px; }
		.articleText .articleRating .ratingNumber small { padding-left: 5px; color: #616161; font-size: 0.5em; letter-spacing: 2px; }
		.articleText .articleRating .ratingNumber .ratingFraction { display: inline; margin-left: 1px; font-size: 0.75em; }

.articleText .articleSlideshow { position: relative; display: block; margin: 15px 0; clear: both; overflow-x: hidden; }
	.articleText .articleSlideshowButtons { display: block; margin: 10px 0 20px; padding: 5px; background: #454545; font-size: 1.1em; }
	.articleText .articleSlideshowButtons:first-of-type { display: none; }
		.articleText .articleSlideshowButtons a { color: #fff; text-decoration: none; } 
		.articleText .articleSlideshowButtons img { display: inline-block; margin: 0 !important; padding: 0 !important; }
		.articleText .articleSlideshowButtonsPrevious { float: left; cursor: pointer; }
		.articleText .articleSlideshowButtonsNext { float: right; cursor: pointer; }
	.articleText .articleSlideshowSlide { position: relative; display: block; }
	.articleText .articleSlideshowSlide ~ .articleSlideshowSlide { display: none; }
		.articleText .articleSlideshowSlide .imageCaption,
		.articleText .articleSlideshowSlide .videoCaption,
		.articleText .articleSlideshowSlide .mapCaption { color: #222; font: 15px/1.5333em Georgia,serif; }

.articleText .mapBox { width: 630px; height: 350px; }
.articleText .mapMarkerBox { margin: 2px; padding: 5px; border: 1px solid #DDD; background: #eee; }
	.articleText .mapMarkerBox .mapCaption { margin: 0 0 2px; padding: 0 0 2px; border-bottom: 1px solid #DDD; }
	.articleText .mapMarkerBox .markerBox { margin: 0 0 2px; padding: 0 0 2px; border-bottom: 1px solid #DDD; line-height: 1.2em; }
		.articleText .mapMarkerBox .markerBox img { float: left; margin: 0 10px 0 0; cursor: pointer; }
		.articleText .mapMarkerBox .markerBox .name { font-weight: bold; }
		.articleText .mapMarkerBox .markerBox .markerDirections, 
		.articleText .mapMarkerBox .markerBox .editButton { font-size: 0.8em; }
.articleText .mapSearch { margin: 5px; text-align: center; }
.articleText img[src*="maps.gstatic.com"] { max-width: none; }

.articleText .imageCaption,
.articleText .videoCaption,
.articleText .mapCaption { color: #666; font: 12px/1.2em Georgia, serif; }
	.articleText .imageCaption p,
	.articleText .videoCaption p,
	.articleText .mapCaption p { margin: 5px 0; }

#artFlags,
#profileFlags { padding: 10px; background: #ffe5e5; border-radius: 5px; }
	#artFlags .artFlag,
	#profileFlags .flag { margin: 2px 0; padding: 0 0 4px; border-bottom: #666 1px solid; }
		#artFlags .artFlag .date,
		#profileFlags .flag .date { font-weight: bold; }

#comments { margin: 0 0 20px; }
.comment { margin: 10px 0 20px; padding: 10px; } 
	.comment .date { position: absolute; top: 10px; right: 10px; margin: 0 0 5px 20px; font-size: 0.8em; }

.signature { margin: 0 0 10px; padding: 0 0 10px; font-size: 0.9em; line-height: 1.3em; text-align: left; width: 328px; max-height: 277px; overflow: auto; }

#relatedArticles { margin: 0 0 20px 0; }
	#relatedArticlesContainer { font-size: 0; }
	.relatedArticle { display: inline-block; width: 200px; margin: 0 5px 10px; vertical-align: top; font-size: 1rem; line-height: 1.2em; }
		.relatedArticle .relatedImage { position: relative; width: 200px; height: 112px; border #666 1px solid; }
			.relatedArticle .relatedImage .imageBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
		.relatedArticle a { font-size: 1.2em; line-height: 1.2em; text-decoration: none; }

#subcategories .subcat { float: none; font-size: 1.6em; line-height: 1.3em; padding: 4px 10px; margin: 0; width: auto; height: auto; border-bottom: #ddd 1px dashed; }
	.subcat:hover { border-radius: 5px; backgdround: #ddd; }

#profileHeader,
#accountHeader,
#contentHeader,
#earningsHeader,
#paymentsHeader { margin: 0 0 10px; padding: 0 0 10px; border-bottom: #ddd 1px solid; }
#profileAdmin { margin: 0 0 10px; padding: 10px; background: #eee; border-radius: 5px; }
#profileFlags { margin: 0 0 10px; padding: 10px; background: #ffe5e5; border-radius: 5px; }
#profileBio { margin: 0 0 10px; padding: 0 20px 10px; border-bottom: #ddd 1px solid; }

.media { float: left; margin: 2px 5px 20px; max-width: 200px; text-align: center; }

.forumtopic { margin-bottom: 5px; padding-bottom: 5px; border-bottom: #ddd 1px solid; }
	.forumtopic .title { font-size: 1em; font-weight: bold; text-decoration: none; }
	.forumtopic .author { font-size: 0.8em; color: #666; font-style: italic; }
	.forumtopic .lastpage { float: right; margin-left: 10px; font-size: 0.8em; font-style: italic; text-decoration: none; }
	.forumtopic .postCount { float: right; margin-left: 10px; color: #666; font-size: 0.8em; font-style: italic; text-decoration: none; }
	.forumtopic .latest { float: right; width: 200px; margin-left: 10px; padding: 2px 5px; border-radius: 5px; background: #eee; font-size: 0.8em; color: #666; text-align: center; }

.forumPost { position: relative; margin: 5px 0 0; padding: 5px 0 0; border-top: #ddd 1px solid; }
	.forumPost .posterBox { float: left; width: 200px; margin: 0 10px; text-align: center; }
	.forumPost .post { float: right; width: 760px; margin-right: 10px; }
		.forumPost .post .date { font-size: 0.8em; text-align: right; }
	.forumPost .postButtons { min-height: 27px; text-align: right; }
		.forumPost .postButtons div { display: none; }

.toApprove { margin: 10px 0 0; position:relative; background: #fff; box-shadow: 0 -15px 15px -15px #888;}
	.toApproveNav .toggleButton { background: #ddd; text-align: center; cursor: pointer; }
		.toApproveNav .toggleButton:hover { background: #E3EFF2; }
	.toApproveButtons,
	.toApproveButtonsBottom { margin: 5px 0; }
	.toApproveButtonsBottom { display: none; }
	.toApproveDenials { display: none; margin: 5px 0; padding: 5px; border: #666 1px solid; border-radius: 5px; background: #fce1e1; }
		.denialCheckContainer { float: left; min-width: 25%; white-space: nowrap; }
		#dBoxDoc .denialCheckContainer { min-width: 33%; }
		.denialCheckMessage { display: none; }
		.denialText { display: block; width: 98%; height: 100px; margin: 0 auto; }
	.toApproveFlags,
	.toApproveAddFlag,
	.toApprovePrevDenials,
	.toApproveDupeChecks,
	.toApproveSimilar { display: none; margin: 5px 0; padding: 5px; border: #666 1px solid; border-radius: 5px; background: #eee; }
		.toApproveAddFlag .flagText,
		.profileAddFlag .flagText { display: block; width: 98%; height: 100px; margin: 0 auto; }
	.toApproveArticle { height: 50px; overflow: hidden; }

/* FEATURED CONTENT ROTATOR */
.featureRotator { display: block; width: 628px; height: 353px; border: #1D3137 1px solid; overflow: hidden; }
	.featureRotator .featureBox { display: none; margin: 0; border-radius: 0;}
	.featureRotator .featureSelected { display: block; }
.featureThumbs { display: block; width: 100%; height: 73px; margin: 0 0 10px; }
	.featureThumbs .featureThumb { position: relative; display: block; float: left; width: 99px; height: 57px; padding: 10px 3px 5px; }
		.featureThumbs .featureThumb .imageBox { position: absolute; top: 10px; right: 3px; bottom: 5px; left: 3px; display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
	.featureThumbs .featureSelected { background-color: #1D3137; }
		.featureThumbs a { display: block; width: 97px; height: 57px; overflow: hidden; border: #000 1px solid; }
		.featureThumbs .featureThumb img { width: 100%; min-height: 100%; border: 0; }

.featureBox { position: relative; display: block; width: 100%; height: 353px; overflow: hidden; margin: 0 auto 10px; border-radius: 5px; }
.featureBox:before { content: ""; display: block; padding-top: 56.25%; }
	.featureBox .imageBox { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
	.featureBox img { }
	.featureTitle { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: 10px; color: #fff; background-color: rgb(29, 49, 55); background-color: rgba(29, 49, 55, 0.7); }
		.featureTitle a { color: #fff; font-weight: bold; font-size: 22px; line-height: 1.2em; text-decoration: none; }
		.featureTitle .rootHub { color: #fff; font-weight: normal; font-size: 12px; line-height: 1em; text-decoration: none; text-transform: uppercase; }
		.featureTitle .featureDescription { margin-top: 5px; font-size: 12px; line-height: 1.2em; text-decoration: none; }
			.featureTitle .featureDescription a { font-size: 1em; line-height: 1em; text-decoration: none; }

#rotator, 
#noRotator { display: block; width: 630px; height: 430px; margin: 0 0 20px; overflow: hidden; }
#noRotator { height: 353px; }
	#panels { width: 628px; height: 353px; overflow: hidden; border: rgb(29, 49, 55) 1px solid; }
		#panels .panel { position: relative; overflow: hidden; width: 628px; height: 353px; }
			#panels .panel img { width: 628px; border: 0; }
			#panels .panel .titlebar { display: block; position: absolute; bottom: 0px; width: 608px; padding: 10px; background-color: rgb(29, 49, 55); opacity:0.9; filter:alpha(opacity=90); color: #ffffff; z-index: 2; }
				#panels .panel .titlebar a { color: #ffffff; }
				#panels .panel .titlebar .title { display: block; margin-bottom: 4px; color: #fff; font-weight: bold; text-decoration: none; font-size: 22px; }
				#panels .panel .titlebar .description { display: block; color: #ddd; font-size: 12px; line-height: 1.2em; }
				#panels .panel .titlebar .moduleButtons { float: right; }
					#panels .panel .titlebar .moduleButtons img { margin: 0 !important; padding: 0; vertical-align: text-bottom; }
					#panels .panel .titlebar .moduleButtons .link:hover { text-decoration: none; }

#thumbs { width: 700px; }
	#thumbs .thumb { display: block; float: left; width: 99px; height: 57px; padding: 10px 3px 5px; overflow: hidden; cursor: pointer; }
	#thumbs .thumb .image { width: 97px; height: 57px; border: rgb(29, 49, 55) 1px solid; overflow: hidden; }
	#thumbs .thumb img { width: 100px; }

#featuredArticles .featuredArticle { display: block; float: left; width: 190px; padding: 5px 15px 10px; overflow: hidden; }
.articlesList .articleList { margin: 0 0 5px; padding: 0 0 5px; border-bottom: #ddd 1px solid; }
	#featuredArticles .featuredArticle .featuredImage,
	.articlesList .articleList .articleImage,
	.articlesList .articleList .articleImageLarge { position: relative; display: block; width: 180px; height: 100px; padding: 4px; overflow: hidden; border: #d1d1d1 1px solid; }
	.articlesList .articleList .articleImage,
	.articlesList .articleList .articleImageLarge { float: left; width: 100px; height: 56px; margin: 0 10px 0 0; }
	.articlesList .articleList .articleImageLarge { width: 200px; height: 112px; margin: 0 10px 0 0; }
		#featuredArticles .featuredArticle .featuredImage .imageBox,
		.articlesList .articleList .articleImage .imageBox,
		.articlesList .articleList .articleImageLarge .imageBox { position: absolute; top: 4px; right: 4px; bottom: 4px; left: 4px; display: block; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }

		.articlesList .articleList .articleImage .imageBox { height: 56px; }
		.articlesList .articleList .articleImageLarge .imageBox  { height: 112px; }
			#featuredArticles .featuredArticle .featuredImage .imageBox img,
			.articlesList .articleList .articleImage .imageBox img,
			.articlesList .articleList .articleImageLarge .imageBox img { width: 180px; border: 0; }
			.articlesList .articleList .articleImage .imageBox img { width: 100px; }
			.articlesList .articleList .articleImageLarge .imageBox img { width: 200px; }
	#featuredArticles .featuredArticle a,
	.articlesList .articleList a { text-decoration: none; }
	#featuredArticles .featuredArticle .rootHub,
	.articlesList .articleList .rootHub { font-size: 11px; font-weight: normal; line-height: 1em; text-transform: uppercase; }
	#featuredArticles .featuredArticle .title { display: block; margin: 4px 0; font-size: 1.2em; font-weight: normal; }
	.articlesList .articleList .title { display: block; margin: 4px 0; font-size: 1.2em; font-weight: normal; }
	.articlesList .articleList .titleLarge { margin: 4px 0; color: #000; font-size: 1.7em; line-height: 1.3em; font-weight: bold; }
	.articlesList .articleList .titleLarge:hover { color: #666; }
	#featuredArticles .featuredArticle .summary { font-size: 0.8em; line-height: 1.4em; color: #616161; }

.featuresList .featureList { margin: 0 0 20px; }
	.featuresList .featureList .featureImage { display: block; position: relative; width: 357px; height: 201px; overflow: hidden; border: #d1d1d1 1px solid; }
		.featuresList .featureList .featureImage .imageBox { display: block; height: 201px; overflow: hidden; }
		.featuresList .featureList .featureImage .title { display: block; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; color: #fff; text-decoration: none; background-color: rgb(50, 50, 50); filter:alpha(opacity=80); background-color: rgba(50, 50, 50, 0.8); z-index: 2; }
	.featuresList .featureList .summary { display: block; padding: 5px; font-size: 0.8em; line-height: 1.3em; color: #666; }

.activitiesList .activityList { margin: 0 0 5px; padding: 0 0 5px; border-bottom: #ddd 1px solid; } 
	.activitiesList .activityList a { text-decoration: none; }

.membersList .memberList { margin: 0 0 5px; padding: 0 0 5px; border-bottom: #ddd 1px solid; } 
	.membersList .memberList a { text-decoration: none; }

.friendsList .friendList,
.subscriptionsList .subscriptionList { float: left; width: 306px; margin: 0 5px 10px; padding: 0 0 10px; border-bottom: #ddd 1px solid; }
	.friendsList .friendList a,
	.subscriptionsList .subscriptionList a { text-decoration: none; font-weight: bold;}

.earningsHeading { background: #eee; font-weight: bold; }
.earningsListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.earningsListing .earningsCategory { float: left; width: 300px; margin-right: 10px;	padding-left: 20px; }
	.earningsListing .earningsMetric { float: left; width: 120px; margin: 0 5px; text-align: center;}
.earningsTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.earningsTools .earningsDates { float: left; margin: 0 20px; }
	.earningsTools .earningsPage { float: right; margin-right: 20px; }
	.earningsTools .earningsRows { float: right; margin-right: 20px; }	
	.earningsTools .earningsPages { float: right; margin-right: 5px; }

.linksHeading { background: #eee; font-weight: bold; }
.linksListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
.linksListing:hover { background: #eee; }
	.linksListing .linksCategory { float: left; width: 500px; margin-right: 10px; padding-left: 20px; }
	.linksListing .linksMetric { float: left; width: 100px; margin: 0 5px; text-align: center;}
	.linksListing .linksButton { float: right; width: 300px; margin: 0 5px; text-align: right;}
.linksTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.linksTools .linksDates { float: left; margin: 0 20px; }
	.linksTools .linksPage { float: right; margin-right: 20px; }
	.linksTools .linksRows { float: right; margin-right: 20px; }	
	.linksTools .linksPages { float: right; margin-right: 5px; }

.paymentsHeading { background: #eee; font-weight: bold; }
.paymentsListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.paymentsListing .paymentsCategory { float: left; width: 190px; margin-right: 10px;	padding-left: 20px; }
	.paymentsListing .paymentsMetric { float: left; width: 100px; margin: 0 5px; text-align: center;}
	.paymentsListing .paymentsFull { display: block; margin: 2px 5px; padding-left: 20px; }
	.paymentsListing .paymentsButton { float: right; width: 70px; margin: 0 5px; text-align: right;}

.trafficHeading { background: #eee; font-weight: bold; }
.trafficListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.trafficListing .trafficCategory { float: left; width: 300px; margin-right: 10px;	padding-left: 20px; }
	.trafficListing .trafficMetric { float: left; width: 90px; margin: 0 5px; text-align: center;}
.trafficTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.trafficTools .trafficDates { float: left; margin: 0 20px; }
	.trafficTools .trafficPage { float: right; margin-right: 20px; }
	.trafficTools .trafficRows { float: right; margin-right: 20px; }	
	.trafficTools .trafficPages { float: right; margin-right: 5px; }

.contentHeading { background: #eee; font-weight: bold; }
.contentListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.contentListing .contentCategory { float: left; width: 260px; margin-right: 10px; padding-left: 5px; }
	.contentListing .contentMetric { float: left; width: 60px; margin: 0 5px; text-align: center;}
	.contentListing .contentFull { display: block; margin: 2px 5px; }
	.contentListing .contentButton { float: right; width: 70px; margin: 0 5px; text-align: right;}
.contentTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.contentTools .contentPage { float: right; margin-right: 20px; }
	.contentTools .contentRows { float: right; margin-right: 20px; }	
	.contentTools .contentPages { float: right; margin-right: 5px; }

.categorizationHeading { background: #eee; font-weight: bold; }
.categorizationListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.categorizationListing .categorizationCategory { float: left; width: 400px; margin-right: 10px; padding-left: 5px; }
	.categorizationListing .categorizationMetric { float: left; width: 100px; margin: 0 5px; text-align: center;}
	.categorizationListing .categorizationFull { display: block; margin: 2px 5px; }
	.categorizationListing .categorizationButton { float: right; width: 100px; margin: 0 5px; text-align: right;}
.categorizationTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.categorizationTools .categorizationPage { float: right; margin-right: 20px; }
	.categorizationTools .categorizationRows { float: right; margin-right: 20px; }	
	.categorizationTools .categorizationPages { float: right; margin-right: 5px; }

.backlinkHeading { background: #eee; font-weight: bold; }
.backlinkListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.backlinkListing .backlinkCategory { float: left; width: 300px; margin-right: 10px;	padding-left: 20px; }
	.backlinkListing .backlinkMetric { float: left; width: 90px; margin: 0 5px; text-align: center;}
	.backlinkListing .backlinkFull { display: block; margin: 2px 5px 2px 40px; }
.backlinkTools { display: block; padding: 2px; background: #ddd; border-top: #666 1px solid; border-bottom: #666 1px solid; font-size: 0.9em; }
	.backlinkTools .backlinkDisavowed { display: inline; margin-right: 20px; }
	.backlinkTools .backlinkNofollow { display: inline; margin-right: 20px; }
	.backlinkTools .backlinkPage { float: right; margin-right: 20px; }
	.backlinkTools .backlinkRows { float: right; margin-right: 20px; }	
	.backlinkTools .backlinkPages { float: right; margin-right: 5px; }

.cpmsHeading { background: #eee; font-weight: bold; }
.cpmsListing { display: block; margin: 2px 0; padding: 2px 0; border-bottom: #ddd 1px solid; }
	.cpmsListing .cpmsCategory { float: left; width: 150px; margin-right: 10px;	padding-left: 20px; }
	.cpmsListing .cpmsMetric { float: left; width: 100px; margin: 0 5px; text-align: center;}
	.cpmsListing .cpmsButton { float: right; width: 125px; margin: 0 5px; text-align: right;}

.accountSetting { margin: 0 0 5px; padding: 0 0 5px; border-bottom: #ddd 1px solid; }
	.accountSetting .accountTitle { float: left; font-weight: bold; }
	.accountSetting .accountValue { float: right; }
		.accountSetting .accountValue button { margin-left: 20px; }
	.accountSetting .accountChange { display: none; margin-top: 5px; padding: 10px; background: #eee; }
		.accountSetting .accountChange .accountChangeTitle { float: left; width: 150px; margin: 0 10px 5px 0; font-weight: bold; text-align: right; }
		.accountSetting .accountChange .accountChangeInput { float: left; margin: 0 0 5px; }
		.accountSetting .accountChange .accountChangeButtons { text-align: center; }
	.accountSetting .accountSignature, 
	.accountSetting .accountSignatureEdit { float: right; margin: 0 100px 0 0; }
	.accountSetting .accountAcheivementsGroupList { display: none; margin: 5px 2px; padding: 5px; border: #ddd 1px solid; }
	.accountSetting .accountReferralCategory { float: left; width: 200px; }
	.accountSetting .accountReferralMetric { float: left; width: 120px; margin: 0 5px; text-align: center; }

.dataUploadEntry { display : block; margin: 5px 0; }
	.dataUploadEntryTitle { display : inline-block; width: 200px; padding: 5px; text-align: right; font-weight: bold; }
	.dataUploadEntryInput { display : inline-block; width: 300px; }
		.dataUploadEntryInput input,
		.dataUploadEntryInput select  { display : block; width: 100%; }
.dataUploadButtons { display : block; text-align: center; }
	.dataUploadButtons progress { display: none; }

#indexMoreFeatures, #indexDoneFeatures,
#rootMoreFeatures, #rootDoneFeatures,
#profileMoreArticles, #profileDoneArticles,
#profileMoreActivities, #profileDoneActivities,
#profileMoreFriends, #profileDoneFriends,
#profileMoreFollowers, #profileDoneFollowers,
#profileMoreFollowees, #profileDoneFollowees,
#feedMoreFull, #feedDoneFull,
#feedMoreFollowees, #feedDoneFollowees,
#feedMoreFriends, #feedDoneFriends,
#feedMoreFriendships, #feedDoneFriendships,
#feedMoreComments, #feedDoneComments,
#relatedMoreArticles, #relatedDoneArticles,
#writeMoreMedia, #writeDoneMedia,
.moreListBox, .doneListBox { display: none; padding: 5px; background: #ddd; font-size: 1.1em; font-weight: bold; text-align: center; cursor: pointer; }

#profileOtherAccounts a { display: block; margin: 2px 0; text-decoration: none; }

#profileAchievements { margin-top: 20px; }
	#profileAchievements .profileAchievement,
	.accountAchievement { position: relative; display: block; float: left; margin: 1px; cursor: help; }
		#profileAchievements .profileAchievement img,
		.accountAchievement img { display: block; width: 48px; height: 48px; }
		#profileAchievements .profileAchievement .achievementText,
		.accountAchievement .achievementText { position: absolute; top: 55px; right: 2px; z-index: 2; display: none; padding: 5px; background: rgba(29, 49, 55, 0.8); color: #fff; }

.privateMessage { margin: 5px 0 0; padding: 5px 0 0; border-top: #ddd 1px solid; }
	.privateMessage input[type=text],
	.privateMessage textarea { display: block; width: 100%; margin: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.privateMessage textarea { height: 100px; }

.trustScore { display: inline-block; position: relative; padding: 0 2px; border: #666 1px solid; border-radius: 5px; background: #eee; cursor: help; font-family: Verdana; font-size: 0.8em; line-height: 1.2em; font-weight: normal; white-space: nowrap; }
	.trustGood { background: #407e2a; color: #fff; }
	.trustMid  { background: #f3e86e; }
	.trustBad  { background: #ae2525; color: #fff; }
	.trustScore .trustBreakdown { display: none; position: absolute; top: 25px; left: -1px; padding: 2px; border: #666 1px solid; background: #eee; color: #333; font-size: 12px; line-height: 13px; z-index: 2; }
		.trustScore .trustBreakdown div { white-space: nowrap; }

#articleParentSearch { max-width: 612px; margin: 0; padding: 10px; border-radius: 5px; background: #eee; }

/* FB fix because their box was moving right */
.fb_ltr { left: 0; right: 0; top: 0; }

/* Hide Floating in Banner for some ad company */
#dhtmlbanner { display: none !important; }

/* Adsense Fix to remove yellow BG */
ins { background: inherit; text-decoration: none; }

/* FONT STYLES */
.title { font-size: 1.1em; font-weight: bold; }
.avatar { margin: 1px; padding: 1px; border: #d1d1d1 1px solid; }
.statButton,
.alertButton { padding: 3px; vertical-align: -1px; border: #666 1px solid; border-radius: 3px; background: #eee; font-family: Verdana; }
.alertButton { border: #000 1px solid; background: #ad0000; color: #fff; }
h1.babby, 
h3.babby { margin: 0 0 5px; padding: 0; font-family: Georgia, Times, serif; font-size: 35px; line-height: 35px; border-bottom: #1D3137 5px solid; text-shadow: 2px 2px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,	 1px 1px 0 #fff; }
h3.babby { font-size: 22px !important; line-height: 22px !important; }

/* ICONS */
.icon16 { min-width: 16px; min-height: 16px; background: url("/images/icons-sprite-16.png"); vertical-align: -3px;}
	.icon16Follow   { min-width: 18px; background-position: 0 0; }
	.icon16Friend   { min-width: 22px; background-position: -18px 0; }
	.icon16Plus     { background-position: -40px 0; }
	.icon16Minus    { background-position: -56px 0; }
	.icon16ThumbU   { background-position: -72px 0; }
	.icon16ThumbD   { background-position: -88px 0; }
	.icon16Flag     { background-position: -104px 0; }
	.icon16Comment  { background-position: -120px 0; }
	.icon16ArrowL   { background-position: -136px 0; }
	.icon16ArrowR   { background-position: -152px 0; }
	.icon16Email    { background-position: -168px 0; }
	.icon16Featured { background-position: -184px 0; }
	.icon16ArrowD   { background-position: -200px 0; }
	.icon16ArrowU   { background-position: -216px 0; }
	.icon16Views    { background-position: -232px 0; }
	.icon16Pin      { background-position: -248px 0; }
	.icon16X        { background-position: -264px 0; }
	.icon16Edit     { background-position: -280px 0; }
	.icon16Delete   { background-position: -296px 0; }
	.icon16Help     { background-position: -312px 0; }
	.icon16Reads    { background-position: -328px 0; }
	.icon16Articles { background-position: -344px 0; }
	.icon16Check    { background-position: -360px 0; }
	.icon16Close    { background-position: -376px 0; }
	.icon16Link     { background-position: -392px 0; }
	.icon16Reload   { background-position: -408px 0; }
	.icon16NewDoc   { background-position: -424px 0; }
	.icon16Search   { background-position: -440px 0; }
	.icon16Save     { background-position: -456px 0; }

.icon24 { min-width: 24px; min-height: 24px; background: url("/images/icons-sprite-24.png"); vertical-align: -7px;}
	.icon24Email   { background-position: 0 0; }
	.icon24Follow  { background-position: -24px 0; }
	.icon24Flag    { background-position: -48px 0; }
	.icon24Friend  { background-position: -72px 0; }

.socialIcon32 { min-width: 32px; min-height: 32px; background-image: url("/images/socialIcons-sprite-32.png"); vertical-align: -12px;}
	.socialIcon32Facebook   { background-position: 0 0; }
	.socialIcon32Twitter    { background-position: -32px 0; }
	.socialIcon32Youtube    { background-position: -64px 0; }
	.socialIcon32RSS        { background-position: -96px 0; }
	.socialIcon32Pinterest  { background-position: -128px 0; }
	.socialIcon32GooglePlus { background-position: -160px 0; }
	.socialIcon32More       { background-position: -192px 0; }
	.socialIcon32LinkedIn   { background-position: -224px 0; }

.socialIcon48 { min-width: 48px; min-height: 48px; background-image: url("/images/socialIcons-sprite-48.png"); vertical-align: -16px;}
	.socialIcon48More       { background-position: 0 0; }
	.socialIcon48Facebook   { background-position: -48px 0; }
	.socialIcon48Twitter    { background-position: -96px 0; }
	.socialIcon48GooglePlus { background-position: -144px 0; }
	.socialIcon48LinkedIn   { background-position: -192px 0; }
	.socialIcon48Pinterest  { background-position: -240px 0; }
	.socialIcon48Youtube    { background-position: -288px 0; }

/* AD BOXES */
.adTopRight { float: right; margin: 0 0 10px 10px; clear: right; overflow: hidden; }
.adTopRightHorizontal { display: block; width: 492px; height: 83px; margin: 0 auto 10px; padding: 2px; box-sizing: border-box; clear: both; overflow: hidden; background: #f2f2f2; color: #b0b0b0; font-size: 12px; line-height: 1em; }
.adSkyscraper { float: left; margin: 0 10px 10px 0; clear: left; overflow: hidden; }
.adBottomLeft { float: left; width: 315px; height: 273px; margin: 0 0 20px; padding: 2px; box-sizing: border-box; overflow: hidden; background: #f2f2f2; color: #b0b0b0; font-size: 12px; line-height: 1em; }
.adBottomRight { float: right; width: 315px; height: 273px; margin: 0 0 20px; padding: 2px; box-sizing: border-box; overflow: hidden; background: #f2f2f2; color: #b0b0b0; font-size: 12px; line-height: 1em; }

/* TinyMCE Editor Styling */
.mceExternalToolbar { width: 648px !important; background: #F0F0EE !important; border: #666 1px solid !important; box-shadow: 0 0 10px #888 !important; }
.mceExternalToolbarFixed { position: fixed !important; top: 0px !important; }
.mceExternalToolbarAbsolute { position: absolute !important; top: -80px !important; }
.mceExternalClose { cursor: pointer !important; }

/* Article Write Styling */
.formModule,
.missingModule { display: block; margin: 5px 0; }
	.formModule .titlebar,
	.missingModule .titlebar { display: block; width: 635px; padding: 5px 5px 5px 10px; background: #ddd; font-size: 16px; line-height: 25px; font-weight: bold; }
		.formModule .titlebar .moduleButtons,
		.missingModule .titlebar .moduleButtons { float: right; }
		.formModule .titlebar img,
		.missingModule .titlebar img { display: inline-block; margin: 0; padding: 0; }
	.formModule .formModule .titlebar { background: #bcbd8c; }
.moduleTitle { cursor: text; }
.moduleHelp { padding: 5px; background: #fffdda; }
.moduleChooseImages { }
	.moduleChooseImage { float: left; margin: 2px; height: 100px; border: #fff 5px solid; border-radius: 5px; }
		.moduleChooseImage img { height: 100px; cursor: pointer; }
.formTitle { display: none; width: 350px; }
.formHeading { display: block; width: 632px; margin: 5px 1px; padding: 1px 7px !important; font-size: 1.6em; line-height: 1.3em; }
.formSubheading { display: block; width: 632px; margin: 5px 1px; padding: 1px 7px !important; font-size: 1.4em; line-height: 1.3em; }
.formText { display: block; width: 632px; min-height: 100px; margin: 0 1px; padding: 7px; }
.formImageCredit { width: 614px; margin: 5px 1px; padding: 1px 7px !important; font-size: 10px; line-height: 1.2em; color: #666; }
.formCodeLanguage { margin: 0 0 5px 1px; }

.editImage,
.editMedia,
.editVideo,
.editAmazon,
.editRating { display: none; width: 610px; padding: 9px; }
	.editImage progress,
	.editMedia progress { display: none; width: 610px; margin: 5px 0; }
	.editImage form .imageTitle, 
	.editMedia form .imageTitle,
	.editVideo .videoURL,
	.editAmazon .amazonURL,
	.editRating .ratingName { display: block; width: 604px; }
	.editImage form .imageCredit,
	.editMedia form .imageCredit  { display: block; width: 604px; }

.editReference { display: none; width: 610px; padding: 9px; }
	.editReference input,
	.refEditBox input { width: 600px; }

.editError { display: none; width: 600px; margin: 0 auto 10px; padding: 10px; border: #d40000 2px solid; border-radius: 5px; background: #FFF4F4; }

#writeAside { overflow-y: scroll; }
#asideReferences,
#asideMedias { }
	.asideAddModuleType { display: block; margin: 2px 0; padding: 5px; background: #eee; font-size: 1.3em; line-height: 27px; }
		.asideAddModuleType button { float: left; margin-right: 5px; }
	.asideReference { display: block; margin: 4px 0 4px; padding: 0 5px 8px; border-bottom: #666 1px solid; }
		.asideReference button { margin-right: 15px; }
	#asideMedias progress { display: none; width: 295px; margin: 5px 0; }
	#asideMediasUpload .editError { width: 280px; }
		#asideMediasUpload form .imageTitle { width: 290px; }
		#asideMediasUpload form .imageCredit { width: 290px; }
	.asideMedia { display: block; margin: 3px 0 3px; padding: 0 5px 3px; border-bottom: #666 1px solid; }
		.asideMedia img { display: block; float: left; max-width: 175px; margin: 0 10px 0 0; }
		.asideMedia button { display: block; width: 107px; margin: 0 0 5px; text-align: left; }
		.asideMedia .featuredMediaButton { background: #cb2200; box-shadow: 0 0 2px #f13913 inset; }
			.asideMedia button img { display: inline; float: none; margin: 0; }

/* Message Boxes
   ========================================================================== */

.successBox,
.warningBox,
.errorBox { display: none; margin: 10px; padding: 10px; text-align: left; color: #222; }
.successBox { border: #9adf8f 1px solid; background: #d4ffcd; }
.warningBox { border: #e5db55 1px solid; background: #fefccb; }
.errorBox { border: #df8f90 1px solid; background: #ffd2d3; }
	.successBox li,
	.warningBox li,
	.errorBox li { margin: 0; }
	.successBox b { color: #258815; }
	.warningBox b { color: #878314; }
	.errorBox b { color: #8f2121; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	
		
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}