@font-face {font-family:'Lato Thin'; src: url('/fonts/Lato Thin.woff2') format('woff2'), url('/fonts/Lato Thin.woff') format('woff'); font-weight: 275; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}
@font-face {font-family:'Lato'; src: url('/fonts/Lato Regular.woff2') format('woff2'), url('/fonts/Lato Regular.woff') format('woff'); font-weight: 275; font-style: normal; font-stretch: normal; uicode-range: U+0020-2044;}
@font-face {font-family:'Lato Light'; src: url('/fonts/Lato Light.woff2') format('woff2'), url('/fonts/Lato Light.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-2044;}

/* theme overrides */
.ui-widget-header                       {border-top:0; border-right:0; border-left:1px; background:#fff;}
.ui-tabs-nav				{background:#fff;}
.ui-tabs-anchor				{outline: none;}
.ui-tabs .ui-tabs-nav ul li 		{padding:0px; font-size:12px;}
.ui-tabs .ui-tabs-nav li a, 
  .ui-tabs.ui-tabs-collapsible 
  .ui-tabs-nav li.ui-tabs-selected a    {font-size: 10pt; padding: 0.2em 0.5em;}
.ui-tabs,
.ui-tabs .ui-tabs-panel 		{padding:0px; font-size:11pt;outline:0px; width:100%; border-top:solid 0px #ccc; border-left:solid 0px #ccc;}
.ui-widget .ui-state-active		{font-weight:bold;}
.ui-widget-content 			{border:0;}

.ui-widget 				{font-family: Lato,Arial,sans-serif; font-size: 1.0em;}
.ui-draggable-dragging  		{background:transparent;color:#300;z-index:1000;}
.ui-draggable				{background:#fff;width:120px;}
.ui-tabs-nav li.ui-tabs-selected a 	{border-bottom:0;}
.ui-tabs-panel				{margin-bottom:0px;}
.ui-accordion .ui-accordion-content-active { padding-top: 0; position:relative; top:-15px; padding-bottom: 0; }

.ui-dialog-titlebar {/*border: 0;*/  display: none;}
/* end theme overrides */


#resultshdg {width:260px; font-family:Lato,helvetica,sans-serif;font-size: 1.75em;height:60px; margin:0 auto;}
#resultscontent {width:220px; height:auto; margin:0 auto; line-height:30px; font-weight:bold;}

/* basic settngs for font face and size */
.hover		{background:transparent;color:#300;z-index:1000;}
body  {font-family: Lato, arial, sans-serif; font-size:1em; width:1200px; height:auto; margin:20px auto;  color:#300; border:solid 0px #ccc;}
a { outline: 0;}
button { border:1px solid #330000; background-color: #ffffff; font-weight:bold; font-size:1em;/*padding: 4px 4px;*/}
button:hover {background: #eee; font-size:1em;}
input {background:#fff; border:solid 1px #660000; padding:3px 3px 3px 5px; font-size:1em}
select  {background:#fff; border:solid 1px #660000; font-size:1em;}
option  {background:#fff !important; font-size:1em;}
label {display:inline-block; font-size:1em; width:auto; }
ul {list-style-type: none;}

#loader {display:none; opacity:0.2;  margin:0; position:absolute; left:50%; top:50%; ms-transform:translateY(-50%);transform: translateY(-50%);ms-transform:translateX(-50%);transform: translateX(-50%);z-index:1000;}
#hdrlinks {position:relative; top:-125px; display:none;}
#hdrlinks a {float:right; width:100px; padding-top:5px; text-decoration:underline; font-weight:bold; color:#333300; font-size:1em;}
#site-title {color:#300; font-size:5em; font-family:Lato Thin, helvetica,sans-serif; font-weight:bold; margin-top:40px; margin-bottom:50px; text-align:center;}
#content { width: 1000px; margin: 0 auto;}
#content h3 {text-align:left;}
#content a {color:#300; text-decoration:none;}
#content a:visited {color:#300}
.centered {text-align:center;}
.hidden {display:none;}
.bold {font-weight:bold}
.table {display:table;}
.row    {display:table-row; }
.cell   {display:table-cell;}
#errors {color: #c00; font-weight:bold; font-size:16px; list-style-type:none;}

.loginwrapper {margin: 0 auto; width:300px;}
.logintitle   {text-align:center; font-weight: bold;font-size: 1.5em;}
.loginform    {width:305px; margin-top:20px; text-align:center;}
.loginform div {height:30px; position: relative; left: -10px;margin-bottom:5px;}
.loginform div label {width:85px; font-weight:bold;}
.loginbutton {margin-top:20px; text-align:center;}
.username     {font-weight:bold; margin-right: 20px;} 
.password     {font-weight:bold; margin-right: 20px;}
.loginbutton button {width:100px;height:25px;margin-left:45px;}
#amenucontent {width:340px; margin:0 auto; }
#cmenucontent {width:340px; margin:0 auto; }
#smenucontent {width:340px; margin:0 auto; }
#omenucontent {width:340px; margin:0 auto; }

#commentcontent {width:710px; margin :0 auto;}
#commentcontent div {margin :0 auto; width:330px;}
form #commentcontent {font-weight:bold; margin-bottom:20px;}
#commenthdg {width:175px; margin:0 auto 25px auto;}
#commentfset {margin-top: 15px;}
#comments {width:710px;height:30px;}

#editcompcontent {width:575px; margin :0 auto;}
#editcomphdg {width: 145px; margin: 0 auto 25px auto;}
#complist {width:250px;}
#editcompcontent #competitionform {width:300px; display:none;float:left; margin-left:25px;}
#editcompcontent #complist {width:200px; float:left; text-align:left;border-right:0px solid #ccc;}
#compselector {font-weight:bold; width:100px; margin-left:20px;margin-right:5px;}
#monthselector {font-weight:bold;margin-left:20px; margin-right:5px;display:inline-block;}
#editcompetitorsmain {width:700px; margin:0 auto;}
#editcompetitoraccordion { border:solid 1px #aaa; clear:left; margin-left:10px; width:250px; float:left;height: 1200px; } 
#editcompetitoraccordion ul {list-style-type: none; position:relative; left:-25px; width:200px; overflow:hidden; z-index:1;} 
#editcompetitoraccordion li {color:#330000; font-family: Lato, Arial, sans-serif; font-size:1.1em; margin-left:40px; cursor:pointer;  width:200px;z-index:100;} 
#editcompetitoraccordion h3 {background:#fff; border:0 none; font-size:1.0em; font-weight:bold; height:20px; text-align:left; width:1.0em; position:relative; /*left:-15px;*/ width:25px;} 
#editcompetitoraccordion h3 a {width:10px;} 
#editcompetitoraccordion h3:hover {width:12px; font-weight:bold; border:0; background:#fff; color:#330000; text-decoration:underline;  cursor:pointer} 
#editcompetitorhelp {float:left; font-size: 1.2em; opacity:0.5; width: 400px; }
#editcompetitorhelp li {margin-bottom:5px;}
#competitorDetailForm {float:left; margin:10px auto 0 50px; padding:15px 15px 0 15px; width:280px; border:solid 1px #aaa; position:relative; top:200px;}
#competitorFormTitle {margin:0 auto; width:135px;font-size:1.2em;} 
#buttonholder {height:30px; margin: 20px 0 0 15px; cursor:pointer;} 
#formholder {width:400px; margin:0 auto; border:solid 0px #800;position:relative;left:130px;} 
#competitorDetailForm #formtitle {margin-bottom:20px;font-weight:bold;font-size:1.25em;} 
#competitorDetailForm div {margin-bottom:10px; width:402px;} 
#competitorDetailForm .inputrow {height:25px; width:290px; /*margin-bottom:10px;*/} 
#competitorDetailForm .label {display:inline-block; font-weight:bold; width:100px; float:left;} 
#cancelCompetitor {margin-left:180px};

form #divideForm {width:635px; margin:0 auto;}
#divideHeader {font-size:1.2em; font-weight:bold; margin:0 auto; text-align: center; padding-bottom: 25px; width:200px;}
#divide {width:100px; margin: 0 auto;}
#divideForm label {width:85px; font-weight:bold;}
#divideSelectors {width:635px; 
margin:0 auto;}
#divideForm #yearsel {margin-right:10px;}
#divideForm #year {margin-right:8px;}
#divideForm #yearsel label {width:20px; font-weight:bold; margin-right:15px;}
#divideForm #yearsel label {width:20px; font-weight:bold; margin-right:15px;}
#divideForm #compselector {display:inline-block; width:80px;}
#divideForm #monthsel label {width:45px; margin-right:0; font-weight:bold;}
#divbutton {width:80px;margin:20px auto;}
#divided {margin: 0 auto; width: 270px;}
.division {width:350px; text-align:left; margin:10px 0 10px 0; font-weight:bold;}
.division .div {width:180px;float:left; text-align:left; font-size:1em;}
.division .mean {width:80px; padding:0 0 5px 0px; font-size:1em;}
.division .total {width:80px; padding-left:25px; font-size:1em;}
#breaks {width:250px; margin:0 auto; text-align:right; position:relative;Left:-18px;}
#breaks label {width:185px; margin-right:7px;}
#breaks div {margin-top:20px;}
#break1, #break2 {text-align:right;}

#undivideHeader {font-size:1.2em; font-weight:bold; margin:0 auto 25px 0; margin:0 auto; text-align: center; padding-left: 93px; padding-bottom: 25px;}
#undivideForm {width:615px; margin:0 auto 0 auto; position:relative; left:15px}
#undivide {width:100px; margin: 0 auto;}
#undivideForm label {width:85px; font-weight:bold;}
#undivideForm #year {margin-right:5px;}
#undivideForm #yearsel label {width:20px; font-weight:bold;}
#undivideForm #compsel label {width:75px; font-weight:bold;}
#undivideButton {width:80px;margin:20px auto; position:relative; left:-15px}

.adminstrators           {width: 900px;  margin-left: auto;  margin-right: auto;  padding-bottom: 10px; font-weight:bold; display:inline-block;}
.administrator           {margin-bottom:15px;}
#admintitle             {font-weight:bold; margin-bottom:2px;}
#adminlist              {float:left; width:170px; margin-left:20px;}
.compentry              {width:220px; float:left; margin:0 5px 15px 25px;}
.compentry ul           {background: #fff; margin-top:3px;}
.compentry ul li        {background: #fff;}
/* Adminstrator edit form */
#adminHeader             {margin:0 auto 20px auto; width:145px;}
#adminHolder             {width:600px; margin:0 auto; position:relative; left:55px;}
#addAdminButton          {width:160px; float:left;}
#adminForm               {margin:20px auto; width:320px; float:left; position:relative; left:65px;}
#administratorFormHolder {display:block;}
#administratorFormHolder div {margin-bottom:10px;} 
#administratorFormHolder label {display:inline-block;font-weight:bold; width:120px;}
#administratorFormTitle {font-weight:bold; margin-bottom:15px;}
#administratorList {list-style-type:none;}
#administratorList li {cursor:pointer; position: relative;   left: -40px;   font-weight: bold;   line-height: 25px;}
#newadminbutton,
#saveadminbutton        {width:100px; height:25px;margin-right:30px;}
#assignAminHeader       {font-size:1.2em; font-weight:bold; margin:0 auto 25px auto; width:290px;}

.competitorhdg1		 {width:200px;text-align:left;position:relative;left:-284px;}
.competitorhdg2		 {width:200px;text-align:left;margin-right:5px;}
.administratorhdg1	 {width:180px; text-align:left; margin:0 5px 5px 0;}
.administratorhdg2	 {width:180px;text-align:left;margin: 0 5px 5px 0;}
.administratorhdg3	 {width:180px;text-align:left;margin-right:5px;}
.administratorhdg4	 {width:180px;text-align:left;margin-right:5px;}
.administratorhdg5	 {display:table-cell;text-align:left;}
.tabs	 {padding-bottom:30px; height:auto; width:1024px;}
.wrapper {text-align:left; width:100%;}
.show    {display:block;}
.hide   {display:none;}
-centered {text-align:center; width:900px;}

#editscoreshdg {font-size:1.2em;font-weight:bold; height:30px;margin:0 auto; width:90px;}
#scoresdata #editscoresselector {text-align:center}
#scoresdata #editscoresselector #year {font-size:1.2em; margin-right:5px;}
#scoresdata .scoreline {margin-bottom: 7px;}
#scoresdata .namecol {width:175px; font-size:1.2em; height:25px; display:inline-block; border:solid 0px #ccc;}
#scoresdata .cardcol {padding-right:5px; margin-left:26px; width:25px; text-align:right; display:inline-block;}
#scoresdata .cardHead {font-weight:bold; margin-left:32px; width:30px; text-align:center; display:inline-block; margin-bottom:3px;}
#scoresdata .cardHead2 {position:relative; left:33px; font-weight:bold;}
#scoresdata .cardHead3 {position:relative; left:57px; font-weight:bold;}
#scoresdata .cardHead4 {position:relative; left:38px; font-weight:bold;}
#scoresdata .cardHead5 {position:relative; left:74px; font-weight:bold;}
#scoresdata .wrapper1  {margin-top:20px; color:#300; width:380px; position:relative; top:25px; border:solid 0px #ddd; margin:0 auto;}
#scoresdata .wrapper2  {margin-top:20px; color:#300; width:445px; position:relative; top:25px; border:solid 0px #ddd; margin:0 auto;}
#scoresdata .wrapper3  {margin-top:20px; color:#300; width:560px; position:relative; top:25px; border:solid 0px #ddd; margin:0 auto;}
#scoresdata .wrapper4  {margin:20px auto 5px auto; color:#300; width:565px; position:relative; top:25px; border:solid 0px #ddd; font-weight:bold;}
#scoresdata .wrapper4  button {margin-right:20px;}
#scoresdata .wrapper5  {margin:20px auto 5px auto; color:#300; width:650px; position:relative; top:25px; border:solid 0px #ddd; font-weight:bold;}
#scoresdata .wrapper6  {margin:20px auto 5px auto; color:#300; width:695px; position:relative; top:25px; border:solid 0px #ddd; font-weight:bold;}
#scoresdata .wrapper12 {margin-top:20px; color:#300; width:692px; position:relative; top:25px; border:solid 0px #ddd; margin:0 auto;}
#scoresdata .bold      {font-weight:bold;}
#scoresdata .line1     {height:20px; margin-bottom:5px}
#scoresdata .line2     {height:20px; margin-bottom:20px}
#scoresdata #go        {margin-left:20px;}
#scoresdata .wrapper1  .cardHead {margin-left:30px;}
#scoresdata .wrapper3  .totalHead {margin-left:30px;}
#scoresdata .wrapper3  .meanHead {margin-left:30px;}
#scoresdata .wrapper12  .totalHead {margin-left:35px; font-weight:bold;}
#scoresdata .wrapper12  .meanHead {margin-left:27px; font-weight:bold;}
#scoresdata .line2 {margin-top:10px;}
#scoresdata #scoresbuttons {margin:20px auto;/*display:none;*/}
#scoresdata #scoresbuttons button {margin-right:20px; font-weight:bold;}
#sortable1, 
.sortable2,
/*.sortable3,*/
.sortable4 { background:#fff; color:black; font-weight:normal; border:0px solid #ccc; min-height:20px; list-style-type:none; margin:0; padding-bottom:10px; float:left;}
#sortable1, 
.sortable2 {border:solid 1px #ccc;}
.comptab2 .sortable2 {border-top:0; position:relative; top:10px;}
#sortable1 li,.sortable2 li {background:#fff; height:15px; /*margin:0 5px 0px 10px;*/ padding:2px 0 2px 10px; width: 125px; text-align:left; position:relative; left:-40px;}
.sortable1 {border:solid 0px #ccc;}
.sortable4 {margin-top:15px;} 
#complist {width:800px; float:left; text-align:left;border-right:0px solid #ccc;}
#complist div {font-size:1em; padding-bottom: 10px; font-weight:bold; cursor:pointer;}
.complink {font-size:1.1em; font-weight:bold; height:40px; width:230px; display:inline-block;}
.complink a {text-decoration:none; color:#300; width:230px; display:inline-block;}
.complink a:visited {color:#300;}

#comptab2  {border:0;}
#comptabs2 {background: #fff; border:0px solid #aaaaaa; float:left; height:600px; width:780px; position:relative; top:-22px; padding-bottom: 3px;;} 
.sortable2 {top:10px;}
#competitionform {width:490px; float:left; border:solid 0px #eee;}
#competitionform div {margin-bottom:15px;}
#competitionform .span1 {font-weight:bold; width:100px; display:inline-block;}
#competitionform select {width:100px;}
#competitionform #buttons button {margin-right:30px}

#newcompetitor  {width:auto; float:left; position:relative; left:145px;}
#assigncompetitorshdg {width:405px; margin:0 auto 20px auto; font-size:1.2em !important; text-align:center;}
#assigncompetitorssubhdg {position:relative;top:-2px; font-weight:bold;}
#competitoraccordion { clear:left; float:left; background:#fcfcfc;float:left; width:200px; border:1px solid #ccc; height:1100px;top:263px; padding-left: 10px; }
#compblockshdg {position:relative; top:-20px; left:0px; font-weight:bold;}
.compblock {width:180px;}
.compblock a {width:170px; font-weight:bold; text-align:left;}
#competitoraccordion ul {list-style-type: none; position: relative;left:-50px; width:154px; overflow:hidden; z-index:1;}
#competitoraccordion li {color:#330000; background:#fcfcfc; font-family: Lato, Arial, sans-serif; font-size:1em; margin-left:45px; cursor:pointer;  width:154px;z-index:100;}
#competitoraccordion h3 {background:#fcfcfc; border:0 none; font-size:1.0em; font-weight:bold; height:20px; text-align:left; width:1.0em; position:relative; left:-25px; width:175px;}
#competitoraccordion h3 a {width:10px;}
#competitoraccordion h3:hover {width:12px; font-weight:bold; border:0; background:#fff; color:#330000; text-decoration:underline;  cursor:pointer}
#competitoraccordion #sortable3 li,.sortable4 li {background:#fff; height:15px; margin:0 5px 0px 10px; padding:2px; font-size:1em; width: 200px; text-align:left; position:relative; left:-30px;}
#comptab li.ui-draggable.ui-droppable {display:inline-block;}
#competitoraccordion {li.ui-draggable.ui-droppable {display:inline-block; z-index:100;}
#competitorFormTitle {font-family: Lato, Arial, sans-serif; font-size:1.1em; font-weight:bold;}
#competitorDetailForm {width:auto; float:left;}
#competitorDetailForm #formHolder {margin:100px;}
#competitorDetailForm div {margin-bottom:20px;}
#competitorDetailForm input[type="text"] {width:200px;}
#competitorDetailForm label {font-weight:bold;display: block; width: 90px; float:left;}
#comptabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {cursor:text; background:#fff;}
#administratorFormHolder {margin:0 100px; font-weight:bold; width:490px; float:left; border:solid 0px #eee; display:none;}
#administratorFormTitle {font-size:1.2em;}
#administratorFormHolder div {margin-bottom:15px;}
#administratorFormHolder .span1 {font-weight:bold; width:100px; display:inline-block;}
#administratorFormHolder select {width:120px;}
#administratorFormHolder #buttons button {margin-right:30px}
#administratorFormHolder label {font-weight:bold;display: block; width: 90px; float:left;}
#cancelAdministrator {margin-left: 46px;}
#loader {height:150px; width:150px;border:solid 1px #f00;text-align:center; z-index:1000000;display:inline-block;}

/*#resultshdg {width:200px; font-size: 1.5em;font-weight:bold; height:60px; margin:0 auto;} */
#resultscontent {width:200px; height:auto; margin:0 auto; line-height:30px; font-weight:bold;}