/* ######### CSS for Shade Tabs. Remove if not using ######### */
#countrydivcontainer{padding-bottom:15px;}
#countrydivcontainerLock{
	position:absolute; width:525px; background-color:#fff;	filter:alpha(opacity=75);	-moz-opacity: 0.75;	opacity: 0.75;
	display:block;
	text-align:center;
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
* html #countrydivcontainerLock{ /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.shadetabs{padding:0px 0; margin-left: 0px; margin-top: 0px; margin-bottom: 0; 
	font-family:"Segoe UI", Tahoma, Verdana, Arial; /*Arial, Helvetica, sans-serif; */
	font-size:13px; font-weight:bold; color:#333333; list-style-type: none; font-weight:bold;
	text-align: left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li a span{ padding:0px 0px; }
.shadetabs li{display: inline; margin:0;}
.shadetabs li a div.shadetab_R{background:#FF0000; display:inline; background: #CCE0F4 url(../images/shade3_right_top.gif) right top no-repeat;}
.shadetabs li a{text-decoration: none; position: relative; top:-1px; z-index: 1; padding: 0px 0px; padding-top:0px;
	margin-right: 0px; margin-left: 0px; color: #000000; border:0px; border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF; background: #CCE0F4 url(../images/shade3_left_top.gif) left top no-repeat;}
.shadetabs li a:visited{color: #000;}
.shadetabs li a:hover{text-decoration: none; color: #FFFFFF;}
.shadetabs li a.selected{ /*selected main tab style */
 	text-decoration: none; position: relative; top:-1px; z-index: 1; padding: 0px 0px; margin-right: 0px; margin-left: 0px;
	color: #000000; border:0px; background: #3D69B7 url(../images/shade3_left_top.gif) left top no-repeat; 
	border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; top: 0px; color: #FFFFFF;}
	
.shadetabs li a.selected div.shadetab_R{background:#FF0000;  display:inline; background: #3D69B7 url(../images/shade3_right_top.gif) right top no-repeat;}
.shadetabs li a.selected{ /*selected main tab style */	
	background-image: url(../images/shade2.gif);
	border-bottom-color: white;
	font-weight:bolder;
	/*color: #6e6e78;*/
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
	border:0px;
	/*background: white url(../images/shade2.gif) top left repeat-x;*/
	/*background: white url(../images/shadeactive4.gif) top left repeat-x;*/
	background: #3D69B7 url(../images/shade3_left_top.gif) left top no-repeat;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
	border:0px;
	/*background: white url(../images/shade2.gif) top left repeat-x;*/
	/*background: white url(../images/shadeactive4.gif) top left repeat-x;*/
	background: #3D69B7 url(../images/shade3_left_top.gif) left top no-repeat;

	text-decoration: none;
	color: #FFFFFF;
}

/* ######### CSS for Shade Tabs. Used in Sawaal Section ######### */
#countrytabs{ padding:0px; margin-left:0px;}
/* ######### CSS for Shade Tabs. Used in Offer Section ######### */
#countryOffertabs{ padding:0px; margin-left:0px;}
/* ######### CSS for Shade Tabs. Used in Polls Section ######### */
#countryPolltabs{ padding:0px; margin-left:0px;}
/* ######### CSS for Shade Tabs. Used in MyPolls Section ######### */
#countryMyPolltabs{ padding:0px; margin-left:0px;}
/* ######### CSS for Shade Tabs. Used in MySawaal in Profile Section ######### */
#countryMySawaaltabs{ padding:0px; margin-left:0px;}
/* ######### CSS for Shade Tabs. Used in Offers Section ######### */
#searchOffertabs{ padding:0px; margin-left:0px;}

.shadetabs1{display: block;  font-family:"Segoe UI", Tahoma, Verdana, Arial; /*Arial, Helvetica, sans-serif; */
	font-size:11px; font-weight:bold; color:#FFFFFF; list-style-type: none; text-align: left; margin:0px;
	/*set to left, center, or right to align the menu as desired*/}
.shadetabs1 li{float:left; margin: 0 0 0 3px;    min-width: 70px; /* be nice to Opera */}
.shadetabs1 li:first-child{margin: 0 0 0 0px}

.shadetabs1 a, .shadetabs1 a span {display: block; padding: 3px 5px 3px 10px; background: url(../images/tab1.jpg) no-repeat;}
.shadetabs1 a{
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;	padding-top: 0px;	padding-bottom: 0px;    color: #333333;
	font-weight: bold;	text-align: center;	text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    top: 1px;
}
.shadetabs1 li a.selected{ position: relative; top: 0px; z-index: 2;  margin-top: 0; color: #FFFFFF;}

*>.shadetabs1 li  a span { /* hide from IE 6 */ width: auto; height: auto;}
.shadetabs1 li a span {padding-bottom: 4px;}
.shadetabs1 li a.selected span {padding-bottom: 6px;}
.shadetabs1 li a.selected/* ,.shadetabs1 li a.selected:active ,.shadetabs1 li a.selected:hover, .shadetabs1 li a.selected:focus,*/{
    background-position: 100% -150px;}
.shadetabs1 li a/* , .shadetabs1 li a:active  , .shadetabs1 li a:hover, , .shadetabs1 li a:focus */{
    background-position: 100% -100px;}
.shadetabs1 li a.selected span /* , .shadetabs1 li a:active span, .shadetabs1 li a:hover span, .shadetabs1 li a:focus span,  */{
    background-position: 0 -50px;}
.shadetabs1 li a:hover, .shadetabs1 li a:focus, .shadetabs1 li a:active{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}

/****** Home Page Tabs */
#countrytabs{ padding:0px; margin-left:0px;}
#countryOffertabs{ padding:0px; margin-left:0px;}
.shadetabs2{
	display: block; 
	font-family:"Segoe UI", Tahoma, Verdana, Arial; /*Arial, Helvetica, sans-serif; */
	font-size:18px; font-weight:bold; color:#FFFFFF;
	list-style-type: none;
	font-weight:bold;
	text-align: center; 
	/*set to left, center, or right to align the menu as desired*/
}
.shadetabs2 li{float:left; margin: 0 0 0 3px;    min-width: 70px; /* be nice to Opera */}
.shadetabs2 li:first-child{margin: 0 0 0 0px}

.shadetabs2 a, .shadetabs2 a span {margin-top:3px; display: block; padding: 7px 12px; 
	background: transparent url(../images/tab1.jpg) no-repeat; color: #333333;}

.shadetabs2 a{
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;	padding-top: 0px;	padding-bottom: 0px;    color: #333333;
	font-weight: bold;	text-align: center;	text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    top: 1px;
}
.shadetabs2 li a.selected{position: relative; top: 0px; z-index: 1; margin-top: 0; color: #FFFFFF;}
*>.shadetabs2 li  a span { /* hide from IE 6 */ width: auto; height: auto;}
.shadetabs2 li a span {padding-bottom: 4px;	}
.shadetabs2 li a.selected span {padding-bottom: 9px;}
.shadetabs2 li a.selected/* ,.shadetabs1 li a.selected:active ,.shadetabs1 li a.selected:hover, .shadetabs1 li a.selected:focus,*/{
    background-position: 100% -150px;}
.shadetabs2 li a/* , .shadetabs1 li a:active  , .shadetabs1 li a:hover, , .shadetabs1 li a:focus */{
    background-position: 100% -100px;}
.shadetabs2 li a.selected span /* , .shadetabs1 li a:active span, .shadetabs1 li a:hover span, .shadetabs1 li a:focus span,  */{
    background-position: 0 -50px; color:#FFFFFF;}
.shadetabs2 li a:hover, .shadetabs2 li a:focus, .shadetabs2 li a:active{ /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}

.shadetabs2 li.signup a span{margin-top:10px; padding: 6px 12px;}

.shadetabs2 li.signup a.selected span{margin-top:5px; padding: 7px 12px;}
.shadetabs2 li.signup a.selected/* ,.shadetabs1 li a.selected:active ,.shadetabs1 li a.selected:hover, .shadetabs1 li a.selected:focus,*/{
	background-position: 100% -150px;}
.shadetabs2 li.signup a span {padding-bottom: 1px;}
.shadetabs2 li.signup a.selected span {padding-bottom: 6px;}

.shadetabs2 li.login a span{margin-left:0px; margin-top:10px; padding: 6px 12px;}
.shadetabs2 li.login a.selected span {margin-left:0px; margin-top:5px; padding: 7px 12px;}
.shadetabs2 li.login a span {   padding-bottom: 1px;	}
.shadetabs2 li.login a.selected span {    padding-bottom: 6px;}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{padding: 0; width: 362px; border-top: 5px solid #D25A0B; /*Brown color theme*/ background: transparent;
	voice-family: "\"}\""; voice-family: inherit;}

.modernbricksmenu2 ul{margin:0; margin-left: 10px; /*margin between first menu item and left browser edge*/
	padding: 0;	list-style: none;}

.modernbricksmenu2 li{display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase;}

.modernbricksmenu2 a{float: left; display: block; font: bold 11px Arial; color: white; text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background-color: black; /*Brown color theme*/ 
	border-top: 1px solid white;}

.modernbricksmenu2 a:hover{background-color: #D25A0B; /*Brown color theme*/ color: white;}

.modernbricksmenu2 a.selected{ /*currently selected tab*/	background-color: #D25A0B; /*Brown color theme*/ color: white;
	border-color: #D25A0B; /*Brown color theme*/}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/}

.indentmenu ul{margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid darkred; /*darkred border*/
	background: black url(../images/indentbg.gif) center center repeat-x;}

.indentmenu ul li{
	display: inline;
}

.indentmenu ul li a{float: left; color: black; /*text color*/ padding: 3px 11px; text-decoration: none;
	border-right: 1px solid darkred; /*darkred divider between menu items*/}
.indentmenu ul li a:visited{color: black;}

.indentmenu ul li a.selected{color: black !important;	padding-top: 4px; /*shift text down 1px*/ padding-bottom: 2px;
	background: black url(../images/indentbg2.gif) center center repeat-x;}
#limitp{display:none;}

#rlimit{display:block;}

/************** tabs bof *****************/
.biMainTabs{padding:0; margin:0; list-style-type:none; white-space:nowrap;}
.biMainTabs li {float:left;}
.biMainTabs a {position:relative; display:block; text-decoration:none; float:left; font-family:'lucida grande', tahoma, verdana, arial, sans-serif;}
.biMainTabs a span {display:block; color:#000; border:1px solid #fff; border-width:0px 1px; text-align:center; 
				padding:4px 5px; cursor:pointer; font-size:11px; font-weight:bold; background:#cbe0f5;}
.biMainTabs a em {display:none;}
.biMainTabs a:hover {background:#fff;}
.biMainTabs a:hover span {color:#fff; background:#0066aa;}
/*.biMainTabs a:hover em{display:block; overflow:hidden; border:4px solid #06a; border-color:#06a #fff; border-width:4px 4px 0 4px; 
				position:absolute; left:50%; margin-left:-6px; height:6px;}*/

.biMainTabs li em.selected{display:block; border:4px solid #06a; border-color:#06a #fff; border-width:4px 4px 0 4px; 
				position:absolute; left:50%; margin-left:-6px; height:6px;}
.biMainTabs li.selected a span{color:#fff; background:#0066aa;}

/************** tabs eof *****************/

.biMainTabsLarge{padding:0; margin:0; list-style-type:none; white-space:nowrap;}
.biMainTabsLarge li {float:left;}
.biMainTabsLarge a {position:relative; display:block; text-decoration:none; float:left; font-family:'lucida grande', tahoma, verdana, arial, sans-serif;}
.biMainTabsLarge a span {display:block; color:#000; border:1px solid #fff; border-width:0px 1px; text-align:center; 
				padding:4px 5px; cursor:pointer; font-size:14px; font-weight:bold; background:#cbe0f5;}
.biMainTabsLarge a em {display:none;}
.biMainTabsLarge a:hover {background:#fff;}
.biMainTabsLarge a:hover span {color:#fff; background:#0066aa;}
/*.biMainTabsLarge a:hover em{display:block; overflow:hidden; border:4px solid #06a; border-color:#06a #fff; border-width:4px 4px 0 4px; 
				position:absolute; left:50%; margin-left:-6px; height:6px;}*/

.biMainTabsLarge li em.selected{display:block; border:4px solid #06a; border-color:#06a #fff; border-width:4px 4px 0 4px; 
				position:absolute; left:50%; margin-left:-6px; height:6px;}
.biMainTabsLarge li.selected a span{color:#fff; background:#0066aa;}
