*{
	padding:0;
	margin:0;
	list-style:none;
}
	html,body{
	height:100%;
}

/* Removes ugly firefox dotted borders*/
a { 
	outline:none;
	}
a:link, a:visited {
	color: #3c57a7;
	text-decoration:none;
	}
a:hover {
	color: #3c57a7;
	text-decoration:underline;
}		
/* spacer*/	 
.spacer05 {
	clear: both;
	height: 0.5px;
	overflow: hidden;
	}
.spacer {
	clear: both;
	height: 5px;
	overflow: hidden;
	}	
/* Float Properties*/	
.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
#clouds {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
	background:url(../images/clouds.gif) -300px -500px repeat-x;	
}
	
* html .clearfloat {
	height:1%;
	}
*+html .clearfloat {
	height:1%;
	}
.clearfloat {
	display:block;
	}
/* End Float Properties*/			
small {
	font-size:0.7em;
}		
body{
	font:normal 62.5%/1.5 lucida grande, Verdana, Helvetica, sans-serif;
	color:#000;
	word-wrap: break-word;
	background:#C0DEED url(../images/bg-clouds.png) top repeat-x;
	
}
#topframe {
	text-align: center;
	padding: 0px;
	/*position: absolute;*/
	top:0;
	bottom:0;
	width: 960px;
	height: 20px;
	/*position: fixed !important;*/
	position: absolute;
	z-index:1000;
	background:#2c2c2c url(../images/bottombar.png) bottom no-repeat;
}
#boil {
	width:950px;
	margin:0 auto;
	float:right;
	position:absolute;
	behavior: url("../images/iepngfix.htc");
}
#boil .mymbemper {
	 background:url(../images/boil_bemp.png) right no-repeat;
	 z-index:99999;
	 height:44px;
	 float:right;
	 width:77px;
	 
	 
	 /*position: fixed !important;*/	
}
/*end site loader */
#header {
	width:950px;
	margin:0 auto;
	padding:5px;
	height:38px;
	background:#EFEFEF;
	border:1px solid #8798AA;
}
#topbanner {
	height: 55px; 
	background-color: transparent; 
	
}
#header .logo{
	float:left;
	top:0px;
	position:absolute !important;
	
}
#header .logotext{
	margin-left:10px;
	color:#484848;
	font-size:1.5em;
	font-weight:bold;
}
#header .menu {
	height:20px;
	float:right;
	margin-top:9px;
	border-left:1px solid #BDBDBD;
	margin-right:20px;
	}
#header .menu_current {
	height:20px;
	float:left;
	border-left:1px solid #BDBDBD;
	border-right:1px solid #BDBDBD;
	background:#C4D5E7;
	border-bottom:1px solid #C4D5E7;
	
	}
#header .menutext {
	margin:0 5px 0 5px;
	color:#484848;
	font-size:1.5em;
	font-weight:normal;
	
}
#footer .menutext a {
	color:#484848;
	
}
#header .menutext_current {
	margin:0 5px 0 5px;
	color:#000;
	font-size:1.5em;
	font-weight:normal;
	
}
/* Text*/

#content {
	width:950px;
	margin:0 auto;
	margin-top:44px;
	padding:0px;
	border:1px solid #8EC1DA;
	background:#EFEFEF;
	
}
#splashbar {
	width:928px;
	margin-left:10px;
	border:1px solid #8EC1DA;
	background: #8EC1DA url(../images/bg_splash_bar.jpg) right repeat-x;
	height:21px;
	
	
}
#splashbar h1 {
	font-size:1.2em;
	color:#8EC1DA;
	margin-left:10px;
	text-align: left;
	font-family:verdana;
	font-weight:normal;
	behavior: url("../images/iepngfix.htc");
	}
#splashtagline {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #8798AA ;
	background: #8EC1DA ;
	
	
}
#splashtagline h1 {
	font-size:1.5em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: center;
	font-weight:bold;
}
#contact {
	width:auto;
	background:#fff;
	padding:5px;
	margin:5px;
}
#contact .text {
	font-size:1.2em;
	margin-left:10px;
	margin-right:15px;
	color: #3c57a7;
	text-align: left;
	font-weight:normal;
}
#randominfo {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #fff ;
	background: #70AECD ;
	
}
#randominfo h1 {
	font-size:1.5em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: center;
	font-weight:bold;
}
#randominfo .listing {
	width:464px;
	float:left;
}
/*random info rental */
#randominfo .rental {
	width:464px;
	float:left;
}
#randominfo .box{
	width:455px;
	/*border:1px solid #fff;*/
	float:left;
	margin:2px;
	height:105px;
	background:#C0DEED url(../images/Background_car.jpg);
}

#randominfo .mainphoto {
	width:80px;
	float:left;
	margin:5px;
	behavior: url("../images/iepngfix.htc");
	/*border:1px solid #fff;*/
}
#randominfo .tagtitle {
	width:320px;
	float:left;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:bold;
	text-align:left;
	color: #000;
}
#randominfo .tagtitle a{
	color: #3c57a7;
	}

#randominfo .description {
	width:320px;
	float:left;
	font-size:1.1em;
	font-family:Verdana, Arial;
	font-weight:normal;
	text-align:left;
	color: #000;
}
#randominfo span .tagid {
	color: #3c57a7;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #fff;
}
#randominfo .desc {
	width:320px;
	float:left;
	font-size:1.0em;
	font-family:Verdana, Arial;
	font-weight:normal;
	text-align:left;
}
#randominfo .boxinfo {
	width:440px;
	margin:0 auto;
	float:left;
	padding:3px;
	font-size:1.1em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #000;
	text-align:left;
}
#randominfo .boxtext {
	padding:3px;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #3c57a7;
	float:left;
}
#newsfeature {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #3c57a7;
	background: url(../images/burst.jpg) no-repeat;
	
}
#newsfeature .feature {
	width:615px;
	float:left;
	margin:1px;

	
}
#newsfeature .imagesbig{
	width:200px;
	height:200px;
	float:left;
	padding:5px;
	
}
#newsfeature .tittle {
	width:391px;
	font-size:1.8em;
	margin-left:5px;
	color: #3c57a7;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:bold;
	float:left;
	
}
#newsfeature .date {
	width:391px;
	font-size:1.1em;
	margin-left:5px;
	color: #000;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;
	float:left;
	
}
#newsfeature .sidebar-ads{
	width:300px;
	float:right;
	padding:0px;
	border:1px solid #3c57a7;
	}
#newsfeature .content {
	width:391px;
	font-size:1.2em;
	float:left;
	margin-left:5px;
	color:#000;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;
}	
		
#splashnews {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #3c57a7;
	background: #fff;
}

