#wrapper {
    margin: 10px auto;
    width: 99%;
    display: block;
    min-width: 1000px;
    width:expression(document.body.clientWidth < 1000? "1000px": "auto" );/* IE min-width hack */
}

#mobilewrapper {
    margin: 10px auto;
    width: 99%;
    display: block;
    min-width:800px;
}

    #wrapper .leftBookEnd,
    #mobilewrapper .leftBookEnd {
        padding-left: 19px;
        background: url(../../../images/zehner/frame-left.gif) top left repeat-y;
    }
    
    #wrapper .rightBookEnd,
    #mobilewrapper .rightBookEnd {
        padding-right: 19px;
        background: url(../../../images/zehner/frame-right.gif) top right repeat-y;
    }
    
    #wrapper #navWrapper,
    #mobilewrapper #navWrapper {
        background: url(../../../images/zehner/frame-top.gif) left bottom repeat-x;
    }
    
    #wrapper #navWrapper #nav-left,
    #mobilewrapper #navWrapper #nav-left {
        padding: 0 0 0 20px;
        background: url(../../../images/zehner/frame-nav-left.gif) bottom left no-repeat;
        color: #FFF;
        *padding-bottom: 1px;
        position: relative;
        vertical-align: bottom;
        margin-bottom: 2px;
    }
    
    #wrapper #navWrapper #nav-right,
    #mobilewrapper #navWrapper #nav-right {
        padding-right: 20px;
        background: url(../../../images/zehner/frame-nav-right.gif) bottom right no-repeat;
        color: #FFF;
        *padding-bottom: 1px;
        position: relative;
        text-align: right;
    }
    
    #wrapper #navWrapper #nav-left a, #wrapper #navWrapper #nav-right a,
    #mobilewrapper #navWrapper #nav-left a, #mobilewrapper #navWrapper #nav-right a {
    	margin:0;
    	padding:0;
    	vertical-align:-0.2em;
    	*vertical-align:-0.1em;
    }
    
     #wrapper #navWrapper #nav-left img.hmenu, #wrapper #navWrapper #nav-right img.hmenu,
     #mobilewrapper #navWrapper #nav-left img.hmenu, #mobilewrapper #navWrapper #nav-right img.hmenu {
    	margin:0;
    	padding:0;
    	vertical-align:-0.2em;
    	*vertical-align:-0.1em;
    }
    
    #wrapper #navWrapper #nav-mobile-right,
    #mobilewrapper #navWrapper #nav-mobile-right {
        padding-right: 20px;
        background: url(../../../images/zehner/frame-nav-right.gif) bottom right no-repeat;
        color: #FFF;
        *padding-bottom: 0px;
        position: relative;
    }

    #content {
        background: #FFF url(../../../images/zehner/bg-binding.gif) center top repeat-y;
        padding:1%;
		width:98%;
		z-index: 2;
    }
    
    .zehner-binder, .zehner-mobile-binder {
    	vertical-align:top;
    	text-align: center;
    	margin: 0px auto;
    }
    .zehner-binder	{ 
    	background: #FFF url(../../../images/zehner/bg-binding.gif) top center repeat-y;
    	width: 43px;
    	min-width: 43px;
    	min-height:350px;
    }
    .zehner-mobile-binder	{ 
    	background: #FFF url(../../../images/zehner/bg-mobile-binding.gif) center top repeat-x; 
        }
        
        #page-left {
            float: left;
        }
        
        #page-right {
            float: right;
        }

#footer {
    background: url(../../../images/zehner/frame-lower.gif) center top repeat-x;
    position: relative;
    padding-top: 20px;
    text-align: center;
}

    #footer .leftBaseBook {
    	position: absolute;
        top: 0;
        width: 22px;
        height: 13px;
    	padding-left: 0px;
        left: 0;
        background: url(../../../images/zehner/frame-lower-left.gif);
    }
    
    #footer .rightBaseBook {
    	position: absolute;
        top: 0;
        width: 22px;
        height: 13px;
    	margin-right: 0px;
    	padding-right: 0px;
    	right:0;
        background: url(../../../images/zehner/frame-lower-right.gif) right top no-repeat;
    }
    
    #footer p {
        color: #FFF;
        font-size: 11px;
        padding-left: 20px;
        text-shadow: 0 1px 1px #333;
    }
    	#footer p a {
    		color: #905d16;
    	}
    	#footer p a:hover {
    		color: #cccccc;
    	}


/*** Buttons ***/

div.btn-wrapper {
    display: block;
}

    div.btn-wrapper.top {
        margin-top: 10px;
    }
    
    div.btn-wrapper.bottom {
        margin-bottom: 10px;
    }

