/* blog style template - collin grasley - modetwentythree.com - this work is public domain, enjoy!  */

/*  main styles ----------------------------*/


/*
a {color: #222; background:inherit; text-decoration:none;}
a:hover { background:none; text-decoration:none; border-bottom:1px dashed;}
p { padding:5px 0 5px 0;}
ul {margin:0; padding:0;list-style:none;}
img {border:0;}
.clear{clear:both; margin-top:1px;}*/
#wrapper { margin:0px auto; width:900px;  padding:0 20px 0 20px; background:#fffbf4;}

/* top ----------------------------*/

#topnav {height:42px; background:#333; width:100%;}
#menu {float:right; height:23px; margin:8px 8px 0 0;}
#menu a {display:block; color:#999; background:inherit; text-decoration:none; margin-right:4px;
line-height:23px;font-weight:bold;}
#menu a:hover {color:#ff3399; background:inherit;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu li {float:left; margin: 0 0 0 5px; }

/* header ----------------------------*/

/*#header {background: url(../images/header.jpg) no-repeat; height:180px; padding:0; margin:0 0 10px 0; clear:both;}*/
#title {float:left; width:340px; padding:50px 0 10px 0; margin:0 0 0 180px;}
#header h1 {  font-size:3.9em; margin:0 0 4px 20px; }
#header h2 {font:0.9em Arial, Sans-Serif; letter-spacing:0; color:#868686; margin:15px 0 0 20px; padding:0;}
.t1{font-family:'Impact';color:#ff3399;}
.t2{font-family:'Impact';color:#333;}

/*  The left column ----------------------------*/

#left {width:190px; float:left; margin-right:20px; padding:0 5px 5px 5px; background:inherit;}
#left ul {padding:3px 0 12px 5px;}
#left li {line-height:18px; background:inherit; list-style:disc; margin-left:16px;
color:#ff3399;}
#left li a {background:inherit; text-decoration:none; }
#left li a:hover {text-decoration:none;}

/*  The linkbar column ----------------------------*/

#linkbar {float:left; width:190px; padding:0 5px 5px 5px; margin-right:20px; background:inherit;}
#linkbar ul {padding:3px 0 12px 5px;}
#linkbar li {line-height:18px; background:inherit; list-style:disc; margin-left:8px; color:#ff3399;}
#linkbar a {background:inherit; text-decoration:none;}
#linkbar a:hover {text-decoration:none;}

/* The left Alone column */
#leftalone {float:left; width:610px; padding:0px 0px 5px 0px; }

#leftalone a { text-decoration:none;}
#leftalone a:hover {text-decoration:none;}

/*  The Right Side ----------------------------*/


#right {float:right; padding:0px 0px 5px 0px ;  width:390px;}
.content {padding: 10px 0 0 0;}
#right img {float:left;padding:0 10px 5px 0;}
#right li {line-height:18px;  margin-left:8px; }
}

.comment_box {clear:both;padding:7px 35px 0 0; margin:10px 0 10px 0;text-align:right;
background:url(../images/comment_box_bg.gif) no-repeat top right;height:32px;}
.comment_box a {font:bold 1.2em Arial, Sans-Serif; color:#ff3399; background:transparent;}

/*  The CSS for the Article headlines ----------------------------*/

.headline_one{font-size:3.50em;line-height:.8em; color:#333; font-family:'Impact';}
.headline_two{font-size:3.50em;line-height:.8em; color:#333;
font-family:'Impact'; border-bottom:4px solid #ff3399;}
.headline_three{font-size:1.3em;font-weight:bold;color:#333;text-transform:uppercase;
border-bottom:#ff3399 2px solid;}
.number{font-family:'Impact';float:left;line-height:1em; color:#ff3399; font-size:4.0em; margin-right:8px;}
.headline_url{text-decoration:none;color:#999; font-weight:bold; font-size:1.48em; line-height:1.5em;
text-transform:uppercase; padding-bottom:3px;}
.small_caps{color:#333; font-size:.7em; text-transform:uppercase; letter-spacing:6px; padding-top:1px;}

/*  The CSS for the blockquote, this is XHTML valid --------------------------------------*/

q {float:left; width:14em; display:block; margin:0.75em 0.75em 0 0; padding:0.3em; 
border:1px double #CCC; border-width:2px 0; color:#333; background:none; 
text-align:left; font:italic 1.6em/1.7em Georgia;}

/* footer ----------------------------*/

#footer {clear:both; width:900px; margin:0; 
background:inherit;}

/* back */
.back {float:right; background: url(../images/back.gif); width: 56px; height: 20px}
.back a {font:bold 1.2em Arial, Sans-Serif; color:#ff3399; background:transparent; margin-left: 20px;}




/**
 * Style sheet for Gulfnet
 *
 *
 * @author Ranjit Kumar
 * @company Kuwaitnet.
 * @package Gulfnet
 * @date 23/June/2009
 */
 
html, body {
	height:100%;
	margin:0px;	
	padding:0px;
}

body {
	font-family:tahoma;
	font-size:11px;
	/*background:#f2f2f2 url(../images/body_bg.jpg) repeat-x;*/
	background:#f2f2f2;
	color:#525252;
}

h1, h2, h3, h4, h5, h6, p, a, em, span, img, table, form, div {
	border:medium none;
	font-style:normal;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0pt;
	padding:0pt;
}

#gulfnet {
	width:1003px;
	margin:0 auto;
}

#header {
	height:120px;
	overflow:hidden;
}

.txt_box_header {
	width:175px;
	margin:1px;
	*margin:0px;
	font-size:12px;
	height:16px;
	border:1px solid #d7d7d7;
	padding-left:5px;
	color:#525252;
}

.login {
	margin-top:5px;
	border-right:1px solid #a1a1a1;
	min-height:107px;
	_height:107px;	
}

.login a {
	font-size:10px;
	text-decoration:none;
	color:#000000;
}

.login a:hover {
	text-decoration:underline;
}

.login_btn {
	background:url(../images/signin.jpg) no-repeat;
	width:58px;	
	height:18px;
	border:none;
	vertical-align:middle;
	margin-top:3px;
	cursor:pointer;
}

.login div {
	margin:1px 0px;
	vertical-align:middle;
}

.client_login {
	font-size:15px;
	padding-bottom:3px;
	font-family:"Century Gothic", arial, verdana;
}

.language_btn {

        background:url(../images/arabic.png) no-repeat;
	border:none;
	width:67px;
	cursor:pointer;
}

.right_header a{
	color:#ADAFB2;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	font-family:"Century Gothic", arial, verdana;
}
.right_header a:hover{ 
	text-decoration:underline;
}

.right_btn {
	padding-left:45px;
	text-align:left;
	font-weight:bold;
        height:50px;
}

.right_btn a{
font-family:"Century Gothic", arial, verdana;
	font-weight:bold;
}
.reg a {
        color:#6c8526;
        text-decoration:underline;
}
.reg a:hover {
	text-decoration:none;
}


.vmid {
	vertical-align:middle;
}

.space10 {
	height:10px;
	overflow:hidden;
}

.space30 {
	height:30px;
	overflow:hidden;
}

.space5 {
	height:5px;
	overflow:hidden;
}

h1 {
	color:#6C8526;
font-family:"Century Gothic",arial,verdana;
font-size:14px;
font-weight:bold;
}

#top_nav {
	background:#f2f2f2 url(../images/top_nav_bg.jpg) no-repeat center top;
	width:1003px;
min-height:72px;	
_height:72px;
	padding-top:10px;	
}

.about_btn {
	background:url(../images/about_btn.jpg);
	width:166px;
	height:51px;
	border:none;
	cursor:pointer;
}

.resi_btn {
	background:url(../images/resi_btn.jpg);
	width:248px;
	height:51px;
	border:none;
	cursor:pointer;
}

.contact_btn {
	background:url(../images/contact_btn.jpg);
	width:143px;
	height:51px;
	border:none;
	cursor:pointer;
}

.go_btn {
	background:url(../images/go_btn.jpg);
	width:37px;
	height:18px;
	border:none;
	cursor:pointer;
}

.rightbar {
	border-left:1px solid #a1a1a1;
	padding-left:20px;
}

.left_border {
	border-right:1px solid #a1a1a1;
	margin:10px 0px;
}

.top_btn {
	padding-left:10px;
}

.white_bg {
	background:#ffffff;
}

.heading {
	color:#6C8526;
	font-family:"Century Gothic", arial, verdana;
	padding:10px;
	font-weight:bold;
	font-size:13px;
}

.subheading {
	color:#A6CE39;
	font-size:12px;
}

.box_content {
	line-height:18px;
}

.box_content a {
	font-size:11px;
	font-weight:bold;
	color:#7d7d7d;
	text-decoration:none;
}

.ptop5 {
	padding-top:5px;
}

.round_corner_top, .round_corner_bot  {
	height:12px;
	overflow:hidden;
	position:relative;
}

.round_corner_t_left, .round_corner_b_left {
	height:12px;
	overflow:hidden;
	width:51%;
	position:absolute;
	left:0;
	top:0;
}

.round_corner_t_right, .round_corner_b_right {
	height:12px;
	overflow:hidden;	
	width:50%;
	float:right;
}	

.round_corner_t_left {
	background:url(../images/top_curve.gif) no-repeat left top;		
}

.round_corner_t_right {
	background:url(../images/top_curve.gif) no-repeat right top;
}

.round_corner_b_left {
	background:url(../images/bottom_curve.gif) no-repeat left top;		
}

.round_corner_b_right {
	background:url(../images/bottom_curve.gif) no-repeat right top;
}

.round_corner_inner {
	border-left:1px solid #EBEBEB;
	border-right:1px solid #EBEBEB;
	padding:0px 10px;
	background:#FFFFFF url(../images/box_bg.jpg) repeat-x;
	min-height:165px;
	_height:165px;
}	

.fright {
	float:right;
}

.box_heading {
	color:#6C8526;
	font-family:"Century Gothic", arial, verdana;
	font-size:14px;
	font-weight:bold;
}

.box_content {
	font-size:11px;
	text-align:justify;
}

.btn {
	background:url(../images/btn_bg.jpg) no-repeat;
	width:119px;	
	border:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:2px 0px;
	cursor:pointer;
}
.resetbtn {
        background:url(../images/changemind.jpg) no-repeat;
        width:185px;
        border:none;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        padding:2px 0px;
        cursor:pointer;
}
.ddl {
	width:182px;
	font-size:12px;
}

.kbps {
	padding:5px 0px 5px 10px;
}
.linking a {
	text-decoration:underline;
}
.linking a:hover {
	text-decoration:none;
}
.cash {
	color:#6C8526;
	font-family:"Century Gothic", arial, verdana;
	font-size:11px;
	font-weight:bold;
}

.td_border {	
	border-bottom:1px solid #E9E9E9;	
	height:1px;
	overflow:hidden;
}

#footer {
	width:1003px;
	margin:0 auto;	
*margin-top:-10px;
	
 }
 
.footer_bg {
	background:#ffffff url(../images/footer_bg.jpg) repeat-y left;
	height:72px;
	vertical-align:middle;
	color:#7D7D7D;
	font-size:11px;
	letter-spacing:1px;	
}

.footer_border {
	border-bottom:1px solid #e1e2e3;
	border-top:1px solid #e1e2e3;

}

.footer_bg a{ 
	color:#7D7D7D;
	font-size:11px;
	text-decoration:none;
	letter-spacing:1px;
}

.footer_bg a:hover{ 
	text-decoration:underline;
}

.fleft {
	float:left;
}

div#navigation {   

   height: 38px;  

}



ul#tabsHeader {

   list-style: none;

   margin: 0 0 -5px 0;   
   float:right;
   padding:0px;
 /*  position: absolute;

   bottom: 0px;

   left: 0;

   min-width: 550px;

   z-index: 1;*/

}



/** html ul#tabsHeader {

   list-style: none;

   margin: 0 0 -5px 0;

   padding: 0;

   position: absolute;

   bottom: -5px;

   left: 0;

   min-width: 550px;

   z-index: 10;

}*/



ul#tabsHeader li {

   display: inline;

   float: left;

   height: 29px;

   font-family: Lucida, Tahoma, Verdana, sans-serif;

   font-size: 12px;

   margin: 0 1px 0 1px;

   position: relative;

   white-space: nowrap;
   
   margin-left:4px;

}



