.ui-wrapper{
	width: 960px;
	margin: 0 auto;
	margin-top: 20px;
}

.ui-nav{
	width: 240px; 
	margin-right: 10px;
}

.ui-content{
	margin-left: 300px;
	margin-right: 20px;
}

.ui-customspace{
	padding: 10px 15px;
}

.ui-header{
	background-color: #222;
	color: #aaa;
	border-bottom: 1px solid #000;
	box-shadow: 0px 1px 5px #000;
	position:relative;
}

.ui-wrapshadow{
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}

.ui-header .ui-guide{
	padding: 10px 20px;
	height: 20px;
	line-height: 20px;
	border-right:none;
	margin-right:300px;
}

.ui-header .ui-user{
	background-color: #333;
	height: 20px;
	line-height: 20px;
	padding: 10px 30px;
	border-left: 1px solid #000;
	border-radius: 20px 0px 0px 20px;
	display: inline;
	min-width: 150px;
}

.ui-header .ui-logo{
	width: 150px;
	text-align: center;
	font-size: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
}

.ui-header a:link, .ui-header a:visited{
	color: #aaa;
}

.ui-header a:hover{
	color: #fff;
};

.ui-header .ui-guide ul{
	height: 20px;
}

.ui-header .ui-guide ul li{ 
	float: left; 
	display: inline;
}

.ui-header .ui-guide ul li a{
	display: block;
	padding: 0px 20px;
}

.ui-body{
	margin-top: 40px;
	margin-bottom:40px;
	min-height:550px;
}

.ui-footer{
	border-top:1px solid #e7e7e7;
	background:#fff;
	padding:10px 0px;
}
.ui-footer .ui-links{
	color:#ccc;
	height:30px; 
	line-height:30px;
}

