/* 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;
}
.noScript {
	background:#FFFFFF none repeat scroll 0 0;
	color:#c40000;
	font-size:14px;
	font-weight:normal;
	padding:6px 5px;
	text-align:center;
	margin:10px;
}
a{
	color:#2160a8;
	padding:0px 2px;
}
a:hover{
	background-color:#640000;
	color:#fff;
	/*text-decoration:underline;*/
}
#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;
font-size:14px;
}
#header .headerLinks a:hover{
	color:#fff;
}
#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;
}
/* --- Login Div --- */
#loginDiv{
	margin-top:25px;
	text-align:center;
	height:25px;
	font-size:14px;
}
#loginDiv input{
	font-family:"Trebuchet MS";
	font-size:12px;
	padding:1px;
}
#loginDiv label{
	color:#555;
	padding:0px 5px 0px 10px;
}
#loginDiv input.text{
	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;
	width:150px;
}
#loginDiv input.button{
	padding:0px 10px;
	margin:0px 0px 0px 10px;
}
#loginDiv #loginLine{
font-style:italic;
}
#loginDiv #loginLine a{
font-style:normal;
}

/* --- Lower Div --- */

#lowerDiv{
	margin-top:30px;
	margin-bottom:20px;
	color:#555;
}
#lowerDiv .leftCol{
	margin-bottom:20px;
}
#lowerDiv h2{
	font-family:Arial;
	font-size:20px;
	color:#800000;
	margin-bottom:15px;
}
#lowerDiv p{
	margin-bottom:15px;
	font-size:14px;
	padding-right:20px;
}
#lowerDiv ul.tickBullets{
	padding-top:40px;
}
#lowerDiv ul.tickBullets li{
	font-size:14px;
	text-align:left;
	margin-bottom:10px;
	background:url('images/tick.png') 40px 0px no-repeat;
	padding-left:65px;
}
/* --- Pricing Table --- */
table.pricingTable{
	width:100%;
	color:#555;
	margin:5px 0px 40px 0px;
	font-size:12px;
}
table.pricingTable tr{
	border-bottom:1px solid #bbb;
}
table.pricingTable td{
	text-align:center;
	padding:10px 0px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
}
table.pricingTable td a{
	background-color:transparent;
}
table.pricingTable tr.tableHeader{
	font-size:14px;
	font-weight:bold;
	background:#a0892c url('images/gradients.png') 0px 0px repeat-x;
	color:#fff;
}
table.pricingTable tr.tableHeader td{
	border-bottom: 0px solid #eee;
	padding:5px 0px;
	border-right: 1px solid #a0892c;
}
table.pricingTable td.sidebar{
	text-align:left;
	font-weight:bold;
	padding-right:10px;
	width:200px;
font-size:14px;
text-align:right;
}
table.pricingTable tr.prices td{
	font-weight:bold;
	background-color:#f2f2f2;
	color:#111;
	padding:10px 0px 0px 0px;
	border-right: 1px solid #ccc;
}
table.pricingTable tr.prices td p{
	padding:0px;
}
table.pricingTable tr.prices td .tenure{
	width:100%;
	padding-top:5px;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#999;
}
#lowerDiv .signupFAQs{
	padding-bottom:10px;
}
#lowerDiv .signupFAQs h2{
	padding-bottom:10px;
}
#lowerDiv .signupFAQs h3{
	font-size:16px;
	color:#a0892c;
	margin:5px 0px;
}
#lowerDiv .signupFAQs p{
	padding-bottom:10px;
}
/* --- Sign up form ---*/
#signupForm, #loginForm{
	padding:20px 0px;
}
#signupForm fieldset, #loginForm fieldset{
	border:2px solid #eee;
	padding:20px 0px 10px 0px;
	margin:0px 0px 15px 0px;
}
#signupForm fieldset legend, #loginForm fieldset legend{
	font-size:16px;
	border:2px solid #eee;
	padding:2px 10px;
	margin-left:10px;
	font-weight:bold;
	color:#800000;
	background-color:#f9f9f9;
}
#signupForm table, #loginForm table{
	width:100%;
}
#signupForm table td, #loginForm table td{
	padding:5px 0px;
}
#signupForm table .field, #loginForm table .field{
	width:30%;
	text-align:right;
	padding-right:20px;
	color:#a0892c;
	font-size:14px;
	font-weight:bold;
}

#signupForm input.text, #loginForm input.text{
	width:70%;
	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;
}

#signupForm a, #loginForm a{
	border:none;
	background-color:#fff;
}
#loginForm a{
	font-size:12px;
}
#loginForm a:hover{
	color:#2160a8;
	text-decoration:underline;
}
#lowerDiv ul.features{
	padding:10px 0px 0px 0px;
}

/* --- 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{
	padding:3px;
	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;
}
/* --- Main Transactions List --- */
ul.transList {
	margin:10px 0px;
	padding:0px 5px 5px 5px;
}
ul.transList li{
	background-color:#f2f2f2;
	margin: 1px 0px;
	padding-right:10px;
}
ul.transList li.alt{
	background-color:#f8f8f8;
}
ul.transList li a.name{
	margin-left:5px;
	font-weight:bold;
}
ul.transList li a.name:hover{
	color:#800000;
	background:none;
}
ul.transList li.listHover{
	background-color:#f5f4d8;
}
ul.transList li.expanded{
}

.leftCol{
	padding:0px 2px 0px 2px;
	float:left;
}
.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;
}