ul#tabsHeader li,

   ul#tabsHeader li#current {

   background-position: top right;

   background-repeat: no-repeat;

}



ul#tabsHeader li a {

  /* background-position: top left;

   background-repeat: no-repeat;

   padding: 5px 15px 0 15px;

   display: block;

   height: 29px;

   font-weight: bold;

   width: 55px;

   white-space: nowrap;*/

     display: block;

   font-weight: bold;

   line-height:38px;

   text-align:center;

}



ul#tabsHeader li#current a {

   display: block;

   font-weight: bold;

   line-height:38px;

   text-align:center;



}



ul#tabsHeader li#current {

  /* background-image: url('images/select.jpg');*/

}



ul#tabsHeader li#current a {

  /* background-image: url(../images/select.jpg);*/

     height:38px;

   color: #fff;

   text-decoration:none;

   width:111px;

}




ul#tabsHeader li {

  /* background-image: url('images/deselect.jpg');

   height:38px;*/

}



ul#tabsHeader li a {

/* background-image: url(../images/deselect.jpg);*/

   height:38px;

   color: #fff;

   text-decoration:none;

   width:111px;

    display: block;

   font-weight: bold;

   line-height:38px;

   text-align:center;

}


ul#tabsHeader li a:hover {

/* background-image: url(../images/select.jpg);*/

   height:38px;

   color: #fff;

   text-decoration:none;

   width:111px;

    display: block;

   font-weight: bold;

   line-height:38px;

   text-align:center;

}

