/*---------------------------------------------------------------------------------------
  
                        Website: 
                        Author: Bitmedia
                        Created: 
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Navigation
    Layout
    Content
    Typography
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: #772a7a;}




/*---------------------------------------------------------------------------------------
   Layout
---------------------------------------------------------------------------------------*/

/* Container */
#pageContainer {  padding-bottom: 20px;}
#headerContainer { width: 100%; min-width: 940px; background: #fff;}
#header { width: 900px; margin: 0 auto; padding: 0 20px; background: url('../images/headerBg.png') repeat-y bottom left;}

#bannerContainer { width: 100%; min-width: 940px; background: url('../images/bannerContainerBg.png') repeat-x;}
#banner { width: 900px; height: 228px; margin: 0 auto; padding: 5px 20px 0; background: url('../images/bannerBg.png') no-repeat;}

#pageBodyContainer { width: 100%; min-width: 940px; background: #fff;}
#pageBody { width: 900px; margin: 0 auto; padding: 0 20px 15px; background: url('../images/pageBodyBg.png') repeat-y bottom left;}

body.homePage #pageBody{ background: url('../images/pageBodyColumnsBg.png') repeat-y bottom left;}
/* Prw - We have features on all pages now.  So I think I need this below */
body #pageBody{ background: url('../images/pageBodyColumnsBg.png') repeat-y bottom left;}

#mainColumn { float: left; width: 583px; padding: 0 20px;}
#sideColumn { float: right; width: 237px; padding: 0 20px;}

#footer { width: 900px; margin: 0 auto;}
#footer img#rec  { float: left; margin-top: 14px;}
#footer img#qualitymark  { float: right; margin: 14px 0 5px;}

/*---------------------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------------------*/
img#logo { float: left; margin-left: 10px;}
#telephone { float: right; width: 143px; height: 36px; padding: 15px 0 0 60px; margin: 0 20px 0 0; background: url('../images/telephoneBg.png') no-repeat;}
* html #telephone{ display: inline;}

#bannerLeft { float: left; width: 598px;  padding: 0 25px 0 0; margin: 0 0 0 1px;}
img#bannerImage { float: left;}
#bannerRight { float: right; width: 265px; padding: 20px 0 0 10px;}


/* News Images */
body.newsPages #mainColumn img {float: right; margin-left:15px; margin-bottom:15px;}

/*---------------------------------------------------------------------------------------
   Page Groups
---------------------------------------------------------------------------------------*/

