/* (C)2012 Dreamsoft */
* { margin:0; padding:0; outline:none; border:none; list-style:none; }
.lazy { width:180px; height:160px; background-color:#222; border:1px solid #222; border-radius:3px; }
.clear { clear:both; }
.staffInfoLeft { float:left; background-color:#EAEAEA; font-size:10px; color:#888; text-transform:uppercase; font-weight:700; padding:5px; border-top:1px solid #FFF; border-bottom:1px solid #CCC; text-align:right; width:120px; }
.staffInfoRight { float:left; font-size:12px; border-top:1px solid #FFF; border-bottom:1px solid #EAEAEA; text-transform:capitalize; font-weight:100; padding:5px; width:180px; }

body {
    font:62.5% "Helvetica","Lucida Grande",Tahoma, Verdana, sans-serif;
    line-height:22px;
    background-color:#FFF;
    color:#666;
    text-align:left;
	cursor:default;
	height:100%;
}	
	/* Showcase */
	#showcaseW {
		position:absolute;
		height:100%;
		width:100%;
		overflow:hidden;
		z-index:-2;
	}
		.showcase {
			position:absolute;
			height:100px;
			width:100px;
		}
		
	/* Wrapper */
	#wrapper {
		margin:auto;
		overflow:auto;
	}
		#dsDynMsg {
			color:#666;
			border:4px solid #CCC;
			background:#FFF;
			padding:10px;
			border-radius:3px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-khtml-border-radius:5px;
		}
		.mainInput {
			background-color:#EAEAEA;
			border:1px solid #CCC;
			padding:6px;
			font-size:14px;
			color:#666;
			margin:0 0 10px 10px;
			font-family:tahoma, arial;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
		}
			.mainInput:hover {
				background-color:#E8F3FF;
			}
		.mainInputSubmit {
			background-color:#EAEAEA;
			border:1px solid #CCC;
			padding:6px;
			margin:0 0 10px 10px;
			font-size:14px;
			text-transform:uppercase;
			color:#666;
			cursor:pointer;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
		}
			.mainInputSubmit:hover {
				background-color:#C1EAFF;
				color:#000;
			}
			.mainInputSubmit:focus {
				background-color:#FF6600;
				color:#FFF;
			}
	.top_left_menu {
		position:relative;
		top:0;
		float:left;
		margin-left:1px;
		background-color:#EAEAEA;
		color:#FFF;
	}
		.top_left_menu:hover {
			background-color:#EFEFEF;
		}
		.top_left_menu span {
			font-weight:100;
			font-size:11px;
			text-transform:uppercase;
			position:relative;
			top:0;
			padding:4px 5px;
			background-color:#EAEAEA;
			color:#666;
			border-right:1px solid #CCC;
			border-bottom:1px solid #CCC;
			float:left;
			min-width:80px;
		}
		.top_left_menu span:hover {
			background-color:#EFEFEF;
		}
			.top_left_menu span b {
				display:block;
				margin:0 0 0 -5px;
				padding-left:4px;
				font-weight:100;
				font-size:11px;
				text-transform:uppercase;
				top:0;
				background-color:#F5F5F5;
				border-right:1px solid #CCC;
				border-left:1px solid #CCC;
				border-bottom:1px solid #CCC;
				color:#666;
				cursor:pointer;
				min-width:60px;
			}
			.top_left_menu span b:hover {
				background-color:#FFF;
			}
		.top_left_menu a {
			font-weight:100;
			font-size:8px;
			text-transform:uppercase;
			position:relative;
			top:0;
			padding:4px 5px;
			background-color:#324374;
			border-right:1px solid #CCC;
			border-bottom:1px solid #CCC;
			color:#FFF;
			float:left;
		}
		.top_left_menu a:hover {
			background-color:#181F36;
		}
	#lang_list {
		position:relative;
		top:0;
		left:0;
		padding:4px;
		width:90px;
		color:#666;
		font-size:11px;
		float:left;
		background:url(../images/layout/arrow.png) 84px 10px no-repeat #EAEAEA;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
	}
		#lang_list:hover {
			background-color:#EFEFEF;
		}
			#lang_list a {
				font-weight:100;
				text-decoration:none;
			}
			#lang_list img {
				float:left;
				margin:4.5px 4px 0 0;
			}
		.lang_drop {
			position:relative;
			width:80px;
			padding:2px 5px;
			background-color:#F5F5F5;
			color:#666;
			border-right:1px solid #CCC;
			border-left:1px solid #CCC;
			border-bottom:1px solid #CCC;
		}
			.lang_drop:hover, .lang_drop_current {
				position:relative;
				width:80px;
				padding:2px 5px;
				background-color:#FFF;
				border-right:1px solid #CCC;
				border-left:1px solid #CCC;
				border-bottom:1px solid #CCC;
				color:#666;
			}
		.lang_credit {
			position:relative;
			display:none;
			opacity:0;
			filter:alpha(opacity=0);
			float:left;
			margin-left:1px;
			padding:4px 10px;
			background-color:#EAEAEA;
			border-right:1px solid #CCC;
			border-bottom:1px solid #CCC;
		}
	
	#mainBox {
		position:absolute;
		width:280px;
		height:308px;
		top:50%;
		left:50%;
		color:#999;
		margin:-154px 0 0 -140px;
		background-color:#FFF;
	}
			#mainBox #imgNoimages {
				font-size:14px;
			}
			#mainBox #imgUpload {
				background-color:#999;
				float:left;
				color:#FFF;
				padding:3px 6px;
				font-size:14px;
				font-weight:100;
				margin:10px 0 0 60px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
			}
				#mainBox #imgUpload:hover {
					background-color:#666;
					cursor:pointer;
				}
			#mainBox #imgClear {
				font-size:14px;
				color:#999;
				float:left;
				margin:15px 0 60px 4px;
			}
			#mainBox #chart_div {
				color:#FFF;
			}
	
	#navigation {
		width:920px;
		overflow:auto;
		padding:20px 0 10px 0;
		margin:30px auto 0 auto;
		background:url(../images/miniMainLogo.png) bottom right no-repeat;
	}
		#navigation li a {
			display:block;
			float:left;
			color:#666;
			font-weight:100;
			margin-right:10px;
			font-size:14px;
			padding:6px 22px 6px 22px;
			background-color:#EAEAEA;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
		}
		#navigation li a:hover {
			background-color:#666;
			color:#FFF;
		}
		#navigation li .current {
			background-color:#333;
			color:#FFF;
		}

	.tagURL {
		display:block;
		float:left;
		margin:5px;
		padding:4px 10px;
		background-color:#EAEAEA;
		color:#333;
		text-decoration:none;
		cursor:pointer;
		font-weight:100;
		border-radius:3px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
	}
		.tagURL:hover {
			background-color:#333;
			color:#FFF;
		}
		
	.info {
		width:900px;
		font-size:14px;
		margin:0 auto 60px auto;
		padding:10px;
		background-color:#EAEAEA;
		border-radius:3px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
	}
		.info .left {
			float:left;
			margin-top:20px;
			width:280px;
			padding:10px;
			background-color:#FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-khtml-border-radius:5px;
		}
		.info .right {
			float:right;
			margin-top:20px;
			width:560px;
			padding:10px;
			background-color:#FFF;
			text-align:center;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-khtml-border-radius:5px;
		}
		.info .middle {
			clear:both;
			margin-top:20px;
			width:880px;
			padding:10px;
			background-color:#FFF;
			overflow:auto;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-khtml-border-radius:5px;
		}
		.info h4 {
			padding:0 10px;
			font-weight:100;
			color:#333;
			font-size:18px;
			margin-top:8px;
		}
		.info p {
			padding:0 10px 10px 10px;
			font-size:13px;
		}
		.in_msg {
			font-size:18px;
			font-weight:100;
			color:#FFF;
		}
		.upload {
			color:transparent;
			width:150px;
			height:30px;
			border:none;
			background:url(../images/text/en/upload.png) no-repeat;
		}
			.upload:hover {
				background:url(../images/text/en/upload_over.png) no-repeat;
				cursor:pointer;
			}
			.upload:focus {
				background:url(../images/text/en/upload_focus.png) no-repeat;
			}
		.paginationWrapper {
			width:100%;
			margin:2px auto;
		}
			.pagination .current {
				border:1px solid #CCC;
				background-color:#FFF;
				color:#CCC;
				padding:6px 8px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
			}
			.pagination a {
				display:block;
				margin-left:2px;
				border:1px solid #CCC;
				background-color:#FFF;
				color:#666;
				padding:6px 8px;
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
			}
				.pagination a:hover {
					border:1px solid #666;
					background-color:#F5F5F5;
					color:#666;
				}
		.charlifeBox {
			padding:6px;
			float:left;
			margin:0 0 10px 10px;
			background-color:#EAEAEA;
			width:154px;
			height:140px;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			-khtml-border-radius:3px;
		}
			.charlifeBox:hover {
				background-color:#E5E5E5;
				color:#666;
			}
			.charlifeBox span {
				display:block;
				font-size:12px;
				text-align:center;
			}
			.charlifeBox .close {
				position:absolute;
				margin:-154px 0 0 148px;
				font-weight:700;
				font-size:10px;
				color:#FFF;
				background-color:#CCC;
				padding:0 4px;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
			}
				.charlifeBox .close:hover {
					background-color:#000;
					color:#FFF;
					cursor:pointer;
				}
			.charlifeBox .img {
				width:150px;
				height:120px;
				border:1px solid #CCC;
				border-radius:3px;
				-moz-border-radius:3px;
				-webkit-border-radius:3px;
				-khtml-border-radius:3px;
			}
	.charlifeBoxHover {
		padding:6px;
		float:left;
		margin:0 0 10px 10px;
		background-color:#EAEAEA;
		width:154px;
		color:#666;
		font-weight:100;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
	}
		.charlifeBoxHover:hover {
			background-color:#333;
			color:#FFF;
			cursor:pointer;
		}
			
	.tdHover:hover {
		background-color:#FFF;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
	}
	
	.rowBox {
		padding:6px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
	}
		.rowBox:hover {
			background-color:#FFE3E4;
		}
	
	.roundBoxStandard {
		width:880px;
		background-color:#FFF;
		cursor:default;
		font-size:12px;
		overflow:hidden;
		margin:4px auto;
		float:none;
		padding:10px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-khtml-border-radius:3px;
	}
		.listTable {
			width:100%;
		}
			.listTable th {
				font-size:10px;
				text-transform:uppercase;
				font-weight:700;
				color:#888;
				padding:4px;
				background-color:#F5F5F5;
			}
			.listTable td {
				font-size:12px;
				text-transform:uppercase;
				font-weight:100;
				color:#666;
				padding:4px;
			}
			.listTable .trbgrep, .listTable .trbgrep:hover {
				background-color:#FFDDDD;
			}
			.listTable tr {
				background-color:#FFF;
			}
				.listTable tr:hover {
					background-color:#FAFAFA;
				}
		
	#manage_panel {
		position:fixed;
		width:100%;
		overflow:auto;
		background-color:#FFF;
		bottom:0;
		margin:0 auto;
		color:#666;
		font-size:11px;
	}
		#manage_panel .right {
			font-size:12px;
			float:right;
			padding:3px 6px 3px 12px;
			min-width:150px;
			margin-right:5px;
			border-left:3px solid #CCC;
		}
			#manage_panel .right:hover {
				cursor:pointer;
			}
		.images_box {
			position:fixed;
			display:none;
			bottom:28px;
			right:181px;
			width:168px;
			border:3px solid #CCC;
			border-right:none;
			border-top:none;
		}
			.images_box div {
				background-color:#EAEAEA;
				padding:3px 6px 3px 12px;
				width:150px;
			}
			.images_box div:hover {
				background-color:#FFF;
			}
			.images_box .delete {
				font-size:16;
				float:right;
				color:6699CC;
				font-weight:700;
				color:#181F36;
			}			
			.settings_box {
				position:fixed;
				display:none;
				bottom:28px;
				right:5px;
				border:3px solid #CCC;
				border-right:none;
				border-top:none;
			}
				.settings_box div {
					background-color:#EAEAEA;
					padding:3px 6px 3px 12px;
					width:150px;
				}
				.settings_box div:hover {
					background-color:#FFF;
				}
				
	.messageSuccess {
		padding:3px 3px 3px 34px;
		background:url(../images/layout/icons/accept.png) 10px center no-repeat #E8FFE8;
		color:#006600;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
	}
	.messageFailed {
		padding:3px 3px 3px 34px;
		background:url(../images/layout/icons/cross_shield_2.png) 10px center no-repeat #FFE1E1;
		color:#660000;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-khtml-border-radius:5px;
	}		
	#mainFooter {
		float:left;
	}
		#mainFooter, #mainFooter a {
			color:#999;
			font-size:12px;
			font-weight:100;
			margin:4px 0 0 4px;
		}
		#mainFooter b {
			font-weight:700;
		}
		#mainFooter a:hover {
			color:#0099CC;
			text-decoration:underline;
		}