.passwords {
	color:#8E8E8E;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}





/* added by rashmi on 20090713 */

.right a {
	color:#A6CE39;
	text-decoration:underline;
}


#box {
	z-index:1;
	position:relative;
}
#box ul {
	margin:0;
	padding:0;
	height:43px;
	list-style:none;
	
	}
#box ul li{
	list-style:none;
}

#box ul li.notselected {	
	float:left;			
	overflow:hidden;
	height:43px;
	margin-right:2px;
}
#box ul li.notselected a{
	background:url(../images/tab_bg.jpg) no-repeat;
	height:43px;
	padding:0px 0px 0px 8px;
        float:left;
	color:#000000;
	cursor:pointer;
	font-weight:bold;	
	text-decoration:none;
}

#box ul li.notselected a em{
	background:url(../images/tab_bg.jpg) top right no-repeat;
	height:43px;
	padding:10px 15px 0px 10px;	
	float:left;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;	
	 font-size:11px;
}


#box ul li.selected {	
	float:left;			
	overflow:hidden;
	height:43px;
	margin-right:2px;
	
}
#box ul li.selected a{
	background:url(../images/tab_bg_selected.jpg) no-repeat;
	float:left;
	height:43px;
	padding:0px 0px 0px 8px;	
	color:#000000;
	cursor:pointer;
	font-weight:bold;	
	text-decoration:none;
	
}

#box ul li.selected a em{
	background:url(../images/tab_bg_selected.jpg) top right no-repeat;
	height:43px;
	padding:10px 15px 0px 10px;	
/*	color:#6C8526;*/
	color:#666666;
	cursor:pointer;
	font-weight:bold;	
	float:left;
	font-size:11px;	
}

#container {
	border:1px solid #A8A8A8;	
	border-bottom:none;
	margin-right:1px;
	margin-top:-1px;
	z-index:-1;	
	height:520px;	
	font-family:tahoma;
	color:#525252;
	background:#FFFFFF;
/*	letter-spacing:1px;*/
}

.padding{	
	padding:20px;
	text-align:justify;	
	font-size:11px;
}

.clr {
clear:both;
}
.show {
display:block;
}
.hide {
display:none;
}
.corner {
	float:right;
	margin-top:-1px;
	margin-right:-1px;
	z-index:+1;
	position:relative;
}

.leftcorner {
	background:url(../images/corner_lb.gif) bottom left no-repeat;	
	height:14px;
	overflow:hidden;
	width:51%;
	position:absolute;
	left:0;
	top:0;

}

.rightcorner {
	background:url(../images/corner_rb.gif) bottom right no-repeat;
	height:14px;	
	overflow:hidden;	
	width:50%;
	float:right;

}

.corner2 {
	height:14px;
	overflow:hidden;
	position:relative;
	margin-right:1px;


}

div#navigation {
height:38px;
}

.quest {
	padding:8px 0px;
}

.ultra {
	color:#A6CE39;
	font-size:30px;

	font-family:"Tahoma", Arial;
}

.pack {
	color:#525252;
	font-size:30px;
	
		font-family:"Tahoma", Arial;
}

.center {
	margin:0 auto;
}

.left_td {
	width:25px;
	
}

.middle_td {
	width:90%;
}

.right_td {
	width:25px;
}

.left_td_border {
	border-left:1px solid #e8e8e8;
	
}

