﻿/* 
 ----------------------------------------------------------------------------
  CSS Document - main.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }


/* global elements
 * ------------------------------------------------------------------------- */
body {
  background: #fff url(../images/topwallpaper.gif) repeat-x 0 0;
  font-family:Tahoma, Helvetica, sans-serif;
  font-size:12px;
  color:#000;
}

#outerwrapper {
/*  background: url(../images/header-back.jpg) repeat-x 0 0; */
}

#page-container {
  position: relative;
  width: 960px;
  margin: 0px auto 0px auto;
}

h1 {
  color: #000;
  font-size: 1.6em;
  margin: 0px;
  padding: 0px;
  letter-spacing: -.00em;
  line-height: 22px;
  margin-bottom: 10px;
  font-family:Tahoma, Helvetica, sans-serif;
}

h2 {
  color: #000;
  font-size: 1.3em;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  line-height: 19px;
  font-family:Tahoma, Helvetica, sans-serif;
}

h3 {
  color: #000;
  font-size: 1.05em;
  margin: 0px;
  padding: 0px;
  line-height: 16px;
  font-family:Tahoma, Helvetica, sans-serif;
/*  font-family: Georgia, Times New Roman, Times, serif; */
}

p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
  padding-left: 0px;
  padding-right: 10px;
}

a {
  color: #000;
  text-decoration: none;
}

a.adescr {color: #cc0000;}

a:hover {
  text-decoration: underline;
}

a.underline {
  color: #000;
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

div.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 0px;
  overflow: hidden;
}

div.clear2,
.addclear {
  clear: both;
}

br.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 0px;
  overflow: hidden;
}

.largeline {
  line-height: 15px;
}

.tiplarge {
  color: #f00;
  font-size: 1.50em;
  font-weight: bold;
  padding-right: 5px;
}

.namelarge {
  color: #000;
  font-size: 1.50em;
  font-weight: bold;
  padding-right: 5px;
}

.redcolor {
  color: #f00;
}

.centertext {
  text-align: center;
}

.marginbottom {
  margin-bottom: 10px;
}

.margintop {
  padding-top: 10px;
}

div.alignvb1 {
  width: 100%; 
  display: table; 
  height: 100%; 
  #position: relative;
  text-align: left; 
}

div.alignvb2 {
  #position: absolute; 
  #top: 100%;
  display: table-cell; 
  vertical-align: bottom;
}

div.alignvb3 {
  #position: relative; 
  #top: -100%; 
  padding: 0px 0px 0px 0px;
}

/* END - global elements
 * ------------------------------------------------------------------------- */

/* Header elements */
#header {
  display: block;
  position: relative;
  background: #fff url(../images/belgardmast1.gif) no-repeat 0 0;
  width: 960px;
  height: 227px;
}

#header a {
  display: block;
  position: absolute;
  top: 32px;
  left: 38px;
  width: 170px;
  height: 170px;
}

/* END - Header elements 
 * ------------------------------------------------------------------------- */

/* Primary navigation elements */

/* END - Primary navigation elements 
 * ------------------------------------------------------------------------- */

/* Main Content elements */
#col_leftuni {
  float: left;
  width: 300px;
}

#col_leftuni p {
  line-height: 15px;
}

#col_leftuni .padding{
  padding: 20px 10px 20px 0px;
}

#col_leftuni .tip .padding {
  padding: 15px;
}

#col_leftuni .tip p {
  padding: 0px;
  margin: 0px;
}

#col_leftuni h3 {
  margin-bottom: 5px;
}

#col_leftuni h1, 
#col_leftuni h2 {
  margin-bottom: 15px;
}

#col_leftuni h2 a {
  font-size: .85em;
}

#col_leftuni h1 span, 
#col_leftuni h2 span,
#col_leftuni h3 span {
  font-weight: normal;
}

#col_rightuni {
  float: left;
  width: 660px;
}

#col_rightuni .padding{
  padding: 20px 0px 20px 10px;
}

