/**********************   Global   **********************/


div
{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin: 0px;
  padding: 0px;
}

a, a:link, a:visited
{
  color: #D4361F;
  white-space: nowrap;
  text-decoration: none;
}

a:focus
{
    outline: none;
}

a:hover
{
  text-decoration: underline;
}

html
{
  height: 100%;
}

body
{
  text-align: center;
  font: 12pt/16pt arial,sans-serif;
  height:100%;
  background-color: #E6E8FE;
  background-image: url("../images/site/gradient.gif");
  background-repeat: repeat-x; margin: 0px;
  color: #223;
  z-index:0;
}

img
{
  border:0px;
  -ms-interpolation-mode:bicubic;
}


#editor img
{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}



form
{
  display: inline
}

:focus { -moz-outline-style: none; }


h1
{
  font-size: 150%;
  color: #4A4A8A;
  margin-top:10px;
  font-family: tahoma,arial,sans-serif;
  letter-spacing: -1px;
}


hr, .hrule
{
    border: 0px;
    width: 100%;
    margin: 24px 0px;
    height: 2px;
    color: #E1E1F2;
    background-color: #E1E1F2;
}


/**********************   Common   **********************/




#maincontent
{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:910px; /* 766 */
  position:relative;
  min-height: 100%;
  background-color: #fff;
  padding: 0px 16px 0px 16px;
  border: solid 1px #8D96BC;
  border-width: 0px 1px 0px 1px;
  z-index:0;
}


#chrome
{
  height: 62px;
  position: relative;
  margin:0px;
  padding:0px;
}

#nojavascript
{
  background-color: #F30;
  padding:6px 0px 4px 0px;
  font: 12pt/14pt arial,sans-serif;
  color: #fff;
  display: block;
  width: 100%;
  text-align:center;
  z-index: 2000;
  position: absolute;
  top: 0px;
}

#logo
{
  position: absolute;
  bottom: 5px;
  left: 10px;
}

#tagline
{
    position: absolute;
    color: #606090;
    font-style: italic;
    font-weight: bold;
    top: 24px;
    left: 200px;
    font-size: 105%;
    margin:0px;
}

#loginregisterbig
{
   position: absolute;
   right: 2px;
   top: 16px;
   font-size: 110%;
   font-weight: bold;
}

#loginregisterbig a
{
     color: #E65B23;
}

#loginregisterbig #loginlink
{
   height: 30px;
   padding: 0px 20px;
   text-align: center;
}

#loginregisterbig #registerlink
{
    text-align: center;
    padding: 0px 20px;
}

#marcherdivider
{
   position: absolute;
   top: 16px;
   right: 92px;
}

#footer
{
  padding-top:16px;
  border-top: solid 2px #B9BFD8;
  margin-top:24px;
  margin-bottom: 16px;
  text-align:center;
}

#footer #links
{
  font-size: 110%;
}

#footer #links a
{
  text-decoration: none;
}

#footer #links a:hover
{
  text-decoration: underline;
}


#footer #copyright
{
  color: #2E326C;
  text-align:center;
  margin-top: 10px;
  font-size: 75%;
  text-transform: uppercase;
  position: relative;
  left: 4px;
}

#footer #copyright a
{
  color: #2E326C;
  border-bottom: solid 1px #AEB0CF;
}

#footer #copyright a:hover
{
  text-decoration: none;
}

#loginregister
{
  position:absolute;
  right:12px;
  top:4px;
  font-size: 10pt;
  color: #616161;
}

#loginregister a
{
  text-decoration: none;
}

#loginregister a:hover
{
  text-decoration: underline;
}

#toptabrow
{
  position: absolute;
  right: 8px;
  bottom: 0px;
  width: 100%;
  text-align: right;
}

#toptabrow table
{
  position: absolute;
  right: 0px;
  bottom: -8px;
}

.toptaboff
{
  margin-right: 4px;
  position:relative;
  bottom:5px;
  font-size: 105%;
  font-weight: bold;
  padding: 6px 42px 6px 42px;
  background-color: #9BC5A1;
  color: #436D49;
  background-image: url("../images/site/toptab_bg.gif");
  background-repeat: repeat-x;
  margin: 0px;
  border: solid 2px #81B488;
  border-bottom: 0px;
  display:block;
  cursor: pointer;
}

.toptabon
{
  margin-right: 4px;
  position:relative;
  bottom:5px;
  font-size: 105%;
  font-weight: bold;
  background-image: url("../images/site/toptab_bg.gif");
  background-repeat: repeat-x;
  margin: 0px;
  background-position: 0px -33px;
  background-color: #4F9A59;
  padding: 6px 42px 6px 42px;
  border: solid 2px #81B488;
  border-bottom: 0px;
  display:block;
  cursor: pointer;
}

.toptabon a, .toptabon a:visited, .toptabon a:hover
{
  color: #fff;
  text-decoration: none;

}

.toptaboff a, .toptaboff a:visited, .toptaboff a:hover
{
  color: #436D49;
  text-decoration: none;
}

#headerrule
{
  border-top: solid 2px #B9BFD8;
  margin:12px 0px 20px 0px;
}

#headerrulenoeditor
{
  border-top: solid 2px #4F9A59;
  margin:0px 0px 0px 0px;
}


#editor
{
  padding: 0px;
  border: solid 6px #4F9A59;
  position: relative;
  width: 876px; /* 732 */
  height: 462px; /* 432 */
  overflow: hidden;
  background-color: #79C182;
  z-index:2;

	-webkit-border-top-left-radius-top: 3px;
	-webkit-border-top-right-radius-top: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius-top-left: 3px;
	border-radius-top-right: 3px;
}

#turfshade
{
  top: 0px;
  left: 0px;
  position: absolute;
  width: 864px;
  height: 100%;
  z-index: 2;
  background-color: #85C58C;
  opacity: 0.50;
  -ms-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}

#hashX
{
  display:none;
  position: absolute;
  left: 0px;
  top: 204px;
  z-index: 5;
  border-top: dashed 2px white;
  height: 1px;
  width: 100%;
}

#hashY
{
  display:none;
  position: absolute;
  left: 300px;
  top: 0px;
  z-index: 5;
  border-left: dashed 2px white;
  width: 1px;
  height: 100%;
}


.marcher
{
  position:absolute;
  overflow:hidden;
  opacity: 1.0;
  -ms-filter: alpha(opacity=100);
}

.equipment
{
  position:absolute;
  overflow:hidden;
  opacity: 1.0;
  -ms-filter: alpha(opacity=100);
}


.marcherhighlight
{
  background-color: green;
  opacity: 0.35;
  filter: alpha(opacity=35);
  height: 36px;
  width: 18px;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
}


#loaddata
{
  display:none;
}

#loaddatadiv
{
  display:none;
}

#turf
{
  height: 100%;
  width: 100%;
  background-image: url("../images/show/turf.gif");
  z-index:  -1;
  position: absolute;
  top: 0px;
  left: 0px;
}

.turfbg
{
  height: 100%;
  width: 100%;
  background-image: url("../images/show/turf.gif");
  z-index:  -1;
  position: absolute;
  top: 0px;
  left: 0px;
}