#splashnews .news {
	width:458px;
	float:left;
	height:100px;
	margin-left:5px;
}
#splashnews .thumbnews {
	width:80px;
	height:80px;
	float:left;
	
}
#splashnews .trick {
	width:458px;
	float:left;
	
}
#splashnews .tittle {
	font-size:1.2em;
	margin-right:15px;
	color: #3c57a7;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:bold;
}
#splashnews .content {
	width:350px;
	float:left;
	margin-left:5px;
	font-size:1.1em;
	padding:0px;
	color:#000;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;


}
#splashnews .readmore {
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: right;
	font-family:Verdana, Arial;
	font-weight:normal;
}
/* end rental random info */
#splashintro {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #13A1FF ;
	background: #fff;
	background:#70AECD url(../images/sky_bg.gif) repeat right;
	
}
#splashintro .intro {
	width:428px;
	float:left;
	margin-left:5px;
}
#splashintro .tengah {
	width:30px;
	float:left;
	margin:1px;
}
#splashintro .intro h1 {
	font-size:1.4em;
	text-align:left;
}
#splashintro .intro h2 {
	font-size:1.1em;
	font-weight:normal;
	text-align:left;
}
#splashintro .button {
	float:left;
	padding:2px;
}
#splashadvert {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #fff ;
	background: #70AECD;
	/*background:#70AECD url(../images/body-bg.png) repeat right;*/
	
}
#splashadvert .intro {
	width:458px;
	float:left;
	margin:1px;
}
#splashadvert .notes {
	width:458px;
	float:left;
	margin:1px;
	
}

#splashadvert .bengkel {
	width:458px;
	float:left;
	margin:1px;
	
}
#splashadvert .bengkel_tittle {
	font-size:1.2em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-weight:bold;
}
#splashadvert .bengkel_tittle a {
	color:#fff;
}

#splashadvert .bengkel_thumb {
	width:80px;
	height:80px;
	margin-right:5px;
	float:left;
	
}
#splashadvert .bengkel_content {
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;
}
#splashadvert .bengkel_loc {
	font-size:1.2em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-weight:normal;
}
#splashadvert h1 {
	font-size:1.5em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: center;
	font-weight:bold;
}

#splashadvert h2 {
	font-size:1.0em;
	margin-left:10px;
	margin-right:15px;
	color:#484848;
	text-align: center;
	font-weight:bold;
}
#splashadvert h3 {
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;
}
#splashadvert h3 a {
	color:#fff;
	}
#splashadvert .notes_tittle {
	font-size:1.2em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-weight:bold;
}
#splashadvert .notes_content {
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: left;
	font-family:Verdana, Arial;
	font-weight:normal;
	
}
#splashadvert .notes_readmore {
	font-size:1.1em;
	margin-left:10px;
	margin-right:15px;
	color:#fff;
	text-align: right;
	font-family:Verdana, Arial;
	font-weight:normal;
}
#splashadvert .notes_readmore a {
	color:#fff;
	}
#find_focus {
	width:auto;
	position:relative;
	margin:5px;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #8798AA;
	text-align: center;
	/*background: #517AB0 url(../images/bg_intro.gif) repeat-x ;*/
	background:#70AECD url(../images/bg_form_focus.gif) no-repeat left;
}
#find_focus .quick {
	width:473px;
	margin:0px auto;
	position:relative;
	top:-5px;
	display:block;
	text-align: center;
	font-size:1.1em;
	color:#fff;
	}
#find_focus .quick a{
	color:#fff;
}	
#find_focus .formfocus {
	width:530px;
	margin:0px auto;
	position:relative;
	display:block;
	padding:5px;
	top:10px;
	
	/*border:1px solid #fff;*/
	}
#find_focus label {
	width:120px;
	float:left;
	text-align:left;
	color:#fff;
	font-weight:normal;
	font-size:1.2em;
	margin:5px 0 5px 5px;
}	
#find_focus input {
	font-size:1.2em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#find_focus select {
	font-size:1.2em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#find_focus .button {
    font-size:20px;
	width:50px;
	height:50px;
	position:relative;
	text-align:right;
	border:none;
	background:url(../images/car_yellow_50px.png);
	cursor: crosshair;
	}
#find_quick {
	width:auto;
	position:relative;
	margin-top:20px;
	margin-bottom:20px;
	margin:5px;
	background:#70AECD url(../images/car_background.gif) no-repeat right;
	border:1px solid #8798AA;
	text-align: center;
	
}
#find_quick .focus {
	width:473px;
	margin:0px auto;
	position:relative;
	top:-20px;
	display:block;
	text-align: right;
	font-size:1.1em;
	color:#fff;
	}
#find_quick .focus a {
	color:#fff;
	}	
	
#find_quick .form_home {
	width:530px;
	height:80px;
	/*background: url(../images/bg_form.gif) no-repeat top left;*/
	margin:0px auto;
	position:relative;
	display:block;
	text-align: center;
	margin-top:10px;
	}
#find_quick .textinput {
	width:auto;
	float:left;
	
}	
#find_quick input {
	width:400px;
	margin-top:25px;
	margin-left:20px;
	font-size:2.0em;
	text-align: center;
	font-weight:normal;
	color:#8EC1DA;
	border:1px solid #8EC1DA;
	}
	
#find_quick .button {
	margin:18px;
	font-size:20px;
	width:50px;
	height:50px;
	border:none;
	background:url(../images/car_orange_50px.png);
	cursor: crosshair;
	}
#about {
	width:auto;
	margin:15px auto;
	/*background:#A8C2DB;*/
	}
#about h1 {
	font-size:1.2em;
	margin-left:10px;
	margin-right:15px;
	color:#484848;
	text-align: center;
	font-weight:bold;
}		
#fiture {
	width:auto;
	background:#EFEFEF;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #8798AA;
	
}
/*signup css */
#signup {
	width:auto;
	text-align: center;
	padding:5px;
	margin:5px;
	border:1px solid #8798AA;
	background:url(../images/bg_daftar_global_map.jpg) left repeat-y;
}
#signup h1 {
	font-size:1.5em;
	margin-left:10px;
	color:#484848;
	text-align: left;
	font-weight:bold;
}
#signup .form {
	width:500px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	/*border:1px solid #C4D5E7;*/
	text-align: center;
	}
#signup label {
	width:120px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	color:#484848;
	font-weight:bold;
	font-size:1.2em;
}
#signup input {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#signup select {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:254px;
	margin:5px 0 5px 5px;
}
#signup .bday {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:80px;
	margin:5px 0 5px 5px;
}
#signup .favteam {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:124px;
	margin:5px 0 5px 5px;
}
#tos {
	width:500px;
	border:1px solid red;
	text-align:center;
}
#signup .chktos {
	width:20px;
	float:left; 
	display:block;
	position:relative;
}
#signup .tostext {
	display:block;
	margin:5px 0 5px 5px;
	font-size:11px;
	padding:2px 2px;
	text-align:left;
}

#signup .button {
	font-size:20px;
	width:50px;
	height:50px;
	position:relative;
	text-align:right;
	border:none;
	background:url(../images/car_red_50px.png);
	cursor: crosshair;
}		
/*end signup css*/
#notes {
	width:auto;
	float:left;
	margin:5px;
}

