/* HTML5 Boilerplate  */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

/*::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }*/

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }









@media only screen and (min-width: 35em) {
  

}


/*fonts*/
@font-face {
    font-family: 'UbuntuRegular';
    src: url('Ubuntu-R-webfont.eot');
    src: url('Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-R-webfont.woff') format('woff'),
         url('Ubuntu-R-webfont.ttf') format('truetype'),
         url('Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('Ubuntu-RI-webfont.eot');
    src: url('Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-RI-webfont.woff') format('woff'),
         url('Ubuntu-RI-webfont.ttf') format('truetype'),
         url('Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('Ubuntu-B-webfont.eot');
    src: url('Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-B-webfont.woff') format('woff'),
         url('Ubuntu-B-webfont.ttf') format('truetype'),
         url('Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('Ubuntu-BI-webfont.eot');
    src: url('Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-BI-webfont.woff') format('woff'),
         url('Ubuntu-BI-webfont.ttf') format('truetype'),
         url('Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLight';
    src: url('Ubuntu-L-webfont.eot');
    src: url('Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-L-webfont.woff') format('woff'),
         url('Ubuntu-L-webfont.ttf') format('truetype'),
         url('Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLightItalic';
    src: url('Ubuntu-LI-webfont.eot');
    src: url('Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-LI-webfont.woff') format('woff'),
         url('Ubuntu-LI-webfont.ttf') format('truetype'),
         url('Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('Ubuntu-M-webfont.eot');
    src: url('Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-M-webfont.woff') format('woff'),
         url('Ubuntu-M-webfont.ttf') format('truetype'),
         url('Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMediumItalic';
    src: url('Ubuntu-MI-webfont.eot');
    src: url('Ubuntu-MI-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-MI-webfont.woff') format('woff'),
         url('Ubuntu-MI-webfont.ttf') format('truetype'),
         url('Ubuntu-MI-webfont.svg#UbuntuMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('Ubuntu-C-webfont.eot');
    src: url('Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-C-webfont.woff') format('woff'),
         url('Ubuntu-C-webfont.ttf') format('truetype'),
         url('Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*General & Login*/

body { font-family: UbuntuRegular, sans-serif;  }
body.login { background: #5f6c87; }

header { width: 100%; height: 39px; background: #abb7bf;  }
footer {  }

body.login div#main { min-width: 280px; color: white;  min-height: 250px; background: url(/images/whitefuzz.png) no-repeat 50% 50%; padding-bottom: 50px;   }

body.login div#main #container { width: 280px; margin: 0 auto; text-align: center; padding-top: 40px; }

body.login  div#main #container a { color: #ddd; font-style: italic; font-size: 13px; }
body.login div#main #container a:visited { color: #ddd; }
body.login div#main #container a:hover { color: #fff; }
body.login div#main #container a:active { color: #aac; }

h1#splash { width: 100%;  margin-top: 0; }
h1#splash img { width: 100%; }

input { font-family: UbuntuRegular, sans-serif; }
input#loginSubmit { }

form#loginForm input, form#forgotPassword input { margin-bottom: 16px; height: 31px; font-style: italic; font-size: 15px; }

form#loginForm input#loginSubmit { background: url(/images/login-btn.png) no-repeat; width: 96px; height: 33px; margin: 0 auto; margin-bottom: 16px; }

form#forgotPassword input#forgotBtn { background: url(/images/forgot-btn.png) no-repeat; width: 179px; height: 33px; margin: 0 auto; margin-bottom: 16px; }

form#loginForm input#loginSubmit:hover, form#forgotPassword input#forgotBtn:hover { background-position: 0px -33px; }
form#loginForm input#loginSubmit:active, form#forgotPassword input#forgotBtn:active { background-position: 0px -66px; }

div#errors { font-size: 13px; background: #f39494; border-radius: 8px; border: 1px solid #a90d0d; color: #a90d0d; padding: 5px; margin-bottom: 16px; }



/*Judges Section*/

body.judge { background: #efefef; } 
body.judge div#container { width: 940px; margin: 0 auto; }
body.judge div#main { margin-bottom: 50px; } 

body.judge div#errors { display: none; position: absolute; left: 351px; top: 52px;  width: 580px; height: 42px; vertical-align: center; text-align: center;  }

body.judge header { position: relative; font-family: UbuntuRegular, sans-serif; min-width: 960px; }
body.judge footer { min-width: 960px; }
body.judge header div#headerInner { width: 930px; margin: 0 auto; }

body.judge header div#logoSm { background: url(/images/logo-s.png) no-repeat; width: 176px; height: 25px; float: left; margin-top: 7px;  }

body.judge header div#headerTools { float: right; margin-top: 2px; position: relative; margin-right: 16px; }
body.judge header div#headerTools>a, body.judge header div#headerTools>span { float: left; display: block; margin-left: 15px; color: #586d88; }
body.judge header a#headerSettings { width: 26px; height: 26px; background: url(/images/config-btn.png) no-repeat; }
body.judge header a#headerLogout { width: 25px; height: 27px; background: url(/images/logout-btn.png) no-repeat; } 
body.judge header a#userName { color: #566b87; font-weight: bold; font-size: 13px; }

body.judge footer { height: 136px; width: 100%; background: #abb7bf; }


div#sidebar { width: 330px; float: left; font-size: 0;  margin-top: 19px; }

div#sortButtons {  }
div#sortButtons a { 
margin: 0; 
height: 16px;
color: #566b87;
font-size: 16px;
padding-top: 8px; padding-bottom: 11px; text-transform: uppercase;
display: inline-block; 
border: 1px solid #b8c0c5;
background-image: linear-gradient(top, rgb(231,234,237) 20%, rgb(204,207,208) 50%);
background-image: -o-linear-gradient(top, rgb(231,234,237) 20%, rgb(204,207,208) 50%);
background-image: -moz-linear-gradient(top, rgb(231,234,237) 20%, rgb(204,207,208) 50%);
background-image: -webkit-linear-gradient(top, rgb(231,234,237) 20%, rgb(204,207,208) 50%);
background-image: -ms-linear-gradient(top, rgb(231,234,237) 20%, rgb(204,207,208) 50%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.49, rgb(231,234,237)),
	color-stop(0.75, rgb(204,207,208))
);

}

div#sortButtons #sortEntry {
	width: 222px;
	text-indent: 26px;
	cursor: pointer;
}
div#sortButtons #sortRank {
	width: 103px;
	border-left: 0;
	text-align: center;
	cursor: pointer;
}
div#sortButtons a.active { 
font-family: 'UbuntuBold';
background-image: linear-gradient(top, rgb(219,225,227) 20%, rgb(189,194,197) 75%);
background-image: -o-linear-gradient(top, rgb(219,225,227) 20%, rgb(189,194,197) 75%);
background-image: -moz-linear-gradient(top, rgb(219,225,227) 20%, rgb(189,194,197) 75%);
background-image: -webkit-linear-gradient(top, rgb(219,225,227) 20%, rgb(189,194,197) 75%);
background-image: -ms-linear-gradient(top, rgb(219,225,227) 20%, rgb(189,194,197) 75%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.49, rgb(219,225,227)),
	color-stop(0.75, rgb(189,194,197))
);
				}

div#entriesWrapper {					

overflow: hidden;
/*height: 500px;*/
border-bottom: 1px solid #d1d7db;
border-left: 1px solid #d1d7db;
/*background: #E9ECED;*/
margin-top: 23px;
margin-bottom: 150px;

}


table#entries { 
border-collapse: separate;
border-bottom: 1px solid #b1bdc3;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
border-top: 1px solid #d1d7db;

}

table#entries tr {
position: relative;
border: none;
}



a.scrollArrow {
display: none;
width: 74px;
height: 20px;
cursor: pointer;
margin: 0 auto;

}



a#scrollDown { 
background: url(/images/scroll-down.png) no-repeat;
}

a#scrollUp {
background: url(/images/scroll-up.png) no-repeat;
}

a#scrollDown:hover, a#scrollUp:hover {
background-position: 0px -20px;
}


table#entries td { 
height: 63px; 
border-top: 1px solid #b1bdc3;

border-bottom: 1px solid #e4e6e7;
border-left: 1px solid #bdc5cb; border-right: 1px solid #bdc5cb;
position: relative;
overflow: hidden;
font-size: 22px;
vertical-align: middle;

}




table#entries tr.ranked td { 
background: #cfd7db; 
}

