/*html { height: 100%; }*/
body 
{
	font: 15px arial ,Sans-serif;
	margin:0px;
	line-height: 1.5;
}
form {padding:0px;margin:0px;}
video {background: #000}
input,textarea
{
	font: 15px Arial,Sans-serif;line-height: 1.4em;padding:0px;margin:0px;
}
textarea,select {
	border: 1px solid #ccc
}
/* remove outline dotted */
a:hover, a:active, a:focus,object, embed,input:focus,textarea:focus {outline: 0 none;}
input::-moz-focus-inner { border: 0; }
textarea::-moz-focus-inner { border: 0; }
a{color:#000;text-decoration:none;}
/*a:visited{color:purple;text-decoration:none;}*/
/* old color: #1C62B9 */
a:hover{color:#034b8a;text-decoration:underline;}
h4 {
	font-size: 15px;
	line-height:20px;
}

h3 {
	font-size: 17px;
	line-height:22px;
}
h2 {
	font-size: 20px;
	line-height:28px;
	font-weight: normal
}
	h2.black a {color:black;}
h1 {
	font-size: 24px;
	line-height:32px;
	font-weight: normal;
}
h1,h2,h3,h4 {
	padding: 0px;
	margin: 0px;
}
hr { border:0; height:1px; border-bottom:1px solid #ddd;padding:0px;margin: 5px 0px 7px 0px; }
img {border:0px;}
ul,ol {
	
    margin:0px;padding: 0px;margin-left: 2em;
}
li {  padding: 0px; margin:0px; }
ul.clean {padding:0px;margin:0px;}
ul.clean li {padding:0px;margin:0px;list-style-type: none;}
p { margin-top:0px; }

/* quote block */
blockquote {
	overflow:hidden;
	 background: #f9f9f9 url("start_quote.gif") no-repeat scroll 5px 5px;
    padding:7px; padding-left:25px; margin:5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}
	blockquote p {padding:0px;margin:0px;}
/* code block */	
code { 
	overflow:hidden;
	background: #f9f9f9 url("hash.png") no-repeat scroll 5px 5px;
	padding:7px; padding-left:25px; margin:5px;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    display:block;
}

#header
{   
    position: relative;
    z-index: 10;
    
    padding-top:5px;
}
	.logo {
		font-size: 30px;
		color:#00B9A3;margin: 0px;
	}
	#header .c 
	{
		margin:0 auto;
		width:980px;
		height:55px;
	}
	/* user tools */
	#header .usertools { margin-top:7px }
	#header .c .usertools li {
		list-style-type: none;float:left;
	    color: #000;
	    display:block;
		margin-left:5px;background:#F9F9F9;padding:5px 7px;
	}
	#header .c ul.usertools li a { color:#000; }
	#header .c .nbox a {
		color: #034b8a !important;
	}
	/* module tabs */
	#header .c ul.tab {
		position:absolute;
		border:0px;
		top:13px;margin-left:150px;
	}
	#header .c ul.tab li a {
		float:left;
	}
	#header .c ul.tab li.s a {
	}
	#header .c ul.tab li a:hover {
	}

#container
{
	width:980px;
	margin:auto;height:100%;
}

#nav {
    color: #000;
    height: auto;
    letter-spacing: 0;
    margin: 0;
    
    /* dark blue */
    background: #f9f9f9; 
    border-top:3px solid #86c84d;
    border-bottom: 3px solid #fff;
	
   height:33px;
}
	#nav li {
		float:left;list-style-type: none;position:relative;
		font-size: 17px;text-transform: lowercase;
	}
	#nav li a {
		color:#000;
		padding:5px 10px;
		display:block;
	}
	#nav li a:hover,#nav li a.hover,#nav li.selected
	{
		color:#000;
		background: #fff; /* Old browsers */
	    
	    text-decoration: none;
	    position: relative;
	    z-index: 10000;
	}
	#nav li.nodrop a:hover {
		border-radius:4px !important;border:1px solid #405A6A !important;
	}
	#nav li a span 
	{
		background: url("icon-sprite.png") no-repeat scroll -9px -32px transparent;
	    display: inline-block;
	    height: 10px;
	    margin-left: 1px;
	    width: 10px;
	}
	