#notes h1 {
	font-size:1.1em;
	font-weight:bold;
	font-family:verdana, arial;
	color:#484848;
}

#notes .form {
	width:700px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	/*border:1px solid #C4D5E7;*/
	
	}
#notes label {
	width:200px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	color:#484848;
	font-weight:normal;
	font-size:1.2em;
}
#notes input {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:350px;
	margin:5px 0 5px 5px;
}
#notes .chkbox {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:20px;
	margin:5px 0 5px 5px;
}
#notes .notescontent {
	width:350px;
	margin:5px 0 5px 5px;
	float:left;
	
}
#notes textarea {
	font-size:1.0em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	overflow:hidden;
	width:350px;
}
#notes select {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:350px;
	margin:5px 0 5px 5px;
}
#published_note {
	width:700px;
	float:left;
	
}
#published_note .boxnote {
	width:700px;
	display:block;
	margin:0 auto;
	border-top:1px solid #8798AA;
	border-bottom:1px solid #8798AA;
	}
#published_note .thumbnews {
	width:70px;
	height:70px;
	margin-right:15px;
	float:left;
}	
#published_note h2 {
	font-size:1.1em;
	font-weight:bold;
	font-family:lucida grande, Verdana, Helvetica, sans-serif;
	margin-left:15px;
	color:#484848;
}
#published_note .boxact {
	width:700px;
	margin-left:5px;
	font-size:1.2em;
	}
#published_note h3 {
	font-size:1.2em;
	font-weight:normal;
	margin-left:5px;
	color:#484848;
	
}
#published_note .date {
	font-size:0.8em;
	margin:5px;
	font-weight:normal;
	font-family:verdana, arial;
	color:#484848;
}
#detailnote {
	width:917px;
	background:#fff;
	float:left;
	padding: 5px;
	border:1px solid #8798AA;
	text-align:left;
}
#detailnote .ads {
	width:300px;
	padding:0;
	margin:0;
	border:1px solid #8798AA;
	float:right;
	
}
#detailnote .imagesbig{
	width:200px;
	float:left;
	padding:5px;
	
}
#detailnote .notestagline {
	font-size:1.6em;
	font-weight:bold;
	font-family:verdana, arial;
	color:#484848;
}
#detailnote .datewrite {
	font-size:1.1em;
	font-weight:normal;
	font-family:verdana, arial;
	color:#484848;
}
#detailnote .userwrite {
	font-size:1.1em;
	font-weight:normal;
	font-family:verdana, arial;
	color:#484848;
}
#detailnote .sumber {
	font-size:1.1em;
	font-weight:normal;
	font-family:verdana, arial;
	color:#484848;
}
#detailnote .detail {
	font-size:1.1em;
	font-weight:normal;
	font-family:verdana, arial;
	color:#484848;
}			
/*login css */
#login {
	width:auto;
	background: #ECEFF5;
	padding:5px;
	margin:5px;
	text-align: center;
	border:1px solid #8798AA;
	background:url(../images/sky_bg.gif) left repeat-x;
	
}
#login .form {
	width:500px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	/*border:1px solid #C4D5E7;*/
	text-align: center;
	
	}
#login label {
	width:100px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	color:#484848;
	font-weight:bold;
	font-size:1.2em;
}
#login input {
	font-size:11px;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:200px;
	margin:5px 0 5px 5px;
}
#login .remember {
	font-size:1.0em;
	width:auto;
	color:#484848;
	margin:0 auto;
}
#login .button {
    font-size:20px;
	width:50px;
	height:50px;
	position:relative;
	text-align:right;
	border:none;
	background:url(../images/car_yellow_50px.png);
	cursor: crosshair;
	}		
/*end login css */
/*css categories */
#categori {
	float: left;
	width:950px;
	background:#C4D5E7;
	margin:0px;
	padding:0px;
	
}

#categories {
	z-index: 9999;
	position: relative;
	float:right;
	margin-right:5px;
	background:#C4D5E7;
}

#categories li {
	text-transform: capitalize;
	float: left;
	background: #D8DFEA;
	margin-left: 3px;
	
}
#categories li a {
	font-size:13px;
	font-weight:bold;
	padding:4px 11px;
	display: block;
}
#categories .text {
	font-size:13px;
	font-weight:normal;
	padding:4px 11px;
	display: block;
}
#categories li a:hover {
	color: #fff;
	text-decoration: none;
	background: #627AAD;
}

#categories .current-cat {
	background: #fff;
}

#categories .current-cat a {
	background: #fff;
	color: #000;
}

#categories .current-cat a:hover {
	background: #fff;
	color: #000;
}

#categories #plus {
	background: url(images/plus.gif) no-repeat top left;
	z-index:999999;
/*	position:relative;
	display: block; */
}

#categories #plus:hover, #categories #plus.hover {
	background: #627AAD url(images/plus.gif) no-repeat left -25px;	
}

#hiddencats {
	width: 100px;
	z-index: 10000;
	left:-3px;
	position:relative;
	top:-28px;
}

#hiddencats li {
	padding: 0px;
/*	padding: 8px 5px 4px 8px; */
	background: #eee;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	float: none;
	margin-left: 0px; 
}

#hiddencats li.browsecat {
	background: #fff;
	border: 1px solid #000;
	border-left: 1px solid #fff;
	border-bottom: none;
	padding: 8px;
	width: 150px;
	color: #666;
}

#hiddencats li a{
	font-weight: normal;
	font-size: 11px;
	padding: 7px 12px;
}

#hiddencats li a:hover {
	background: #899BC1;
}

#hiddencats .current-cat {
	background: #eee;
}

#hiddencats .current-cat a {
	background: #eee;
	color: #65666A;
}

#hiddencats .current-cat a:hover {
	background: #899BC1;
	color: #fff;
}

#hiddencats ul {
	border-bottom: 1px solid #000;
}

#hiddenleft {
	width: 25px;
	height: 25px;
	border: 1px solid #000;
	border-right: none;
	position: absolute;
	background: #fff;
	padding: 2px;
}

#hiddenplus {
	background: #627AAD url(images/plus.gif) no-repeat left -25px;
	height: 25px;
	width: 25px;
	cursor: pointer;
}

#hiddenright {
	position: absolute;
	margin-left: 30px;
}
/*end of css categories*/

/*css pitch */
#pitch {
	width:950px;
	margin:0 auto;
	background:#fff;
	padding:0px;
	}
