/* CSS Document */
/* General HTML tag redefinitions */
a:link, a:visited { color: #574d80; text-decoration: underline; }
a:hover { color: #574d80; text-decoration: underline; }
body { margin: 0; background: url(../_img/backgrounds/body.gif) top left repeat; font: 1.0em Tahoma, Verdana, Arial, sans-serif; }
form { margin: 0; padding: 0; }
hr { margin-bottom: 2em; }
#tworight hr { margin-bottom: 0.5em; }
h1 { font: bold 1.5em Tahoma, Arial, sans-serif; color: #333; margin-top: 0em; padding: 0; }
h2 { font: bold 1.2em Tahoma, Arial, sans-serif; color: #333; padding: 0; }
li { }
ol { line-height: 1.4; }
p { margin: 0.5em 0 1em 0; color: #000; }
#left p, #bleft p, #right p { margin: 0.5em 0; }
table { margin-bottom: 20px; }
ul { margin-top: 0; }
table.ranking { width: 95%; font-size: 0.9em; }
table.ranking td { border-bottom: 1px solid #8a8a8a; }
table.ranking th { text-align: left; background: #b5d17f; }
/* positioning the page in the center of the viewport */
/* page header elements (excluding navbar) */
#header { width: 740px; margin: 20px auto 0; padding: 15px 10px; background: url(../_img/backgrounds/std_header.gif) top left no-repeat; }
#home #header { border-bottom: 1px solid #fff; }
#home .qzone ul {margin-bottom:0;}
#header .qno {
font-size: 1.7em;
font-weight: normal;
float: right;
color: #fff;
padding-top: 50px;
}
#header .qno .challenge { font-size: 0.8em; }
#header .qno h1 { color: #fff; font-size: 0.95em; font-weight: normal; }
/* #home #header .qno { float: left; } */
#logo { float: left; }
p#youarehere { color: #999; font: normal 0.65em Tahoma, Arial, sans-serif; text-align: right; border-top: 1px solid #999; border-bottom: 1px solid #999; margin: 5px 0 15px; padding: 4px 6px; background-color: #efefef; }
p#youarehere a:link, p#youarehere a:visited { color: #999; text-decoration: underline; font-weight: normal; }
p#youarehere a:hover { color: #333; font-weight: normal; }
/* navbar elements */
#navigation { border: 1px solid #1464b8; margin: 5px auto; background: #d4e5f7; color: #1464b8; padding: 5px; font: normal 0.8em Verdana, Arial, sans-serif; }
#navigation a:link { color: #1464b8; text-decoration: none; font-weight: bold; }
#navigation a:visited { color: #1464b8; text-decoration: none; font-weight: bold; }
#navigation a:hover{ color: #1464b8; text-decoration: underline; font-weight: bold; }
#progress { border-left: 1px solid #6ca300; border-right: 1px solid #6ca300; width: 738px; padding: 5px 10px; margin: 0 auto; background: url(../_img/backgrounds/progress.gif) top left repeat-x; font-size: 0.8em; color: #6ca300; text-align:right; }
#content { border: 1px solid #6ca300; width: 738px; padding: 10px 10px 0; margin: 0 auto; background: #fff; }
#home #content { border: 1px solid #6ca300; width: 738px; padding: 10px 10px 0; margin: 0 auto; background: #6ca300; }
.graphic { width: 400px; float: left; padding: 220px 0; }
.qzone { margin: 30px 0 30px 428px; width: 280px; background: url(../_img/backgrounds/question.gif) bottom left no-repeat; padding: 0 10px; }
.qzone p { margin: 0.5em 0 0.3em; border-top: 1px solid #ccc; padding-top: 0.5em; }
.nextq { margin: 30px 0 0 428px; width: 300px; text-align: center; }
.qzone p.first { background: url(../_img/backgrounds/question_top.gif) top left no-repeat; margin: 0 -10px 0; padding: 1.0em 10px 0; border-top: none; }
.qzone p.salutation { font-size: 1.7em; color: #b5d17f; margin: 0 0 10px; }
.qzone p.stats { font-size: 1.3em; font-weight: normal; color: #fff;padding: 0 0 10px; margin: 0 0 20px; }
.qzone table { margin-left: 10px; font-size: 0.9em; }
.qzone .feature td label, .qzone .feature td input { padding: 0; margin: 0; }
p.first img { padding-top: 5px; }
.qzone .responses { color: #666; }
.qzone label { color: #666; }
#footer {
background: url(../_img/backgrounds/footer.gif) bottom left no-repeat;
width: 740px;
padding: 10px;
margin: 0 auto 20px;
font-size: 0.7em;
color: #fff;
}
#footer a:link, #footer a:visited { color: #fff; }
#home #footer, #end #footer { border-top: 1px solid #fff; }
#footer p { margin: 0; font: 0.7em Tahoma, Arial, sans-serif; color: #fff; }
/* styles for the three column layout */
#twocolLeft { width: 610px; float: left; }
#left { width: 130px; padding: 0; float: left; font: 0.7em Tahoma, Arial, sans-serif; }
#left a:link, #right a:link, #left a:visited, #right a:visited { font-weight: normal; }
#left a:hover #right a:hover { text-decoration: underline; color:#09f; }
#left h1, #right h1, #bleft h1, #jobsleft h1, #jobsleft h2 { color: #333; font-size: 1.1em; margin-top: 1em; background-color: #eeeeff; border: 1px solid #ccf; padding: 3px; }
#left h2, #right h2, #bleft h2 { color: #333; font-size: 1.1em; margin-top: 1.5em; background-color: #eeeeff; border: 1px solid #ccf; padding: 3px; }
#left ul { list-style: none; padding-left: 0; margin-left: 0; }
#left li { background-image: url(/_img/bullet_l.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 14px; margin: 0.7em 0; }
li h2 { font: normal 1.0em Tahoma, Arial, sans-serif; margin: 0.5em 0; }
#middle { width: 437px; margin: 0px 0px 0px 160px; font: 0.8em Tahoma, Arial, sans-serif; }
#right { width: 150px; margin-left: 624px; padding: 0; font: 0.7em Tahoma, Arial, sans-serif; }
/* styles for two column layout a */
#twoleft { width: 470px; padding: 0 0 0 10px; float: left; font: 0.8em Tahoma, Arial, sans-serif; }
#tworight { width: 240px; margin-right: 10px; float: right; font: 0.7em Tahoma, Arial, sans-serif; }
#tworight h1 { color: #333; font-size: 1.3em; margin-top: 0em; }
#tworight h2 { font-size: 1.3em; margin-top: 1.5em; }
/* styles for two column layout b */
#bleft { width: 130px; padding: 0; float: left; font: 0.7em Tahoma, Arial, sans-serif; float: left; }
#bright { width: auto; padding: 0 5px; margin-left: 160px; font: 0.8em Tahoma, Arial, sans-serif; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #bleft {
margin-right: 10px;
}
* html #bright {
height: 1%;
margin-left: 160px;
}
/* End hide from IE5/mac */
#bleft a:link, #bleft a:visited { font-weight: normal; }
#bleft a:hover { text-decoration: underline; color: #09f; }
/* styles for the jobs listing layout */
/* single column layout */
#sole { padding: 10px 20px; font: 0.8em Tahoma, Arial, sans-serif; }
/* miscellaneous styles */
.announce { border: 1px solid #c00; padding: 5px; }
.announce h2 { margin-top: 0; padding-top: 0; }
.clear {clear: both; font: 1px Verdana; color: #fff; height: 1px; }
.clearright {clear: right; font: 1px Verdana; color: #fff; height: 10px; }
.grey { color: #999; }
.lightgreen { color: #b5d17f; }
.strike { text-decoration: line-through; }
p.bordert { border-top: 1px solid #333; padding-top: 0.5em; }
.smaller { font-size: 0.8em; color: #666; }
.smallerleft { font-size: 0.8em; color: #999; float: left; }
#left .textbox { width: 126px; background-color: #efefef; border: 1px solid #06c; }
fieldset { margin-bottom: 1em; }
label { margin: 1em 0 0.3em 0; color: #666; display: block; }
label.radio, label.checks { display: inline; margin: 0 1em 0 0; }
input.check { float: left; display: inline; margin-top: 10px; }
.feature label.check { float: left; width: 250px; margin: 0; padding-top: 10px; }
.qzone .feature label { color: #000; margin-left: 10px; }
.qzone .feature label.radio { color: #000; margin-left: 0; }
.qzone .feature input { margin-left: 10px; }
.qzone select { margin-left: 10px; }
p.button { padding-top: 15px; text-align: center; }
.button2 { background-color: #fc0; color: #fff; border: 1px solid #000; font-weight: bold; }
.textbox { background-color: #efefef; border: 1px solid #6c0; }
.textbox95p { width: 95%; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox80p { width: 80%; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox50p { width: 50%; background-color: #efefef; border: 1px solid #000; }
.textbox145 { width: 145px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox100 { width: 100px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox105 { width: 105px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox85 { width: 85px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
.textbox90 { width: 90px; background-color: #efefef; border: 1px solid #000; padding: 3px 0px; }
#twoleft select { width: 145px; background-color: #efefef; border: 1px solid #000; }
legend { font: bold 1.0em Verdana, Arial, Helvetica, sans-serif; color: #333; }
.formleft { width: 48%; padding-right: 1%; float: left; }
.formright { width: 48%; padding-left: 1%; float: right; }
.required { color: #c00; }
/* styles used on the CV */
/* warning messages */
.warning{
display:inline;
color:#c00;
}
/* latest jobs */
/* Coloring and illustrating by section */
#basics .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
#basics .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
#basics #content { background: url(../_img/cool_guy.gif) bottom left no-repeat #fff;}
#basics .graphic { padding: 230px 0; }
#shopping .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
#shopping .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
#shopping #content { background: url(../_img/shopper.gif) bottom left no-repeat #fff;}
#shopping .graphic { padding: 260px 0; }
#entertainment .qzone { background: url(../_img/backgrounds/qzone_entertainment.gif) bottom left no-repeat; }
#entertainment .qzone p.first { background: url(../_img/backgrounds/qzone_entertainment_top.gif) top left no-repeat; }
#entertainment #content { background: url(../_img/devilish_girl.gif) bottom left no-repeat #fff; }
#entertainment .graphic { padding: 260px 0; }
#communicate .qzone { background: url(../_img/backgrounds/question_work.gif) bottom left no-repeat; }
#communicate .qzone p.first { background: url(../_img/backgrounds/question_top_work.gif) top left no-repeat; }
#communicate #content { background: url(../_img/communicate_phone.gif) bottom left no-repeat #fff; }
#communicate .graphic { }
#social .qzone { background: url(../_img/backgrounds/social_bottom.gif) bottom left no-repeat; }
#social .qzone p.first { background: url(../_img/backgrounds/social_top.gif) top left no-repeat; }
#social #content { background: url(../_img/couple.gif) bottom left no-repeat #fff;}
#social .graphic { }
#advanced .qzone { background: url(../_img/backgrounds/advanced_bottom.gif) bottom left no-repeat; }
#advanced .qzone p.first { background: url(../_img/backgrounds/advanced_top.gif) top left no-repeat; }
#advanced #content { background: url(../_img/grad_girl.gif) bottom left no-repeat #fff; }
#advanced .graphic { }
/* #home #content { background: url(../_img/advanced_girl_lab_coat_2.gif) bottom left no-repeat #6ca300; } */
#home #content { background: url(../_img/home_winner.gif) bottom left no-repeat #6ca300;padding-top:90px; }
#home .graphic {
padding: 240px 0;
}
#home .qzone { background: none; width: 300px; padding: 0; }
#home .qzone .feature { background: url(../_img/backgrounds/home_bottom.gif) bottom left no-repeat; margin-bottom: 10px; padding: 0 0 10px; }
#home .qzone p { padding: 5px 10px; border: none; }
#home .qzone .feature p, #home .qzone .feature ul { padding-right: 10px; }
#home .qzone .feature p.first { background: url(../_img/backgrounds/home_top.gif) top left no-repeat; margin: 0; padding: 10px; color: #6ca300; }
#home .qzone .feature p.green { color: #6ca300; }
#home .qzone .feature .textbox { width: 278px; border: 1px solid #333; margin-bottom: 10px; }
.textbox210 { width: 210px; border: 1px solid #333; background: #efefef; }
#end #content { background: url(../_img/advanced_girl_lab_coat_home.gif) bottom left no-repeat #6ca300; }
#end .graphic { padding: 210px 0; }
#end .qzone { width: 300px; background: url(../_img/backgrounds/home_bottom.gif) bottom left no-repeat; margin-bottom: 10px; padding: 0 0 10px; }
#end .qzone p { padding: 5px 10px; border: none; }
#groups .qzone p { border: none; }
#end .qzone ul { padding-right: 10px; }
#end .qzone p.first { background: url(../_img/backgrounds/home_top.gif) top left no-repeat; margin: 0; padding: 10px; color: #6ca300; }
#end .qzone p.green { color: #6ca300; }
#end .qzone .textbox { width: 278px; border: 1px solid #333; margin-bottom: 10px; }
h1.green { color: #6ca300; }
/* credit where credit's due */
#credit { width: 760px; margin: 20px auto; padding: 0; color: #7eb501; font: normal 0.7em Verdana, Arial, Helvetica, sans-serif; text-align: right; }
#credit a:link, #credit a:visited { color: #7eb501; font-weight: normal; text-decoration: none; }
#credit a:hover { text-decoration: underline; }
/* home page styles */
.floatleft { float: left; }
.betatest { border: 1px dotted #c00; margin: 10px; font-size: 0.7em; padding: 3px; }
/* group page styles */
body#groups.e-master .qzone { background: url(../_img/backgrounds/social_bottom.gif) bottom left no-repeat; }
body#groups.e-master .qzone p.first { background: url(../_img/backgrounds/social_top.gif) top left no-repeat; }
body#groups.e-master #content { background: url(../_img/tree_pose.gif) bottom left no-repeat #fff;}
#groups.e-master .graphic { padding: 230px 0; }
body#groups.e-expert .qzone { background: url(../_img/backgrounds/advanced_bottom.gif) bottom left no-repeat; }
body#groups.e-expert .qzone p.first { background: url(../_img/backgrounds/advanced_top.gif) top left no-repeat; }
body#groups.e-expert #content { background: url(../_img/doctor.gif) bottom left no-repeat #fff;}
#groups.e-expert .graphic { padding: 230px 0; }
body#groups.e-vangelist .qzone { background: url(../_img/backgrounds/social_bottom.gif) bottom left no-repeat; }
body#groups.e-vangelist .qzone p.first { background: url(../_img/backgrounds/social_top.gif) top left no-repeat; }
body#groups.e-vangelist #content { background: url(../_img/flirty_90s_girl.gif) bottom left no-repeat #fff;}
#groups.e-vangelist .graphic { padding: 230px 0; }
body#groups.e-citizen .qzone { background: url(../_img/backgrounds/qzone_shopping.gif) bottom left no-repeat; }
body#groups.e-citizen .qzone p.first { background: url(../_img/backgrounds/qzone_shopping_top.gif) top left no-repeat; }
body#groups.e-citizen #content { background: url(../_img/city_girl.gif) bottom left no-repeat #fff;}
body#groups.e-citizen .graphic { padding: 260px 0; }
body#groups.e-student .qzone { background: url(../_img/backgrounds/advanced_bottom.gif) bottom left no-repeat; }
body#groups.e-student .qzone p.first { background: url(../_img/backgrounds/advanced_top.gif) top left no-repeat; }
body#groups.e-student #content { background: url(../_img/grad2.gif) bottom left no-repeat #fff;}
#groups.e-student .graphic { padding: 230px 0; }
body#groups.e-learner .qzone, body#groups.e-virgin .qzone { background: url(../_img/backgrounds/qzone_basic.gif) bottom left no-repeat; }
body#groups.e-learner .qzone p.first, body#groups.e-virgin .qzone p.first { background: url(../_img/backgrounds/qzone_basic_top.gif) top left no-repeat; }
body#groups.e-learner #content, body#groups.e-virgin #content { background: url(../_img/communicate_phone.gif) bottom left no-repeat #fff;}
body#groups.e-learner .graphic, body#groups.e-virgin .graphic { padding: 230px 0; }
.greylabel { font-size: 0.9em; color: #666; padding: 0 5px 10px 10px; }
/* admin styles */
#anavigation { border: 1px solid #6ca300; margin: 0px auto; background: #ffffef; color: #6ca300; padding: 5px 10px; font: normal 0.8em Verdana, Arial, sans-serif; width: 738px; }
#anavigation a:link { color: #6ca300; text-decoration: none; }
#anavigation a:visited { color: #6ca300; text-decoration: none;}
#anavigation a:hover{ color: #6ca300; text-decoration: underline; }
table.admin { font-size: 0.8em; width: 95%; }
table.admin th { text-align: left; font-weight: normal; background: #efefef; }
table.admin td { border-bottom: 1px solid #ccc; }
td span.green { color: #6ca300; font-weight: bold; }
td span.red { color: #c00; font-weight: bold; }
p.search { border: 1px solid #333; margin: 1em 0; padding: 5px; background: #ffffef; }
p.pagination { font-size: 0.7em; }
.nobr { white-space: nowrap; }
table.admin td.section { background: #ffc; border-bottom: 2px solid #666; border-top: 1px solid #666; font-weight: bold; }
table.admin td.url { }
a.pseudobutton:link, a.pseudobutton:visited { font-size: 0.8em; background: #6ca300; border: 1px solid #000; color: #fff; padding: 2px; text-decoration: none; }
a.pseudobutton:hover { text-decoration: none; }
/*Example CSS for demo ticker*/
#tickerbox { font: bold 12px Verdana, Arial, Helvetica, sans-serif; width: 758px; background: #fc0; border-left: 1px solid #6ca300; border-right: 1px solid #6ca300; border-bottom: 1px solid #fff;height: 20px; padding: 0; margin: 0 auto; }
#tickerbox p { margin: 0; padding: 2px; }
#ajaxticker1{
font: 12px Verdana, Arial, Helvetica, sans-serif;
width: 560px;
float: right;
height: 16px;
padding: 2px 20px;
background-color: #e1edcc;
}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #e1edcc;
}
.someclass{ //class to apply to your scroller(s) if desired
}