/* Styles ------------ */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/nominations/css/boxsizing.htc');}

html {min-height:100%; height:100%; width:100%;}
body {background:#fff; color:#000; font:15px/1.3 Arial, sans-serif; font-weight:300; height:100%; min-height:100%; width:100%; -webkit-text-size-adjust:100%;}

hr {border:0; border-bottom:1px solid #ccc; float:left; height:0px; margin:5px 0 10px 0; padding:0; width:100%;}
em {font-style: italic;}
a {color:#666;}
p {font-size:16px;}

.container {max-width:1200px; width:90%; position:relative; margin:0 auto; clear:both; padding:0;}

header {width:100%; text-align:left; padding:20px 0 10px 0; display:block; overflow:hidden; background:#024c33; color:rgba(255,255,255,0.7);}
header h1 {float:left; margin:8px 0 0 20px; font-weight:300;}
header p {float:right;}
header h1 a {color:#fff; text-decoration: none;}
header a {color:#fff;}
header img.headerlogo {width:50px; float:left; margin-bottom:10px;}

nav {float:left; font-size:0.00001px; text-align:left; padding:10px 0; margin:0 0 0 40px;}
nav ul {width:100%; list-style:none; margin:0; padding:0; text-indent: none;}
nav>ul {margin:0;}
nav ul li {float:left;}
nav ul li a {padding:5px 12px; margin-right:10px; font-size:14px; display:block; text-decoration:none; color:rgba(255,255,255,0.8); border-radius:2px; border:1px solid rgba(255,255,255,0.2);}
nav ul li a:hover {background:rgba(255,255,255,0.1); color:rgba(255,255,255,1);}
nav ul li a:hover i {color:rgba(201,148,29,1);}
nav ul li ul li a {padding-left:15px;}
nav i {color:rgba(255,255,255,0.4); margin-right:5px;}

.box {float:left; padding:40px 0; margin:0; width:100%;}
/* .help {float:left; background:#eee; width:25%;} */

.pageresponse {color:#000; overflow:hidden; font-size:18px; background:#ffb50d; width:100%;}
.pageresponse .container {max-width:1200px;}
.pageresponse span {float:left; width:30px; padding:10px 0 0 0;}
.pageresponse i {font-size:25px; color:rgba(255,255,255,1);}
.pageresponse cite {color:#000; font-style:normal; white-space:nowrap;}
.pageresponse p {padding:10px; float:left; margin:0;}
.pageresponse a:link,
.pageresponse a:visited {color:#000;}
.pageresponse a:hover {text-decoration:underline;}

.crumbs {color:#666; margin:0 0 20px 0; font-size:14px;}
.crumbs a:link,
.crumbs a:visited {text-decoration:none;}
.crumbs a:hover {text-decoration:underline;}
.crumbs i {color:#999; margin:0 10px; font-size:12px;}
.crumbs i:first-child {font-size:16px; color:#666;}

.progressbar {background:#f7f7f7; width:100%; padding:20px 0 40px 0; margin:0 auto; text-align: center;}
ol.progress {margin: 0 auto; padding: 0; list-style-type none; min-width:800px; max-width:1200px; width:90%; 
    position:relative; clear:both;}
ol.progress li {display: inline-block;text-align: center; padding-bottom:10px; font-size:12px;}
ol.progress li a {text-decoration: none; font-size:12px;}
ol.progress[data-progress-steps="2"] li { width: 49%; }
ol.progress[data-progress-steps="3"] li { width: 33%; }
ol.progress[data-progress-steps="4"] li { width: 24%; }
ol.progress[data-progress-steps="5"] li { width: 19%; }
ol.progress[data-progress-steps="6"] li { width: 16%; }
ol.progress[data-progress-steps="7"] li { width: 13%; }
ol.progress[data-progress-steps="8"] li { width: 12%; }
ol.progress[data-progress-steps="9"] li { width: 11%; }
/*ol.progress li.progress-done {color: #000; border-bottom: 4px solid #6c6;}*/
ol.progress li.progress-done {color: #ccc; border-bottom: 5px solid #6c6;}
ol.progress li.progress-todo {color: #ccc; border-bottom: 5px solid #ccc;}
ol.progress li.progress-active {color: #f00; border-bottom: 5px solid #000;}

.box .fa-female {color:#f99; text-align:center; width:20px;}
.box .fa-male {color:#69c; text-align:center; width:20px;}
.box .fa-star {color:#fc0;}
.box .fa-ban {color:#f00;}
.box .fa-users {color:#96f;}
.box .fa-circle-o {color:#c90;}

.dashcolumns {font-size:0.00000001px; vertical-align:top; display:block; width:100%;
    -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;
    -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

.dashcolumn {display:inline-block; width:100%; font-size:14px; border:1px solid #ccc; overflow:hidden;
    padding:20px; margin:0 0 40px 0; padding-bottom:15px;
    -webkit-column-break-inside: avoid; break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid;}

.dashcolumn h3, .dashcolumn p, .dashcolumn ul {margin-top:0;}

form.layout {display:block; font-size:18px;}
form.layout div {clear:left; padding:20px 0; display:block;}
form.layout div label {width:200px; padding:5px 0; font-weight:bold; float:left; cursor:pointer;}
form.layout input[type=text], form.layout input[type=password] {float:left; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px; border-radius: 5px;}
form.layout input[type=text]:disabled {background:#ddd;}
form.layout textarea {float:left; margin-bottom:5px; border:1px solid #ccc; width:350px; height:100px; padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px; border-radius: 5px; max-width:100%;}
form.layout input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}
form.layout input[type=text]:focus {border-color:#333; }
form.layout span.tip {color:#666; font-size:11px; margin-left:10px; float:left;}
form.layout span.between {float:left; margin:0 20px;}

table.tablelist {width:100%; border-collapse:collapse; margin-bottom:30px;}
table.tablelist tr th {padding:10px; color:#ccc; font-weight:normal; text-align:left; font-size:11px;}
table.tablelist tr td {padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
table.tablelist tr td a:link,
table.tablelist tr td a:visited {text-decoration:none;}
table.tablelist a {text-decoration:none; color:#024c33;}
table.tablelist b {color:#000;}
table.tablelist a:hover b {color:#024c33;}
table.tablelist tr:hover td {background:#f7f7f7;}
table.tablelist .demote {color:#999; font-size:11px;}
table.tablelist .editcol a {color:#999; font-size:12px;}
table.tablelist tr:hover .editcol a {color:#024c33;}
table.tablelist .hidesort {display: none;}

a.buttonnext {margin:0 auto; background:#024c33; color:#fff; text-decoration: none; border:2px solid #ccc; padding:10px 20px; border-radius:5px; display:inline-block;}
a.buttonnext:hover {opacity:0.8;}
a.buttonnext span {opacity:0.5;}

a.buttonsubmit {background:#024c33; color:#fff; margin:0 auto; text-decoration: none; border:2px solid #ccc; padding:10px 20px; border-radius:5px; display:inline-block;}
a.buttonsubmit:hover {opacity:0.8;}

.searchfilter {width:100%; background:#ddd; padding:10px; margin-bottom:10px; border-radius: 3px;}
.searchfilter a.button {background:#024c33; color:#fff; text-decoration: none; border:2px solid #ccc; padding:5px 10px; float:right; border-radius:5px; display:inline-block;}
.searchfilter a.button:hover {background:#333;}

label.uptable {}
.uptable input {border:solid 1px #ccc; border-radius: 3px; padding:7px 14px;}
.uptable input:focus {outline:none; border-color:#666;}
.uptable .sort {padding:6px 0; display:inline-block; background: transparent; color:#999; border-radius: 3px; text-decoration: none; border:none;}
.uptable .sort i {color:#999; margin-right:5px;}
.uptable .sort:hover {color:#000;}
.uptable .sort:hover i {color:#000;}
.uptable .sort:focus {outline:none;}
.uptable .sort:after {display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent;border-bottom: 5px solid transparent;content:"";position: relative;top:-10px;right:-5px;}
.uptable .sort.asc:after {width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;content:"";position: relative;top:4px;right:-5px;}
.uptable .sort.desc:after {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; content:""; position: relative; top:-4px; right:-5px;}

table.sheet {width:100%; max-width:100%; overflow-x: scroll;}
table.sheet tr td {border:1px solid #eee; font-size:11px;}

form.login {display:block; font-size:18px;}
form.login div {clear:left; padding:20px 0; display:block;}
form.login div label {width:200px; padding:5px 0; font-weight:bold; float:left; cursor:pointer;}
form.login input[type=text], form.login input[type=password] {float:left; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px; border-radius: 5px;}
form.login input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#666; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}
form.login input[type=text]:focus {border-color:#333; }

.content {padding:30px 0; max-width:950px; width:100%; float:none; margin:0 auto;}
.content h2 {font-size:50px; line-height: 125%; margin-bottom:40px; color:#ffb50d;}
.content h3 {font-size:24px; margin:30px 0 20px 0; text-transform: uppercase; color:#58595b;}
.content p {font-size:18px; margin-bottom:20px; color:#000000;}
.content hr {margin:20px 0;}
.content ul {margin-bottom:30px; list-style:square; margin-left:40px;}
.content ul li {font-size:18px;}
.content p.snip {font-weight:300; color:#999; font-size:24px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}
.content a {text-decoration: underline;}

body .frontform {max-width:800px; min-width:400px; width:47%; float:left; margin-right:3%; padding-left:20px; padding-right:20px;}

.greyform {color:#666; padding:10px 40px;font-size:14px; width:100%; margin:20px auto; overflow:hidden; border:1px solid #ccc;}
.greyform h2 {font-size:25px; margin:10px 0 10px 0; color:#000;}
.greyform h3 {font-size:20px; margin:0 0 10px 0; padding-bottom:10px; color:#024c33; border-bottom:1px solid #eee;}
.greyform p, .greyform label {font-size:14px;}
.greyform label {cursor:pointer;}
.greyform table {border:0; border-collapse: collapse; width:100%; margin-top:20px;}
.greyform table tr {vertical-align: middle;}
.greyform table tr th {max-width:180px; text-align:left;}
.greyform table tr th, .greyform table tr td {font-size:14px; padding:10px 40px 10px 0; vertical-align:middle;}
.greyform table tr td {color:#666; font-size:12px;}
.greyform input[type=text], .greyform input[type=password] {font-size:16px; padding:10px; border-radius:3px; width:100%; margin-bottom:5px; max-width:100%;}
.greyform input[type=checkbox] {margin-right:10px;}
.greyform select {font-size:18px;}
.greyform input[type=submit] {padding:8px 20px; font-weight:bold; font-size:14px; border-radius:3px; color:#fff; background:rgba(201,148,29,1); border:0;}
.greyform input[type=submit]:hover {background:rgba(201,148,29,0.8); border:0; cursor: pointer;}

.greyform cite {font-weight:normal; font-style:normal; color:#999; font-size:10px;}
.greyform p, table.form li {color:#666;}
.greyform td>input {padding:3px 5px; border:1px solid #999;}
.greyform td>input:hover {background:#ffe; border:1px solid #333;}
.greyform input.short {width:50px; max-width:100%;}
.greyform input.medium {width:100px; max-width:100%;}
.greyform input.long {width:450px; max-width:100%;}
.greyform textarea {font-size:14px; padding:5px; width:100%; height:100px; resize:vertical;}
.greyform select {padding:2px;}
.greyform textarea.comments {width:570px; height:70px;}

.declinemessage {background:#eee; padding:10px 28px; border-radius: 3px; clear:both;}

.thinform {padding:10px 20px; font-size:14px; width:100%; margin:20px auto; overflow:hidden; border:1px solid #ccc;}
.thinform h3 {font-size:18px; margin:0 0 10px 0; padding-bottom:10px; color:#024c33; border-bottom:1px solid #eee;}
.thinform p {font-size:14px;}
.thinform table {border:0; border-collapse: collapse; width:100%; margin-top:0;}
.thinform table tr {vertical-align: middle;}
.thinform table tr th {text-align:left; font-weight:normal; color:#666;}
.thinform table tr th, .thinform table tr td {font-size:14px; padding:10px 20px 10px 0; vertical-align:middle;}
.thinform table tr td {color:#666; font-size:12px;}
.thinform input[type=text], .thinform input[type=password] {font-size:14px; padding:5px; border-radius:1px; width:100%; margin-bottom:5px; max-width:100%;}
.thinform select {font-size:18px;}
.thinform input[type=submit] {padding:8px 20px; font-weight:bold; font-size:14px; border-radius:3px; color:#fff; background:rgba(201,148,29,1); border:0;}
.thinform input[type=submit]:hover {background:rgba(201,148,29,0.8); border:0; cursor: pointer;}

.thinform cite {font-weight:normal; font-style:normal; color:#999; font-size:10px;}
.thinform p, table.form li {color:#666;}
.thinform td>input {padding:3px 5px; border:1px solid #999;}
.thinform td>input:hover {background:#ffe; border:1px solid #333;}
.thinform input.short {width:50px; max-width:100%;}
.thinform input.medium {width:100px; max-width:100%;}
.thinform input.long {width:450px; max-width:100%;}
.thinform textarea {font-size:14px; padding:5px;}
.thinform select {padding:2px;}
.thinform textarea.comments     {width:570px; height:70px;}

.thinform tbody tr:first-child {border-top:40px solid #fff;}

.rightsubmit {float:right; margin:0 0 10px 20px;}

.showhidelink {cursor:pointer; display:inline-block;}
.showhidelink span {border-bottom:1px dashed #ccc;}

.listsort {list-style:none; clear:both; margin:20px 0 0 0; padding:0; width:100%;}
.listitem {background:transparent; font-size:14px; border:1px solid #ccc; padding:5px; margin:0 0 5px 0; display:block; overflow:hidden; min-height:40px;}
.listitem:hover {background:#eee; cursor: pointer;}
.listitem .listnumber {text-align:right; width:40px; margin:7px 20px 0 0; float:left; font-size:11px; color:#999;}
.listitem i {color:#ccc; margin-top:10px; width:30px; margin-left:10px; float:left;}
.hasdata i {color:#333;}
.hasdata .listdetails {padding-left:20px; font-weight:normal;}
.heading .listdetails {font-weight:bold;}
.listitem .listdetails {float:left; margin-top:8px;}
.listitem .listauthor {color:#666; font-size:12px;}
.listitem .listcat {float:right; margin:10px 20px 0 0; font-size:12px; color:#666;}
.listitem a {text-decoration:none;}
.listitemrequired {border-left:3px solid #f00;}
.listitemmasterrequired {border-left:3px solid #fc9;}
.listitemrequired i, .listitemmasterrequired i {margin-left:7px;}
.placeholder {background:#ccc;}

.formitem {clear:left; margin:10px 0; border-left:5px solid #fff; padding-left:20px;}
.formitem label input[type=checkbox] {width:23px; height:13px; padding: 0; margin:0; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden;}
.formitem label {display: block; padding-left: 25px; text-indent: -25px;}
.formitem p {margin:8px 0;}
.formitem h3 {margin-top:10px; border:0; padding:0;}
.formitem h4 {margin:8px 0;}
.formitem.hr hr {margin:20px 0;}
.formitem.hr {padding-left:0;}
.formitem.gap {margin:30px 0;}
.formitem.radiobutton {padding-bottom:15px;}
.formitem.radiobutton label {width:80px; margin-top:5px; display:inline-block;}
.formitem.radiobutton input[type=radio] {width:23px; height:13px;}
.formitem.formitem label p {margin-left:25px; margin-top:15px; display: inline-block;}

.formitemrequired {border-left:5px solid #f00; padding-left:20px;}
.formitemmasterrequired {border-left:5px solid #fc9; padding-left:20px;}

.formitem i.helpicon {font-size:11px; color:rgba(201,148,29,0.5); float:right; margin:5px 0 0 -0;}
.formitem:hover i.helpicon {color:rgba(51,51,51,1);}

.formhelp {display:none; width:10px; height:10px; position:relative; z-index:2; font-size:12px; cursor:pointer;}

.formhelp .info {display:none; position:absolute; line-height:1.3em; left:20px; top:-19px; width:400px; font-weight:normal; white-space:normal; border:2px solid #ccc; z-index:2; background:#fff; padding:10px; color:#2f2f2f; border-radius:3px;}
.formhelp .info em {font-weight:normal; font-style:italic;}

.helping {width:28%; position:fixed; top:215px; left:70%;}
.helpitem {padding:20px; background:#eee;}

.nominating {background:#ff9; margin-top:-20px; padding:10px 20px; font-size:20px;}

.content .cats {font-size:0.0000001px; vertical-align:top; display:block; width:100%;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: auto; -moz-column-fill: auto; column-fill: auto;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

.content .cats ul {display:block; margin:0; padding:0; clear:both;}
.content .cats ul li {font-size:12px; display:block; margin:3px 0; padding:0; clear:both; overflow:hidden;}

.content .cats ul li ul {width:100%; display:inline-block; vertical-align:top; width:100%;}
.content .cats ul li {font-weight:normal; font-size:13px; color:#999;}
.content .cats li i.fa {color:#999; font-size:13px; margin-left:8px; margin-right:5px;}
.content .cats a {cursor:pointer; padding:0; text-decoration: none; margin-right:5px;}
.content .cats>ul>li {
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; overflow:hidden; margin-bottom:20px; font-weight:bold;}
.content .cats>ul>li {font-size:16px; font-weight:bold; color:#000;}
.content .cats ul ul li label {font-size:12px; font-weight:normal;}
.content .cats li i.fa {float:left; clear:none; color:#999; font-size:11px; margin-left:4px;}
.content .cats input[type=checkbox] {float:left; width:20px;}
.content .cats label {float:left; clear:none; cursor:pointer; padding:0; margin-top:3px; color:#000;}
.content .cats label.toplevel {font-weight:bold;}
.content .cats>ul>li>input[type=checkbox] {display:none;}


footer {clear:both; padding:30px 0; width:100%; max-width:1200px; width:90%; float:none; margin:0 auto;}
footer a {color:#666;}

/* Media Queries ------------ */

@media all and (max-width: 1350px){

}

@media all and (max-width: 1100px){

}

@media all and (max-width: 950px){
body .frontform {max-width:800px; min-width:100%; width:100%; padding-left:40px; padding-right:40px;}
}

@media all and (max-width: 850px){


}

@media all and (max-height: 750px){

}

@media (max-width: 700px) {

}

@media (max-width: 500px) {

}