* {margin:0;padding:0;}

body { font-family:arial; font-size: 12px; background-color:#ecf6f9; }

a img {border:none;}

.float{float:left;}
.clear{clear:both;}
.divcontent {padding-left:24px; padding-right:24px;}
.divcontentstory {padding-left:4px; padding-right:24px;}
.divcontentinputstory {background:url(../img/qualiteastory/qs_11.jpg) left top no-repeat; color:#844B1D}
.h1home{width:650px; margin-top:26px; background:url(../img/home/bg_slider_h1.png) left bottom repeat-x;padding-left:24px;}
.h1brown {background:url(../img/home/bg_h1brown.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1green {background:url(../img/home/bg_h1green.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1blue {background:url(../img/home/bg_h1blue.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1red {background:url(../img/home/bg_h1red.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1yellow {background:url(../img/home/bg_h1yellow.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}
.h1ungu {background:url(../img/home/bg_h1ungu.jpg) left bottom no-repeat; padding:6px 0 4px 12px; color:#fff; font-size:18px;}

hr {border-width:0px; height:0; border-bottom:1px dashed #999; margin:5px 0;}

#container{
	width:100%;
	background:url(../img/css/bg_container_page.jpg) #ecf6f9/*ebf5f9*/ top left no-repeat;
	/*padding-top:7px;*/
}

#mainmenu {
	width:177px;
	float:left;
}
#mainmenu ul {list-style:none;clear:both;}
#mainmenu ul li a img {border:0;}
#mainmenu ul , #mainmenu ul li, #mainmenu ul li a {margin:0 !important;padding:0 !important;}
#mainmenu ul li, #mainmenu ul li a{float:left;}

#menu {width:160px;text-align:left;}

#maincontent {
	width:674px;
	float:left;
	margin-top:7px;
	background:url(../img/css/bg_maincontent_page.jpg) #fff no-repeat;
	color:#666;
	min-height:700px;
}

#maincontent p{padding:5px 0;}
/*qualitea*/
#maincontentq {
	width:674px;
	float:left;
	margin-top:7px;
	background:url(../img/css/bgqualiteamoment.jpg) #fff no-repeat;
	color:#666;
	min-height:600px;
}
.vote{
font-size:12px; text-decoration:none; color:#666666; font-weight:bold;}
.vote:link{
font-size:12px; text-decoration:none;  color:#666666; font-weight:bold;}
.vote:hover{
font-size:12px; text-decoration:none; color:#3B5998; font-weight:bold;}
.voteme{
font-size:13px; text-decoration:none; color:#3B5998; font-weight:bold;}
#maincontentq p{padding:5px 0;}
ul.submenu {list-style:none; margin-top:15px;}
ul.submenu li {display:inline; height:px; background:url(../img/css/img_menu_left.gif) no-repeat; padding:7px 0 5px 5px;}
ul.submenu li a {padding: 7px 9px 5px 6px; text-decoration:none; color:#858585; font-weight:bold; background:url(../img/css/bg_menu.jpg) right center no-repeat;}
ul.submenu li a:hover, ul.submenu li.active a {color:#c93913;}

ul.subsubmenu {list-style:none;padding-top:10px; border-bottom:1px dashed #ccc; height:19px;}
ul.subsubmenu li {display:inline; height:px; background:url(../img/css/img_subsubmenu.gif) no-repeat; padding:7px 0 5px 4px;}
ul.subsubmenu li a {padding: 7px 9px 5px 6px; text-decoration:none; color:#858585; font-weight:bold; background:url(../img/css/bg_subsubmenu.gif) right center no-repeat;}
ul.subsubmenu li a:hover {color:#c93913;}
ul.subsubmenu li.active {display:inline; height:px; background:url(../img/css/img_subsubmenu_active.jpg) no-repeat; padding:7px 0 5px 4px;}
ul.subsubmenu li.active a {color:#fff; padding: 7px 9px 5px 6px; text-decoration:none; font-weight:bold; background:url(../img/css/bg_subsubmenu_active.jpg) right center no-repeat;}

ul.shopaholic{list-style:none;}
ul.shopaholic li {padding:3px 0;}
ul.shopaholic li a {font-size:12px; text-decoration:none; color:#666; font-weight:bold;}
ul.shopaholic li a:hover {color:orange;}

#content{border-left:10px solid #f0f0f0;border-right:10px solid #f0f0f0; padding:0 11px;}
#content p {padding:5px 0;}
.vprofile div {border-bottom:1px dashed #ccc; color:#db872c; padding-top:7px;}
.vprofile div div {padding:0;}
.vprofile div label {float:left; font-weight:bold; display:block; width:90px;}
.vprofile div span {width:345px; float:left;}
.vprofile div span.titik {width:10px;}

.pagingmemberupdate {color:#fff;}
.pagingmemberupdate a, .pagingmemberupdate .current {color:#990000;text-decoration:none;padding:0 5px;}
.pagingmemberupdate .current {border:1px solid #990000;}

#mainbanner{
	width:140px;
	float:left;
	padding-left:5px;
}
#mainbanner ul {list-style:none;}
#mainbanner ul li {margin-top:-3px;}
#mainbanner ul li.awal {margin-top:0px;}

#mainbottom {
	width:100%;
	height:217px;
	clear:both;
	background:url(../img/css/bg_footer_page.jpg) no-repeat;
	top:/*-165*/0px;
	position:relative;
	z-index:0;
}


/* Forms */
form {
	clear: both;
	margin-left: 10px;
	margin-right: 20px;
	padding: 0;
	width: 90%;
	/*background:#efefef;*/
	/*border:1px solid #ddd;padding-top:20px;*/
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: 0px 5px 0px 15px;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	width:92%;
	text-align:right;
}
label {
	float:left;
	width:20%;
	display: block;
	font-size: 90%;
	font-weight:bold;
	color:#666;
}
input, textarea {
	/*clear: both;*/
	font-size: 80%;
	color:#444;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 0px;
	width: 76%;
	background:#fefefe;
	border-top:1px solid #aaa;
	border-bottom:1px solid #dfdfdf;
	border-left:1px solid #aaa;
	border-right:1px solid #dfdfdf;
	padding:1px 5px;
}
select {
	clear: both;
	font-size: 90%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 90%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 90%;
	width: auto;
	vertical-align: bottom;
}


.mobileguide{padding:0;margin:0;margin-top:0px;width:100%;height:460px;background:url(../img/css/bg_mobileguide.jpg) top left no-repeat;}
.mobileguidehp{background:url(../img/css/bg_hp_mobileguide.jpg) top left no-repeat;width:166px;height:217px;margin:50px 0 0 68px;padding:46px 21px 114px 15px;}
.bgstatus {background:url(../img/bg_status.gif) ; padding:5px 0px 0px 20px }
.total{
font-size:12px; text-decoration:none; color:#666; font-weight:bold;}
.total:link{
font-size:12px; text-decoration:none; color:#666; font-weight:bold;}
.total:hover{
font-size:12px; text-decoration:underline; color:#666; font-weight:bold;}
.pemenang{background:url(../img/tcs.jpg) no-repeat;color:#666666}
.bgqi{
background:url(../img/qualiteainspirationbg.jpg) #fff no-repeat;
width:620px;
height:597px;
font-size:11px;}
.invisbox {font-family: Verdana, Arial, sans-serif; font-size: 10px;color:#990000; font-weight:bold;width:auto;height:auto;padding:2px;}
submenu1 {text-decoration: none;font-size: 12px;font-weight:normal;color: #990000;}
submenu2 {text-decoration: none;font-size: 12px;font-weight:normal;color: #FF0000;}
a.submenu1:link {text-decoration: none;font-size: 12px;font-weight:normal;color: #990000;}
a.submenu1:visited {color: #990000;font-size: 12px;font-weight:normal;text-decoration: none;}
a.submenu1:hover {color: #FF0000;font-size: 12px;font-weight:normal;text-decoration: none;}
a.submenu2:link {text-decoration: none;font-size: 11px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color: #990000;}
a.submenu2:hover {color: #FF0000;font-size: 11px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration: none;}
a.submenu3:link {font-size: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;color: #990000;text-decoration: none;}
a.submenu3:visited {color: #990000;font-size: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
a.submenu3:hover {color: #FFFFFF;font-size: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration: none;}
.regbox {
padding-top:3px;
height:17px;
width:300px;
border:#F3F3F3 1px solid;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
}