table#entries tr.unranked td {
background: #dbdcd3;

}

table#entries tr.active td { 
background: #acb8c0 url(/images/scorecard-active-bg.png) repeat-x; 
position: relative;
}

table#entries tr td.activeArrow {
background: #e9eced; 
border: none !important;
display: none !important;
}

table#entries tr td.activeArrow img {
display: none;
}

table#entries tr.active td.activeArrow {
display: table-cell;
width: 26px;
position: relative;
left: -1px;
}

table#entries tr.active td.activeArrow img {
display: block; 
height: 100%; width: 100%;
}

table#entries tr.active td:last-child:after {
content: "";
display: block;
position: absolute; right: 26px;
background: url(/images/scorecard-active-arrow.png) no-repeat;
height: 100%;
width: 26px;
}


table#entries td.entryName {
width: 198px;
color: #005982;
font-family: 'UbuntuRegular';
padding-left: 23px;
border-right: 1px solid #92a4b2;
padding-top: 0;
}

table#entries tr.unranked td.entryName {
color: #858585;
}

table#entries td.entryRank {
font-family: 'UbuntuBold';
font-size: 30px; 
width: 103px;
text-align: center; 
color: #757b2f;
border-left: none;

}

table#entries tr.unranked td.entryRank {
color: #757b2f;
font-size: 15px;
font-family: 'UbuntuRegular';
padding-top: 9px;
}