#pitch .left{
	width:210px;
	float:left;
	display:block;
}
#pitch .middle {
	width:720px;
	float:left;
}
#pitch .goto {
	width:700px;
	padding:5px;
	margin:5px;
	float:left;
	
}
#pitch .goto h1 {
	font-size : 1.5em;
	font-weight:normal;
	color: #3c57a7;
	font-family:Verdana, Arial;
}
#pitch .goto h2 {
	font-size : 1.0em;
	font-weight:normal;
	color: #3c57a7;
}
#pitch .goto h3 {
	font-size : 1.0em;
	font-weight:normal;
	margin-left:10px;
}
#pitch .right {
	width:230px;
	margin:5px;
	float:left;
	display:block;
	border:1px solid white;
}
#pitch .welcome {
	font-size:1.2em;
	color:#484848;
	text-align:left;
	margin:5px;
}
#pitch .avatar {
	position:relative;
	display:block;
	margin-top: -50px;
	margin-left:10px;
	width:175px;
	height:auto;
	float:left;
	border:1px solid #484848;
	background:#F0F0F0;
}
#pitch .fileavatar {
	width:120px;
	margin-bottom:0px;
	padding:5px;
	text-align:center;
	
}
#pitch .pitchmenu {
	width:175px;
	float:left;
	margin-left:10px;
}
#pitch .pitchmenutext {
	color:#576FB5;
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
	border-bottom:1px solid #576FB5;
	padding:3px;
}
#pitch .pitchinfo {
	width:175px;
	float:left;
	margin:10px;
	border:1px solid #576FB5;
}
#pitch .pitchinfobar {
	width:175px;
	background: #8EC1DA;
	float:left;
	height:25px;
	border-bottom:1px solid #576FB5;
}
#pitch .pitchbartext {
	color:#fff;
	float:left;
	font-size:1.3em;
	padding:2px;
	font-weight:bold;
}
#pitch .pitchbarimgedit{
	float:right;
	padding:1px;
}
#pitch .pitchbarimgfriends{
	float:right;
	padding:5px;
}
#pitch .pitchinfofriendsavatar {
	width:50px;
	float:left;
	display:block;
	padding:3px;
	text-align:center;
	}
#pitch .pitchinfofriendsname {
	color:#888A8C;
	float:left;
	font-size:0.9em;
	font-weight:normal;
	color: #3c57a7;
}	
#pitch .pitchinfoplayer {
	width:175px;
	float:left;
	display:block;
	}
#pitch .pitchinfoplayertextleft {
	width:60px;
	margin:1px;
	text-align:left;
	color:#000;
	float:left;
	font-size:0.9em;
	font-weight:normal;
	
}

#pitch .pitchinfoplayertextright {
	width:110px;
	text-align:left;
	color:#000;
	float:right;
	font-size:0.9em;
	font-weight:normal;
}
#pitch .submenu {
	width:720px;
	float:left;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:5px;
	background:#EFEFEF;
	border:1px solid #8798AA;
	}

#pitch .submenutext {
	width:140px;
	float:left;
	padding:5px;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
	color:#888A8C;
	height: 20px;
	}
#pitch .submenuicon {
	width:20px;
	padding:5px;
}
#announces {
	width:720px;
	float: left;
	clear: both;
	border:1px solid #0080C0;
	background:url(../images/burst.jpg) no-repeat left;
}
#announces .form {
	width:700px;
	float:left;
	margin: 10px;
}
#announces .imgbuton {
    width:700px;
    text-align:center;
	}
#announces h1{
	font-size:1.3em;
	font-weight:bold;
	color:#3c57a7;
	margin:5px;
}
#announces h2 {
	font-size:1.1em;
	margin:5px;
}
#announces .boxmsg {
	width:700px;
	font-size:1.2em;
	margin:5px;
}
#activity {
	width:720px;
	float: left;
	clear: both;
	border-top:1px solid #E7EAF1;
	border-bottom:1px solid #E7EAF1;
}
#activity .boxactivity {
	width:690px;
	float:left;
	width:720px;
}
#activity .activityavatar{
	float:left;
	padding:3px;
	width:30px;
}
#pitch .activityuser{
	width:683px;
	float:left;
	font-size:1.1em;
	border-bottom:1px solid #E7EAF1;
}
#activity .activityusername{
	width:683px;
	float:left;
	font-size:1.2em;
	color:#3c57a7;
	font-weight:normal;
}
#activity .activitydate{
	font-size:0.8em;
	color:#3c57a7;
	font-weight:normal;
}
/* list rental */
#rental_list {
	width:720px;
	float: left;
	
} 
#rental_list .boxrental {
	width:100%;
	float:left;
	border:1px solid #8798AA;
	/*background:url(../images/burst.jpg) no-repeat left;*/
}
#rental_list .box{
	width:600px;
	
	float:right;
}
#rental_list .mainphotos {
	width:90px;
	float: left;
	padding:5px;
	}
#rental_list .rentalname {
	font-size:1.2em;
	padding:5px;
	color: #3c57a7;
	font-weight:bold;
}
#rental_list .rentaldesc {
	font-size:1.1em;
	margin-left:5px;
	color:#484848;
	font-weight:normal;
}
#rental_list .boxact {
	width:700px;
	margin-left:5px;
	font-size:1.2em;
	}
/* form konfirmasi */
#newformconfirm {
	width:720px;
	float:left;
	background:#EFEFEF;
	border:1px solid #8798AA;
	background:url(../images/burst.jpg) no-repeat left;
}
#newformconfirm label {
	width:200px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	color:#484848;
	font-weight:normal;
	font-size:1.1em;
}
#newformconfirm input {
	font-weight:normal;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:230px;
	font-size:1.1em;
	margin:5px 0 5px 5px;
}
#newformconfirm select {
	font-weight:normal;
	border:solid 1px #C4D5E7;
	width:230px;
	font-size:1.1em;
	margin:5px 0 5px 5px;
}
/* form entry iklan */
#newformiklan {
	width:720px;
	float:left;
	background:#EFEFEF;
	border:1px solid #8798AA;
}

#newformiklan h1{
	font-size:1.2em;
	padding:5px;
	color:#484848;
	font-weight:bold;
}
#newformiklan h2{
	font-weight:normal;
	font-size:1.0em;
	font-family:Verdana, Arial;
	margin-left:5px;
	color:#888A8C;
}
#newformiklan .formiklan {
	width:350px;
	float:left;
	margin:2px;
	background: #ECEFF5;
	border:1px solid #8798AA;
}
#newformiklan .formiklannote {
	width:340px;
	margin:5px;
	float:left;
}
#newformiklan label {
	width:100px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	color:#484848;
	font-weight:normal;
	font-size:1.2em;
}
#newformiklan input {
	font-weight:normal;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:230px;
	font-size:1.2em;
	margin:5px 0 5px 5px;
}
#datepay {
	font-weight:normal;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:50px;
	font-size:1.2em;
	margin:5px 0 5px 5px;
}
#newformiklan select {
	font-weight:normal;
	border:solid 1px #C4D5E7;
	width:230px;
	font-size:1.2em;
	margin:5px 0 5px 5px;
}
#newformiklan .longdesc {
	width:710px;
	float:left;
	margin:0 auto;
	
}
#newformiklan .services {
	width:700px;
	float:left;
	margin:5px 0 5px 5px;
	border:solid 1px #C4D5E7;
}
#newformiklan .chkbox {
	width:20px;
	float:left;
	padding:0;
	margin:5px;
	
}
#newformiklan .chkboxtext {
	width:250px;
	float:left;
	margin:5px;
	
	
}
#newformiklan .longlabel {
	width:90px;
	float:left;
	margin:5px 0 5px 5px;
	color:#484848;
	font-weight:normal;
	font-size:1.2em;
}

