/* == ONLINE == */ #online_buttons { margin:0; padding:0; } #online_buttons ul { width:153px; margin:0; padding:0; list-style-type: none;} #online_buttons ul li { margin:0; padding:0; text-align:left; line-height:1.65em;} #online_buttons ul li a, #online_buttons ul li a:visited { display:block; width:152px; margin:0; background:green; color:#fff; text-decoration:none; font-weight:bold; font-size:1.1em;} #online_buttons ul li a:hover { background:orange; font-weight:bold; font-size:1.1em; text-decoration:none; color:#fff;} #online_buttons ul li a.button_a { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/PayForIt.jpg") no-repeat top left; display:block; width:152px; margin:0; padding:20px 0 19px 45px;} #online_buttons ul li a:hover.button_a { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/PayForIt_rollo.jpg") no-repeat top left;} #online_buttons ul li a.button_b { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ApplyForIt.jpg") no-repeat top left; display:block; width:152px; margin:0; padding:20px 0 19px 45px;} #online_buttons ul li a:hover.button_b { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ApplyForIt_rollo.jpg") no-repeat top left; } #online_buttons ul li a.button_c { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ReportIt.jpg") no-repeat top left; display:block; width:152x; margin:0; padding:20px 0 19px 45px;} #online_buttons ul li a:hover.button_c { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/ReportIt_rollo.jpg") no-repeat top left; } #online_buttons ul li a.button_d { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/HaveYourSay.jpg") no-repeat top left; display:block; width:152px; margin:0; padding:20px 0 19px 45px;} #online_buttons ul li a:hover.button_d { background:url("HaveYourSay_rollo.jpg") no-repeat top left;} .greybox { width:auto; padding:1px; margin: 0; border:1px solid #c1ccd3; background:#efefef url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_bkgd.jpg") repeat-x bottom left; text-align:left; height:233px; font-size:inherit; } .greybox .boxheader { background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/PopPages_box_header.jpg") repeat-x top left; font-size:1.3em; color:#fff; height:25px; width:181px; padding:8px 0 0 5px; margin-bottom:7px;} /* == TASKS == */ #task_buttons { margin:0; padding:0; } #task_buttons ul { width:auto; margin:0; padding:0; list-style-type: none; display:inline;} #task_buttons ul li { float:left; margin:0 6px 7px 0; padding:0; text-align:left; font-size:1.3em; width:173px;} #task_buttons ul li a, #task_buttons ul li a:visited { display:block; margin:0; padding:4px 0 0 4px; color:#006699; background:#e8e8e8 url("/DurhamCC/usp.nsf/Lookup/SP09/$file/task_bkgd.jpg") repeat-x top left; border:1px solid #c1ccd3; height:109px;} #task_buttons ul li a:hover { background:url(/DurhamCC/usp.nsf/Lookup/SP09/$file/taskbox_blue_bkgd.jpg) repeat-x bottom left; color:transparent; text-decoration:none;} #task_buttons ul li img {float:right;} #task_buttons .text {float:left; width:103px;} #task_buttons .image {margin: 0 0 0 103px; width:auto; vertical-align:baseline; height:91px;} #task_buttons .image img { vertical-align:bottom; } #task_buttons p { padding: 3px 0 3px 0; width:auto; font-size: 77%; color:#333333;} .taskboxone {color:#006699;} .taskboxtwo {color:#cc6600;} .taskboxthree {color:#336600;} .taskboxfour {color:#669900;} #news { font-size:1.6em; font-weight:bold; line-height:0.55em; color:#56c0df; border-bottom:2px solid #56c0df; margin:0 0 20px 0; padding:20px 0 0 0;} .news_left { float:left; width:212px; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/vertical_dots.gif") repeat-y top right; padding-right:10px;} .news_centre { float:left; width:212px; margin-left:15px; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/vertical_dots.gif") repeat-y top right; padding-right:10px;} .news_right { float:left; width:250px; margin-left:15px; } .footerlefthome {float:left; margin: 0; padding: 10px 0px 0 0; height:30px; background:url(/DurhamCC/usp.nsf/Lookup/SP09/$file/footer_divider.gif) no-repeat top right; width:470px; } .footerlefthome img {float:left; margin-right:5px; } /* == FORMS == */ .form { margin:0; padding:0; width:620px; margin:0 auto 0 auto; line-height:normal; float:left;} .form p { clear:left; text-align: left; margin:0; padding:5px 0 8px 7px;} .form ul li { color:#cc6600;} .form fieldset { border:solid 1px #ccc; padding:5px; margin:5px; display:block; } .form fieldset fieldset { width:95%; border:solid 1px #ccc; padding:5px; margin:5px; display:block; } .form fieldset legend { line-height:130%; font-size:1.15em; font-weight:bold; color:#669900; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset fieldset legend { line-height:130%; font-size:99%; font-weight:bold; color:#336699; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset fieldset fieldset legend { line-height:130%; font-size:99%; font-weight:bold; color:#777; margin:0; padding:0 5px 0 5px; background:#fff;} .form fieldset label { width:195px; float:left; vertical-align:top; font-weight:normal; text-align:right; padding:0; /*margin:0 0 3px 0; height:auto;*/ display:block; } .form div.field { clear:left; margin-bottom:0px; padding:5px 0 8px 0;} .form fieldset input { width:270px; background:#fff; border:1px solid #adbfc2; margin:0 0 0 5px; padding: 2px; font-size:0.9em; color:#555; } .form fieldset textarea { width:270px; height:100px; font-family:Helvetica, Arial, sans-serif; font-size:1em; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; color:#555;} .form fieldset select { width:276px; height:auto; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; font-size:0.9em; color:#555; } .form fieldset select.short { width:100px; height:auto; font-family:Helvetica, Arial, sans-serif; font-size:1em; background:#fff; border:1px solid #adbfc2; margin:0px 0 10px 5px; padding:2px; overflow:auto; font-size:0.9em; color:#555;} .form .checkbox input { margin-left:160px; width:15px; height:15px; background:#fff; border:none; margin:2px; padding:0; border:1px solid #adbfc2; } .form fieldset textarea:focus, .form fieldset input:focus, .form fieldset select:focus { background-color:#f4fdfa; color:#444; } .form .indent {padding:10px 0 10px 185px;} .form .indent p { clear:both; text-align: left; margin:0; padding:3px 0 8px 0px;} .form .indent label {float:right; font-weight:normal; text-align:left; padding:0 2px 3px 0; margin:0; width:325px; display:block; } .form .indent input { float:left; margin:0 0 3px 0px; padding:0; border:none; width:15px; height:13px; display:block;} .form label.radio {float:right;} .form label.checkbox {width:100%; text-align:left; padding:5px; margin-left:20px;} .form .indent input.button { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight: bold; font-size:1em; color:#fff; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_Sml.jpg") no-repeat; padding: 0 0 6px 0; cursor:pointer; border:none; display:inline;} .form .indent input.largebutton { float:left; width:162px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:1em; color:#fff; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form .indent input.clearbutton { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:1em; color:#6d765e; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_clear.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form .indent2 { width:350px; padding:10px 0 10px 200px; text-align:left;} .form .indent2 input { margin:0 0 8px 0;} .form input.button { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight: bold; font-size:1em; color:#fff; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_Sml.jpg") no-repeat; padding: 0 0 6px 0; cursor:pointer; border:none; display:inline;} .form input.largebutton { float:left; width:162px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:1em; color:#fff; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_lge.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form input.clearbutton { float:left; width:103px; height:36px; margin:0 6px 0 0; font-weight:bold; font-size:1em; color:#6d765e; background:transparent url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Generic_button_clear.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} .form .inlineinputs { clear:left; width:305px; margin:4px 0 7px 198px; text-align:left; } .form .inlineinputs label { float:right; width:80px; font-weight:normal; text-align:left; padding:3px 2px 3px 0; margin:0 0 0 1px; color:#333; display:block; line-height: normal; background:inherit;} .form .inlineinputs input { float:left; border:1px solid #c1ccd3; /*width:13px; height:13px; */margin:0; padding:0;} .form .inlineinputs span { width:305px; padding:0px 0 7px 0; text-align:left; } .form .mandatory { font-weight:bold;} .form .validation { font-weight:bold; color:#cc6600; background:inherit;} .form .disclaimer { font-weight:normal; font-size:0.8em; color:#666; background:transparent; margin:15px 0 0 0; padding:5px 0 0 0; border-top:1px dotted #999;} .form .dropdown { padding:2px; } .form #calendar table { border:none; margin:0; font-size:100%;} .form #calendar table thead td { border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} .form #calendar table td { border:none; padding:0; text-align:center; background:#e8e8e8;} /* The css used for styling the CRM forms below */ #crmForm {width:650px; margin:0 auto 0 auto; } #crmForm div.Field, div.dateField {clear:both; margin-bottom:5px;} #crmForm fieldset {width:600px; display: block; margin:0 0 1em 0; padding:1em 1em 0.5em 1em; border:1px solid #ccc;} #crmForm fieldset legend {font-size:1.1em; font-weight:bold; color:#669900; } /*#crmForm fieldset fieldset { margin:10px 0 0 0;} #crmForm fieldset fieldset legend {font-size:1em; font-weight:bold; color:#669900;}*/ #crmForm input, textarea, select {display:block; width: 21em; margin:5px 0 0 0; float:left;} #crmForm div.query {width:40em;} #crmForm div.query label {clear:both; width:190px; margin:0; text-align:right;} #crmForm div.contact {width:40em;} #crmForm div.query input, textarea, select {width:21em;} #crmForm div.query select {font-size:100%; width:35.5em;} #crmForm div.dateField input {width: 14em;} #crmForm div.dateField img {margin-top:0.2em 0.5em 0 0;} #crmForm input.crmSubmitButton {clear:both; margin:0 0 3em 0; width:103px; height:36px; font-weight:bold; font-size:1.1em; color:#fff; background:transparent url("Generic_button_sml.jpg") no-repeat; padding:0 0 6px 0; cursor:pointer; border:none;} #crmForm input.crmAddressButton {clear:left; margin:4px 0 0 203px; width: 162px; height:36px; font-weight:bold; font-size:0.95em; color:#fff; background:transparent url("Generic_button_lge.jpg") no-repeat; padding: 0 0 6px 0; cursor:pointer; border:none; display:block;} #crmForm label {float:left; text-align:right; display:block; font-weight:normal; width:190px; margin:0; clear:left; padding-right:1em;} #crmForm select {display:block;} #crmForm fieldset.radio {clear:both; width:560px; padding:1em; margin:10px 0 0 0;} #crmForm fieldset.radio input {float:left; width:auto; margin:0; clear:left;} #crmForm fieldset.radio legend {font-size:1em; font-weight:bold; color:#666;} #crmForm fieldset.radio label {clear:none; float:left; width:510px; color:#383838; text-align:left; margin:0 0 0 5px;} #crmForm div.validation {margin-top:0.5em; float:left; padding-left:0.5em; color:#cc6600;} #crmForm label.validation {font-weight:bold;} #crmForm div.feedback {clear:both; padding-bottom:1em; color:#cc6600;} #crmForm div.returninfo {clear:both; padding-bottom:1em; color:#444;} #crmForm table {border:none; margin:0; font-size:100%;} #crmForm table thead td {border:2px solid #fff; padding:0; text-align:center; font-size:100%; font-weight:bold; color:#555;} #crmForm table td {border:none; padding:0; text-align:center; background:#e8e8e8;} #AtoZmenu { padding:0; margin:15px auto 20px auto; } #AtoZmenu ul { padding:0 0 20px 0; margin:0; list-style-type:none; } #AtoZmenu ul li { Width:auto; float:left; padding:0; margin:0 2px 0 0; text-align:center; background-image:none; list-style-type:none; text-decoration:none; } #AtoZmenu ul li a:link, #AtoZmenu ul li a:visited { width:1.2em; display:block; padding:4px; margin:0; background:#e5e5e5; border:1px solid #ccc; background-image:none; text-decoration:none; color:#0e2a5d;} #AtoZmenu ul li a:hover { color:#fff; background:#006699; border:1px solid #666; text-decoration:none;} #AtoZmenu ul li .selected { width:1.1em; background:#006699; color: #fff; padding:4px; border:1px solid #666; margin:0; display:block;} #AtoZmenu ul li .disabled { width:1.1em; color: #999; background:#e5e5e5; padding:4px; border:1px solid #ccc; margin:0; display:block;} /* .AtoZSaveButton {display:block; float:left; clear:both; width:10em;} .dccSearch {text-align:right; float:right; position:absolute; top:125px; right:20px;} .AtoZ{ padding-top:2em;} .AtoZmenu span {display:inline; width:3em; padding:4px 8px; color: #CCCCCC; background: #F7F7F7; border:1px solid #fff; text-decoration:none;} */ /*.mainpage {width:100%; border:1px solid #003366; padding:8px;}*/ #searchjobs {border:1px solid #cccccc; width:auto; height:120px; margin-top:10px; padding:8px; text-align:left; background-image:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/Nav_bkgd.jpg") ; background-repeat:repeat-x; } #searchjobs input { float:left; width:145px; height:auto; margin:8px 0 10px 0; padding:3px; color:#666; font-size:0.8em; border:1px solid #999999;} #searchjobs input.searchbutton { float:left; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/icon_search2.gif") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:8px;} #searchjobs input.searchbutton2 { float:left; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/search_events_go.jpg") no-repeat top left; width:25px; height:25px; border:none; cursor:pointer; margin-left:8px;} #searchjobs ul li { margin:5px 0 6px 0; padding: 8px 0 0px 0; line-height:normal; font-size: 0.9em; background:url("/DurhamCC/usp.nsf/Lookup/SP09/$file/dotted_line.gif") repeat-x top left; } #searchjobs select {width:145px; background-color: #e0f3fa; color:#56555b; font-weight:bold; font-size:70%;} .twisties {display:block; margin:8px auto 10px auto; width:99%; font-size:100%;} .twisties td { font-size:0.83em; padding:4px; text-align:left; vertical-align:top;} .ecol1 { width:80px; float:left; font-weight:bold; } .ecol2 { width:auto; margin:0 0 0 90px;}