table#entries tr.active td.entryRank {
border-right: none; 
}


div#scorecard {
width: 552px; 
margin-left: -3px;
/*margin-left: -22px;*/
float: left;
background: #e9eced;
border: 1px solid #d1d7db;
min-height: 635px;
margin-top: 79px;
padding-left: 23px;
padding-right: 15px;
color: #858585;
}

div#scorecard h1 {
font-size: 30px; 
text-transform: uppercase;
font-family: 'UbuntuBold';
font-weight: normal;
color: #5d6a86;
margin-bottom: 6px; line-height: 1.0;
}

div#scorecard h1 span {
font-family: 'UbuntuLight';
}

table#scorecardTable td {
vertical-align: middle;
height: 74px;
border-bottom: 1px solid #d1d7db;
}

table#scorecardTable tbody tr td.header { vertical-align: bottom; text-align: left; height: auto; padding-top: 0; padding-bottom: 0; border-bottom: none; }
table#scorecardTable tbody tr td.bottom { vertical-align: bottom; padding-top: 0; padding-bottom: 12px; height: auto; }

table#scorecardTable tbody tr td.bottom h3 { margin-bottom: 0; }

table#scorecardTable h3 {
font-size: 15px;
font-family: 'UbuntuRegular';
text-transform: uppercase;
margin-top: 0px;
color: #737c29;
font-weight: normal;
}

div#scorecard {

}

div#scorecard h4  {
font-size: 15px; 
font-family: 'UbuntuBold';
font-weight: normal;
text-transform: uppercase;
margin: 0;
color: #858585;

}

div#scorecard h6 {
font-size: 15px;
font-family: 'UbuntuRegular';
font-weight: normal;
margin-top: -3px; margin-bottom: 0;
color: #858585;

}

div#scorecard h4  span {
font-family: 'UbuntuRegular';
}


table#scorecardTable tr td:first-child {
width: 425px;
}

table#scorecardTable tr td:last-child {
text-align: center; min-width: 110px;
}

table.scoreNotes { 
margin-top: 12px;
}

table.scoreNotes tr td { vertical-align: top; }

table.scoreNotes tr td:first-child {
width: 80px; 
}

div#scorecard textarea {
border: 1px solid #cbcccc;
}

table.scoreNotes tr td:last-child {
width: 460px;
}

table.scoreNotes tr td:last-child textarea {
width: 100%; 
height: 120px;
text-align: left;
text-indent: 0;
}

input.submitButton {
background: url(/images/button-gradient.png) repeat-x;
height: 33px;
border: 1px solid #b1bdc3;
font-family: UbuntuBold;
font-size: 16px;
color: #566b87;
text-transform: uppercase;
padding-left: 20px; padding-right: 20px;
}