#newformiklan .longtextarea {
	width:570px;
	float:left;
		
}
#newformiklan .longinputtextarea {
	width:570px;
	float:left;
	border:1px solid #8798AA;
	padding:5px;
	margin:5px;	
}
/* upload images */
#images {
	width:720px;
	float:left;
	background:#EFEFEF;
	border:1px solid #8798AA;
	background:url(../images/burst.jpg) no-repeat left;
}
#images h1{
	font-size:1.2em;
	padding:5px;
	color:#484848;
	font-weight:bold;
}
#images h2{
	font-size:0.9em;
	padding:5px;
	color:#484848;
	font-weight:normal;
	font-family:Verdana, Arial;
}
#images .upload {
	width:250px;
	float:left;
	margin:5px;
	background: #ECEFF5;
	padding:5px;
	border:1px solid #8798AA;
}
#images .multi_thumb_detail {
	width:auto;
	float:left;
	margin:5px;
	background: #ECEFF5;
	padding:5px;
}
#images .thumb {
	width:80px;
	float:left;
	margin:5px;
	background: #ECEFF5;
	padding:5px;
	/*border:1px solid #8798AA;*/
}
#images .multi_thumb {
	width:420px;
	float:left;
	margin:5px;
	background: #ECEFF5;
	padding:5px;
	border:1px solid #8798AA;
}
/* userlist */
#userlist {
	width:720px;
	float:left;
	
}
#userlist .boxuser {
	width:720px;
	float:left;
	
}
#userlist .labeluserid {
	width:50px;
	border:1px solid red;
	float:left;
	background: #ECEFF5;
	border:1px solid #8798AA;
}
#userlist .labelusername {
	width:250px;
	border:1px solid red;
	float:left;
	background: #ECEFF5;
	border:1px solid #8798AA;
}
#userlist .labeluserjoin {
	width:150px;
	border:1px solid red;
	float:left;
	background: #ECEFF5;
	border:1px solid #8798AA;
}
#userlist .boxuserid {
	width:50px;
	border:1px solid red;
	float:left;
	border:1px solid #8798AA;
}
#userlist .boxusername {
	width:250px;
	border:1px solid red;
	float:left;
	border:1px solid #8798AA;
}
#userlist .boxuserjoin {
	width:150px;
	border:1px solid red;
	float:left;
	border:1px solid #8798AA;
}
/* friends */
#friends {
	width:720px;
	float:left;
}
#friends .action {
	width:720px;
	float:left;
}
#friends .act{
	width:49px;
	float:left;
}
#friends h3 {
	font-size:1.2em;
	font-weight:normal;
	color:#484848;
}
#friends .friendsbox{
	width:100px;
	float:left;
	margin:5px;
	
}
#friends .friendsavatar {
	width:100px;
	float:left;
	margin:2px;
	text-align:center;
}
#friends .friendsname {
	width:100px;
	float:left;
	font-size:1.1em;
	color:#3c57a7;
	font-weight:normal;
	text-align:center;
}
#friends_request {
	width:720px;
	float:left;
}
#friends_request .action {
	width:720px;
	float:left;
}
#friends_request .act{
	width:49px;
	float:left;
}
#friends_request h3 {
	font-size:1.2em;
	font-weight:normal;
	color:#484848;
}
#friends_request .friendsbox{
	width:100px;
	float:left;
	margin:5px;
	border:2px solid #C4D5E7;
}
#friends_request .friendsavatar {
	width:100px;
	float:left;
	margin:2px;
	text-align:center;
}
#friends_request .friendsname {
	width:100px;
	float:left;
	font-size:1.1em;
	color:#3c57a7;
	font-weight:normal;
	text-align:center;

}

#friends_invite {
	width:720px;
	float:left;
}
#friends_invite .act{
	width:50px;
	float:left;
}
#friends_invite .action {
	width:720px;
	float:left;
}
#friends_invite h3 {
	font-size:1.2em;
	font-weight:normal;
	color:#484848;
}
#friends_invite .friendsbox{
	width:100px;
	float:left;
	margin:5px;
	border:2px solid #C4D5E7;
}
#friends_invite .friendsavatar {
	width:100px;
	float:left;
	margin:2px;
	text-align:center;
}
#friends_invite .friendsname {
	width:100px;
	float:left;
	font-size:1.1em;
	color:#3c57a7;
	font-weight:normal;
	text-align:center;

}
/*dressing room */	
#dressingroom {
	width:950px;
	margin:0 auto;
	background:#fff;
	padding:5px;
	border:1px solid #8798AA;
}
#accountsName{
	margin: 5px;
	border: solid #e8e8e8;
	border-width:1px 0;
	padding:1px 0;
	margin-top:15px;
	clear:both;
	}
.clearAfter:after{
	display:block;
	height:0;
	content:".";
	clear:both;line-height:0;
	visibility:hidden;
	}
.clearAfter{
	!height:1%;
	}
.floatLeft{
	float:left;
}
.accontTopicHead{
	font-size:1.2em;
	font-weight:bold;
	}
.smallFontSize{
	font-size:0.9em;
	}
.grayText{
	color:#999;
}	
#nameColorBox,#GenderColorBox,#BirthdayColorBox,#emailColorBox,#passColorBox,#creditColorBox,#deActiveColorBox{
	background:#e6f2ff;
	padding:12px 20px;
	}
#passColorBox{
	background:#ffffe7;
	}
#emailColorBox{
	background:#fff3e7;
	}
#BirthdayColorBox {
	background:#FBD8A5;
	}
#GenderColorBox {
	background:#F4CDF5;
}				
.floatRight{
	float:right;
	}
.rightText{
	text-align:right;
	}
.redNormalLink{
	color:#FF0000;
	}
.tDN{
	text-decoration:none;
	}
.topSpace{
	margin-top:20px;
	}
.allTable{
	border-collapse:0;
	padding:0; margin:0;
	width:100%;
	}
.changeNameWidth{
	width:250px;
	text-align:right;
	}
.boldText{
	font-weight:bold;
	}
#signUpTextBox{
	width:195px;
	}	
.signUpTextBox,.postLinkTextBox,.privacyTextBox,.mrktPlaceSelect,textarea,.composeTextBox,.crteGrpTxtBox,.searchTextBox{
	border:1px solid #c0c0c0;
	font-size:1em;
	width:150px;
	padding:4px 0;
	height:15px;
	vertical-align:middle;
	}
ul#changePassInfo{
		margin-left:20px;
		}
#changePassInfo li{
		list-style:disc;
		padding:2px 0 2px 0;
		}															
.index-comment{
	background: #ECEFF5;
	width:710px;
	float: left;
	clear: both;
	margin-top: 2px;
	border:1px solid #C3C4C6;
	padding: 7px;
}
.commenta-date{
	color: #3c57a7;
	font-size:0.9em;
	float:left;
}
.comment-form input[type=text], #comment_form input[type=text], .comment-form textarea, #comment_form textarea {
	border:1px solid #BDC7D8;
	margin-bottom: 3px;
}

