/*	--------------------------------------------------
	=Reset
	-------------------------------------------------- */

	html{color:#000;}
/*
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{clear:both;border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym{border:0;font-variant:normal;}
	sup{vertical-align:text-top;}
	sub{vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	input,textarea,select{*font-size:100%;}
	legend{color:#000;}
		
/*	--------------------------------------------------
	=Stucture
	-------------------------------------------------- */
	
	body#logged {background-image:url("../images/bggradient1.jpg");background-repeat:repeat-x; font: 100% "Arial", Helvetica, Geneva, sans-serif; text-align: left; ;margin:5px auto 0; }
	#menu { margin: 0 0 5px 0; }
	small{font-size:80%;color:#666;}
	
/*	=Header -------------------------------------------*/	
	img#homelogo{border:none;margin:10px 0;}
/*	
	h1#installhd{font-size:20px;font-weight:900;color:#1a1a1a;}
	.top-header{width:100%;color:inherit;height:50px;}
	.top-header img{padding:0;margin:0;border:none;}
	#th_right{float:right;font-size:80%;color:#666;width:40%;text-align:right;margin:3% 0 0 0;}
	#top_menu{float:right;}
	#top_menu td{border-right:1px solid #333;padding:0 10px 0 10px;}
	#top_menu td#last{border-right:none;}
	#top_menu a{color:#3399cc;text-decoration:none;}
	#top_menu a:hover{text-decoration:underline;}
	.logged-notification{font-size:11px;color:#666666;width:99%;padding:5px;text-align:right;margin-bottom:1.2%;}
	#logged-text td{padding:0 5px 0 5px;}
	#logged-text td#add a{font-weight:bold;color:#006600;}
	#logged-text td a,#logged-text td a:visited{text-decoration:none;color:#666666;}
	#logged-text td a:hover{text-decoration:underline;color:#666666;}
	.logged-header{width:100%;color:inherit;height:34px;background:url(../images/top_head.png);border:1px solid #b6b6b6;border-bottom:2px solid #b6b6b6;margin-bottom:2%;-moz-border-radius:5px;padding:0;}
	.logged-header img{padding:1px 0 0 5px;border:none;}
	.top_menu{display:block;margin:0;padding:0;width:auto;height:100%;}
	.top_menu td{color:#333333;padding:0 10px 0 10px;text-align:center;font-weight:900;font-size:13px;color:#006699;height:34px;}
	.top_menu td:hover{background:#d9f2ff;}
	.top_menu td a{text-decoration:none;color:#1a1a1a;}
	.top_menu td a:hover, .top_menu td a:visited {color:#1a1a1a;} 
	.top_menu td.selected a, .top_menu td.selected a:visited{color:#333333;}
	.top_menu td#first{padding-left:6px;}
		
/*	=Footer -------------------------------------------*/
	#footer a:visited{color:#1a1a1a;}
	#footer a:hover{text-decoration:underline;}
	#footer{clear:both;height:auto;padding:10px 0 0;border-top:1px solid #808080;background-color:inherit;color:#666;text-align:center}
	#footer a{color:#1a1a1a;text-decoration:none;font-weight:100;}
	#footer p{font-size:90%;margin:0;padding:0;}
	#nav-footer{clear:both;margin:15px 0 12px 0;padding:0;list-style-type:none;}
	#nav-footer strong{font-weight:bold;}
	#nav-footer li{font-size:80%;font-weight:bold;margin:0 0 .5em;padding:0;white-space:nowrap;}
	#nav-footer ul{list-style-type:none;padding:0 0 0 6.5em;margin:-1.2em 0 0 0;}
	#nav-footer ul li{font-weight:100;display:inline;font-size:100%;line-height:1.1;border-left:1px dotted #999;padding:0 .4em 0 .65em;margin:0;}
	#nav-footer ul li.first{border:none;}
	#copyright{display:inline;margin:0 1em 0;padding:0;color:#666;}

/*	=Main Containing Elements ------------------------ */
/*
	div.container { width: 100%; margin:0 0 2% 0; text-align: left; position: relative; background: #fff;min-height:420px;height:auto;border:1px dotted #ddd;}

/*	=Index --------------------------------------------*/
/*
	#index-right{border:1px solid #ddd;height:auto;width:300px;margin:3%;padding:0.5%;display:block;float:right;}
	#index-right-login{border:1px solid #808080;height:auto;width:540px;margin:0;padding:1%;display:block;text-align:left;}
	#index-right-login td#message{height:110px;}
	#install-right-login{border:1px solid #808080;height:auto;width:560px;margin:0;display:block;text-align:left;}
	#install-right-login h6{font-size:13px;line-height:20px;padding:5px;}
	td.label{padding:14px 8px 14px 0;text-align:right;font-size:95.5%;font-weight:bold;color:#333;}
	table#login{width:100%;}
	#login input{font-size:26px;padding:1px;}
	input#login,input#join,input#banner,input#website,input#banextend,input#webextend{background:url(../images/join_back.png);width:100px;height:25px;font-size:95.5%;font-weight:bold;color:#fff;border:1px solid #01751b;}
	td#join-now{padding:12px 8px 12px 0;text-align:left;}
	td#sign-in{font-size:80%;}
	#sign-in a{text-decoration:none;color:#069;}
	#sign-in a:hover{text-decoration:underline;}
	#sign-in a:visited{color:#7495c6;}
	h1#special{font-size:18px;font-weight:900;color:#3399cc;line-height:30px;}
	h1#special em{font-size:20px;font-weight:900;color:#009900;}
	div#promo{padding:30px;float:left;width:450px;} div#promo img{margin-top:8%;}
	#tip-text{margin-bottom:8%;}
	
/*	=Login --------------------------------------------*/
/*
	#login-content{font-size:13px;}
	#login-content td{padding:10px;text-align:left;vertical-align:text-top;}
	#login-content td p a, #login-content td p a:visited{color:#1a1a1a;font-size:11px;text-decoration:none;}
	#login-content td p a:hover{text-decoration:underline;}
	#login-content label{color:#333333;font-size:13px;font-weight:bold;}
	#login-content input[type="text"], #login-content input[type="password"]{padding:2px;font-size:26px;font-weight:none;width:100%;}
	#padding{padding:0 30px;margin:0;width:500px;border:1px solid #808080;vertical-align:text-bottom;}
	#adpadding{margin:0;width:100%;vertical-align:text-bottom;}
	#padding input{padding:3px;}
	#padding input[type="text"], #padding input[type="password"]{border:1px solid #808080;padding:5px;}
	#padding input[type="text"]:focus, #padding input[type="password"]:focus{border:1px solid #003300;padding:5px;}
	#forgot{font-size:11px;}#forgot a{color:#990000;font-size:11px;text-decoration:none;}
	#forgot a:hover{text-decoration:underline;}
	input#loginbutton{background:#39c url(../images/bg_btn.png) no-repeat;width:60px;height:28px;font-size:95.5%;font-weight:bold;color:#fff;border:1px solid #069;padding:3px 5px 2px;*padding:5px 0 3px;vertical-align:top;line-height:1.5;}
	label#loginbtn a{font-size:12px;font-weight:100;text-decoration:none;color:#3399cc;vertical-align:bottom;}
	#login-success{margin:5% 0 5% 0;}
	#login-success p{font-size:12px;color:#333333;}
	#paddingsmall{padding:20px;margin:0;width:370px;border:1px solid #808080;margin:2% 0 5% 0;float:right;}
	#paddingsmall input{padding:3px;}
	#paddingsmall input[type="text"], #paddingsmall input[type="password"]{border:1px solid #808080;padding:5px;}
	#paddingsmall input[type="text"]:focus, #paddingsmall input[type="password"]:focus{border:1px solid #003300;padding:5px;}
	
/*	=Notifications & Messages -------------------------*/
	.warning{width:520px;border:1px solid #de8904;background:#feeed3 url(../images/warning.png) no-repeat 6px 8px;height:20px;margin:1% 0 1% 0;text-align:left;padding:10px 0 10px 40px;line-height:20px;color:#000;font-weight:bold;font-size:13px;letter-spacing:0;}
	.warning small{font-size:11px;float:right;padding-right:10px;}
	.warning small a, .warning small a:visited{font-size:11px;float:right;padding-right:10px;color:#444444;}
	.warning small a:hover{text-decoration:none;}
	.basic-upload td{padding:3px 10px 3px 0;}
	td#check{width:10%;padding-left:1%;}
	.blue-info{width:100%;height:40px;padding:0;background:#dfedfc;border:1px solid #00438f;}
	.blue-info p{color:#000 !important;font-size:13px;font-weight:900;padding-top:2px;}
	.blue-info-icon{background:url(../images/msg_icn.png) no-repeat;background-position:-136px 0px;margin:3px 3px;vertical-align:top;width:35px;height:40px;float:left;}	
	.success{width:560px;height:40px;background:#bcd8b4;border:1px solid #2b541d;}
	.success p{color:#000 !important;margin:12px 0;text-align:left;}
	.success p small{font-size:11px;float:right;padding-right:10px;color:#444444;}
	.success p small a, .success p small a:visited{font-size:11px;float:right;padding-right:10px;color:#444444;}
	.success p small a:hover{text-decoration:none;}
	.success-icon{background:url(../images/msg_icn.png) no-repeat;background-position:-34px 0px;margin:3px 3px;vertical-align:top;width:35px;height:40px;float:left;}
	.error{width:470px;height:40px;background:#ffebe8;border:1px solid #990000;}
	.error p{color:#000 !important;margin:3px 0;text-align:left;}
	.error-icon{background:url(../images/msg_icn.png) no-repeat;background-position:0px 0px;margin:3px 3px;vertical-align:top;width:35px;height:40px;float:left;}
	.error p small {font-size:11px;float:right;padding-right:10px;color:#444444;}
	.error p small a, .success p small a:visited{font-size:11px;float:right;padding-right:10px;color:#444444;}
	.error p small a:hover{text-decoration:none;}
	small#title{color:#990000;}	
	.mod-error{width:100%;height:40px;background:#ffebe8;border:1px solid #990000;}
	.mod-error p{color:#000 !important;font-size:13px;font-weight:900;line-height:40px;text-align:left;padding-top:2px;}
	.mod-success{width:100%;height:40px;background:#bcd8b4;border:1px solid #2b541d;}
	.mod-success p{color:#000 !important;font-size:13px;font-weight:900;line-height:40px;text-align:left;padding-top:2px;}
	.mod-success p small a{font-size:11px;float:right;padding-right:10px;color:#444444;}
	.mod-success p small a:hover{text-decoration:none;}
/*
*/

/* form style */
#register, #login, #banner, #website, #profile, #withdrawal, #mailer, .form {
	background-color:#333333;	
	padding:15px 20px; 
	color:#eee;
	margin:0 auto;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
/*	width:839px; */
} 

/* nested fieldset */
#register fieldset, #login fieldset, #banner fieldset, #website fieldset, #profile fieldset, #withdrawal fieldset, #mailer fieldset, .form fieldset {
	border:0;
	margin:0;
	padding:0;
	background:#333333 url(/tools/img/logo-medium.png) no-repeat scroll 215px 40px;	
}

/* typography */
#register h3, #login h3, #banner h3, #website h3, #profile h3, #withdrawal h3, #mailer h3, .form h3 { color:#eee; margin-top:0px; }
#register p, #login p, #banner p, #website p, #profile p, #withdrawal p, #mailer p, .form p { font-size:11px; }

/* input field */
#register input, #login input, #banner input, #website input, #profile input, #withdrawal input, #mailer input, .form input {
	border:1px solid #444;
	background-color:#666;
	padding:5px;
	color:#ddd;
	font-size:12px;
	
	/* CSS3 spicing */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-shadow:1px 1px 1px #000;
}

#register input:focus, #login input:focus, #banner input:focus, #website input:focus, #profile input:focus, #withdrawal input:focus, #mailer input:focus, .form input:focus { color:#fff; background-color:#777; }
#register input:active, #login input:active, #banner input:active, #website input:active, #profile input:active, #withdrawal input:active, #mailer input:active, .form input:active { background-color:#888; }


/* button */
/*
#register button, #login button, #banner button, #website button, #profile button, #withdrawal button, #mailer button, .form button {
	outline:0;
	border:1px solid #666;	
}
*/

/* error message */
.error {
	height:15px;
	background-color:#FFFE36;
	font-size:11px;
	border:1px solid #E1E16D;
	padding:4px 5px;
	color:#000;
	margin-left:5px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px; 
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;	
	-webkit-border-bottom-left-radius:0; 
	-webkit-border-top-left-radius:0;
	
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;	
}

/* field label */
label {
	display:block;
	font-size:11px;
	color:#ccc;
}

#terms label {
	float:left;
}

#terms input {
	margin:0 5px;
}
	
/* jQuery slideLock CSS */

p.quiet { padding-left: 25px; width: 300px; }
span.quiet { font-size: .875em; }
#locked { font-weight: bold; color: #FF0000; }
#unlocked { margin-left: 45px; }
p.quiet img { margin: 0 62px; }

/* Slider ----------------------------------*/
.ui-slider { position: relative; text-align: left; display: block; /*margin: 40px 0 10px 25px; */width: 74%; }
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; background: #333; top: -.2em; margin-left: -.6em; }
.ui-slider-horizontal { height: .8em; background: #ddd; border: 1px solid #ccc; }
#accordion .ui-slider-handle:hover, #accordion .ui-state-hover, #accordion .ui-state-focus, #accordion .ui-state-active,
#followme .ui-slider-handle:hover, #followme .ui-state-hover, #followme .ui-state-focus, #followme .ui-state-active,
#followsponsor .ui-slider-handle:hover, #followsponsor .ui-state-hover, #followsponsor .ui-state-focus, #followsponsor .ui-state-active,
.accordion .ui-slider-handle:hover, .accordion .ui-state-hover, .accordion .ui-state-focus, .accordion .ui-state-active, 
 {
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	box-shadow: 0px 0px 10px #147b99;
	-moz-box-shadow: 0px 0px 10px #147b99;
	-webkit-box-shadow: 0px 0px 10px #147b99;
}
/*
.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active {
	background: #aaa;
}
*/

/* Slider ---------------------------------------------------- */
.ui-slider-handle { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	background: -moz-linear-gradient(top, #147b99, #0b4353);
	background: -webkit-gradient(linear, left top, left bottom, from(#147b99), to(#0b4353));
}
.ui-slider-horizontal { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}
a.ui-state-hover, a.ui-state-focus { 
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	box-shadow: 0px 0px 10px #147b99;
	-moz-box-shadow: 0px 0px 10px #147b99;
	-webkit-box-shadow: 0px 0px 10px #147b99;
}
a.ui-state-active { 
	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
}

/* slider */
.slider { 
/*
*/
	background:#333 url(../images/h30.png) repeat-x 0 0; 
	border:1px inset #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left; 	
	margin:10px 0;
	position:relative; 
	height:12px; 
	cursor:pointer;  
	width:74%;/*190px;*/
}
.range, .rangetotal {
	width:10%;
	float:right;
	margin:-24px 0 30px 5px;
}
#slider { 
	background:#333 url(../images/h30.png) repeat-x 0 0; 
	border:1px inset #333;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.progress {
	height:12px; 
	background-color:#234;
	display:none;
}

.handle { 
	background:#E78F08 url(../images/h30.png) repeat-x 0 0; 
	height:28px;
	width:28px;
	top:-8px;
	position:absolute; 
	display:block;
	cursor:move;
	-moz-border-radius:14px;
	-moz-box-shadow:#000 0 0 6px;
	border:1px solid rgba(240, 240, 240, 0.5);
}

.range {
	float:left;
	margin:3px 0 13px 5px;
	border:0;
	padding:0 2px;
	background:transparent;
	font-size:22px;	
	color:#fff;
	width:47px;
	text-align:left;
	text-shadow:#000 0 0 1px;
}

.range:focus {
	background-color:#333;
	color:#fff;	
}

.handle:hover {
	background-image:none;			
}

a.handle:active {
	background-color:#3CB2FB;
}

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
}

/* accordion header */
#accordion h2, .accordion h2 {
	background:#ccc url(/img/global/gradient/h30.png);
	margin:0;
	padding:5px 15px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #fff;
	border-bottom:1px solid #ddd;
	cursor:pointer;		
}

/* currently active header */
#accordion h2.current, .accordion h2.current {
	cursor:default;
	background-color:#fff;
}

/* accordion pane */
#accordion .pane, .accordion .pane {
	border:1px solid #fff;
	border-width:0 2px;
	display:none;
	height:180px;
	padding:15px;
	color:#fff;
	font-size:12px;
}

/* a title inside pane */
#accordion .pane h3, .accordion .pane h3 {
	font-weight:normal;
	margin:0 0 -5px 0;
	font-size:16px;
	color:#999;
}

#transactions {
	font-size: 0.8em;
}

#mailerbody {
	height:400px;
	width:100%;
	background:#FFF;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 850px;
	height:400px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

#received, #sent {
	font-size:0.75em;
}
.ui-stars-star,
.ui-stars-cancel {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
	background: url('../images/jquery.ui.stars.gif') no-repeat 0 0;
}
.ui-stars-star a {
	background-position: 0 -32px;
}
.ui-stars-star-on a {
	background-position: 0 -48px;
}
.ui-stars-star-hover a {
	background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
	background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}
#stars-cap{
	float: right;
	margin-right: 5px;
}
#stars-wrapper{
	float: right;
}
#topten{
	border-collapse:collapse;
	font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
	font-size:12px;
	margin:20px;
	text-align:left;
	width:100%;
}
#topten th{
background:none repeat scroll 0 0 #B9C9FE;
border-bottom:1px solid #FFFFFF;
border-top:4px solid #AABCFE;
border-left:1px solid #9BAFF1;
border-right:1px solid #9BAFF1;
color:#003399;
font-size:13px;
font-weight:normal;
padding:8px;
}
#topten td{
background:none repeat scroll 0 0 #E8EDFF;
border-bottom:1px solid #FFFFFF;
border-top:1px solid transparent;
border-left:1px solid #AABCFE;
border-right:1px solid #AABCFE;
color:#666699;
padding:8px;
}

/*	--------------------------------------------------
	* Wrap Div By Sam
	-------------------------------------------------- */
	
#wrap {
width:950px;
border:1px solid #666999;
background:white;
padding:20px 20px;
margin:0 auto;
}