﻿/* 	CSS Document
	Author 	: www.techepoch.com [ND]
	Date 	: November 2011
	Description : 2 Col FAUX, CSS, Progressive layout for ICICI Careers

*/
@charset "utf-8";
/* Start CSS Resets */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;background: transparent;}
body {	line-height: 1.5; background:#fff;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */:focus {	outline: 0;}
/* remember to highlight inserts somehow! */ins {	text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;}
/* End CSS Resets */
body {color:#333; font-family:Arial, Helvetica, sans-serif; font-size:77%; background:#ffffff;  margin:0px;}
a {text-decoration:none;/*color:#4F8399;*/ color:#155676; } a:hover {text-decoration:none; cursor:pointer; color:#333}
ul {list-style: none;}
form{ font-size:0.9em;}
.sitesprite{background:url(../images/site_sprite.png) no-repeat;}
/* Clear Floated Elements */
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {clear: both; content: ' ';	display: block;	font-size: 0;	line-height: 0;	visibility: hidden;	width: 0;	height: 0;}
/*	The following zoom:1 rule is specifically for IE6 + IE7.Move to separate stylesheet if invalid CSS is a problem.*/
* html .clearfix,
*:first-child+html .clearfix {zoom: 1;}
/* 	Layout */
/* 	Body */
#main_body  {	margin:0px auto 0px auto;	width: 990px;	/*background:#FFCCFF;*/ }
#main_body_contents {margin-top:0px; z-index:100;}

/* 	Headers */
#main_header{margin:0px auto 0px auto; 	width: 100%;  height:75px;}
#logo{ width:340px; height:75px;  margin:0px; float:left; display:block; background:url(../images/logo.png);}
#top_right{ float:right; font-size: 14px; line-height:75px; margin: 0 5px 0 0 ;}
#main_banner{width:100%; height:300px;  background:#9999FF; z-index:50;}
.fauxline {	float: left;	width: 100%;	display: block;	position: relative; background-color:#66FF00; }
.fauxcol {	position: relative;	float: left;	left: 100%;}
.fauxcolleft {	margin-left: -100%;	width:290px;	background-color:#FF99FF; }
.fauxcolright {	margin-left: -690px;	width: 690px;	background-color:#FFFF66; }
.fauxcol_content {	padding:2px 1px;}
.fauxcol_content {	padding:2px 1px;}


#main_menu{ z-index:100;width:250px; height:440px; margin:10px 0 0 0; float:right; background:#CC9E97; position:absolute; right:0; 
			opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */
}
.main_menu_item{font-size:14px; display:block;width:auto; height:43px; background:#97281e; border-left:5px solid #E77817; color:#fff; line-height:40px; padding-left:10px;	margin-top:1px; }
#adv_search_box{width:715px; height:126px;  background-color:#D1D1BB; margin:5px 0 0 0; padding:10px; }
#search_input{margin: 5px 0 10px 0;}
#adv_search_box .search_jobs_text{ line-height:24px; font-size:16px; color:#97281E; margin:0px 5px 0 0; float:left; }
#adv_search_box .search_form{width:345px;height:25px; background:#fff; display:inline-block;}
#adv_search_box .search_form input{width:300px; height:23px;  float:left;  display:inline-block; background:#fff; border:0;}
#adv_search_box .search_form .search_btn{width:25px; height:25px; float:right; background:url(../images/icon_search.png); display:inline-block;  margin:0}
.search_section{width:220px; height:50px;  float:left; border-left:1px solid #fff; margin:15px 5px 0 0; padding: 0 0 0 10px;}
.search_section_title{font-size:16px; color:#97281E;}
.search_section_body{font-size:11px; color:#737369; line-height:14px; margin:5px 0;}


#home_page_sections_container{margin:10px 0 10px 0;}
.home_page_section{position:relative; width:235px; height:200px; background:#fff; float:left; border-left:1px solid #D1D1BB; margin:10px 5px 10px 0; padding:0 0 0 5px;}
.home_page_section_title{font-size:16px; color:#053C6D;}
.home_page_section_img{width:235px; height:100px; overflow:hidden; margin:10px 0;}
.home_page_section_dtls{line-height:14px; margin:5px 0;}
.home_page_section_more{float:right; margin:15px 5px 0 5px; bottom:0; right:0;}
.left_arrow{ background:url(../images/left_arrow.png) no-repeat 0 3px;}
.announce_row{display:block; padding:3px 0 0 15px;}
/* 	Footer */
#main_footer{width: 990px; height:40px; background-color:#fff;}
#main_footer_inner {width: 1117px;  
margin:10px auto 0 auto;clear: both;  height:30px;border-top: 1px solid #cacaca; font-size:12px; color:#999999; padding:5px 10px;
}
#main_footer_inner a{color:#B4B4A9;}
#main_footer_inner_right{float:right; margin:8px 0 0 0;}
.icon_smedia{ width:25px; height:30px; float:left; margin:0 0 0 5px; background:url(../images/icon_sprite.jpg) no-repeat;}
.fb{background-position: -5px -5px;}
.tw{background-position: -34px -5px;}
.ln{background-position: -65px -5px;}
.gl{background-position: -95px -5px;}
/* Other */ 


/* Misc */ 
.floatl{float:left;} .floatr{float:right;}
.f09{font-size:9px;} .f10{font-size:10px;} .f11{font-size:11px;} .f12{font-size:12px;}  .f13{font-size:13px;} .f14{font-size:14px;} .f16{font-size:16px;}  .f18{font-size:18px;} .f20{font-size:21px;} .f22{font-size:22px;} .f24{font-size:24px;}  .f26{font-size:26px;} .f36{font-size:36px;}  
.fnormal{font-weight:normal;}.fbold{font-weight:bold;} .fgrey {color:#B4B4A9;} .fdgrey {color:#737373;} .fred {color:#97281E;} .fblue{color:#053C6D;}
.displayn{display:none;} .displayb{display:block;}
.pad0{padding:0px;} .pad5{padding:5px 0px;} .fontarial{font-family: Arial, Helvetica, sans-serif;}
.no_border{border:0px;} .no_margin{margin:0px;}
.lh1{line-height:16px;} .lh2{line-height:22px;} .lh3{line-height:18px; padding:5px 0 0 0;}  .lh4{line-height:26px;}



/*---------- YOU CAN CHANGE THIS STUFF -----------*/
#bannerRotator { width:990px; height:300px; /*padding:5px; margin:20px auto; background::#EEE; border:1px solid #CCC;*/ }
#bannerRotator ul li img{ max-width:990px; max-height:300px;  }
#bannerRotator ul li .textdiv{ position:absolute; width:360px; height:160px; margin:60px 0 0 55px; background:#97281e; color:#FFF; padding:20px; 
								opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */
}
#bannerRotator ul li .textdiv_title{ font-size:36px;  padding:0 0 10px 0; border-bottom:1px solid #BC9583;}
#bannerRotator ul li .textdiv_body{ color:#D1D1BB; line-height:16px; font-size:14px; }
/*---------- YOU MIGHT BREAK IT IF YOU CHANGE THIS STUFF -----------*/
#bannerRotator { position:relative; }
#bannerRotator ul { list-style:none; padding:0; position:relative; margin:0; }
#bannerRotator ul li { display:none; position:absolute; }
#bannerRotator ul li a { text-decoration:none; }

#bannerNav { position:absolute; margin:220px 0 0 75px; /*right:15px; bottom:15px;background:url(img/transBlack75.png) repeat 0 0;  padding:5px 5px 5px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;*/ }
#bannerNav a { margin:3px 10px 0 0; height:10px; width:10px; display:block; background:url(../images/dotDark.png) no-repeat 0 0; float:left; }
#bannerNav a.active { background-image:url(../images/dotLight.png); }
#bannerNav span.pause, #bannerNav span.play { cursor:pointer; height:15px; width:15px; display:block; background:url(img/pause.png) no-repeat 0 0; float:left; }
#bannerNav span.play { background-image:url(img/play.png) }

.bullet_list{margin:10px 0 0 20px;}
.bullet_list li{ padding:3px 0 ; list-style:disc; line-height:16px;}



.table 
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000000;
}
.outerDetailsTable
{
	background-color:#cccccc;
	border:0px;
	border-color:#FFFFFF;
}
.innerDetailsTable
{
	background-color:#FFFFFF;
	border:0px;
	border-color:#FFFFFF;
}
.custSpace {
    margin-left: 5px !important;
}