.header {color:#fff;opacity:0.8;background:#000;padding:1px 1px 0px 1px;box-shadow: 0px 0px 20px #070707;height:70px;border:2px solid #f3f3f3;color:#f3f3f3;}
.radiusbottom{border-radius-bottomright:6px; border-radius-bottomleft:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;}
.radiustop{border-radius-topright:6px; border-radius-topleft:6px;border-top-right-radius:6px;border-top-left-radius:6px;}
.radiusall{border-radius:6px;}
.radiusbtn {box-shadow: 0px 0px 6px #76Efff;border-radius:6px; border-radius:6px; padding:6px; border: 1px solid #5291CF; background: #57D2F5; color: #000; cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(white), color-stop(0.0, white), color-stop(0.97, #66cc00));
color:hsla(120,75%,38,0.98);
}
.radiusbtn:hover {-moz-box-shadow: inset 0px 0px 8px #76EFFF;-moz-border-radius:6px; -webkit-border-radius:6px; padding:6px; border: 1px solid #5291CF; background: #518cbe; color: #fff; cursor: pointer;
background: -webkit-gradient(linear, left top, left bottom, from(#5291cf), to(white), color-stop(0.0, white), color-stop(0.99, #66cc00));
color:hsla(120,75%,38,0.98);
}
.userset {border:1px solid #b997bc;width:300px;float:right;padding:0px 10px 0px 10px;text-align:center;
	background: -moz-linear-gradient(top, #ffffff, #efe0f8);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efcff8));
	background: -o-linear-gradient(top, #ffffff, #efe0f8);
}

.user{border:1px solid #b997bc;width:320px;float:right;text-align:left;
	background: -moz-linear-gradient(top, #ffffff, #efe0f8);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efcff8));
	background: -o-linear-gradient(top, #ffffff, #efe0f8);
}
.dialog {
	z-index:1000;
	background:#f8ccd8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:absolute;padding:2px;border:2px solid #f8d3f3;color:#f3f3f3; overflow: hidden;min-height:80px
	background: -moz-linear-gradient(top, #ffe0ef, #ffabbd);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffe0ef), to(#ffabbd));
	background: -o-linear-gradient(top, #ffe0ef, #ffabbd);
	background: linear-gradient(top, #ffe0ef, #ffabbd);
	-moz-box-shadow:0px 0px 8px #000000;
	-webkit-box-shadow:0px 0px 8px #000000;
	box-shadow:0px 0px 8px #000000;
}
.newmsg {border:2px solid red;
	-moz-box-shadow:0px 0px 8px red;
	-webkit-box-shadow:0px 0px 8px red;
	box-shadow:0px 0px 8px red;
}
.flicker {
	background:#f8ccd8;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:absolute;padding:2px;border:2px solid #f8d3f3;color:#f3f3f3; overflow: hidden;min-width:200px;min-height:80px
	background: -moz-linear-gradient(top, #ffe0ef, #ffabbd);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffe0ef), to(#ffabbd));
	background: -o-linear-gradient(top, #ffe0ef, #ffabbd);
	background: linear-gradient(top, #ffe0ef, #ffabbd);
	-moz-box-shadow:0px 0px 4px #ffffff;
	-webkit-box-shadow:0px 0px 4px #ffffff;
	box-shadow:0px 0px 4px #ffffff;
}
	.d_title {position:relative;min-width:350px;height:30px;font-size:15px;cursor:move;width:100%;
			display: inline-block;
			font-weight:bold;
			text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
			background: -moz-linear-gradient(top, #ffffff, #f0e0f0);
			background: -o-linear-gradient(top, #ffffff, #f0e0f0);
			background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FCFBFA), to(#FCFBFA), color-stop(0.3,#f0e0f0));
	}
	.d_title_msg {float:left;padding:8px;font-weight:bold;color:#60078C;}
	.d_opt {text-align:right;padding:6px 3px 0px 0px}
	.d_close {font-size:15px;border-radius:20px; -webkit-border-radius:20px; color: #fff; padding:0px 5px 0px 5px;background:#b997cb;border:2px solid #f3f3f3; font-family:arial black;font-weight:bold;cursor:pointer}
	.d_close:hover {font-size:15px;box-shadow: 0px 0px 10px #60078C;padding: 0px 5px 0px 5px;;border-radius:20px; -webkit-border-radius:20px;color: #fff; background:#60078C;border:2px solid #f3f3f3; font-family:arial black;font-weight:bold;cursor:pointer}
	.d_cont {min-width:300px;min-height:50px;overflow:auto;background:#fcfcfc;color:#60078c}
	.d_warn {width:300px;height:80px;
			display: inline-block;
			line-height:80px;
			text-align:center;
			font-size:19px;
			background: -moz-linear-gradient(top, #ffdbe0, #cf0000);
			background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#cf0000));
			background: -o-linear-gradient(top, #ffdbe0, #cf0000);
			font-weight:bold;
			text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
			background-color: #ff004e; color: #141414;
	}
	.d_btn {height:45px;;min-width:300px;text-align:center;
		background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
		background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
		background: -o-linear-gradient(top, #ffffff, #eAb5e3);
	}
	.d_padding {margin-left:20px}
	.d_alertimg {float:left;padding:20px}
	.d_alertmsg {padding-top:25px; padding-bottom:10px;min-width:200px;float:left;word-break:break-all;text-align:left;vertical-align: middle;margin-right:20px}
	.d_logining {height:100%;text-align:center}
  .d_logining img {vertical-align: middle;margin-right:5px;}
	.d_iframe {width:100%;min-width:300px;height:100%}

.tab {
	display: inline-block;
	background: -moz-linear-gradient(top, #ffffff, #b997cb);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#b997cb));
	background: -o-linear-gradient(top, #ffffff, #b997cb);
	font-weight:bold;
	border-radius:6px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	outline: 0px;
}
.tab:hover, .sel{
	display: inline-block;
	background: -moz-linear-gradient(top,#b997cb,#ffffff);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ba55d3));
	background: -o-linear-gradient(top, #b997cb, #ffffff);
	font-weight:bold;
	border-radius:6px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	outline: 0px;
}

.btn {
	display: inline-block;
	background: -moz-linear-gradient(top, #fff3eb, #BA55D3);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff3eb), to(#BA55D3));
	background: -o-linear-gradient(top, #fff3eb, #BA55D3);
	padding:5px;
	margin:3px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.5);
	border-radius: 6px;
	color:#333333;
}

.btn:hover {
	background: -moz-linear-gradient(top, #ffdbe0, #cf0000);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#cf0000));
	background: -o-linear-gradient(top, #ffdbe0, #cf0000);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor:pointer;
}

.ips {
	display: inline-block;
	background: -moz-linear-gradient(top, #ffffff, #eeb5f8);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeb5f8));
	background: -o-linear-gradient(top, #ffffff, #eeb5f8);
	padding:6px 15px 6px 15px;
	margin:6px;
	font-weight:bold;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	border:1px solid rgba(0,0,0,0.5);
	border-radius: 6px;
	color:#333333;
}

.ips:hover {
	background: -moz-linear-gradient(top, #eaa5f3, #ffffff);
	background: -webkit-gradient(linear, center top, center bottom, from(#eaa5f3), to(#ffffff));
	background: -o-linear-gradient(top, #eaa5f3, #ffffff);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	cursor:pointer;
}
.gMenu {
    background: -moz-linear-gradient(top, #fff3eb, #dAa5D3);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff3eb), to(#dAa5D3));
    background: -o-linear-gradient(top, #fff3eb, #dAa5D3);
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    outline: 0px;
}

.gMenu:hover {
    background: -moz-linear-gradient(top, #ffdbe0, #b997cb);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#b997cb));
    background: -o-linear-gradient(top, #ffdbe0, #b997cb);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    cursor:pointer;
}

.menuImg {
    background: -moz-linear-gradient(top, #ffffff, #eebaf3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eebaf3));
    background: -o-linear-gradient(top, #ffffff, #eebaf3);
    border-radius: 6px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    outline: 0px;
}

.menuImg:hover {
    background: -moz-linear-gradient(top, #ffdbe0, #b997cb);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#b997cb));
    background: -o-linear-gradient(top, #ffdbe0, #b997cb);
    border-radius: 6px;
    cursor:pointer;
}
/* COLOR VARIATIONS */

.red		{background-color: #CCCCCC; color: #141414;}
.red:hover	{background-color: #ff004e; color: #ffffff;}
body{ text-align:center; margin:0 auto}
div.login {margin-top:150px;padding-top:5px;width:300px;height:220px;border:1px solid #b997cb;
	background: -moz-linear-gradient(top, #ffffff, #eeb5f8);
	background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eeb5f8));
	background: -o-linear-gradient(top, #ffffff, #eeb5f8);
}
div.login p {padding-bottom:8px}
.formlogin {padding:0px,20px;}
div.tips {position:absolute;border:1px solid #ff0000;width:150px;height:20px;padding:1px;float:left;text-align:left;background:#ff4;display:none}

.opt {width:100%;height:34px;text-align:left;line-height:34px;padding-top:2px;
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.wrap {text-align:left;background:#fff}
.tab_head {height:36px;
    background: -moz-linear-gradient(top, #eAb5e3, #ffffff);
    background: -webkit-gradient(linear, center top, center bottom, from(#eAb5e3), to(#ffffff));
    background: -o-linear-gradient(top, #eAb5e3, #ffffff);
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	text-align:center;
}
.tab_main {border:1px double #fff;}
.tab_main tr {border:1px double #eab5e3;height:30px}
.tab_main tr.row:nth-child(even) {
  background: #dde;
}
.tab_main tr.row:nth-child(odd) {
  background: white;
}
.tab_head td {color:#60078C;}
.tab_body {height:28px}
.tab_body td {text-align:center}
.sel_input {width:20px;height:20px}
.td_left {width:120px;text-align:left;padding:10px}
.td_right {text-align:left;}
	.td_right label, .td_left label {float:left;padding-left:10px}
.selclick, .current {background:#eab5e3}
.tab_footer {height:36px;
	text-align:center;
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    font-weight:bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

.page {float:right}
.day {float:right; margin-right:30px;padding-top:6px}
.day input {height:24px;font-size:14px;width:100px;text-align:center;border:1px solid #b997cb}

.selpage {height:24px;border:1px solid #b997cb;}

.datepicker {z-index:1;padding:5px;
	border:1px solid #b997cb;
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    border-radius: 6px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.datepicker tbody tr td {padding:1px;}
.datepicker tbody tr td:hover {
	border:1px solid #b997cb;padding:0px;cursor:pointer;
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    border-radius: 3px;
}
.chosen {
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    border-radius: 3px;
	color:#0000ff;
}
.xiuxi {
	color:red;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
}

.pop {
	z-index:10;
	display:none;
	margin-top:3px;
	padding:15px;
    background: -moz-linear-gradient(top, #ffffff, #eAb5e3);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#eAb5e3));
    background: -o-linear-gradient(top, #ffffff, #eAb5e3);
    border-radius: 6px;
	color:#0000ff;
	width:200px;
	min-height:60px;
	border:1px solid #b997cb;
}
.pop_close {float:right;width:200px;cursor:pointer;font-family:arial black}
.pop div {float:left}
	.msg_cont {width:150px;word-break:break-all;text-align:left;color:#333333;cursor:pointer}
	.msg_cont a {color:blue;text-decoration:underline;}
.chat_cont {height:34px;width:300px;margin-top:3px;font-size:18px;border:1px solid #b997cb;}
.msg_list {padding:10px;height:250px;overflow:auto}
.msg_list div {padding-bottom:10px;color:#000000}
.msg_list div p.self {color:#000000}
.msg_list div p.friend {color:#b997cb}
.msg_list div p.say {padding-left:20px}

.u_title {
	padding-left:10px;
	cursor:pointer;
    background: -moz-linear-gradient(top, #fff3eb, #dAa5D3);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff3eb), to(#dAa5D3));
    background: -o-linear-gradient(top, #fff3eb, #dAa5D3);
}
.u_title:hover {
	padding-left:10px;
	cursor:pointer;
    background: -moz-linear-gradient(top, #ffdbe0, #b997cb);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#b997cb));
    background: -o-linear-gradient(top, #ffdbe0, #b997cb);
}
.u_list ul li {
	padding:2px 0px 2px 40px;
}
.u_list ul li:hover {
	padding:2px 0px 2px 40px;
    background: -moz-linear-gradient(top, #ffdbe0, #b997cb);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#e0c0e0));
    background: -o-linear-gradient(top, #ffdbe0, #b997cb);
}

.relate_user {}
.sel_user {float:left;margin:3px;width:80px;border:1px solid #b997cb;
    background: -moz-linear-gradient(top, #fff3eb, #dAa5D3);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff3eb), to(#dAa5D3));
    background: -o-linear-gradient(top, #fff3eb, #dAa5D3);
}

.sel_user:hover {float:left;margin:3px;width:80px;border:1px solid #b997cb;
    background: -moz-linear-gradient(top, #ffdbe0, #b997cb);
    background: -webkit-gradient(linear, center top, center bottom, from(#ffdbe0), to(#e0c0e0));
    background: -o-linear-gradient(top, #ffdbe0, #b997cb);
}
.svn_log {
	margin-top:30px;
	font-size:10px;
	height:100px;
	overflow:auto;
	border:1px solid #b997cb;
	background:#cccccc;
	font-weight:default;
}
.myself {background:#daa5d3;}
.uleft li{float:left;}