table.classes {
  width: 550px;
  margin-bottom: 30px;
}

table.classes thead th {
  background: #454545;
  padding: 5px 10px 5px 15px;
  text-align: left;
}

table.classes thead th h3 {
  color: #fff;
  margin: 0px;
  padding: 0px;
}

table.classes thead td {
  background: #fff;
  padding: 5px 10px 5px 0px;
  font-weight: bold;
  text-align: left;
}

table.classes td {
  width: 20%;
}

#Addison table.classes td {
  width: 13%;
}

#Addison table.classes tbody th {
  width: 48%;
}

table.classes td,
table.classes th {
  padding: 5px 0px 5px 0px;
  border-bottom: solid 1px #000;
}

table.classes td.center {
  text-align: center;
}

table.classes tbody th {
  background: #fff;
  width: 40%;
  text-align: left;
  font-weight: normal;
}

table.classes tbody span {
  font-weight: bold;
}

table.classes tr {
  line-height: 15px;
}

#col_left2 {
  float: left;
  width: 50%;
}

#col_right2 {
  float: left;
  width: 50%;
  padding-bottom: 20px;
}

#col_right2 .padding{
  padding: 20px 0px 0px 20px;
}

.usmap {
  display: block;
  position: relative;
  background: #fff url(../images/usmap.gif) no-repeat 0 0;
  width: 450px;
  height: 300px;
  margin: 0px auto 0px auto;
}

.usmap a {
  display: block;
  width: 10px;
  height: 10px;
}

.registerbar {
  display: block;
  position: relative;
  background: #fff url(../images/registerbar.gif) no-repeat 0 0;
  width: 413px;
  height: 41px;
  margin: 0px auto 0px auto;
}

/* END - Main Content elements 
 * ------------------------------------------------------------------------- */

/* Footer elements */
#footer {
  border-top: solid 1px #000;
  margin-top: 20px;
  padding-top: 20px;
}

/* END -- Footer elements 
 * ------------------------------------------------------------------------- */

/* ---------------
   Common elements 
 * ------------------------------------------------------------------------- */
.listholder {
  background: #FDFDFD;
  border: solid 1px #D6D5D5;
  padding: 10px;
  margin-left: 0px;
}

ul.unilist {
  float: left;
  width: 50%;
}

ul.unilist li {
  line-height: 22px; 
}

ul.unilist li a {
  background: #fff url(../images/listbullet1.gif) no-repeat 0 2px;
  width: auto;
  padding-left: 15px;
  text-decoration: none;
  color: #000;
}

ul.unilist li a:hover {
  text-decoration: underline;
}

ul.unilist li span {
  font-weight: bold;
}

.registernow {
  background: #fff url(../images/registernow.gif) no-repeat 0 0;
  width: 287px;
  height: 38px;
  margin-bottom: 15px;
}

