/*Created 23 August 2010 by Kat Neville http://thisiscapra.com */

body{
	background: #fff url(/images/background.jpg) repeat-x 0 0; 
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 75%;
}

h1 a{
	display: block;
	text-indent: -9999px;
	background: url(/images/logo.png?v=2) no-repeat 0 0;
	width: 342px;
	height: 85px;
	float: left;
	margin: 10px 0 30px;
}

body.home h1 a{
	display: block;
	text-indent: -9999px;
	background: url(/images/home_logo.png) no-repeat 0 0;
	width: 295px;
	height: 102px;
	float: left;
	margin: 30px 0 0;
}

h2, h3, h4, h5, h6{
	margin-bottom: 10px;
	margin-top: 10px;
}

h2{
	font-size: 32px;
	color: #035561;	
}

h3{
	font-size: 25px;
}

h4{
	font-size: 18px;
}
h5{font-size: 1.4em;}
h6{font-size: 1.2em;}
a{color: #2f748b;
  text-decoration:none;
}
a:visited{color: #1d5b70;}
a:hover{color: #2b9bc0;}
br.clear, .clear{clear: both;}
.hide {display:none;}
.nomargin{margin:0px !important;}
p{
	font-size: 14px;
	display:block;
	margin-bottom: 15px;
	line-height: 1.4em;
}
input[type="text"] {font-family: Helvetica, Arial, sans-serif;}
textarea {font-family: Helvetica, Arial, sans-serif;}

.small{
	font-size: 10px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
.center 
{
    width:100%;
    text-align:center;   
} 

html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

select{
	font-size: 1.2em;
	padding: 5px;
	width: 300px;
}

select.styleChooser{
	float: left;
}

body.home .container{
	width: 870px;
}

.container{
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.loginBoxHidden
{
    display:none;   
}
.loginBoxAlready
{
    margin-left:50px;
    color:#888 !important;
}

.loginBox{
	background: url(/images/login_cloud.png) no-repeat 0 0;
	width: 270px;
	height: 129px;
	display: block;
	position: absolute;
	top: -20px;
	right: 0;
	padding: 30px 40px 0 40px;
	z-index: 99;
}

body.home .loginBox{
	top: 0;
	right: 0;
	padding-top: 10px;
}

.loginlabel{
	display: block;
	width: 80px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 5px;
}

.logininput{
	margin-bottom: 5px;
	width: 120px;
	float:left;
}

.logincheckbox{
	width: 130px;
	float: left;
	margin-left: 80px;
}
.loginstatus{
	width: 160px;
	float: left;
	clear:both;
	margin-left: 90px;
}

.loginBox p{
	font-size: 1.2em;
	padding-left: 0px;
	margin:0px 0px 5px 0px;	
}

.loginBox a.facebook{
	margin-left: 0px;
	font-size: 1em;
	background-position-y:3px;
}

.loginBox a.twitter{
	margin-left: 0px;
	font-size: 1em;
	background-position-y:3px;
}

.loginBox a.settings{
	position: absolute;
	top: 60px;
	right: 120px;
}

.loginBox input.checkbox{
	width: 20px;
	float: left;
	margin-left: 80px;
}

.loginBox label.checkBox{
	text-align: left;
}

*html .loginBox label.checkBox{
	width: 130px;
}

.loginbutton{
	background: url(/images/buttons/login.png) no-repeat 0 0;
	text-indent: -99999px;
	width: 57px;
	height: 32px;
	border: none;
	float: left;
	margin-top: -5px;
	line-height: 0;
}

.loginbutton:hover{
	background-position: 0 -32px;
	cursor: pointer;
}

*html .loginBox input.submit{      /* Dave - not sure what this is doing? Kat-- makes it look right in ie6 */
	position: absolute;
	bottom: 63px;
	left: 260px;
}

.loginBox input.submit:hover{
	background-position: 0 -32px;
	cursor: pointer;
}

ul.stars{
	font-size: 15px;
	line-height: 1.3em;
	margin-left: 20px;
	list-style-image: url(/images/small_star.png);
	position: relative;
}

.header{
	overflow: hidden;
	width: 960px;
	height: 130px;
}

body.home .mainContent{
	margin: 50px 0;
	width: 580px;
	float: left;
}

.mainContent{
	width: 680px;
	float: left;
}

body.settings .mainContent{
	width: 949px;
}

.birds{
	background: url(/images/birds.png) no-repeat 0 0;
	width: 111px;
	height: 49px;
	position: absolute;
	top: -50px;
	right: 10px;
}

.sidebar{
	width: 242px;
	float: left;
	margin:50px 0 30px 20px;
	border: 1px solid #dee3d5;
	padding: 12px 3px 0 2px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	behavior: url(/scriptscss/PIE.htc);
}

*html .sidebar
{
    margin-left: 15px;
}

.sidebarContent{
	padding: 15px;
}

body.home .features h4{
	width: 190px;
}

body.home .registration h4{
	width: 163px;
	margin-top:4px;
}

.registration{
	background: url(/images/register_box.png?v=1) no-repeat 0 0;
	height: 305px;
	position: relative;
	top: -50px;
	padding: 55px 40px 0 40px;
	margin-bottom: -30px;
}

.registration label{
	display: block;
	margin-top: 7px;
	margin-bottom: 1px;
}

.registration .status{
	display: block;
	margin: 6px 0px 0px 5px;
}

a.twitterConnect, a.facebookConnect,
a.giveItAGo, .registration input.register, a.seeMore, a.save, input.save, a.okay,
a.done, a.complete, a.yes, a.no, a.cancel, a.continue, a.next, a.send, a.emailMe,
a.sendUsername, a.sendPassword, a.recoverAccount, a.tweet, a.add, a.verify, a.closeBig, a.tryAgain,
input.giveItAGo, input.seeMore, input.save, input.save, input.okay,
input.done, input.complete, input.yes, input.no, input.cancel, input.continue, input.next, input.send, input.emailMe,
input.sendUsername, input.sendPassword, input.recoverAccount, input.tweet, input.add, input.verify,
a.gearssmall, input.gearssmall, a.reportsmall, input.reportsmall, a.reload{
	width: 103px;
	height: 42px;
	border: none;
	margin: 9px 0 0 0;
	/*text-indent: -99999px;*/  /*ie problem*/
	display: inline-block;
	line-height: 0;
	padding: 1px;
	vertical-align:middle;
	background-color:transparent;
	overflow:visible;
}
a.twitterConnect
{
    height:25px;    
    background: url(/images/sign-in-with-twitter-d.png) no-repeat 0 0;
    width: 151px;
    margin-top:1px;
}

a.facebookConnect
{
    height:25px;
    background: url(/images/facebookconnect.gif) no-repeat 0 0;
    width: 90px;
    margin-top:1px;
}
.registration input.register{
    background: url(/images/buttons/register.png) no-repeat 0 0;
}
a.verify
{
    margin:0px;
    vertical-align:middle;
}
a.giveItAGo, a.okay{
	background-image: url(/images/buttons/give_it_a_go.png);
	width: 240px;
	height: 42px;
	border: none;
	margin: 10px 0 0 0;
	text-indent: -99999px;
	display: block;
	line-height: 0;
	background-color:transparent;
}

/* button section */

a.okay, input.okay{background-image: url(/images/buttons/okay.png); width: 82px;}
a.done, input.done{background-image: url(/images/buttons/done.png); width: 82px;}
a.complete, input.complete{background-image: url(/images/buttons/complete.png); width: 115px;}
a.yes, input.yes{background-image: url(/images/buttons/yes.png); width: 62px;}
a.no, input.no{background-image: url(/images/buttons/no.png); width: 53px;}
a.cancel, input.cancel{background-image: url(/images/buttons/cancel.png); width: 90px;}
a.continue, input.continue{background-image: url(/images/buttons/continue.png); width: 115px;}
a.next, input.next{background-image: url(/images/buttons/send.png); width: 75px;}
a.send, input.send{background-image: url(/images/buttons/okay.png); width: 80px;}
a.emailMe, input.emailMe{background-image: url(/images/buttons/email_me.png); width: 110px;}
a.sendUsername, input.sendUsername{background-image: url(/images/buttons/send_username.png); width: 170px;}
a.sendPassword, input.sendPassword{background-image: url(/images/buttons/send_password.png); width: 170px;}
a.recoverAccount, input.recoverAccount{background-image: url(/images/buttons/recover_account.png); width: 180px;}
a.tweet, input.tweet{background-image: url(/images/buttons/tweet.png); width: 87px;}
a.add, input.add{background-image: url(/images/buttons/add.png); width: 67px;}
a.verify, input.verify{background-image: url(/images/buttons/verify.png); width: 80px;}
a.gearssmall, input.gearssmall{background: url(/images/icons/gearslight.png) no-repeat 0 0; width: 16px;height:16px;}
a.gearssmall:hover, input.gearssmall:hover{background: url(/images/icons/gears.png) no-repeat 0 0; width: 16px;height:16px;}
a.reportsmall, input.reportsmall{background: url(/images/icons/reportsmalllight.png) no-repeat 0 0; width: 16px;height:16px;}
a.reportsmall:hover, input.reportsmall:hover{background: url(/images/icons/reportsmall.png) no-repeat 0 0; width: 16px;height:16px;}
a.no{background-image: url(../images/buttons/no.png); width: 62px;}
a.closeBig{background-image: url(../images/buttons/close_big.png); width: 80px;}
a.tryAgain{background-image: url(../images/buttons/try_again.png); width: 113px;}

a.seeMore, a.reload{
	background-image: url(/images/buttons/see_more.png);
	width: 125px;
	height: 44px;
	text-indent: -99999px;
}

a.reload{
	background-image: url(/images/buttons/reload.png);
	width: 118px;
	height: 42px;
}

input.save, a.save{
	background: url(/images/buttons/save.png) no-repeat 0 0;
	display: block;
	width: 103px;
	height: 44px;
	border: none;
	margin: 10px 0 0 0;
	text-indent: -99999px;
	line-height: 0;	
}

a.buyCredits{
	background-image: url(/images/buttons/buy_credits.png?v=2);
	width: 150px;
	display: block;
	height: 44px;
	border: none;
	margin: 10px 0 0 0;
	text-indent: -99999px;
	display: inline-block;
	line-height: 0;
}

a.giveItAGo:hover, .registration input.register:hover, a.buyCredits:hover, a.seeMore:hover, a.save:hover, input.save:hover, a.okay:hover, a.done:hover, a.complete:hover, a.yes:hover, a.no:hover, a.cancel:hover, a.continue:hover, a.next:hover, a.send:hover, a.emailMe:hover, a.sendUsername:hover, a.sendPassword:hover, a.recoverAccount:hover, a.tweet:hover, a.add:hover, a.verify:hover,a.closeBig:hover, a.tryAgain:hover,
input.giveItAGo:hover, input.buyCredits:hover, input.seeMore:hover, input.save:hover, input.save:hover, input.okay:hover, input.done:hover, input.complete:hover, input.yes:hover, input.no:hover, input.cancel:hover, input.continue:hover, input.next:hover, input.send:hover, input.emailMe:hover, input.sendUsername:hover, input.sendPassword:hover, input.recoverAccount:hover, input.tweet:hover, input.add:hover, input.verify:hover, a.reload:hover{
	background-position: 0 -42px;
	cursor: pointer;
}

input.paypalBuyNow:hover, input.paypalSubscribe:hover, a.paypalUnsubscribe:hover{
	cursor: pointer;
}

.helparticles{
	background: url(/images/helparticles.png) no-repeat 0 0;
	padding: 3px 20px;
	width: 202px;
}
.helparticles h4{
	color: #fff;
	margin-bottom: 10px;
}

.features{
	background: url(/images/features.png) no-repeat 0 0;
	padding: 3px 20px;
	width: 202px;
}

.featuresNames h6{
	margin: 0px 0px 8px 0px;
}

.features h4{
	color: #fff;
	margin-bottom: 30px;
}

.features p{
	margin: 5px 0px 10px 0px;
}
.features .thumb
{
    margin-top:3px;
    float:left;
}
.features .website
{
    line-height:1.4em;
}
.features .twitter
{
    line-height:1.4em;
}
.featuresNames
{
    float:left;
    width:140px;
    margin-left:10px;
}
.featuresBottom{
	background: url(/images/features_bottom.png) no-repeat 0 0;
	width: 244px;
	height: 18px;
	margin-bottom: 2px;
}

.features .twiend{
	vertical-align:middle;
	color:#818181;
}

.features .follow{
	vertical-align:middle;
	color:#818181;
}

.howMany{
	vertical-align:middle;
	color:#818181;
}
.features ul li{
	list-style: none;
	font-weight: bold;
	line-height: 1.8em;
	font-size: 14px;
}

.newsletter{
    width:270px; 
    clear:left; 
    float:left; 
    text-align:left;
}
.newsletter label
{
    display: block;
	width: 50px;
	float: left;
	text-align: left;
	margin-top:6px;
}
.newsletter .continue
{
    margin-left:50px; 
    border:0px none;  
}



/*footer*/
.footer{
	width: 100%;
	clear: both;
	display: block;
	background: #a3c327 url(/images/footer.jpg) repeat-x 0 0;
	margin-top: 0px;
	padding: 70px 0 10px;
	overflow: hidden;
}

.footer ul{
	overflow: hidden;
	padding: 20px;
	text-align: center;
}

.footer ul li{
	float: left;
	margin-right: 25px;
	list-style: none;
}

.footer ul li a{
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;

}

.testimonials{
	background: url(/images/testimonials.png) no-repeat 0 0;
	width: 138px;
	height: 260px;
	padding: 20px 70px 0 385px;
	margin-top: -240px;
}

blockquote
{
    color: #555;
	font-size: 17px;
	line-height: 1.2em;
	margin-bottom: 3px;
    font-style:italic;
}

cite{
	color: #686868;
	font-size: 11px;
}

/*home*/
body.home h2{
	width: 520px;
	margin-bottom: 20px;
}

body.home h4{
	width: 310px;
	font-weight: normal;	
	line-height: 1.2em;
	position: relative;
}

body.home h3{
	margin-top: 30px;
	position: relative;
}

body.home a{position: relative;}

/*main interface*/

.menuContent{
	width: 650px;
}

body.settings .menuContent{
	width: 960px;
}

.mainMenu{
	list-style: none;
	overflow: hidden;
	margin-left: 10px;
}

.mainMenu li{
	float: left;

}

.mainMenu li a{
	background-color: #fff;
	border: 2px solid #a6b6b8;
	border-bottom: none;	
	padding: 10px 15px;
	display: block;
	float: left;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(220,228,229)),
    color-stop(0.19, rgb(255,255,255))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(220,228,229) 0%,
    rgb(255,255,255) 19%
);
	-pie-background: linear-gradient(90deg, #dce4e5, #ffffff 10px);
	margin-left: 3px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	z-index: 5;
	behavior: url(/scriptscss/PIE.htc);
}

.mainMenu li a span{
	font-size: 10px;
	font-weight: normal;
	margin-top: 0px;
	display: block;
}

.mainMenu li a.selected, .mainMenu li a:hover{
	color: #000;
	background-color: #98b81c;
	border-color: #e9f7fb;
	background:
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.4, rgb(157,189,30)),
	    color-stop(0.95, rgb(156,187,30))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(157,189,30) 40%,
	    rgb(194,229,56) 95%
	);
	-pie-background: linear-gradient(90deg, #9dbd1e, #9cbb1e 10px);
	background: linear-gradient(left top,white, black);
	behavior: url(/scriptscss/PIE.htc);

}

.menuBar{
	background-color: #98b81c;
	border: 2px solid #e9f7fb;
	display: block;
	width: 629px;
	min-height:20px;
	position: relative;
	top: -2px;
	z-index: 4;
	padding: 8px 2px 8px 15px;
	overflow: hidden;
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-box-shadow: 0px 1px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
	background: 
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.31, rgb(133,161,22)),
	    color-stop(0.7, rgb(156,187,30))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(133,161,22) 31%,
	    rgb(156,187,30) 70%
	);
	-pie-background: linear-gradient(90deg, #85a116, #9cbb1e 30px);
	behavior: url(/scriptscss/PIE.htc);
}

body.settings .menuBar{
	width: 925px;
}
.menuBar span{
	float: right;
	color: #FFF;
	text-decoration: none;
	margin:5px;
}
.menuBar a{
	float: right;
	color: #000;
	text-decoration: none;
}

.menuBar .submenu{
	padding: 4px 12px 5px 12px;
	margin-right: 8px;
	border: 0px solid #d2d7bf;
	text-decoration: none;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	display:inline-block;
	float: left;
	font-size: 13px;
	background-color: #B3CD00;   
	behavior: url(/scriptscss/PIE.htc);
	color:#333;
}

.menuBar .submenu.selected{
	background-color: #ECF0D8;
	color:#222;  
	font-weight:bold; 
}

.menuBar .submenu:hover{
	background-color: #CCE900;   
	behavior: url(/scriptscss/PIE.htc);
}

.PopOverMask { position:absolute;background-color: Black;display:none;z-index:9998;top:0px;left:0px;filter:alpha(opacity=50); opacity:0.5;}  

.popup{
	width: 400px;
	border: 10px solid #6a8a28;
	padding: 30px;
	z-index: 9999;
	margin: 0px auto;
	position: absolute;
	top: 0;
	left: 200px;
	background-color: #fff;
	display:none;
}

.popup h3
{
    margin-top:0px !important;
    margin-bottom:10px;
}
.popup p{
	font-size: 14px;
}

.popup a{

}

.popup.warningInfoBox a, .popup.fatalInfoBox a{margin-left: 57px;}

.popup a.giveItAGo{
	margin-left: 70px;
	margin-bottom: 10px;
}

a.close{
	background: url(/images/buttons/close.png) no-repeat 0 0;
	width: 35px;
	height: 32px;
	display: block;
	text-indent: -99999px;
}

.popup a.close{
	position: absolute !important;
	top: -18px;
	right: -20px;
}

a.close:hover{
	background-position: 0 -32px;
}

.socialPopup
{
    width:293px;
}

.socialPopup p{
	font-weight: normal;
	color: #000;
	padding: 5px 10px;
	line-height: 1.4em;
	margin-bottom:3px;
}
.socialPopup .followers{
	line-height: 1.0em;
	margin-bottom:0px;
}

.socialPopup .lastTweet{
	background-color: #e7fcff;
	border-top: 1px solid #035561;
	padding: 5px;
}
.socialPopup .thumbouter{
	float: left;
	margin: 0 10px 5px 0;
	width:48px;
	height:48px;
}
.textOnly{
	font-weight: normal;
	color: #333;
	line-height: 1.4em;
	font-size:1.1em;
	margin:15px;
}
.socialPopup h6
{
    margin-left: 10px;
    font-size:1.5em;
}

.socialPopup a.twitter{
	float: left;
	margin-top: 5px;
	width:210px;
	text-align:left;
}

.socialPopup a.website{
	float: left;
	margin-top: 5px;
	width:210px;
	text-align:left;
}

.infoBox{
	background-color: #f5faeb;
	border: 2px solid #b6c993;
	border-top: none;
	margin: 0 0 20px 0;
	position: relative;
	overflow: hidden;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-box-shadow: 0px 2px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
	behavior: url(/scriptscss/PIE.htc);
	min-height:70px;
}

.infoBox label {width:150px;font-size: 18px;margin:0px 0px 0px 15px;vertical-align:middle;}
.infoBox input[type="text"] {width: 150px;font-size:14px;padding:5px;}

.infoBox.standAloneInfoBox{
	border-top: 2px solid #b6c993;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;	
	padding: 0 20px;
	min-height: 10px;
}


.fatalInfoBox{
	background: #fee4d8 url(/images/buttons/fatal_error.jpg) no-repeat 10px 3px;
} 

.fatalInfoBox h4, .fatalInfoBox h3, .fatalInfoBox p{
	margin-left: 60px;
	margin-right: 10px;
} 
.fatalInfoBox h4, .fatalInfoBox h3{
	color: #af0000;
	margin-top: 12px;	
}

.generalInfoBox h4, .generalInfoBox  p{
	margin-left: 15px;
	margin-right: 10px;
} 
.generalInfoBox  h4{
	margin-top: 12px;	
}

.warningInfoBox{
	background: #f5faeb url(/images/buttons/warning_error.jpg) no-repeat 10px 3px;
} 

.doingInfoBox h4, .doingInfoBox  p{
	margin-left: 30px;
	margin-right: 10px;
} 
.doingInfoBox  h4{
	margin-top: 12px;
	font-size:1.3em;	
}

.popup.warningInfoBox, .popup.fatalInfoBox{
	background-position: 40px 55px;
}

.warningInfoBox h4, .warningInfoBox h3, .warningInfoBox p{
	margin-left: 60px !important;
} 
.warningInfoBox h4{
	margin-top: 12px;	
}


*html .infoBox{width: 619px;}

.infoBox ol{
	padding: 10px 10px 0px 10px;
	overflow: hidden;
	list-style: none;
}

.infoBox ol li{
	float: left;
	width: 190px;
	margin-right: 15px;
}

.olRight
{
   	width: 205px !important; 
   	margin-right:10px !important; 
}

.infoBox p{
	margin-bottom: 10px;
	margin-right: 10px;
	font-size:13px;
}

.infoSubnote
{
    font-size:0.97em;
    font-style:italic;
    color:#777;
}
.olAlign
{
    margin-left:45px;
}

a.moreHelp, a.delete{
	background: url(/images/buttons/question.png) no-repeat 0 0;
	padding: 3px 0 2px 20px;
	color: #777;
	font-size: 10px;
	text-decoration: none;
}

a.delete{
	background-image: url(/images/buttons/delete.png);
	
}

a.moreHelp:hover, a.delete:hover{background-position: 0 -16px;}

.infoBox a.moreHelp{
	position: absolute;
	bottom: 5px;
	right: 10px;
}

.infoBox .number{
	font-size: 38px;
	font-weight: bold;
	color: #a7c824;
	display: block;
	float: left;
	margin-bottom: 80px;
	margin-right: 10px;
	margin-top: 5px;
}

.sortingButtons{
	margin: 10px 0;
	overflow: hidden;
	min-height: 25px;
	padding-bottom: 5px;
	padding-left: 1px;
}

.history
{
    margin-left:5px;
}

.history .sortingButtons{
    padding-bottom:1px;
    margin:5px 0;
}

.sortingButtons li, .historypages a, .historypages span{
	list-style: none;
	float: left;
}

.sortingButtons li a, .historypages a, .historypages span{
	padding: 7px 13px 7px 30px;
	margin-right: 5px;
	border: 1px solid #d2d7bf;
	text-decoration: none;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	float: left;
	font-size: 15px;
	background: #f5faeb url(/images/icons/all.png) no-repeat;
	behavior: url(/scriptscss/PIE.htc);
	background-position: 13px 7px;	
}
.sortingButtons li a.none
{
    background-image:none;
    padding-left:13px !important;
    background-position: 12px 6px;
}
.sortingButtons li a.sameInterests{
	background-image: url(/images/icons/same_interests.png);
	background-position: 13px 7px;	
}

.sortingButtons li a.sameInterests:hover{
	background-position: 12px 6px;
}

.sortingButtons li a.sameCountry{
	background-image: url(/images/icons/same_country.png);
	background-position: 13px 7px;	
}

.sortingButtons li a.sameCountry:hover{
	background-position: 12px 6px;
}

.sortingButtons li a.featured{
	background-image: url(/images/icons/featured.png);
	background-position: 13px 7px;	
}

.sortingButtons li a.featured:hover{
	background-position: 12px 6px;
}

.sortingButtons li a.celebrityVerified{
	background-image: url(/images/icons/celebrity_verified.png);
	background-position: 13px 7px;	
}
.sortingButtons li a.celebrityVerified:hover{
	background-position: 12px 6px;
}

.sortingButtons li a.selected, .sortingButtons li a:hover, .historypages span, .historypages a:hover{
	background-color: #c2d966;
	border: 2px solid #dee3d5;
	padding: 6px 12px 6px 29px;
	-moz-box-shadow: 0px 1px 2px #777;
	-webkit-box-shadow: 0px 1px 2px #777;
	box-shadow: 0px 1px 2px #777;
	background-position: 12px 6px;
	color: #000;
	behavior: url(/scriptscss/PIE.htc);
}
.historypages a:hover
{
    padding: 4px 10px 4px 10px;
}
.historypages a, .historypages span
{
    margin-top:20px;
    background-image:none;
    padding:5px 11px 5px 11px;
    font-size: 13px !important;
}
.historyfilters .sortingButtons li a
{
    background-image:none;
    padding:5px 10px 5px 10px;
    font-size: 13px !important;
}
.historyfilters .sortingButtons li a.selected, .historyfilters .sortingButtons li a:hover{
	background-color: #CDD9FE;   
	padding:4px 10px 4px 11px !important; 
	behavior: url(/scriptscss/PIE.htc);
}

.historyactions
{
    width:250px;
    clear:both;
}
.historyajax
{
    width:40px;
    float:left;
    padding-top:15px;
}
.historybalance
{
    width:120px;
    float:right;
    padding-top:0px;
    font-weight:bold;
    font-size:1.25em;
    color:#777;
    text-align:center;
    margin-right:35px;
}
.historyfilters
{
    width:460px;
    float:left;
    clear:both;
}
.historyrow
{
    height:37px;
}
.historyrow img
{
    width:32px;
    height:32px;
    margin-right:10px;
    margin-left:5px;
    vertical-align:middle;
    float:left;
}
.historyrow .htext
{
    float:left;
    width:510px;
    padding-top:7px;
    font-size:1.2em;
}
.historyrow .hcredits
{
    float:right;
    width:50px;
    text-align:center;
    padding-top:7px;
    font-size:1.2em;
}
.historyrow .hgears
{
    float:right;
    width:16px;
    margin-left:3px;
    margin-top:5px;
    vertical-align:top;
}
.historypages
{

}

/*twiending*/

.twiending{
	margin: 10px 0;
	list-style: none;
}

.twiending li.tC{
	width: 90px;
	height: 113px;
	border: 1px solid #e3e6d5;
	margin: 0 20px 20px 0;
	float: left;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	padding: 5px 0;
	behavior: url(/scriptscss/PIE.htc);
}

.twiending li.tC.allFollow{
	width: 195px;
}

.twiending li.tC.allFollow p{
	padding: 0 25px;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 3px;
}

.twiending li.tC.fT{
	background-color: #f5faeb;
	border-color: #d2d7bf;
}

.twiending li.tC.cB{
	background-color: #dae4b3;
	border-color: #97b71b;
}

.twiending li.tC p{
	margin-bottom: 0;
	font-weight: normal;
	color: #818181;
	line-height: 1em;
	font-size:12px;
}

.thumbouter{
	padding: 3px 0;
	display:inline-block;
	position:relative;
}
.twiending li.tC img.thumb, .socialPopup img.thumb{
	width:48px;
	height:48px;
}
.twiending li.tC img.thumbcensored, .socialPopup img.thumbcensored{
	padding: 3px 0;
	position:absolute;
	top:0px;
	left:0px;
}
.icons{
	padding-right: 5px;
	height: 15px;
}

.icons li{
	list-style: none;
	float: right;
	margin-left: 3px;
}

.twiending li.tC a.skip{
	position: absolute;
	bottom: 8px;
	left: 15px;
}

.seeMoreContainer
{
    width:100%;
    text-align:center;
    float:left;
}

.seeMoreContainer a.seeMore{
	margin-top: 30px;
}

.seeMoreContainer p.small{
	margin-left: 10px;
	margin-top: 6px;
}

.twiendingHalf
{
    width:310px;
    background: #FEFEFE url(/images/twiendingback.png) no-repeat 0 0;
    float:left;
    margin-right:10px;
    padding:10px 0px 0px 10px;
    min-height:200px;
}
.twiendingHalfTitle
{
    color:#777;
    font-size:18px;
    font-weight:bold;
    width:100%;
    text-align:center;
}
.twiendingHalfMessage
{
    color:#739073;
    font-size:14px;
    font-weight:bold;
    margin:20px 30px 20px 20px;
    text-align:center;
}
.twiendingHalf .twiending li.tC{
	margin: 0 10px 10px 0;
}

/*buttons*/
a.twiend, a.follow, a.twiendAll, a.settings, a.tweetSmall, inputtwiend, input.twiendAll, inputsettings, input.tweetSmall{
	background: url(/images/buttons/twiend.png) no-repeat 0 0;
	width: 78px;
	height: 32px;
	text-indent: -99999px;
	display: inline-block;
	line-height: 0;
	position: relative;
	border: none;
}

a.addSmall, a.useVoucher, input.addSmall, input.useVoucher{
	height: 32px;
	text-indent: -99999px;
	display: inline-block;
	line-height: 0;
	position: relative;
	vertical-align:middle;
	margin-top:0px;
	border: none;
	background-color:transparent;
}

*html a.twiend, a.follow, *html a.twiendAll, *html a.settings, *+html a.twiend, 
*+html a.twiendAll, *+html a.settings{
	display: block;
}

a.follow, input.settings{background-image: url(/images/buttons/follow.png);}
a.settings, input.settings{background-image: url(/images/buttons/settings.png);}
a.twiendAll, input.twiendAll{background-image: url(/images/buttons/twiend_all.png); width: 94px;}
a.tweetSmall, input.tweetSmall{background-image: url(/images/buttons/tweet_small.png); width: 67px;}
a.addSmall, input.addSmall{background-image: url(/images/buttons/add_small.png); width: 30px;}
a.useVoucher, input.useVoucher{background-image: url(/images/buttons/use_voucher.png); width: 107px;}

a.twiend:hover, a.follow:hover, a.twiendAll:hover, a.settings:hover, 
a.tweetSmall:hover, a.addSmall:hover, a.useVoucher:hover,
input.twiend:hover, input.twiendAll:hover, input.settings:hover, 
input.tweetSmall:hover, input.addSmall:hover, input.useVoucher:hover{
	background-position: 0 -32px;
	cursor: pointer;
}

.thumb{
    width:48px;
    height:48px;
}
.thumb2{
    width:48px;
    height:48px;
    margin:10px 10px 10px 20px;
}
a.skip{
	text-align: left;
	padding-left: 0px;
	color: #888;
	font-size: 10px;
	text-decoration: none;
}

a.skip:hover{color: #555;}

a.arrow{
	background: url(/images/buttons/arrow.png) no-repeat 100% 0;
	padding: 0 15px 0 0;	
}

a.arrow.selected, a.arrow:hover{
	background-position: 100% -18px;
}

p.interests{
	font-size: 1.3em;
}

a.facebook{
	background: url(/images/icons/facebook.png) no-repeat 0 0;
	padding: 3px 0 2px 20px;
}

a.twitter{
	background: url(/images/icons/twitter.png) no-repeat 0 0;
	padding: 3px 0 2px 20px;
}

a.website{
	background: url(/images/icons/web.png) no-repeat 0 0;
	padding: 3px 0 2px 20px;
}
/*sidebar*/

.sidebar p{
	font-size:13px;
	line-height:1.3em;
}

.creditDisplay{
	background-color: #d7ef7b;
	position: relative;
	top: -9px;
	padding: 10px 10px 20px 10px;
	text-align: center;
	margin: 5px 5px 0 5px;
	border: 2px solid #e9f7fb;
	position: relative;
	z-index: 2;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 1px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
	background:
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.4, rgb(148,179,25)),
	    color-stop(0.97, rgb(198,232,61)),
	    color-stop(0.99, rgb(216,239,123)),
	    color-stop(1, rgb(216,239,123))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(148,179,25) 40%,
	    rgb(198,232,61) 97%,
	    rgb(216,239,123) 99%,
	    rgb(216,239,123) 100%
	);
	-pie-background: linear-gradient(90deg, #85a116, #9cbb1e 30px);
	behavior: url(/scriptscss/PIE.htc);
}

.creditDisplay a{
	color: #000;
}

.ie6fix{
	padding: 1px;
}

.creditsRemaining{
	border: 2px solid #b8c7d3;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 1px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
	background:
	-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.4, rgb(231,252,255)),
	    color-stop(0.7, rgb(255,255,255))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(231,252,255) 40%,
	    rgb(255,255,255) 70%
	);
	-pie-background: linear-gradient(90deg, #e7fcff, #ffffff 70px);
	behavior: url(/scriptscss/PIE.htc);
}

