/* ------------------------------ begin reset css ------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:							0;
	padding:						0;
	border:							0;
	outline:						0;
	font-size:					100%;
	vertical-align:			baseline;
	background:					transparent;
}
body {
	color:							#717171;
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	background-color:		#FFFFFF;
	margin:							0.5em 1em 0 1em; 
}

ol, ul {
	list-style:					none;
}

blockquote, q {
	quotes:							none;
}

:focus {
	outline:						0;
}

ins {
	text-decoration:		none;
}

del {
	text-decoration:		line-through;
}

hr {
	border:							0px;
	border-top:					1px solid #FF7E00;
	border-collapse:		separate;
}

table {
	border-collapse:		collapse;
	border-spacing:			0;
}
/* ------------------------------ e n d reset css ------------------------------ */



/* ------------------------------ begin simple rules ------------------------------ */

br {
	clear:							both;
}

p {
	text-align:					justify;
}

.black {
	color:							black;
}

h1 {font-size: 135%;}
h2 {font-size: 130%;}
h3 {font-size: 125%;}
h4 {font-size: 120%;}
h5 {font-size: 115%;}
h6 {font-size: 110%;}

.border {
	border:							1px solid black;
}

.pad0 {
	padding:						0px;
}

.pad2 {
	padding:						2px;
}

.pad10 {
	padding:						10px;
}

.title {
	font-size:					1.2em;
	font-weight:				bold;
	color:							#FF7E00;
}

.normal {
	font-size:					11px;
	font-weight:				normal;
	color:							#717171;
}

.small {
	font-size:					0.8em;
	font-weight:				normal;
	text-transform:			none;
}

.c{
	text-align:					center;
}

.r {
	text-align:					right;
}

.fr {
	float:							right;
}

.l {
	text-align:					left;
}

.fl {
	float:							left;
}

.cb {
	clear:							both;
}

.b {
	font-weight:				bold;
}

.u {
	text-decoration:		underline;
}

.i {
	font-style:					italic;
}

.tu {
	text-transform:			uppercase;
}

.j {
	text-align:					justify;
}

.cp {
	cursor:							pointer;
}

.vt {
	vertical-align:			top;
}

.vm {
	vertical-align:			middle;
}

.vb {
	vertical-align:			bottom;
}

.cr {
	color:							red;
}

.br {
	background-color:		#FFCFCE;
}

.cg {
	color:							green;
}

.ws {
	white-space:				nowrap;
}

.w100 {
	width:							100%;
}

.w50 {
	width:							50%;
}

.w33 {
	width:							33%;
}

.w25 {
	width:							25%;
}

.w1 {
	width:							1%;
}

.w190px {
	width:							190px;
}

.w8em {
	width:							8em;
}

.db {
	display:						block;
}

.ml2em {
	margin-left:				2em;
}

.mr2em {
	padding-right:			2em;
}

.highlight {
	background-color:		#FDFED6;
}

.warning {
	color:							rgb(213,0,0);
}
/*------------------------------ e n d simple rules ------------------------------*/



/*------------------------------ begin a ------------------------------*/
a {
	color:							blue;
	text-decoration:		none;
	cursor:							pointer;
}

dd a {
	color:							white;
}

a.external {
	padding-right:			18px;
	background:					transparent url(/media/img/button_icon/external.gif) no-repeat center right;
}

a.btn {
	color:							#717171;
	text-decoration:		none;
	font-weight:				normal;
	text-align:					justify;
	border:							1px #DDDDDD solid;
	padding:						3px;
	background-color:		#F4F6FC;
}

a.btn:hover {
	color:							#FFFFFF;
	background-color:		#04569C;
}

a.nobtn, a.nobtn:hover {
	text-decoration:		none;
	font-weight:				normal;
	text-align:					justify;
	border:							0;
	padding:						4px;
	background-color:		#FFFFFF;
	color:							#04569C;
}

a.btn:active {
	color:							#FFFFFF;
	background-color:		#04569C;
}

a.btn.edit,
a.btn.cancel,
a.btn.delete,
a.btn.new,
a.btn.ok,
a.btn.save,
a.btn.open,
a.btn.close,
a.btn.print,
a.btn.add,
a.btn.remove,
a.btn.check,
a.btn.unlock,
a.btn.folder_images,
a.btn.folder_files,
a.btn.clear_list,
a.btn.upload,
a.btn.search,
a.btn.lock,
a.btn.csv {
	padding-left:				24px;
	background-repeat:	no-repeat;
	background-position:4px center;
}