.right_td_border {
	border-right:1px solid #e8e8e8;
	}

.inner_border {
	border:1px solid #e8e8e8;
	border-left:none;
	border-right:none;
	height:248px;
}

.top_border {
	border-top:1px solid #e8e8e8;
}

.bottom_border {
	border-bottom:1px solid #e8e8e8;
}


.inner_heading {
	color:#A6CE39;
	font-size:15px;
	font-weight:bold;	
}

.rules {
	color:#87AA27;
	font-size:10px;
	padding:10px 0px;
}


.lists {
	text-align:left;
	font-size:10px;
}


.lists ul li {
	list-style:decimal;
}

.row_left {
	background:url(../images/left_green.jpg) no-repeat right;
	width:132px;
	height:25px;	
	text-align:left;
}

.row_mid {
	background:#D8E9A8;	
	height:25px;	
}


.row_right {
	background:url(../images/right_green.jpg) no-repeat right;
	width:160px;
	height:25px;	
	text-align:right;
	
}


.in_bor {
	border-right:1px solid #e8e8e8;
}

.p10 {
	padding-left:20px;
padding-top:5px;
}

.pr10 {
	padding-right:20px;
	text-align:right;
padding-top:5px;
}

.h20 {
	height:40px;

}


.p50 {
	padding-left:50px;
padding-top:5px;
}

/* added by ranjit -search */



.sf_active{
 border:2px #8BB544 solid;
 background:#fff;
 color:#333;
}
/* with text (when field is inactive but contains user's input)  */
.sf_text{
 border:2px #8BB544 solid;
 background:#fff;
 color:#333;
}
 
/* suggestions box */
/* js code generates unordered list */
.sf_suggestion{ 
 top:0px;
 margin-left:110px; 
}
.sf_suggestion ul{
 position:absolute;
 margin:0;
 padding:0;
 background:#b6d264;
 border:2px solid #819650;
 z-index:+1;
}
.sf_suggestion li{
 margin:0;
 padding:0;
 list-style:none;
}
.sf_suggestion li a{
 display:block;
 text-indent:5px; 
 font-size:12px;
 color:#fff;
 text-decoration:none;
}
.sf_suggestion li.selected a{
 background:#ccc;
 color:#000000
}
/*end searhc */
#leftalone .doyou{
width:303px;
float:left;
margin-left:3px;
margin-top:5px;
}
#right .doyou{
width:388px;
margin-top:5px;
}

#leftalone .votingpoll{
width:303px;
float:left;
margin-top:5px;
}
#right .votingpoll{
width:388px;
margin-top:5px;
}
#box ul li.notselected a:hover{
 background:url(../images/over.jpg) no-repeat;
 height:43px;
 padding:0px 0px 0px 8px;
 float:left;
 color:#000000;
 cursor:pointer;
 font-weight:bold; 
 text-decoration:none;
}
 
#box ul li.notselected a:hover em{
 background:url(../images/over.jpg) top right no-repeat;
 height:43px;
 padding:10px 15px 0px 10px; 
 float:left;
 color:#FFFFFF;
 cursor:pointer;
 font-weight:bold; 
}

.common_active {
	color:#525252;
font-size:12px;
height:16px;
margin:1px;
padding-left:5px;
width:175px;
 border:2px #8BB544 solid;
 background:#fff;
 }



.portlet-mode-container {
display:none;
}


/* Added by ranjit - Aug 3rd */

#innerwrapper{
	display: block;
	width: 964px;
	margin: 0px;
	padding: 0px 16px;
}

#innerwrapper #header{
	display: block;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 119px;
	position: relative;
	text-align: left;
}
span.small{
	font-size: 10px;
	color: #999999;
}

#topnav #searchblock {
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-top: 24px;
	width: 312px;
	padding-left: 16px;
}

#topnav #searchblock form{
	margin: 0px;
	padding: 0px;
}

#topnav #searchblock form input.text{
	border: 1px solid #d7d7d7;
	padding: 0px 2px;
	width: 160px;
	color: #525252;
}

/*#topnav #searchblock form input.submit{
	border: 0px solid #d7d7d7;
	padding: 0px 2px;
	height: 18px;
	width: 37px;
	background-image: url(../images/gobg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer;
	cursor: hand;
	line-height: 16px;
}*/

/* Main Starts */
#main {
	display: block;
	margin-top: 6px;
}

#leftcol {
	display: block;
	width: 600px;
	margin-right: 14px;
	float: left;
	text-align: left;
	text-align: justify;
}

#leftcol #slides {
	display: block;
	height: 292px;
	overflow: hidden;
	position: relative;
}

#leftcol #tabcontents {
	display: block;
	margin-top: 12px;
} 

#leftcol #tabcontents #tabs {
	display: block;
	text-align: left;
	z-index: 1002;
}

#leftcol #tabcontents #tabs ul{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 42px;	
	border-bottom: 1px solid #a8a8a8;
	width: 594px;
}

#leftcol #tabcontents #tabs ul li{
	display: block;
	float: left;
	margin: 0px;
	margin-right: 6px;
	padding: 0px;
	list-style-type: none;
	z-index: 1005;
}


#leftcol #tabcontents #tabbox {
	display: block;
	border-left: 1px solid #a8a8a8;
	border-right: 1px solid #a8a8a8;
	padding: 16px;
}

#leftcol #tabcontents #tabbox  .tabfield {
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
}

#leftcol #tabcontents #tabbox  .tabfield legend{
	font-weight: bold;
}

