/*body*/ body { background: #2C608F url(images/body_bg.gif) repeat-x 0 20px; margin: 0;padding:0;} body a img{border:none;} /*container*/ #container { margin: 0 auto; padding:20px 0 0 0; position:relative; width: 778px;} /*header*/ #header { float: left; background: #fff url(images/downtown-daytime.jpg) no-repeat 44px 90px; width: 100%;} /*logo*/ #header #logo { margin:0; padding: 0;float:left;width: 100%;} #header #logo a { display:block;width: 100%;text-indent:-3000em;height:90px; overflow:hidden;background: url(images/summer_header.jpg) no-repeat top center;} /*accessibility*/ #header .accessibility { display: none; } /*nav*/ html>body #nav { height: auto; } /*IE6 min-height hack*/ #header #nav {float:right;width:45%;margin:0;padding:10px 0 0;min-height:242px;height:auto !important;height:242px;background: #3C83C5 url(images/SUMMERBANNER.jpg) no-repeat top right;} #header #nav li { clear:both;padding: 0;margin: 0 21.4% 0 0;line-height:normal;width:52.7%;background: #3C83C5; } #header #nav li a { display:block;font: normal 11px/11px verdana, arial, helvetica, sans-serif; padding: 6px 0;text-decoration: none;text-transform: uppercase; width:70%; margin: 0 15%;background: #3C83C5 url(images/nav_underdots.gif) repeat-x bottom left; } #header #nav li a:link, #header #nav li a:visited {color:#fff;} #header #nav li a:hover, #header #nav li a:active, #header #nav li a.active { color:#000;} #header #nav li a.contact_link { background-image:none; } #header #nav li.login { position:absolute;top:0;right:20px;float:none; padding: 0;margin: 0;width:87px;background: none; } #header #nav li.login a.memberLoginLink { background:none;display:block;padding: 4px 0;text-transform: none; margin: 0; width:87px;display:none;} #header #nav li.login a.memberLoginLink:link, #header #nav li.login a.memberLoginLink:visited {color:#fff;background:#2C608F;} #header #nav li.login a.memberLoginLink:hover, #header #nav li.login a.memberLoginLink:active, #header #nav li.login a.memberLoginLink.active { color:#fff;background:#316B9F;} /*page*/ #page { clear: both; float: left; padding: 0; width: 100%;margin:0;position:relative;z-index:1px;background:#3C83C5;} /*content*/ html>body #content { height: auto; } /*IE6 min-height hack*/ #content {background:#EFF4FA; float: right; color:#222;width:88.3%;margin:0; padding:20px 3%;min-height:320px;height:auto !important;height:320px;} /*general*/ #content a:link, #content a:visited {color:#2d82c0; } #content a:hover, #content a:active {color:#fff;background:#2d82c0; text-decoration:none;} #content img.left { float: left; margin: 1.65em 1.5em 1em 0; } #content img.right { float: right; margin: 1.65em 0 1em 1.5em; } #content h1, #content .pages h2.title { color: #707070; font: 36px Georgia, verdana, arial, helvetica, sans-serif; letter-spacing: -1px; margin: 0 0 20px 0; padding: 0; } #content h1 a, #content .pages h2.title a { color: black; text-decoration: none; } #content h1 em a { color: black; font: bold 12px verdana, arial, helvetica, sans-serif; text-decoration: underline; } #content h2 { font: bold 18px arial, helvetica, sans-serif; margin: 0 0 10px 0; } #content h2.title { color: #6C8102; font: bolder 24px arial, helvetica, sans-serif; letter-spacing: 0px; margin: 0 0 20px 0;padding:0 0 10px 0;width:99%; text-transform:uppercase;border-bottom:1px solid #ccc;} #content h2.title a { text-decoration: none; } #content h2.title span {font-size:12px;letter-spacing:normal;text-transform:none;} #content .empty h2 { background: #FFFFCF; font-size: 12px; margin: 0; padding: 5px; } #content p, #content table { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; line-height:21px;} #content ul { margin: 0 0 10px 10px; padding: 0 0 0 10px;} #content ul li {list-style:disc; margin: 0 0 7px 0; padding: 0; } #content ul.meta, #content p.dates { color: #6A6346; font-size: 11px; margin: 0; } #content ul.meta li { background: transparent; display: inline; margin: 0; padding: 0; } #content .pagination { margin: 0; padding: 0; } #content ul.pagination li {list-style:none!important; background: transparent; color: #888; float: left; font-size: 11px; font-weight: bold; margin: 0; padding: 0; } #content ul.pagination li.nav { float: right; text-align: right; } #content .item { padding:0; margin:0;width:99%;float:left;} #content .pages .item { border-bottom: 0px solid #ccc; } #content #alert { background: #DFFFDF; color: #104F0F; font-size: 12px; margin: 0 0 35px; padding: 2px 4px; } #content .past_events_link {background:#EFF4FA;position:absolute; top:15px; right:30px;width:110px;text-align:right; font: bold 11px verdana;} #content .past_events_link span {display:none;} /*sidebar*/ #sidebar { display:none;} /*footer*/ #footer { clear: both; height: 15px;padding: 15px 25px; background:#2C608F;color:#CFF1FF; } #footer a { color: #AFD9FF; } #footer a:link, #footer a:visited { color: #AFD9FF; } #footer a:hover, #footer a:active { color: #AFD9FF; text-decoration:none; } #footer .name {float:left;width:40%;margin:0 0 0 6%;padding:0;font: normal 13px/13px Verdana, arial, helvetica, sans-serif;} #footer .address {display:none;} #footer .phone {display:none;} #footer .siteurl { display:none;} #footer .contactLink {float:right;width:49%;text-align:right;font: normal 13px/13px Verdana, arial, helvetica, sans-serif;} #footer .developer {display:none; } /*------------------------------------------------- HOME -------------------------------------------------*/ .home #header #nav {background-color:#fff;} .home #header #nav li { background: #fff; } .home #header #nav li a { background-color: #fff; } .home #header #nav li a:link, .home #header #nav li a:visited {color:#3F658C;} .home #header #nav li a:hover, .home #header #nav li a:active, .home #header #nav li a.active { color:#000;} .home #page {position:static;} .home #content {background:#3C83C5; width:39%; color:#fff;} .home #content h2.title { display:none;} .home #content h2 {font: bold 24px/28px "Trebuchet MS", Georgia, Verdana, arial, helvetica, sans-serif;color:#CFF1FF;margin:10px 0 0 0;} .home #content p {font: bold 15px/22px "Trebuchet MS", Georgia, Verdana, arial, helvetica, sans-serif;color:#CFF1FF;} .home #content h4 {font: bold 15px/28px "Trebuchet MS", Georgia, Verdana, arial, helvetica, sans-serif;color:#fff;margin:0;} .home #content form {font: normal 13px VERDANA;color:#fff;margin:0;padding:0;} .home #sidebar { display:block;background:#8CABC8;float:right;/*lean the sidebar against the content div*/margin:36px 0 0 0;padding:10px 1%;width:47.5%;} .home #sidebar h2.title, .home #sidebar h3.title {display:none;} .home #sidebar a:link, .home #sidebar a:visited {color:#2d82c0; } .home #sidebar a:hover, .home #sidebar a:active {color:#fff;background:#2d82c0; text-decoration:none;} .home #sidebar .recent {background:#fff;clear:both;float:left;margin: 0 0 10px;padding:12px 3% 0;width:94%;} .home #sidebar .recent .header {color:#98CB00;font: bold 13px/13px helvetica, sans-serif; margin: 0 0 2px;padding:0; text-transform:uppercase; } .home #sidebar .recent .item {background:#fff;float:left;margin: 0 0 5px;padding:5px 0;width:100%;border-bottom:1px solid #ccc;border-top:1px solid #ccc;} .home #sidebar .recent .item .title {font: bold 14px "Trebuchet MS", Georgia, Verdana, arial, helvetica, sans-serif;display:block;margin:0;padding:0;} .home #sidebar .recent .item .title a {text-decoration:none;} .home #sidebar .recent .item .dates {color:#777;font: italic 9px Verdana, arial, helvetica, sans-serif;margin:0;padding:0;} .home #sidebar .recent .item .message {margin:0;padding: 0;} .home #sidebar .recent .item .message p {margin:0;padding: 0;font: normal 11px Verdana, arial, helvetica, sans-serif;} .home #sidebar .recent .linkToAll {padding:0; margin:0 0 10px 0;font: normal 10px Verdana, arial, helvetica, sans-serif;} .home #sidebar .recent.photos {position:absolute;top:110px;left:5.7%;overflow:hidden; width:384px; height:288px; z-index:1;margin: 0;padding:0;} .home #sidebar .recent.photos .header {display:none;} .home #sidebar .recent.photos .item {background:#000; border:none;margin:0; padding:0; position: absolute; left: 0; top: 0; width: 384px; height: 288px; overflow:hidden; text-align:center; visibility: hidden; z-index:10; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;} .home #sidebar .recent.photos .item a img {text-indent:0;width:384px;} .home #sidebar .recent.photos .sliderpagination { display:none; width: 384px; text-align: right;} .home #sidebar .recent.photos .sliderpagination a{ padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .home #sidebar .recent.photos .sliderpagination a:hover, .home #sidebar .recent.photos .sliderpagination a.selected{color: #000; background-color: #FEE496; } .home #sidebar .recent.photos .linkToAll { display:inline;} .home #sidebar .recent.photos .linkToAll a {font: normal 26px 'trebuchet ms'; display:block;overflow:hidden; position: absolute; left: 0px; top: 0px; width:384px; height:188px;padding:100px 0 0;z-index:100!important;text-align:center;text-decoration:none;} .home #sidebar .recent.photos .linkToAll a:link, .home #sidebar .recent.photos .linkToAll a:visited { text-indent:-3000em;} .home #sidebar .recent.photos .linkToAll a:hover, .home #sidebar .recent.photos .linkToAll a:active { text-indent:0;color:#fff; background:#000;filter: alpha(opacity=50); khtml-opacity: 0.5; moz-opacity: 0.5; opacity: 0.5;} .home #sidebar .recent.members {display:none;} .home #sidebar .item {background:#fff;padding:3px 0 0;float:left;width:99%;margin: 0 0 10px;} .home #sidebar .item h2 {color:#98CB00;border-bottom:1px solid #ccc;padding:0 0 5px 0;margin:15px 0 8px 0;font: bold 14px/14px helvetica, sans-serif; text-transform:uppercase;} .home #sidebar .item p {font-size:90%; padding:0; margin:0;} /*------------------------------------------------- CONTACT -------------------------------------------------*/ .contact #header {background-image:url(images/contact_photo.jpg);} .contact #content h2.title { display:none;} .contact #content .item { padding:5px 0; margin:0;width:42%;float:right;} .contact #content .item p { font: normal 13px/16px arial;} .contact #content form {float:left;margin:0;padding:20px 2%; width:50%;border:0;background:#E0E7EF;} .contact #content form textarea { clear:both;float:left; margin-bottom:15px; padding:3px; position:relative; width:95%; } .contact #content form input.verify { display:block; float:left; margin-bottom:15px; padding:3px; position:relative; width:50px; } .contact #content form img { float:left; margin:1px 0 0 10px; } .contact #content form input.text { display:block; float:left; margin-bottom:15px; padding:3px 0; width:95%; } .contact #content form label {clear:both;float:left; width:99%;} .contact #content form .submit { clear:both; text-align:left; margin:0;} .contact #content form .required { margin-left:-8px; color:#FF0000;} .contact #content form h3 {padding:0;margin:0 0 15px 0;} .contact #content form label {font: bold 11px arial;} .contact #content form input {font: normal 13px verdana;padding:0;} .contact .errors { background:darkred;margin:0;float:left;width:54%;} .contact .errors h4 { background:red;font: bold 14px Trebuchet MS;color:#fff; margin:0;padding:0.5em;} .contact .errorlist { color:#fff;} .contact .errorlist li {margin:10px 0 0 0!important;font: 14px/14px georgia;background:none!important;} .contact .errors p {font: bold 14px Trebuchet MS!important;color:#fff; margin:0!important;padding:0.65em!important;background:red;} .contact .success { background:green; margin:0;padding:25px 4%; color:white;float:left;width:46%;} .contact .success a:link, .contact .success a:visited { color:white;} .contact .success a:hover, .contact .success a:active { color:green;background:white;text-decoration:none;} /*------------------------------------------------- Downtown History -------------------------------------------------*/ .page.downtown_history #header {background-image: url(images/downtown_history_photo.jpg);} /*------------------------------------------------- Real Estate -------------------------------------------------*/ .page.real_estate #header {background-image: url(images/real_estate_photo.jpg);} /*------------------------------------------------- Links -------------------------------------------------*/ .page.links #header {background-image: url(images/links_photo.jpg);} /*------------------------------------------------- NEWS -------------------------------------------------*/ .news #header { background-image: url(images/events_photo.jpg);} .news #content .item { background: url(images/events_bullet.jpg) no-repeat 0 14px;padding:19px 5% 20px; margin:0;width:89%;float:left;border-bottom:1px solid #ccc;} .news #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .news #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;line-height:13px;} .news #content .item p.dates .daysaway {} .news #content .item .message { display:none;} .news #content .pagination {padding:20px 0 0 0;clear:both;} .news #content .item .message { clear:both;padding:10px 0;display:block;} .news #content.detail .item .dates { font-weight:bold;} .news #content .item .message { display:none;} .news #content.detail .item .message { clear:both;padding:10px 0;display:block;} /*------------------------------------------------- EVENTS -------------------------------------------------*/ .events #header { background-image: url(images/events_photo.jpg);} .events #content .item { background: url(images/events_bullet.jpg) no-repeat 0 14px;padding:19px 5% 20px; margin:0;width:89%;float:left;border-bottom:1px solid #ccc;} .events #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .events #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;line-height:13px;} .events #content .item p.dates .daysaway {} .events #content .item .message {display:none;} .events #content .pagination {padding:20px 0 0 0;clear:both;} .events #content.detail .item .message { clear:both;padding:10px 0;display:block;} .events #content.detail .item .dates { font-weight:bold;} .events #content .item.current {} .events #content .item.current p.dates {} .events #content .item.current .daysaway {color:green; font-weight:bold;} .events #content .item.past {background-color:;/*filter: alpha(opacity=50); khtml-opacity: 0.5; moz-opacity: 0.5; opacity: 0.5;*/} .events #content .item.past .daysaway {color:red;} .events #content .item.upcoming {background-color:;} .events #content .accordion_toggle {outline:none;cursor:pointer;} .events #content .accordion_toggle_active {color:#000!important;} .events #content .accordion_content {overflow:hidden;} /*------------------------------------------------- Photos -------------------------------------------------*/ .photos #header { background-image: url(images/photo_gallery_photo.jpg);} .photos #content .item {float:none;} .photos #content .item a {float:left; margin: 10px 10px 0 0;padding: 5px; background:#fff;border-bottom:2px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ddd;border-left:1px solid #ddd;text-decoration:none;} .photos #content a:link, .photos #content a:visited {} .photos #content a:hover, .photos #content a:active {background:lightblue;} .photos #content a img {border:none;} .photos #content .search { position:absolute;top:22px;right:30px;padding:0;width: 318px;} .photos #content .search * { float: none; margin: 0; padding: 0; } .photos #content .search form input { width: 175px; margin:0 14px 0 0;} .photos #content .search form input.button { width: auto;margin:0; width:120px;font-weight:bold;} .photos #content .search form label { font-weight: bold; letter-spacing: -0.08em; } .photos #content .search a { color: #fff; } .photos #content .photo_categories { display:none;} .photos #content form.categories {margin:0; padding:0 0 0 10px;position:absolute;top:24px;left:185px;border-left:1px solid #ccc;} .photos #content form.categories select {width:auto;width:200px;} /*------------------------------------------------- MEMBERS -------------------------------------------------*/ .members #header { background-image: url(images/business_directory_photo.jpg);} .members #content form.categories {margin:0; padding:0 0 0 10px;position:absolute;top:23px;left:200px;border-left:1px solid #ccc;} .members #content form.categories select {width:auto;width:200px;} .members #content form.search { position:absolute;top:22px;right:30px;padding:0;width: 318px;} .members #content form.search * { float: none; margin: 0; padding: 0; } .members #content form.search label { font-weight: bold; letter-spacing: -0.08em; } .members #content form.search input { width: 175px; margin:0 20px 0 0;} .members #content form.search input.button {margin:0; width:105px;font-weight:bold;} .members #content .membersList {clear:both;margin:10px 10px 100px;float:left;width:90%;font: bold 13px/19px georgia;} .members #content .vcard {background:#fff;clear:both;float:left;width:99%;border-bottom:1px solid #dedede;margin:0 0 15px 0;} .members #content .vcard .org {margin:15px;} .members #content .vcard .adr {text-transform:uppercase;font-size:11px;margin:0 15px 15px; font-weight:bold;} .members #content .vcard .adr .street-address {display:block;} .members #content .vcard .adr .locality {} .members #content .vcard .adr .region {} .members #content .vcard .adr .postal-code {} .members #content .vcard .adr .country-name {display:block;} .members #content .vcard ul.contact {font-size:11px;margin:0 20px 15px; font-weight:bold;} .members #content .vcard ul.contact li {margin:0;padding:0;background:none;} .members #content .vcard ul.contact .tel {} .members #content .vcard ul.contact .email {} .members #content .vcard ul.contact .url {} .members #content .vcard ul.contact .type {display:none;} .members #content .vcard ul.contact .type#fax {display:inline;} .members #content .vcard .description { font-size: 11px;margin: 0 15px 15px;clear:both;} .members #sidebar .loginForm {border:1px solid #ccc;background:#eee;padding:0 10px;margin:0;position:absolute;top:17px;right:25px;width:26%;} .members #sidebar .loginForm fieldset {background:none;margin:0;padding:0;border:0;} .members #sidebar .loginForm fieldset {margin:0;padding:0;border:0;} .members #sidebar .loginForm fieldset dd {margin:0;} .members #sidebar .loginForm fieldset dd input {width:94%;} .members #sidebar .loginForm p{margin:0 0 10px 0;padding:0;} .members #sidebar .loginForm .remember input {display: inline;} .members #sidebar .loginForm input#btn_login {display: inline;margin:10px 5px 0 0;} .members #sidebar .loginForm #reminder { background:lightyellow; padding:10px;height:168px;} .members #sidebar .loginForm #reminder p {margin:0px;} .members #sidebar .loginForm #reminder input#btn_email {display: inline;margin:10px 5px 0 0;width:100px;} .members #sidebar .loginForm #reminder dd a:link, .members #sidebar .loginForm #reminder dd a:visited {color:red;} .members #sidebar .loginForm #reminder dd a:hover, .members #sidebar .loginForm #reminder dd a:active {color:white;background:red;text-decoration:none;} .members #sidebar #alert {margin:0;padding: 5px;background: red; color:white;position:absolute;top:-210px;left:34%;width:30%;} .members #sidebar #alert a:link, .members #sidebar #alert a:visited {color:white;} .members #sidebar #alert a:hover, .members #sidebar #alert a:active {color:red;background:white;text-decoration:none;} .members #content .pagination {display:none;} /*------------------------------------------------- MEMBERSHIP -------------------------------------------------*/ .membership #content h1 { margin:0 0 2px 0;} /*------------------------------------------------- JOBS -------------------------------------------------*/ .jobs #header { background-image: url(images/events_photo.jpg);} .jobs #content .item { background: url(images/events_bullet.jpg) no-repeat 0 14px;padding:19px 5% 20px; margin:0;width:89%;float:left;border-bottom:1px solid #ccc;} .jobs #content .item h3.title {float:left; border-right:1px solid #ccc; font: bold 14px/14px Arial, helvetica, sans-serif;letter-spacing:normal;text-transform:capitalize;margin:0 10px 0 0;padding:0 10px 0 0;} .jobs #content .item p.dates { float:left;margin:0 10px 0 0;padding:0 10px 0 0;color:#555;/*font-weight:bold;*/} /*.jobs #content .item p.dates .daysaway { font-weight:normal;}*/ .jobs #content .item .message { display:none;} .jobs #content .pagination {padding:20px 0 0 0;clear:both;} .jobs #content .item .message { clear:both;padding:10px 0;display:block;} .jobs #content .item h4 { clear:both;padding:0;display:block;font-size:10px;margin:0;} .jobs #content .item.current {} .jobs #content .item.current p.dates { font-weight:bold;} .jobs #content .item.current .daysaway {color:green;} .jobs #content .item.past {background-color:;/*filter: alpha(opacity=50); khtml-opacity: 0.5; moz-opacity: 0.5; opacity: 0.5;*/} .jobs #content .item.past .daysaway {color:red;} .jobs #content .item.upcoming {background-color:;} .jobs #content .search { position:absolute;top:27px;right:30px;padding:0;width: 318px; } .jobs #content .search * { float: none; margin: 0; padding: 0; } .jobs #content .search form input { width: 175px; margin:0 14px 0 0;} .jobs #content .search form input.button { width: auto;margin:0; width:120px;font-weight:bold;} .jobs #content .search form label { font-weight: bold; letter-spacing: -0.08em; } .jobs #content .search a { color: #fff; } .jobs #content .browse #job_categories { float: left; line-height: 1; width: 14em; position:absolute; top:15px;left:250px;display:none; } .jobs #content .browse #job_categories li { background: transparent; float: left; width: 14em; } .jobs #content .browse #job_categories li a { background: url(images/but_arrow_down.gif) no-repeat 135px 4px; color: #000; display: block; font-weight: bold; letter-spacing: -0.08em; padding: .35em .5em 1em .5em; text-decoration: none; width: 12.5em; } .jobs #content .browse #job_categories li li a { background: #fff; color: #000; display: block; font-weight: normal; padding: .35em .5em; text-decoration: underline; width: 12.5em; } .jobs #content .browse #job_categories li li a:hover { text-decoration: none; } .jobs #content .browse #job_categories li li a.selected { background: #DFE5FF; font-weight: bold; text-decoration: none; } .jobs #content .browse #job_categories li ul { background: #fff; border: solid #000; border-width: 0 .25em .25em; font-size: 12px; left: -999em; line-height: 1; position: absolute; width: 13.5em; } .jobs #content .browse #job_categories li:hover ul, .jobs #content .browse #job_categories li.sfhover ul { left: auto; } .jobs #content .browse #job_categories li ul a:hover { background: #DFE5FF; color: #000; } .jobs form.categories { position:absolute; top:15px;left:250px;} .jobs form.categories label { font: bold 12px/12px arial, verdana, helvetica, sans-serif; } .jobs form.categories label select { display: inline; font-size: 11px; font-weight: bold; width: auto; } .jobs form.categories label select option { color: blue; } /*------------------------------------------------- FORMS -------------------------------------------------*/ #formdata {clear:both; } #formdata #options a { margin-right: 0.2em; } #formdata #options a:link, #formdata #options a:visited { color: #333; } #formdata #options a:hover, #formdata #options a:active { background: #000; color: #fff; } #formdata fieldset { background: #E0E9EF;border: 0px solid #cfcfcf; margin: 0; padding: 1.2em 0.9em 1.2em 1.8em; } #formdata fieldset fieldset { background: #B5CEDF; border: 0px solid #e7e7e7; clear: both; margin: 0.5em 0.8em 0.5em 0; padding: 0.7em 0.7em; } #formdata fieldset.application #nested_options { border-left: 1px dotted #999; height: 100px; margin: 0.5em 1.8em; padding: 0.3em 0 0 1em; } #formdata fieldset.application #nested_options li { margin: 0; padding: 0; } #formdata fieldset.application #nested_options li.f { font-weight: bold; } #formdata fieldset.application #nested_options ul { float: left; margin-right: 2em; } #formdata fieldset.application div div fieldset.radio { background: #f9f9f9; } #formdata fieldset.application div.float { float: left; margin-right: 1em; width: 48.5%; } #formdata fieldset.application div.right { float: left; margin-right: 0; } #formdata fieldset.application fieldset.radio input { clear: none; display: inline; width: auto; } #formdata fieldset.application fieldset.radio label { font-weight: normal; } #formdata fieldset.application fieldset.radio ul li div div { float: left; margin: 0; width: auto; } #formdata fieldset.application h3 a:link { background: #ffe; border-bottom: 1px dotted #bbb; color: #222; display: block; text-decoration: none; } #formdata fieldset.application h3 a:hover, #formdata fieldset.application h3 a:active { background: #ff9; color: #222; text-decoration: none; } #formdata fieldset.application input#button { font-weight: bold; height: 34px; margin-top: 1em; padding-bottom: 3px; width: 12em; } #formdata fieldset.application input#title { font-family: arial, sans-serif; margin-bottom: 0; width: 97.5%; } #formdata fieldset.application input, select { clear: both; display: block; width: 100%; } #formdata fieldset.application label { font-weight: bold; } #formdata fieldset.application label.float { clear: none; display: inline; } #formdata fieldset.application label.float input { clear: none; display: inline; } #formdata fieldset.application li, ul { list-style: none; margin: 0; padding: 0; } #formdata fieldset.application strong { color: #000; } #formdata fieldset.radio { background: #E0E9EF; border:1px solid #E0E9EF; padding:0;} #formdata fieldset.radio input { clear: none; display: inline; margin-right: 0.1em; vertical-align: middle; } #formdata fieldset.radio label, #formdata fieldset.radio p { margin: 0;color:#000; font-size:12px;} #formdata h3 { clear: both; color: #222; font: bold 18px arial, helvetica, sans-serif; margin: 0.9em 0 0 0; } #formdata img { vertical-align: middle; } #formdata input { padding: 1px; } #formdata input#button { clear: both; font-weight: bold; height: 34px; margin: 1em 0 0.3em -3px; padding-bottom: 3px; width: 12em; } #formdata input#start_date, #formdata input#end_date { display: inline; vertical-align: middle; } #formdata input#title { font: bold 24px arial, verdana, sans-serif; margin-bottom: 0.5em; padding: 4px 0; width: 99%;} #formdata label { clear: both; color: #555; display: block; font-weight: bold; margin: 0 0.8em 0.3em 0; } #formdata label span { font-size: x-small; font-weight: normal; } #formdata label.float { clear: none; float: left; } #formdata label:hover { color: #000; } #formdata legend { display: none; } #formdata p { margin: 0 0 1.8em 0; min-height: 1em; } #formdata p > label > textarea { margin-bottom: -1em; } #formdata p.instructions { color: #555; font-size: 11px; line-height: normal; margin-bottom: 0.5em; } #formdata div.inline_help { background: #FFFFEF; border-bottom: 0px solid #CFCFA8; border-left: 1px solid #EFEFC2; border-right: 2px solid #CFCFA8; border-top: 1px solid #EFEFC2; font-size: 95%; margin: 0 10px 10px 0; padding: 10px; } #formdata fieldset fieldset div.inline_help { margin: 0 5px 10px; } #formdata fieldset fieldset.radio div.inline_help { margin: 0 20px 10px; } #formdata div.inline_help ul li { list-style-type: square; margin-left: 15px; padding-left: 5px; } #formdata select, #formdata input { display: block; font: normal 12px verdana, arial, helvetica, sans-serif; } #formdata small { font-size: 11px; font-weight: normal; } #formdata textarea { clear: both; display: block; font-size: 12px; padding: 0.3em; width: 98%; } #login { background: #fff; border: 8px solid #ccc; margin: 5em auto; padding: 1.3em; width: 25em; } #login #alert { background: #ffc; font-weight: bold; padding: .5em; } #login #btn_login { font-weight: bold; width: 6em; } #login dd { margin: 0; padding: 0; } #login dt { font-weight: normal; margin-bottom: 0; margin-top: 0.3em; } #login input { padding: 3px; } #login input[type=text], #login input[type=password] { width: 98%; } form p.buttons input{float:left!important;} /*------------------------------------------------- PRINT -------------------------------------------------*/ @media print { #sidebar { display:none; } #content { float: none; width:90%; } }