/* Latest Jobs */
#newsAndEvents ul, #latestjobsRotator ul { list-style: none; margin: 0;}
#latestJobs { padding-bottom: 20px; background: url('../images/dotLineDivider.png') no-repeat bottom left;}
#latestJobs li { padding: 0; /*removes default li padding on rotator */}
.ljHeader { color: #702173; font-weight: bold; font-size: 1.2em;}
.ljHeader a { color: #702173;}
.ljHeader a:hover { color: #E96902}
.ljAbstract { margin-bottom: 25px; font-size: .9em; overflow: hidden;}
.viewAllButton { display: block; width: 79px; height: 31px; margin-top: 10px; background: url('../images/viewAllButton.png') no-repeat; text-indent: -9999px; outline: 0;}
.viewAllButton:hover { background-position: bottom left;}

#latestjobsRotator .ljAbstract { height: 100px;}


/* Job Page Details */
.jpItem {}
.jpItem .jpApply a { float: left; display: block; width: 52px; height: 22px; margin-right: 5px; background: url('../images/apply.png') no-repeat; text-indent: -9999px; outline: 0;}
.jpItem a:hover { background-position: top right;}

/* News and Events */
#newsAndEvents { }
#newsAndEvents li { padding: 0; /*removes default li padding on rotator */}
.neAbstract { font-size: .9em; margin-bottom: 5px; line-height: 1.4em;}
.neAbstract a { color: #601d62; font-weight: bold;}
.neAbstract a:hover { color: #E96902}

/* News Listing */
.newsListingHeader { color: #702173; font-weight: bold; font-size: 1.2em;}
.newsListingAbstract { margin-left:15px;}
.newsListingLink { margin-left:15px; margin-bottom: 1.25em;}


/* Search Results */
.sr, .srAlt { position: relative; float: left; border-top: 1px solid #928992; padding: 10px 10px 20px;}
.srAlt { background: #eeddee;}
.sr strong, .srAlt strong { margin-right: 5px;}
.srTitle { float: left; width: 300px;}
.srRef { float: left; width: 350px;} 
.srLoc { float: left; width: 273px;}
.srSal { float: left;}
.srDesc {float: left; margin-top: 10px; width: 560px;}
.srLinks { position: absolute; top: 10px; right: 10px;}
.srLinks .srApply a { float: left; display: block; width: 52px; height: 22px; margin-right: 5px; background: url('../images/apply.png') no-repeat; text-indent: -9999px; outline: 0;}
.srLinks .srInfo a { float: left; display: block; width: 72px; height: 22px; background: url('../images/moreinfo.png') no-repeat; text-indent: -9999px; outline: 0;}
.srAlt .srLinks .srApply a { background: url('../images/apply-alt.png') no-repeat;}
.srAlt .srLinks .srInfo a { background: url('../images/moreinfo-alt.png') no-repeat;}
.srLinks a:hover, .srAlt .srLinks a:hover { background-position: top right;}

/* Scroller */
/* Scroller Box */
#scrollerContainer { margin-top: 15px; position: relative; width: 583px; height: 26px; line-height: 26px; font-size: 14px; overflow: hidden; background: url('../images/scroller.png') no-repeat;}
#scroller { white-space: nowrap; color: #fff;}
#scroller a { color: #fff; margin: 0 5px 0 10px;}



/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Links */
a { color: #450b47; text-decoration: underline;}
a:hover { color: #e96902;}

a.registerButton { float: right; display: block; width: 125px; height: 43px; margin: 25px 0 0 0; background: url('../images/registerButton.gif') no-repeat; text-indent: -9999px;}
a.registerButton:hover { background-position: bottom left;}



/* Default Type */
body { font: 62.5% arial, tahoma, arial, helvetica;}
p { margin-bottom: 1.1em; font-size: 1.1em;}

/* Specifics */
#pageContainer { font-size: 1.2em; line-height: 1.6em;}
#header, #banner, #pageBody { text-align: left;}
#telephone { color: #fff; font-weight: bold; font-size: 1.6em; background: url('../images/telephoneBg.png') no-repeat;}
#footer { text-align: center;}
#copyright { color: #fff; font-weight: bold; background: transparent;}

/* Headers */
#mainColumn h1 { margin: 25px 0 15px; padding: 5px 0 5px 30px; font-size: 1.6em; font-weight: bold; letter-spacing: -1px; font-family: Verdana, Geneva, sans-serif; background: url('../images/sideArrow.png') no-repeat center left;}
h3 { padding: 5px 0 5px 10px; margin: 15px 0;background: url('../images/h3Bg.png') no-repeat; color: #fff; font-size: 1.3em; font-weight: bold;}
body.homePage #sideColumn h3 { margin: 15px 0; padding: 5px 0 5px 30px; color: #000; font-size: 1.6em; font-weight: bold; letter-spacing: -1px; font-family: Verdana, Geneva, sans-serif; background: url('../images/sideArrow.png') no-repeat center left;}
/* Prw Again */
body #sideColumn h3 { margin: 15px 0; padding: 5px 0 5px 30px; color: #000; font-size: 1.6em; font-weight: bold; letter-spacing: -1px; font-family: Verdana, Geneva, sans-serif; background: url('../images/sideArrow.png') no-repeat center left;}
h4#registerYourCVHeader { display: block; float: right; width: 227px; height: 115px; margin: 20px 0 0 0; background: url('../images/registerYourCVHeader.png') no-repeat; text-indent: -9999px;}
h4#searchForJobsHeader { display: block; width: 228px; height: 29px; background: url('../images/searchForJobsHeader.png') no-repeat; text-indent: -9999px;}


/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
ul#mainNav { float: right; width: 655px; margin: 45px 0 0 0; padding: 0 0px 0 0; list-style: none;}
ul#mainNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#mainNav li a { float: left; padding: 0 12px 15px; text-decoration: none; color:#450b47; font-size: 1.3em; letter-spacing: -1px;}
ul#mainNav li a:hover { color: #e96902;}
ul#mainNav li a.currentPage { background: url('../images/currentPage.png') no-repeat bottom center; color:#450b47; }

/* Minor Nav */
ul#minorNav { margin: 10px auto 0px; padding: 0; list-style: none; text-align: center; width: 600px;}
ul#minorNav li { display: inline; margin: 0; padding: 0; background: url('../images/minorNavDivider.png') no-repeat center right;}
ul#minorNav li.last { background: none;}
ul#minorNav li a { display: inline; text-decoration: none; color: #fff; padding: 0 7px 0 5px; font-size: .9em; background: transparent;}
ul#minorNav li a:hover { text-decoration: underline;}
ul#minorNav li a.currentPage { font-weight: bold; text-decoration: underline;}

/* Minor Nav 2 */
ul#minorNav2 { margin: 0 auto; padding: 0; list-style: none; text-align: center; width: 600px;}
ul#minorNav2 li { display: inline; overflow: hidden; margin: 0; padding: 0; background: url('../images/minorNavDivider.png') no-repeat center right;}
ul#minorNav2 li.last { background: none;}
ul#minorNav2 li a { display: inline; text-decoration: none; color: #fff; padding: 0 7px 0 5px; font-size: .9em; background: transparent;}
ul#minorNav2 li a:hover { text-decoration: underline;}
ul#minorNav2 li a.currentPage { font-weight: bold; text-decoration: underline;}

#copyright { width: 600px; font-size: .9em; text-align: center; margin: 0 auto;}

/*---------------------------------------------------------------------------------------
   Form Styles
---------------------------------------------------------------------------------------*/

/* Default Form Style */
#contactForm { width: 500px;}
.formRow { width: 100%; float: left; margin-bottom: 10px;}
.formLeft { width: 140px; float: left; text-align: left;}
.formRight { float: left;}
.formRight input, .formRight textarea { margin-right: 5px;}
input.textInput { border: 1px solid #333; background: #fffff1; color: #000;}
textarea.textArea { border: 1px solid #333; background: #fffff1;}
select.select { border: 1px solid #333; background: #fffff1; color: #000;}
select.select option {background: #fffff1; color: #000;}
/* Small Submit Button (Default) */
input.submit {  width: 75px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit.png') no-repeat; cursor: pointer;}
input.submit:hover { background-position: top right;}

/* Medium Submit Button */
.medSubmit { float: left;}
.medSubmit input.submit {  width: 107px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit2.png') no-repeat; cursor: pointer;}
.medSubmit input.submit:hover { background-position: top right;}

/* Large Submit Button */
.lgeSubmit { float: left;}
.lgeSubmit input.submit {  width: 127px; margin-left: 150px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit3.png') no-repeat; cursor: pointer;}
.lgeSubmit input.submit:hover { background-position: top right;}

#searchForm { overflow: hidden; margin-top: 15px;}
#searchForm .formRow { float: left; margin: 0; height: 30px; padding-left: 5px;}
#searchForm input.input { display: block; width: 220px; height: 22px; padding: 7px 5px 0; margin: 0; border: 0;  }
#searchForm input.submit {  display: block; float: left; width: 125px; height: 43px; margin: 7px 0 0 10px; border: 0; background: url('../images/findJobButton.gif') no-repeat; text-indent: -9999px;}
#searchForm input.submit:hover { background-position: bottom left;}
#searchForm .select { padding: 2px 0; border: 0; float: right; margin-right: 26px; width: 236px;}

#mailingListForm { overflow: hidden;}

/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.error #pageBody { width: 900px; margin: 0 auto; background: url('../images/pageBodyBg.png') repeat-y bottom left #fff;}
body.error #pageBody p { padding: 100px 0;  text-align: center; }