body{
  margin: 0 0;
  padding: 0 0;
  background: white;
}

table{
  padding: 0 0;
  margin: 0 0;
  border: 0;
  border-collapse: collapse;
}

img{
  border:  none;
}

*{
  font-family: "Arial";
  font-size: 11px;
  color: #333;  
}

.small{
  font-family: "Arial";
  font-size: 10px;
  color: #666;
}

#header{
  width: 100%;
}

#main{
  width: 100%;
}

#nav{
  list-style-type: none;
}

.row{
  width: 100%;
  border-bottom: 1px solid #AAA;
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
}

#first-row{
  margin-top: 0px;
}

#last-row{
  border-bottom: none;
}

#nav li{
  display: inline;
  padding-left: 30px;
  white-space: nowrap;
}

#nav li a{
  text-decoration: none;
  color: white;
  font-size: 10px;
  font-family: "Arial";
  letter-spacing: 1px;
  border-bottom:  1px solid black;
}

#nav li a:hover{
  border-bottom:  1px dotted #555;
}


#header .main{
  background: url('/images/top_bar_bg.gif');
  width: 100%;
}

/* Editor */
.rte-editor{
  width: 700px;
  height: 30em;
  background: white;
}

h1{
  font-size: 20pt;
  font-family:  "Futura, Arial";
  color: #555555;
}

h3{
  font-size: 16pt;
  font-family:  "Futura, Arial";
  color: #555555;
}

h3 a{
  font-size: 16pt;
  font-family:  "Futura, Arial";
  color: #555555;
}

#page-container{
  padding:  10px 10px;
}

#page-content{
  padding:  10px 30px;
  max-width: 800px;
}

b a{
  color: #5787CA;
  text-decoration:  none;
}

/* Before & After */

.before_after {
  position: relative;
}

.ba_controls{
   width:  279px;
   height: 40px;
   background-repeat: no-repeat;
   background-position: 0px 2px;
   cursor: hand;
   cursor: pointer;
}

.frontmost{
  z-index:  1000;
}

/* Admin */

ul.admin_controls{
  background: #EEE;
  border-bottom: 1px solid #DDD;
  padding:  5px 0px;
}
.admin_controls li{
  display: inline;
  padding-left: 30px;
  white-space: nowrap;
}

#admin_dropdown{
  position:  absolute;
  border:  1px solid #DDD;
  background:  #EEE;
  margin-left:  30px;
  padding:  0px;
  z-index:  1000;
}

.admin_controls li #admin_dropdown{
  display: none;
}

.admin_controls li:hover #admin_dropdown{
  display: block;
}


#admin_dropdown li{
  display:  block;
  padding:  3px;
  border-bottom:  1px dotted #DDD;
}

#admin_dropdown li:hover{
  background:  white;
}

#admin_dropdown li a{
  text-decoration: none;
  color: black;
  font-size: 10px;
  font-family: "Arial";
  letter-spacing: 1px;
  display:  block;
}

a.admin{
  text-decoration: none;
  color: black;
  font-size: 10px;
  font-family: "Arial";
  letter-spacing: 1px;
  background: #CCC;
  border:  1px solid #BBB;
  padding: 3px;
}

a.admin:hover{
  background: #FFF;
  border:  1px dotted #999;
}

a.admin img{
  padding:  0px 2px;
}

.admin blockquote{
  font-size:  12px;
  color:  #555;
}

.admin-list{
  border:  1px solid #DDD;
  width:  80%;
}

.admin-list tr{
  cursor:  hand;
  cursor:  pointer;
}

.admin-list tr:hover{
  background:  #DAF3F3;
}

.admin-list td{
  padding:  8px 4px;
  border-bottom: 1px solid #DDD;
  border-right: 1px dotted #DDD;
}

.admin-list td.controls{
  width:  60px;
  background: #F1F1F1;
}

.admin-list tr:hover td.controls{
  background: #E1E1E1;
}

.admin-list th{
  color:  white;
  background:  #AAA;
  font-weight:  bold;
  font-size:  12px;
  text-transform:  uppercase;  
  text-align:  left;
  padding:  8px 4px;
}

.big-button{
  font-size: 18px;
  padding:  5px 5px;
  width: 100px;
}

.default{
  font-weight: bold;
}

fieldset{
  border:  1px dotted #999;
  padding:  10px 10px;
}

legend{
  font-size:  18px;
  font-weight:  bold;
}

label{
  font-size:  12px;
  font-weight:  bold;
}