/* CSS Document */ a { color: #2c699f; text-decoration: none; } a img { border: none;} body { background: #fff; font: normal 1.0em Tahoma, verdana, sans-serif; color: #454545; margin: 0; padding: 0; } form { padding: 0; margin: 0;} h1 { color: #183152; font-weight: normal; font-size: 1.6em; margin: 0 0 1em;} h2 { color: #183152; font-weight: normal; font-size: 1.4em; margin: 0 0 1em;} h3 { color: #183152; font-weight: normal; font-size: 1.2em; margin: 0 0 1em;} td { border-bottom: 1px dotted #ccc; } th { border-bottom: 1px solid #ccc; text-align: left; font-weight: normal; background: #efefef;} #content p { margin: 0 0 1em; padding: 0;} #header { background: url(/_img/banners/banner.jpg) left top repeat-y #fff; height: 200px; margin: 0 auto; padding: 0 9px; position: relative; width: 942px;} #flash { position: absolute; top: 0; right: 0; width: 377px; height: 120px; } #flash2 { position: absolute; top: 0; right: 0; width: 400px; height: 120px; } #flash3 { position: absolute; top: 0; right: 0; width: 598px; height: 120px; } #flash4 { position: absolute; top: 0; right: 0; width: 560px; height: 120px; } #quote { font: 1.1em normal Georgia, "Times New Roman", Times, serif; font-style: italic; position: absolute; color: #fff; overflow: hidden; top: 40px; right: 20px; height: 38px; width: 323px;} #home #quote { font: 1.1em normal Georgia, "Times New Roman", Times, serif; font-style: italic; position: absolute; color: #fff; overflow: hidden; top: 40px; right: 20px; height: 75px; width: 285px;} #home #header{ background: url(/_img/banners/30something_top.jpg) left top no-repeat #fff;} #home #nav{ background: url(/_img/banners/30something_bottom.jpg) left top no-repeat #fff;} #home #quote { top: 100px; right: 645px;} .contact #header{ background: url(/_img/banners/20something_top.jpg) left top no-repeat #fff; height: 120px;} .contact #nav{ background: url(/_img/banners/20something_bottom.jpg) left top no-repeat #fff;} .norasi #header{ background: url(/_img/banners/bloke2_top.jpg) left top no-repeat #fff; height: 120px;} .norasi #nav{ background: url(/_img/banners/bloke2_bottom.jpg) left top no-repeat #fff;} .labs #header, #participant #header { background: url(/_img/banners/whiteboard_top.jpg) left top no-repeat #fff; height: 120px;} .labs #nav{ background: url(/_img/banners/whiteboard_bottom.jpg) left top no-repeat #fff;} .labs #quote { top: 70px; right: 607px; } .about #header{ background: url(/_img/banners/oldguy3_top.jpg) left top no-repeat #fff; height: 120px;} .about #nav{ background: url(/_img/banners/oldguy3_bottom.jpg) left top no-repeat #fff;} .about #quote { top: 70px; right: 607px; } .labs .features { background: url(/_img/backgrounds/labs_features_bottom.png) left bottom no-repeat #fff;margin: 0 0 20px; padding: 0 0 10px; } .labs .featurebox { float: left; width: 218px; margin: 0 34px 0 0; padding: 0; } .labs .featurebox.last { margin: 0;} .labs .featurebox h2 { background: #ff0;height: 25px; text-indent: -2000em; } .labs .featurebox img { float: left; } .featurebox h2 a { display: block; height: 25px; width: 320px; text-indent: -2000em; } .labs #content .featurebox p.descrip { margin: 0 5px 5px 100px;} .labs #content .featurebox p.right { border-top: 1px dotted #a9c800; clear: both; margin: 0 5px; padding: 5px;} .featurebox h2#rose { background: url(/_img/backgrounds/promotional_content_panel_top_rose_300.png) left top no-repeat #fff; } .featurebox h2#howe { background: url(/_img/backgrounds/promotional_content_panel_top_howe_300.png) left top no-repeat #fff; } .featurebox h2#noras { background: url(/_img/backgrounds/promotional_content_panel_top_noras_300.png) left top no-repeat #fff; } .featurebox h2#norasint { background: url(/_img/backgrounds/promotional_content_panel_top_noras_international_300.png) left top no-repeat #fff; } #nav { background: url(/_img/banners/banner_bottom.jpg) left top no-repeat; height: 39px; margin: 0 auto; padding: 0 9px; font-size: 1em; color: #fff; width: 942px; } #content { background: url(/_img/backgrounds/content2.png) left top repeat-y; margin: 0 auto; padding: 20px 9px; width: 942px;} #participant #content, #participants #content, #presslogos #content { background: url(/_img/backgrounds/content3.png) left top repeat-y; margin: 0 auto; padding: 20px 9px; width: 942px;} .labs #content { background: url(/_img/backgrounds/content_labs.png) left top repeat-y; margin: 0 auto; padding: 20px 9px; width: 942px;} #labshome #content { background: url(/_img/backgrounds/content_labs.png) left top repeat-y; margin: 0 auto; padding: 20px 9px; width: 942px;} #solecontent { background: url(/_img/backgrounds/homecontent.png) left top repeat-y; margin: 0 auto; font-size: 0.9em; padding: 20px 29px; width: 902px;} #footer { background: url(/_img/backgrounds/footer.png) left bottom no-repeat; color: #fff; font-size: 0.7em; margin: 0 auto; padding: 10px 20px 20px; width: 920px;} #footer a { color: #fff; text-decoration: underline;} #credit { color: #000; font-size: 0.7em; margin: 0 auto; padding: 10px 0; width: 960px;} #credit a { color: #000; } .clear{ clear: both; height: 0px; font-size: 0; background: #fff; visibility: hidden; } .hidden { display: none; } #breadcrumb { display: none;} /* Three column layout */ #secondary_nav { clear: both; float:left; margin: 0 20px 0 10px; padding: 0; width: 200px;} #main_content, #main_content_wide { float: left; font-size: 0.8em; margin: 0 21px 0 0; padding: 0; width: 470px;} #main_content h1, #main_content_wide h1 { margin: 0 0 1em;} #main_content_wide { width: 690px;} #promotional_content { float: left; margin: 0; padding: 0 5px; width: 210px;} /* secondary navigation */ #secondary_nav .panel { background: url(/_img/backgrounds/secondary_navigation_panel_bottom.png) left bottom no-repeat; margin: 0 0 20px; } #secondary_nav .panel h3#section { background: url(/_img/backgrounds/secondary_navigation_panel_top_section.png) left top no-repeat; border-bottom: 1px solid #918876; color: #fff; font-weight: bold; font-size: 0.9em; font-weight: normal; margin: 0; padding: 5px 5px; text-indent: -1000em; } #secondary_nav .panel h3#resources { background: url(/_img/backgrounds/secondary_navigation_panel_top_resources.png) left top no-repeat; border-bottom: 1px solid #918876; color: #fff; font-weight: bold; font-size: 0.9em; font-weight: normal; margin: 0; padding: 5px 5px; text-indent: -1000em; } .labs #secondary_nav .panel { background: url(/_img/backgrounds/secondary_navigation_panel_bottom_labs.png) left bottom no-repeat; margin: 0 0 20px; } .labs #secondary_nav .panel h3#section { background: url(/_img/backgrounds/secondary_navigation_panel_top_section_labs.png) left top no-repeat; border-bottom: 1px solid #a9c800; color: #fff; font-weight: bold; font-size: 0.9em; font-weight: normal; margin: 0; padding: 5px 5px; text-indent: -1000em; } .labs #secondary_nav .panel h3#resources { background: url(/_img/backgrounds/secondary_navigation_panel_top_resources_labs.png) left top no-repeat; border-bottom: 1px solid #a9c800; color: #fff; font-weight: bold; font-size: 0.9em; font-weight: normal; margin: 0; padding: 5px 5px; text-indent: -1000em; } #secondary_nav .panel ul { padding: 0 0 5px; margin: 0;} #secondary_nav .panel li { list-style: none; margin: 0 1px; padding: 0; } #secondary_nav .panel a { border-bottom: 1px solid #918876; color: #375d81; display: block; font-size: 0.8em; margin: 0; padding: 5px; } .labs #secondary_nav .panel a { border-bottom: 1px solid #a9c800; color: #375d81; display: block; font-size: 0.8em; margin: 0; padding: 5px; } .labs #secondary_nav .panel li a.last { border-bottom: none; } #secondary_nav .panel a:hover { background: #e9e7e4; } #secondary_nav .panel li a.last { border-bottom: none; } #secondary_nav .panel li a.start { background: #dde999; } #secondary_nav .panel li a.start:hover { background: #d4e480; } #secondary_nav .panel a.resources { height: 19px; padding: 10px 5px 5px 35px;} #secondary_nav .panel a#results { background: url(/_img/backgrounds/resources_graph.png) 5px 50% no-repeat #fff;} #secondary_nav .panel a#results:hover { background: url(/_img/backgrounds/resources_graph.png) 5px 50% no-repeat #e9e7e4;} #secondary_nav .panel a#partners { background: url(/_img/backgrounds/resources_clipboard.png) 5px 50% no-repeat;} #secondary_nav .panel a#partners:hover { background: url(/_img/backgrounds/resources_clipboard.png) 5px 50% no-repeat #e9e7e4;} #secondary_nav .panel a#press { background: url(/_img/backgrounds/resources_press.png) 5px 50% no-repeat;} #secondary_nav .panel a#press:hover { background: url(/_img/backgrounds/resources_press.png) 5px 50% no-repeat #e9e7e4;} #secondary_nav .panel a#labshome { background: url(/_img/backgrounds/resources_labs.png) 5px 50% no-repeat;} #secondary_nav .panel a#labshome:hover { background: url(/_img/backgrounds/resources_labs.png) 5px 50% no-repeat #e9e7e4;} #secondary_nav .panel a#howeru { background: url(/_img/backgrounds/resources_howeru.png) 5px 50% no-repeat;} #secondary_nav .panel a#howeru:hover { background: url(/_img/backgrounds/resources_howeru.png) 5px 50% no-repeat #e9e7e4;} #secondary_nav .panel a#rose { background: url(/_img/backgrounds/resources_rose.png) 5px 50% no-repeat;} #secondary_nav .panel a#rose:hover { background: url(/_img/backgrounds/resources_rose.png) 5px 50% no-repeat #e9e7e4;} #aboutintro #linkintro a, #aboutjobboards #linkjobboards a, #aboutworks #linkworks a, #aboutpartners #linkpartners a, #aboutcontact #linkcontact a, #memberpage #linkresults a, li.selected a { background: #dde999; } #aboutintro #linkintro a:hover, #aboutjobboards #linkjobboards a:hover, #aboutworks #linkworks a:hover, #aboutpartners #linkpartners a:hover, #aboutcontact #linkcontact a:hover, #memberpage #linkresults a:hover { background: #d4e480; } #promotional_content .panel { background: url(/_img/backgrounds/promotional_content_panel_bottom_2.png) left bottom no-repeat; margin: 0 0 20px; } #content #promotional_content .panel img.floatleft { float: left; padding: 10px;} #content #promotional_content .panel p.first { background: url(/_img/backgrounds/promotional_p.png) left top repeat-x; margin: 0 1px; padding: 10px 9px 10px 65px;} #content #promotional_content .panel p.right { border-top: 1px dotted #a9c800; clear: both; margin: 0 5px 10px; padding: 5px;} #promotional_content .panel h3 { background: url(/_img/backgrounds/promotional_content_panel_top_2.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; margin: 0; padding: 0; } #promotional_content .panel h3#jb a { background: url(/_img/backgrounds/promotional_content_panel_top_jb.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0; text-indent: -1000em; } #promotional_content .panel h3#employers a { background: url(/_img/backgrounds/promotional_content_panel_top_employers.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0; text-indent: -1000em; } #promotional_content .panel h3#agencies a { background: url(/_img/backgrounds/promotional_content_panel_top_agencies.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0; text-indent: -1000em; } #content #promotional_content .panel p { font-family: Calibri, Tahoma, verdana, sans-serif; font-size: 0.8em; margin: 0; padding: 0 10px 10px;} #promotional_content .panel h3#rose a { background: url(/_img/backgrounds/promotional_content_panel_top_rose.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0; text-indent: -1000em; } #promotional_content .panel h3#howeru a { background: url(/_img/backgrounds/promotional_content_panel_top_howeru.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0; text-indent: -1000em; } #promotional_content .panel h3#archive { background: url(/_img/backgrounds/promotional_content_panel_top_archive.png) left top no-repeat; color: #e6f2fe; font-weight: normal; font-size: 0.9em; display: block; height: 25px; margin: 0 0 10px; text-indent: -1000em; } #promotional_content .panel a { color: #375d81; } /* homepage styles */ #home #content, #norasi #content, .norasi #content, .login #content, #none #content { background: url(/_img/backgrounds/homecontent.png) left top repeat-y; } #home #flash { position: absolute; top: 0; right: 0; width: 377px; height: 200px; } #homecols { background: url(/_img/backgrounds/homecols.png) bottom left no-repeat; padding: 0 0 20px;} .homecol { float: left; font-size: 0.8em; margin: 0 10px; padding: 0 10px; width: 274px;} #content .homecol.blue p { width: 164px;} #content .homecol.blue p. { width: 164px;} .homecolwide { background: url(/_img/backgrounds/homecol_wide.png) bottom left no-repeat; float: left; font-size: 0.9em; margin: 0 10px; padding: 0 10px 20px; width: 588px;} .homecolwide h1 { background: url(/_img/backgrounds/homecol_wide_h1.png) top left no-repeat; border-bottom: 1px solid #03202e; font-size: 1.4em; font-weight: normal; margin: 0 -10px; padding: 10px 10px 5px; text-indent: -1000em;} .homecol h2 { border-bottom: 1px solid #03202e; color: #183152; font-size: 1.2em; font-weight: bold; margin: 0 -10px ; padding: 0 10px 5px;} .homecol h2#norasi { background: url(/_img/backgrounds/h2_noras_interactive.png) top left no-repeat; border-bottom: 1px solid #03202e; color: #183152; font-size: 1.2em; font-weight: bold; margin: 0 -10px 10px ; padding: 0 10px 15px; text-indent: -1000em;} .homecol h2#start { background: url(/_img/backgrounds/h2_start.png) top left no-repeat; border-bottom: 1px solid #03202e; color: #183152; font-size: 1.2em; font-weight: bold; margin: 0 -10px 10px; padding: 0 10px 15px; text-indent: -1000em;} .homecol#labs h2 { background: url(/_img/backgrounds/homecol_labs_h2.png) top left no-repeat; color: #03202e; font-size: 1.2em; font-weight: bold; margin: 0 -10px 0; padding: 10px 10px 25px; text-indent: -1000em;} .homecol h3 { font-weight: normal; margin: 0;} .homecol#labs h3 {font-size: 1em; font-weight: bold; margin: 10px 0; } #news { background: #fff; border-bottom: 1px solid #6f0895; border-top: 1px solid #6f0895; clear: both; font-size: 0.8em; padding: 5px 0; width: 960px; } #content .homecol.blue p.login, #content .homecolwide p.first { background: url(/_img/backgrounds/p_first_blue.png) top left repeat-x; margin: 0 -9px 1em; padding: 10px 9px 0;} a.pseudobutton { background: #f6921e; border: 2px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; float: left; padding: 3px 6px; text-decoration: none;} #loginpage a.pseudobutton { background: url('/_img/backgrounds/buttonGo.png') top left no-repeat; border: 2px solid #183152; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font: 1em normal Arial,Helvetica,Verdana,sans-serif; padding: 5px; float: right;} h2#labs { background: url(/_img/backgrounds/labs.png) top right no-repeat; border-bottom: 2px solid #b539e2; vertical-align: bottom; } .floatright { float: right;} #hcontainer h2 { margin-top: 30px } #home h3 a.block { display: block; float: left; width: 274px; height: 40px; margin: 0 0 10px;} #home h3 a#first { background: url(/_img/backgrounds/h3_rose.png) right 10px no-repeat; height: 55px; margin: 0 -10px 15px; width: 294px; text-indent: -1000em; vertical-align: bottom; } #home h3 a#second { background: url(/_img/backgrounds/h3_howe.png) right 10px no-repeat; height: 55px; width: 294px; margin: 0 -10px 15px; text-indent: -1000em; vertical-align: bottom; } /* STYLES USED IN FORMS -------------------------------------------------- */ .buttonGo { background: url('/_img/backgrounds/buttonGo.png') top left no-repeat; border: 2px solid #183152; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font: 1em normal Arial,Helvetica,Verdana,sans-serif; padding: 5px; } .buttonGo2 { background: url('/_img/backgrounds/buttonGo2.png') top left no-repeat; border: 2px solid #a9c800; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color: #fff; font: 1em normal Arial,Helvetica,Verdana,sans-serif; padding: 5px; } .buttonGo:hover { background: #abc8e2;} #home a.buttonGo { background: url('/_img/backgrounds/buttonGo.png') top left no-repeat; border: 1px solid #183152; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 5px; color: #fff;display: block; float: left; font: 0.9em normal Arial,Helvetica,Verdana,sans-serif; margin: 0 5px 0 0; padding: 5px; text-align: center; width: 65px; } #home a.buttonGo:hover { background: #abc8e2;} #promotional_content .panel a.buttonGo { float: none; color: #fff; margin: 0 0 1em;} #content form p { clear: both; padding: 5px 0;} /* STYLES USED IN NORAS INTERACTIVE -------------------------------------------------- */ #signup { border: 2px solid #abc8e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9em; margin: 20px auto; padding: 10px; width: 680px; } #frmNoras .formrow label, .formrow span.pseudolabel { float: left; margin: 0 10px 0 0; text-align: right; width: 110px;} .formrow span.pseudolabel { display: block; } #frmNoras .formrow label.alignleft {text-align:left;} #frmNoras .formrow input[type="text"], #frmNoras .formrow input[type="password"] { border: 1px solid #999; float: left; width: 180px; padding: 2px;} #frmNoras .formrow label.radio { width: auto; float: none;} #loginpage #content { background: url(/_img/backgrounds/content3.png) left top repeat-y;} #frmNoras .formleft { width: 320px; float:left;} #frmNoras .formright { width: 320px; float:right;} .loginpanel, #passwordpanel {width: 300px; padding: 0 0 10px; border: 2px solid #abc8e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; float: left; font-size: 0.9em; margin: 20px 10px 0 0; min-height: 300px; } #passwordpanel { margin: 20px 190px; min-height: 0;} #passwordpanel form { margin: 0; } .loginpanel h3, #passwordpanel h3 { background: #abc8e2; color: #fff; padding: 5px; } .loginpanel form label, #passwordpanel form label { float: left; margin: 0 20px 0 0; text-align: right; width: 120px;} .loginpanel form input.short, #passwordpanel form input.short { border: 1px solid #999; float: left; width: 146px;} .loginpanel p#formsubmit, #passwordpanel p#formsubmit { text-align: right;} .loginpanel p, #passwordpanel p { margin: 5px;} .loginpanel { position: relative; margin: 20px 20px 0;} .loginpanel p#formsubmit input, .loginpanel a.pseudobutton { margin: 5px; } .subanswers { margin-left: 10px; border-left: 10px solid #ccc; padding-left: 10px; } table.querysummary th { width: 10em; font-weight: bold; } #enquirypanel { border: 2px solid #abc8e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9em; margin: 20px auto; padding: 5px; width: 400px; } #enquirypanel textarea { background: #efefef; border: 1px solid #000; width: 398px;} #enquirypanel form label { float: left; margin: 0 20px 0 0; text-align: right; width: 150px;} #enquirypanel form input[type="text"] { background: #efefef; border: 1px solid #000; float: left; width: 188px;} #members #content, .norasi.members #content { background: url(/_img/backgrounds/content2.png) left top repeat-y; padding-top:0; } #search #content { background: url(/_img/backgrounds/content3.png) left top repeat-y; } #members.login #content, #norasi.login #content { padding-top: 20px;} .grouping {background: #f3f5fd; border: 2px solid #abc8e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9em; padding: 0 10px 10px; } .grouping .grouphead, .grouping h3, .grouping.sites h3 { background: url(/_img/backgrounds/norasi_question_title.png) top left no-repeat; color: #2c699f; text-shadow: 0 1px 0 #fff; font-size: 1.2em; font-weight: bold; margin: 0 -10px 5px; padding: 10px 5px 5px; } .grouping .grouphead a { text-decoration: underline; } .grouping.popular {background: #f3f5fd; border: 2px solid #2c699f; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9em; padding: 0 10px 10px; } .grouping.popular h3 { background: url(/_img/backgrounds/norasi_question_title_gradient.png) top left repeat-x #2c699f; text-shadow: 0 1px 0 #03202e; color: #fff; } .grouping.sites {background: #f3f5fd; border: 2px solid #666; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 0.9em; padding: 0 10px 10px; } .grouping.sites h3 {background: #666; color: #fff; } /*.grouping table { margin: 0 0 5px;}*/ .selectopt, .subselectopt { padding: 5px; border-bottom: 1px dotted #375d81; text-align: right; } #content p.selectopt { margin: 0 0 0.3em;} .subselectopt { border: 1px dotted #bababa; } .selectopt .floatleft { } td label { display: inline; } td{ border-bottom: 1px solid #c4d7ed; } .base td { background: #efefef;} .refine td { border-bottom: none;} table.querysummary, table.results { margin-top: 10px; } table.results th { text-align: left; border-bottom: 3px solid #375d81; } table.querysummary th a, table.results th a { color: #46466e; } .warningrow { border-top: 4px solid #c00; border-bottom: 1px dotted #c00; } .warningrow strong { color: #c00; } .unreliabledata { color: #c00; } .unreliabledata a:link, .unreliabledata a:visited { color: #c00; } p.notice { border: 1px solid #bababa; padding: 10px; font-size: 0.8em; color: #7a7a7a; background: #efefef; } span.red { color: #c00; } .grouping .floatleft { float: left;} #members #content p.loggedin, .norasi #content p.loggedin { border-bottom: 1px solid #375d81; font-size: 0.7em; background: #efefef; margin: 0 -20px 1.5em; padding: 5px; text-align: right;} .norasi.members #content p.loggedin { margin: 0 0 1.5em;} #norasi #content p.loggedin { margin: 0 -20px 1.5em; } #content p.wave { margin-top: 0; padding: 0 0 0 50px; } #members h2 { border-top: 1px solid #666; margin-top: 2em; padding-top: 10px;} .explanatory { color: #999; font-size: 0.9em;} #content .error p { border: 1px solid #c00; color: #c00; padding: 5px; } .floatleft { float: left; } .floatright { float: right; } .right { text-align: right;} input.norasibigbutton { background: url(/_img/backgrounds/buttongreygradient.png) top left repeat-x #666; border: 2px solid #333; color: #fff; text-shadow: 0 1px 0 #333; font-size: 1.6em; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } input.norasibigbutton:hover { background: url(/_img/backgrounds/buttongreygradient.png) left -50px repeat-x #666; text-shadow: 0 1px 0 #999; } .participantleft, .participantright { float: left; width: 45%;} .participantleft h2, .participantright h2 { background: #efefef; padding: 4px;} .participantright { float: right; } /* PRESS RELEASES -------------------------------------------------- */ #release { background: url(/_img/backgrounds/graphpaper.jpg) top left repeat; border: 1px solid #000; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 10px; padding: 10px; } table.presslogos { margin: 0 0 20px; width: 690px;} table.presslogos th, table.presslogos td { padding-right: 10px;} table.pressrelease td { border:none; } /* BECAUSE THE CLIENT WANTS GRAPHIC H1s -------------------------------------------------- */ h1#about { background: url(/_img/h1s/about.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#agencies { background: url(/_img/h1s/information_for_agencies.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#archive { background: url(/_img/h1s/noras_results_booklets.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#become_partner { background: url(/_img/h1s/become_a_partner.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#become_partner_howe { background: url(/_img/h1s/become_a_partner_howe.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#case { background: url(/_img/h1s/case_study.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#contact { background: url(/_img/h1s/contact_us.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#how { background: url(/_img/h1s/how_noras_works.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#employers { background: url(/_img/h1s/employers.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#how2 { background: url(/_img/h1s/how_it_works.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#howroseworks { background: url(/_img/h1s/how_rose_works.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#howeru { background: url(/_img/h1s/how_e_are_you.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#howehire { background: url(/_img/h1s/how_ehireable_are_you.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#howeresults { background: url(/_img/h1s/results-ehireable.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#info_jb { background: url(/_img/h1s/info_for_job_boards.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#interactive { background: url(/_img/h1s/noras_interactive.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#international { background: url(/_img/h1s/noras_international.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;}h1#involved { background: url(/_img/h1s/who_is_involved.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#involved2 { background: url(/_img/h1s/get_involved_rose.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#labs { background: url(/_img/h1s/research_labs.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#interactive { background: url(/_img/h1s/noras_interactive.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 690px; padding: 0; text-indent: -1000em;} h1#logos { background: url(/_img/h1s/noras_logos.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#login { background: url(/_img/h1s/login.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#noras span { background: url(/_img/h1s/the_national_online_recruitment_audience_survey.png) top left no-repeat; display: block; height: 32px; width: 588px; padding: 0; text-indent: -1000em;} h1#participate { background: url(/_img/h1s/which_job_boards_participate_in_noras.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#partners { background: url(/_img/h1s/partners.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#press { background: url(/_img/h1s/press_resource.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#pressrelease { background: url(/_img/h1s/press_release.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#register { background: url(/_img/h1s/register_with_noras.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 680px; padding: 0; text-indent: -1000em;} /*h1#releases { background: url(/_img/h1s/press_releases.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;}*/ h1#researchmeth { background: url(/_img/h1s/noras_research_methodology.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#results { background: url(/_img/h1s/results.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#results_booklet { background: url(/_img/h1s/noras_results_booklet.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#roseresults { background: url(/_img/h1s/results-rose.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#seeinaction { background: url(/_img/h1s/see_it_in_action.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#seeinaction h1#thanks { background: url(/_img/h1s/thank_you_for_registering.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#terms { background: url(/_img/h1s/noras_terms_and_conditions.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#value { background: url(/_img/h1s/value_of_noras.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#what { background: url(/_img/h1s/what_is_noras.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 32px; width: 470px; padding: 0; text-indent: -1000em;} h1#rose { background: url(/_img/h1s/welcome_to_rose.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 60px; width: 470px; padding: 0; text-indent: -1000em;} h1#norasi { background: url(/_img/h1s/norasi.png) top left no-repeat; border-bottom: 1px solid #03202e; height: 30px; width: 700px; padding: 0; text-indent: -1000em;} .panellist { background: #2c699f; border: 2px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #fff; padding: 10px; margin: 0 0 1em;} .greenfeature, .greenfeature { background: #f2f7d9; border: 2px solid #a9c800; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 10px; margin: 0 0 1em;} .greenfeature ul { margin: 0; padding-left: 10px; } #content .greenfeature p { margin: 0.5em 0;} p.calltoaction { text-align: center; } .justified p { text-align: justify;} .reqd { color: #c00;} #aboutcontact iframe { border: 1px solid #000;} #frmContact label { display: block; float: left; width: 150px; padding: 5px 0;} #frmContact input.text, #frmContact textarea { display: block; float: left; border: 1px solid #000; padding: 3px; width: 295px;} #frmContact input.buttonGo {margin-left: 150px} .small {font-size:0.85em;}