.tip {
  background: #F0F0F0 url(../images/tipback.gif) no-repeat 0 0;
  width: 287px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.indent1 {
  padding-left: 35px;
}

.uniformholder {
  width: 860px;
  background: #EBEBEB;
  border: solid 1px #777777;
}

.uniformholder .frame {
  padding: 15px 35px 15px 35px;
}

.uniformholder .formholder {
  padding-top: 15px;
}

.uniformholder h2 {
  font-weight: normal;
}

.uniformholder label {
  display: block;
  text-align: left;
  padding-left: 5px;
  padding-bottom: 3px;
}

.uniformholder input.textbox {
  display: block;
  padding: 5px;
  width: 175px;
  border: solid 1px #454545;
}

.uniformholder .checkbox {
/*  display: block;
  float: left; */
  width: auto;
}

.uniformholder select {
  display: block;
  width: 180px;
  border: solid 1px #454545;
}

.uniformholder .formline {
  padding-bottom: 20px;
}

.uniformholder .formline .item {
  display: block;
  float: left;
  width: 25%;
  text-align: left;
}

.floatform {
  float: left;
  width: 390px;
}

.floatform .formline {
  line-height: 35px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.floatform label {
/*  float: left; */
  display: inline;
  width: auto;
  padding-bottom: 0px;
  padding-left: 0px;
}

.floatform label span {
  padding-left: 5px;
  padding-right: 15px;
}

.floatform p span {
  font-weight: bold;
}

.floatform h3 {
  padding-bottom: 10px;
}

.rightbox {
  float: right;
  width: 375px;
  background: #F7F7F7;
}

.rightbox .frame {
  border: solid 1px #454545;
  padding: 20px;
}

.registersubmit {
  background: #454545;
  border: none;
  padding: 3px 10px 3px 10px;
  cursor: pointer;
  color: #fff;
}

.FormErrorPanel {
  margin-bottom: 20px;
}

.FormErrorPanel span {
  display: block;
  color: #f00;
  line-height: 15px;
}
/* END -- Common elements 
 * ------------------------------------------------------------------------- */


/* ---------------
   Common elements 
 * ------------------------------------------------------------------------- */
/* #icpi1 {
   background: #fff;
   position: absolute;
   left: -9999px;
   margin-top: -50px;
   width: 300px;
   border: solid 1px #454545;
   padding: 10px;
   margin-left: 5px;
 } */
 .classes tbody th {
   position: static;
   z-index: 1;
 }
 
.ClassDescription {
  background: #fff;
  position: absolute;
  left: -9999px;
  width: 300px;
  border: solid 1px #454545;
  padding: 10px;
  margin-left: 5px;
  z-index: 5;
}

.ClassDescription span {
  display: block;
  padding-right: 6px;
}

.divdivider {
  background: #000;
  position: relative;
  height: 1px;
  line-height: 1px;
  overflow: hidden;
} 

.divdividermargin {
  padding-top: 5px;
  padding-bottom: 20px;
}

.width550 {
  width: 550px;
}


/* END -- Common elements 
 * ------------------------------------------------------------------------- */


/* ---------------
   Admin backend elements 
 * ------------------------------------------------------------------------- */
 
.RegisterListHolder {
  position: relative;
  width: 850px;
  margin: 10px auto 20px auto;
}

.RegisterLineHolderHead {
  border-bottom: solid 1px #000;
}

.RegisterLineHolder {
  border-bottom: dashed 1px #000;
}

.RegisterLineHolderBack0 {
  background: #fff;  
}

.RegisterLineHolderBack1 {
  background: #eeeeee;  
}

.RegisterListHolder .ColumnType1 {
  float: left;
  width: 210px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.RegisterListHolder .ColumnType2 {
  float: left;
  width: 160px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.RegisterListHolder .ColumnType3 {
  float: left;
  width: 480px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.AccordionInfo {
  width: 190px;
}

.AccordionInfo .SelectedPane {
}

.AccordionInfo .ClosedPane {
}

.AccordionInfo .HeaderContainor {
}

.AccordionInfo .BodyContainor {
}

ul#AdminNav {
}

ul#AdminNav li {
  width: auto;
  float: left;
  margin: 0px 20px 10px 0px;
}

ul#AdminNav li a {
  display: block;
  border: solid 2px #000;
  color: #fff;
  font-size: 1.10em;
}

ul#AdminNav li a.active {
  color: #ccc;
  text-decoration: none;
}

ul#AdminNav li a span {
  display: block;
  padding: 5px;
  background: #000;
  border: solid 2px #fff;
}

ul#AdminNav li a.active span {
  background: #666;
}

.TotalsHeader {
  width: 750px;
  border-bottom: solid 1px #000;
}

.TotalsHeader span {
  display: block;
  float: left;
  width: 150px;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

.TotalsLine {
  width: 750px;
  border-bottom: dashed 1px #000;
}

.TotalsLine span {
  display: block;
  float: left;
  width: 150px;
  overflow: hidden;
  height: 25px;
  line-height: 25px;
  text-align: center;
}

/* END -- Admin backend elements 
 * ------------------------------------------------------------------------- */
