/* reset css rules for x-browser compatibility */
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0; }
* {padding:0;margin:0; outline:none; }
a img,:link img,:visited img{ border:none;outline:none;}
address { font-style:normal; }
/*---------------------------------------------*/

/* --- Global styles--- */
html{
	background:#000;
}
body{
	font-family:"Trebuchet MS";
	font-size:12px;
	background:#fff url('images/otherpages_bg.png') top repeat-x;
}
a{
	color:#2160a8;
	padding:0px 2px;
}
#content{
	width:900px;
	margin:0px auto;
}

.leftCol{
	padding:0px 2px 0px 2px;
	float:left;
	width:400px;
}
.leftCol input{
	vertical-align: middle;
}
.rightCol{
	padding:0px 2px;
	text-align:right;
}
.rightCol span, .rightCol a{
	font-size:12px;
	margin-left:10px;
}
.rightCol .completed{
	color:#71c837;
}

/* --- Header --- */
#header{
	padding-top:5px;
}
#header a img{
	border:0;
}
#header .headerLinks{
	display:block;
	text-align:right;
	height: 40px;
	line-height: 40px;
	vertical-align:middle;
	padding-top:5px;
	color:#000;
}
#header .headerLinks a{
	text-decoration:none;
	color:#800000;
	font-weight:bold;
	padding:0px 10px;
}
#header .headerLinks a:hover{
	color:#fff;
	background-color:#640000;
}

#header .headerLogo{
	float:left;
	width:174px;
	height:47px;
	background:url('images/scrobbld_logo.png') no-repeat;
}
*html #header .headerLogo{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/scrobbld_logo.png", sizingMethod="crop");
}


/* --- Focal Div --- */
#focalDiv{
	font-family:Arial;
	margin-top:20px;
	height:80px;
}
#focalDiv h1{
	font-size:20px;
	color:#fff;
	font-weight:normal;
}
#focalDiv h3{
	font-family:Georgia;
	font-style:italic;
	color:#ffeeaa;
	margin:7px 10px 12px 10px;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
}
div#focalDiv div.buttons{
	padding:5px 0px 0px 50px;
	width:400px;
}
div#focalDiv div.buttons div{
	background:url('images/yellowButton.png') no-repeat;
	width:128px;
	height:29px;
	padding-top:6px;
	float:left;
}
div#focalDiv div.buttons a, div#focalDiv div.buttons a:hover{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#225500;
	background:none;
}
div#focalDiv div.buttons a:hover{
	text-decoration:underline;
}
div#focalDiv h4{
	font-family:Georgia;
	font-size:12px;
	color:#eee;
	font-style:italic;
	font-weight:normal;	
	clear:both;
	padding-top:7px;
}
div#focalDiv div.buttons div.noBG{
	background:none;
	width:50px;
	color:#fff;
}
/* --- Sidebar --- */
#sidebar {
	margin-top:40px;
	float:left;
	width: 280px;
}
#sidebar .sidebarObj{
	background-color:#fff;
	margin:0px 0px 15px 0px;
	width: 280px;
}
#sidebar .sidebarObj h2, #sidebar .sidebarObj h2 a{
	background-color: #444;
	color:#fff;
	padding: 5px;
	font-weight:bold;
}
#sidebar .sidebarObj h2, #sidebar .sidebarObj h2 a:hover{
	text-decoration:underline;
}
#sidebar .sidebarObj .content{
	background-color: #fff8dc;
	padding:5px 7px 7px 7px;
	color:#8e7635;
	font-weight:normal;
}
#sidebar .sidebarObj .content ul li{
	list-style:circle;
	margin-left:13px;
	padding:0px;
}
#sidebar .sidebarObj .content ul li a{
	padding:0px;
}
#sidebar .sidebarObj .content ul li a:hover{
	color:#2160a8;
	background-color:transparent;
	text-decoration:underline;
}
/* --- Main Content --- */

#mainContent{
	float:left;
	margin-top:20px;
	padding-bottom:30px;
	color:#555;
	width: 620px;
}

#mainContent h2, #mainContent h2 a{
	font-family:Arial;
	font-size:16px;
	margin-top:20px;
	margin-bottom:20px;
	padding:5px 5px 5px 0px;
	color:#800000;
}
#mainContent h2{
	border-bottom:1px solid #ddd;
}
#mainContent h3, #mainContent h3 a{
	font-family:Arial;
	font-size:14px;
	margin-bottom:5px;
	color:#a0892c;
}
#mainContent .answerList{
	padding-right:10px;
}
#mainContent .pageTopLink{
	font-size:10px;
}
#mainContent .editLink, #mainContent .smallLink{
	font-size:10px;
color:#2160a8;
}
#mainContent .redLink{
color:#e00000;
}
#mainContent a.editLink:hover, .smallLink:hover{
text-decoration:underline;
}
#mainContent p{
	font-size:14px;
	margin-bottom:10px;
	margin-right:20px;
	padding:0px 0px 10px 2px;
}

#mainContent form input.inputBox, #mainContent form textarea.inputBox{
	background: #fff url('images/input_bg.gif') top left no-repeat;
	border: 1px solid #e1e1e1;
	border-top-color: #cacaca;
	border-left-color: #cacaca;
	padding:4px 7px 1px 7px;
	margin-bottom:5px;
	width:550px;
	text-align:left;
}
#mainContent form input.inputBox{
	height:20px;
}

