/*
	Stylesheet for Ondewei
*/

body
{
	background: #0071eb;
	font-family: "Arial";
	font-size: 11px;
	line-height: 13px;
	margin: 0;
	padding: 0;	
}

h1, h2, h3, h4, h5, h6, form
{
	margin: 0;
	padding: 0;
}
a
{
	color: #0071eb;
	text-decoration: none;
}
p
{
	margin: 0;
	padding: 0 0 5px;
}
img
{
	border: none;
}

#background{
	position:absolute; 
	z-index:-5; 
	width:100%; 
	height:100%;
	top:0; 
	left:0; 
}

#scroller {
	position:absolute; 
	width:100%; 
	height:100%; 
	top:0; 
	left:0; 
	overflow:auto; 
	z-index:-3;
} 

#main-wrapper
{
	width: 235px;
	margin: 0 auto;
	overflow:auto;
}

.box
{
	background: #fff;
	padding: 5px;
	margin: 0 0 5px;
}

.wrapper
{
	border-bottom: 1px solid #7eb9f5;
} 

.title
{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #0071eb;
	margin: 0;
	padding: 2px 0 7px;
}
.title span
{
	font-weight: normal;
}
.title2
{
	padding: 0 0 5px;
}
.subtitle
{
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	color: #0071eb;
	margin: 0;
	padding: 0 0 7px;
}

/* Header */
.header .wrapper
{
	width: 225px;
	margin: 0 auto;
}
.header .logo
{
	padding: 5px 0 10px;
	float: left;
}
.header .logo a
{
	display: block;
}
.header .logo a img
{
	display: block;
}
.header .login
{
	padding: 11px 0 0;
	float: right;
	text-align: right;
	color: #0071eb;
	font-size: 9px;
}
.header .logged-in
{
	padding: 14px 0 0;
}
.header .login a
{
	clear: both;
	display: block;
}
.header .login a img
{
	float: right;
	display: block;
}

/* Menu */
.menu-list
{
	margin: 0;
	padding: 5px 0;
	color: #0071eb;
	text-align: center;
	font-size: 11.5px;
	line-height: 16px;
}

/* Login */
.top-link
{
	display: block;
	margin: 3px 0;
	float: right;
	font-size: 9px;
}

/* Status */
.status-utility
{
	color: #0071eb;
	text-align: right;
	margin: 0;
	padding: 0 0 2px;
}
.status-msg
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.status-msg ul
{
	list-style-type: none;
	margin: 0 0 0 18px;
	padding: 0;
}
.status-msg li
{
	margin: 0 0 5px;
}
.status-msg li li
{
	margin: 3px 0 0;
}
.status-msg .msg
{
	background: #edf6ff;
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding: 2px 8px;
	font-size: 11px;
	line-height: 13px;
}
.status-msg .red
{
	background-image: url('http://www.ondewei.com/template/ondewei/images/ribbon_red.gif');
}
.status-msg .green
{
	background-image: url('http://www.ondewei.com/template/ondewei/images/ribbon_green.gif');
}
.status-msg .yellow
{
	background-image: url('http://www.ondewei.com/template/ondewei/images/ribbon_yellow.gif');
}
.msg-meta
{
	margin: 0;
	padding: 0;
}
.msg-meta .name
{
	display: block;
	float: left;
	width: 148px;
}
.reply .msg-meta .name
{
	width: 130px;
}
.msg-meta .strophy
{
	background: url('http://www.ondewei.com/template/ondewei/images/strophy.gif') no-repeat 100% 50%;
	display: block;
	float: left;
	text-align: right;
}
.msg-meta .strophy a
{
	display: block;
	width: 20px;
	padding: 0 10px 0 0;
}
.msg-meta .sthank
{
	background: url('http://www.ondewei.com/template/ondewei/images/sthank.gif') no-repeat 100% 50%;
	display: block;
	float: left;
	text-align: right;
}
.msg-meta .sthank a
{
	display: block;
	width: 20px;
	padding: 0 10px 0 0;
}
.msg-body
{
	margin: 0;
	padding: 0 0 5px;
	clear: both;
}
.msg-body .date
{
	color: #0071eb;
}
.msg-body a
{
	color: #ff0101;
}
.msg-utility
{
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 9px;
	color: #0071eb;
}