input.submitButton:hover {
background-position: 0px -33px;
color: #757b2f;
}

input.submitButton:active {
background-position: 0px -66px;
color: #666;
}

input#scoreSubmit {
float: right;
clear: both; 
margin-right: 35px;
margin-top: 20px;
margin-bottom: 24px;  
}

div.buttonMain { display: none; }
div#headerTools_surround { z-index: 2; position: relative; }

div#headerTools_inner { 
background: #abb7bf; /* Old browsers */
background: -moz-linear-gradient(top,  #abb7bf 0%, #9097a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abb7bf), color-stop(100%,#9097a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* IE10+ */
background: linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abb7bf', endColorstr='#9097a0',GradientType=0 ); /* IE6-9 */
padding: 5px;
border: 1px solid #888;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
cursor: pointer; z-index: 2; position: relative;
width: 320px; text-align: center; 
}


div#headerTools_inner.active { 
background: #abb7bf; /* Old browsers */
background: -moz-linear-gradient(top,  #9097a0 0%, #abb7bf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9097a0), color-stop(100%,#abb7bf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9097a0 0%,#abb7bf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9097a0 0%,#abb7bf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9097a0 0%,#abb7bf 100%); /* IE10+ */
background: linear-gradient(top,  #9097a0 0%,#abb7bf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9097a0', endColorstr='#9097a0',GradientType=0 ); /* IE6-9 */
border: 1px solid #888;
border-bottom: none;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1);
cursor: pointer; z-index: 2; position: relative; border-bottom: none !important;
}



#userArrow { position: absolute; right: 10px; top: 16px;  }
div#headerTools_inner a#userName { color: #fafafa; text-shadow: 1px 1px 0px #666; }




div.arrow-down {
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #666;
	margin-left: 3px; margin-right: 3px;
}

img#logoStub { display: none; }

