/* CSS Document */
.input_user{
	padding-left:20px;
}
.input_value{
	width:250px;
	height:35px;
	border:1px solid #ddd;
	border-radius:2px;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	background-color:#e7f4fd;
	color:#09F;
	letter-spacing:1px;
}
.input_value:hover{
	border:1px solid #09F;
}
.login_btn{
	width:80px;
	font-size:15px;
	height:30px;
	border:1px solid #ccc;
	border-radius:3px;
	text-align:center;
	background:url(../images/bg_botton.png) repeat-x;
	color:#666;
	float:right;
	margin-right:22px;
}
.login_btn:hover{
	width:80px;
	font-size:15px;
	height:30px;
	border:1px solid #ccc;
	border-radius:2px;
	text-align:center;
	background:url(../images/bg_botton_hover.png) repeat-x;
	color:#666;
	cursor:pointer;
}

ul#nav_item li{
	float:left;
	width:60px;
	height:60px;
	text-align:center;
	padding-top:5px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#nav_item li:hover{
	float:left;
	width:60px;
	height:60px;
	text-align:center;
	background:url(../images/bg_menu_hover.png) repeat-x;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
ul#nav_item li a{
	font-size:12px;
	color:#666;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}
#manage_nav{
	float:right;
}
#manage_button{
	float:right;
	height:40px;
	width:100%;
}

/* -------------- CSS For Manage Table -------------------*/
table.tbl{
	border:solid 1px #d9d9d9;
}
table.tbl tr td{
	border:solid 1px #d9d9d9;
	height:40px;
	color:#333;
	text-align:center;
	font-size:12px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0 #fff;
}
table.tbl tr{
	background-color:#fcfcfc;
}
table.tbl tr:hover{
	background-color:#f4f4f4;
}
table.tbl tr.head_tbl td{
	background:url(../images/bg_head_table.png) repeat-x;
	color:#333;
	text-align:center;
	font-size:14px;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:1px 1px 0 #fff;
}
/* -------------- CSS For Manage Button -------------------*/
.btn_big{
	width:100px;
	height:30px;
	float:right;
	border:1px solid #ccc;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin.png) repeat-x;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.btn_big:hover{
	width:100px;
	height:30px;
	float:right;
	border:1px solid #bababa;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin_hover.png) repeat-x;
	color:#666;
	cursor:pointer;
}
.btn_medium{
	width:80px;
	height:30px;
	float:right;
	border:1px solid #ccc;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin.png) repeat-x;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.btn_medium:hover{
	width:80px;
	height:30px;
	float:right;
	border:1px solid #bababa;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin_hover.png) repeat-x;
	color:#666;
	cursor:pointer;
}
.btn_small{
	width:50px;
	height:30px;
	float:right;
	border:1px solid #ccc;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin.png) repeat-x;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
}
.btn_small:hover{
	width:50px;
	height:30px;
	float:right;
	border:1px solid #bababa;
	border-radius:2px;
	margin-left:3px;
	background:url(../images/bg_botton_admin_hover.png) repeat-x;
	color:#666;
	cursor:pointer;
}
.edit{
}
.edit:hover{
	cursor:pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.delete{
}
.delete:hover{
	cursor:pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.preview{

}
.preview:hover{
	cursor:pointer;
	opacity:0.7;
	filter:alpha(opacity=70);
	
}

/* form input */
.input_text{width:90%; height:25px; border:1px solid #999; background-color:#FFF;}
.input_text:hover{border:1px solid #60C;}
.small{width:50px;}
.medium{width:200px;}
.large{width:400px;}

/* Successfully ,Error alert */
#success{width:100%; height:30px; background-color:#D0F9DC; border:1px solid #090; float:left; padding:10px 5px 0 10px;-moz-border-radius:10px;
-webkit-border-radius:10px;border-radius:10px;}
#error{width:100%; height:30px; background-color:#FAD5CF; border:1px solid #C30; float:left; padding:10px 5px 0 10px;-moz-border-radius:10px;
-webkit-border-radius:10px;border-radius:10px;}