/* Follower */
.follower-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	color: #0071eb;
}
.follower-list li
{
	padding: 0 0 5px;
	clear: both;
}
.profile-avatar
{
	float: left;
	margin: 0 5px;
}
.information
{
	background: #0071eb;
	color: #fff;
	margin: 5px 0 0;
	padding: 5px 5px 5px 90px;
	line-height: 15px;
}
.information .col-label
{
	display: block;
	width: 60px;
	float: left;
}
.information .strophy
{
	background: url('http://www.ondewei.com/template/ondewei/images/strophy.gif') no-repeat 0 3px;
	padding: 0 0 0 12px;
	width: 48px;
}
.information .sthank
{
	background: url('http://www.ondewei.com/template/ondewei/images/sthank.gif') no-repeat 0 3px;
	padding: 0 0 0 12px;
	width: 48px;
}
.information .delete
{
	float: right;
}
.follower-list-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}
.follower-tab
{
	padding: 0 0 5px;
}
.follower-tab .wrapper
{
	border-bottom: none;
}
.follower-tab .follower-list-list
{
	padding: 5px 5px 0;
}
.follower-tab .follower-list-list li
{
	border-bottom: 1px solid #7eb9f5;
	padding: 2px 1px;
}
.follower-tab .follower-list-list li .delete
{
	float: right;
}
.tab
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 28px;
}
.tab li
{
	width: 117px;
	height: 28px;
	line-height: 28px;
	color: #0071eb;
	text-align: center;
	float: left;
	border-right: 1px solid #7eb9f5;
	border-bottom: 1px solid #7eb9f5;
}
.tab li.active
{
	border-bottom: 1px solid #fff;
}
.tab li.last
{
	border-right: none;
}

/* Trophy */
.trophy-list
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.trophy-list li
{
	background: #edf6ff;
	margin: 0 0 5px;
	padding: 5px;
}
.trophy-image
{
	float: left;
}
.trophy-content
{
	padding: 0 0 9px 82px;
}
.trophy-name
{
	color: #0071eb;
}
.trophy-utility
{
	color: #0071eb;
	font-size: 9px;
	text-align: right;
	float: right;
	margin: -9px 0 0;
}
.trophy-list-grid
{
	list-style-type: none;
	margin: 0;
	padding: 0 1px;
}
.trophy-list-grid li
{
	width: 32px;
	height: 32px;
	overflow: hidden;
	float: left;
	margin: 0 6px 0 0;
}
.trophy-list-grid li.last
{
	margin: 0;
}

/* Profile */
.profile
{
	color: #0071eb;
}
.follow
{
	float: right;
	margin: 5px 0 0;
}
.detail
{
	padding: 5px 50px 0 0;
	color: #000;
}
.more
{
	clear: both;
	display: block;
	text-align: right;
	font-size: 9px;
	padding: 3px 0 0;
}

/* Form */
fieldset
{
	background: #0071eb;
	border: 0;
	width: 207px;
	margin: 0 0 5px;
	padding: 5px 9px 9px;
}
fieldset.nowrap
{
	background: none;
	padding: 0;
	width: 225px;
}
label
{
	font-size: 9px;
	line-height: 9px;
	color: #fff;
	display: block;
}
.nowrap label
{
	color: #000;
}
textarea
{
	background: #fff;
	border: 0;
	width: 200px;
	height: 18px;
	padding: 0 2px;
	font-size: 11px;
}
.nowrap textarea
{
	border: 1px solid #0071eb;
}
input.text
{
	background: #fff;
	border: 0;
	width: 96px;
	height: 18px;
	padding: 0 2px;
	font-size: 11px;
}
.nowrap input.text
{
	border: 1px solid #0071eb;
	width: 103px;
	height: 16px;
}
input.text-large
{
	width: 203px;
}
.nowrap input.text-large
{
	width: 221px;
}
input.text-small
{
	width: 44px;
}
.nowrap input.text-small
{
	width: 46px;
}
select
{
	background: #fff;
	border: 1px solid #fff;
	width: 100px;
	margin: 0;
	font-size: 11px;
}
.nowrap select
{
	border: 1px solid #0071eb;
	width: 107px;
}
input.file
{
	width: 140px;
	font-size: 11px;
}
input.file-large
{
	width: 221px;
}
.col-big
{
	width: 209px;
	padding: 0 0 2px;
	clear: both;
}
.nowrap .col-big
{
	width: 225px;
}
.col
{
	float: left;
	width: 100px;
	margin: 0 7px 0 0;
	padding: 0 0 2px;
}
.nowrap .col
{
	width: 109px;
}
.col-last
{
	margin: 0;
}
.btn
{
	display: block;
	margin: 5px 0 0;
	padding: 0;
	border: none;
	background: 0;
}
.btn-login
{
	margin: -54px 0 0;
	float: right;
}
.btn-register
{
	margin: -52px 0 0;
	float: right;
}
.verify-image
{
	margin: 0 3px 0 0;
	float: left;
}
.avatar
{
	float: left;
	display: block;
	margin: 0 5px 5px 0;
}

/* Footer */
.footer
{
	text-align: center;
}
.footer .logo img
{
	display: block;
	margin: 0 auto;
}
.footer .credit
{
	margin: 0;
	padding: 6px 0;
}


/* Misc */
.clear
{
	clear: both;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}