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

body{
	padding:0px;
	margin:0px;
	font: normal 12px Tahoma;
	color:#444444;
	background:#1D7DA3;	
	}
.forms{
	border: 0px solid #CAE4FF;
	}
span{
	padding:0px;
	margin:0px;
	border:0px;
}
#layer1{
	width:1000px;
	height:auto;
	border:#6BCADE solid 0px;
	color:#414141;
	background:#FFFFFF;
	clear:both;
	}
#header{
	width:auto;
	height:88px;
	background:#F7F7F7 url(../images/img_topbg.jpg) repeat-x;
	clear:both;
	}
img, img a{
	border:none;
	}
p{
	font-size:12px;
	line-height:18px;
	}
#header #logo{
	float:left;
	position:relative;
	padding:10px;
	}
#header #top_menu{
	float:right;
	position:relative;
	padding-right:10px;
	padding-top:5px;
	}
#header #top_menu ul, #header #top_menu ul li, #top_menu ul li a{
	list-style:none;
	padding-left:5px;
	display:inline;
	font-size:10px;
	text-decoration:none;
	}
/* Start */
#menubar{
	height:25px;
	width:1000px;
	clear:both;
	background:url(../images/nevbar.png) repeat-x;
	color:#CCCCCC;
	text-align:left;
	padding-top:7px;
	}
#menubar ul, #menubar ul li{
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:5px;
	}
#menubar ul li a{
	display:inline;
	text-decoration:none;
	list-style:none;
	padding-left:10px;
	padding-right:5px;
	color:#FFFFB9;
	}
#menubar ul li a:hover, .act{
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:5px;
	font-weight:bold;
	color:#FFFFB9;
	}

/* Main Navigation */
#navigation{ 
	background: url(../images/menubg_a.jpg) #000000 repeat-x left bottom; 
	font-family:Calibri; 
	color:#ffffff; 
	text-transform:uppercase; 
	font-size:14px;
	height:39px;
}

#navigation ul{	
	margin:0px; 
	padding:0px 10px 0px 12px; 
	list-style:none; 
	}
#navigation ul li{ 
	float:left; 
	margin-right:1px;
	}
#navigation ul li a{
	font-family:Calibri;
	font-size:14px;
	color:#000000;
	text-decoration:none;
	display:block;
	padding:5px 20px 0px 20px;
	line-height:33px;
}
#navigation ul li a:hover, #navigation ul li a.selected {
	background:url(../images/menubg_in.jpg) repeat-x left top #006666;
	height:34px;
	text-decoration:none;
	color:#FFFF00;
}
#top_menu ul li a:hover {
	color:#FFFF66;
	}
#headerflx{
	height:255px;
	width:auto;
	clear:both;
	}
fieldset, form{
	color:#333333;
	}
#content{
	width:1000px;
	height:auto;
	clear:both;
	}
#content #leftside{
	float:left;
	position:relative;
	width:790px;
	height:auto;
	text-align:left;
	vertical-align:top;
	padding-left:5px;
	}
#content #leftside #contxt{
	padding:10px 5px 10px 5px;
	clear:both;	
	letter-spacing:0.25px;
	text-align:justify;	
	}
#content #leftside #sitemap
{
}
#content #leftside #sitemap ul
{
list-style:url(../images/arrow.jpg); line-height:25px;
}
#content #leftside #sitemap ul a
{
text-decoration:none;
color:#3399CC;
}
#content #leftside #titles{
	padding:10px 5px 10px 0px;
	clear:both;	
	font-size:14px;
	color:#1B60A5;
	font-weight:bold;
	border-bottom:1px groove #666666;
	}
#content #leftside #tabslot{
	padding-top:10px;
	line-height:15px; 
	height:33px;
	clear:both;	
	}
	
#content #leftside #tabslot div.off{
	color:#404040; 
	height:33px; 	
	margin-right:1px; 
	line-height:33px; 
	padding:0 11px; 
	float:left; 
	background:url(../images/tabs_up.gif) repeat-x left bottom; 
	border:1px solid #ddd; 
	cursor:pointer; 
	position:relative;
	font-weight:bold; 
	z-index:20;
	
	}
#content #leftside #tabslot div.on {
	color:#FFFFFF; 
	padding:0 11px; 	
	font-weight:bold;
	margin-right:1px; 
	float:left; 
	background:url(images/tabs_dow.gif) repeat-x left bottom #1B60A5; 
	cursor:pointer; 
	height:33px; 
	line-height:32px; 
	border:1px solid #ddd; 
	position:relative; 
	z-index:100;
	
	}
.clear {
	clear:both;
	}
div.hide {
	display:none; 
	width:0;
	overflow:hidden;
	}
div.show {
	clear:both; 
	background:#fff; 
	width:760px; 
	padding:10px;
	border:#ddd solid 1px;
	height:225px;	
	margin-top:1px; 
	position:relative; 
	z-index:50; 
	line-height:18px;
	margin-bottom:10px;
	}
