@charset "utf-8";
/* CSS Document */

body{ margin: 0px auto; background:url(../images/back_bg.png) repeat-x top;  font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.body{ margin: 0px auto; background:url(../images/back_bg1.png) repeat-x top;}
.main { margin: 0px auto; width: 1000px;}
.clear { margin: 0px; padding: 0px; clear:both;}
.float { margin: 0px; padding: 0px; float:left;}
a		{ text-decoration: none;}

/*---------------------------------- Top Section ----------------------------------*/

.top{ margin: 0px; padding: 0px;}
.welcome{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:33px; width:1000px; color:#FFF; font-family:"Arial", Helvetica, sans-serif; font-size:12px;}
.welcome_text{margin:0px 0px 0px 0px; padding:10px 0px 0px 10px;}
.time{margin:0px 0px 0px 0px; padding:10px 10px 0px 0px; float:right; }
.logo{ margin:0px; padding:20px 0px 0px 0px; height:73px; float:left; text-align:center;}
.main_name{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:Calibri, Gadget, sans-serif; font-size:40px; color:#000;}

.dashboard { margin: 0px; padding: 50px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:right; width: 350px;}
.dashboard a{ margin: 0px; padding: 0px 10px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; vertical-align:super; 
color:#000; text-decoration:none; font-weight:bold;}
.dashboard a:hover, a.selected{ margin: 0px; padding: 0px 10px 0px 5px; color:#FFF; text-decoration:none;}
.header { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 40px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; font-weight:bold; height:20px;}

/*---------------------------------- Middle Section -------------------------------*/

.middle { margin: 0px; padding: 0px; min-height:460px;}
.mid_bg_top { margin: 70px 0px 0px 0px; padding: 0px; background:#EF620E; height: 35px; width: 600px; border:#9a9a9a 1px solid; border-bottom: 0px;}
.miw_top_text { margin: 0px; padding: 5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF;}
.mid_bg_mid { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#fff; width: 600px; border:#9a9a9a 1px solid;}
.wrong_id { margin: 30px 0px 0px 0px; padding: 0px; background:#FFF; border:#CCC 1px solid; height: 45px; width: 400px;}
.error_msg { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#F00;}
.table { margin: 20px 0px 0px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000;}
.forgot_text { margin: 0px; padding: 10px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.forgot_password a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#EF620E;}
.text_box{ width:200px;}
.login_btn { margin: 0px; padding: 0px; background: url(../images/login_btn.png) no-repeat; width: 105px; height: 71px; border: 0px;
 font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; cursor:pointer;}
.cancel_btn { margin: 0px; padding: 0px; background: url(../images/cancel_btn.png) no-repeat; width: 105px; height: 71px; border: 0px;
 font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; cursor:pointer;}

.bottom { margin: 0px; padding: 0px;}
.footer_bg { margin: 80px 0px 0px 0px; padding: 7px 0px 0px 0px; background:#828de1; height: 30px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; text-align:center;}
.footer_bg_text{ padding-top:6px;}

.welcome_text1			{ margin: 75px 0px 0px 0px; padding: 0px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#6f6f6f; float: left; width: 300px;}
.dashboard_area			{ margin: 60px 0px 0px 320px; padding: 0px; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#3e3e3e; text-transform:uppercase;  text-align:center; font-weight:bold;}
.dashboard_area a		{ margin: 0px 30px 0px 30px; padding: 0px; color:#fff; float: left;}
.dashboard_area a:hover	{ margin: 0px 30px 0px 30px; padding: 0px; color:#828DE1;}

.menu					{ margin: 20px 0px 0px 0px; padding: 0px;}
.menu ul				{ margin: 0px; padding: 0px; text-decoration:none; list-style: none;}
.menu ul li				{ margin: 0px 0px 0px 5px; padding:0px; line-height: 36px; background:url(../images/menu_bg.png) no-repeat; width: 173px; height: 36px; color:#555555; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:block; float:left;}
.menu ul li a			{ margin: 0px; padding: 0px 0px 0px 10px; color:#555555; font-size:14px; font-family:Arial, Helvetica, sans-serif; display: block;}
.menu ul li a:hover, ul li  a.select	{ margin: 0px; padding: 0px 0px 0px 10px; background:url(../images/menu_over.png) no-repeat; color:#fff;}


/*---------------------------------- Admin Management Page -------------------------------*/

.add_mid_top { margin: 0px 0px 0px 0px; padding: 70px 0px 0px 0px;}
.add_mid_top1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.add_note{ margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#000;}
.work_area{ margin: 5px 0px 0px 0px; padding: 0px; width:900px; border: 1px solid #CCC;}
.add_role_data { margin: 0px 0px 0px 0px; padding: 20px 0px 50px 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:bold;}
.save_btn { margin: 0px; padding: 0px; background:url(../images/save.png) no-repeat; width: 72px; height: 29px; border:0px; cursor:pointer;}
.sms_btn { margin: 0px; padding: 0px; background:url(../images/sms.png) no-repeat; width: 72px; height: 39px; border:0px; cursor:pointer;}
.cancel_btn1 { margin: 0px 0px 0px 10px; padding: 0px; background: url(../images/cancel.png) no-repeat; width: 77px; height: 29px; border: 0px; cursor:pointer;}
.search { margin: 0px 0px 5px 15px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.search a{ margin: 0px; padding: 0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-decoration:none;}
.search a:hover, a.select{ margin: 0px; padding: 0px 0px 0px 10px; color:#f00; text-decoration:none;}
.hr { margin: 0px; padding: 0px; border: 1px solid #ccc;}
.search_btn { margin: 0px; padding: 0px; background:url(../images/search.png) no-repeat; width: 71px; height: 23px; border:0px; cursor:pointer;}
.showall_btn { margin: 0px 0px 0px 10px; padding: 0px; background: url(../images/show_all.png) no-repeat; width: 87px; height: 23px; border: 0px; cursor:pointer;}


.new_delete { margin: 0px; padding: 0px;}
.new_btn { margin: 0px 0px 10px 0px; padding: 0px; background:url(../images/new.png) no-repeat; width: 30px; height: 44px; border:0px; cursor:pointer;}
.excel_btn { margin: 0px 0px 10px 10px; padding: 0px; background: url(../images/Excel.png) no-repeat; width: 38px; height: 46px; border: 0px; cursor:pointer;}
.delete_btn { margin: 0px 0px 10px 10px; padding: 0px; background: url(../images/delete.png) no-repeat; width: 38px; height: 46px; border: 0px; cursor:pointer;}
.new_role_data { margin: 0px 0px 0px 20px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;}
.new_info { margin: 0px; padding: 10px 20px 10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; border: 2px solid #F00;}
.new_table_border { margin: 15px 0px 0px 0px; padding: 0px; background:#D8D8D8;}
.new_table_head { margin: 0px; padding: 0px; background:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:bold; text-align:center;}

.new_table_head a { margin: 0px; padding: 0px; background:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight:bold; text-align:center; text-decoration:none;}

.sort {vertical-align:text-bottom;}

.new_table { margin: 0px; padding: 0px; background:#f6f6fc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:center;}
.new_table1 { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#416496; text-align:center;}
.new_table1 a{ margin: 0px; padding: 0px 5px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px; 
color:#416496; text-align:center;}
.new_table1 a:hover{ margin: 0px; padding: 0px 5px 0px 5px; color:#F00; text-align:center; text-decoration:none;}


.new_table_white { margin: 0px; padding: 0px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; text-align:center;}

.page_center { margin: 0px 0px 0px 170px; padding: 0px;}
.paging { margin: 10px 0px 10px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F7AD81; float:left;}
.paging a{ margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F7AD81;}
.paging a:hover{ margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; color:#000; background:url(../images/bracket.png) no-repeat center; text-decoration:none;}
.paging #select{background:url(../images/bracket.png) no-repeat center;}
.paging1 { margin: 10px 0px 10px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F7AD81; float:left; width: 160px;}
.paging1 a{ margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F7AD81;}
.paging1 a:hover{ margin: 10px 0px 10px 0px; padding: 0px 10px 0px 10px; color:#000; text-decoration:none;}
.page { float:right;  margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; }

.table					{ margin: 0px; padding: 0px; background:#c4c4c4;}
.table td				{ margin: 0px; padding: 5px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
.table1 td				{ margin: 0px; padding: 5px; background:#eeeff4; font-family:Arial, Helvetica, sans-serif; font-size: 14px;}
.table_head td				{ margin: 0px; padding: 5px; color:#2e398f; font-weight:normal; font-size:14px;}.dash_space				{ margin: 50px 0px 0px 60px; padding: 0px; width:410px;}
.dash_left				{ margin: 0px; padding: 0px; background:url(../images/dash_top_left1.png) no-repeat; width: 13px; height: 48px; float:left;}
.dash_mid				{ margin: 0px; padding: 0px; background:url(../images/dash_mid_bg1.png) repeat-x; width:372px; height: 48px; float:left;}
.dash_head				{ margin: 0px; padding: 16px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size: 16px; color:#0d1864; font-weight:bold;}
.dash_bg_area			{ margin: 0px; padding: 0px; background:url(../images/dash_text_bg.png) repeat-y; width: 398px; min-height: 200px;}
.dash_bg_area1			{ margin: 0px 0px 0px -12px; padding: 0px; background:url(../images/dash_text_bg.png) repeat-y; width: 398px; min-height: 200px;}
.dash_text_bot			{ margin: 0px 0px 0px 2px; padding: 0px; background:url(../images/dash_text_bot.png) no-repeat; width: 398px; height: 7px;}

.dash_right				{ margin: 0px; padding: 0px; background:url(../images/dash_top_right1.png) no-repeat; width: 13px; height: 48px; float:left;}

.sms_content			{ margin: 20px 0px 0px 0px; padding: 0px; color:#8d8d8d; font-family: Arial, Helvetica, sans-serif; font-size:14px;}
.textbox_user			{ margin: 0px; padding: 0px; background:url(../images/textbox_user.png) no-repeat; width: 234px; height: 37px; border: 0px; line-height: 35px; text-indent: 5px;}
.textarea				{ margin: 0px 0px 10px 0px; padding: 0px; background:url(../images/text_area.png) no-repeat; height: 107px; border:0px;}

/*---------------------------------- Drop Down -------------------------------*/

#sddm
{	margin: 12px 0px 0px 25px;
	padding: 0;
	height:30px;
	}

#sddm li
{	margin: 0; padding: 0px 10px 0px 10px;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block; margin: 0px; padding: 5px 30px 7px 5px;
	font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000;
	text-align: center; background:url(../images/circle.png) no-repeat right;
	text-decoration: none;}

#sddm li a:hover
{background: url(../images/circle.png) no-repeat right; margin: 0px; padding: 5px 30px 7px 5px; color:#FFF; text-decoration:none;}

#sddm li .selected
{background: url(../images/circle.png) no-repeat right; margin: 0px; padding: 5px 30px 7px 5px; color:#FFF; text-decoration:none;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #ebebfd;
	border: 1px solid #EF620E; min-width:150px;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F7AD81;
		color: #000;
		font: 12px arial;}

	#sddm div a:hover
	{	background: #EF620E;
		padding: 5px 10px 5px 10px;
		color: #FFF;}

/*-------------------------------------- END --------------------------------------*/