.creditsRemaining h2{
	font-size: 60px;
}

.creditsRemaining h6{
	margin-top: 0;
}

.latestActivity{
	background: #f5faeb;
	border: 2px solid #aeb9c3;
	margin: -15px 5px 25px 5px;
	padding: 0px 15px 10px;
	-moz-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	-moz-box-shadow: 0px 1px 3px #777;
	-webkit-box-shadow: 0px 2px 3px #777;
	box-shadow: 0px 2px 3px #777;
	width: 198px;
	position: relative;
	z-index: 1;
	behavior: url(/scriptscss/PIE.htc);
}

*+html .latestActivity{
	top: -20px;
}

*html .latestActivity{
	top:-20px;
}
.latestActivity li{
	list-style: none;
	font-weight: bold;
	line-height: 1.3em;
}

.latestActivity li span{
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
	display: inline-block;
	float: right;
}

.latestActivity li span{
	float: none;
	display: inline;
}

.latestActivity a.olderEntries{
	background-color: #f5faeb; 
	border: 2px solid #aeb9c3;
	border-top: none;
	position: absolute;
	bottom: -22px;
	left: -2px;
	display: inline-block;
	text-decoration: none;
	font-size: 10px;
	color: #000;
	z-index: 3;
	padding: 5px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-box-shadow: 0px 2px 2px #777;
	-webkit-box-shadow: 0px 2px 2px #777;
	box-shadow: 0px 2px 2px #777;
	background:
		-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.14, rgb(230,243,186)),
	    color-stop(1, rgb(245,250,235))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(230,243,186) 14%,
	    rgb(245,250,235) 100%
	);
	-pie-background: linear-gradient(90deg, #e6f3ba, #f5faeb 40px);
	behavior: url(/scriptscss/PIE.htc);
}