.comment-form textarea, #comment_form textarea {
	width: 352px;
}

.comment-form textarea.commenttextright, #comment_form textarea.commenttextright {
	height:30px;
	margin-left:5px;
	width:310px;
}
textarea.respondtext {
	border:1px solid #BDC7D8;
	height:20px;
	width:550px;
}
input.submit {
	background-color:#3B5998;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1.0em;
	padding:2px 15px 3px;
	text-align:center;
}
input.online {
	background-color:#3D9619;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1.0em;
	padding:2px 15px 3px;
	margin-left:10px;
	text-align:center;
}
input.delete {
	background-color:red;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1.0em;
	padding:2px 15px 3px;
	margin-left:10px;
	text-align:center;
}

input.offline {
	background-color:#FFAE00;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1.0em;
	padding:2px 15px 3px;
	margin-left:10px;
	text-align:center;
}
input[type=text], textarea {
	color: #777777;
	font-size:1.3em;
	font-weight:bold;
	margin:5px;
	padding: 3px;
}

input, textarea {
	font-family: "Arial,lucida grande",tahoma,verdana,sans-serif;
}

/*end pitch


img {
	border: none;
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	
}
.dock-container {
	position: absolute;
	height: 50px;
	/*background: url(../images/dock-bg2.gif);*/
	
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 50px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 {
	display: block;
	text-align:center;
	width: 100%;
	bottom: 0px;
	position: relative;
	left: 0px;
	
	}
.dock-container2 {
	position: absolute;
	height: 50px;	
	background:#8EC1DA;
	padding-left: 20px;
	/*border:1px solid red;
	background: url(../images/dock-bg.gif);*/
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 50px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display: none;
	padding-left: 20px;
}
.dock-item2 img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
/* error messages */
#errorMsg,#noticeMsg, #sucsMsg,#comnMsg,#uploadMsg #LoginError {
	border:1px solid #FF0000;
	margin:5px 0;
	color:#FF0000;
	font-weight:normal;
	font-size:1.0em;
	background:#ffe5e5;
}
#LoginError {
	border:1px solid #8798AA;
	color:#000;
	background:#ccddff;
	
}
#notice_payment {
	font-size: 13px;
	color: #000;
	padding:5px;
	font-weight: normal;
	background:#fff;
	border:1px solid #8798AA;
}
#sucsMsg {
	border:1px solid #8798AA;
	color:#8798AA;
	background:#ccddff;
	
}
#noticeMsg {
	border:1px solid #8798AA;
	background:#ECEFF5;
}
#RulesMsg {
	background:#ECEFF5;
}
#noticeMsg h1 {
	font-weight:normal;
	font-size:1.2em;
	color:#000;
	margin-left:5px;
}
#noticeMsg h2 {
	font-weight:normal;
	font-size:1.0em;
	color:#484848;
	margin-left:10px;
}
#uploadMsg {
	font-weight:normal;
	font-size:1.0em;
	color:#484848;
	margin-left:10px;
}

#uploadMsg #info {
	font-weight:normal;
	color:#000;
}
#comnMsg { 
	border:1px solid #8798AA;
	color:#000;
	background:#C4D5E7;
	/*background: url(../images/aerow_winter.png) #ffeecc no-repeat left;*/
}
.alertInfo {
	border:2px solid #FFF;
	padding:5px 5px 5px 20px;
	margin:2px;
	}
.rulesInfo {
	border:1px solid #8798AA;
	padding:5px 5px 5px 20px;
	margin:2px;
	}	
.grpCretdMssge {
	background:#fff3e6;
	padding:10px;
}
.MembershipFee {
	background:#fff3e6;
	padding:10px;
	font-weight:bold;
	font-size:1.2em;
	color: #3c57a7;
}
/*end error msg */
#listing {
	width:928px;
	text-align: center;
	padding:5px;
	margin:5px;
	float:left;
	border:1px solid #8798AA;
	background: #70AECD;
	/*background:url(../images/sky_bg.gif);*/
}
#listing .box{
	width:452px;
	float:left;
	margin:5px;
	height:105px;
	background:url(../images/Background_car.jpg);
}
#listing .mainphoto {
	width:80px;
	float:left;
	margin:5px;
}
#listing .tagtitle {
	width:320px;
	float:left;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	text-align:left;
}

#listing .tagtitle a{
	color:#3c57a7;
}
#listing span .tagid {
	color: #3c57a7;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #3c57a7;
}
#listing .desc {
	width:320px;
	float:left;
	font-size:1.0em;
	font-family:Verdana, Arial;
	font-weight:normal;
	text-align:left;
}
#listing .boxinfo {
	width:440px;
	margin:0 auto;
	float:left;
	padding:3px;
	font-size:1.1em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #000;
	text-align:left;
}

#listing .boxtext {
	padding:3px;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #3c57a7;
	float:left;
}
#titlebar {
	border:1px solid #C4D5E7;
	margin:5px;
	color:#FF0000;
	font-weight:normal;
	font-size:1.0em;
	background:#8EC1DA;
}
#titlebar .tittleinfo {
	border:1px solid #FFF;
	color:#FF0000;
	
	}
#titlebar h1 {
	font-size:1.3em;
	margin-left:25px;
	color:#fff;
	padding:5px;
}	
#listing_detail {
	width:720px;
	text-align: center;
	border:1px solid #8798AA;
	float:left;
	background: url(../images/burst.jpg) no-repeat;
}

#listing_detail .sidebar-ads {
	width:300px;
	float:right;
	margin-bottom:10px;
	margin-top:5px;
	margin-right:10px;
	padding:0px;
	border:1px solid #8798AA;
	}
#listing_detail .boxinfo {
	width:360px;
	float:left;
	margin-bottom:10px;
	padding:10px;
	margin:5px;
}
#listing_detail .boxdata{
	width:100px;
	float:left;
	float:left;
	font-size:1.1em;
	text-align:left;
	color: #3c57a7;
}
#listing_detail .boxvalue{
	width:250px;
	float:left;
	float:left;
	font-family:verdana;
	font-size:1.1em;
	text-align:left;
	color: #3c57a7;
}
#formpesan {
	width:720px;
	border:1px solid #8798AA;
	color: #3c57a7;
	}
#formpesan h1 {
	font-size:1.5em;
	margin:5px;
}
#formpesan h2 {
	font-size:1.0em;
}	
#formpesan label {
	width:200px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
	font-size:1.0em;
}
#formpesan input {
	font-size:1.0em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#formpesan .captcha {
	font-size:1.0em;
	padding:2px 2px;
	width:250px;
	margin:5px 0 5px 5px;
	float:left;
}	
#formpesan textarea {
	border:1px solid #BDC7D8;
	height:30px;
	width:250px;
	margin:5px 0 5px 5px;
	padding:2px 2px;
}
#formpublic {
	width:720px;
	border:1px solid #8798AA;
	color: #3c57a7;
	}
