@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose: All the CSS Rules required to design web pages.
*	Author: Suraj Naik n[dot]suraj[at]cssaglobal[dot]com
****************************************************************************************************/

/*  search for anything
global declarations = GENERIC, H1 TO H6 styling	= HEAD, changeable content = CONTENT, navs / listings	= NAVS,
mdoules = ARTICLE, plain bg colors = BGS, gradients = GRADS, borders = BORDERS, visual containers	= ROUNDS,
text, fonts, = TEXTALL, form, input	= INPUT, footer = FOOTER, Miscellaneous = MISC,


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
body {font:normal 11px Verdana; color:#636363; text-align:left;}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
/*h1,h2,h3,h4,h5,h6,label {text-transform:capitalize; text-decoration:none}*/
h1,h2,h3,h4,h5,h6,label {text-decoration:none}
a {color:#636363; font-weight:normal; text-decoration:none}
a:hover {color:#044fa5; text-decoration:underline}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img {border:none}
ul,li {padding:0; margin:0; list-style:none}
li {display:inline}
p {line-height:150%}
p.groups {height:65px}
/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h1.Heading{ font-size:18px; font-weight:bold; color:#324d83}
h2.SubHead{ font-size:16px; font-weight:normal; color:#1e4189}
h3.BlueText{ font-size:12px; font-weight:bold; color:#1e4189}
h3.OrngText{ font-size:12px; font-weight:bold; color:#f06b00}
h3.OrngText a{ font-size:12px; font-weight:bold; color:#f06b00; text-decoration:none}
h3.OrngText a:hover{  color:#f06b00; text-decoration:underline}
h3.white {font-size:15px; font-weight:bold; margin-bottom:10px; color:#fff}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:990px;}
#mainWrapperInn {margin:0 auto; width:970px;}
#header{color:#0000ff}
#header .TopHeader{text-align:right; padding:0 50px; 0 0; height:28px; line-height:25px}
#header .MidHeader{ float:left; width:100%}
#header .MidHeader .logo{ padding:19px 20px 0 12px; float:left; width:202px}
.SearchDv{ float:right; text-align:right; padding:4px 6px 0 0}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#MainContainer{ width:940px; background:#fff}
.LeftCol{ width:640px}
.Rhtcol{ width:285px}
.Rhtcol1{ width:200px}

.Rhtdiv{ width:711px}
.Rhtdivprofile{ width:500px}
.Leftdiv{ width:213px}
#Content{ padding:15px}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer {background:#eee; padding:30px 10px; color:#044fa5; text-align:center; float:left; width:950px}
#footer a{color:#044fa5; text-decoration:none}
#footer a:hover{ text-decoration:underline}
#footer span{ color:#585858}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
.Nav{ background:url(../images/site/nav_bg.gif) 0 0 repeat-x; height:37px}
.Nav ul{ float:left; width:704px}
.Nav ul li{ border-right:1px solid #004391; display:block; height:37px; line-height:35px; float:left}
.Nav ul li a{ display:block; padding:0 7px; color:#fff; text-decoration:none; float:left}
.Nav ul li a:hover{ color:#fff; text-decoration:underline; background:url(../images/site/nav_bg_hover.gif) 0 0 repeat-x; height:37px}

.Tabsdv{ float:left; width:100%; border-bottom:1px solid #a9b4cc}
ul.Tabs li * { background:url(../images/site/tab_sprite.gif) 0 0 no-repeat}
ul.Tabs li{ float:left; margin:0 0 0 5px}
ul.Tabs li a{display:block; padding:0 0 0 5px; font-weight:bold; color:#636363; float:left; text-decoration:none}
ul.Tabs li a span{ background-position: 100% 0; display:block; padding:6px 10px 6px 5px; float:left; height:18px; cursor:pointer}
ul.Tabs li a:hover{ background-position: 0 -31px; text-decoration:underline; color:#044fa5}
ul.Tabs li a:hover span{ background-position: 100% -31px; display:block}
ul.Tabs li a.active{ background-position: 0 -31px; text-decoration:none; color:#044fa5}
ul.Tabs li a.active span{ background-position: 100% -31px; display:block}
ul.Tabs li.selected a { background-position: 0 -31px}
ul.Tabs li.selected a span { background-position: 100% -31px}
/*Favorites*/
.Tabsdv2{ float:left; width:100%; border-bottom:1px solid #a9b4cc}
ul.Tabs2 li * { background:url(../images/site/tab_sprite.gif) 0 0 no-repeat}
ul.Tabs2 li{ float:left; margin:0 0 0 5px}
ul.Tabs2 li a{display:block; padding:0 0 0 5px; font-weight:bold; color:#636363; float:left; text-decoration:none}
ul.Tabs2 li a span{ background-position: 100% 0; display:block; padding:6px 3px 6px 5px; float:left; height:18px; cursor:pointer}
ul.Tabs2 li a:hover{ background-position: 0 -31px; text-decoration:underline; color:#044fa5}
ul.Tabs2 li a:hover span{ background-position: 100% -31px; display:block}
ul.Tabs2 li a.active{ background-position: 0 -31px; text-decoration:none; color:#044fa5}
ul.Tabs2 li a.active span{ background-position: 100% -31px; display:block}
ul.Tabs2 li.selected a { background-position: 0 -31px}
ul.Tabs2 li.selected a span { background-position: 100% -31px}


.Tabsdv1{ float:left; width:100%; border-bottom:1px solid #a9b4cc}
ul.Tabs1 {position:absolute; top:0px; left:0px}
ul.Tabs1 li * { background:url(../images/site/tab_sprite.gif) 0 -95px no-repeat}
ul.Tabs1 li{ float:left; margin:0 5px 0 0}
ul.Tabs1 li a{display:block; padding:0 0 0 10px; font-weight:bold; color:#014ba2; float:left; text-decoration:none}
ul.Tabs1 li a span{ background-position: 100% -95px; display:block; padding:6px 15px 6px 5px; float:left; height:21px; cursor:pointer}
ul.Tabs1 li a:hover{ background-position: 0 -62px; text-decoration:underline; color:#fff}
ul.Tabs1 li a:hover span{ background-position: 100% -62px; display:block}
ul.Tabs1 li a.active{ background-position: 0 -62px; text-decoration:none; color:#fff}
ul.Tabs1 li a.active span{ background-position: 100% -62px; display:block}

ul.verticle li	{display:block; list-style:none; border-bottom:1px dashed #b0b0b0}
ul.verticle li a {display:block; color:#355086; text-decoration:none; padding:5px 0; text-indent:6px}	
ul.verticle li a:hover {color:#044fa5;  text-decoration:none; background:#AFD5FF}	
ul.verticle li a.active {color:#044fa5; text-decoration:none; background:#AFD5FF}

/* 	MODULES (id=ARTICLE)
**********************************************************/
.ImgDv{ border:1px solid #9d9d9d; padding:3px; width:95px}
.Listing .ImgDv1{ float:left}
.Listing .Rhtdv{ float:left; width:65%}


.MonthTd{ background:#230449; color:#fff; text-transform:uppercase; text-align:center; font-size:12px; font-weight:bold; padding:2px}
.DateTd{ background:#fff; color:#666; text-transform:uppercase; text-align:center; font-weight:bold; font-size:12px; padding:2px}

ul.listing {width:100%}
ul.listing:after {content:"."; display:block; visibility:hidden; height:1px; overflow:hidden; clear:both}
ul.listing li {float:left; display:block; margin-bottom:12px; width:100%}
ul.listing .jeers {background:url(../images/site/cheers-or-jeers.gif) center top no-repeat; width:61px; height:71px; margin-right:10px; float:left; padding-top:5px}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.GreyBg{ background:##AFD5FF}
.lightbluebg{background:#0B57AE}
.darkgryBg {background:#C0C0C0}
.lightbluebg{background:#AFD5FF}
/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.BrdBtmDash{ border-bottom:1px dashed #d0d0d0}
.BrdOne{ border:1px solid #9D9D9D}
.BrdTwo{ border:1px solid #ccc}
.brdBTM{border-bottom:1px solid #9D9D9D}
.brdBTM1 td{border-bottom:1px solid #9D9D9D}
.login {width:550px; float:left}
/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/

h2.midmodule, h2.midmodule span, .endmodule04, .endmodule04 span{ background:url(../images/site/module.gif) 0 0 no-repeat}

h2.midmodule {background-position:0 0; padding-left:10px; display:block}

h2.midmodule span {background-position:100% 0;  height:33px; overflow:hidden; display:block; color:#313131; font-size:12px; font-weight:bold; line-height:33px}


h2.startmodule01, h2.startmodule01 span, .endmodule01, .endmodule01 span{ background:url(../images/site/rounded_sprite.gif) 0 0 no-repeat}
h2.startmodule01 {background-position:0 0; padding-left:10px; display:block}
h2.startmodule01 span {background-position:100% 0;  height:33px; overflow:hidden; display:block; color:#313131; font-size:12px; font-weight:bold; line-height:33px}
.Continerbg{ border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; background:#fff; padding:10px 10px 3px 10px}

.endmodule01 {background-position:0 -67px; padding-left:10px; display:block}
.endmodule01 span {background-position:100% -67px; height:7px; display:block; overflow:hidden}
.endmodule04 {background-position:0 -67px; padding-left:10px; display:block}

.endmodule04 span {background-position:100% -67px; height:7px; display:block; overflow:hidden}

.startmodule02, .startmodule02 span,.startmodule12, .startmodule12 span, .endmodule02, .endmodule02 span{ background:url(../images/site/rounded_sprite.gif) 0 0 no-repeat}
.startmodule02 {background-position:0 -74px; padding-left:10px; display:block}
.startmodule02 span {background-position:100% -74px;  height:10px; overflow:hidden; display:block}
.ContinerBlbg{ border-left:1px solid #1f60ac; border-right:1px solid #1f60ac; background:#4682c7; padding:0 10px 3px 10px}
.endmodule02 {background-position:0 -120px; padding-left:10px; display:block}
.endmodule02 span {background-position:100% -120px; height:7px; display:block; overflow:hidden}
.startmodule12 {background-position:0 -127px; padding-left:10px; display:block}

.startmodule12 span {background-position:right -127px;  height:10px; overflow:hidden; display:block}
/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt{font-size:10px}
.smlTxt{font-size:11px}
.para{font-size:12px}
.big{font-size:14px}

/*font WEIGHTS */
.strong{font-weight:bold}
.normTxt, .normTxt a{font-weight:normal}

/* text TRANSFORMS */
.allCaps{text-transform:capitalize}
.textU, .textU a{text-decoration:underline}
.upperCase {text-transform:uppercase}
.whttxt{color:#fff}
/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll{text-align:center}
.alignLeft{text-align:left}
.alignRight{text-align:right}
.justify {text-align:justify}
.fl{ float:left}
.fr{ float:right}
/* colored text */
.Whtclrtext{ color:#00f}
.clrtext2{ color:#044fa5}
.clrtxt{color:#044fa5; font-size:16px}
a.Whtclrtext{ color:#00f; text-align:none}
a.Whtclrtext:hover{ color:#f00; text-align:underline}
a.Bluetext{ font-size:12px; font-weight:bold; color:#044fa5; text-decoration:none}
a.Bluetext1, .Bluetext1{color:#044fa5; text-decoration:none}
a.Bluetext:hover{ text-decoration:underline; color:#044fa5}
.colorblk{color:#2F2F2F}
.profilename { font-family:Arial, Verdana, Helvetica; color:#044fa5}
/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input{ border:1px solid #044fa5; padding:3px; width:170px; font-size:11px}
.input1{ border:1px solid #044fa5; padding:3px; font-size:11px}
.input01 {border:1px solid #115db6; padding:2px; width:200px}
.inputselect{ border:1px solid #2f2f2f; padding:1px; height:18px; width:180px;  font-size:11px}
.WidBig{ width:240px}
.WidSmall{ width:70px}
.Button1{ background:url(../images/site/button_bg1.gif) 0 0 repeat-x; height:21px; padding:0 5px 2px 5px; color:#fff; font-size:13px; font-weight:bold; border:none}
.Searchinput{background:url(../images/site/search_input1.gif) 0 0 no-repeat; padding:4px 5px; height:16px; width:102px; border:none; font-size:11px; color:#636363}
.Searchinput1{padding:2px 3px; height:16px; width:102px; border:1px solid #fff; font-size:11px; color:#636363}
.SearchBtn{ background:url(../images/site/search_btn.gif) 0 0 no-repeat; width:60px; height:24px; border:none;  float:left; cursor:pointer} 
* html .SearchBtn{ background:url(../images/site/search_btn.gif) 0 0 no-repeat; width:60px; height:24px; border:none; float:left; cursor:pointer; margin-top:1px} 
:first-child+html .SearchBtn{ background:url(../images/site/search_btn.gif) 0 0 no-repeat; width:60px; height:24px; border:none;  float:left; cursor:pointer; margin-top:1px} 
input.button {padding-left:12px; margin-right:10px; border:0; background:url(../images/site/button.png) no-repeat; color:#090909; height:25px; position:relative; cursor:pointer; font-size:12px; font-weight:bold}
.buttonEnding {position: absolute; display:inline; margin-left:-10px; width:10px; height:25px; background:url(../images/site/end.png) no-repeat}
.chk{height:12px; width:12px; border:none}
.LoginBtn{background:url(../images/site/login.gif) 0 0 no-repeat; width:69px; height:25px; border:none; float:left; cursor:pointer}
.button01  {background:url(../images/site/btnbg.gif) left top no-repeat; width:69px; padding:0px 0 5px; font-size:12px; font-weight:bold; color:#fff; border:none; height:25px; cursor:pointer}
.textarea{border:1px solid #2f2f2f; padding:3px 0 0 3px; font-size:11px}
/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padBtm{padding-bottom:5px}
.PadTpBtm15{ padding:15px 0}
.PadLft15{ padding-left:15px}
.PadRht15{ padding-right:15px}
.padBtm10{padding-bottom:10px}
.padLft10{ padding-left:10px}
.padRht10{ padding-right:10px}
.padTop10{ padding-top:10px}
.padBtm5{ padding-bottom:5px}
.PadAll5{ padding:5px}
.padRht5{ padding-right:5px}
.padAll10{padding:10px}
.padBTM10{ padding-bottom:10px}
/* matgins */
.marginTop{margin-top:15px}
.marginBtm{margin-bottom:15px}
.marginRht {margin-right:8px}
.marginBtm10{margin-bottom:10px}
.marginLft10{margin-left:12px}		
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; padding:0; margin:0; line-height:0}


.Width1{ width:81%}
.width2{width:100%}
a.BullLinks{ background:url(../images/site/arrow.gif) 0 3px no-repeat; color:#000; text-decoration:underline; font-weight:normal; padding:0 0 0 10px}
a.BullLinks:hover{text-decoration:none; color:#979797}

.BulletPoints { background:url(../images/site/bullet.gif) 0 5px no-repeat; line-height:20px; padding:0 0 0 20px}
hr.first		              {border:none; border-bottom:1px dashed #BCBCBC; height:1px}
.lineheight{line-height:180%; float:}
.underline{text-decoration:underline}

div.successdiv, div.successdiv span, div.successdivend, div.successdivend span, div.errordiv2, div.errordiv2 span, div.errordiv2end, div.errordiv2end span, div.errordiv1, div.errordiv1 span, div.errordiv1end, div.errordiv1end span {background:url(../images/site/sprite.gif) no-repeat; display:block; overflow:hidden}

div.successdiv {background-position:left -11px; padding-left:3px}
div.successdiv span {background-position:right -11px; height:3px}
div.successdivend {background-position:left -19px; padding-left:3px}
div.successdivend span {background-position:right -19px; height:3px}
.successdivbg {font-family:Arial; padding: 10px 5px 10px 35px;background:#f2ffef url(../images/site/success_icon.gif) 10px 8px no-repeat;font-weight:bold;text-align:left; border-color:#99df99; border-style:solid; border-width:0 1px}

div.errordiv2 {background-position:left top; padding-left:3px}
div.errordiv2 span {background-position:right top; height:3px}
div.errordiv2end {background-position:left -8px; padding-left:3px}
div.errordiv2end span {background-position:right -8px; height:3px}
.errordiv2bg {font-family:Arial; margin: 0px 0px 0px 0px;padding:10px 0 10px 35px; border-style:solid; border-width:0 1px; border-color:#fd7f7f; background:#ffdddd url(../images/site/error.png) 10px 10px no-repeat; text-align:left}
.error { color:#F70000}

div.errordiv1 {background-position:left -22px; padding-left:3px}
div.errordiv1 span {background-position:right -22px; height:3px}
div.errordiv1end {background-position:left -30px; padding-left:3px}
div.errordiv1end span {background-position:right -30px; height:3px}
.errordiv1bg {font-family:Arial; padding:10px 0 10px 35px; border-style:solid; border-width:0 1px; border-color:#FFD324; background:#FFF6BF url(../images/site/warning.png) 10px 9px no-repeat; text-align:left; font-size:12px; font-weight:bold}

select.searchbox {border:1px solid #C7C7C7; padding:1px; width:180px}
.selectboxbg {padding:2px; width:80px; border:1px solid #4682C7}
.selectboxbg1 {padding:2px; width:60px; border-width:0px 0px 0px 1px; border-style:solid; border-color:#c4c4c4; font-size:11px}


.errordivold { font-family:Arial; margin: 0px 0px 0px 0px;padding:5px 0 3px 30px;border: solid 1px #fd7f7f;	background:#ffdddd url(../images/site/warning_img.png) 2px 3px no-repeat;text-align:left; font-size:16px}

.userimgdiv {position:relative; height:90px}
.onlineimgold {position:absolute; bottom:0px; left:77px; border:1px solid #089c0b; background:#fff; padding:2px}
.offlineimgold {position:absolute; bottom:0px; left:77px; border:1px solid #b8b8b8; background:#fff; padding:2px}

.onlineimg {position:absolute; bottom:0px; left:84px; padding:0px}
.offlineimg {position:absolute; bottom:0px; left:84px; padding:0px}

.onlineimg80 {position:absolute; bottom:0px; left:61px; padding:10px}
.offlineimg80 {position:absolute; bottom:0px; left:61px; padding:10px}

.onlineimg70 {position:absolute; bottom:0px; left:55px; padding:10px}
.offlineimg70 {position:absolute; bottom:0px; left:55px; padding:10px}

div.errorbg, div.errorbg div, div.errorbgend, div.errorbgend div {background:url(../images/site/sprite.png) no-repeat; display:block}

div.errorbg {background-position:left top; padding-left:3px}
div.errorbg div {background-position:right top; height:3px}
div.errorbgend {background-position:0 -8px; padding-left:3px}

.successmsg		  {color:#FF8000}

/*Search class*/
div.searchbg, div.searchbg span, div.searchbgend,div.searchbgend span {background:url(../images/site/searchbg.gif) no-repeat; display:block}
div.searchbg {background-position:left top; padding-left:3px}
div.searchbg span {background-position:right top; height:3px}
div.searchbgend {background-position:left bottom; padding-left:3px}
div.searchbgend span {background-position:right bottom; height:3px}
.searchbox {background:#fff; border-color:#5fa8fd; border-style:solid; border-width:0 1px}

.SearchBtnimg {background:url(../images/site/searchimg.gif) no-repeat 0 1px; cursor:pointer; border:none; width:23px; height:23px; margin-right:3px}

/* MR - css add for display error and success messages */



/*	Error and Success Notification Message */

#ErrorNotification {

	left:0;

	position:fixed;

	top:0;

	width:100%

}

.ErrorNotification {

	background:#FFEFEF none repeat scroll 0 0;

	border-bottom:3px solid #FF0F0F;

	font-family:Arial,Verdana,Helvetica,sans-serif;

	margin:0 0 10px;

	padding:15px 0px;

	text-align:left;

	font-weight:bold;

	height:20px;

}



.ErrorNotification span {

	background:url(../images/icons/cancel.png) no-repeat scroll left top;

	display:block;

	font-size:12px;

	height:17px;

	margin-bottom:2px;

	padding:1px 0 0 20px;

}



.ErrorMessage {

	margin:0 auto;

	width:816px; position:relative

}



.CloseErrorNotification {position:absolute; top:0; right:0; background:#FFFFFF; padding:2px 6px; border:1px solid #000; color:#FF0000;}



.SuccessNotification{

	background:#F2FFEF none repeat scroll 0 0;

	border-bottom:3px solid #30BF2F;

	font-family:Arial,Verdana,Helvetica,sans-serif;

	margin:0 0 10px;

	padding:15px 0px;

	text-align:left;

	font-weight:bold;

	height:20px;

}



.SuccessNotification span {display:block; background:url(../images/icons/s_success.png) left top no-repeat; padding-left:22px; margin-bottom:0px; height:20px;font-size:12px;}



.SuccessMessage {

	margin:0 auto;

	width:816px; position:relative

}



.informationNotification{

background:#FFF9D7 none repeat scroll 0 0;

border:1px solid #E2C822; height:25px; padding:10px 0px 0px 10px; font-weight:bold;

}



.informationNotification span {display:block; background:url(../images/icons/s_notice.png) left top no-repeat; padding-left:22px; margin-bottom:0px; height:17px;font-size:12px;}

.inputcost{background:#F8F9F9 url(../images/site/dollar.gif) no-repeat scroll 2px 50%;padding:3px 3px 3px 12px;}


/*	End */