#leftcol #tabcontents #tabbox .tabfield p{
	padding: 12px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock {
	display: block;
	margin-bottom: 6px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspan1,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspan2{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 32px;
	line-height: 32px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	width: 260px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig1,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig3{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 32px;
	line-height: 32px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	width: 260px;
	padding-left: 16px;
	text-align: left;
	border-bottom: 1px solid #E6E6E6;
}


#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig3 {
	border: 0px solid #CCCCCC;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.ndspanbig3 {
	width: 172px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle1,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle3,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitleright,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitlefull,
 span.spntitlefull2{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 38px;
	line-height: 38px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	background-color: #e1eebb;
}

span.spntitlefull,
span.spntitlefull2,
 span.spntitlefull3{

	display: block;
	height: 16px;
	line-height: 16px;	
	float: none;
	text-align: left;
	background-color: #e1eebb;
	font-weight: bold;
	padding: 12px;
	clear: both;
}

 span.spntitlefull2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock div.spntitlefull2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitlefull3,
#leftcol #tabcontents #tabbox .tabfield div.spanblock div.spntitlefull3{
	background-color: #f2f8e1;
	display: block;
	font-weight: normal;
	padding: 12px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock div.spntitlefull3{
	color: #9cb94d;
}

#leftcol #tabcontents #tabbox .tabfield span.spn1,
#leftcol #tabcontents #tabbox .tabfield span.spn4,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle1 {
	width: 264px;
	border-right: 1px solid #c6d2a6;
}

#leftcol #tabcontents #tabbox .tabfield span.spn2,
#leftcol #tabcontents #tabbox .tabfield span.spn5,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle2{
	width: 140px;
	border-right: 1px solid #c6d2a6;	
}

#leftcol #tabcontents #tabbox .tabfield span.spn3,
#leftcol #tabcontents #tabbox .tabfield span.spn6,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitle3{
	width: 158px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.spntitleright{
	width: 298px;
}

#leftcol #tabcontents #tabbox .tabfield span.spn1,
#leftcol #tabcontents #tabbox .tabfield span.spn2,
#leftcol #tabcontents #tabbox .tabfield span.spn3,
#leftcol #tabcontents #tabbox .tabfield span.spn4,
#leftcol #tabcontents #tabbox .tabfield span.spn5,
#leftcol #tabcontents #tabbox .tabfield span.spn6{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 38px;
	line-height: 38px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	background-color: #e1eebb;
}

#leftcol #tabcontents #tabbox .tabfield span.spn1,
#leftcol #tabcontents #tabbox .tabfield span.spn2,
#leftcol #tabcontents #tabbox .tabfield span.spn3{
	background-color: #e5edd1;
}
#leftcol #tabcontents #tabbox .tabfield span.spn4,
#leftcol #tabcontents #tabbox .tabfield span.spn5,
#leftcol #tabcontents #tabbox .tabfield span.spn6{
	background-color: #f4f7ed;
}

#leftcol #tabcontents #tabbox .tabfield span.inputlebel{
	display: block;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 160px;
	float: left;
	padding: 0px 12px;	
}
#leftcol #tabcontents #tabbox .tabfield span.inputbox{
	display: block;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	width: 340px;
	float: left;
	padding: 0px 12px;
}

/* Registration Form */

#regformleft,
#regformright,
#regformleft2,
#regformright2{
	display: block;
	float: left;
	width: 270px;
}

div.spanblock input.regtext,
div.spanblock select.regtext,
div.spanblock input.regtextreq,
div.spanblock select.regtextreq {
	display: block;
	border: 1px solid #CCCCCC;
	height: 18px;
	margin: 2px;
	width: 140px;
	float: left;
	color: #525252;
font-size:10px;
}

div.spanblock input.regtext2,
div.spanblock input.regtext2req{
	display: block;
	border: 1px solid #CCCCCC;
	height: 18px;
	margin: 2px;
	width: 204px;
	float: left;
	color: #525252;
}

div.spanblock input.regtext3,
div.spanblock input.regtext3req{
	
	border: 1px solid #CCCCCC;
	height: 18px;
	margin: 2px;
	width: 64px;
	display: block;
	float: left;
	text-align: center;
	color: #525252;
}

div.spanblock input.regtext3req,
div.spanblock input.regtext2req,
div.spanblock input.regtextreq,
div.spanblock select.regtextreq {
	background-color: #eee2e2;
	color: #525252;
}

div.spanblock input.radioo {
	display: block;
	height: 20px;
	float: left;
	padding-right: 6px; 
}

input.files {
	margin: 2px;
	width: 260px;
}

.ie input.files {
	margin: 2px;
	height: 22px;
}

span.redtext2{
	display: block;
	height: 18px;
	float: left;
	color: #CC0000;
	padding: 0px 6px;
}

span.redtext3{
	display: block;
	height: 12px;
	float: left;
	color: #CC0000;
	padding: 0px 0px;
	padding-top: 6px;
}

div.spanblock select.birth {
	display: block;
	border: 1px solid #CCCCCC;
	height: 18px;
	margin: 2px;
	width: 48px;
	float: left;
	font-size: 10px;
}
div.spanblock span.regcol2{
	display: block;
	width: 52px;
	height: 18px;
	float: left;
}

div.regformsubsec{
	display: block;
	font-weight: bold;
	padding: 16px 16px 12px 16px; 
}

div.warning {
	display: block;
	margin: 12px 0px;
	padding: 6px 12px;
	color: #FFFFFF;
	background-color: #CC0000;
}

input.code{
	width: 72px;
	border: 1px solod #990000; 
}

div.spanblock label {
	display: block;
	float: left;
	height: 22px;
	width: 100px;
	line-height: 22px;
	vertical-align: 60px;
	padding-left: 16px;
}


div.spanblock label.type {
	width: 220px;
	text-align:left;
}

div.spanblock span.secodlabel {
	width: 124px;
	display: block;
	height: 20px;
	line-height: 18px;
	vertical-align: middle;
	float: left;
	text-align: right;
}

div.spanblock label.autotype {
	width: auto;
	padding-right: 6px;
}