.latestActivity a.olderEntries:hover{
	background:
		-webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.30, rgb(230,243,186)),
	    color-stop(1, rgb(245,250,235))
	);
	background:
	-moz-linear-gradient(
	    center bottom,
	    rgb(230,243,186) 60%,
	    rgb(245,250,235) 100%
	);
	-pie-background: linear-gradient(90deg, #e6f3ba, #f5faeb 30px);
	behavior: url(/scriptscss/PIE.htc);
}

/*alerts*/

.topAlert{
	width: 591px;
	border: 2px solid #e9f7fb;
	background-color: #fff;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-box-shadow: 0px 2px 2px #777;
	-webkit-box-shadow: 0px 2px 2px #777;
	box-shadow: 0px 2px 2px #777;
	padding: 8px 15px;
	position: fixed;
	top: 0;
	z-index: 100;
	font-size: 1.1em;
	opacity: 0.9;
	behavior: url(/scriptscss/PIE.htc);
}

*html .topAlert{width: 575px;}

.topAlert:hover{
	opacity: 1;
}

.topAlert p{
	width: 530px;
	float: left;
	margin-bottom: 0;
}

.topAlert p{
	position: relative;
}

.topAlert a.delete{
	float: right;
	position: relative;
}

/*settings*/

.settingsContainer{
	background: url(/images/settings_container.jpg) no-repeat 0 0;
	width: 955px;
	overflow:visible;
}