/* Misc */
#imagefile {
	width:280px;
	height:45px;
	background:url(../images/version3/selectImages.png) left top no-repeat;
	color:#666;
}
#fileList {
	margin:5px 0 0 0;
}
.fbutton {
	background:url(../images/version3/buttonbg.png) left top repeat-x;
	color:#666;
	display:none;
	padding:8px;
	width:280px;
	text-align:center;
	margin:5px 0 50px 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
}
	.fbutton:hover {
		background:url(../images/version3/buttonbgHover.png) left top repeat-x;
		color:#0099CC;
		cursor:pointer;
	}
#infoText {
	display:block;
	font-weight:100;
	border:2px solid #CCC;
	padding:4px;
	margin-top:5px;
	color:#999;
	text-align:center;
	text-decoration:none;
	font-size:12px;
}
	#infoText b {
		font-weight:700;
	}
	#infoText a {
		color:#999;
		font-weight:100;
	}
	#infoText a:hover {
		color:#666;
		text-decoration:underline;
	}
#imgDragon {
	display:none; 
	border:2px dashed #006699;
	padding:20px 10px;
	text-align:center; 
	font-size:14px;
	font-weight:100;
	color:#006699;
	margin:5px 0 0 0;
}
	#bag {
		padding:10px;
	}
#drop-box-overlay {
	margin: 1px;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	position: fixed;
	background-color: #222222;
	display:none;
	z-index: 50;
	opacity: 0.9;
}
	#drop-box-overlay h1 {
		padding: 20px;
		top: 38%;
		left: 35%;
		position: absolute;
		background-color: #444;
		-moz-border-radius: 4px 4px;
		-webkit-border-radius: 4px 4px;
		border-bottom-left-radius: 4px 4px;
		border-bottom-right-radius: 4px 4px;
		border-top-left-radius: 4px 4px;
		border-top-right-radius: 4px 4px;
		color: #FFF;
	}
.clear { clear:both; }
p, p.error { padding:0 0 13px 0; }
p.error { color:#900; }
p form { margin-bottom:20px; }
a { color:#222; text-decoration:none; font-weight:700; }
a:hover { color:#444; }
.imgpreview { position:absolute; display:none; margin-left:-20px;}
.normal_form { border:1px solid #CCC; width:494px; padding:3px; font-family:tahoma; font-size:14px; color:#666; font-weight:700; }
.unmarked { opacity:0.5; filter:alpha(opacity=50); width:auto; height:26px; color:#fff; padding:0 2px; background:url(../images/button.png) repeat-x 0 0; cursor:not-allowed; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle; }
.unmarkedLeft, .unmarkedRight { opacity:0.5; filter:alpha(opacity=50); width:6px; height:26px; vertical-align:middle; }
.unmarkedLeft { opacity:0.5; filter:alpha(opacity=50); background:url(../images/button-left.png) no-repeat 0 0; }
.unmarkedRight { opacity:0.5; filter:alpha(opacity=50); background:url(../images/button-right.png) no-repeat 0 0; }
.darkbg { opacity:0.9; filter:alpha(opacity=90); background-color:#000; }
.redbg { opacity:0.9; filter:alpha(opacity=90); background-color:#55002B; }