a.btn-small-brown, input.btn-small-brown, button.btn-small-brown,
a.btn-small-brown:visited, input.btn-small-brown:visited, button.btn-small-brown:visited,
a.btn-small-brown:active, input.btn-small-brown:active, button.btn-small-brown:active {
	padding:2px 7px 2px 7px;
	margin:0;
	background:#524023;
	color: #fff;
	text-decoration: none;
	font-size:11px;
	border:1px solid #34260d;
	*white-space:nowrap;
		/* For WebKit (Safari, Google Chrome etc) */
		background: -webkit-gradient(linear, left top, left bottom, from(#524023), to(#886e47));
		/* For Mozilla/Gecko (Firefox etc) */
		background: -moz-linear-gradient(top, #524023, #886e47);
		/* For Internet Explorer 5.5 - 7 */
		/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524023, endColorstr=#26886e47);*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#524023, endColorstr=#886e47);
		/* For Internet Explorer 8 */
		/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26524000, endColorstr=#26886e00)";*/
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#524023, endColorstr=#886e47)";
}

    a.btn-small-brown:hover, input.btn-small-brown:hover,
    button.btn-small-brown:hover {
		background: #524023;
		cursor: pointer;
		color: #fff;
		text-decoration: none;
		filter:none !important;
		-ms-filter:none !important;
    }

a.btn-right,
button.btn-right {
    float: right !important;
    margin-right: 0;
    margin-left: 5px;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    line-height: 0px;
    font: 0px;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.content-header {
	width:100%;
	padding: 0;
	margin: 0;
	min-height:30px;
	margin-bottom: 10px;
	background: #2c3966;
}
	.content-header .person-title {
		font-family: Georgia, "Times New Roman", Times, serif;
	    font-size:20px;
	    color:#ffffff;
	}

.content-header-left, .content-header-right,
.profile-header-left, .profile-header-right {
}
.content-header-left {
	font-family: "Georgia", "Times New Roman", Times, serif;
    font-size:20px;
    color: #fff;
    text-transform: capitalize;
	padding: 5px 0px 5px 5px;
}
.content-header-right {
	padding: 0px 5px 5px 0px;
	max-height:17px;
}
	.content-header-left span,
	.content-header-right span {
		font-family: "Geneva","Verdana","Helvetica","Arial",sans-serif;
	    font-size:12px;
	    text-transform: none;
	    color: #fff;
	    font-weight: normal;
	}
.content-header-clear {
	line-height: 0px;
	height: 1px;
	font-size: 1px;
}
.profile-header-left {
	float: left;
	padding: 0px 5px 5px;
    font-size:14px;
}
	.profile-header-left a {
		color: #FFF;
		text-decoration: none;
	}
	.profile-header-left a:hover {
		color: #524023;
	}
	.profile-header-left.mosstr {
		padding:0 0 0 5px; 
		color:#03B8FB;
		font-size:13pt;
		font-weight:normal;
	}
.profile-header-right {
	float: right;
	color: #FFF;
	padding: 6px 5px 5px 5px;
}
	.profile-header-right a {
		color: #FFF;
		text-decoration: none;
	}
	.profile-header-right a:hover {
		color: #524023;
	}

.sub-header {
	display: inline-block;
}
.sub-header, .wtitle.portal_header {
	width:100%;
	padding:0;
	margin:0;
	min-height:30px;
	margin-bottom: 10px;
	background: url(../../../images/zehner/module-bg-gradient.gif) top right repeat-y;
	border-top: 1px solid #CCCCCC;
}

.sub-header-short, .wtitle.portal_header_short {
	width:100%;
	padding:0;
	margin:0;
	min-height:30px;
	margin-bottom: 10px;
	background: url(../../../images/zehner/module-bg-gradient-short.gif) top right repeat-y;
	border-top: 1px solid #CCCCCC;
}

.sub-header-left, .sub-header-right {
	min-height: 20px;
	padding: 3px 0 3px 0;
}
.sub-header-left {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px; 
	color: #282828;
}
.sub-header-right {
	float: right;
}
.sub-header-clear {
	line-height: 0px;
	height: 1px;
	font-size: 1px;
	clear:both;
}

.rightpaddingbutton {
	margin-right:5px;}
	
.medalborder {
	border: #cccccc solid 4px;
	background-color:white;}
	


strong { color:#2b4e8f;}


	
.wtitle2 {
	padding-top:4px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 17px;
    color: #434343;
    background:white; 
    vertical-align:top;}
    	
.shade-panel {
	background-color: #ffffeb; 
	text-align: center; 
	font-size: 14px; 
	padding: 1em;
}

.shade-panel.reflection {
	align: center;
	margin-bottom: 5px;
	font-size: 14px; 
}

/* style for InviteMember.jsp */
.bgclr {background:#fff6e4; text-align:center; padding:5px;}

/* style for RH page Header */
.ztitle {
	vertical-align: top;
	background-color:#848378;
	padding:5px 0 0 5px;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 18px; 
	color: #FFFFFF;
}

#instruction-mouseover{
	color: #2c3966;
	padding-top:5px;
}

/* style for Home Premium Page R/L */
.utitle {
	vertical-align: top;
	background: #2c3966;
	padding:5px;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFFFFF;
	text-transform: capitalize;
}

.smash {
	text-align:center;
	padding-top:2em;
}

.pertamax {
	width:460px;
	background-color:#FFFFFF;
	margin:2em 0em 2em 0em;
}

.cekidot {
	background-color:#000038;
	padding:1em 0em;
}

#em2 {
	padding-top:2em;
}

#em1 {
	padding-top:1em;
}

.kredit img {
	padding-right:2em;	
}

.undang {
	background-color:#fdfde4; 
	font-size:12;
	padding:1em; 
}

#tombol {
	text-align:center;
}