.ui-footer .ui-links a:link,
.ui-footer .ui-links a:visited{
	color:#ccc;
	font-family:"Comic Sans MS", cursive;
	line-height:40px;
}
.ui-footer .ui-links a:hover{ color:#999;}

.ui-footer .ui-wrapper{ margin-top:0px;}

.ui-footer .ui-copyright{
	color: #ccc;
	line-height:20px;
}

.ui-footer a:link, 
.ui-footer a:visited{
	color:#999;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:12px;
}

.ui-body .ui-nav{
	position: fixed;
	top: 150px;
	left: 0px;
	border-right: 1px solid #e1e1e1;
} 

.ui-body .ui-nav .ui-nav-list{
}

.ui-body .ui-nav .ui-nav-list ul{
	padding: 10px 0px 10px 20px;
}
.ui-body .ui-nav .ui-nav-list ul li{
	margin-bottom: 1px;
}

.ui-body .ui-nav .ui-nav-list ul li a{
	height: 30px;
	line-height: 30px;
	text-align: right;
	display: block;
	padding-top: 0px;
	padding-bottom: 0px;
	position:relative;
}

.ui-transition{
	-webkit-transition-duration:.6s;
	-webkit-transition-property:all;
	-webkit-transition-timing-function:ease-in-out;
	-moz-transition-duration:.6s;
	-moz-transition-property:all;
	-moz-transition-timing-function:ease-in-out;
	-ms-transition-duration:.6s;
	-ms-transition-property:all;
	-ms-transition-timing-function:ease-in-out;
	-o-transition-duration:.6s;
	-o-transition-property:all;
	-o-transition-timing-function:ease-in-out;
	transition-duration:.6s;
	transition-property:all;
	transition-timing-function:ease-in-out;
}

.ui-body .ui-nav .ui-nav-list ul li a span{
	display: block;
}

.ui-body .ui-nav .ui-nav-list ul li a span strong{
	display:none;
}

.ui-body .ui-nav .ui-nav-list ul li a i{
	position:absolute;
	right:-6px;
	width:11px;
	height:11px;
	background:#ccc;
	top:11px;
	display:block;
	border-radius:5px;
	box-shadow:0px 0px 2px #ccc;
	display:none;
}

.ui-body .ui-nav .ui-nav-list ul li a:link, 
.ui-body .ui-nav .ui-nav-list ul li a:visited{
	color: #999;
}

.ui-body .ui-nav .ui-nav-list ul li a:hover, 
.ui-body .ui-nav .ui-nav-list ul li .active,
.ui-body .ui-nav .ui-nav-list ul li a.active:link,
.ui-body .ui-nav .ui-nav-list ul li a.active:visited{
	color: #000;
	font-weight:bold;
}

.ui-body .ui-nav .ui-nav-list ul li a:hover span, 
.ui-body .ui-nav .ui-nav-list ul li .active span{
	background:none;
	border-radius:5px 0px 0px 5px;
	padding:0px 10px;
	text-align:left;
}

.ui-body .ui-nav .ui-nav-list ul li a:hover span{
	color:#777;
}

.ui-body .ui-nav .ui-nav-list ul li a:hover i, 
.ui-body .ui-nav .ui-nav-list ul li .active i{
	display:block;
}

.ui-position{
	height: 30px;
	line-height: 30px;
	margin-bottom: 35px;
}

.ui-position .ui-position-title{
	background-image: url('../img/icon-skills.png');
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 20px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #999;
}

.ui-position .ui-position-tools{
}

.ui-position .ui-position-tools a{
	margin-right:10px;
}

.ui-position .ui-position-tools a:link,
.ui-position .ui-position-tools a:visited{
	color: #ccc;
	padding-left:10px;
}

.ui-position .ui-position-tools a:hover,
.ui-position .ui-position-tools a.active:link,
.ui-position .ui-position-tools a.active:visited{
	color:#CF4467;
	background-position:0px -34px;
}

.ui-context{
	padding-left: 20px;
}


.ui-table{
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	padding: 2px;
	background-color: #fff;
}

.ui-table-custom table{
	width: 100%;
	border: 1px solid #e1e1e1;
	－webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 0px #fff;
}
.ui-table-custom table th, 
.ui-table-custom table td{
	border: 1px solid #e1e1e1;
	padding: 2px 10px;
	line-height: 20px;
}

.ui-table table td{
	font-size: 12px;
	background-color: #fff;
}

.ui-table table tbody tr:nth-child(2n) td{
	background-color: #f5f5f5;
}

.ui-table-custom table th{
	font-size: 12px;
	background-image: none,-webkit-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
	background-image: none,-moz-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
	background-image: none,-o-linear-gradient(top, #f6f6f6 0, #eaeaea 100%);
	background-image: none,linear-gradient(to bottom, #f6f6f6 0, #eaeaea 100%);
}

.ui-table-custom tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.ui-table-custom tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.ui-table-custom tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.ui-table-custom tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	display: inline-block;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"], input[type="password"] {
	padding:1px 6px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

.button{
	color:#fff;
	font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif !important;
	font-weight: normal;
	font-style: normal !important;
	-webkit-font-smoothing: antialiased !important;
	font-size: 12px;
	height: auto;
	padding: 2px 10px 3px 10px;
	background-image:url(../img/buttons.png);
	background-repeat:no-repeat;
	background-position:-1px -1px;
	margin: 0;
	color: #fff !important;
	text-shadow: none;
	border-bottom: 1px solid rgba(0,0,0,0.27);
	border-left: 1px solid rgba(0,0,0,0.27);
	border-right: 1px solid rgba(0,0,0,0.27);
	border-top: 1px solid rgba(0,0,0,0.27);
	border-radius: 4px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.27);
	font-weight: bold !important;
	cursor: pointer !important;
	opacity: .80 !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #d4d4d4;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	cursor:pointer;
}

.button:hover{
	background-position:-1px -181px;
}

.ui-context a:link,
.ui-context a:visited,
.fixed .dialog a:link,
.fixed .dialog a:visited
{
	color:#2ba09e;
}

.ui-context a:hover,
.fixed .dialog a:hover{
	color:#CF4467;
}

.fixed{
	position:fixed;

	background:#fff;
}

.fixedMasker{
	position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

.fixed .dialog{  border:2px solid #bbb; border-radius:3px; box-shadow:0px 0px 20px #fff;}
.fixed .dialog .title{ font-size:12px;padding:7px 10px; border-bottom:1px solid #bbb; color:#009CD8; font-weight:bold;}
.fixed .dialog .title .close{ font-size:12px;}
.fixed .dialog .content{ padding:10px; color:#999;}
.fixed .dialog .content td{ padding:5px 10px;}
.fixed .dialog .bom{ margin-top:10px; padding:5px 10px; text-align:right}

.pagebar{ margin-top:20px;}
.pagebar .pages{ 
	display:block; 
	width:20px; 
	height:20px;  
	background:#fff; 
	line-height:20px; 
	text-align:center; 
	margin-right:10px;
	border-radius:10px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.pagebar a.pages:link,
.pagebar a.pages:visited{
	color:#000;
}
.pagebar span.pages{
	background-color:#999;
	color:#fff;
}

.pagebar span.join{
	display:block;
	background-image:url(../img/icon-rebound-2x.png);
	background-position:0px 2px;
	background-repeat:no-repeat;
	width:16px;
	height:20px;
	background-size:16px 16px;
	margin-right:10px;
}

.oldpass{ margin-bottom:5px;}
.newpass{ margin-bottom:5px;}
.repeatepass{}
.passinfo{ margin-left:10px; color:#ff0000;}

.ui-updateArea{ padding:10px 20px; position:absolute; top:41px; right:30px; background:#222; box-shadow: 0px 1px 5px #000; border-radius:0px 0px 3px 3px; display:none;}
.ui-updateArea .vers{ height:20px; line-height:20px;}
.goupdate{ margin-top:5px;}
.goupdate a{ margin-right:5px;}
#hurryUpdate:link, #hurryUpdate:visited{ background:url(../img/icon-grey-arrow.png) 0px 3px no-repeat; padding-left:14px;}
#hurryUpdate:hover{ background:url(../img/icon-grey-arrow.png) 0px -19px no-repeat; }
.ui-updatebox{ background:#fff; width:400px; height:200px; padding:10px;}
.update-header{ font-size:14px; font-weight:bold; height:30px; line-height:30px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.update-list{ margin-left:20px; height:140px; overflow:hidden;}
.update-list li{ height:20px; line-height:20p0x; background:url(../img/icon-grey-arrow.png) 0px 3px no-repeat; padding-left:15px;}