@charset "utf-8";

/* positioning */
.border-right { border-right:1px solid #ddd; }
div .clearspace { height: 10px; margin:0; padding:0; }

/* typography */
.align-center 	{ text-align: center; 	}
.align-left 	{ text-align: left; 	}
.align-right 	{ text-align: right; 	}
.align-justify	{ text-align: justify; 	}


body.bg-1				{ background:#fff url('/images/common/homebg.gif') repeat-x; }
body.bg-2				{ background:#fff url('/images/backgrounds/fading_background_13.png') repeat-x; }

/*13,19,22*/
/* custom divs placement */
div#wrapper					{ width: 970px; margin:5px auto; }
div#header, div#content		{ background: white; border: 1px solid #A6A69A; padding:10px; margin-bottom:10px;}
/*div#content					{ margin: 10px 0 10px 0; }*/
div#sub_content				{  }

#header_wrapper			{ width: 100%; margin:0 auto; border-bottom: 3px solid #808080; /*padding: 10px;*/ padding-bottom: 2px; background-color:#fff;}
#footer_wrapper			{ width: 100%; margin:0 auto; border-top: 3px solid #808080; /*padding: 10px;*/ padding-top:10px; background-color:#fff;}
#body_wrapper, .teaser	{ width: 950px; margin:0 auto; border: 1px solid #A6A69A; padding: 10px; background-color:#fff;}
.teaser					{ min-height: 150px; height: auto !important; height: 150px;}

#cp_wrapper				{ width: 950px; margin:0 auto; margin-top: -1px;}
#cp_container			{ border: 1px solid #A6A69A; border-top:0px dotted #A6A69A; padding: 10px; /*margin-top: -1px;*/ background-color:white;}

/*#container			{ margin: 14px auto; width: 768px; border: 1px solid #A6A69A; padding: 8px 0; background: #fff; }*/
#content				{ border-right: 1px solid #A6A69A; padding-right: 10px; }
#right-nav				{ /*border-left: 1px solid #A6A69A;*/ padding-left: 10px; }


a:focus, a:hover	{color:#000; text-decoration:underline;}
a					{color:#000;text-decoration:none;}

/* top menu */
#top-menu { /*font-size: 93%; padding-top: 10px; padding-bottom:10px; margin-bottom: 8px; border-bottom: 1px dotted #ccc;*/}
#top-menu ul
{
	margin: 0; padding: 0;
	list-style-type: none;
}

#top-menu ul li
{
	display: inline;
	padding-left: 10px;
}

#top-menu ul li a:focus, #top-menu ul li a:hover,  #top-menu ul li a.current	{color:#666; text-decoration:none; border-bottom: 3px solid #FF9900; opacity:1;filter:alpha(opacity=100);}
#top-menu ul li a									{color:#666;text-decoration:none;opacity:.60;filter:alpha(opacity=60);}

/* some test */
#header-wrapper { background: #ccc; }
#footer-wrapper { background: #ffffcc; }

/* some utils : inline menu for sfGuardAuth */
.submenu ul		{ list-style-type: none; margin:0; padding: 0;}
.submenu ul li	{ display: inline; padding-right: 5px; }

ol.inline 		{ list-style-type: none; margin:0; padding: 0;}
ol.inline li	{ display: inline; float:left; padding-right: 5px; }
.mandatory			{ font-weight: bold; font-size: 16px; color: red; }
.top-only			{ border: none; border-top: 1px solid #ccc; }
.bottom_5			{ margin-bottom: 3px; }

h1#logo, h1#logo_ipass			{ width: 160px; height: 65px; margin: 0; padding: 0; background: url(../../images/logo/ipass.co.id.gif) top left no-repeat; border: none; }
h1#logo, h1#logo_ipass a		{ display: block; width: 160px; height: 65px; }
h1#logo, h1#logo_ipass a span	{ display: none; }

#clientslide { }
.boxs { padding: 10px; border: 1px solid #ccc; }
.boxslide { padding: 10px; border: 1px solid #ccc; }

/* secure box */
.secure {background: transparent url('/sf/sf_default/images/icons/lock48.png') no-repeat top left; min-height:48px; height:auto !important; height:48px; padding-left: 58px;}

/* unbullleted list */
ul.list-no-bullet { margin:0; padding:0; list-style-type:none; /*font-size: 1.2em;*/ }

/* client dependant */
h1#logo_cinta			{ width: 177px; height: 67px; margin: 0; padding: 0; background: url(../../images/logo/cinta.co.id.gif) top left no-repeat; border: none; }
h1#logo_cinta a			{ display: block; width: 177px; height: 67px; }
h1#logo_cinta a span	{ display: none; }

h1#logo_bazar			{ width: 139px; height: 40px; margin: 0; padding: 0; background: url(../../images/logo/bazar.co.id.gif) top left no-repeat; border: none; }
h1#logo_bazar a			{ display: block; width: 139px; height: 40px; }
h1#logo_bazar a span	{ display: none; }

hr.stripped				{ /*margin:0; padding:0; height:1px;*/ border:0;  border-bottom:1px dashed #ccc; }