.settingsContainer .mainContentSettings{
	width: 680px;
	float: left;
	margin: 20px 0 0 40px;
	position:relative;
}
.innerContentSettings {
	margin: 0px;
	padding: 0px;
	position: relative;
}

.settingsContainer .settingsSidebar{
	background-color: #1b4455;
	width: 220px;
	float: left;
	min-height: 400px;	
	border-left: 1px solid #11303d;
	border-bottom: 1px solid #11303d;
	background: -moz-linear-gradient(left, #1b4455 95%, #11303d);
	background: -webkit-gradient(linear, 0 0, 100% 0, color-stop(0, #1b4455), color-stop(0.95, #11303d));
	behavior: url(/scriptscss/PIE.htc);
}

.settingsContainer .settingsSidebar ul.menu li{
	list-style: none;
	text-align: left;
}

.settingsSidebar ul.menu{
	padding: 20px 0;
}

.settingsSidebar ul li{
	display: block;
	width: 100%;
}

.settingsSidebar ul.menu li a{
	color: #fff !important;
	padding: 10px 15px 7px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 20px;
	margin-left: 30px;
	border: 2px solid transparent;
	margin-bottom: 2px;
	font-size: 14px;
}

.settingsSidebar ul.menu li a.selected, .settingsSidebar ul.menu li a:hover{
	background-color: #fff;
	color: #000 !important;
	border: 2px solid #c8ebf5;
	border-right: 2px solid #fff;
	-moz-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
}

ul.articles{
	background-color: #EEE;
	color: #000 !important;
	border: 2px solid #c8ebf5;
	border-right: 2px solid #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 15px;
}

ul.articles li{
	line-height: 1em;
	border-bottom: 1px solid #c8ebf5;
	padding: 7px 20px 7px;
	width: 148px;
	text-decoration: none;
	list-style-type: none;
}
ul.articles li.noline
{
    border-bottom:none 0px;
}

ul.articles li a{
	font-weight: bold;
	text-decoration: none;
}


.mainContentSettings h3{
	margin-bottom: 15px;
	position: relative;
}

.formStyleNarrow h5{
	margin-top: 0;
}

.formStyleNarrow select{
	font-size: 1em;
}

/* Used to style the settings forms */
.formStyle { margin:15px 0;width:100%; }
.formStyle li { list-style:none;clear:both;margin-bottom:20px;position:relative;width:100%; }
.formStyle li p {font-size: 14px;margin-top: 5px;}
.formStyle li label {width:120px;float:left;font-size: 14px;margin-top: 5px;}
.formStyle .labelvalue {float:left;font-size: 14px;margin-top: 5px;}
.formStyle .labelvaluebold {float:left;font-size: 14px;margin-top: 5px;font-weight:bold;}
.formStyle.formStyleWide li label {width:210px;}
.formStyle.formStyleNarrow li label {width:100px;}
.formStyle li.checkbox {}
.formStyle div.checkbox {overflow:hidden;}
.formStyle li input[type="checkbox"] {float:left;}
*html .formStyle li.checkbox input {float:left;}
.formStyle li input[type="submit"] {margin:0;}
.formStyle li input[type="text"] {width: 290px;font-size:14px;}
.formStyle li input[type="password"] {width: 290px;font-size:14px;}
.formStyle.formStyleWide li input[type="text"] {width: 190px;}
.formStyle.formStyleWide li input[type="password"] {width: 190px;}
.formStyleSmall {width:65px;}
.alignWithForms {margin-left:120px !important;}
.alignWithFormsWide {margin-left:210px !important;}
.alignWithFormsNarrow {margin-left:200px !important;}
.formStyle li label.checkbox {width: 250px;margin-top:5px;}

.wideStyle { margin:15px 0;width:100%; }
.wideStyle li { list-style:none;clear:both;margin-bottom:20px;position:relative;width:100%; }
.wideStyle li p {font-size: 14px;margin-top: 5px;}
.wideStyle li label {width:150px;float:left;font-size: 18px;margin-top: -3px;}
.wideStyle li input[type="text"] {width: 470px;font-size:14px;padding:5px;}
.wideStyle li textarea {width: 470px;font-size:14px;padding:5px;}

.profileStyle { margin:15px 0;width:100%; }
.profileStyle img {margin:-5px 10px 0px 0px; vertical-align:middle;}
.profileStyle li { list-style:none;clear:both;margin:0px 0px 30px 0px;position:relative;width:100%; }
.profileStyle li p {font-size: 13px;margin: 0px 0px 0px 47px;}
.profileStyle li label {width:150px;font-size: 18px;margin-top:-5px;}
.profileStyle li input[type="text"] {width: 470px;font-size:14px;padding:5px;}

div.compBox
{
    float:left;
    width: 180px;
    height: 85px;
    padding: 0px 10px 10px 10px;
    border: 2px solid #dfb909;
    position: relative;
    margin: 5px 10px 20px 0px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), to(#f0f0bd));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 99%);
    behavior: url(/scriptscss/PIE.htc); 
    font-size:16px;   
}

div.compBox.selected
{
    background: -moz-linear-gradient(top, #fdfff2 0%, #d3e297 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fdfff2), to(#d3e297));
    -pie-background: linear-gradient(270deg, #fdfff2 0%, #d3e297 99%);   
    border-color: #a4c423;
    behavior: url(/scriptscss/PIE.htc);
}

.settingsTooltip{
	background-color: #FFF;
	position: absolute;
	right: 0px;
	z-index: 100;
	width: 200px;
	border: 4px solid #8DAA19;
	padding: 10px 10px 0 10px;
	top: 0px;	
	-moz-box-shadow: 2px 2px 3px #CCC;
	-webkit-box-shadow: 2px 2px 3px #CCC;
	box-shadow: 2px 2px 3px #CCC;
	display:none;
}
.settingsTooltip.narrow{
    width:150px;
}

.settingsTooltip.filters{
    width:150px;
    right:20px;
    top:60px;
}

.settingsTooltip span
{
	background: url(/images/left_corner.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	left: -14px;
	width: 14px;
	height: 25px;
}

div.settingsTopHighlight{
    width: 650px;
    padding: 15px;
    border: 2px solid #a4c423;
    position: relative;
    margin: 0 0 8px 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #fdfff2 0%, #d3e297 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fdfff2), to(#d3e297));
    -pie-background: linear-gradient(270deg, #fdfff2 0%, #d3e297 99%);
    behavior: url(/scriptscss/PIE.htc); 
    font-size:16px;   
}
div.settingsTopHighlight.Warning
{
    font-size:14px; 
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), to(#f0f0bd));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 99%);
    border-color: #dfb909;
}

div.settingsTopHighlight.Red
{
    font-size:14px; 
    background: -moz-linear-gradient(top, #fce1d5 0%, #e9b7af 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fce1d5), to(#e9b7af));
    -pie-background: linear-gradient(270deg, #fce1d5 0%, #e9b7af 99%);
    border-color: #ca0808;
}

div.settingsTopHighlight p
{
    margin-bottom:0px;
}
div.topHighlight{
    width: 590px;
    padding: 10px 20px 10px 20px;
    border: 2px solid #a4c423;
    position: relative;
    margin: 0 0 8px 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #fdfff2 0%, #d3e297 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fdfff2), to(#d3e297));
    -pie-background: linear-gradient(270deg, #fdfff2 0%, #d3e297 99%);
    behavior: url(/scriptscss/PIE.htc); 
    font-size:16px;   
}
div.topHighlight.Warning
{
    font-size:14px; 
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), to(#f0f0bd));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 99%);
    border-color: #dfb909;
}
div.topHighlight.Neutral
{
    font-size:14px; 
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#dadada));
    -pie-background: linear-gradient(270deg, #f6f6f6 0%, #dadada 99%);
    border-color: #b8b8b8;
}

div.progressBarMessage
{
    text-align:center;
    font-size:14px; 
    font-size:14px; 
    font-weight:normal; 
    color:#B18400;
    width: 563px;
    padding: 10px;
    line-height:1.5em;
    border: 1px solid #dfb909;
    position: relative;
    margin: 5px 0px 0px 46px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), to(#f0f0bd));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 99%);
    behavior: url(/scriptscss/PIE.htc); 
}
div.progressBarOuter
{
    text-align:center;
    font-size:14px; 
    font-size:14px; 
    font-weight:bold; 
    color:#919191;
    width: 580px;
    padding: 1px;
    height: 25px;
    border: 2px solid #a8a8a8;
    position: relative;
    margin: 0 0 0 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#dadada));
    -pie-background: linear-gradient(270deg, #f6f6f6 0%, #dadada 99%);
    behavior: url(/scriptscss/PIE.htc); 
}
div.progressBarWidther
{
    width: 570px;
}
div.progressBar
{
    float:left;
    text-align:center;
    font-size:14px; 
    font-weight:bold; 
    color:#94A41C;
    width: 590px;
    padding: 4px;
    height: 15px;
    border: 1px solid #C0D024;
    position: relative;
    margin: 0 0 0px 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: -moz-linear-gradient(top, #fdfff2 0%, #d3e297 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fdfff2), to(#d3e297));
    -pie-background: linear-gradient(270deg, #fdfff2 0%, #d3e297 99%);
    behavior: url(/scriptscss/PIE.htc); 
}
div.progressBar.Warning
{
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), to(#f0f0bd));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 99%);
    border-color: #dfb909;
}
div.progressBar.Neutral
{
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), to(#dadada));
    -pie-background: linear-gradient(270deg, #f6f6f6 0%, #dadada 99%);
    border-color: #b8b8b8;
}

.settingsBonus
{
    color: #94B423;
    font-weight:bold;
    font-size:20px !important;   
}

a.freezePane{
	display: block;
	background-color: #035561;
	color: #fff;
	text-decoration: none;
	font-size: 10px;	
	padding: 8px 10px 5px;
}

/*static container*/

.staticContainer{
	background: url(/images/static_container.png) no-repeat 0 0;
	padding: 5px 30px 15px 15px;
	width: 610px;
}

ul.subscriptionPackage{
	list-style-type: none;
	width: 290px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

ul.subscriptionPackage.second{
	margin-right: 0;
}

ul.subscriptionPackage li.titleBar{
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
	border: none;
	background: none;
	-pie-background: linear-gradient(90deg,  #fff, #fff 40px);
	behavior: url(/scriptscss/PIE.htc);
}

ul.subscriptionPackage li.titleBar h4{margin-bottom: 0;}

ul.subscriptionPackage li{
	width: 280px;
	border: 2px solid #e9f7fb;
	float: left;
	overflow: hidden;
	padding: 1px;
	margin: 10px 0 0 0;
	position: relative;
	-moz-box-shadow: 0px 2px 2px #777;
	-webkit-box-shadow: 0px 2px 2px #777;
	box-shadow: 0px 2px 2px #777;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, rgb(235,252,255)),
	    color-stop(0.56, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(235,252,255) 11%,
	    rgb(255,255,255) 56%
	);
	-pie-background: linear-gradient(90deg,  #ebfcff, #fff 40px);
	behavior: url(/scriptscss/PIE.htc);
}

ul.subscriptionPackage.fullWidth{
	width: 600px;
}

ul.subscriptionPackage.fullWidth li{
	width: 450px;
}

ul.subscriptionPackage.fullWidth li.titleBar{
	width: 450px;
}

ul.subscriptionPackage li div{margin-top: 1px;}

ul.subscriptionPackage li.package2 div{background-color: #d5e597;} 
ul.subscriptionPackage li.package3 div{background-color: #c3d67b;}
ul.subscriptionPackage li.package4 div{background-color: #b1cd30;} 
ul.subscriptionPackage li.package5 div{background-color: #e3f6fb;}
ul.subscriptionPackage li.package6 div{background-color: #ceedf6;}
ul.subscriptionPackage li.package7 div{background-color: #8cd4e9;}

ul.subscriptionPackage.fullWidth table th{
	background-color: #b1cd30;
	color: #035561;
	font-size: 15px;
	padding: 12px 10px 8px;
	width: 130px;
	text-align: left;
	margin-bottom: 3px;
}

ul.subscriptionPackage.fullWidth table td{
	padding: 5px 10px;
	border-bottom: 1px solid #dfe2d0;
}

ul.subscriptionPackage li div{
	background-color: #e4efc0;
	overflow: hidden;
	padding: 0 10px;
	zoom: 1;
}

ul.subscriptionPackage li div h4{
	float: left;
	color: #035561;
}

ul.subscriptionPackage li div h6{
	float: right;
	opacity: 0.7;
}

ul.subscriptionPackage li p{
	padding: 10px 20px 0;
	margin-bottom: 0;
}

ul.subscriptionPackage li p.bonus{
	padding-top: 0;
	color: #789502;
	font-weight: bold;	
}
ul.subscriptionPackage li p a.moreHelp{
	margin-left: 5px;
}

ul.subscriptionPackage li p.small{
	margin-bottom: 15px;
	padding-top: 0;
	color: #909090;
}

input.paypalBuyNow, input.paypalSubscribe, a.paypalUnsubscribe{
	display: block;
	width: 107px;
	height: 26px;
	border: none;
	text-indent: -9999px;
	background: url(/images/buttons/paypal_buy_now.png) no-repeat 0 0;
	right: 5px;
	top: 50px;
	position: absolute;
}

input.paypalSubscribe{
	background-image: url(/images/buttons/paypal_subscribe.png);
	width: 113px;
}	

a.paypalUnsubscribe{
	background-image: url(/images/buttons/paypal_unsubscribe.png);
	width: 91px;
	height: 21px;
	position: relative;
	top: 10px;
}

ul.bulleted{
	margin: 10px;
}

ul.bulleted li{
	margin-bottom: 10px;
	line-height: 1.3em;
}

a.smallButton{
	background-color: #edf4df;
	display: inline-block;
	padding: 4px 8px 2px 8px;
	font-size: 10px;
	margin: 10px 0 0 0;
	color: #035561;
	text-decoration: none;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(/scriptscss/PIE.htc);
	-moz-box-shadow: 0px 1px 3px #333;
	-webkit-box-shadow: 0px 2px 3px #333;
	box-shadow: 0px 2px 3px #333;
	
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, rgb(224,235,203)),
	    color-stop(0.56, rgb(245,250,235))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(224,235,203) 11%,
	    rgb(245,250,235) 56%
	);
	-pie-background: linear-gradient(90deg,  #e0ebcb, #f5faeb 40px);
}

a.smallButton:hover{
		background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, rgb(224,235,203)),
	    color-stop(0.56, rgb(255,255,255))
	);
	background: -moz-linear-gradient(
	    center bottom,
	    rgb(224,235,203) 11%,
	    rgb(255,255,255) 56%
	);
	-pie-background: linear-gradient(90deg, #ffffff, #e0ebcb 40px);
}

.numbered{
	list-style: decimal;
}

.numbered li{
	margin: 5px 10px 5px 15px;
	line-height: 1.3em;
}

/* Old CSS I've moved across, can kill this eventually */

/* Used by the sticky popup */
.stickytooltip { box-shadow: 5px 5px 8px #818181; -webkit-box-shadow: 5px 5px 8px #818181;-moz-box-shadow: 5px 5px 8px #818181;display:none;
                 position:absolute;display:none;border:5px solid #003F5E; background:white;z-index:3000;width:300px;}
.stickytooltip .stickystatus{ background:black; color:white; padding-top:5px; text-align:center; font:bold 11px Arial; }

/* Cleaned Classes */
.InfoIcon { padding-left:5px; }
.InfoBox { text-align:left; font-size:small; font-weight:normal; padding:5px;}
.PopupTable { width: 100%; text-align:left; }
.PopupImage { width:48px; height:48px;}
.PopupLeft { width:53px; height:1px; }
.PopupRight { width:190px; height:1px; }
.PopupName { font-size:large; font-weight:bold; overflow:hidden;}
.PopupScreenname { font-size:small; font-weight:bold; overflow:hidden;}
.PopupDesc { font-size:small; font-weight:normal; overflow:hidden; color:#777;}
.PopupLink { font-size:small; font-weight:normal; }
.PopupStats { font-size:small; font-weight:normal; }
.PopupInterests { font-size:small; font-weight:bold; }
.PopupTweet { font-size:small; font-weight:normal; background-color:#E0ECFE; overflow:hidden; color:#777;}
.PopupCreated { font-size:small; font-weight:normal; color:#999; font-style:italic;}
.PopupFade { font-size:small; font-weight:normal; color:#999;}
.PopupRisk { font-size:small; font-weight:normal; text-align:center;}
.PopupSpacer { font-size:1px; height:2px; border-bottom: solid 1px #CCC; margin-bottom:6px;}
.PopupW250 { max-width:250px; width:250px;}
.PopupW242 { max-width:242px; width:242px;}
.PopupW190 { max-width:190px; width:190px;}

/* Used by Modal popups*/

.ModalBackground { background-color: Black; filter:alpha(opacity=50); opacity:0.5; }
.ModalPopupVisiting { width:400px; height:50px; }
.ModalPopupOuter { background-color:transparent; }

.PopOverTrigger { position:absolute;width:1px;height:10px;z-index:9997;top:0px;left:0px;background-color:transparent;} 
.PopOverTrigger2 { position:absolute;width:1px;height:10px;z-index:9997;top:100px;left:0px;background-color:transparent;}   
.PopOverInner { position:absolute;display:none;z-index:9999;}  

.confirmation-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background: black;
	opacity: 0.75;
	_filter: alpha(opacity=75);
}

.confirmation-box {
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 120px;
	margin-top: -60px;
	margin-left: -150px;
	background: white;
	z-index: 1000001;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/scriptscss/PIE.htc);
}

.confirmation-box h1 {
	font-size: 100%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 20px 0;
}

.confirmation-box span {
	width: 50%;
	float: left;
	display: block;
	text-align: center;
}

.confirmation-box a {
	text-decoration: none;
	color: black;
	background: #a0a0a0;
	width: 60px;
	display: block;
	margin: 0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	behavior: url(/scriptscss/PIE.htc);
}
.CaptchaPopup
{
    height:240px;
    width:445px;    
}
.DontGoPopup
{
    height:240px;
    width:370px; 
}
.VideoPopup
{
    height:500px;
    width:640px;    
}
.LikePopup
{
    height:460px;
    width:630px;    
}
.LikePopup a
{
    vertical-align:middle;
}
.FilterModal
{
    height:500px;
    width:750px; 
}

.ReportModal
{
    height:240px;
    width:330px; 
}
.WebsitesPopup
{
    height:200px;
    width:300px;  
}
.VerifyWebsite
{
    height:500px;
    width:750px; 
}
.VerifyWebsiteIframe
{
    height:360px;
    width:740px;
    background-color:#DEDEDE;
}
.DeleteWarning
{
    height:250px;
    width:350px;  
}

.FBOOK_LoggedOut
{
    display:none;
}
.FBOOK_LoggedIn
{
    display:none;
}

.FBOOK_LoggedOut
{
    display:none;
}
.FBOOK_LoggedIn
{
    display:none;
}
.FBOOK_Connecting
{
}

/*settings box styles*/

li.settingsBox{
    width: 420px;
    padding: 10px;
    border: 1px solid #a4c423;
    position: relative;
    margin: 0 0 8px 0;
    min-height: 57px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background: -moz-linear-gradient(top, #fdfff2 0%, #d3e297 93%, #b4ca5d 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fdfff2), color-stop(93%, #d3e297), to(#b4ca5d));
    -pie-background: linear-gradient(270deg, #fdfff2 0%, #d3e297 93%, #b4ca5d 99%);
    behavior: url(/scriptscss/PIE.htc);    
}

li.settingsBox.orange{
    border-color: #dfb909;
    background: -moz-linear-gradient(top, #fcfae1 0%, #f0f0bd 93%, #e9db9c 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fcfae1), color-stop(93%, #f0f0bd), to(#e9db9c));
    -pie-background: linear-gradient(270deg, #fcfae1 0%, #f0f0bd 93%, #e9db9c 99%); 
}

li.settingsBox.grey{
    border-color: #b8b8b8;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #dadada 93%,#b8b8b8 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#f6f6f6), color-stop(93%, #dadada), to(#b8b8b8));
    -pie-background: linear-gradient(270deg, #f6f6f6 0%, #dadada 93%, #b8b8b8 99%,);
}

li.settingsBox.red{
    border-color: #ca0808;
    background: -moz-linear-gradient(top, #fce1d5 0%, #e9b7af 93%,#eba8a5 99%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fce1d5), color-stop(93%, #e9b7af), to(#eba8a5));
    -pie-background: linear-gradient(270deg, #fce1d5 0%, #e9b7af 93%, #eba8a5 99%);
}

li.settingsBox img{
	float: left;
	margin-right: 15px;
	border: 1px solid #b8b8b8;
}

li.settingsBox h4{
	margin-top: 0px;
	margin-bottom: 4px;
}

li.settingsBox .filter{
	width: 270px;
	margin: 4px 0px 0px 63px;
	line-height: 1.3em;
	font-size:14px;
}
li.settingsBox a{
	text-decoration:none;
}

li.settingsBox .count{
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
	font-size: 14px;
	background: #fff;
	border: 1px solid #9cbb1e;
	border-top: none;
	border-right: none;
	border-radius: 0 7px 0 7px;
 	-moz-border-radius: 0 7px 0 7px; 	
 	-webkit-border-radius: 0 7px 0 7px;
 	color:#444;
 	behavior: url(/scriptscss/PIE.htc);
}

li.settingsBox.underReview .count{border-color: #dfb909;}
li.settingsBox.pending .count{border-color: #b8b8b8;}
li.settingsBox.rejected .count{border-color: #ca0808;}

span.status{
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #035561;
	font-size: 10px;
}

li.settingsBox.rejected span.status{
	color: #a00303;
}

a.on, a.off{
	background: url(../images/buttons/on_off.png) no-repeat 0 0;
	width: 70px;
	height: 26px;
	display: block;
	text-indent: -99999px;
	position: absolute;
	top: 30px;
	right: 5px;
	margin-left:30px;
}

a.off{background-position: 0 -25px;}

li.settingsBox a.delete{
	background: url(../images/buttons/delete_x.jpg) no-repeat 0 0;
	opacity: 0.8;
	width: 15px;
	height: 15px;
	position: absolute;
	right: -45px;
	top: 35px;
	display: block;
	text-indent: -999999px;
}

li.settingsBox a.delete:hover{
	opacity: 1;
}

li.settingsBox a.edit{
	color: #777777;
	background-color: #f0fdff;
	border: 1px solid #9ea4a4;
	padding: 1px 3px 0;
	font-size: 10px;
	text-decoration: none;
	border-radius: 3px;
 	-moz-border-radius: 3px; 	
 	-webkit-border-radius: 3px;
 	margin-left: 5px;
 	behavior: url(/scriptscss/PIE.htc);
}

.addWebsites{
	padding-top: 10px;
	overflow: hidden;
	width: 480px;
}

.addWebsites li{
	width: 160px;
	float: left;
	clear: none;
}

.addWebsites li input[type="text"]{
	width: 150px;
}

.addWebsites li label{
	width: 150px;
}

.addWebsites li.buttonWidth{
	width: 40px;
}

.addWebsites li input.addSmall{
	margin-top: 15px;
	cursor: pointer;
}

.shortslider{
	background: url(../images/slider.png) no-repeat 0 0 !important;
	width: 196px !important;
	height: 33px !important;
	padding: 0px !important;
}
.shortsliderinner
{
    background-color:transparent !important;
  	width: 183px !important;  
  	height: 33px !important;
  	border:0px none !important;
}
.shortslider .ui-slider-handle
{
    top: -1px !important; 
    margin-left: -4px !important; 
}
.shortslider .ui-slider-handle:hover
{
    border: 0px none !important;
}
.basicslider
{
    width:40px;
    height:10px !important;
}
.droprateamount
{
    padding:10px 0px 0px 5px;
}
.memlengthamount
{
    padding:10px 0px 0px 5px;
}
#creditslider
{
    margin: 10px 10px 0px 0px;
}
/*settings popup*/

.fLeft{float: left;}

.ContentFiltersPopup{
	width: 700px;
}

.FilterCreditOffer
{
    text-align:center;    
}
.ContentFiltersPopup h3
{
    padding-bottom:10px;
}

.popup.ContentFiltersPopup a{
	margin-left: 0;
}

.creditOffer{
	width: 485px;
	margin: 0px 0 17px;
	border: 1px solid #a4c423;
	padding: 3px 5px 3px 15px;
	border-radius: 8px;
 	-moz-border-radius: 8px; 	
 	-webkit-border-radius: 8px;
	background: -moz-linear-gradient(top, #edf4cf 95%, #b4ca5d);
	background: -webkit-gradient(linear, center top, center bottom, from(#edf4cf), color-stop(95%, #edf4cf), to(#ddd390));
	-pie-background: linear-gradient(90deg, #b4ca5d, #edf4cf 5px);
	behavior: url(/scriptscss/PIE.htc);	
}

input.short{width: 25px;}

.settingOptions{
	list-style-type: none;
	margin: 0;
	width:500px;
}

.settingOptions li{
	margin: 0;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 10px;
	overflow: hidden;
}

.settingOptions li .checkboxMain{
	float: left;
	margin-right: 5px;
}

.settingOptions li label.main{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.6em;
	width: 120px;
	float: left;
}

.settingOptions li div{
	width: 200px;
	float: left;
}

.settingOptions li div.deselect{
	opacity: 0.3;
}

.settingOptions li div label{
	
}

.settingOptions li div input{margin: 0 5px;}
.settingOptions li div select{font-size: 13px;}
.settingOptions li div select.short{width: 100px; margin: 0 5px;}


/*
 * jQuery UI CSS Framework 1.8.6
 */

.ui-widget { font-size: 1.4em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #444444; }
.ui-widget-content a { color: #444444; }
.ui-widget :active { outline: none; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

.ui-corner-all { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; 
                 behavior: url(/scriptscss/PIE.htc);}
.ui-autocomplete { position: absolute; cursor: default; }	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item:hover {
	background-color:#6a8a28;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.1;
	zoom:1;
}

.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 23px; }
.shortslider .ui-slider-handle  
{
    margin-top:-1px;
    margin-left: -5px; 
	background: url(../images/handle.png) no-repeat 0 0;
	width: 21px;
	height: 38px;    
}
.basicslider .ui-slider-handle 
{
    margin-top:-3px;
    margin-left: -5px !important; 
	background: url(../images/roundhandle.png) no-repeat 0 0;
	width: 16px;
	height: 16px;    
}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-datepicker-calendar {text-align:center;}
.ui-datepicker { width: 15em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.1em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 0; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.clientouter
{
    width:600px;
    margin:0px 0px 10px 0px;
    padding:10px 10px 0px 10px;
    background-color:#EFEFEF;
}

.clientpicture
{
    width:48px;
    height:60px;
    float:left;
    margin:0px;
    
}
.clientname
{
    width:530px;
    height:25px;
    padding:0px;
    float:right;
    font-weight:bold;
    font-size:1.6em;
}
.clientbio
{
    width:530px;
    float:right;
    padding-bottom:10px;
}
.clientactions
{
    width:530px;
    height:25px;
    float:right;
}
.clientstatus
{
    width:530px;
    float:right;
    padding:10px 0px 10px 0px;
}
.clientassign
{
    clear:both;
}
.clientsaleft
{
    float:left;
    width:230px;
}

.clientsaleft .add
{
    margin:0px;
    vertical-align:middle;
}
.clientsaright
{
    float:left;
    width:330px;
}
.clientassigninner
{
    background-color:#FFF;
    margin:10px 10px 0px 10px;
    clear:both;
    padding:10px;
}
.clientbusy
{
    float:right;
    height:20px;
    width:40px;
    margin-right:200px;
}

#zenbox_overlay { top:0; left:0; width: 100%; height: 100%; position: absolute; _position: absolute; z-index: 90000; }
#zenbox_overlay * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-variant:normal; font-size: 12px; color:#333;}

  #zenbox_main { width: 670px; height: 620px; margin: 0 auto; z-index:2; position:relative; }
    #zenbox_main div { padding: 5px 20px 0 20px; margin:0; background: #EEE; overflow:none; border-right: solid 2px #000; border-left: solid 2px #000; }

    #zenbox_main #overlay_header {
      padding: 0.5em 0.5em 4px 0.5em; background-color:#8DAA19;
      font-weight: bold; height:18px; border: solid 2px #8DAA19;
      border-bottom-width: 0;
    }
      #zenbox_main #overlay_header span {
        float:right; height:20px; padding-right:20px; background: transparent url('/external/zenbox/images/close.png') no-repeat 33px 0;
        text-decoration:underline; font-size:11px; cursor:pointer; color: #fff;
      }

    #zenbox_main #overlay_loading, #zenbox_main #zenbox_iframe {
      border: solid 10px #8DAA19; border-top-width: 0;
    }

    #zenbox_main #overlay_loading {
      font-size: 2em;
      padding: 1em;
      text-align: center;
    }

    #zenbox_iframe { width: 100%; height: 100%; }

    #zenbox_screen { top:0; left:0; z-index:1; width: 100%; position: absolute; background-color: #000; opacity: 0.42; filter:alpha(opacity=42); -moz-opacity: 0.42;}

#zenbox_tab {
  top: 23%; width: 33px; height: 108px; border: solid 1px; cursor:pointer; text-indent:-5000px;
  position: fixed; z-index: 10000; overflow:hidden;
}
  /* IE won't read ID-and-class selectors like #zenbox_tab.left, so we use just a class: */
  .ZenboxTabLeft {
    left: 0;
    background-position: right 0;
  }
  .ZenboxTabRight {
    right: 0;
    background-position: left 0;
  }
  #zenbox_tab:hover {background-color: #444;}
  
.statusFloater{
    position: absolute;
    right: 20px;
    top: 130px;
    width: 220px;
    padding: 5px 5px 5px 5px;
    background: #fff;
    border: 1px solid #dee3d5;
    border-radius: 8px;
    z-index:100;
    -moz-border-radius: 8px;     
    -webkit-border-radius: 8px;
    behavior: url(/scriptscss/PIE.htc); 
    display:none;   
}

.statusFloater img.icon{
    margin-right: 10px;
}

.statusFloater img.icon, .statusFloater span{
    position: relative;
    top: -4px;
}

.statusFloater img{
    width:16px; 
    height: 16px;
}

.IListParent
{
    width:650px;
    font-size: 1.3em;
    vertical-align:middle;
    padding-bottom:3px;
    color:#888;
}
    
.IListOuter
{
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    zoom: 1;
    position: relative;
    white-space:nowrap;
    font-size:11px;
    
    height:20px;
}

.IListOuter a 
{
    text-decoration: none;
    font-size:16px;
    color:#777;
    height:20px;
}
    
.IListFade
{
    background: url(../images/fade.png) repeat-y 0 0;
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:60px;
    padding:8px 0;
    zoom:1;
    _visibility:hidden;
    z-index:30;
    pointer-events:none;  
}
.IListFade.R
{
    background-position:-60px 0px;
    left:670px;
}

.IListParent .Title
{
 font-weight:bold;
 margin:1px 0px 0px 0px;
 float:left;
}
.IListParent .List
{
 display:inline-block;
 margin:-3px 0px 0px 5px;
 width:530px;
 float:left;
}

.IntItem
{
 display:inline-block; 
 margin-bottom:10px;
}