#formpublic h1 {
	font-size:1.5em;
	margin:5px;
}
#formpublic h2 {
	font-size:1.0em;
}	
#formpublic label {
	width:200px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
	font-size:1.0em;
}
#formpublic input {
	font-size:1.0em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#formpublic .captcha {
	font-size:1.0em;
	padding:2px 2px;
	width:250px;
	margin:5px 0 5px 5px;
	float:left;
}	
#formpublic textarea {
	border:1px solid #BDC7D8;
	height:30px;
	width:250px;
	margin:5px 0 15px 5px;
	padding:2px 2px;
}
#formreport {
	width:720px;
	border:1px solid #8798AA;
	color: #3c57a7;
	}
#formreport h1 {
	font-size:1.5em;
	margin:5px;
}
#formreport h2 {
	font-size:1.0em;
}	
#formreport label {
	width:200px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
	font-size:1.0em;
}
#formreport input {
	font-size:1.0em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#formreport .captcha {
	font-size:1.0em;
	padding:2px 2px;
	width:250px;
	margin:5px 0 5px 5px;
	float:left;
}	
#formreport textarea {
	border:1px solid #BDC7D8;
	height:30px;
	width:250px;
	margin:5px 0 5px 5px;
	padding:2px 2px;

}
/* form add friends */
#addfriends {
	width:720px;
	color: #3c57a7;
	
}
#addfriends .formaddfriens {
	background:#f6ffe2;
	padding:5px;
	border:1px solid #BDC7D8;	
}
#addfriends label {
	width:350px;
	float:left;
	margin:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
	font-size:1.3em;
}
#addfriends .cancel {
	background-color:#3B5998;
	border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:1.0em;
	padding:2px 15px 3px;
	text-align:center;
	width:80px;
	float:left;
}
#addfriends .cancel a {
	color:#FFFFFF;
	cursor:default;
}
/* end listing multiple result */
#inbox {
	width:710px;
	text-align: center;
	border:1px solid #8798AA;
	float:left;
	padding:5px;
	text-align:left;
}
#inbox input{
	height:20px;
}
#inbox .inboxbarchecked {
	width:50px;
	background:#EFEFEF;
	float:left;
	border-top:1px solid #8798AA;
	border-bottom:1px solid #8798AA;
	height:20px;
}
#inbox .inboxbarfrom {
	width:218px;
	background:#EFEFEF;
	float:left;
	border-top:1px solid #8798AA;
	border-bottom:1px solid #8798AA;
	height:20px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .inboxbartanggal {
	width:218px;
	background:#EFEFEF;
	float:left;
	border-top:1px solid #8798AA;
	border-bottom:1px solid #8798AA;
	height:20px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .inboxbarsubject {
	width:220px;
	background:#EFEFEF;
	float:left;
	border-top:1px solid #8798AA;
	border-bottom:1px solid #8798AA;
	height:20px;
	font-size:1.2em;
	color: #3c57a7;
}
/* messages unread */
#inbox .inboxcontentchecked_Unread {
	width:50px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
}
#inbox span .iconuser {
	padding:1px;
}
#inbox .inboxcontentfrom_Unread {
	width:218px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .inboxcontenttanggal_Unread {
	width:218px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .inboxcontentsubject_Unread {
	width:220px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox h3 {
	font-size:1.2em;
	font-family:verdana, Arial;
	font-weight:normal;
	color: #3c57a7;
}
/* messages read */
#inbox .inboxcontentchecked_Read {
	width:50px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	background:#EFEFEF;
}
#inbox .inboxcontentfrom_Read {
	width:218px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
	background:#EFEFEF;
}
#inbox .inboxcontenttanggal_Read {
	width:218px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
	background:#EFEFEF;
}
#inbox .inboxcontentsubject_Read {
	width:220px;
	float:left;
	border-bottom:1px solid #ccc;
	height:27px;
	font-size:1.2em;
	color: #3c57a7;
	background:#EFEFEF;
}
/* messages detail */
#inbox .detail {
	width:695px;
	float:left;
	border:1px solid #8798AA;
	padding:5px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .form_balas {    
	width:695px;
	float:left;
	border:1px solid #8798AA;
	padding:5px;
	font-size:1.2em;
	color: #3c57a7;
}
#inbox .inputsubjiek {
	border:1px solid #BDC7D8;
	width:350px;
	margin:5px 0 5px 5px;
	padding:2px 2px;
	font-size:1.0em;
	font-weight:normal;
}
#inbox .sender {
	width:100px;
	float:left;
	font-size:1.0em;
	color: #000;
}
#inbox .sender_info {
	width:590px;
	float:left;
	font-size:1.0em;
	color: #3c57a7;
}
#inbox .messages_detail {
	width:682px;
	float:left;
	padding:5px;
	font-size:1.1em;
	color: #000;
	border-top:1px solid #BDC7D8;
	border-bottom:1px solid #BDC7D8;
}
#inbox textarea {
	border:1px solid #BDC7D8;
	height:30px;
	width:682px;
	margin:5px 0 5px 5px;
	padding:2px 2px;
	font-size:1.0em;
	color: #000;
	font-weight:normal;
}
/* end inbox */
#listing_multiple {
	width:720px;
	border:1px solid #8798AA;
	margin:0 auto;
	float:left;
	background:#EFEFEF;
}
#listing_multiple .box{
	width:345px;
	border:1px solid #8798AA;
	float:left;
	margin:5px;
	height:100px;
	background:#C0DEED url(../images/Background_car.jpg);
}
#listing_multiple .boxact {
	width:339px;
	
	margin:0 auto;
	float:left;
	
	padding:3px;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
	color: #3c57a7;
}
#listing_multiple .mainphoto {
	width:80px;
	float:left;
	margin:5px;
}
#listing_multiple .tagtitle {
	width:250px;
	float:left;
	font-size:1.2em;
	font-family:Verdana, Arial;
	font-weight:normal;
}
#listing_multiple .desc {
	width:250px;
	float:left;
	font-size:1.0em;
	font-family:Verdana, Arial;
	font-weight:normal;
}
#listing_multiple .tool_manage{
	width:250px;
	float:left;
	background:#fff;
}

