@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 Arial; color:#000; text-align:left; background:url(../images/body_bg.gif) left 4px repeat-x}
/* 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; font-weight:normal; text-decoration:none}
a:hover {color:#ad1419; 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%}

/** HEADER ELEMENTS STYLING	(id=HEADERS) **/
h1.accountheader {background:url(../images/accountheader.gif) left no-repeat; padding:4px 11px 3px 20px; font-size:24px; color:#fff; font-weight:bold; height:37px}
h1.applicantheader {background:url(../images/applicantheader.gif) left no-repeat; padding:5px 11px 3px 20px; font-size:24px; color:#fff; font-weight:bold; height:36px}
h1.heading {font-size:30px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; text-indent:15px; padding-top:25px}

/* 	BODY WRAPPER / HEADER / TOP MENU  (id=HEAD)
**********************************************************/
#mainWrapper {margin:0 auto; width:933px}
#mainWrapper1 {margin:0 auto; width:900px}
#header {width:100%}
#logo {float:left; width:239px; margin-top:10px /*margin:0 0 0 15px; display:inline;*/}
#welcome {float:right; width:70%; text-align:right /*margin-right:15px; display:inline;*/}
.toplinkbg {background:url(../images/tplink_bg.gif) right top no-repeat; display:block; padding:11px 12px 14px}
#welcome1 {float:right; width:70%; text-align:right; margin-top:25px /*margin-right:15px; display:inline;*/}

/* 	MAIN CONTENT / MIDDLE CONTAINERS   (id=CONTENT)
**********************************************************/
#maincont {padding-top:18px}
#content{background:url(../images/registration_bg.gif) no-repeat; width:898px}
#leftsidebar {width:249px; margin-right:12px; float:left}
#rightsidebar {width:671px; float:right}

/* 	RESUBALE UL LI / MENUS / 	(id=NAVS)
**********************************************************/
ul.horzOne {margin-top:38px}
ul.horzOne li {float:left; margin-right:4px}
ul.horzOne li a {float:left; font-size:14px; padding-left:7px} 
ul.horzOne li a span {display:block; float:left; font-size:14px; padding:14px 19px 12px 13px} 
ul.horzOne li a:hover {text-decoration:none}
ul.horzOne li a:hover span {cursor:pointer}
ul.horzOne li a.active {background:url(../images/nav_btn_bg.gif) left top no-repeat} 
ul.horzOne li a.active span {background:url(../images/nav_btn_bg.gif) right top no-repeat} 

ul.verticle li {display:block; background:url(../images/list_img.gif) left no-repeat; padding-left:15px}
ul.verticle li a {color:#bcbcbc}

#verticle1 {border-top:1px dotted #527914; margin-top:12px; padding-top:12px}
#verticle1 ul {border:1px solid #bde084; background:#f5f9f0 url(../images/listingbg.gif) left bottom repeat-x; padding:10px}
#verticle1 ul li a {display:block; background:url(../images/listing_img.png) 10px no-repeat; text-indent:23px; border-bottom:1px solid #b5df5b; padding-bottom:5px; margin-bottom:8px; color:#527914; font-size:14px; display:block}
#verticle1 ul li a.active {color:#527914; font-weight:bold}

#verticle2 {border-top:1px dotted #527914; margin-top:12px; padding-top:12px}
#verticle2 ul {border:1px solid #4ec4e0; background:#f1fcfe url(../images/listingbg1.gif) left bottom repeat-x; padding:10px}
#verticle2 ul li a {display:block; background:url(../images/listing_img1.png) 10px no-repeat; text-indent:23px; border-bottom:1px solid #4fc4e0; padding-bottom:5px; margin-bottom:8px; color:#0485ae; font-size:14px; display:block}
#verticle2 ul li a.active {color:#0485ae; font-weight:bold}

/* 	MODULES (id=ARTICLE)
**********************************************************/
.employer a {background:url(../images/employerregistration.png) no-repeat; display:block; padding:280px 0 0 0; height:70px; margin:16px 60px 20px 120px; width:314px; text-decoration:none; font-size:24px; color:#74ac00}
.applicant a {background:url(../images/applicantregistration.png) no-repeat; display:block; padding:280px 0 0 0; height:70px; width:315px; font-size:24px; color:#74ac00; text-decoration:none; margin:16px 89px 0 0}

.logindiv {width:292px; float:left; margin-right:12px}
.searchdiv {width:291px; float:left; margin-right:12px}
.category {width:289px; float:right}

.padall td {padding:8px; border-top:1px solid #c8c6c6}

.contentContact{ background:url(../images/contact_us.jpg) no-repeat; height:98px; margin-left:30px}

/* 	RESUBALE PURE BACKGROUNDS			(id=BGS)
**********************************************************/
.bggray {background:#f3f2f2}
.bgblue {background:#e3f3f8}
.tableDv{background:#f3f2f2; padding:13px}

/* 	RESUBALE GRADIENTS  (id=GRADS)
**********************************************************/  

/* 	ALL BORDER CSSs		(id=BORDERS)
**********************************************************/
.userpic img, .userpic1 {border:1px solid #c5c3c3}
.brdAll {border:1px solid #c8c6c6}
.brdRight {border-right:1px solid #ededed}
.brdRight1 {border-right:1px solid #cccaca}
.brdTop {border-top:1px dotted #527914} 
.brdTop1{border-top:1px dotted #6ecfed}
.brdbottom {border-bottom:1px solid #6ecfed} 
.brdbottom1 {border-bottom:1px solid #83A041} 

/* 	MAKE ME ROUND (id=ROUNDS)
**********************************************************/
h2.loginmodule, h2.loginmodule span,span.loginmoduleend, span.loginmoduleend span, h2.searchmodule, h2.searchmodule span, span.searchmoduleend, span.searchmoduleend span, h2.catagorymodule, h2.catagorymodule span, span.catagorymoduleend, span.catagorymoduleend span  {background:url(../images/sprite.gif) no-repeat; display:block; font-size:12px; font-weight:bold; color:#fff; overflow:hidden}
/* Login Module*/
h2.loginmodule{background-position:left top; padding-left:8px}
h2{color:#1bb2e2}
h2.loginmodule span {background-position:right top; padding:10px 0 10px 6px}
span.loginmoduleend {background-position:0 -37px; padding-left:8px}
span.loginmoduleend span {background-position:100% -37px; height:8px}
.loginBRD {border-color:#2bb7e2; border-style:solid; border-width:0 1px}

/*Search MOdule*/
h2.searchmodule {background-position:0 -45px; padding-left:8px}
h2.searchmodule span {background-position:100% -45px; padding:10px 0 10px 6px}
span.searchmoduleend {background-position:0 -81px; padding-left:8px}
span.searchmoduleend span {background-position:100% -81px; height:8px}
.searchBRD {border-color:#ee290c; border-style:solid; border-width:0 1px}

/*Catagory Module*/
h2.catagorymodule {background-position:0 -89px; padding-left:8px}
h2.catagorymodule span {background-position:100% -89px; padding:10px 0 10px 6px}
span.catagorymoduleend {background-position:0 -126px; padding-left:8px}
span.catagorymoduleend span {background-position:100% -126px; height:8px}
.catagoryBRD {border-color:#a7cf43; border-style:solid; border-width:0 1px}

span.mod1, span.mod1 span, span.mod1end, span.mod1end span, span.mod2, span.mod2 span, span.mod2end, span.mod2end span, span.modblue, span.modblue span, span.modblueend, span.modblueend span {background:url(../images/sprite_02.gif) no-repeat; display:block; overflow:hidden}

span.mod1 {background-position:left top; padding-left:6px}
span.mod1 span {background-position:right top; height:6px}
span.mod1end {background-position:left -11px; padding-left:6px}
span.mod1end span {background-position:right -11px; height:6px}
.mod1bg {background:#f3f2f2; border-color:#cecccc; border-style:solid; border-width:0 1px; padding:4px 10px}

span.mod2 {background-position:left -17px; padding-left:4px}
span.mod2 span {background-position:right -17px; height:4px}
span.mod2end {background-position:left -36px; padding-left:4px}
span.mod2end span {background-position:right -36px; height:4px}
.mod2bg {background:#fff; border-color:#80c41d; border-style:solid; border-width:0 4px; padding:10px}

span.modblue {background-position:left -40px; padding-left:4px}
span.modblue span {background-position:right -40px; height:4px}
span.modblueend {background-position:left -55px; padding-left:4px}
span.modblueend span {background-position:right -55px; height:4px}
.modbluebg {background:#fff; border-color:#6ecfed; border-style:solid; border-width:0 4px; padding:10px; overflow:hidden}
 
/* 	ALL TEXT CSS	(id=TEXTAll)
**********************************************************/
/* font SIZES */
.vsmlTxt {font-size:10px}
.smlTxt {font-size:11px}
.para {font-size:12px}
.big {font-size:14px}
.vbig {font-size:16px}
.fontsize {font-size:18px}

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

/* text TRANSFORMS */
.allCaps {text-transform:capitalize}
.upperCase {text-transform:uppercase}
.textU, .textU a{text-decoration:underline}

/* 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 */	
.clrOne {color:#5d8f08}
.clrTwo {color:#e29206}
.clrThree {color:#24b3e0}
.text{color:#7f7c7c}
.errorMessageRegular {color:#FF0000; font-weight:bold;}
.confirmationMessage {font-weight: bold; font-size: 20px;}
.errorMessage {color: #FF0000; font-weight: bold; font-size: 20px;}

/* 	ALL INPUT & FORM CLASSES	(id=INPUT)
**********************************************************/
.input {border:1px solid #9c9c9c; padding:5px} 

/*Button*/
.buttonsubmit{background:url(../images/submit_button.gif) no-repeat; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#fff; border:none; width:101px; height:30px; padding-bottom:5px; padding-left:5px; cursor:pointer}

.buttonlogin {background:url(../images/loginbtn_bg.gif) left repeat-x; font-size:12px; font-weight:bold; color:#fff; padding:4px 12px; border:none; cursor:pointer}
.buttonsearch {background:url(../images/searchbtn_bg.gif) left repeat-x; font-size:12px; font-weight:bold; color:#fff; padding:4px 12px; border:1px solid #9c9c9c; cursor:pointer}

.input1 {border:1px solid #e2dfdf; padding:2px}

.button {padding-left:12px; margin-right:10px; border:0; background:#fff url(../images/buttonbg.gif) no-repeat;
    color:#fff; font-weight:bold; height:31px; position:relative; cursor:pointer}
.buttonEnding {position:absolute; display:inline; margin-left:-10px; width:7px; height:31px; background: url(../images/buttonbg.gif) right top no-repeat}

.button1 {padding-left:12px; margin-right:10px; border:0; background:#fff url(../images/greenbutton.gif) no-repeat;
    color:#fff; font-weight:bold; height:31px; position:relative; cursor:pointer}
.buttonEnding1 {position:absolute; display:inline; margin-left:-10px; width:7px; height:31px; background: url(../images/greenbutton.gif) right top no-repeat}

/* 	FOOTER 	(id=FOOTER)
**********************************************************/
#footer{margin-top:10px; background:url(../images/footer_bg.gif) left repeat-x; padding:15px; text-align:center}

/* 	REQUIRED PADDINGS / MARGINS (id=PADS)
**********************************************************/
/* paddings */
.padleft {padding-left:40px}
.padOne {padding:8px}
.padTop {padding-top:10px}
.padBTM {padding-bottom:10px}

/* matgins */
.marginBottom{margin-bottom:10px}
.marginToop {margin-top:10px}
.marginTop {margin-top:15px}
.marginRight {margin-right:8px}
.marginLeft{margin-left:15px}
.marginall{margin:5px 5px}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both}
.fl {float:left}
.fr {float:right}
.lineheight p {line-height:300%}