.navdrop
{
	background: #fff; /* Old browsers */
	
    position: absolute;
    top: 32px;
    z-index: 9999;
    
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1), 0 0px 0 rgba(255, 255, 255, 0.95) inset !important;
    
   	white-space: nowrap;
   	min-width:135px;
    display:none;
}
	/* light option */
	.navdrop nav {
	    padding: 2px;
	}
	.navdrop nav ul {padding:0px;margin:0px !important;}
	.navdrop nav li { float:none !important;list-style-type: none;}
	.navdrop nav li.b,.navdrop nav li.b a {font-weight:bold !important;}
	.navdrop nav li a { font-weight:normal !important;border:1px solid transparent !important;display:block;padding: 3px 5px !important;color:#000 !important;}
	.navdrop nav li a:hover {
		box-shadow: none !important;text-decoration: none !important;
		background: #f9f9f9 !important;
	}
#subnav
{
    color: #000;
    padding: 5px;
    background: #f9f9f9;
    
    position:relative;top:-10px;
    margin: 0px;
}

#mainbody  {} 
#transfer, #smallmainbody
{
	/* bg */
	background:#fcfcfc;

	/* shadow */
	-moz-box-shadow: 0px 1px 2px #ddd;
	-webkit-box-shadow: 0px 1px 2px #ddd;
	box-shadow: 0px 1px 2px #ddd;

	/* border */
	border:1px solid #ddd;

	padding:5px 7px 5px 7px;
}
#smallmainbody {
	width:650px;margin:auto;
}
#footer {	
	border-top:1px solid #ddd;
	width:960px;margin:auto;margin-top:30px;
	padding:10px;
}
#transfer 
{
	padding-top:50px;margin-top:30px;
	height:100px;text-align:center;
	width:550px;margin:auto;
	font-size:20px;
}
.smallpop-notify {
background:url("bg-notify-bottom.png") no-repeat 100% -17px;padding-right:1px;
top:-3px;right:0px;
position:absolute;
height:17px;display:block;
}
	.smallpop-notify span {
	color:#fff;background:url(bg-notify-bottom.png)  no-repeat 0 0;padding:1px 4px 5px 6px;
	line-height:13px;
	height:17px;display:block;
	font-size:11px
	}
	#midnav .nbox {font-size:12px;line-height:20px;}
	#midnav .nbox a {color:#1e599c;text-shadow:none !important}
	
.red_label {
	background: #FF5A58;
	color:#fff;
	font-size:16px;
	float:left;
	position:absolute;padding:5px 20px 5px 20px;
	z-index: 1;
}
	
.ndiv {padding:5px}
.nbox
{
	/* bg */
	background:#fcfcfc;

	/* shadow 
	-moz-box-shadow: 2px 2px #ddd;
	-webkit-box-shadow: 2px 2px #ddd;
	box-shadow: 2px 2px #ddd;*/

	/* border */
	border:1px solid #fcfcfc;

	padding:5px 7px 5px 7px;
	color:#000;
}
	.nbox .h {
		border:1px solid #f7f7f7;	    
    
		margin:-6px -8px;
		margin-bottom:5px;		
		padding:5px;
		background:#f7f7f7;
		font-size: 16px;
	}