#field
{
  position: absolute;
  z-index: 0;
  left: 0px;
  top: 0px;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.yardline
{
  width: 16px;
  height: 100%;
  background-color: #CBE3CE;
  position:absolute;
  top: 0px;
  z-index: 2;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#rpc, .rpc
{
  visibility:hidden;
  position: absolute;
  top: 0px;
  z-index:-1000;
  height: 1px;
  width: 1px;
}

#iewarning
{
   background-color: #DD4F2E;
   font-size: 80%;
   font-weight: bold;
   color: #fff;
   text-align: center;
   padding: 8px 0px;
   position: absolute;
   bottom: 0px;
   z-index: 5000;
   width: 100%;
}

#iewarning a
{
    color: #fff;
    text-decoration: underline;
}


/**********************   Design Page   **********************/



#editorcontrols
{
  width: 876px;
  position: relative;
  z-index: 10;
}

#actionmessage
{
  visibility: hidden;
  display:none;
  color: #fff;
  font-weight:bold;
  font-size:140%;
  background-color: #C06412;
  padding:12px;
  text-align:center;
  z-index:2500;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;

  opacity: 0.8;
  filter: alpha(opacity=80);
}

#setslabel
{
  position: absolute;
  left: 18px;
  top: 6px;
  width: 80px;
  text-align: center;
  white-space: nowrap;
   line-height: 100%;
   color: #A6E0AD;
}

#setsvalue
{
   color: #fff;
   font-weight: bold;
}

#setarrows
{
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 18pt;
  display:none;
}

#setarrows a
{
  margin-left: 3px;
}

#setarrows a:hover
{
  color: #fff;
}

#setgraph
{
  position: relative;
  left: 106px;
  background-color: #40854F;
  border-top: solid 1px #347141;
  border-bottom: solid 1px #5FA56E;
  width: 716px; /* 676 */
  white-space: nowrap;
  overflow:hidden;
  vertical-align:top;
  height: 24px;
}

#setgraph .setblock
{
  position: relative;
  border-left:solid 1px #589564;
  border-right: solid 1px #C2E2C7;
  margin:0px;
  padding: 0px;
  background-color: #97D2A2;
  vertical-align:top;
}


#setgraph .setblock img
{
  height:0px;
}


#editorcontrols #shim
{
  height: 3px;
  background-color: #286033;
}


#editorcontrolsets
{
  width: 876px;
  position: relative;
  font-size: 14pt;
  color: #D1E8D6;
  padding: 4px 0px 4px 0px;
  background-color: #4F935C;
  border-top: solid 3px #5DA06A;
  border-bottom: solid 3px #3E7E4A;
  text-align:left;

	-webkit-border-bottom-left-radius-top: 3px;
	-webkit-border-bottom-right-radius-top: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius-bottom-left: 3px;
	border-radius-bottom-right: 3px;
}

#editorcontrolsets .hi
{
  background-color: #286033;
  padding: 0px 9px 0px 5px;
}

#editorcontrolsets a
{
  color: #D1E8D6;
  text-decoration: none;
}

#editorcontrolsets a.hi
{
  color: #fff;
  text-decoration: none;
}


#editorcontrollinks
{
  padding:8px 0px 8px 0px;
  background-color: #286033;
  width: 876px;
  position: relative;
  border-top: 0px;
  border-left: solid 6px #4F935C;
  border-right: solid 6px #4F935C;
}

#controllinks
{
  position: relative;
  height: 30px;
  top: -8px;
  left: -5px;
}

#controllinks .controllink
{
  position: absolute;
  border: 0px;
  width: 180px;
  margin-top: 6px;
  text-align:center;
}

#controllinks .controllink, #controllinks a.controllink:link
{
  position: absolute;
  top: 0px;
  border: solid 1px #467C50;
  cursor:pointer;
  height: 34px;
  padding: 0px;
  background-image: url("../images/site/editor_button_bg.gif");
  background-repeat: repeat-x;

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

#controllinks #stoplink
{
  visibility:hidden;
}

#controllinks #playlink
{
  visibility:visible;
}

#controllinks .editorbuttonlabel
{
  color: #DFD13A;
  font-size: 110%;
  text-decoration: none;
  position: relative;
  top: 5px;
}

#controllinks .controllink a
{
  font-size: 140%;
  text-decoration: none;
  color: #DFD13A;
  position: relative;
  top: 7px;
  background-color: #287537;
}

a.controllink:hover
{
   text-decoration: none;
}

#toolmenubutton
{
  position: absolute;
  font-weight: bold;
  left: 10px;
  top: 6px;
  border:solid 1px #467C50;
  padding: 5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
  color: #B0D5B7;
  background-image: url("../images/site/editor_button_bg.gif");
  background-repeat: repeat-x;
  z-index:5000;
  width: 130px;
  font-size: 80%;

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

a#toolmenubutton
{
  text-decoration: none;
}

#toolmenubutton2
{
  position: absolute;
  font-weight: bold;
  left: 80px;
  top: 6px;
  border:solid 1px #467C50;
  padding: 5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
  color: #B0D5B7;
  background-image: url("../images/site/editor_button_bg.gif");
  background-repeat: repeat-x;
  z-index:5000;
  width: 70px;
  font-size: 80%;

  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
a#toolmenubutton2
{
  text-decoration: none;
}


#setstatus
{
  position: absolute;
  right: 138px;
  font-size: 75%;
  top: 10px;
  line-height:12pt;
  color: #A1CCA9;
}


#setstatus .bar
{
  background-color: #3E7D4A;
  width: 54px;
  height: 14px;
  text-align: left;
  border-top: solid 1px #548C5E;
  border-left: solid 1px #548C5E;
}

#setstatus .barprogress
{
  background-color: #90CC86;
  height: 100%;
}


#setstatus #pace
{
  width: 54px;
  text-align: center;
  position: absolute;
  left: 0px;
  cursor:pointer;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
}

#setstatus #pace:hover
{
  color: #fff
}

#setstatus #pause
{
  width: 54px;
  text-align: center;
  position: absolute;
  left: 64px;
  cursor:pointer;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
}
#setstatus #pause:hover
{
  color: #fff
}


#setstatus #pacebar
{
  width: 0%;
}

#setstatus #pausebar
{
  width: 0%;
}


#toolmenu, #toolmenu2
{
  background-color: #CBDDCD;
  border: solid 2px #286033;
  position: absolute;
  bottom: 78px;
  left: 6px;
  z-index:2005;
  display: none;
  width: 200px;
  padding: 8px 0px 0px 0px;
}

#toolmenu2
{
    left: 76px;
}

#toolmenu a .optionlabel, #toolmenu2 a .optionlabel
{
  padding: 4px 0px 4px 14px;
}
#toolmenu a, #toolmenu2 a
{
  position: relative;
  color: #286033;
  text-decoration: none;
  font-size:15pt;
  line-height: 20pt;
  width: 100%;
  display:block;
  padding: 4px 0px 4px 0px;
}
#toolmenu a:hover, #toolmenu2 a:hover
{
  color: #fff;
  background-color: #3A9E47;
}

a#menupublishlink
{
  xcolor:#C64833;
  font-weight: bold;
}
a#menupublishlink:hover
{
  xbackground-color: #C64833;
  color: #fff;
}

a#menufreezelink
{
  xfont-weight: bold;
  xcolor: #58588A;
}
a#menufreezelink:hover
{
  xbackground-color: #58588A;
  color: #fff;
}


#toolmenu .menudivider, #toolmenu2 .menudivider
{
  height: 2px;
  background-color: #A9CCAD;
  margin: 4px 0px 4px 0px;
}

#snapshotbuttonbar
{
   width: 876px;
  position: relative;
  font-size: 14pt;
  color: #D1E8D6;
  padding: 16px 0px;
  background-color: #4F935C;
  border-top: solid 3px #5DA06A;
  border-bottom: solid 3px #3E7E4A;
  text-align:center;
  margin-bottom: 48px;
}

#snapshotbuttonbar a
{
    padding: 4px 32px;
    background-color: #F3D52F;
    color: #6D6329;
  border: solid 2px #F9E67B;
  border-color: #F9E67B #CDB119 #CDB119 #F9E67B;
}

#snapshotbuttonbar a:hover
{
    text-decoration: none;
}

#fieldshade
{
  background-color: #fff;
  width: 740px;
  height: 100%;
  z-index: 1000;
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  top: 0px;
  left: 0px;
}


#selectbox
{
  position:absolute; top: 1px; border: dotted 1px white;
  visibility: hidden;
  z-index:3;
}

.snaplabel
{
  font:12pt/12pt arial,sans-serif;
}

#newsetindicator
{
  width:220px;
  padding: 8px 0px 10px 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: green;
  color: white;
  font: 12pt/14pt arial,sans-serif;
  text-align:center;
  z-index: 2000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  visibility:hidden;
}


#showloading
{
  width: 100%;
  display:block;
  position: absolute;
  top: 180px;
  left: 0px;
  font-size: 360%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 3000;
  line-height: 110%
}

#setnumber
{
  width: 100%;
  display:none;
  position: absolute;
  top: 180px;
  left: 0px;
  font-size: 450%;
  font-weight: bold;
  color: #fff;
  text-align: center;
  opacity: 1.0;
  filter: alpha(opacity=100);
  z-index: 3000;
  padding: 20px;
}

#saving
{
  display:none;
  visibility: hidden;
  color: #fff;
  font-weight:bold;
  font-size:150%;
  background-color: #C06412;
  padding:12px;
  text-align:center;
  z-index:2500;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}


#saving a#savecancel
{
  color: #E38F45;
  text-decoration: underline;
  font-size: 60%;
  margin-left: 20px;
}

#editstatus
{
  display: none;
  color: #286033;
  font-weight:bold;
  font-size:110%;
  z-index:2000;
  position: absolute;
  bottom: 12px;
  right: 20px;
}

#metastatus
{
  display: none;
  color: #286033;
  font-weight:bold;
  font-size:100%;
  z-index:2000;
  position: absolute;
  bottom: 12px;
  left: 20px;
}

#bandsetup
{
  position: absolute;
  z-index:3;
  top: 260px;
  text-align:center;
  width:100%;
}

#bandsetup img
{
  margin-left: 24px;
}

.setpin
{
  position: absolute;
  z-index: 3;
  height:2px;
  width: 2px;
  background-color: #2F883B;
  overflow:hidden;
}

#showresultspopup
{
    width: 460px;
    border: solid 5px #4F9A59;
    position: absolute;
    z-index: 1000;
    top: 90px;
    left: 200px;
    background-color: #fff;
    display: none;
}

#resultheader
{
    background-color: #58588A;
    padding: 14px 0px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

#showresultspopup table
{
    margin: 20px 0px 8px 20px;
}


#showresultspopup #showresultslink
{
   margin-bottom: 16px;
   position: relative;
   top: -8px;
   font-size: 100%;
   text-align:center;
}


#showresultspopup table td
{
    padding-bottom: 12px;
    color: #58588A;
}

.showresulticon
{
   background-image: url("../images/site/show_result_icon.png");
   height: 50px;
   width: 58px;
   z-index: 5;
   overflow: hidden;
}

.showresulticonsub
{
   font-size: 50%;
   text-transform: uppercase;
   text-align: center;
   margin-top: 2px;
}

.showresultmsg
{
   font-size: 110%;
   color: #58588A;
   font-weight: bold;
   margin-left: 20px;
   position: relative;
   top: -5px;
}

#showresultclosebutton
{
   width: 100%;
   padding: 10px 0px;
   text-align: center;
   border-top: solid 1px #B4B4D4;
   color: #58588A;
   cursor: pointer;
}

.resultval
{
   font-size: 130%;
   color: #E65B23;
   margin: 0px 6px;
   letter-spacing: -1px;
}






#showsharepopup
{
    width: 460px;
    border: solid 5px #4F9A59;
    position: absolute;
    z-index: 1000;
    top: 90px;
    left: 200px;
    background-color: #fff;
    display: none;
}

#showshareheader
{
    background-color: #58588A;
    padding: 14px 0px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

#showshareclosebutton
{
   width: 100%;
   padding: 10px 0px;
   text-align: center;
   border-top: solid 1px #B4B4D4;
   color: #58588A;
   cursor: pointer;
}

#sharecontent
{
   text-align: center;
   padding: 24px 0px 36px 0px;
   font-weight: bold;
}

#sharecontent img
{
    position: relative;
}

#shareurl
{
    color: #339;
    margin-bottom:24px;
    font-weight: normal;
}

#shareurllabel
{
   margin-bottom: 4px;
}

#shareurladdress
{
   background-color: #E3E4F1;
   color: #224;
   font-size: 70%;
   border: solid 1px #BCC1DA;
   padding: 8px;
   text-align: center;
   font-weight: normal;
   width: 80%;
   margin: 0px auto;
   white-space: nowrap;

}

.shareicon
{
   height: 32px;
   width: 32px;
   z-index: 5000;
   overflow: hidden;
   position: relative;
   left: 0px;
   top: 0px;
   text-align: center;
   display: inline-block;
}

.sharelabel
{
   margin-top: 4px;
}

#sharecontent table
{
   margin: 0px auto;
}

#sharecontent td
{
   vertical-align: top;
   text-align: center;
   font-weight: normal;
   width: 80px;
   font-size: 80%;
}



#joinshowcasepopup
{
    width: 512px;
    border: solid 5px #4F9A59;
    position: absolute;
    z-index: 1000;
    top: 112px;
    left: 180px;
    background-color: #fff;
    display: none;
}

#joinshowcaseheader
{
    background-color: #58588A;
    padding: 14px 0px;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

#joinshowcaseclosebutton
{
   width: 100%;
   padding: 10px 0px;
   text-align: center;
   border-top: solid 1px #B4B4D4;
   color: #58588A;
   cursor: pointer;
}

#joinshowcasecontent
{
   padding: 24px 20px 36px 20px;
   overflow: auto;
   height: 280px;
}


table#designhelp
{
   width: 100%;
   margin-top: 0px;
   margin-bottom: 16px;
}

table#designhelp td
{
    vertical-align: top;
}

.designhelptitle
{
  color: #D8ECDC;
  background-color: #40854F;
  padding: 8px 0px 8px 0px;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}

.designhelpcontent
{
  background-color: #DDEBDF;
  border: solid 4px #BDD3C0;
  border-top: 1px;
  font-size: 105%;
  height: 200px;
  color: #286033;
}

.designhelpcontent > td
{
  padding: 20px;
}

.designhelpcontent table tr td
{
  font-size: 90%;
  color: #286033;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 12px;
}

.designhelpcontent .shortcutkey
{
  display: inline-block;
  *display: inline;

  width: 26px;
  padding: 4px 0px;
  text-align: center;
  border: solid 1px #80B089;
  border-width: 1px 2px 2px 1px;
  margin-bottom: 4px;
  margin-right: 4px;
}

.designhelpcontent .shortcutlabel
{
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *position: relative;
  *top: -5px;
  *left: 4px;
}

.designhelpcontent p
{
   margin: 0px 0px 10px 0px;
}

/**********************   View Page   **********************/


#indoorgradient
{
  width: 100%;
  height: 92px;
  background-image: url("../images/show/indoor_gradient.png");
  background-repeat: repeat-x;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
}


#fieldgradient
{
  width: 100%;
  height: 100%;
  background-image: url("../images/show/field_gradient.png");
  background-repeat: repeat-x;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 4;
}

#editoroverlay
{
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  top: 0px; left:0px;
}

#editoroverlay .shade
{
  background-image: url("../images/site/top_shade.png");
  background-repeat: repeat-y;

  width: 100%;
  height: 70px;
  z-index: 1000;
  position: absolute;
  top: 0px;
  left:0px;
}

#editoroverlay #content
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 420px;
  z-index: 1001;
}

#editoroverlay #showinfo
{
  position: absolute;
  top: 18px;
  left: 26px;
  opacity: 1.0;
  -ms-filter: alpha(opacity=100);
}

#editoroverlay #showinfodrop
{
  position: absolute;
  top: 20px;
  left: 24px;
  opacity: 1.0;
  filter: alpha(opacity=100);
}

#editoroverlay h1#title
{
  font-family: arial,sans-serif;
  font-size: 22pt;
  color: #fff;
  line-height:110%;
  display:inline;
  font-weight: bold;
  letter-spacing: 0px;
}

#editoroverlay #titledrop
{
  font-size: 22pt;
  color: #1D3E1F;
  line-height:110%;
  font-weight: normal;
  display: none;
}

#editoroverlay #author
{
  font-size: 12.5pt;
  font-weight: normal;
  color: #fff;
  line-height: 16pt;
  line-height:100%;
  margin-left: 12px;
}

#editoroverlay #authordrop
{
  font-size: 12.5pt;
  font-weight: normal;
  line-height: 16pt;
  color: #333;
  line-height:100%;
  text-decoration: none;
  margin-left: 12px;
    display: none;
}

#editoroverlay #author a
{
  color: #fff;
  text-decoration: underline;
}

#editoroverlay #author a:hover
{
  text-decoration: none;
}


#editoroverlay #playbutton
{
  position:absolute;
  right: 30px;
  top:16px;
}

#editoroverlay #playbutton #inner
{
  position:relative;
  line-height: 100%;
  padding: 8px 40px 8px 40px;
  padding-bottom: 7px\9; /* ie only */
  background-color: #4D8B53;
  border: solid 1px #B1D9B5;
  border-width: 1px 1px 1px 1px;
  color: #fff;
  text-decoration:none;
  font-size: 120%;
  cursor: pointer;

}

#editoroverlay #playbutton #inner:hover
{
  border-color: #EDF6EE;
}


#playcontrols a
{
  color: #fff;
}


#nextshowlink
{
  text-align:center;
  font: 20pt/22pt arial,sans-serif;
  height: 40px;
  padding: 12px 0px 24px 0px;
  display: none;
}

#nextshowlink a
{
  text-decoration: none;
  margin: 10px 0px;
}

#seriesname
{
  font: 14pt/16pt arial,sans-serif;
  position: relative;
  top: -30px;
  color: #669;
}
#seriesname a:hover
{
  text-decoration: underline;
}

.vote td
{
  font-size: 12pt;
  color: #18118A;
  text-align:center;
}

#modnotice
{
  position: absolute;
  bottom: 5px;
  left: 8px;
  width: 200px;
  padding:5px;
  color: #013400;
  font-size: 11pt;
  white-space:nowrap;
  z-index:2000;
  font-weight: bold;
}

#noshowindicator
{
  color: #fff;
  font-weight:bold;
  font-size:130%;
  background-color: #343069;
  padding:12px;
  text-align:center;
  z-index:2500;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#designmenuheader
{
  color: #fff;
  font-weight:bold;
  font-size:130%;
  background-color: #2F7230;
  padding:16px;
  text-align:center;
  z-index:2500;
  position: absolute;
  top: 8px;
  left: 0px;
  width: 100%;
}


#voting
{
  visibility: hidden;
  display:none;
  color: #fff;
  font-weight:bold;
  font-size:130%;
  background-color: #C06412;
  padding:12px;
  text-align:center;
  z-index:2500;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}


#savebox
{
  display:none;
  text-align:center;
  padding: 20px 40px 20px 40px;
  width: 500px;
  font: 15pt/16pt arial,sans-serif;
  background-color: green;
  opacity: 0.9; filter: alpha(opacity=90);
  color: #fff;
  position: absolute;
  top: 20px;
  left: 180px;
  z-index: 2000;
  border: solid 6px #136B15;
  font-weight: bold;

	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#savebox .textfield
{
  width: 400px;
  font: 14pt/16pt arial,sans-serif;
  margin-bottom: 12px;
  margin-top: 4px;
  font-weight: bold;
   letter-spacing: -1;
   color: #121;
   background-color: #fff;
   border: solid 2px #4F9A59;
}

#savebox #buttons
{
  margin-top: 0px;
  margin-bottom: 0px;
}

#savebox #buttons input
{
  padding: 4px 0px;
  font-weight: bold;
  font-size: 90%;
  color: #333;
}

#savebox #showDescription
{
  margin-bottom: 10px;
  width: 400px;
  height: 80px;
  font: 11pt/14pt arial, verdana, sans-serif;
  padding: 12px;
  font-weight: bold;
   color: #121;
   background-color: #D3EFD6;
   border: solid 3px #4F9A59;
}

#savebox #exhibitiondiv
{
  font-size: 80%;
  text-align: left;
  width: 80%;
  margin: 0px auto 0px auto;
}

#bottomarea
{
   height: 16px;
}

#demobottom
{
    padding: 16px 0px;
    text-align: center;
    font-size: 110%;
    color: #333;
}



#commentsframe
{
  width: 538px;
  height: 340px;
}

#commentsdiv
{
  position: absolute;
  z-index: 1000;
  left: 160px;
  top: 80px;
  visibility: hidden;
  border: solid 3px #4C9055;
  padding: 0px;
  background-color: #fff;
}

.bodycomment #toplinks
{
  background-color: #396F40;
  font-size: 120%;
  position: relative;
  z-index: 1010;
  height: 48px;
}

.bodycomment #toplinks #title
{
    color: #fff;
    font-weight: bold;
    font-size: 110%;
    position: absolute;
    top: 13px;
    left: 18px;
}

.bodycomment #toplinks a.commenttopbutton
{
    position: absolute;
    top: 9px;
    left: 174px;
    display:none;
    padding: 4px;
    text-align: center;
    width: 180px;
    color: #fff;
    font-size: 70%;
    font-weight: bold;
    border: solid 1px;
    background-color: #43994E;
    border-color: #79C480 #26612E #26612E #79C480;
}


.bodycomment #toplinks a:hover
{
    text-decoration: none;
}

.bodycomment #toplinks a#closelink
{
    position: absolute;
    top: 9px;
    right: 10px;
    display:inline-block;
    background-color: #418549;
    padding: 4px 20px;
    border: solid 1px;
    border-color: #599D61 #24562B #24562B #599D61;
    color: #BFE0C3;
    font-size: 80%;
    font-weight: bold;
    text-decoration: none;
}

.bodycomment #toplinks a#closelink:hover
{
   color: #fff;
    border: solid 1px;
        background-color: #43994E;
    border-color: #79C480 #26612E #26612E #79C480;
}

.bodycomment #commentsouter
{
   padding: 15px 10px 10px 20px;
   width: 100%;
}


#comments
{
  display:none;
  overflow: auto;
  height: 260px;
}


#newcomment
{
   visibility: visible;
   position: absolute;
   top: 18px;
   left: 40px;
   z-index:1001;
   width: 460px;

}

.bodycomment
{
    text-align: left;
    margin-right: 0px;
    background-color: #fff;
    background-image:none;
}

.comment
{
  border-top: solid 1px #D4DAEB;
  padding: 10px 0px 10px 0px;
  margin-right: 20px;
}

.commentdate
{
  color: #999;
  margin-left: 15px;
  font-size: 80%;
}
a.commentauthor, a.commentauthor:visited
{
  text-decoration: none;
}
a.commentauthor:hover
{
  text-decoration: underline;
}

.commentshowdeschead
{
    color: #5B6B99;
    margin-top: 8px;
    font-weight: bold;
}

#commentshowdesc
{
  margin-bottom: 16px;
}

.commenttext
{
  color: #223;
  margin: 14px 0px 10px 0px;
  line-height: 150%;
}


#newcommenthead
{
  margin-top:60px;
  margin-bottom: 6px;
  color: #2C4079;
  font-size:120%;
}

#commentfield
{
  width: 100%;
  height: 100px;
  margin-top: 4px;
  padding: 14px;
  color: #2C4079;
  font: 14pt/21pt arial,sans-serif;
  border: solid 4px #eee;
}

#commentloading
{
  visibility: hidden;
  display:none;
  color: #ddd;
  font-weight:bold;
  font-size:300%;
  text-align:center;
  z-index:2500;
  position: absolute;
  top: 210px;
  width: 100%;
  line-height: 120%;
}

#commentbuttondiv
{
    margin-top: 4px;
    text-align: center;
    vertical-align: bottom;
    font-size: 80%;
    color: #555;
    width: 100%;
}

#commentbutton
{
   font-weight: bold;
   padding: 4px 0px;
   width: 180px;
   vertical-align: middle;
}

#commentbuttonnote
{
  color: #5B9663;
  margin-top: 30px;
  margin-left: 16px;
  font-size: 80%
}

#commentnote
{
  color: #5B9663;
  margin-top: 26px;
  text-align:center;
}

#commentnote a
{
    position: relative;
    top: -14px;
}

#showdesc
{
  position: absolute;
  z-index: 1100;
  left: 192px;
  top: 80px;
  background-color: #38703B;
  border: solid 2px #38703B;

  color: #fff;
  width: 480px;
  display:none;
  opacity: 1.0;
  -ms-filter: alpha(opacity=100);
}
#showdesc #titlebar
{
  background-color: #519B58;
  padding: 2px 0px 4px 20px;
  color: #C8E4CA;
  font-size: 80%;
}

#showdesc #showdesctext
{
  position: relative;
  padding: 0px 20px 0px 20px;
  height: 160px;
  overflow: auto;
  font-size: 110%;
  line-height: 26px;
  color: #fff;
  margin-top: 12px;
}

#showdesc #showdesctext a
{
  color: #FFD512;
}

#showdesc a#closebutton
{
   text-align: center;
   display:block;
   margin-top: 16px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
   padding: 8px;
   border:solid 1px #8BBF92;
   background-color: #519B58;
}
#showdesc a#closebutton:hover
{
   border-color: #B5DBBA;
}


/**********************   Home Page   **********************/




#welcome
{
  position: absolute;
  top: 26px;
  left: 24px;
  z-index:3;
  width: 230px;
}

#welcome h1
{
  margin: 0px 0px 20px 0px;
  color: #4A4A8A;
  font-size: 150%;
  font-weight:bold;
  white-space:nowrap;
  letter-spacing: -1px;
  font-family: tahoma,arial,sans-serif;
}

#welcome h2
{
  margin: 0px 0px 20px 0px;
  color: #4A4A8A;
  font-size: 160%;
  font-weight:bold;
  white-space:nowrap;
  letter-spacing: -1px;
  font-family: verdana,arial,sans-serif;
}


#hometopic
{
  background-color: #5FA568;
  margin-top: 0px;
  border: solid 2px #498951;
  margin-bottom: 16px;
  padding: 12px 0px 14px 0px;

  position: absolute;
  top: 26px;
  left: 24px;
  z-index:3;
  width: 230px;
  text-align: center;
  font-size: 90%;
  color: #286033;
  display: none;
}

#hometopic a
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 110%;
}

#hometopic a:hover
{
  text-decoration: underline;
}


#welcome div
{
  color:#133417;
  font-size: 90%;
}

#welcome .homewelcome
{
  background-color: #5AA263;
  margin-top: 0px;
  border: solid 2px #589960;
  z-index: 3;
  position: relative;
  margin-bottom: 16px;
  padding: 24px 0px 18px 0px;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}

#welcome .homewelcome #subtext
{
    font-size: 120%;
    color: #FFDE6A;
    margin-top: 12px;
    font-weight: bold;
}


#welcome #signuplink
{
    margin-top: 16px;
    padding: 24px 0px 26px 0px;
    font-size: 100%;
    border-width: 4px;
    border-color: #589960;
    color: #DBF0DE;
    display: block;
    font-weight: bold;

    background-color: #6B70A3;
    border-color: #5F6499;
    color: #E2E3F0;
}

#welcome #signuplink:hover
{
    text-decoration: none;
    border-color: #484F8E;
    background-color: #575D99;
}

#welcome a#homedesignlink
{
    display:block;
    text-align: center;
    padding: 14px 0px 13px 0px;
    background-color: #4C8855;
    color: #DBF0DE;
    text-decoration: none;
    font-size: 110%;
    margin-bottom: 0px;
    font-weight: bold;
}

#welcome a.welcomelink
{
  color:#fff;
  text-decoration:none;
  display:block;
  margin: 0px 0px 2px 3px;
  font-weight:bold;
  position: relative;
}


#welcome a.showtitle
{
  color: #fff;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  overflow: hidden;
}
#welcome .showauthor
{
  color: #fff;
  text-decoration: none;
  font-size: 80%;
  position: relative;
  top: -4px;
}

#welcome #showsthisweek
{
  color: #3D7A45;
  font-size: 130%;
  font-weight: bold;
  margin-top: 10px;
}
#welcome .rule
{
  height: 2px;
  background-color: #8ED297;
}

#homevid
{
   border: solid 0px #70B378;
   margin-top: 0px;
   position: relative;
}


a#newannounce
{
  font-size:80%;
  color:#e22;
  right: 50px;
  display:inline;
  position: absolute;
  text-decoration: none;
}

a#newannounce:visited
{
  display:none;
}


#finalists
{
  position: absolute;
  top: 28px;
  left: 323px;
  z-index:3;
  width: 480px;
}
#finalists h2
{
  margin: 0px;
  color: #4A4A8A;
  font-size: 140%;
  font-weight:bold;
  white-space:nowrap;
  letter-spacing: -1px;
  font-family: verdana,arial,sans-serif;
  margin-bottom: 24px;
}

a.more
{
  position: relative;
  font-size: 70%;
  margin-left: 14px;
  font-family: arial, sans-serif;
  color: #C0322C;
  text-decoration: none;
}

a.more:hover
{
  text-decoration: underline;
}

.morenolink
{
  color: #205827;
  font-size: 60%;
}

#finalists #theme
{
  color: #205827;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 90%;
  position: relative;
  left: 3px;
}

#finalists #showlistoptions
{
   display: inline;
   margin-left: 20px;
   font-size: 75%;
}


#finalists #showlistoptions a
{
  text-decoration: none;
  color: #4A4A8A;
}

#finalists #linkrow
{
  margin: 10px 0px 20px 0px;
  white-space: nowrap;
}

#finalists #linkrow a
{
  color: #fff;
  text-decoration: none;
  color: #4A4A8A;
  font-weight: bold;
}


#bottomlinks
{
   position: absolute;
   top: 600px;
   z-index: 3;

}

#bottomlinks a
{
   display: block;
   margin: 8px 0px;
   font-size: 110%;
}

a#homefbbutton
{
    display: block;
    margin-top:32px;
    color: #fff;
    font-size: 100%;
    line-height: 0px;
    font-weight: bold;
    background-color: #4F9A59;
    padding:8px 0px;
    border: solid 2px #428B4C;
    border-width: 1px 2px 2px 1px;

	  -webkit-border-radius: 4px;
	  -khtml-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
}

a#homefbbutton:hover
{
   text-decoration: none;
}


/******* with thumb *********/


.showthumb
{
   background-repeat: no-repeat;
   height: 78px;
   width: 153px;
   position: absolute;
   z-index: 5;
   overflow: hidden;
   left: 1px;
   top: 6px;
   border: solid 2px #4F9959;
   border-width: 1px 1px 2px 2px;

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.showthumb .thumbinner
{
   position: relative;
   height: 78px;
   width: 153px;
   left: 0px;
   top: 0px;
   z-index: 5;
}

#finalists .show
{
  color: #fff;
  position: relative;

  height: 91px;
  padding:0px;
  cursor: pointer;
  border-bottom: solid 1px #92CA98;
}

#finalists .show .info
{
  left: 170px;
  top:18px;
  position: absolute;
  overflow: hidden;
  width: 290px;
  z-index: 3;
}

#finalists .show a.showtitle
{
  color: #fff;
  text-decoration: none;
  font-size: 145%;
  font-weight: bold;
  line-height: 110%;
  letter-spacing: -1px;
}


#finalists .show .showauthor
{
  color: #fff;
  text-decoration: none;
  font-size: 80%;
  margin-left: 1px;
  margin-top: 2px;
}

#finalists .show  .featurebg
{
      position: absolute;
      z-index: 1;
      background-color: transparent;
      width: 100%;
      height: 100%;
      opacity: 0.15;
      filter: alpha(opacity=15);
}

/******* without thumb *********/


#finalists .showflat
{
  color: #fff;
  border-bottom: solid 1px #97CD9E;
  position: relative;
  height: 48px;
  padding:0px;
  cursor: pointer;
}

#finalists .showflat .info
{
  left: 50px;
  top:12px;
  position: absolute;
  overflow: hidden;
}

#finalists .showflat a.showtitle
{
  color: #fff;
  text-decoration: none;
  font-size: 135%;
  font-weight: bold;
  line-height: 110%;
}


#finalists .showflat .showauthor
{
  color: #fff;
  text-decoration: none;
  font-size: 80%;
  margin-left: 10px;
}

#finalists .showflat .isnew
{
  color: #E9EA7D;
  font-size: 90%;
  position: absolute;
  right: 10px;
  top: 12px;
  font-weight: bold;
  font-family: verdana,arial,sans-serif;
}

/*************************/



#finalists #showlist
{
  overflow: auto;
  width: 510px;
  height: 340px;
}

#finalists #featurediv
{
  overflow:auto;
  height: 340px;
  width: 510px;
  padding-right:0px;
  position: relative;
  margin-top: 0px;
}


#topjudges
{
  position: absolute;
  top: 26px;
  left: 24px;
  z-index:3;
  width: 220px;
  margin-top: 0px;

}

#topjudges h2
{
  margin: 0px 0px 28px 0px;
  color: #4A4A8A;
  font-size: 140%;
  font-weight:bold;
  white-space:nowrap;
  letter-spacing: -1px;
  font-family: verdana,arial,sans-serif;
}

#topjudges .judge
{
  position: relative;
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 100%;
}

#topjudges .judge a.judgename
{
  position: absolute;
  left: 5px;
  color: #fff;
  text-decoration: none;
}


#topjudges .judge .votes
{
  color: #3D7A45;
  text-align: right;
  width: 222px;
}

.showicon
{
   background-image: url("../images/site/show_icon.gif");
   background-repeat: no-repeat;
   height: 32px;
   width: 32px;
   position: absolute;
   z-index: 5;
   overflow: hidden;
   left: 2px;
   top: 7px;
}



.showactionicon
{
   background-image: url("../images/site/show_action_icons.png");
   height: 16px;
   width: 16px;
   z-index: 5;
   overflow: hidden;
   position: relative;
   left: 0px;
   top: 1px;
}


#showbuttons
{
     cell-spacing: 0px;
     border: solid 2px #4F9A59;
     border-top: 0px;
     background-color: #9BC5A1;
     width: 100%;
     border-spacing: 0px;
}

#showbuttons td.button
{
    padding: 10px 0px;
    text-align: center;
    vertical-align: middle;
    border-left: solid 2px #91B396;
    border-right: solid 2px #AFD6B5;
    color: #32703A;
    font-weight: bold;
    cell-spacing: 0px;
    margin: 0px;
    position: relative;
    cursor: pointer;
}

#showbuttons td.button table
{
    color: #32703A;
    font-weight: bold;
    margin: 0 auto;
}


#showbuttons td.button td
{
    color: #32703A;
    font-weight: bold;
}


.boughtit #favoriteLabel
{
   color: #fff;
}

.boughtit .showactionicon
{
   background-position: -32px 0px;
}

.roundtop
{
	-webkit-border-top-left-radius-top: 3px;
	-webkit-border-top-right-radius-top: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-radius-top-left: 3px;
	border-radius-top-right: 3px;
}

.roundbottom
{
	-webkit-border-bottom-left-radius-top: 3px;
	-webkit-border-bottom-right-radius-top: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-radius-bottom-left: 3px;
	border-radius-bottom-right: 3px;
}


.homeheader, .tourheader
{
   background-color: #4F9A59;
   width: 107%;
   height: 50px;
   position: relative;
   border: solid 1px #4F9A59;

   font-size: 105%;
   font-weight: bold;
   text-align: center;
   color: #DBF0DE;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#topshowheader
{
   width: 512px;
}

#topshowheader h2, #judgeheader h2, .tourheader h2, #homelinkheader h2
{
   color: #DBF0DE;
   font-size: 125%;
   margin:0px;
   line-height: 125%;
   position: absolute;
   top: 10px;
   text-align: left;
   left: 22px;
}

#judgeheader, #homelinkheader
{
  margin-bottom: 18px;
  width: 103%;
}

#judgeheader h2, #homelinkheader h2
{
  text-align: center;
  font-size: 105%;
  width: 100%;
  left: 0px;
  top: 13px;
}

#topshowheader #topshowlinks
{
   position: absolute;
   top: 0px;
   right: 18px;
   font-size: 95%;
}

#topshowlinks a, #topshowlinks a:visited
{
   padding: 14px 14px;
   color: #DBF0DE;
   margin: 0px;
   vertical-align: middle;
   display: inline-block;
}


#joincallout
{
   background-color: #64A76B;
   width: 106%;
   padding: 16px 0px 17px 0px;
   position: relative;
   vertical-align: middle;
   border: solid 1px #589960;

   font-size: 125%;
   font-weight: bold;
   text-align: center;
   color: #DBF0DE;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


a#joinbutton
{
   padding: 8px 0px;
   font-size: 125%;
   line-height: 125%;
   text-decoration: none;
   display: block;
   width: 180px;
   vertical-align: middle;
   text-align: center;
   margin: 0px auto;
}

a#joinbutton:hover
{
   border: solid 1px #FFF5D4;
   border-bottom: solid 1px #F0DD9B;
   border-left: solid 1px #F0DD9B;
   cursor: pointer;
}

#homead
{
   padding: 20px 0px 10px 0px;
   text-align: center;
   font-weight: normal;
   font-size: 100%;
}

#homesidelinks a
{
    color: #fff;
    font-weight: bold;
    margin-top: 4px;
    display: block;
    margin-left: 8px;
}

#homefeaturesublinks
{
   text-align: center;
   margin-top: 24px;
   padding: 16px 0px;
   background-color: #6AAE73;
   width: 510px;

	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	border: solid 1px #4F9A59;
}

#homefeaturesublinks a
{
    color: #fff;
    font-weight: bold;
    margin-left: 24px;
    font-size: 110%;
}


/**********************   Misc   **********************/


#help
{
  font: bold 16pt/18pt arial,sans-serif;
  position: absolute;
  top: 6px;
  left: 0px;
  z-index: 2000;
  text-align:center;
  background-color: #393;
  color: #fff;
  width: 100%;
  padding:14px 0px 14px 0px;
  visibility:hidden;
}

#help a
{
  color: #FDE43B;
  font-size: 80%;
}

#groupselect
{
  font-size: 120%;
  font-weight: bold;
  position: absolute;
  padding: 12px 0px;
  top: 80px;
  left: 250px;
  z-index: 2000;
  color: #fff;
  width: 360px;
  background-color: #78B77F;
  border: solid 4px #4F9A59;
}

#groupselect .groupselectoption
{
   height: 50px;
   position: relative;
   vertical-align: middle;
   cursor: pointer;
}

#groupselect .groupselectoption .showicon
{
    left: 40px;
    top: 7px;
}

#groupselect a
{
  color: #fff;
  left: 100px;
  top: 12px;
  width: 100%;
  position: absolute;
  display: block;
  line-height: 130%;
}



#groupselect a.continueshow
{
  left: 32px;
}

#groupselect a.continueshow:hover
{
  text-decoration: underline;
}

#groupselect a:hover
{
    text-decoration: none;
}

#groupselectoptions
{
   position: relative;
   visibility: visible;
}

#menuloading
{
    display: none;
    color: #fff;
    text-align: center;
    font-size: 200%;
    position: absolute;
    z-index: 2000;
    width: 100%;
    top: 62px;
    line-height: 200%;
}

#agreement
{
  z-index:3;
  position: absolute;
  left: 20px;
  top: 14px;
  color: #28592E;
  font-weight: bold;
}

#agreement li
{
  color: #fff;
}

#agreement a
{
  color: #fff;
  font-size: 90%;
}

#regform
{
  z-index: 3;
  position: absolute;
  left: 410px;
  top: 34px;
 color: #fff;
}

#nocookie
{
  background-color: #F30;
  padding:6px 0px 4px 0px;
  font: 12pt/14pt arial,sans-serif;
  color: #fff;
  display: block;
  width: 100%;
  text-align:center;
  z-index: 2000;
  position: absolute;
  top: 0px;
  display:none;
}

#login
{
  z-index: 3;
  position: absolute;
  left: 280px;
  top: 54px;
  color: #fff;
}

#searchfield
{
    width:300px;
    padding:3px;
    font-size: 120%;
}

#searchbutton
{
    width:80px;
    font-size: 100%;
    height:30px;
}


#login input {  border: solid 1px #509159;   }
#login  .field
{
  width: 300px;
  font-size:120%;
  color: #223;
  height: 36px;
  padding: 4px 4px 4px 4px;
  line-height: 100%;
}
#login  .fieldrow
{
  margin-bottom:12px;
  font-weight: bold;
  font-size: 125%;
}
#login #loginbutton
{
  display: inline-block;
  margin-top: 16px;
  background-color: #4F9A59;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
  padding: 4px 62px;
  text-align: center;
  border: solid 1px #2F7539;
}

#loginbutton:hover
{
   cursor: pointer;
   text-decoration: none;
}

/**********************   Judging   **********************/


#showqueue
{
  position: absolute;
  top: 80px;
  left: 200px;
  z-index: 3;
}

#showqueue li
{
  list-style: none;
  padding-bottom: 10px;
}

#showqueue li a
{
  color: #fff;
  font-size: 140%;
}

#votepanel
{
  margin-top: -75px;
  font-size: 150%;
  visibility:hidden;
  position: absolute;
  z-index:10000;
  width:100%;
}

#votepanel #voterow
{
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  width:100%;
  left: -16px;
}

#votepanel a.votenum
{
  text-decoration: none;
  border: solid 1px #306537;
  background-color: #407B48;
  padding: 8px 12px 8px 12px;
  border-bottom-width: 3px;
  color: #63A96D;
  position:relative;
  top: 5px;
}

#votepanel a.votenum:hover
{
  color: #fff;
  background-color: #3CB14C;
}


#showlinksleft
{
  position: absolute;
  margin-top:4px;
  font-size: 120%;
  color: #223;
  left: 30px;
}


#judgecountnum
{
  font-weight: bold;
}
#judgecount a
{
  text-decoration: none;
}
#judgecount a:hover
{
  text-decoration: underline;
}

#showinforight
{
  position: absolute;
  right: 30px;
  font-size: 110%;
  color: #195A21;
  margin-top: 4px;
}

#showinforight a
{
  text-decoration: none;
}

#showinforight a:hover
{
  text-decoration: underline;
}




/******************** Profile **********************/


#profile
{
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 3;
    color:#133417;
}

#profile h1
{
  font-size: 150%;
  color: #4A4A8A;
  margin-top:10px;
}

#profile h2
{
  font-size: 150%;
  color: #AB3030;
  margin-top:10px;
}

#profile a
{
  color: #AB3030;
}

#profile .savedshowaction
{
  font-size: 60%;
  color: #4A4A8A;
  margin-left: 16px;
}

#profile #usershows
{
  position: absolute;
  left: 310px;
  top: 0px;
  color: #fff;
}

#profile #usershows #showlist
{
  height: 320px;
  width: 340px;
  overflow: auto;
  padding: 8px;
  color: #fff;
}

#profile #usershows .show
{
  color: #fff;
  margin-bottom: 10px;
}

#profile #usershows .show a
{
  font-weight: bold;
  color: #fff;
}

#profile #usershows .show a.edit
{
  font-weight: normal;
  color: #DC2F1B;
  font-size: 90%;
}

#profile #usershows .showdetail
{
  font-size: 80%;
}

.profilecommentbody
{
  font: 10pt/18pt tahoma, arial,sans-serif;
  padding: 8px 0px 16px 0px;
}

.profilecommenttop
{
  margin-bottom: 8px;
  font-size: 90%;
}


.feedfavorite
{
  background-color: #D0F2BC;
  color: #59A959;
  padding: 4px;
  text-align: center;
}

.feedicon
{
   background-position: 0px -16px;
   display: inline-block;
   display: inline\9; /* ie only */
   margin-right: 4px;
   top: 4px;
}



/******************** FORUM *****************/


#forumleft
{
  width: 136px;
  vertical-align: top;
  border-right: dotted 1px #aaa;
}

#forumleft a
{
   display:block;
   margin-bottom: 6px;
   font-size: 100%;
   text-decoration: none;
}

#forumleft a:hover
{
   text-decoration: underline;
}

#forumleft h2
{
   color: #51516B;
   font-size: 70%;
   font-weight: bold;
   margin-top: 32px;
}

.forumlefthr
{
   border-top: dotted 1px #ccc;
   margin:22px 0px 22px 0px;
   height: 0px;
   width: 90%;
}

#forummiddle
{
  width: 20px;
}

#forumright
{
  vertical-align: top;
  position: relative;
  width: 600px;
}

#forumtextarea
{
  padding: 10px;
  font: 12pt/16pt arial,sans-serif;
  width: 100%;
  height: 200px;
}


h1#threadtitle, h2.threadheader
{
   font: bold 20pt/20pt tahoma,arial,sans-serif;
   color: #4D4D77;
   letter-spacing: -1px;
   margin-top: 8px;
}

.forumcomment
{
  font: 10.5pt/18pt tahoma, arial,sans-serif;
  color: #223;
  padding: 6px 0px 6px 0px;
  border-bottom: dotted 1px #aac;
}

.forumcomment .commentbody
{
  font: 10.5pt/18pt tahoma, arial,sans-serif;
  padding: 16px 0px 28px 0px;
}

.forumcommentdate
{
  margin-left: 20px;
  color: #999;
}


.forumcomment .commenttop
{
  margin-bottom: 10px;
}

.forumbuttonhint
{
  color: #668;
  font-size: 90%;
  margin-left: 20px;
}

.forumbottommsg
{
    color: #999;
    text-align: center;
    font-weight: bold;
    padding: 30px;
}


.indexthreadstarter
{
  font-size: 90%;
  margin-left:10px;
}

#starttopic
{
  position:absolute;
  right: 60px;
  margin-top: 20px;
  font-weight:bold;
  font-size:100%;
}

td.indexthreadtitle
{
  white-space: nobreak;
  width: 330px;
}

td.indexthreadtitle a
{
  font-size: 110%;
  text-decoration: none;
  width: 100%;
  display:block;
}

td.indexthreadtitle a:hover
{
  text-decoration: underline;
}


.indexthread
{
  width: 100%;
}

.indexthread tr
{
}

.indexthread a:visited
{
  color: purple;
}

tr.indexthreadrow td
{
  padding: 7px 0px 7px 0px;
  border-bottom: dotted 1px #ccc;
  color: #444;
  font-size: 70%;
  white-space: nowrap;
}

tr.indexthreadrow td a
{
  font-size: 130%;
}

.forumlabel
{
  font-weight: bold;
  color: #444;
}

#chatcallout
{
   background-color: #F1F1F7;
   padding: 10px 10px 14px 10px;
   width: 80%;
   border: solid 1px #D8D8E7;
   border-width: 1px 0px 1px 0px;
}

.namestar
{
  font-size: 80%;
  color: #777;
  position: relative;
  top: -1px;
}

.postlinks
{
   margin-left: 22px;
}

.postlinks a, .postlinks a:visited
{
   font-size: 80%;
   color: #aaa;
   margin-left: 16px;
}

.postlinks a:hover
{
  color: #c33;
}



/************************ Profile **************************/


#profiletop
{
   margin-top: 14px;
   height: 172px;
   position: relative;
   padding-left: 12px;
}

#topstats
{
  font-size: 80%;
}

#topstats td
{
   padding-right: 10px;
   padding-top: 4px;
}

.topstatval
{
   font-weight: bold;
   font-size: 130%;
   position: relative;
   line-height: 100%;
}

#profilelinks
{
    position: absolute;
    top: 10px;
    right: 10px;
    padding-bottom: 6px;
    border-bottom: solid 1px #eee;
}

#groupcallout
{
  position: absolute;
  right: 8px;
  bottom: 46px;

  text-align: center;
  cursor: pointer;
  background-color: #7ABA87;

  background-position: 0px -8px;

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#groupcallouthighlight
{
   opacity: 0.10;
   -ms-filter: alpha(opacity=10);
   filter: alpha(opacity=10);
   margin:0px;
   position: absolute;
   display: block;
   width: 100%;
   top: 0px;
   bottom: 0px;
   height: 30px;
   background-color: #fff;
}

#groupcalloutinner
{
  padding: 4px 22px 4px 8px;
  position: relative;
  min-width: 254px;
}


#groupcallout a
{
   text-decoration: none;
   font-size: 120%;
   color: #fff;
   font-weight: bold;
}

#groupcallout a:hover
{
   text-decoration: none;

}


#groupcallout .drummajor
{
  position: absolute;
  top:0px;
  width: 18px;
  height: 36px;
  overflow: hidden;
}


#profileimgcontainer
{
   text-align: center;
   float: left;
   margin-right: 16px;
   margin-left: 1px;
   position: relative;
   padding: 0px;
}

#profileimgcontainer td
{
    vertical-align: middle;
    padding: 0px;
    margin:0px;
}


#profiletop
{
}

#profiletop #maininfo
{
  padding-top: 10px;
}

#profiletop #username
{
   font-family: verdana,arial,sans-serif;
   color: #C62B23;
   letter-spacing: -1px;
   font-size: 180%;
}

#profilebottom
{
   height: 320px;
}

#allstats
{
    border: solid 1px #ccd;
    background-color: #f0f0f6;
    padding:20px 22px 22px 22px;
    float: right;
    height: 310px;
    margin-right: 8px;
    width: 260px;
    position: relative;
    -webkit-box-sizing: border-box;
}

#allstats table
{
   top: -1px;
   position: relative;
   left: 6px;
}

#allstats td
{
   padding-right: 12px;
   color: #223;
   font-size: 80%;
}

#allstats td.val
{
   font-weight: bold;
   color: #414156;
   font-size: 90%;
}

#profiletabs
{
   position: relative;
   border-bottom: solid 1px #7C7A96;
   margin-bottom: 12px;
}

.profiletab
{
   padding: 2px 24px 3px 24px;
   display:inline-block;
   padding: 6px 24px 6px 24px\9; /* ie only */
   display: inline\9; /* ie only */
   top: -4px\9; /* ie only */
   margin-left: 4px;
   margin-right: 0px;
   margin-bottom: 0px;
   background-color: #979CC6;
   border: solid 1px #7E83A3;
   border-bottom-width: 0px;
   color: #202342;
   font-weight: bold;
   font-size: 90%;
   position: relative;
   cursor: pointer;
}

.profiletab a, .profiletab a:visited
{
  text-decoration: none;
  color: #202342;
}

.profiletab a:hover
{
  text-decoration: none;
}

.tabcontent
{
   display: none;
   height: 320px;
   position: relative;
}

.patches
{
  position: absolute;
  top: 30px;
}

.patches td
{
  padding-bottom: 3px;
}

.patches.trophies td
{
  padding-bottom: 0px;
}

.patch
{
  width:20px;
  height:20px;
  background-image: url("../images/site/patch.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.award
{
  width:26px;
  height:26px;
  background-image: url("../images/site/award.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.patchname
{
   font-size: 80%;
   font-weight: bold;
   padding-left: 4px;
}

#about
{
   padding: 16px 16px 16px 24px;
   height: 310px;
   width: 580px;
   margin-left: 16px;
   border: solid 1px #dde;
   overflow: auto;
   font-size: 80%;
   color: #224;
   line-height: 150%;
   font-family: tahoma;
   -webkit-box-sizing: border-box;
}

#aboutblank
{
   padding: 16px;
   height: 310px;
   text-align: center;
   color: #999;
   font-weight: bold;
   border: solid 2px #ddd;
   width: 590px;
   position: absolute;
   top:0px;
}

#tabshows #shows
{
   padding: 16px;
   height: 320px;
   position: relative;
}

#tabshows #shows .show
{

}

.showtable
{
  margin-left: auto;
  margin-right: auto;
}

.showtable td
{
   border-bottom: solid 1px #eee;
   padding: 4px 26px 4px 0px;
}

.groupshows
{
   width: 100%;
}

.groupshows td
{
   font-size: 90%;
   padding: 4px 20px 4px 0px;
}

#allshows td
{
   font-size: 90%;
}

#frozenshows td
{
   font-size: 90%;
}

#tabshows
{
   text-align: center;
}


#ttababout
{
   margin-left: 8px;
}

.tabmenu
{
   position: absolute;
   top: 10px;
   left: 20px;
   text-align: left;
   width: 200px;
}

.tabmenu a, .tabmenu a:visited
{
   display: block;
   padding: 8px 0px 8px 12px;
   border-bottom: dotted 1px #ccc;
   width: 146px;
   color: #40407A;
}

.subtabcontent
{
  display:none;
  position: absolute;
  right: 0px;
  width: 680px;
  height: 320px;
  overflow: auto;
  padding-top: 14px;
}

.photoplaceholder
{
   height: 200px;
   width: 200px;
   background-color: #eee;
   border: solid 2px #ddd;
}

#gallerycaption
{
   margin-left: auto;
   margin-right: auto;
   width: 640px;
   text-align: left;
   font-size: 70%;
   line-height: 150%;
   border: solid 1px #ddd;
   padding: 6px 12px;
   color: #666;
   margin-top: 20px;
}


.tabscroll
{
   height: 290px;
   overflow: auto;
}


.tabmenudivider
{
  height: 320px;
  border-right: dotted 1px #aaa;
  width: 1px;
  position: absolute;
  left: 177px;
  top: 10px;
}

.groupname
{
  font-size: 125%;
  color: #C62B23;
  white-space: nowrap;
}

.grouplocation
{
   font-size: 80%;
   margin-left: 3px;
   color: #fff;
   white-space: nowrap;
      line-height: 150%;
}

.welcomeoption
{
  background-color: #f6f6f6;
   border: solid 3px #eee;
   text-align: center;
   line-height: 150%;
   color: #666;
   font-size:120%;
   padding: 30px 0px 40px 0px;

}



/****************** GROUP VIEW  ***********************/



#grouppanel
{
    position: absolute;
    top: 0px;
     left: 0px;
     height: 450px;
     width: 289px; /* 432 - 144 + 1  */
     z-index: 700;
}

#grouppanelshade
{
    position: absolute;
   background-color: #030;

    opacity: 0.50;
    -ms-filter: alpha(opacity=50);
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
}

#grouppanelupper
{
    background-color: #4A854D;
    padding: 24px 12px 16px 12px;
}

#grouppanelupper #groupname
{
   color: #fff;
   line-height: 125%;
   margin-top: 16px;
   white-space: nowrap;
}

#grouppanelcontent
{
    position: relative;
    text-align: center;
    color: #A4C9A7;
}

#grouppanelcontent b
{
     color: #fff;
}

#grouplogo
{
     border: solid 4px #3D7640;
}

#director
{
     color: #fff;
}

a#director:hover
{
}

.grouppopup
{
     position: absolute;
     top: 36px;
     right: 60px;
     width: 450px;
     height: 350px;
     border: solid 4px #539D5D;
     z-index: 1000;
     display: none;
}

.grouppopup .contentinner
{
     position: relative;
}
.grouppopup .popupheader
{
    background-color: #3D7841;
    height: 42px;
    position: relative;
}

.grouppopup .popupheader .popuptitle
{
    color: #fff;
    font-size: 120%;
    position: absolute;
    top: 10px;
    left: 20px;
    font-weight: bold;
}

.grouppopup .popupheader .popupclosebutton
{
    color: #fff;
    font-size: 90%;
    position: absolute;
    top: 8px;
    right: 12px;
    font-weight: bold;
    background-color: #39A147;
    border: solid 1px #288B35;
    border-color: #4BC05B #288B35 #288B35 #4BC05B;
    padding: 2px 20px;
    cursor: pointer;
}

.grouppopup .popupcontentbg
{
    background-color: #fff;
    opacity: 0.92;
    -ms-filter: alpha(opacity=92);
    filter: alpha(opacity=92);
    height: 342px;
    width: 100%;
    position: absolute;
    top: 0px;
    z-index: -1;
}

.grouppopup .popupcontent
{
    color: #131;
    padding: 24px;
    height: 290px;
    font-weight: normal;
    line-height: 150%;
    overflow: auto;
    position: relative;
}

.grouppopup .aboutpopupheader
{
  padding-bottom: 24px;
  border-bottom: solid 1px #B7DFBB;
  margin-bottom: 24px;
  font-weight: bold;
}

#grouplinks
{
    margin-top: 24px;
    font-size: 90%;
}

#grouplinks a
{
    color: #F3D52F;
}

.nohover
{
   cursor: default;
}


/************************* COMMON *****************************/


a.glowbutton
{
   padding: 7px 0px;
   font: bold 10pt/10pt arial;

   left: 0px;
   text-decoration: none;
   display: block;
   width: 180px;
   vertical-align: middle;
   text-align: center;

   color: #947817;
   background-color: #FFD235;
   border: solid 1px #D2AA21;
   border-top-color: #FFE486;
   border-right-color: #FFE486;

   position: relative;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;


}

.glowbutton .glow
{
    background-color: #FFDE6A;
    height: 15px;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    display:block;
    z-index: 19;
}


.glowbuttontext
{
    position: relative;
    z-index: 20;
    color: #947817;
}

a.glowbutton:hover
{
    text-decoration: none;
}


/**/