#wrap {
    display: block;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -51px;
}
#head {
    display: block;
    width: 960px;
    margin: 0 auto;
    height: 200px;
    position: relative;
}
* {
    margin: 0;
    padding: 0;
}
#head .hoa360 {
    display: block;
    position: absolute;
    left: 0;
    top: 47px;
    background: url(../images/img_hoa.png) no-repeat;
    width: 324px;
    /* height: 45px; */
}

#head #clntPrtl {
    display: block;
    position: absolute;
    z-index: 2;
    right: 0;
    background: url(../images/img_clientPortal.png) no-repeat center bottom;
    background-size: 100% 100%;
    width: 221px;
    height: 280px;
    top: -200px;
    cursor: pointer;
}
#logout-link, #change-password-link {
    top: 15px;
    color: #999;
    height: 30px;
    display: block;
    padding-left: 40px;
    position: absolute;
    text-decoration: none;
    font: bold 15px/30px Arial, Sans-serif;
}





* 					{ margin:0; padding:0; }
body	 			{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#777; background:url(../images/img_bg.jpg); height:100%;}
html 				{ height:100%;} 

#wrap				{ display:block; width:100%; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -51px;}

#head					{ display:block; width:960px; margin:0 auto; height:200px; position:relative;}
#head .hoa360			{ display:block; position:absolute; left:0; top:47px; background:url(../images/img_hoa.png) no-repeat; width:324px; height:45px;}
#head #clntPrtl			{ display:block; position:absolute; z-index:2; right:0; background:url(../images/img_clientPortal.png) no-repeat center bottom; background-size: 100% 100%; width:221px; height:280px; top:-200px; cursor:pointer;}
#head #clntPrtl	.lbl	{ display:block; position:absolute; background:url(../images/portal.png); width:93px; height:19px; left:64px; bottom:44px;}
#head #clntPrtl	.lbl2   { display:block; position:absolute; background:url(../images/portal2.png); width:125px; height:19px; left:45px; bottom:40px;}

#head #clntPrtl ul		{ list-style:none; position:absolute; bottom:80px; left:20px;}
#head #clntPrtl li		{ display:block; height:20px;}
#head #clntPrtl a		{ display:block; color:#FFFFFF; background:url(../images/trig.png) no-repeat 0 5px; padding-left:13px;}

#cont				{ display:block; width:100%; min-width:960px; height:500px; position:relative; background:url(../images/port.jpg) 50% 50%; border-top:solid 1px #A0A4A6;}
#cont .shad_lt		{ display:block; background:url(../images/shad_lt.png); width:99px; height:500px; position:absolute; left:0;}
#cont .shad_rt		{ display:block; background:url(../images/shad_rt.png); width:99px; height:500px; position:absolute; right:0;}
#cont .push			{ height:100px;}
#cont.clearBg		{ background:#C7C8CA; border-bottom:solid 1px #d1d1d1;}

#wCont				{ display:block; position:absolute; left:50%; margin-left:-480px; width:960px; height:500px;}
#wCont #wheel		{ display:block; width:494px; height:494px; float:left; background:url(../images/wheel.png); margin-top:4px;}
#wCont #wheel div	{ cursor:pointer;}
#wCont #wheel .h1	{ display:block; position:absolute; background:url(../images/h1.png); width:157px; height:238px; top:67px; left:21px; opacity:0; }
#wCont #wheel .h2	{ display:block; position:absolute; background:url(../images/h2.png); width:153px; height:146px; top:276px; left:27px; opacity:0; }
#wCont #wheel .h3	{ display:block; position:absolute; background:url(../images/h3.png); width:248px; height:144px; top:332px; left:100px;  opacity:0;}
#wCont #wheel .h4	{ display:block; position:absolute; background:url(../images/h4.png); width:151px; height:154px; top:298px; left:293px; opacity:0; }
#wCont #wheel .h5	{ display:block; position:absolute; background:url(../images/h5.png); width:155px; height:268px; top:92px; left:319px; opacity:0;}
#wCont #wheel .h6	{ display:block; position:absolute; background:url(../images/h6.png); width:291px; height:153px; top:25px; left:117px; opacity:0;}

#wCont #box			{ display:block; width:440px; height:500px; float:left; margin-left:20px; position:relative;}

#wCont #box	#info		{ display:block; width:100%; height:50px; background:#E4670C; position:absolute; right:0; top:50%; margin-top:-25px; border-radius:10px; padding:6px;  z-index:9999; }
#wCont #box	#info .in	{ display:block; width:99.5%; height:99%; background:#D75C02; border-radius:7px; border:dashed #3c1f0b 1px; overflow:hidden;}
#wCont #box	#info h1	{ display:block; color:#FFFFFF; font-family:Helvetica, sans-serif; height:50px; line-height: 50px; margin-left: 10px; text-shadow:0px 1px #3c1f0b; font-size:22px; }
#wCont #box	#info h1 .d	{ font-size:10px; text-shadow:none; margin-left:5px; color:#f1f1f1;  }

#wCont #box	#info p		{ display:block; width:99.5%; height:99%; background:#f5f5f5; padding:15px; line-height:30px;}

#wCont #box #tagLine	{ display:block; background:url(../images/tagline.png); width:348px; height:32px; position:absolute; top:297px; left:47px; z-index:555;}

#wCont #leftSide		{ display:block; width:494px; height:494px; float:left;}
#wCont #leftSide .fpo	{ margin-top:3px;}

#wCont #rightSide		{ display:block; width:440px; height:500px; float:left; margin-left:20px; position:relative; }
#wCont #rightSide ol	{ margin:30px 0 0 30px;}
#wCont #rightSide li	{ text-shadow:0px 1px 1px #999999; font-size:16px;}
#wCont #rightSide h1	{ text-shadow:0px 1px 1px #999999; margin-top:50px; text-align:center;}
#wCont #rightSide h4	{ text-shadow:0px 1px 1px #999999; margin-top:10px; text-align:center;}
#wCont #rightSide h3.cat-title { text-shadow:0px 1px 1px #999999; margin:20px 0; text-align:center; font-size:20px; color:#333; }

#foot{ display:block; background:#a0a4a6; border-top:solid 1px #81888c; overflow:hidden; height:35px; width:100%; min-width:960px; font-size:13px; color:#fff; text-align:center; padding-top:15px; margin-top: 0 !important;}
#foot a:link, 
	  a:visited		
	  a:active      { color:#D65B00;}
#foot a:hover 		{ color:#fff;}

#wrapper {
	width: 96%;
	padding: 30px 15px;
	margin: 0 auto 30px;
	background: rgba(255, 255, 255, 0.25);
}

#wrapper h1,
#wrapper p,
#wrapper ul {
	margin: 15px 0;
}