div.spanblock input.type,
div.spanblock select.type,
div.spanblock input.typereq,
div.spanblock select.typereq {
	display: block;
	border: 1px solid #CCCCCC;
	height: 22px;
	margin: 4px;
	width: 200px;
	float: left;
	color: #525252;
/*	font-size:10px*/;
}

div.spanblock input.typereq,
div.spanblock select.typereq {
	background-color: #eee2e2;
}


#rightcol {
	display: block;
	border: 0px solid #CCCCCC;
	width: 350px;
	float: left;
	position: relative;
	text-align: left;
}

#rightcol div.rightcolbox div div,
#rightcol div.rightcolbox2 div div{
	display: block;
	padding: 16px;
	background-image: none;
	padding-bottom: 12px;
}

#rightcol div.rightcolbox2 div div div{
	margin: 0px;
	padding: 0px;
}

#rightcol div.rightcolbox div div h2,
#rightcol div.rightcolbox2 div div h2{
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 12px;
	color: #6c8526;
}

#rightcol div.rightcolbox div div div.iconbox,
#rightcol div.rightcolbox2 div div div.iconbox{
	display: block;
	float: left;
	width: 88px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	margin-right: 12px;
}

#rightcol div.rightcolbox div div div.container,
#rightcol div.rightcolbox2 div div div.container{
	display: block;
	float: left;
	width: 216px;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
}

#rightcol div.rightcolbox div div div.container img.readmore,
#rightcol div.rightcolbox2 div div div.container img.readmore{
	display: block;
	margin: 0px;
	margin-top: 6px;
}

#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle1,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle2,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle3,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle4{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 38px;
	line-height: 38px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	background-color: #e1eebb;
}

#leftcol #tabcontents #tabbox .tabfield span.transpn1,
#leftcol #tabcontents #tabbox .tabfield span.transpn5,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle1 {
	width: 120px;
	border-right: 1px solid #c6d2a6;
}

#leftcol #tabcontents #tabbox .tabfield span.transpn2,
#leftcol #tabcontents #tabbox .tabfield span.transpn6,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle2{
	width: 200px;
	border-right: 1px solid #c6d2a6;	
}

#leftcol #tabcontents #tabbox .tabfield span.transpn3,
#leftcol #tabcontents #tabbox .tabfield span.transpn7,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle3{
	width: 120px;
	border-right: 1px solid #c6d2a6;
}

#leftcol #tabcontents #tabbox .tabfield span.transpn4,
#leftcol #tabcontents #tabbox .tabfield span.transpn8,
#leftcol #tabcontents #tabbox .tabfield div.spanblock span.transpntitle4{
	width: 120px;
}

#leftcol #tabcontents #tabbox .tabfield span.transpn1,
#leftcol #tabcontents #tabbox .tabfield span.transpn2,
#leftcol #tabcontents #tabbox .tabfield span.transpn3,
#leftcol #tabcontents #tabbox .tabfield span.transpn4,
#leftcol #tabcontents #tabbox .tabfield span.transpn5,
#leftcol #tabcontents #tabbox .tabfield span.transpn6,
#leftcol #tabcontents #tabbox .tabfield span.transpn7,
#leftcol #tabcontents #tabbox .tabfield span.transpn8{
	padding: 0px;
	margin: 0px;
	display: block;
	height: 38px;
	line-height: 38px;	
	float: left;
	text-align: center;
	vertical-align: middle;
	background-color: #e1eebb;
}

#leftcol #tabcontents #tabbox .tabfield span.transpn1,
#leftcol #tabcontents #tabbox .tabfield span.transpn2,
#leftcol #tabcontents #tabbox .tabfield span.transpn3,
#leftcol #tabcontents #tabbox .tabfield span.transpn4{
	background-color: #e5edd1;
}
#leftcol #tabcontents #tabbox .tabfield span.transpn5,
#leftcol #tabcontents #tabbox .tabfield span.transpn6,
#leftcol #tabcontents #tabbox .tabfield span.transpn7,
#leftcol #tabcontents #tabbox .tabfield span.transpn8{
	background-color: #f4f7ed;
}

table.data{
	border-collapse: collapse;
	border: 1px solid #c0c6ad;
	border-left: none;
	border-right: none;
	width: 100%;
}

table.data2{
	border-collapse: collapse;
	border: 1px solid #c0c6ad;
	border-left: none;
	border-right: none;
}

table.data tr.raw1,
table.data2 tr.raw1{
	background-color: #e1eebb;
	font-weight: bold;
}
table.data tr.raw2,
table.data2 tr.raw2{
	background-color: #f6f9ef;
}
table.data tr.raw3,
table.data2 tr.raw3{
	background-color: #e5edd1;
}

table.data tr td,
table.data2 tr td{
	text-align: center;
	border: 1px solid #c0c6ad;
	padding: 6px 0px;
}

table.data tr td.noborder,
table.data2 tr td.noborder{
	text-align: center;
	border: 0px solid #c0c6ad;
	padding: 6px 0px;
}

div.pad6{
	display: block;
	padding: 6px 16px;
	margin: 6px 0px;
}

div.pad12{
	display: block;
	padding: 6px 12px;
	margin: 6px 0px;
}

div.float50{
	display: block;
	float: left;
	width: 47%;
}


div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;

	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
		/**/
	z-index: 2;
	width: 240px;
	height: 24px;
}