/* facebook style selector */
#fcbklist 
{
	border-color: #C1C1C1;
	border-style:none solid solid;
	border-width:medium 1px 1px;
	height:300px;	
	list-style-type:none;
	margin:0pt;
	width:720px;
	overflow:auto;
	padding:0pt;
	z-index:1;
}
#filters {
	border-bottom:1px solid #C1C1C1;
	padding:4px 0pt 0pt;
	zoom:1;
}
#filters .selections {
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#filters .selections li.view_on {
	background:#FFFFFF url(../images/multi_selector_bg.gif) repeat-x scroll center top;	
}
#filters .selections li {
	float:left;
	padding:4px 7px;
	text-align:center;
	width:345px;	
}
#filters .selections li a{
	color:#3B5998;
	text-decoration:none;
}
#fcbklist li {
	background-color:#F7F7F7;
	border:1px solid #D8DFEA;
	display:block;
	float:left;
	list-style-image:none;
	list-style-type:none;
	margin:2px;
	padding:2px;
	
}
#fcbklist .fcbklist_item 
{
	background-color:#FFFFFF;
	clear:both;
	position:relative;
	height:50px;
	overflow:hidden;
}
#fcbklist .itemover 
{
	background-color:#F7F7F7 !important;
}
#fcbklist .liselected 
{
	border:1px solid #149525 !important;
	background-color:#D7F8AC !important;
}
#fcbklist .itemselected 
{
	background-color:#D7F8AC !important;
	background-image: url(../images/checked.png);
	background-repeat:no-repeat;
	background-position:right bottom;	
}
#fcbklist strong {
	color:#222222;
	font-size:11px;	
	margin-top:2px;
	width:65px;
}
.clearer 
{
	clear:both;
	height:1px;
	font-size:1px;
}
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border:1px solid #8798AA;
	background:#C4D5E7;
	margin: 5px;
	padding: 10px;
	width: 220px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(../images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(../images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(../images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}
/*button css */
	a.button{
	background:url(../images/icons/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin:5px;
	text-decoration:none;
	width:101px;
	border:1px solid #8798AA;
	float:left;
}
a:hover.button{
	color:#0066CC;
}
	.add{
		background:url(../images/icons/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(../images/icons/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(../images/icons/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(../images/icons/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(../images/icons/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.download{
		background:url(../images/icons/download.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.edit{
		background:url(../images/icons/edit.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.lens{
		background:url(../images/icons/lens.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.info{
		background:url(../images/icons/info.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.comments{
		background:url(../images/icons/comments.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
/*pagination */
.paging{  
	padding:5px;  
	font-family:Verdana, Arial;  
	font-size:1.1em;  
	color:#000000;  
	font-weight:normal; 
	 
}
.paging a{  
	padding:3px 6px 3px 6px;  
	margin:0px 2px 0px 2px;  
	border:1px solid #8798AA;
	background:#C4D5E7;
	color:#000;  
	text-decoration:none;  
} 
.paging a:hover{  
	border:1px solid #8798AA;
	background: #627AAD;
	color:#FFFFFF;  
	text-decoration:none;  
}  
/*footer */
#footer {
	width:950px;
	margin:0 auto;
	height:20px;
	background:#EFEFEF;
	margin-top:35px;
	padding:5px;
	border:1px solid #8798AA;
}
#footer .menu {
	height:25px;
	float:left;
	margin-left:5px;
}
#footer .menutext {
	float:left;
	margin:0 5px 0 5px;
	color:#484848;
	font-size:1.2em;
	font-weight:normal;
}
#footer .menuright {
	height:25px;
	float:right;
	margin-right:5px;
}			
#footer .menutextright {
	float:left;
	margin:0 5px 0 5px;
	color:#484848;
	font-size:1.2em;
	font-weight:normal;
}
/*end footer*/	
/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index:2;}
ul.dropdown li                      { font-weight: normal; float: left; zoom: 1; background:#EFEFEF; }
ul.dropdown a:hover		            { color: #3c57a7; }
ul.dropdown a:active                { color: #3c57a7; }
ul.dropdown li a                    { display: block; margin:0 5px 0 5px; 
	 								  color: #3c57a7; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #3c57a7; position: relative; }
ul.dropdown li.hover a              { color: #3c57a7; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 150px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; 
									  
									  }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
/*SLIDER CSS */
#slider{
	
}
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:445px;
		height:90px;
		overflow:hidden; 
		border:1px solid #8798AA;
		}
span#prevBtn{}
span#nextBtn{}

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
}
*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footpanel a.home{
	background: url(../images/home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
a.profile{ background: url(../images/user.png) no-repeat center center;  }
a.editprofile{ background: url(../images/wrench_screwdriver.png) no-repeat center center; }
a.contacts{ background: url(../images/address_book.png) no-repeat center center; }
a.messages{ background: url(../images/mail.png) no-repeat center center; }
a.playlist{ background: url(../images/document_music_playlist.png) no-repeat center center; }
a.videos{ background: url(../images/film.png) no-repeat center center; }
a.alerts{ background: url(../images/newspaper.png) no-repeat center center; }
#footpanel a.chat{
	background: url(../images/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }
#footpanel a small {
	text-align: center;
	width: 70px;
	background: url(../images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}
#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/
#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}
#chatpanel .subpanel li { background: url(../images/dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(../images/delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}
/*member info */
#infomember {
	width:720px;
	float:left;
	border:solid 1px #C4D5E7;
	padding:5px;
	background:url(../images/burst.jpg) no-repeat left;
}
#infomember h1{
	font-size:1.2em;
	color: #000;
	font-family:Verdana, arial;
	padding:0px;
}
#infomember .text {
	font-size:1.2em;
	color: #000;
	font-family:Verdana, arial;
	padding:0px;
}
#infomember .boxleft {
	width:250px;
	float:left;
	margin:5px;
}
#infomember .boxright {
	width:450px;
	float:left;
	margin:5px;
}
#infomember input {
	font-size:1.2em;
	padding:2px 2px;
	border:solid 1px #C4D5E7;
	width:250px;
	margin:5px 0 5px 5px;
}
#infomember label {
	width:230px;
	float:left;
	text-align:left;
	color:#000;
	font-weight:normal;
	font-size:1.2em;
	margin:5px 0 5px 5px;
}
#upgrade_ads {
	width:720px;
	float:left;
	border:solid 1px #C4D5E7;
	font-family:Verdana;
	/*background:url(../images/clouds.gif) no-repeat left;*/
}
#upgrade_ads .welcome {
	font-size:1.3em;
	padding:0px ;
	font-family:Verdana;
}
#upgrade_ads .title {
	margin-left:5px;
	font-size:1.3em;
	font-weight:bold;
	padding:0px ;
	font-family:Verdana;
	color: #3c57a7;
}
#upgrade_ads .serv {
	font-size:1.3em;
	padding:0px ;
	font-family:Verdana;
	margin-left:20px;
	
	}
#upgrade_ads .upgrade_now {
	font-size:2.2em;
	padding:0px ;
	font-family:lucida grande;
	font-weight:bold;
	margin-left:20px;
	color: #3c57a7;
	}
#partner {
	width:928px;
	background:#fff;
	float:left;
}
#partner .box {
	width:455px;
	background:#fff;
	float:left;
	
}
#partner .name {
	width:450px;
	font-size:1.2em;
	padding:0px ;
	font-weight:bold;
	text-align:left;
	font-family:Verdana;
	
}
#partner .desc {
	width:450px;
	font-size:1.1em;
	padding:0px ;
	font-family:Verdana;
	text-align:left;
}
#partner .link {
	width:450px;
	font-size:1.0em;
	padding:0px ;
	font-family:Verdana;
	text-align:left;
}