.nbox1
{
	padding:10px;
	 /* bg */
    background:#1FAFE4;

    
    /* shadow */
    /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;*/
    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1), 0 0px 0 rgba(255, 255, 255, 0.95) inset !important;
    
    /* text */
    color:#fff;
}
.bbox
{
	background: rgb(234,245,250);
	background: -moz-linear-gradient(top,  rgba(234,245,250,1) 0%, rgba(197,232,241,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,245,250,1)), color-stop(100%,rgba(197,232,241,1)));
	background: -webkit-linear-gradient(top,  rgba(234,245,250,1) 0%,rgba(197,232,241,1) 100%);
	background: -o-linear-gradient(top,  rgba(234,245,250,1) 0%,rgba(197,232,241,1) 100%);
	background: -ms-linear-gradient(top,  rgba(234,245,250,1) 0%,rgba(197,232,241,1) 100%);
	background: linear-gradient(top,  rgba(234,245,250,1) 0%,rgba(197,232,241,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf5fa', endColorstr='#c5e8f1',GradientType=0 );
	
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	border:1px solid #C4DCE2;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
	.bbox h2 {
		color: #1A526B;
		padding:5px 10px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.bbox .c {
		border-top: 1px solid rgba(255, 255, 255, 0.6);
		padding:10px;
    	
	}
	.bbox a,.bbox span {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
	    border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.2);
	    border-radius: 4px;
	    border-style: solid;
	    border-width: 1px;
	    padding:5px;display:block;
	    color:#000;
	}
.hbox
{
	background: #FFF3AB; /* Old browsers */

    overflow:hidden;
}
	.hbox a,.hbox span {
	    display:block;
	    color:#000;
	}	
	
.moduletab
{
	padding:0px;
	margin-top:5px;margin-left:15px;
	height:35px;float:left;
}
	.moduletab li {padding:0px;margin:0px;float:left;list-style-type: none;}
	.moduletab li a { display:block;padding:0px 15px;
		position:relative;
		top:0px;
		z-index:1;
		color:#bababa;font-size:25px;
		border-left:1px solid #ddd;
	}
	.moduletab li.s a {
		font-weight:bold;
		color:#444
	}

.tab
{
	padding:0px;margin:0px;
	border-bottom:1px solid #ddd;
	display: inline-block;width: 100%;
}
	.tab li {padding:0px;margin:0px;float:left;list-style-type: none;font-size: 20px}
	.tab li a { display:block;padding:3px 10px;
		margin-right:5px;
		position:relative;
		top:0px;
		background: #fff;
		z-index:1;
		color:#000;background:#eeeeee;
	}
	.tab li.s a {
		border-bottom:1px solid #fff;
		background:#fff;
	}
.label a {
	background:#f5f5f5;
	padding:3px 5px;
}	
	
/* msg */
.msg_warning
{
	text-shadow: 0 1px 0 #ffffff;
	border:1px solid #ffd324;
	background:#fff6bf;
	color:#987135;padding:5px;
	border-radius: 4px;
}
.msg_warning a,.msg_warning a:visited { text-decoration:underline;color:#987135 }
.msg_warning a:hover { color:#775727 }

.msg_error 
{
	text-shadow: 0 1px 0 #ffffff;
	border:1px solid #fbc2c4;
	background:#fbe3e4;
	color:#d12f19;padding:5px;
	border-radius: 4px;
}
.msg_error a,.msg_error a:visited { text-decoration:underline;color:#d12f19 }
.msg_error a:hover { color:#AD200D }

.msg_ok
{
	text-shadow: 0 1px 0 #ffffff;
	border:1px solid #C6D880;
	background:#E6EFC2;
	color:#417C06;padding:5px;
	border-radius: 4px;
}
.msg_ok a,.msg_ok a:visited { text-decoration:underline;color:#417C06 }
.msg_ok a:hover { color:#356605 }

/* reuse obj */
.spacer { padding:2px; margin:0px; font-size:1px; line-height:2px; }
.spacer1 { padding:5px; margin:0px; font-size:1px; line-height:5px; }
.fleft { float:left; }
.fright { float:right; }
.clear { clear:both; line-height:1px; font-size:1px; }
.ovf {overflow:hidden;height:100%;}
.rowsolid {border-bottom:1px solid #ddd;padding:5px 0px 5px 0px;}
	.rowsolid.highlight {background:#f5f5f5;}

.font1 {color:#999;}
.alt
{
background:#f5f5f5;
}

/* pagination */
.Paging { padding: 7px 0px 7px 0px;margin: 0 -3px}
.Paging a
{
	/* bg */
    background: #f5f5f5; /* Old browsers */
    
    /* padding */
    line-height:normal !important;
    padding: 7px 9px 7px 9px;
    font-size:13px;
    
    /* text */
    color: #555555;
    font-weight: bold;
    text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
    text-align:center;
    
	margin: 0 3px;
}
.Paging a:hover
{
	background: rgb(255,255,255); /* Old browsers */

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFFFFF inset;
    border-color: #999999;
    text-decoration:none;
}
.Paging span
{
	background: #999; /* Old browsers */
   
    /* padding */
    line-height:normal !important;
    padding: 7px 9px 7px 9px;
    font-size:13px;
    
    /* text */
    font-weight: bold;
    text-align:center;
    
    margin:0 3px;
    color:#fff;
}

/* status icon */
.im {
	background: url("im-status.gif") no-repeat;
}
.online { background-position: 0 3px;}
.busy {	background-position: 0 -17px;}
.idle {	background-position: 0 -37px;}
.offline {	background-position: 0 -57px;}
.username {padding-left:13px;}

/* =================================== 
 * btns */
.button 
{ 
	color: #fff !important; display:block;
	text-decoration:none !important; 
	padding: 3px 10px 5px 10px; background-color: #bc1815; border: none; 
	text-align:center;
	
	-webkit-user-select: none;
	-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	/*
	-webkit-text-shadow: 0 -1px 0 #000;
	-moz-text-shadow: 0 -1px 0 #000;
	text-shadow: -1px -1px 0 #000;*/
 }
.button[disabled],.button[disabled]:active
{
	background:#999 !important;
	top:0px !important;
	box-shadow:none;
}
	.button:hover {color:#fff !important}
	.button:active { position: relative; /*top: 3px;*/
		/* -webkit-box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.45), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    -moz-box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.45), inset 0 0px 3px rgba(0, 0, 0, 0.9);
	    box-shadow: inset 0px -2px 1px rgba(0, 0, 0, 0.45), inset 0 0px 3px rgba(0, 0, 0, 0.9);*/
	    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.45), 0px 0px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.45), 0px 0px 2px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.45), 0px 0px 0px rgba(0, 0, 0, 0.25);
	}
	.button:active:after { content: ""; width: 100%; height: 0px; background: transparent; position: absolute; left: 0; }

	
	.button.blue { background: #1FAFE4; }
	.button.green { background: #67b600; }
	.button.orange { background: #F7941D; }
	.button.yellow { background: #b3a400; }
	.button.turquoise { background: #00b1af; }
	.button.grey { background: #777; }
	.button.white { background: #f5f5f5; }
	
.levelbar { border-radius:3px;border:1px solid #ccc;background:#f5f5f5;height:18px;position:relative;font-size:12px; }
	.levelbar .bar {border-radius:3px;background:#b4e08b;height:18px;}
	.levelbar.yellow .bar {background:#f7ffa3}
	.levelbar.blue .bar {background:#afedff}
	.levelbar.purple .bar {background:#fdb2ff}
	.levelbar.brown .bar {background:#ffe1a5}
	.levelbar.red .bar {background:#ffc1c1}
		
	.levelbar .txt {position:absolute;top:0px;width:100%;line-height:18px;color:black}
	.levelbar .txt .fleft {padding-left:5px;}
	.levelbar .txt .fright {padding-right:5px;}