#wrapper p,
#wrapper ul {
	font-size: 14px;
}

#wrapper ul { padding-left: 30px; }

#logout-link { 
	left: 630px; 
	background: url(../images/icn_logout.png) no-repeat left center; 
}

#logout-link:hover,
#change-password-link:hover {
	color: #333;
}

#logout-link,
#change-password-link {
	top: 15px;
	color: #999;
	height: 30px; 
	display: block; 
	padding-left: 40px;
	position: absolute; 
	text-decoration: none;
	font: bold 15px/30px Arial, Sans-serif;
}

#change-password-link {
	left: 430px;
	background: url(../images/icn_change-password.png) no-repeat left center; 
}

ol { 
	width: 85%;
	overflow: auto;
	list-style: none; 
	max-height: 290px;
}

ol.category li a {
	width: 90%;
	margin: 5px;
	color: #DDD;
	display: block;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 -1px #333;
	border: 1px solid #5b636b;
	border-top-color: #bfd1e1;
	border-bottom-color: #31373d;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkitborder-radius: 5px;

	-webkit-box-shadow: 0 2px 4px #333;
	-moz-box-shadow: 0 2px 4px #333;
	box-shadow: 0 2px 4px #333;
	
	background-color: #64727a;
	background-image: -moz-linear-gradient(top, #64727a, #30353a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #64727a), color-stop(1, #30353a));
	background-image: linear-gradient(top, #64727a, #30353a);
}

ol li a.document-link {
	color: #555;
	padding-left: 25px;
	text-decoration: none;
	background: transparent url(../images/document-link.png) no-repeat left center;
}

ol li a.document-link:hover {
	color: #D65B00;
	text-decoration: underline;
}

.btn-back {
	float: right;
	margin: 5px 0;
	display: block;
}


#foot {
	display: block;
	background: #a0a4a6;
	border-top: solid 1px #81888c;
	overflow: hidden;
	height: 35px;
	width: 100%;
	min-width: 960px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
	margin-top: 50px !important;
}

.confirm-message {
	color: green;
	padding: 10px;
	background: #BFFFCF;
	font-weight: bold;
	margin: 10px auto;
	border: 1px solid green;
	text-align: center;
}