/* --- Details Box --- */
ul.items li{
	background-color:transparent;
}
a.addToGroup, a.changeGroup{
	background:url('images/addToGroup.png') 0 0 no-repeat;
	width:100px; height:17px; text-indent:-9999px;
	display:block; border:none; margin:0;
}
a.changeGroup{
	background:url('images/changeGroup.png') 0 0 no-repeat;
}
.yellowHighlight{
	background-color: #ffff6e;
}
.inside{
clear:both;
	overflow:auto;
	margin-top:10px;
	border-top:solid 1px #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%;
	border-bottom:solid 1px #ccc;
	clear:both;
}
#lowerDiv .inside .insideLeft{
	float:left;
	width:55%;
	margin-right:40px;
}
#lowerDiv .inside .insideRight{
	margin-left:65%px;
}

#lowerDiv .inside h2{
	font-size:11px;
	font-weight:bold;
	color:#922424;
}
#lowerDiv .inside h3{
	display:inline;
	clear:both;
	margin-right:5px;
	color: #000;
}
#lowerDiv .inside ul li{
/*
	background:none;
	border-width: 0px 0px 0px 3px;
	border-color: #555;
	padding:0px 0px 0px 5px;
	margin: 1px 0px 5px 0px;
	*/
}
.inside ul li .emph{
	color:#000;
	font-weight:bold;
}
.inside select{
	font-size:10px;
	padding:1px;
	width:130px;
}
.inside ul.fields_list li, .inside ul.fields_list li:hover{
	border:none;
}
ul.transList li.header, ul.transList li.listFooter{
	background:#640000;
	color:#e5e5e5;
	border:solid 0px #ad9948;
	font-weight:bold;
}
ul.transList li.header table{
	color:#fff;
	font-size:12px;
	font-weight:bold;
}
td.receipt, td.date, td.status, td.removeGroup, td.qty, td.groupBy{
	text-align:center;
}
td.checkbox{ width:22px; }
td.receipt{	width:70px; }
td.date{ width:150px; }
td.status{ width:70px; }
td.qty{ width:70px; }
td.removeGroup{ width:100px; }
td.groupBy{ width:120px; }
td.notifierType{ padding-left:10px; }
td.description{ width:150px; }

ul.transList li.listFooter{
	text-align:center;
}
ul.transList li.listFooter a{
	padding:0px 4px;
	color:#fff;
}
ul.transList li.listFooter a.current{
	background:#f9f7f1;
	color:#555;
}
.LIactions a{
	margin-right:10px;
}

/* --- transaction details --- */
.transDetails .innerBox{
	font-style:italic;
	color:#777;
}
.transDetails h2{
	font-style:normal;
}
.transDetails h3.tagName{
	color:#111;
	font-style:normal;
}
.itemName{
	font-weight:bold;
}
.groupName{
	font-variant: small-caps;
	font-size:120%;
	font-weight:bold;
	color:#800000;
	/*color:#b14f4f;*/
}

/* --- Tab Bar --- */
.tabbar:after {content:".";display:block;visibility:hidden;}
.tabbar {display: inline-block; margin-top: 20px; text-align: left;}
/* Hides from IE-mac \*/
* html .tabbar {height:1%;}
.tabbar {
	display:block;
	border-bottom: 2px solid #aaa;
	padding: 1px 10px 3px 10px;
}
/* End hide from IE-mac */
ul.tabbar {margin:0px;padding:5px 0px 3px 0px;width:100%;}
.tabbar li {list-style:none;margin:0px 10px;float:left;}
.tabbar li a{ padding:0px 7px; font-weight:bold;}
ul.tabbar li.currentTab a, ul.tabbar li.currentTab a:hover {
	background: #fff url('images/grayGrad_down.gif') repeat-x top;
	color: #777;
	position: relative;
	padding-top: 5px;
	padding-bottom: 3px;
	border: 2px solid #aaa;
	border-bottom: solid 2px #fff;
}
ul.tabbar a:hover {
	color: #555;
	background-color:transparent;
}

/* --- Tab Containers --- */
#lowerDiv .tabContainers li.tc{
	padding:5px 0px;
	text-align:center;
}
#lowerDiv .tabContainers li.tc img{
	padding:15px 0px 0px 0px;
}
#lowerDiv .tabContainers h2, #lowerDiv .tabContainers h2 a, #lowerDiv .tabContainers h2 a:hover{
	color:#840000;
	background:transparent;
	margin:10px 0px 10px 0px;
}
#lowerDiv .pageSubLinks{
	margin-top:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
	text-align:center;

}
#lowerDiv p.pageSubLinks a{
	font-size:12px;
	font-weight:bold;
}
#lowerDiv p.pageSubLinks a:hover{
	color:#2160a8;
	background-color:transparent;
	text-decoration:underline;
}
#lowerDiv p.page_description{
	width:600px;
	margin:0px auto;
	color:#000;
	font-weight:bold;
	font-size:16px;
}

/* --- Tooltip --- */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#a0892c;
    text-decoration:none;
}
a.info:hover{z-index:25; background-color:#ffc; color:#a0892c;}
a.info span{display: none;}
a.info:hover span{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:-5px; left:2.5em; width:15em;
	border:1px solid #c93;
	padding:10px 15px 10px 15px;
	background:#ffc url(../images/pointer.gif) -100px -100px no-repeat;
	text-align: left;
	color:#000;
	font-weight:normal;
}
a.info span .info-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(./images/pointer.gif) left top no-repeat;
}
.centered{text-align:center;}
.signMeUp a:hover{ background-color:transparent; }
.note{text-align:center; padding:5px 0px; background-color:#f5f5c8; margin-top:30px;}