@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 12px Verdana; color:#000; text-align:left; background:url(../images/bodyBg.gif) repeat}
/* global reset */
body,form,h1,h2,h3,h4,h5,h6,p {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-transform:capitalize; text-decoration:none}
a {color:#000; text-decoration:none}
a:hover {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:160%}
a.smalltxt {text-transform:lowercase}
/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h2.one {font-size:24px; font-weight:normal}
h2.head {font-size:13px; font-weight:bold; color:#646464;}
h4.two {font:bold 12px Arial; color:#325c92; text-transform:lowercase}
h1.search {background:url(../images/searchhed.gif) left center no-repeat; width:178px; padding:6px 0 0 30px; font-size:13px; color:#fff; height:33px}
h1.login {background:url(../images/loginhead.gif) left center no-repeat; width:178px; padding:6px 0 0 30px; font-size:13px; color:#fff; height:33px}
h1.message {background:url(../images/messagehead.gif) left center no-repeat; width:178px; padding:6px 0 0 35px; font-size:13px; color:#fff; height:33px}
h1.account {background:url(../images/accounthead.gif) left center no-repeat; width:178px; padding:6px 0 0 35px; font-size:13px; color:#fff; height:33px}
/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:960px; padding:0 10px}
#header {width:100%;/* padding-top:10px*/}
#logo {float:left; width:430px; position:relative; top:11px; display:inline}
#nav  {background:url(../images/headerBg.gif) left top no-repeat; padding:8px 5px; height:15px; width:949px}
.rhtheader {position:relative; top:4px}
/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont{width:960px}
#content{float:left; width:705px}
#rightSideBar{float:right; width:208px}
.categories {float:left; width:126px;}
.categoriesmid {background:url(../images/categories_grd.gif) left bottom repeat-x; padding:0 0 0 9px; margin-top:8px}
.register {background:url(../images/register_bg.gif) left top no-repeat; width:200px; height:144px; padding:5px}
.browse {background:url(../images/browseBg.gif) left top no-repeat; width:190px; height:121px; padding:10px}
/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.menu {margin:0; padding:0; width:70%; float:left}
ul.menu li {list-style-type:none; display:inline}
ul.menu li a {float:left; display:block; font:bold 11px Arial; color:#fff; padding:0 10px} 

ul.welcome  {margin:0; padding:0; width:17%; float:right}
ul.welcome li {list-style-type:none; display:inline}
ul.welcome li a {float:left; display:block; font:normal 11px Arial; color:#fff; padding:0 18px 0 5px} 
ul.welcome li img {float:left; display:block; padding:3px 0 0 0}

/*after login welcome1 class used dated :-22-4-09*/
ul.welcome1  {margin:0; padding:0; width:29%; float:right}
ul.welcome1 li {list-style-type:none; display:inline}
ul.welcome1 li a {float:left; display:block; font:normal 11px Arial; color:#fff; padding:0 18px 0 5px} 
ul.welcome1 li img {float:left; display:block; padding:3px 0 0 0}
.wel{float:left; display:block; font:normal 11px Arial; color:#fff; padding:0 18px 0 5px} 
/* 	MODULES (id=ARTICLE)
**********************************************************/
.rightDrpShadow{background:url(../images/rightDrpShadow.png) right repeat-y; border-left:4px solid #000; padding-right:15px}

/* Width
**************************************************************/
.width60 {width:60%}
.width200 {width:200px} 
.width150 {width:150px}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.whitebg {background:#fff}
.skybluebg {background:#d5f4fe}
/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  
/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.brdimage img {border:1px solid #6fbfff}
.brdTD td {border-right:1px solid #6fbfff}
.brdAll  {border:1px solid #6fbfff}
.brdNone {border:none !important}
.brdbtm  {border-bottom:1px solid #6fbfff}
/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
.startmaodule {background:url(../images/mainmodule.png) left top no-repeat; display:block; padding-left:10px; overflow:hidden}
.startmaodule span {background:url(../images/mainmodule.png) right top no-repeat; display:block; height:11px; overflow:hidden}
.endmodule {background:url(../images/mainmodule.png) left -16px no-repeat; display:block; padding-left:10px; overflow:hidden}
.endmodule span {background:url(../images/mainmodule.png) right -16px no-repeat; display:block; height:11px; overflow:hidden}
.midcont {background: url(../images/midBg.png) left top repeat-y; padding:5px 20px 0 15px; width:925px}

.startmaodule01 {background:url(../images/midmododule.gif) left top no-repeat; display:block; padding-left:4px; overflow:hidden}
.startmaodule01 span {background:url(../images/midmododule.gif) right top no-repeat; display:block; height:4px; overflow:hidden}
.endmodule01 {background:url(../images/midmododule.gif) left -11px no-repeat; display:block; padding-left:4px; overflow:hidden}
.endmodule01 span {background:url(../images/midmododule.gif) right -11px no-repeat; display:block; height:4px; overflow:hidden}
.midcont01 {background:#d6f0fd; padding:10px}

h1.heading {background:url(../images/head_block.gif) left top no-repeat; display:block; padding-left:28px; overflow:hidden}
h1.heading span {background:url(../images/head_block.gif) right top no-repeat; display:block; overflow:hidden; height:31px; font:bold 13px Arial; color:#fff; padding-top:7px}

.whtmodule {background:url(../images/module.gif) left top no-repeat; display:block; padding-left:5px; overflow:hidden}
.whtmodule  span    {background:url(../images/module.gif) right top no-repeat; display:block; height:5px; overflow:hidden}
.endmodule02 {background:url(../images/module.gif) left -7px no-repeat; display:block; padding-left:10px; overflow:hidden}
.endmodule02 span {background:url(../images/module.gif) right -7px no-repeat; display:block; height:5px; overflow:hidden}
.midcont02 {background:#fff; padding:0 10px; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc}

.angelinfo .first a, .angelinfo .second a, .angelinfo .third a, .angelinfo .four a, .angelinfo .five a, .angelinfo .six a {background:url(../images/registerstep.gif) no-repeat; display:block; height:41px}
.angelinfo a:hover {text-decoration:none;}

.angelinfo .first a {background-position:0 0; width:256px}
.angelinfo .first a:hover {background-position:0 -42px; width:256px}
.angelinfo .first a.active {background-position:0 -42px}

.angelinfo .second a {background-position:-257px 0; width:288px}
.angelinfo .second a:hover {background-position:-257px -42px}
.angelinfo .second a.active {background-position:-257px -42px}

.angelinfo .third a {background-position:-546px 0; width:236px}
.angelinfo .third a:hover {background-position:-546px -42px}
.angelinfo .third a.active {background-position:-546px -42px}

.angelinfo .four a {background-position:-501px 0; width:256px}
.angelinfo .four a:hover {background-position:-501px -70px}
.angelinfo .four a.active {background-position:-501px -70px}

.angelinfo .five a {background-position:-671px 0; width:162px}
.angelinfo .five a:hover {background-position:-671px -70px}
.angelinfo .five a.active {background-position:-671px -70px}

.angelinfo .six a {background-position:-841px 0; width:120px}
.angelinfo .six a:hover {background-position:-841px -70px}
.angelinfo .six a.active {background-position:-841px -70px}

.profileupdate td {padding:5px 0}
/* 	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, .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}

/* text ALIGN & content ALIGN for inline level ELEMENTS */
.centerAll{text-align:center}
.alignLeft{text-align:left}
.alignRight{text-align:right}
.justify {text-align:justify}
/* colored text */
.graytxt {color:#646464}
.bluetxt {color:#00a8ff; text-decoration:underline}
.darkbletxt a {color:#325c92; font-family:Arial}
.vilet {color:#325c92; text-decoration:none}
/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {background:url(../images/inputBg.gif) repeat-x top; border:1px solid #bcbcbc; padding:4px; font-size:11px; color:#646464}
.dropdown {background:url(../images/inputBg.gif) repeat-x top; border:1px solid #bcbcbc; padding:4px; font-size:11px; color:#646464; width:208px;} 
.button {background:url(../images/buttonBg.gif) left top no-repeat; width:63px; padding:5px 0; font-size:11px; border:none; cursor:pointer}
.button1 {background:url(../images/btnbg.gif) left top no-repeat; width:63px; padding:5px 0; font-size:11px; border:none; color:#fff; cursor:pointer}
textarea {background:#f5f5f5; border:1px solid #bcbcbc}
.select {background:url(../images/inputBg.gif) repeat-x top; border:1px solid #bcbcbc; padding:4px; font-size:11px; color:#646464} 

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{padding:10px; font-size:11px }


/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padOne{padding:8px}
.padBtm{padding-bottom:5px}

/* matgins */
.marginTop{margin-top:15px}
.marginBtm{margin-top:10px}
.margtpsml {margin-top:10px}
.margrht {margin-right:18px}
.margTB	{margin:8px 0}	
.imagemrg img {margin-right:5px}
.margtpsml p {margin-top:8px}		
.smallmargtp {margin-top:5px}
.padtopvsml {padding-top:5px}
.padbtm {padding-bottom:10px}
.margimage img {margin-right:50px}
/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.fl {float:left}
.fr {float:right}
.clr {clear:both}
.bluecolor { color:#0066CC; }
.redcolor{ color:#FF6699;}

 /*  ALL Messages  */
.error                          {color:#CC0033;}
.success                  {color:#FF8000;}
tr.grayback {background:#DDEDF8 none repeat scroll 0%; border-top:1px solid #000; border-bottom:1px solid #000;}