input.fakein {
	margin:0px 2px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

.chrome input.fakein {
	height: 18px;
	line-height: 18px;
}

input.attachbutt{
	width: 68px;
	height: 18px;
	background-image: url(../images/browse_btn.png);
	background-repeat: no-repeat;	
	background-color: #fff;
	margin-top: 0px;
	border:none;
	cursor:pointer;
}

input.attachbutt2{
        width: 68px;
        height: 18px;
        background-image: url(../images/browse_btn.png);
        background-repeat: no-repeat;        
        background-color: #f0f3e9;
        margin-top: 0px;
	border:none;
	 cursor:pointer;
}

input.attachbutt24{
        width: 68px;
        height: 18px;
        background-image: url(../images/browse_btn.png);
        background-repeat: no-repeat;        
        background-color: #dde2cc;
        margin-top: 0px;
	border:none;
	 cursor:pointer;
}



.chrome input.attachbutt{
	height: 18px;
	background-position: 0px 0px;
}

span.spanw48{
	display: inline-block;
	width: 48px;
	text-align: right;
}

span.spanw38{
	display: inline-block;
	width: 38px;
	text-align: right;
}

div.tooltipouter{
	display: block;
	width: 247px;
	padding: 0px;
	text-align: center;
}

/*div.tooltiptop{
	display: block;
	width: 247px;
	padding: 0px;
	height: 40px;
	background-image: url(../images/tooltiptop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.tooltipbottom{
	display: block;
	width: 247px;
	padding: 0px;
	height: 12px;
	background-image: url(../images/tooltipbottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px
}*/

div.tooltipcontent {
	display: block;
	text-align: center;
	background-color: #a7a9ac;
	margin: 0px;
	padding: 6px 0px;
}

span.radiospan {
	display: block;
	float: left;
	height: 16px;
	padding: 4px 0px;
}

div.spanblock select.regtext,
div.spanblock select.regtextreq {
	height: 20px;
}

textarea.comment {
	display: block;
	border: 1px solid #CCCCCC;
	height: 72px;
	margin: 2px;
	width: 410px;
	float: left;
	color: #525252;
	float: left;
}


textarea.supportcomment {
        display: block;
        border: 1px solid #CCCCCC;
        height: 245px;
        margin: 2px;
        width: 410px;
        float: left;
        color: #525252;
        float: left;
}


ul.greenbullet {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-bottom: 12px;
}

ul.greenbullet li{
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	list-style-type: none;
	padding-left: 24px;
	background-image: url(../images/bullet1.gif);
	background-repeat: no-repeat;
	background-position: 12px 6px;
}
legend{
	margin-left: 6px;
	padding: 0px 2px;
}

.ie legend{
	margin-left: 1px;
}

.ie input.greybuttonsmall,
.chrome input.greybuttonsmall{
	margin-top: 4px;
}

a.boldlink,
a.boldlink:visited {
	text-decoration: none;
	font-weight: bold;
}

a.greenboldlink,
a.greenboldlink:visited {
	text-decoration: none;
	color: #6c8526;
	font-weight: bold;
}

.redtext{
	color: #990000;
}

.clr6{
	display: block;
	clear: both;
	height: 6px;
}
.clr12{
	display: block;
	clear: both;
	height: 12px;
}
.clr16{
	display: block;
	clear: both;
	height: 16px;
}

div.greybox {
	display: block;
	background-color: #f0f3e9;
	padding: 16px;
}

.greenbold{
	font-weight: bold;
	color: #9cb94d;
}

input.greenbutton,
input.greybutton,
input.greybutton2,
input.greybuttonsmall{
	height: 24px;
	display: block;
	border: 0px solid #CCCCCC;
	width: 119px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 19px;
	vertical-align: middle;
	margin: 6px;
	background-image: url(../images/greenbuttonbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-align: center;
	font-size: 11px;
	cursor: hand;
	cursor: pointer;
	background-color:#FFFFFF;
}

.ie input.greenbutton,
.ie input.greybutton,
.ie input.greybutton2,
.ie input.greybuttonsmall{
	height: 21px;
	vertical-align: top;
	background-position: 0px 2px;
}

.chrome input.greenbutton,
.chrome input.greybutton,
.chrome input.greybutton2,
.chrome input.greybuttonsmall{
	height: 20px;
	background-position: 0px 1px;	
}


input.greybutton,
input.greybutton2{
	background-image: url(../images/greybuttonbg.jpg);
}

input.greybutton2{
	background-color: #e5edd1;
}

input.greybuttonsmall {
	background-image: url(../images/greybuttonbgsmall.jpg);
	width: 39px;
	margin-top: 0px;
}

span.formraw{
	display: block;
	padding: 0px;
	margin: 0px;
	margin-bottom: 6px;
	padding-left: 6px;
}




/* End by aug 3rd - ranjit */


.portlet-titlebar-center {
	display:none;
}





.edit_ddl {
        background:#f8fbf1;
        border:1px solid #d8d7d7;
        width:163px;
#       color:#a7a9ac;
        color:#aecf3d;
        font-size:11px;
}


.edit_ddl_month {
        background:#f8fbf1;
        border:1px solid #d8d7d7;
        width:60px;
#       color:#a7a9ac;
        color:#aecf3d;
        font-size:11px;
}


.edit_ddl_year {
        background:#f8fbf1;
        border:1px solid #d8d7d7;
        width:50px;
#       color:#a7a9ac;
        color:#aecf3d;
        font-size:11px;
}

legend {
	color:#000000;
}




/* added by ranjit sep 3rd */
/* start */


.hr2 {
	display: block;
	border: 0px solid #999999;
	height: 1px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #999999;
}

.h2{
	font-size: 18px;
	font-weight: normal;
}
.h3 {
	font-size: 16px;
	font-weight: normal;
}

#common {
	text-align: left;
	text-align: justify;
	font-family: tahoma;
	font-size: 11px;
	color: #333333;
	margin-left: 16px;
	margin-top: 16px;
	margin-right: 16px;
	margin-bottom: 16px;
	background:#ffffff;
}

#english{
	display: block;
	float: left;
	width: 48%;
	
}


#english span {
	display: block;
	padding: 6px 0px 6px 16px;
}