a.btn.edit		{				background-image: url(/media/img/button_icon/edit.gif);		}
a.btn.cancel	{				background-image: url(/media/img/button_icon/cancel.png);	}
a.btn.delete	{				background-image: url(/media/img/button_icon/delete.gif);	}
a.btn.new			{				background-image: url(/media/img/button_icon/new.gif);			}
a.btn.ok			{				background-image: url(/media/img/button_icon/ok.gif);			}
a.btn.save		{				background-image: url(/media/img/button_icon/save.png);		}
a.btn.open		{				background-image: url(/media/img/button_icon/open.gif);		}
a.btn.close		{				background-image: url(/media/img/button_icon/close.gif);		}
a.btn.print		{				background-image: url(/media/img/button_icon/print.gif);		}
a.btn.add			{				background-image: url(/media/img/button_icon/add.gif);			}
a.btn.remove	{				background-image: url(/media/img/button_icon/remove.gif);	}
a.btn.csv			{				background-image: url(/media/img/button_icon/csv.gif);			}
a.btn.check		{				background-image: url(/media/img/button_icon/check.gif);		}
a.btn.unlock	{				background-image: url(/media/img/button_icon/unlock.gif);	}
a.btn.lock		{				background-image: url(/media/img/button_icon/lock.gif);		}
a.btn.search	{				background-image: url(/media/img/button_icon/search.png);	}

a.btn.folder_images {
	background-image: url(/media/img/button_icon/folder_images.png);
	padding:						10px;
	padding-left:				34px;
}

a.btn.folder_files {
	background-image: url(/media/img/button_icon/folder_files.png);
	padding:						10px;
	padding-left:				34px;
}

a.btn.clear_list {
	background-image: url(/media/img/button_icon/clear_list.png);
	padding:						10px;
	padding-left:				34px;
}

a.btn.upload {
	background-image: url(/media/img/button_icon/upload.png);
	padding:						10px;
	padding-left:				34px;
}

a.rightarrow {
	background-image: url(/media/img/button_icon/2rightarrow.png);
	padding-right:				18px;
	background-repeat:	no-repeat;
	background-position:100% 50%;
}
/*------------------------------ e n d a ------------------------------*/



/*------------------------------ begin label ------------------------------*/
label {
	margin-right:				2px;
}
/*------------------------------ e n d label ------------------------------*/



/*------------------------------ begin nav ------------------------------*/
div#div_nav {
	position:						relative;
	height:							43px;
	font-size:					14px;
	text-transform:			uppercase;
	background-image:url(/media/img/page/logo_right.png);
	background-position:	bottom right;
	background-repeat:		no-repeat;
}

div#div_nav ul {
	margin:							0;
	padding:						0;
	list-style-type:		none;
}

div#div_nav ul li {
	display:						block;
	margin:							0 2px;
}

div#div_nav ul li a {
	display:						block;
	color:							#ffdab6;
	text-decoration:		none;
	padding:						0 0 0 15px;
	height:							43px;
	line-height:				50px;
}

div#div_nav ul li a span {
	display:						block;
	padding:						0 15px 0 0;
	height:							31px;
	width:							auto;
}

div#div_nav ul li a:hover {
	color:							#fff;
}

div#div_nav ul li a:hover span {
	display:						block;
	cursor:							pointer;
}

div#div_nav ul li a.current, nav ul li a.current:hover {
	color:							#894d12;
	background:					transparent url("../img/menu/activ_left.gif") no-repeat top left;
}

div#div_nav ul li a.current span {
	background:					transparent url("../img/menu/activ_right.gif") no-repeat top right;
	height:							43px;
}
/*------------------------------ e n d nav ------------------------------*/



/*------------------------------ begin message ------------------------------*/
div#footer {
	height:							43px;
	background-image:url(/media/img/page/logo_bottom.png);
	background-position:	bottom left;
	background-repeat:		no-repeat;
	color:							#FFFFFF;
	line-height:				50px;
	margin-left:				2px;
	padding-left:				10px;
	padding-right:			5px;
}

div.message {
	padding:						10px;
	vertical-align:			middle;
}

div.message:first-line {
	font-weight:				bold;
}

div.error {
	background-color:		#FFCFCE;
	border:							1px solid #FF0000;
	color:							#717171;
}

div.info {
	background-color:		#CCCCCC;
	border:							1px solid #000000;
	color:							#717171;
}
/*------------------------------ e n d message ------------------------------*/



/*------------------------------ begin box ------------------------------*/
div#page {
	width:							960px;
	margin-left:				auto;
	margin-right:				auto;
}

div.box {
	margin:							0px 0px 10px 0px;
}

div.box div {
	background:					url(../img/box/box_center.gif) repeat-y 0 0;
}

div.box div div {
	background:					url(../img/box/box_top.gif) no-repeat 0 0;
}

div.box div div div {
	background:					url(../img/box/box_bottom.gif) no-repeat bottom left;
	padding:						13px 10px 15px 10px;
	width:							100%;
}

