/** Stylesheet
 *
**/

html {
  overflow-y: hidden;
}

body {
  margin: 0;
  padding: 0;
  font-family: tahoma;
  background-color: #CCCCCC;
}

#wrap-admin {
  position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px;
}

#wrap-sidebar {
  position: absolute; top: 0; left: 0; bottom: 0; z-index: 4;
  width: 200px;
  background-color: #5C101A;
  background-position: 0 32px;
  background-repeat: no-repeat;
}
.wrap-sidebar-judy  { /* background-image: url(/images/location_judgejudy.jpg); */ }
.wrap-sidebar-joe   { /* background-image: url(/images/location_judgejoe.jpg);  */ }

#judge-image {
	margin-top: 32px;
	border: 0;	
}

#wrap-sidebar ul {
  list-style: none;
  margin: 15px 0 0 0; /*200px 0 0 0*/
  padding: 0;
  color: #EEEEEE;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

#wrap-sidebar ul li {
  margin: 0;
  padding: 0;
  line-height: 100%;
}

#wrap-sidebar ul li.header {
  margin: 5px 0 2px 0;
  text-indent: 6px;
}

#wrap-sidebar ul li.sub {
  font-weight: normal;
}

#wrap-sidebar ul li a {
  display: block;
  padding: 3px 0 3px 0;
  width: 100%;
  color: #EEEEEE;
  text-indent: 10px;
  text-decoration: none;
  line-height: 100%;
}

#wrap-sidebar ul li.sub a {
  text-indent: 16px;
}

#wrap-sidebar ul li a.current {
  color: #000;
  background-color: #EEEEEE;
}

#wrap-sidebar ul li a:hover {
  color: #000000;
  background-color: #CCCCCC;
}

#wrap-sidebar #site-credits {
  position: absolute; bottom: 0;
  padding: 3px 0 3px 0;
  width: 100%;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

#wrap-sidebar #site-credits:hover {
  color: #000000;
  background-color: #EEEEEE;
}

#switch-judge-link {
  display: block;
  position: absolute; top: 0; left: 0; z-index: 999;
  padding: 8px;
  width: 184px;
  height: 16px;
  color: #EEEEEE;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  line-height: 14px;
  text-decoration: none;
}

#switch-judge-link:hover {
  color: #D01515;
  background-color: #EEEEEE;
}

#site-admin {
  position: relative;
  margin: 0 auto 0 auto;
  width: 970px;
  height: 100%;
  background-color: #EEEEEE;
  border: 2px solid #000000;
  border-width: 0 2px 2px 0;
}

#site-admin-content {
  overflow: auto;
  position: absolute; top: 32px; right: 0; bottom: 0; left: 200px;
  width: 770px;
  /* height: 100%; */
}

#page-header {
  position: relative; z-index: 5;
  margin: 0;
  padding: 5px;
  color: #F09E44;
  font-size: 18px;
  text-align: right;
  text-transform: uppercase;
  letter-spacing: 3px;
  background-color: #5C101A;
}


#content-options {
  position: relative;
  margin: 15px 18px 0 25px;
  /* position: absolute; top: 15px; left: 25px; right: 35px; */
  height: 30px;
  border: 1px solid #AAAAAA;
}

#content-options #content-options-header {
  float: left;
  display: block;
  margin: 4px 10px 0 5px;
  color: #AAAAAA;
  font-size: 17px;
}

#content-options a {
  display: block; float: left;
  margin: 7px 15px 0 0;
  color: #D01515;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}

#content-options a:hover {
  color: #505050;
}

#content-messages {
  /*position: relative;*/
  margin: 5px 25px 0 25px;
  /*height: 49px;*/
}

#content-messages-indicator {
  display: block;
  float: right;
  /* position: absolute; top: 5px; right: 5px; */
  margin: 5px 5px 5px 0;
  padding: 5px 15px 5px 15px;
  color: #CC2525;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
  background-color: #F0DFDF;
}

.positive #content-messages-indicator {
  color: #258025;
  background-color: #DFF0DF;
}


#content-messages ul {
  list-style: none;
  list-style-position: inside;
  margin: 0 80px 0 0;
  padding: 5px;
  font-size: 11px;
}

#content-messages ul li {
  margin: 3px;
  padding: 0;
  line-height: 100%;
}

.positive {
  background-color: #EFFAEF;
  border: 1px solid #258025;
}
.negative {
  background-color: #FAEFEF;
  border: 1px solid #CC2525;
}


#content {
  position: relative;
  margin: 5px 18px 0 25px;
  padding-bottom: 25px;
  font-size: 11px;
}

#content h2 {
  margin: 0;
  padding: 3px;
  color: #EEEEEE;
  font-size: 12px;
  text-indent: 2px;
  background-color: #5C101A;
  border-bottom: 1px solid #AAAAAA;
}

table.regular {
  position: relative;
  margin: 0 0 10px 0;
  background-color: #AAAAAA;
}

table.regular a {
  color: #0000AA;
  text-decoration: none;
}

table.regular a:hover {
  color: #757575;
}

table td {
  vertical-align: middle;
  padding: 2px 5px 2px 2px;
  white-space: nowrap;
  background-color: #EEEEEE;
}

table.regular .header{
  font-weight: bold;
  background-color: #DDDDDD;
}
table.regular .center {
  padding: 2px 5px 2px 5px;
  text-align: center;
}
table.regular .right {
  padding: 2px 2px 2px 5px;
  text-align: right;
}

table.regular .wrap {
  white-space: normal;
}

table.regular .top {
  vertical-align: top;
}

table.regular .primary {
  width: 100%;
}

table.regular .warning,
table.regular .inactive {
  color: #CC2525;
  background-color: #F0DFDF;
}

table.regular .active {
  color: #258025;
  background-color: #EFFAEF;
}

table.regular .invisible {
  display: none;
}

table.regular .option-link {
  display: inline-block;
  margin: 0 10px 0 10px;
  color: #D01515;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
}
table.regular .option-link:hover {
  color: #505050;
}

table.regular .divider {
  background-color: #757575;
}

table.regular select,
table.regular input,
table.regular textarea {
  font-size: 11px;
}

table.regular textarea {
  font-family: tahoma;
}


/**
 *  2014 - for login
 *
**/

table.fullsize { width: 100%; }

table td.header, tr.header td { font-weight: bold; }

table td.dark-1, tr.dark-1 td   { background-color: #BBBBBB; }
table td.dark-2, tr.dark-2 td   { background-color: #CCCCCC; }
table td.dark-3, tr.dark-3 td   { background-color: #DDDDDD; }
table td.dark-4, tr.dark-4 td   { background-color: #EEEEEE; }
table td.dark-5, tr.dark-5 td   { background-color: #F5F5F5; }

table td.divider, tr.divider td { background-color: #757575; }