/******************************************* 
CSS DOCUMENT FOR CUELOGIC 
AUTHOR: 		SHANTANU JOSHI
DATE CREATION:	27 JANUARY 2010
EMAIL:			JOSHANTANU@GMAIL.COM       		
*******************************************/

/* global classes */
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align:middle;
	/*background: transparent;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
}
body {padding-bottom:10px; background-color:#E8E7E1; line-height:20px;}
a {color:#008FC7; text-decoration:none; font-weight:bold; }
a:hover {text-decoration:underline; color:#E77100;}
ol, ul {list-style: none;}
p {padding-bottom:10px;}

/* Global classes end */

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; vertical-align:middle; }

.clear {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
#header:after, .clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:1px;

}

#wrapper { width:869px; margin:20px auto; background-color:#FFFFFF; padding-left:30px; padding-right:30px; padding-bottom:10px; padding-top:10px;}

/* HEADER STYLES */
#header {padding-bottom:30px;}

#header #mainNav { float:right; margin:55px 50px 0 0; _margin-right:25px;}
#header #mainNav ul li { float:left; padding:0 10px;}
#header #mainNav ul li a{ color:#008FC7; text-transform:uppercase; display:block; padding:5px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#header #mainNav ul li a:hover {color:#000;}
#header #mainNav ul li a.active { color:#000;}
#header #mainNav ul li a.active:hover { color:#000; text-decoration:none;}

/* page content styles */
.pad10 {padding:10px;}
.pad5 {padding:5px;}
.pad6 {padding:6px;}
.floatRt { float:right;}
.floatLt { float:left;}


#pageContainer { color:#404041;}

#leftPane 	{ float:left; width:253px;}
#midPane 	{ float:left;}
#rightPane 	{ float:left; width:253px;}
#meetCues	{	float:left; width:869px;}
#cueContainer{	float:left; width:847px; height:auto; background-color:#f8f8f8; border:solid 1px #ebeaeb;}

#pageContainer.colspan12 #midPane { width:610px; margin-right:6px;}