div#headerTools_dd_wrap { 
display: none; overflow: hidden;
width: 330px; position: absolute; left: 0; top: 23px; background: #abb7bf; /* Old browsers */ z-index: 1;
background: -moz-linear-gradient(top,  #abb7bf 0%, #9097a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abb7bf), color-stop(100%,#9097a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* IE10+ */
background: linear-gradient(top,  #abb7bf 0%,#9097a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abb7bf', endColorstr='#9097a0',GradientType=0 ); /* IE6-9 */
border: 1px solid #888;
-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
box-shadow: 0 1px 10px rgba(0,0,0,.1); 
}


ul#headerTools_dd { width: 302px; background: #efefef; font-size: 13px; overflow: hidden; list-style-type: none; padding-left: 0; margin-left: 5px; padding-bottom: 6px; padding-top: 6px; border: 1px solid #bbb; padding-left: 8px; padding-right: 8px; margin-bottom: 5px; }

ul#headerTools_dd select { float: right; width: 202px; }

ul#headerTools_dd li { border-bottom: 1px solid #ddd; padding-bottom: 9px; padding-top: 9px; color: #858585; }
ul#headerTools_dd li:last-child { border-bottom: none; }

a, a:visited { color: #60748e; text-decoration: none; }
a:hover { color: #757b2f; text-decoration: none; }

div#notesWrapper { margin-top: 25px; margin-bottom: 25px; }
div#notesCaption {  width: 120px; text-align: left; float: left; }
div#notesText { width: 389px; float: left; }
div#notesCaption h6 { font-size: 13px; font-style: normal; }
textarea#judgeNotes { width: 100%; height: 150px; }



/*iPhone/mobile styles*/



@media only screen and (max-device-width: 480px) {

body.judge header { min-width: 320px; max-width: 320px; }
body.judge footer { min-width: 320px; max-width: 320px; }

body.judge header div#headerInner { width: 320px; }

body.judge header div#headerTools { position:absolute; top: 3px; right: 5px; }

div#headerTools_inner { text-indent: -999px; padding: 5px; z-index: 3; position: relative; }
div#headerTools_inner a#userName { width: 29px; height: 19px; display: block; background:url(/images/user-icon.png) no-repeat; font-size: 1px; float: left; }

div#userArrow { display: none; float: left; border-top-color: #fff; position: relative; top: 7px; }

div#headerTools_dd_wrap { width: 275px; left: -236px; top: 30px; z-index: 2; }
ul#headerTools_dd { width:247px; margin-top: 5px; }

ul#headerTools_dd select { width: 165px; font-size:11px; }
ul#headerTools_dd li { font-size:11px; }

body.judge div#container { -webkit-transition-duration: 0.3s; }
div#main { overflow-x:hidden !important; width: 320px; margin:0;padding:0; position: relative; top: 39px !important; }

body.judge div#scorecard { margin-left: 0 !important; width: 560px !important; padding-left: 15px !important; margin-top: 0px;  }
body.judge table#scorecardTable { width: 320px; }

table#entries tbody tr td:nth-child(3) { display: none !important; }

body.judge div#sidebar { margin-top: 0px; }
body.judge table#entries { margin-top: 0; }
div#sidebar a#sortEntry.sort { width: 221px; }

table#entries td.entryname { width: 195px; }

body.judge header { width: 320px; position: absolute; top: 0; left: 0; z-index: 999; }

body.judge header div#logoSm {	width: 170px;  position: absolute; left: 76px; top: 4px;	background: none !important;	 }
img#logoStub { display: block; position: absolute; width: 100%;  top: 0; left: 0; }

div.buttonMain { display: block;  visibility: hidden; }

table#scorecardTable tr td:first-child { width: 175px; }

table.scoreNotes tr td:last-child { width: 175px; }

input#scoreSubmit { margin-right: 273px; width: 290px; }


div#scorecard h1 { font-size: 26px; line-height: 0.9; margin-bottom: 9px; margin-top: 11px; }
table#scorecardTable tbody tr td.header { vertical-align: bottom; text-align: left; height: auto; padding-top: 0; padding-bottom: 0; border-bottom: none; }
table#scorecardTable tbody tr td.bottom { vertical-align: bottom; }
body.judge header div#headertools { margin-top: 3px; }
div#headerTools_inner { width: 29px; text-align: center;  }

div#notesCaption {  width: 300px; text-align: left; float: left; margin-left: 00px; margin-bottom: 10px; }
div#notesText { width: 300px; float: left; margin-left: 00px; }
textarea#judgeNotes { width: 100%; }

body.judge table#scorecardTable { width: 300px; margin-left: -10px;}
body.judge table#scorecardTable tr td:first-child { width: 200px; }
body.judge table#scorecardTable tr td:last-child { width: 100px; }

table#scorecardTable div#scorecard h1 { font-size: 20px; }


}

/*Nav Buttons*/

div.bar { 
    position: relative;
    height: 42px;
    border: 1px solid #cad6e2;
    border-bottom-color: #22374a; 
    border-right: 0;
    border-left: 0;
    text-align: center;
    background: -webkit-gradient(linear, left top,left bottom, from(#afbbcb), to(#6e86a4), color-stop(0.48, #8b9db5), color-stop(0.5, #8195af));
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
}
div.buttonMain { 
    position: relative; 
    margin: 6px 0 0 12px; 
    height: 26px; 
    width: 45px; 
    border: 1px solid rgba(0,0,0, 0.4);  
    -webkit-border-radius: 5px; 
    background: -webkit-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa)); 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
}
div.buttonMain div { 
    position: absolute; 
    z-index: 1; 
    top: 4px; 
    left: -7px; 
    -webkit-transform: rotate(51deg);
}
div.buttonMain span { 
    -webkit-transform: skew(15deg);
    display: block; 
    width: 15px; 
    height: 16px; 
    background: -webkit-gradient(linear, left top, right bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));   
    -webkit-border-radius: 1px; 
    border: 1px solid rgba(0,0,0, 0.4); 
    border-right: 0; 
    border-top: 0;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25);
} 
div.buttonMain p { 
    position: absolute; 
    z-index: 2; 
    top: 5px; 
    left: 5px; 
    margin: 0; 
    padding: 0; 
    font-size: 12px; 
    font-weight: bold; 
    color: #fff; 
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.4); font-family: Helvetica, Arial, sans-serif; 
}

body pre { display: none; }

/* Helper Styles */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}