#mainContent form input.submitButton{
	background: url('images/submit.png') top left no-repeat;
	padding:0px 10px;
	border:none;
	height:25px;
	width:76px;
	cursor:pointer;
}

#mainContent .blogFeed ul{}
#mainContent .blogFeed ul li{
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	padding:0px 0px 2px 0px;
	margin:3px 0px;
}
#mainContent .blogFeed ul li a{
	color:#ccb042;
}
#mainContent .featureBox{
	text-align:center;
	background-color: #f5f5c8;
	width:100%;
	padding:5px 10px;
	clear:both;
	font-size:14px;
}
.featureBox img{
	vertical-align:middle;
	margin-right:5px;
}

.newSectionForm, .newQAForm{
	padding:5px;
}
/* --- Footer --- */
#footer{
	clear:both;
	color: #cccccc;
	border-top:1px solid #888;
	background:#000 url('images/gradBlack.png') repeat-x;
	padding:10px 0px;
}
#footer #footerContent{
	width:900px;
	margin:0px auto;
}
#footer a{
	color: #bbbbbb;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover{
	text-decoration:underline;
	background-color:transparent;
}
.footer_col{
	display:inline;
	float:left;
	margin:10px 10px 10px 0px;
	width:130px;
}
#footer .footer_col h2, #footer .footer_col h2 a{
	color: #fff;
	font-size: 14px;
	margin-bottom:10px;
	font-variant:small-caps;
}
#footer .footer_col ul li a{
	font-size: 11px;
	background:none;
}
#footer #blogFeed{
	width:250px;
}
#footer #blogFeed .dateTime{
	font-style:italic;
	font-weight:normal;
	color:#666;
}
#footer #footerContent .outer_footer{
	clear:both;
	color:#555;
	line-height:30px;
	padding:5px 10px;
	background:#222;
}
#footer #footerContent .rightCol{
	float:right;
	margin-left:10px;
}
#footer #footerContent .rightCol .big{
	padding:0px;
	font-size: 16px;
	font-weight:bold;
	color:#fff;
}

/*-- warning messages --*/
p.user_message{
	width:550px;
	padding:1px;
	border:1px solid #ccc;
	margin:2px 0px;
	text-align:center;
}

.success{
	background-color: rgb(226, 249, 227);
	color:rgb(0, 102, 0);
	border: 1px solid rgb(153, 204, 153);
}

.warning{
	background-color:#ffcccc;
	color:#640000;
}
.fullWidth{
	width:100% !important;
}
.info{
	background-color:#eec;
	color:#a0892c;
	font-size:12px;
	line-height:18px;
	padding:5px !important;
}
ul.bulleted {list-style:circle;}
ul.bulleted li{
	list-style:circle;
	margin-left:40px;
	font-size:14px;
}

.inside{
	overflow:auto;
	margin-top:10px;
	border-top:solid 2px #ccc;
	font-size:11px;
}
.inside a{ font-size:11px;}
.innerBox{
	display:block;
	overflow:auto;
	color:#555;
	margin:5px 0px;
	padding:5px 0px 15px 0px;
	width:100%;
	clear:both;
border-bottom:1px solid #ccc;
}
.inside .insideLeft{
	float:left;
	width:60%;
	padding:2px 5px;
}
.inside .insideRight{
	margin-left:65%;
	padding:2px 5px;
}

.inside h2{
	font-size:12px;
	margin-top:5px;
	margin-bottom:2px;
	font-weight:bold;
	color:#922424;
	background-color:#E7E0C2;
	padding:2px 5px;
	margin-left:-5px;
}
h2.bg_less{
	background-color:transparent !important;
}
.inside h3{
	display:inline;
	clear:both;
	margin-right:5px;
	color: #000;
}
form input, form textarea, .innerBox input, .innerBox textarea{
	font-family:"Trebuchet MS";
	font-size:12px;
	padding:1px;
}
form input.text, form textarea , .innerBox input, .innerBox textarea{
	background: #fff url(images/input_bg.gif) top left no-repeat;
	border: 1px solid #e1e1e1;
	border-top-color: #cacaca;
	border-left-color: #cacaca;
	padding:2px 5px;
}
input.inlineText{
	padding:0px 5px;
}
.innerBox input.mediumFixed, .innerBox textarea.mediumFixed{
	width:500px;
}
.innerBox input.wide, .innerBox textarea.wide{
	width:95%;
}
.icons2, ul.transList .items li, ul.customerList li{
	background-image: url('images/icons2.png');
	background-repeat: no-repeat;
	padding:2px 3px 2px 21px;
}
.tick { background-position: 1px 2px; }
.cross { background-position: 1px -38px; }
.save { background-position: 1px -78px; }
.exclaimation { background-position: 1px -118px; }
.holder { background-position: 1px -160px; cursor:move; }
.trash { background-position: 1px -198px; padding:2px 3px 2px 17px; }

/* -- general styles (placed at the end to take precedence) -- */
.boldText{ font-weight:bold; }
.italicised{ font-style:italic;}
.centered{ text-align:center;}
.leftAligned{ text-align:left;}
.rightAligned{ text-align:right;}
.cleared{ display:block; clear:both;}
.grayed{ color:#999; }
.yellowHighlight{ background-color: #ffff6e; }
.brownHighlight{ background-color: #e4dbbf; }
.highlight_brown{ background-color:#e4dbbf; padding:3px; margin:5px 0px; clear:both; }
.paddedAll{padding: 5px 10px;}
.sample{text-align:left; margin:10px;}