.homeGraphix { background:url(../images/homeGraphix.jpg) no-repeat; height:168px;}
.homeGraphix .punchLine { color:#006A94; font-size:18px; font-family: Tahoma,"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin:25px 0 0 35px; }

h1 {font:normal 20px "trebuchet MS"; color:#333;}
h2 {font:normal 18px "trebuchet MS"; text-transform:uppercase; color:#333;}
.pad3 {padding:3px;}

.mapBanner {border:1px solid #EBEAEB; height:167px; position:relative; margin-top:20px;}
.mapBanner #map{position:absolute; top:-35px; left:10px;}
.mapBanner .punchLine { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin:70px 75px 0 0; _margin-right:38px; color:#404041; float:right; height:26px; }

.mapBanner #people{position:absolute; top:-40px; left:71px;}
.mapBanner #what{position:absolute; top:-35px; left:5px;}
.mapBanner #how{position:absolute; top:-35px; left:30px;}
.mapBanner #job{position:absolute; top:-50px; left:10px;}
.mapBanner #contact{position:absolute; top:-50px; left:10px;}

.mapBanner .punchLineBig { font-family:"Trebuchet MS"; font-size:22px; margin:50px 25px 0 0; _margin-right:25px; color:#e6e6e6; text-align:right;}
.mapBanner .punchLineBanner { font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:20px; margin:0 100px 0 0; _margin-right:50px; color:#404041; float:right; }
.mapBanner .punchLineBig span{	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;}

#pageContainer.colspan13 #midPane { width:580px; margin-right:6px;}
#pageContainer.colspan13 #rightPane { width:282px;}

#midPane span{	font-size:18px; color:#404041;}
.rightBorder{	border-right:solid 1px #ebeaeb;}
#rightPane .offImg{	margin:5px 0;}

#meetCues span{	font-size:18px; color:#404041;}
#meetCues .cueImg{	margin-bottom:5px;}

#cueContainer .cue1{	width:396px; height:auto; background-color:#ffffff; border:solid 1px #ebeaeb; padding:10px 10px; margin:5px 2px; float:left;}
#cueContainer .cue1 .cue1Img{ float:left; margin-right:10px; margin-top:10px; margin-bottom:10px;}
#cueContainer .cue1 .info{	width:273px;}
#cueContainer .cue1 .info .eMail{ font-size:12px; color:#008fc7;}
#cueContainer .cue1 .info .infoMenu ul{	margin:0; padding:0;}
#cueContainer .cue1 .info .infoMenu ul li{	display:block; background:url(../images/info_menu_bullet.gif) no-repeat left center; padding-left:15px; margin-bottom:5px;}

#cueContainer .lastCue{ float:left;	width:100%;}

.grayBdr { border:1px solid #EBEAEB; }
.blueBdr { border:1px solid #57C1F4; }
.grayBg { background:#F8F8F8;}
.blueBg { background:#6BCFFF;}
.greenBg { background:#A7D054;}
.blueBg2 { background:#7E8AC4;}
.orangeBg { background:#F6D660;}

.logoHolder {background:#fff; border-bottom:1px solid #C2AA51; margin:12px 0; padding:0 10px}

.seperator { border-bottom:1px solid #C2AA51; font-size:1px; height:0; line-height:0; margin:5px 0; }

.thumbnails { margin:0 auto;}
.thumbnails th {height:90px; border:1px solid #EBEAEB; background:#fff; width:33%;}
.thumbnails td { height:50px; text-align:center; vertical-align:top;}

#footer { font-size:11px; color:#231F20; padding:25px 0 15px 0;}
#footer a {font-weight:normal;font-size:11px; }

.bannerMsg {margin:10px auto; width:220px; }
.BMessage{ text-align:center; float:left; width:150px;  height:60px; font-size:13px; font-weight: bold; color:#FFFFFF; padding-top:10px; padding-left:5px;}
.BMessage ul li {	width:150px;  overflow:hidden; height:60px; padding:0 10px; }
.BMessage ul { margin:0; padding:0;   padding-top:20px;	}
#next, #prev { margin-top:25px; padding-bottom:5px; cursor:pointer}
.text{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.para{
padding-top:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
}


/*------------- Contact Us Starts ---------------*/
.title{	width:615px; float:left;}
.contactForm{	width:615px;}
.cForm{	width:390px; height:auto; background-color:#fcfcfc; border:solid 1px #e1e1e1; margin:15px 0 0 0; padding:15px 15px 0 15px;}
#midPane .cForm ul{	margin-bottom:10px;}
#midPane .cForm ul li{	display:block;}
#midPane .cForm ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5c5c5c;}
#midPane .cForm ul li span.bullet1{ background:url(../images/bullet_1.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet2{ background:url(../images/bullet_2.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet3{ background:url(../images/bullet_3.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet4{ background:url(../images/bullet_4.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet5{ background:url(../images/bullet_5.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet6{ background:url(../images/bullet_6.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li span.bullet7{ background:url(../images/bullet_7.jpg) no-repeat left center; padding-left:23px;}
#midPane .cForm ul li input{ width:263px; height:24px; margin-left:23px;}
#midPane .cForm ul li select{ margin-left:23px;}
#midPane .cForm ul li select.choose1{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5c5c5c;}
#midPane .cForm ul li textarea{ width:344px; height:90px; margin-left:23px;}
#midPane .cForm .submit{ width:100%; height:31px; padding:0; margin:15px 0 15px 0;}
#midPane .cForm .submit div{ width:202px; margin:0 auto; height:31px;}
#midPane .cForm .submit li{ float:left;}
#midPane .cForm .submit li input{	display:block; width:95px; height:31px; margin:0; margin:0 3px;}
#midPane .findUs{	margin:15px 0 0 0;}
#rightPane .ourOff{	padding:0 18px; margin:15px 0 0 0;}
#rightPane .ourOff span.blueTitle{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#008fc7; font-weight:bold;}

/*------------- Contact Us Ends ---------------*/

/*------------- jobs page starts --------------*/

#wrapper #leftCol{	width:615px; height:100%; float:left;}
.rssImg{ position:absolute; width:233px; height:57px; top:350px; _top:342px; background-image:url(../images/rss_feed_img.gif);}
#rightPane .grayTxt{ font-size:11px; color:#9e9e9e;}
#rightPane .txtHead li{ display:block; padding-bottom:6px; margin-bottom:6px; border-bottom:dashed 1px #cccccc;}
#rightPane .txtHead li a{ font-size:13px; color:#424242; background:url(../images/rss_arrow.gif) no-repeat top left; background-position:0 4px; padding-left:13px; }

/*------------- jobs page ends ----------------*/


#midPane ul li span.bullet1{ background:url(../images/bullet_1.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet2{ background:url(../images/bullet_2.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet3{ background:url(../images/bullet_3.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet4{ background:url(../images/bullet_4.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet5{ background:url(../images/bullet_5.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet6{ background:url(../images/bullet_6.jpg) no-repeat left center; padding-left:23px; font-size:12px;}
#midPane ul li span.bullet7{ background:url(../images/bullet_7.jpg) no-repeat left center; padding-left:23px; font-size:12px;}

label.error { float: none; color: red; padding-left: }

div.message{
    background: transparent url(../images/msg_arrow.gif) no-repeat scroll left center;
    padding-left: 7px;
}

div.error{
    background-color:#F3E6E6;
    border-color: #924949;
    border-style: solid solid solid none;
    border-width: 2px;
    padding: 2px 5px;
}
div.group {
    width: 50px; /* or any other value */
}

.inputbox{ width:140px; height:15px; margin-left:23px;}
.errorinputbox{ width:140px; height:15px; margin-left:23px; border:1px solid #FF0000;}
.errorstar{ color:#FF0000 !important; margin:0px; padding:0px;}
.bulletbox1{ background:url(../images/bullet_1.jpg) no-repeat left center; padding-left:23px;}
.bulletbox2{ background:url(../images/bullet_2.jpg) no-repeat left center; padding-left:23px;}
.bulletbox3{ background:url(../images/bullet_3.jpg) no-repeat left center; padding-left:23px;}
.bulletbox4{ background:url(../images/bullet_4.jpg) no-repeat left center; padding-left:23px;}
.cFormbox{background-color:#fff; bor der:solid 1px #e1e1e1; }