/* ================================================================================================== Copyright: Zocoloco Studios 2009, http://www.zocoloco.com | All Rights Reserved | zocoSites v2.0 ================================================================================================== theme name: atfunion theme URI: http://www.zocoloco.com/ description: custom theme created for the ABQ Teachers Federation. version: 3.0 author: elaine montoya author URI: http://www.zocoloco.com/ style sheet: form styles style sheet description: styles for forms, including search, subscribe and feedback. ATF COLOR CHART color hex --------------------------------- atf red #ff0000 atf dark red #930b29 atf yellow #ebb700 atf orange #ff8311 atf green #ced64b atf dark green #727717 atf black #000000 atf dark gray #7c7c8a atf white #ffffff */ /* zocoForm ----------------------------------------------------------------------------------------------- */ /* general */ select,input,button,textarea,button{font:80% Helvetica, Arial, sans-serif;background:#ffffff;border:1px solid #252528;padding: 4px;color:#7c7c8a} form.zocoForm {width: 100%;font: normal 95% Helvetica, Arial, sans-serif;margin: 0;padding: 0;border: 0;} form.zocoForm fieldset {clear: both;margin: 0 0 20px 0;padding: 10px;} form.zocoForm legend {padding: 0;} /* wrappers and labels */ form.zocoForm div.formWrapper {margin: 0 -1%;padding: 0;} form.zocoForm span.wrapper {margin: 0;padding: 0;display: table-cell;width: 1%; /* firefox */} form.zocoForm label {margin: 0 1%;padding: 0;border: 0;float: left;display: table;width: 1%;font: normal 11px Helvetica, Arial, sans-serif;} form.zocoForm label input.file {position: relative;height:100%;width: auto;} /* type */ form.zocoForm p,form.zocoForm h3 {margin: 0 1% 10px 1%;} /* titles and examples */ form.zocoForm label span.title {} form.zocoForm label span.example {color: #ed1c24;font-style: italic;} form.zocoForm label span.title:hover,form.zocoForm label span.title:focus {} form.zocoForm label br {margin: 0 0 2px 0;clear:left;} /* label widths */ form.zocoForm label.w100 {width: 98%;display: block;} form.zocoForm label.w75 {width: 73%;display: block;} form.zocoForm label.w50 {width: 48%;display: block;} form.zocoForm label.w33 {width: 31%;display: block;} form.zocoForm label.w25 {width: 23%;display: block;} form.zocoForm label.wauto {width: auto;margin-right: 15px;} form.zocoForm label.wauto span.wrapper {display: inline;} /* label positions */ form.zocoForm label.p0 {margin-left: 0%;} form.zocoForm label.p25 {margin-left: 26%;} form.zocoForm label.p33 {margin-left: 34%;} form.zocoForm label.p50 {margin-left: 51%;} form.zocoForm label.p75 {margin-left: 76%;} /* input , select, textarea file */ form.zocoForm label input.field, form.zocoForm label select.field, form.zocoForm label textarea.field {width: 100%;display: block;border-left: 3px solid #343437;padding: 4px;-moz-box-sizing: border-box; /* gecko */-webkit-box-sizing: border-box; /* khtml/webkit */} form.zocoForm label select.field {padding: 4px 1px 1px 1px; } form.zocoForm label input.field:focus, form.zocoForm label select.field:focus, form.zocoForm label textarea.field:focus {border: 1px solid #ed1c24;border-left: 3px solid #ed1c24;} /* errors */ form.zocoForm label.error input.field, form.zocoForm label.error select.field, form.zocoForm label.error textarea.field {border-color: #343437;} form.zocoForm label.error span.title {color: #343437;} div.errors {display: none; /* JS toggle */margin: 0;padding: 2px;background: #ed1c24;} div.errors p {color: #343437;margin: 0 0 0 0;} div.errors ul {margin: 0 0 0 1.6em;padding: 0;} div.errors ul li {margin: 0;padding: 0;color: #fff;list-style-type: square;} /* mandatory fields */ form.zocoForm label.mandatory input.field, form.zocoForm label.mandatory select.field, form.zocoForm label.mandatory textarea.field {border-left: 8px solid #666666;} form.zocoForm label.mandatory input.field:focus, form.zocoForm label.mandatory select.field:focus, form.zocoForm label.mandatory textarea.field:focus {border: 1px solid #ed1c24;border-left: 8px solid #ed1c24;} /* captcha fields */ #column-right form.zocoForm p img {margin-left:-7px;margin-top:2px;border-bottom:none; padding:0;} form.zocoForm .captcha img {} form.zocoForm .captcha-image p {background-color:#FFF;width:100%;} /* calendar fields */ form.zocoForm label.calendar input.field {padding-right: 25px;} /* calender icon */ form.zocoForm a.calendar {float: right;position: relative; top: 3px; left: -20px;z-index: 1000;} form.zocoForm a.calendar img {border: 0;position: absolute; top: 0; left: 0;} /* submit button */ form.zocoForm input.submit {width:100%;background: #ed1c24;color: #f2f2f2;padding: 2px 0;font-size: 1em;filter:alpha(opacity=90);border: 1px solid #343437;cursor:pointer;} form.zocoForm input.submit:hover, form.zocoForm input.submit:focus {background: #ed1c24;color:#FFF; font-weight:bold} /* additional styles: input, select */ form.zocoForm label.inputselect span.title {margin: 0 0 2px 0;display: table; /* act as inline-block */} /* additional styles: checkbox, radio */ form.zocoForm label.radiocheck {margin-bottom: 10px;} form.zocoForm label.radiocheck span.wrapper {padding-right: 0;} form.zocoForm label.radiocheck span.title {display: block;margin: 0 0 0 20px;padding: 0;} /* specific forms ----------------------------------------------------------------------------------------------- */ /* search ------------------------------------- */ #search {position:absolute;top:-7px;right:15px;text-align:right;z-index:150;} #search-form {width:auto;} #search-form p input {width:9em; color:#000} #search-form p input.f-submit {width:5em;border:1px solid #000;cursor:pointer;padding:4px 2px 3px 2px;background:#000; color:#fff} /* search results ---------------------------------------------------------- */ .searchBackground {border: 4px solid #fff;height:284px; background: #ebb700;-moz-border-radius:10px;-webkit-border-radius:10px; } #farVeritySearchSearchFormformwrap p {padding-left:10px;font-size:9px} #search-result-wrap {position:absolute;top:14px; width:750px;} .search-result {border-bottom: 1px dotted #eeeef6;color:#eeeef6;height:70px; padding:10px 10px 0px 10px;} .search-suggest {position:relative; top:-20px;} .search-date {font-size:10px;display: block; float: left;overflow: hidden;margin:0 10px 0 0px; padding: 0;width:45px; height:50px;background: url("images/result_numberbg.png") no-repeat top left;} .month {display: block;margin:0;padding:2px 0 0 0;width:45px;text-align:center;font-weight:bold;color:#1d1d20;font-size:9px;text-transform:uppercase;} .day {display: block;margin-top:-15px;padding:0 0 0 0;width:45px;text-align: center;font-family: 'Georgia', Times, Serif;font-weight: normal;font-size:24px;color: #eeeef6;} .year {display: block;margin:0;margin-top:-10px;padding:0 0 0 0;width:45px;text-align:center;font-weight:bold;font-size:12px;color:#1d1d20;text-transform:uppercase; font-stretch:expanded;} .search-result a {text-decoration: none;color:#ed1c24;} .search-result a:hover {text-decoration: none;color:#eeeef6;} .search-result .search-highlight {border-bottom:1px dashed #ed1c24;} .search-footer {text-transform:lowercase;} .search-category {color:#000000;} .search-count {font-size:10px;} #content-text #paginator-wrap paginator a.p-page {color: #FFFFFF; text-decoration:none; font-size:10px;} #content-text #paginator-wrap {position:absolute;top:250px;right:24px;text-align:center; z-index:15; color:#000;font-size:11px;} #content-text #paginator-wrap .paginator a {padding:0px 8px; text-decoration:none;} #content-text #paginator-wrap .paginator span {padding:4px 8px;} #content-text #paginator-wrap .paginator span.p-page {color:#ff0000;} #content-text #paginator-wrap .paginator span.p-previous {color:#00000;} #content-text #paginator-wrap .paginator span.p-next {color:#00000;} #content-text #paginator-wrap .paginator a.p-page {color:#fff;} #content-text #paginator-wrap .paginator a.p-page:hover {color:#ff0000;} #content-text #paginator-wrap .paginator a.p-previous {color:#ff0000;} #content-text #paginator-wrap .paginator a.p-previous:hover {color:#ff0000;} #content-text #paginator-wrap .paginator a.p-next {color:#fff;} #content-text #paginator-wrap .paginator a.p-next:hover {color:#ff0000;}