div.box div div div div {
	background:					none;
}

div.box input {
	width:							197px;
}

div.box .checkbox {
	vertical-align:			middle;
	width:							auto;
}

/*------------------------------ e n d box ------------------------------*/



/*------------------------------ begin table ------------------------------*/
table.center {
	margin-left:				auto;
	margin-right:				auto;
}

td {
	padding:						4px;
}

td#td_search {
	height:							34px;
	background:					transparent url(../img/page/search.gif) no-repeat scroll 0em;
	padding-right:			5px;
}

table.list tr.row td {
	border-bottom:			1px dotted #DDDDDD;
}

table.list tr.row:hover {
	background-color:		#E8E8E8;
}

tr.header td {
	font-weight:				bold;
	text-align:					center;
	border-bottom:			2px dotted #DDDDDD;
}

table.pad10 td {
	padding:						10px;
}

/*------------------------------ e n d table ------------------------------*/



/*------------------------------ begin div ------------------------------*/
div#div_search {
	float:							right;
}

div#div_content {
	width:							98%;
	border:							1px solid #DDDDDD;
	padding:						0.5em;
	margin-left:				auto;
	margin-right:				auto;
}

div#div_left {
	float:							left;
	width:							100%;
}

div#div_right {
	float:							right;
	width:							219px;
}

div#div_pleasewait {
	position:						relative;
	top:								100px;
}

div.div_group {
	border:							1px solid #DDDDDD;
	background-color:		#F6F6F6;
	padding:						0.5em;
}

div#bbox {
	margin-left:				auto;
	margin-right:				auto;
	width:							98%;
	padding:						0.5em;
	background-color:		#333333;
	color:							white;
	border:							1px solid #DDDDDD;
}

div.comment {
	text-align:					justify;
	margin-top:					0.4em;
}

/*------------------------------ e n d div ------------------------------*/



/*------------------------- begin input, checkbox -----------------------*/
input, textarea, select {
	border:							1px solid #DDDDDD;
}

input, textarea {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
}

.checkbox {
	border:							0px;
}

input#input_search {
	margin:							7px 0px 0px 37px;
	width:							200px;
	border:							0px;
	height:							13px;
}
/*------------------------- e n d input, checkbox -----------------------*/



/*--------------------------- begin fieldset ----------------------------*/
fieldset {
	border:							1px solid #DDDDDD;
	padding:						0.3em;
}
/*--------------------------- e n d fieldset ----------------------------*/



/*----------------------------- begin list ------------------------------*/
dl.list {
	line-height:				1.4em;
}

dl.list dt {
	font-weight:				bold;
	font-size:					1.1em;
}

dl.list dd {
	margin-left:				1em;
}
/*----------------------------- e n d list ------------------------------*/


img.downloadbar {
	position:relative;
	top:-5px;
}


/*----------------------------- begin news ------------------------------*/
h2.title {
	border-bottom:			1px solid #DDDDDD;
}
/*----------------------------- e n d news ------------------------------*/


/* begin upload css */
#status {
	padding:				10px 15px;
}

#status .progress {
	background:				white url(/media/img/upload/progress.gif) no-repeat;
	background-position:	+50% 0;
	margin-right:			0.5em;
}

#status .progress-text {
	font-size:				0.9em;
	font-weight:			bold;
}

#list {
	list-style:				none;
	margin:					0;
}

#list li.file {
	border-bottom:			1px solid #eee;
	background:					url(/media/img/upload/file.png) no-repeat 4px 4px;
	width:							500px;
}

#list li.file.file-uploading {
	background-image:		url(/media/img/upload/uploading.png);
	background-color:		#D9DDE9;
}

#list li.file.file-success {
	background-image:		url(/media/img/upload/success.png);
}

#list li.file.file-failed {
	background-image:		url(/media/img/upload/failed.png);
}

#list li.file .file-name {
	font-size:				0.9em;
	margin-left:			44px;
	display:				block;
/*	clear:					left; */
	line-height:			18px;	
	height:					50px;
	font-weight:			bold;
}

#list li.file .file-size {
	font-size:				0.9em;
	line-height:			25px;
	float:					right;
	margin-top:				2px;
	margin-right:			6px;
}

#list li.file .file-info {
	display:				block;
	margin-left:			44px;
	font-size:				0.9em;
	line-height:			20px;
}

#list li.file .file-remove {
	clear:					right;
	float:					right;
	line-height:			25px;
	margin-right:			6px;
}
/* e n d upload css */

ol.list {
	margin-left: 20px;
	padding-left: 20px;
	list-style-type:decimal;
}

ul.list {
	margin-left: 20px;
	padding-left: 20px;
	list-style-type:disc;
}