.tabtitle{
	font-size:13px;
	color:#2E75C2;
	font-weight:bold;
	clear:both;
	}
.tabpage{
	clear:both; 
	height:auto; 
	padding-top:10px;
	}
.tabpage .tabbox{
	float:left; 
	position:relative; 
	height:200px; 
	width:245px; 
	border:#ddd solid 1px; 
	margin-right:6px;
	}
.tabpage .tabbox .titlex{
	clear:both; 
	height:50px; 
	background:#CCCCCC; 
	width:245px; 
	border-bottom:#CCCCCC solid 1px;
	}
	
#content #rightside{
	float:left;
	position:relative;
	width:200px;
	height:auto;
	}
#content #rightside .quatbox{
	width:195px; 
	height:auto; 
	border:#CCCCCC solid 0px;
	
	color:#CCCCCC;  
	margin:10px 0px 5px 0px;
	}
#footer{
	height:30px;
	border-top:#666666 solid 1px;
	clear:both;
	padding:10px;
	text-align:center;
	}

#menu, #menu ul {
	list-style-type:none; 
	padding:0PX;
	margin:0PX;
	}

#menu li {
	float:left; 
	background:#666666; 
	margin:3px 3px 0px 0px; 
	position:relative;
	text-align:left;
	}
#menu li.sub {
	background:#006666;
	width:auto;
	}

/* for IE5.5 and IE6 only */
#menu table {
	border-collapse:collapse;
	position:absolute;
	top:0;
	left:0;
	z-index:80;
	font-size:1em;
	}

#menu li a {
	display:block; 
	color:#000; 
	height:25px; 
	line-height:24px; 
	width:125px; 
	text-decoration:none; 
	text-align:center;
	}
#menu :hover, #menu :hover > a {
	color:#ee0; 
	background:#988;
	}

#menu ul, #menu :hover ul ul
{
	position:absolute; 
	left:-9999px; 
	width:128px;
	} #menu :hover ul :hover ul ul
{
	position:absolute; 
	left:-9999px; 
	width:auto;
	}
#menu :hover ul :hover ul ul.left {
	position:absolute; 
	left:-9999px; 
	width:128px;
	}
#menu :hover ul{
	left:0;
	top:25px; 
	background:url(transparent.gif);
	}
/* the background image is for IE7 */

#menu :hover ul :hover ul, #menu :hover ul :hover ul :hover ul {
	padding:0 3px; 
	left:125px; 
	top:-3px;
	}

#menu :hover ul :hover ul.left, #menu :hover ul :hover ul :hover ul.left {
	padding:0 3px; 
	left:-131px; 
	top:-3px;
	}
#host{
	background:#F1FCFE;
	text-align:left;
	color:#383838;
	}
.bgcolor1{
	background:#D0DDEA;
	
	font-size:12px;
	font-weight:bold;
	}
.bgcolor{
	background:#F8F8F8;
	font-size:12px;
	}
.bgcolorb{
	background:#FFFFFF;
	font-size:12px;
	}	
#host .futitles{
	height:40px;	
	text-align:left;
	}
#host .futitles .leftcont{
	float:left;
	position:relative;
	padding:5px;
	width:140px;
	}
#host .futitles .rightcont{
	float:right;
	position:relative;
	padding:5px;
	width:140px;
	text-align:left;
	}
.leftside { float:left; width:195px; padding-right:10px; text-align:left; }
ul.leftnavi { margin:0px; padding:0px 0px 20px 0px; list-style:none; width:195px; float:left; text-align:left;}
ul.leftnavi li { width:195px; background:#003333; line-height:20px; font-size:13px; color:#CCCCCC; float:left;   }
ul.leftnavi li a { line-height:20px; font-size:13px; color:#FFFFFF; text-decoration:none; border-bottom:#FFFFFF solid 1px; padding:5px 0px 5px 12px; display:block; }
ul.leftnavi li a:hover, ul.leftnavi li a.selected { background:#FD7E00; display:block; color:#FFFFFF; font-weight:bold; font-size:13px;}

/*Bulk sms */

.smsrow{
	width:780px; 
	margin-top:5px;
	height:auto;
	}
.smsrow .cells{
	float:left; 
	position:relative; 
	width:185px; 
	background:#D3FAFA; 
	height:auto;
	padding-top:5px;
	padding-left:10px;
	text-align:left;
	font-size:14px;
	color:#003366;
	font-weight:bold;
	}
.smsrow .cellstxt{
	float:left; 
	position:relative; 
	width:183px; 
	height:auto;
	padding-top:5px;
	text-align:left;
	padding-left:10px;
	color:#333333;	
	}
.smsrow .bor {
	border-left:#CCCCCC solid 1px;
	border-bottom:#CCCCCC solid 1px;
	}
.smsrow .bor2 {
	border-right:#CCCCCC solid 1px;
	}
	
/*End*/