* {
  padding: 0;
  margin: 0;
}

body {
	font: 11px Sans-Serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #FFFFFF;
}



a {
    color: #87b4d1;
}
a:visited {
    color: #87b4d1;
}


.box600 a,.box160 a {
    color: #214478;
}
.box600 a:visited,.box160 a:visited {
    color: #214478;
}

a.ui-button {
	color:#FFF;
}
a.ui-button:visited {
	color:#FFF;
}

#container {
    width: 100%;
	text-align: center; 
}

#container.withbackground {
    background-image: url(../images/background.jpg);  
    background-repeat:repeat-y;  
    background-position: top center;
    background-color: #000000;
}

#inner_container {
	width: 600px;  
	margin: 0 auto; 
	text-align: left;
	position: relative; /* give left+right something to hook onto */       
}

#leftContent {
  width:160px;
  position:absolute;
  left:-172px;
  top: 10px;
}

#rightContent {
  width:160px;
  position:absolute;
  right: -192px;
  top: 10px;
}

#mainContent {
    display: block;
    clear: both;
   	padding: 10px 10px 10px 10px;;
    min-height: 500px;
}


#header {
	width: 100%;
    height: 92px;            
    position: relative; 
    padding: 0px;
    border-bottom: 2px solid #214478;
    text-align: center; 
}

#headerContent {
    position: relative;
    text-align: right;
    margin: auto;
    width: 940px;
    height: 92px;    
}

#socialicons {
	height:48px;
}
#socialicons img {
	width:48px;
    height:48px;
}

#logotext {
	position: absolute;
	left: 195px;
	top: 60px;
}

#headerContentLogo {
    background-image: url(../images/logo.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    position:absolute;
    width:292px;
    height: 92px;
    top:0px;
    left:0px;
}

#headerContentLogoPro {
    background-image: url(../images/logopro.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    position:absolute;
    width:297px;
    height: 92px;
    top:0px;
    left:0px;
}

#headerContentLogoVenue {
    background-image: url(../images/logovenue.png);
    background-position: 10px 50%;
    background-repeat: no-repeat;
    position:absolute;
    width:351px;
    height: 92px;
    top:0px;
    left:0px;
}

#footer { 
    clear: both;		
    width: 100%;
 	padding: 0px;
    border-top: 1px solid #214478;
    border-bottom: 1px solid #214478;
    text-align: center; 
}
#footerContent {
	padding: 5px 10px 5px 10px;
    margin: auto;
    width: 940px;
}

h1
{
	clear: both;
    color: #260349;
	font-size: 18px;
	font-family: sans-serif, "Lucida Grande", Verdana, Arial;
}

h2
{
    clear: both;
	color: #260349;
	font-size: 16px;
	font-family: sans-serif, "Lucida Grande", Verdana, Arial;
}

/* --------------------------- */

table { border-collapse: collapse; }

tr th { border-bottom: 1px solid black; }

td { padding-left: 5px; padding-right: 5px; }

img { border: 0px; }

table input.submitbutton { float: right }

li {
  margin-left: 32px;
}

#mainnav { }
#mainnav .nav { }
#mainnav .activeuser { }
#subnav { 
  /*clear: both ;*/
}

#flash { 
  width:590px;
  padding: 5px;
  margin-bottom: 10px;
  background-color:yellow;
  border-radius: 3px;
  color:red; 
}

#compile_errors { 
  width:550px;
  padding:2px;
  background-color:#FF7F00;
  color:#FFFFFF; 
}

#compile_errors a {
  color:#FFFFFF; 
}

#compile_warnings { 
  width:550px;
  padding:2px;
  background-color:#FF7F00;
  color:#FFFFFF; 
}

#compile_warnings a {
  color:#FFFFFF; 
}

.CodeMirror-line-numbers {
  width: 32px;
  margin: .4em;
  padding: 0;
  font-family: monospace;
  font-size: 10pt;
  color: #606060;
}

.darkbg {
    background-color: #303030;/*#0e1d34;*/
    color: #FFFFFF;
}
.darkbg a {
    color: #81abc4;
}
.darkbg a:visited {
    color: #81abc4;
}


/* ---------------------------------------------------------------------- */

.box160 {
 width: 160px;
 display:block;
}

.box160n {
 height: 16px;
 background-image: url(../images/box160n.png);
}

.box160s { 
 height: 16px;
 background-image: url(../images/box160s.png);
}

.box160c {
 background-image: url(../images/box160c.png);
 background-repeat:repeat-y;
 padding: 8px 16px 8px 16px;
}

.box600 {
 width: 600px;
 color: #000000;
 display:block;
}

.box600n {
 height: 16px;
 background-image: url(../images/box600n.png);
}

.box600s {
 height: 16px;
 background-image: url(../images/box600s.png);
}

.box600c { 
 background-image: url(../images/box600c.png);
 background-repeat:repeat-y;
 padding: 8px 24px 8px 24px;
}

/* ---------------------------------------------------------------------- */

    .thumb_list {
      display:block;
    }
    .thumb_list span img {
      width:64px;height:64px;
      border: 1px solid white;
      padding: 2px;
      margin:2px;
      cursor: pointer;
    }
    .thumb_list .sbutton {
      display: inline-block;
      width:32px;height:64px;
      margin-top:5px;
      margin-bottom:5px;       
    }
    .thumb_list .prevbutton {
      background-image:url(/images/arrowleft.png);
      cursor: pointer;
    }
    .thumb_list .nextbutton {
      background-image:url(/images/arrowright.png);
      cursor: pointer;
    }
    .thumb_list .blankbutton {
      background-image:url(/images/arrownone.png);
    }

/* ---------------------------------------------------------------------- */

.button {
 background-image: url(../images/button.png);
 background-repeat: no-repeat;
 width:128px;
 height:40px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: white;
 padding-top: 9px;
}

.button a {
  color: white;
  text-decoration: none;  
}

.buttonwide {
 background-image: url(../images/buttonwide.png);
 background-repeat: no-repeat;
 width:160px;
 height:33px;
 text-align: center;
 font-size: 20px;
 font-weight: bold;
 color: white;
 padding-top: 9px;
}

.buttonwide a {
  color: white;
  text-decoration: none;  
}