html, body{
Background-color: #fff;
margin:0;
padding:0
}
body{
font: 76% arial,sans-serif;text-align:center
}
div#shadow {
margin:0 auto;
width: 850px;
background-image: url(http://www.teachingawards.com/img/fade.jpg);
}
.landing { width: 750px; float: left; font-family: Arial, Helvetica, sans-serif; }
.landing p a { color: #007799; text-decoration: underline; }
.landing p span { color: #007799; }
.landing h3 { font-size: 21px; color: #007799; margin: 15px 10px; float: left; width: 380px; }
.landing h5 { font-size: 21px; color: #007799; margin: 15px 10px; float: left; width: 800px; }
.landing p { line-height: 24px; font-size: 14px; color: #333; margin: 0 0 15px 10px; float: left; width: 390px;}
.landing p.long { line-height: 24px; font-size: 13px; color: #333; margin: 0 0 15px 10px; float: left; width: 700px;}
.landing ol { margin: 15px 15px 30px 15px; width: 600px; float: left; background-color: #f1f1f1; padding: 10px 50px; border: 1px solid #ccc; }
.landing li { color: #333; font-size: 13px; line-height: 22px; margin: 0 0 15px 0; }
.landing h4 { line-height: 24px; font-size: 13px; color: #333; margin: 0 0 15px 10px; font-weight: bold; text-decoration: underline; cursor: pointer; float: left; }
.landing_btn { float: right; width: 330px; height: 116px; margin: 25px 0 0 0; position: relative; z-index: 3;}
.landing_btn h3 { color: #007799; font-size: 20px; font-weight: bold; margin: -38px 0 0 18px; position: relative; z-index: 4; }
.landing_btn h3 a { color: #007799; font-size: 20px; font-weight: bold; }
.accordion2 {
width: 480px;
}
.right {
float: right;
}
.left {
float: left;
}
p {
margin:10px;
line-height: 1.6em;
}
p span {
font-weight: bold;
color: #888;
}
p.signature{
font-style: italic;
color: #6e9b40;
}
p.question{
margin-top: 5px;
background: #f0f0f0;
color: #000;
}
h1 {
margin: 10px;
font-size: 1.3em;
color: #6e9b40;
}
h1 span{
color: #888;
}
h2{
margin: 10px;
padding: 0;
font-size: 1.4em;
color: #333;
}
h3{
margin: 10px;
padding: 0;
font-size: 1.4em;
color: #6e9b40;
}
h4 {
margin: 10px;
padding: 0;
font-size: 0.9em;
color: #888;
}
h5 {
font-size: 1em;
color:#888;
margin:15px 10px 0 10px;
padding:0;
line-height: 1.5em;
}
h5 span {
color: #000;
}
span.bar {
margin: 0 5px 0 5px;
}
div#wrapper {
}
div#header{
height:109px;
margin:0;
padding-left:15px;
padding-top:5px;
background-image: url(http://www.teachingawards.com/img/ta_header.gif);
}
div#header a{
margin: 0;
padding: 0;
text-decoration: none;
}
div#header p{
margin: 0;
padding: 0;
}
div#navigation {
height: 42px;
border-top: solid 4px #cdcdcd;
background-color:#ccc;
background-image: url(http://www.teachingawards.com/img/ta_nav_bgrd.jpg);
}
ul#navbar {
float:left;
list-style: none;
margin: 0;
padding: 0;
margin-left: 5px;
}
*html ul#navbar {
margin-left: 1px;
}
ul#navbar li {
float:left;
margin-left:0;
}
ul#navbar li a {
padding: 12px 10px 0 10px;
display: block;
float: left;
margin-left: 2px;
color: #fff;
text-decoration: none;
}
ul#navbar li a:hover {
color: #53247f;
background-image: url(http://www.teachingawards.com/img/arrow.gif);
background-position: top;
background-repeat: no-repeat;
}
ul#navbar li a:active {
color: #6e9a33;
}
div#footer{
background: #333;
color: #FFF
}
div#footer p{
margin:0;
padding:5px 10px
}
div#container{
width:775px;
margin:0 auto;
background-color: #fff;
text-align:left
}
div#links{
margin: 0 0 13px 0;
padding: 0;
width: 100%;
background-color: #f5f5f5;
}
div#links p.textonly {
border: solid 1px green;
padding: 5px 5px 0 15px;
width: 100px;
float: left;
}
div#links p.breadcrumbs {
padding: 5px 5px 5px 15px;
margin: 0;
}
div#links p.breadcrumbs a {
color: #6e9a33;
padding: 0;
text-decoration: none;
}
div#links p.mail {
border: solid 1px green;
padding: 5px 5px 0 5px;
width: 150x;
float: right;
}
div#links img.mail {
margin-right: 3px;
}
br.clear {
clear:both;
}
div#content{
width:369px;
margin: 0 13px 13px 13px;
}
*html div#content {
margin: 0 13px 13px 7px;
}
div#content p{
margin: 10px;
line-height:1.4
}
div#topright {
width:363px;
}
div#topright a {
padding:0;
}
*htnml div#topright {
width:363px;
}
div#right {
width:363px;
background:#f7f7f7;
}
div#right a {
margin: 0;
}
div.top {
}
div#extra{
float: left;
width:185px;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
margin-left: 13px;
background-image: url(http://www.teachingawards.com/img/baseGrey.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}
div.margin {
margin-bottom: 13px;
height: 290px;
}
div.margin p{
margin: 0;
padding: 5px 10px 5px 10px;
}
div.margin a{
margin: 0;
padding:0;
}
*html div.margin {
margin-bottom: 20px;
}
*html div#extra{
margin-left: 7px;
}
div#extra2{
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
width:185px;
float: left;
}
div#extra2.winners a.toptext {
display:block;
margin:10px 20px 10px 25px;
font-size:1.9em;
font-weight:bold;
}
div#extra2.winners a.bottomtext {
display:block;
margin:10px 20px 0 25px;
font-size:1.4em;
font-weight:bold;
}
div#extra3{
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
float: left;
width: 185px;
}
div#extra4{
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
border-right: solid 1px #ccc;
float: left;
width: 185px;
}
div.margin h2 {
margin: 10px;
padding: 0;
font-size: 1.1em;
color: #666;
}
/*************the magic ingrediant for floated boxes**************/
div.clearer{
clear:both;
}
/*************end**************************************************/
div#footer{
border-top: solid 4px #cccccc;
clear:both;
width:100%;
background-image: url(http://www.teachingawards.com/img/ta_footer_bgrd.jpg);
height: 49px;
}
ul#footernav {
padding: 15px 0 0 0 ;
text-align: center;
margin: 0;
color: #000;
}
ul#footernav li {
margin: 0;
padding: 0;
display: inline;
border: none;
}
ul#footernav li a {
display: inline;
color: #000;
text-decoration: none;
}
ul#footernav li a:hover {
color: #6e9b40;
}
div#copyright {
text-align: center;
width:775px;
font-size: 10px;
padding-top: 3px;
background: #fff;
color: #6e9b40;
margin:0 auto;
}
div#copyright a {
display:inline;
padding: 0;
}
div#copyright a img {
margin:10px;
}
/********** main story / two column variation**********/
div#heading {
margin: 13px 0 0 0;
padding: 0;
}
div#heading h1 {
margin: 10px 10px 0 15px;
padding: 0;
font-size: 1.5em;
color: #888;
}
div#story {
margin: 30px 13px 13px 13px;
padding-bottom: 5px;
}
div.split {
width: 500px;
}
div.spread {
width: 745px;
}
div.rightcolumn {
width: 230px;
margin-top: 30px;
border: solid 1px #ccc;
padding: 0;
margin-right: 13px;
margin-bottom: 30px;
}
div.rightcolumn img.center {
margin-left: 10px;
}
* html div.rightcolumn {
margin-right: 7px;
}
div.rightcolumn p.link {
background-color: #fff;
border-bottom: solid 1px dashed;
padding-bottom:10px;
margin-bottom: 5px;
border-color: #d8d8d8;
}
div.rightcolumn p {
color: #000;
background-color: #fff;
border-bottom: solid 1px #666;
padding:0 0 10px 0;
margin: 10px 10px 5px 10px;
border-color: #d8d8d8;
}
div.rightcolumn p a span {
text-decoration: none;
}
div.rightcolumn p span {
display: block;
color: #6e9b40;
font-weight: normal;
}
div.rightcolumn p.noborder {
border-style: none;
}
div.rightcolumn p a {
color: #6e9b40;
border-bottom: solid 1px dashed;
border-bottom-color: #6e9b40;
text-decoration:none;
padding: 0;
margin: 0;
}
div.rightcolumn form {
clear:both;
height:1%;
}
div.base {
margin-bottom: 10px;
}
div.imgright {
width: 210px;
border: solid 1px #ccc;
padding: 10px;
margin-bottom: 10px;
margin-right: 13px;
}
* html div.imgright {
margin-right: 7px;
}
div.imgright p {
color: #6e9b40;
margin: 3px 0 0 0;
padding: 0;
}
img.embed {
float: right;
padding: 5px;
border: solid 1px #ccc;
margin: 10px 20px 10px 15px;
}
/********** right columns links **********/
div.rightcolumn ul {
padding: 0;
margin: 10px 0 0 0;
list-style:none;
}
div.rightcolumn ul li{
padding: 0 0 3px 0;
margin: 10px 0 0 0;
}
div.rightcolumn ul li.category {
font-size:1.1em;
font-weight:bold;
}
div.rightcolumn ul li.category a,
div.rightcolumn ul li.category a:link,
div.rightcolumn ul li.category a:visited {
font-size:12px;
color:#666666;
}
div.rightcolumn ul li.category a:hover,
div.rightcolumn ul li.category a:active {
color:#000000;
}
div.rightcolumn ul li.item {
font-weight:normal;
}
div.rightcolumn ul li ul li.item{
padding: 0 0 3px 0;
margin: 10px 0 0 10px;
}
div.rightcolumn dd{
padding: 0 10px 0 10px;
margin:0;
}
form#winners {
height:230px;
}
form#winnersearch {
height:130px;
}
form#winners ul {
margin: 10px 0 0 10px;
padding: 0;
float:none;
}
form#winners ul li {
color: #ccc;
border-bottom: solid 1px #ccc;
list-style: none;
margin: 5px 10px 5px 0;
padding: 5px 0 5px 0;
clear:left;
}
form#winners ul li a {
display:block;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
text-decoration: none;
color: #6e9b40;
}
form#winners ul li a:hover {
color: #888;
}
form#winners ul li img {
float:left;
margin:3px 0 0 0;
}
form#winners ul li.remove {
border-bottom: none;
}
form#winners ul li.single {
width: 145px;
height: 25px;
color: #ccc;
list-style: none;
margin: 5px 10px 0 0;
padding: 5px 0 5px 0;
border: none;
background-image: url(http://www.teachingawards.com/img/arrowLink3.jpg);
background-position: top left;
background-repeat: no-repeat;
}
div.rightcolumn ul.jresource {
display:block;
margin:0;
padding:0;
float:left;
}
div.rightcolumn ul.jresource li a {
display:block;
width:190px;
height:auto;
margin: 0 0 0 0;
padding: 0;
text-decoration: none;
color: #6e9b40;
float:left;
}
div.rightcolumn ul.jresource li a:hover {
color: #888;
}
div.rightcolumn ul.jresource li img {
display:block;
float:left;
margin:3px 5px 0 0;
}
div.rightcolumn ul.jresource li.remove {
border-bottom: none;
}
div.rightcolumn ul.jresource li {
float:left;
width:230px;
list-style: none;
margin: 5px 0 0 5px;
padding: 5px 0 5px 0;
clear:left;
background-position: top left;
background-repeat: no-repeat;
}
div.rightcolumn ul.jresource li.remove {
border-bottom: none;
}
div#fellowhome {
padding-bottom:20px;
height:1%;
}
div#fellowhome h2 {
font-size: 1.3em;
color: #6e9b40;
margin:0 0 5px 0;
padding:0;
}
div#fellowhome div.firststory {
border:solid 1px #cccccc;
margin:0 15px 0 15px;
padding:20px;
height:1%;
width:455px;
}
div#fellowhome div.firststory img {
float:left;
margin-right:15px;
}
div#fellowhome div.secondstory {
border:solid 1px #cccccc;
margin:20px 15px 0 0;
padding:20px;
float:right;
width:300px;
height:200px;
overflow:auto;
}
div#fellowhome div p {
margin-left:0;
padding-left:0;
}
div#fellowhome div p p {
margin:0;
padding:0;
}
div#fellowhome div.storylist {
border:solid 1px #cccccc;
margin:20px 0 0 15px;
padding:20px;
float:left;
width:345px;
height:200px;
overflow:auto;
}
div#fellowhome div.storylist ul {
list-style:none;
padding:0;
margin:0;
}
div#fellowhome div.storylist ul li {
padding:0;
margin:0;
}
div#fellowhome div.storylist ul li a,
div#fellowhome div.storylist ul li a:link,
div#fellowhome div.storylist ul li a:visited {
text-decoration:none;
display:block;
padding:2px 0 2px 0;
}
div#fellowhome div.storylist ul li a:hover,
div#fellowhome div.storylist ul li a:active {
color: #6e9b40;
text-decoration:underline;
}
div ul.fellowsubjects {
margin:0;
padding:0;
list-style:none;
}
div ul.fellowsubjects li {
margin:0 10px 0 0;
float:left;
}
div ul.fellowsubjects li a {
padding:0 10px 0 10px;
}
dl.press dt h5 {
margin-left:0;
padding-left:0;
text-decoration:none;
}
dl.press dt h5 a {
}
dl.press dd ul li {
clear:left;
height:1%;
border:solid 1px white;
}
dl.press dd ul li img {
display:block;
margin-top:2px;
margin-right:2px;
float:left;
}
dl.press dd ul li a,
dl.press dd ul li a:link,
dl.press dd ul li a:visited {
display:block;
float:left;
padding:0;
font-weight:bold;
font-size:12px;
color:#666666;
}
dl.press dd ul li a:hover {
color:#000000;
}
dl.press dd ul {
}
/*
dl.press {
margin: 0 0 10px 0;
padding: 0;
border:solid 1px red;
height:1%;
}
dl.press dd ul {
margin: 10px 0 0 0;
padding: 0;
}
dl.press dd ul li {
color: #ccc;
border-bottom: solid 1px #ccc;
list-style: none;
margin: 5px 10px 5px 0;
padding: 5px 0 5px 0;
clear:left;
}
div.rightcolumn dl.press dd ul li a {
display:block;
margin: 0 0 0 10px;
padding: 0 0 0 10px;
text-decoration: none;
color: #6e9b40;
}
dl.press dd ul li a:hover {
color: #888;
}
div.rightcolumn dl.press dd ul li img {
float:left;
margin:3px 0 0 0;
}
dl.press dd ul li.remove {
border-bottom: none;
}
dl.press dd ul li.single {
width: 145px;
height: 25px;
color: #ccc;
list-style: none;
margin: 5px 10px 0 0;
padding: 5px 0 5px 0;
border: none;
background-image: url(http://www.teachingawards.com/img/arrowLink3.jpg);
background-position: top left;
background-repeat: no-repeat; }
*/
/**********Body List Styles*********/
div#story ul {
padding: 10px;
margin: 0 20px 20px 20px ;
color: #6e9b40;
}
div#story ul li {
list-style: square;
color: #000;
padding: 10px 0 10px 0;
border-bottom: solid 1px #6e9b40;
}
div#story ul li span {
font-weight: bold;
display: block;
padding: 0 0 5px 0; }
div#story ul li h5 {
color: #000;
font-weight: bold;
display: block;
padding: 0 0 5px 0;
margin: 0; }
div#story ul li p {
padding: 0;
margin: 0; }
div#story ul li p.ftext {
padding-top: 5px;
color: #6e9b40;}
/********** JUdge list ****************/
div#story ul.judgelist {
list-style:none;
padding:0 0 20px 0;
margin:10px 20px 0 80px;
float:left;
}
div#story ul.judgelist li {
list-style:none;
border:none;
padding:3px 0 3px 10px;
margin:0;
float:left;
display:block;
width:190px;
background-image:url('http://www.teachingawards.com/img/bullets/blacksquare.gif');
background-repeat:no-repeat;
background-position:left 7px;
}
/**********Message Board Table*********/
table#message input.style {
font-family:arial;
border: solid 1px #6e9b40;
}
table#message textarea.arial {
font-family:arial;
border: solid 1px #6e9b40;
}
table.width {
width: 480px;
margin: 0 0 5px 20px;
}
table.width th.header {
padding-left: 10px;
}
table#message.width label {
padding-left: 10px;
}
table#message.width td.padding {
color:#000;
padding-left: 10px;
}
table#message select {
width: 213px;
background: #6e9b40;
border: solid 1px #6e9b40;
color: #fff;
}
/**********Questions & Answers*********/
div#story ul.faq {
color: #6e9b40;
margin: 0 15px 10px 10px;
padding: 0 0 10px 0;
list-style: none;
font-weight: bold;
border-bottom: solid 1px #6e9b40; }
div#story ul.faq li.question {
color: #6e9b40;
list-style: none;
margin-top: 10px;
padding: 0 15px 0 15px;
border: none;
height:10px;
}
div#story ul.faq p {
margin: 0;
padding: 0;
}
div#story ul.faq li.answer {
font-weight: normal;
color: #000;
list-style: none;
margin-top: 10px;
padding: 0 15px 10px 15px;
border: none;
}
div#story ul.faq li.question p span, div#story ul.faq li.answer p span {
display:block;
float:left;
font-weight:bold;
margin-right:5px;
line-height:10px;
width:10px;
vertical-align:bottom;
font-size:1.2em;
}
div#story ul.faq li.question p span {
color: #6e9b40;
}
div#story ul.faq img.ans {
margin-right: 10px;
}
h4.storyfooter {
width:400px;
}
/********** Login ****************/
div.rightcolumn label.user {
width: 65px;
float: left;
padding: 3px 0 0 10px;
text-align: right;
margin-bottom: 5px;
}
div.rightcolumn input.entry{
width: 130px;
margin-bottom: 5px;
border: solid 1px #6e9b40;
margin-left:3px;
}
div.rightcolumn input.more{
width: 130px;
}
div.rightcolumn input.submit{
float: right;
}
div.rightcolumn input.search{
float: left;
margin-left: 80px;
}
br.clear {
clear: both;
}
div.rightcolumn p.block{
font-size: 9px;
float: right;
margin: 0;
padding: 5px 16px 0 5px;
border: none;
}
div.rightcolumn p.block a{
margin: 0;
}
div.rightcolumn form{
height: 100px;
margin: 10px 0 0 0 ;
padding: 0;
}
/********** celebrities **********/
div#story p.name {
color: #6e9b40;
padding-bottom: 10px;
}
div#story.celebrities {
width:750px;
}
div#story.celebrities div.celebrity {
height:1%;
border-bottom: solid 1px #6e9b40;
margin:0 5px 10px 5px;
float:left;
}
div#story.celebrities div.celebrity img {
float:right;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
border:solid 1px black;
}
/* ---- ( iTunes CSS ) ---- */
table#results {
font: 90% Arial, Helvetica, sans-serif;
color: #000;
text-align: left;
border-collapse: collapse;
border-top: none;
border-bottom: solid 2px #6e9b40;
width: 97%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}
table#results a {
text-decoration: none;
color: #6e9b40;
}
table#results a:visited {
text-decoration: none;
}
table#results tr.odd {
background-color: #e9e9e9;
}
table#results tr a {
color: #6e9b40;
}
table#results tr:hover a {
color: #ffffff;
}
table#results tr:hover {
background-color: #6e9b40;
color: #ffffff;
}
table#results caption {
height: 45px;
line-height: 44px;
color: #60634E;
font-weight: bold;
text-align: left;
width: 100%;
margin: 0;
padding: 0 0 0 15px;
background: #ffffff url(captop.jpg) no-repeat;
background-position: 50% top;
}
*html table#results caption {
padding: 0 0 0 5px;
}
table#results thead th {
font-size: 105%;
color: #000;
background: #ffffff url(tbar.gif) repeat-x;
height: 33px;
}
table#results thead th:hover {
background: #ffffff url(tbov.gif) repeat-x;
}
table#results tr {
vertical-align: top;
}
table#results tr,th,td {
padding: .75em;
}
table#results td {
border-left: 1px solid #dadada;
}
table#results tfoot tr {
background: #fff url(bbar.gif) repeat-x;
}
table#results tfoot td, tfoot th{
color: #000;
border: 0px;
}
/**** Contact form styles ****/
form#contact {
display:inline;
margin:0 0 20px 20px;
color:#666666;
float:left;
}
div.introtext {
color:#666666;
margin:0 20px 0 0;
}
form#contact h1 {
color:#333333;
margin:15px 0 0 0;
font-size:1.2em;
}
form#contact p {
margin:5px 0 0 0;
}
form#contact div.leftfields {
float:left;
display:inline;
margin: 10px 0 0 10px;
}
form#contact div.leftfields label {
display:block;
float:left;
width:130px;
color:#666666;
font-weight:bold;
margin-top:5px;
}
form#contact div.leftfields input, form#contact div.leftfields select {
margin-top:5px;
}
form#contact div.rightfields {
display:inline;
float:left;
width:310px;
margin: 0 0 0 30px;
padding:0;
}
form#contact div.rightfields label {
font-weight:bold;
}
form#contact textarea {
width:300px;
height:200px;
margin-bottom:5px;
}
form#contact input.submit {
margin-top:30px;
}
form#endorselogin {
text-align:center;
padding:0;
margin:0 auto;
margin-top:10px;
width:140px;
height:230px;
}
form#endorselogin h4 {
color:#6e9b40;
font-size:1.2em;
padding-top:5px;
margin:0;
}
form#endorselogin label {
padding:0;
display:block;
}
form#endorselogin input {
padding:0;
display:block;
margin:0 auto;
margin-bottom:10px;
}
form#endorselogin input.txt {
border:solid 1px #6e9b40;
width:100px;
}
form#endorselogin a {
display:block;
margin-top:20px;
}
form#endorselogin a:hover {
text-decoration:underline;
}
form#endorselogin a#videolink,
a#videolink,
a.tempbutton {
margin:5px 0 0 0;
border:solid 1px #000000;
padding:5px;
background-color:#cccccc;
color:#000000;
}
form#endorselogin a#videolink:hover,
a#videolink:hover,
a.tempbutton:hover {
background-color:#6e9b40;
text-decoration:none;
color:#000000;
}
/******* process re Judges nominations has been moved to its own style sheet. process_style.css ********/
/* stuff below all added by les during testing, very specific to try to minimise impact of these rules
elsewhere */
input#searchwords {
margin-left:10px;
}
/* buttons for selecting a school */
div#results input {
border:solid 1px #999;
margin:2px 10px 0 10px;
width:500px;
}
div#nominationtemplate {
}
div#nominationtemplate label {
display:block;
float:left;
width:150px;
text-align:right;
vertical-align:middle;
margin-right:10px;
}
div#nominationtemplate .w50 {
width:50px;
}
div#nominationtemplate p {
clear:both;
vertical-align:middle;
}
div#nominationtemplate p.right {
text-align:right;
}
div.endorsementbits {
clear:both;
border:solid 1px #ccc;
margin:10px 10px 0 10px;
width:730px;
float:left;
}
div.endorsementbits h2 {
width:500px;
}
div.endorsementbits a.togglelink {
float:right;
}
div.endorsementbits fieldset label {
display:block;
float:left;
border:none;
margin:0 2px 0 0;
width:auto;
color:#999;
}
div.endorsementbits fieldset {
border:none;
padding:0 0 0 10px;
}
div.endorsementbits label {
display:block;
width:100px;
}
div.endorsementbits fieldset legend {
color:black;
border:none;
margin:0 0 0 -8px;
float:left;
font-weight:normal;
}
div.endorsementbits .w50 {
width:50px;
}
div.endorsementbits .w100 {
width:100px;
}
div#criterialist ul {
margin-top:0;
padding-top:0;
}
div.endorsementbits .w200 {
width:200px;
}
div.endorsementbits p {
clear:both;
}
div.endorsementbits p label {
float:left;
}
div.endorsementbits input.big {
width:300px;
}
div.endorsementbits input.medium {
width:200px;
}
div.endorsementbits input.small {
width:50px;;
}
div#endorserdetails {
float:left;
}
div#nomineedetails {
clear:left;
float:left;
}
div#nominatordetails {
clear:left;
float:left;
}
div#schooldetails {
float:left;
}
div.criteriaitem {
clear:both;
background-color:transparent;
padding-top:20px;
}
div.criteriaitem ul {
margin:2px 0 0 40px;
}
div.criteriaitem li {
margin:2px 0 0 40px;
font-style: italic;
}
div.criteriaitem textarea {
font-family:arial,sans-serif;
height:100px;
width:700px;
margin:0 0 0 20px;
}
div.criteriaitem .criteriatext {
margin:0 0 0 20px;
}
input.criteriaitem {
margin:0 0 0 20px;
}
p.criteria {
font-weight:bold;
margin:10px 10px 0 20px;
border-top:solid 1px #999;
}
form#endorse input.save {
font-size: 10px;
padding: 3px;
color: #fff;
font-weight: bold;
border: solid 1px #000;
background-color: #6e9b40;
margin: 0;
width: 145px;
}
div.eventintro, div.eventoutro {
clear:both;
margin:10px 10px 10px 0;
}
div#eventlist {
}
div#story div#eventlist h5 {
margin:5px 0 0 10px;
}
div#story div#eventlist h5 span.title {
font-size:1.1em;
}
div#story div#eventlist a {
margin:0 0 0 10px;
padding:0;
}
div#story div#eventlist a:hover,
div#story div#eventlist a:active {
text-decoration:underline;
}
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
div#bugsection {
float:left;
width:600px;
margin:30px 0 50px 100px;
}
div#bugsection p {
clear:both;
}
div#bugsection form {
width:350px;
float:left;
}
div#bugsection form p {
margin:5px 0 0 20px;
}
div#bugsection label {
display:block;
width:100px;
float:left;
font-weight:bold;
}
table.regionlist {
margin:0 auto;
width:500px;
margin-bottom:25px;
}
table.regionlist td {
padding:5px;
background-color:#cccccc;
}
table.regionlist td a {
margin:0;
padding:0;
}
table.regionlist td.header {
background-color:#6e9b40;
color:#ffffff;
font-weight:bold;
}
table.regionlist td.spacer {
background-color:#ffffff;
line-height:10px;
padding:0;
}
input.savebutton{
border-width: 2px;
border-style: solid;
border-color: #9c9 #030 #030 #409f40;
color: white;
background-color: #393;
font-weight: bold;
font-size: x-small;
}
div#categorydisplay {
}
div#categorydisplay div.awardcategory p {
}
div#categorydisplay div.awardcategory {
clear:both;
margin: 0 13px 13px 13px;
padding-bottom: 5px;
border: solid 1px #ccc;
height:1%;
float:left;
width:750px;
}
div#categorydisplay div.awardcategory h3 {
}
div#categorydisplay div.awardcategory a.togglelink {
float:right;
}
div#categorydisplay p label {
margin-left:20px;
font-weight:bold;
display:block;
width:100px;
float:left;
}
div#categorydisplay div.awardcategory p span {
display:block;
float:left;
width:550px;
padding:0;
}
div#categorydisplay div.awardcategory ol.criteria, div#categorydisplay div.awardcategory p span ul {
display:block;
float:left;
width:550px;
margin:0;
padding:0;
list-style:none;
border:none;
}
div#categorydisplay div.awardcategory span ul {
margin:0 0 0 20px;
padding:0;
}
div#categorydisplay div.awardcategory p span ul li {
margin:0 0 0 10px;
padding:0;
list-style-type:disc;
list-style-position:outside;
}
table.criteria {
margin:5px 0 0 20px;
width:700px;
border:solid 1px #888;
border-collapse:collapse;
}
table.criteria th {
padding:3px;
border:solid 1px #888;
}
table.criteria th.col1,
table.criteria td.col1 {
width:220px;
}
table.criteria td {
padding:3px;
vertical-align:top;
border:solid 1px #888;
}
table.criteria ul {
list-style:none;
margin:0;
padding:0;
}
table.criteria ul li {
margin-bottom:7px;
}
div.criteriaitem table.endorse,
table.endorse {
margin:0 10px 20px 10px;
border:solid 1px #888;
border-collapse:collapse;
}
div.criteriaitem table.endorse th,
table.endorse th {
padding:3px;
border:solid 1px #888;
}
div.criteriaitem table.endorse td,
table.endorse td {
width:50%;
padding:3px;
vertical-align:top;
border:solid 1px #888;
}
div.criteriaitem table.endorse ul,
table.endorse ul {
list-style:none;
margin:0;
padding:0;
}
div.criteriaitem table.endorse ul li,
table.endorse ul li {
margin:0;
padding:0;
margin-bottom:7px;
}
table.endorse td textarea {
font-family:arial,sans-serif;
height:100px;
width:650px;
margin:0 0 0 20px;
}
table.endorse td .criteriatext {
margin:0 0 0 20px;
}
input.criteriaitem {
margin:10px 0 0 20px;
}
table.commitments {
border:solid 1px black;
border-collapse:collapse;
margin:20px 0 20px 20px;
}
table.commitments th {
border:solid 1px black;
}
table.commitments td {
border:solid 1px black;
}
div.formholder {
float:left;
border:solid 1px #cccccc;
width:350px;
margin:10px;
height:460px;
}
div.formholder p label {
display:block;
width:120px;
float:left;
}
div.formholder p input {
width:200px;
}
div#schooldetails {
}
div#workdetails {
}
div#story ul#categorylist {
list-style:none;
}
div#story ul#categorylist li {
list-style:none;
padding:0;
margin:0;
border:0;
}
div.videolist {
}
div.video {
float:left;
padding:3px;
margin:0 0 10px 10px;
border:solid 1px #cccccc;
}
div.video a {
display:block;
}
div.video a:hover {
background-color:#cccccc;
}
div.video img {
display:block;
padding:5px;
}
div.video span {
display:block;
text-align:center;
}
div#videoholder {
border:solid 1px #cccccc;
}
div.addressbox {
border:solid 1px #cccccc;
float:left;
width:350px;
height:420px;
margin-left:10px;
margin-right:5px;
}
div.addressbox input {
width:200px;
}
div.addressbox select {
width:200px;
}
div.addressbox label {
display:block;
width:100px;
float:left;
}
div.fullsection {
width:705px;
border:solid 1px #cccccc;
margin-left:10px;
margin-top:10px;
padding:5px;
}
div.fullsection textarea {
width:600px;
overflow:auto;
height:100px;
}
ul.regcats {
}
ul.regcats li {
display:block;
}
ul.regcats li a{
margin:0 0 2px 0;
padding:0;
display:block;
}
ul.regcats li a:hover {
color:#6e9b40;
}
table.othernomlist {
border:solid 1px #999999;
margin:0 auto 30px auto;
border-collapse:collapse;
}
table.othernomlist th {
border:solid 1px #999999;
padding:5px;
background-color:#dddddd;
}
table.othernomlist td {
border:solid 1px #999999;
padding:7px 5px;
}
input.closewindow {
display:block;
margin:0 auto 40px auto;
}
table.nominstructiontable {
width:90%;
margin:0 auto;
border-collapse:collapse;
}
table.nominstructiontable td {
border:solid 1px #cccccc;
}
table.nominstructiontable td.bghilight {
background-color:#99ff99;
}
.margin10top {margin-top:10px;}
.margin10right {margin-right:10px;}
.margin10bottom {margin-bottom:10px;}
.margin10left {margin-left:10px;}