#arabic{
	display: block;
	float: right;
	width: 48%;
	direction: rtl;
	text-align: right;
	text-align: justify;	
}

#arabic span {
	display: block;
	padding: 6px 16px 6px 0px;
}
.error-message{
	color: red;
}

/*end */

/* Added by ranjit */

.topup {
     background:url('/myPortal-0.0.1-SNAPSHOT/images/topup.png') no-repeat;
     _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/topup.png', sizingMethod='scale');
      width:68px;
      height:18px;
     display:block;
     float:left;
   cursor:pointer;
        border:none;
        }

 .topup_hover {
     background:url('/myPortal-0.0.1-SNAPSHOT/images/topup_hover.png') no-repeat;
     _background:none;
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/topup_hover.png', sizingMethod='scale');
     width:68px;
     height:18px;
     display:block;
    float:left;
    cursor:pointer;
    border:none;
 }

.plan1_continue {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/continue_new_btn.png') no-repeat;
  width:105px;
  height:18px;
  border:none;
cursor:pointer;
}
.plan1_continue_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/continue_btn_hover.png') no-repeat;
  width:105px;
  height:18px;
  border:none;
  cursor:pointer;
}

.plan1_buy {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/buy_btn.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
cursor:pointer;
}
.plan1_buy_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/buy_btn_hover.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
  cursor:pointer;
}

.plan1_upgrade {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/upgrade_btn.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
cursor:pointer;
}
.plan1_upgrade_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/upgrade_btn_hover.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
  cursor:pointer;
}

.boost {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/boost_btn.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
cursor:pointer;
}
.boost_over {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/boost_btn_hover.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
  cursor:pointer;
}

.getBooster_purchase {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/get_booster.png') no-repeat;
  width:105px;
  height:18px;
  border:none;
cursor:pointer;
}
.getBooster_purchase_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/get_booster.png') no-repeat;
  width:105px;
  height:18px;
  border:none;
  cursor:pointer;
}

a.prenews {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/previous_btn.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
  display:block;
  float:left;
 }
a.prenews:hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/previous_btn_hover.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
 }
 
 a.nextnews {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/next_btn.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
	margin-left:5px;
 }
a.nextnews:hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/next_btn_hover.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
	margin-left:5px;
 }
	
.getplan {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/getplan.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
cursor:pointer;
    
 }
.getplan_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/getplan_hover.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
   cursor:pointer;
 }
.okbtn {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/ok_button.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
cursor:pointer;
 
 }
.okbtn_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/ok_button_hover.png') no-repeat;
  width:75px;
  height:18px;
  border:none;
   display:block;
    float:left;
   cursor:pointer;
 }

.browse {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/browse_btn.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
   display:block;
    float:left;
cursor:pointer;

 }
.browse_hover {
  background:url('/myPortal-0.0.1-SNAPSHOT/images/browse_btn_hover.png') no-repeat;
  width:68px;
  height:18px;
  border:none;
   display:block;
    float:left;
   cursor:pointer;
 }

div.tooltipouter{
	display: block;
	width: 247px;
	padding: 0px;
	text-align: center;
}

div.tooltiptop{
	display: block;
	width: 247px;
	padding: 0px;
	height: 40px;
	background-image: url(../images/tooltiptop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

div.tooltipbottom{
	display: block;
	width: 247px;
	padding: 0px;
	height: 12px;
	background-image: url(../images/tooltipbottom.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px
}

div.tooltipcontent {
	display: block;
	text-align: center;
	background-color: #a7a9ac;
	margin: 0px;
	padding: 6px 0px;
}

a.resi_home {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/services&solutions_btn.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/services&solutions_btn.png', sizingMethod='scale');
	    width:202px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
	}
	
	a.resi_home:hover, a.resi_home_select {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/services&solutions_btn_hover.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/services&solutions_btn_hover.png', sizingMethod='scale');
	    width:202px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
	}

a.resi_contact {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/contactus_btn.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/contactus_btn.png', sizingMethod='scale');
	    width:129px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}
	
	a.resi_contact:hover, a.resi_contact_select {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/contactus_btn_hover.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/contactus_btn_hover.png', sizingMethod='scale');
	    width:129px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}
	a.resi_careers {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/FAQ.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/FAQ.png', sizingMethod='scale');
	    width:133px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}
	
	a.resi_careers:hover, a.resi_careers_select {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/FAQ_hover.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/FAQ_hover.png', sizingMethod='scale');
	    width:133px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}


        a.resi_faq {
                background:url('/myPortal-0.0.1-SNAPSHOT/images/FAQ.png') no-repeat;
                _background:none;
                _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/FAQ.png', sizingMethod='scale');
            width:133px;
            height:44px;
                display:block;
                float:left;
                cursor:pointer;
                margin-left:3px;
        }

        a.resi_faq:hover, a.resi_faq_select {
                background:url('/myPortal-0.0.1-SNAPSHOT/images/FAQ_hover.png') no-repeat;
                _background:none;
                _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/FAQ_hover.png', sizingMethod='scale');
            width:133px;
            height:44px;
                display:block;
                float:left;
                cursor:pointer;
                margin-left:3px;
        }







	
	a.resi_subs {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/ssubscribe.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/ssubscribe.png', sizingMethod='scale');
	    width:123px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}
	
	a.resi_subs:hover, a.resi_subs_select {
		background:url('/myPortal-0.0.1-SNAPSHOT/images/ssubscribe_hover.png') no-repeat;
		_background:none;   
	  	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/myPortal-0.0.1-SNAPSHOT/images/ssubscribe_hover.png', sizingMethod='scale');
	    width:123px;
  	    height:44px;    
		display:block;
		float:left;
		cursor:pointer;
		margin-left:3px;
	}




/* end */

.portlet-body{
vertical-align:top;
}

.portlet-content-left, .portlet-content-right {
    display:none;
}