@charset "utf-8";
/* CSS Document */

/* ------------------------------- Some universal lines first */

* {
  margin:0;
  padding:0;
}
img {
  border:none;
}
body {
  background:#CCC;
  text-align:center; /* Centering trick */
}
p {
 margin:8px 0;
}

/* ------------------------------- The "supers" */

#controls a { 
  color:#FFF;
}
.panelTitle {
  text-indent:-3000px;
  background:url(/images/admin_title_panel.jpg) no-repeat top left;
  width:172px;
  height:12px;
  padding:0 0 0 9px;
  margin:14px 0;
}
.sectionsTitle {
  text-indent:-3000px;
  background:url(/images/admin_title_sections.jpg) no-repeat top left;
  width:163px;
  height:12px;
  padding:0 0 0 9px;
  margin:14px 0;
}
.layoutTitle {
  text-indent:-3000px;
  background:url(/images/admin_title_layout.jpg) no-repeat top left;
  width:121px;
  height:12px;
  padding:0 0 0 9px;
  margin:14px 0;
}
.designTitle {
  text-indent:-3000px;
  background:url(/images/admin_title_design.jpg) no-repeat top left;
  width:163px;
  height:12px;
  padding:0 0 0 9px;
  margin:14px 0;
}
.colorTitle {
  text-indent:-3000px;
  background:url(/images/admin_title_scheme.jpg) no-repeat top left;
  width:179px;
  height:12px;
  padding:0 0 0 9px;
  margin:14px 0;
}
.sectionList {
  padding:5px 0 5px 5px;
  margin:2px 0;
}
.sectionList img { vertical-align:text-top; }
.even { background:#666; }
.odd { background:#000; }

.adminSave {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_save.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminSave:hover, .adminSave:active {
  background-position:bottom;
  }
.adminCancel {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_cancel.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminCancel:hover, .adminCancel:active {
  background-position:bottom;
  }
.adminPreview {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_preview.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminPreview:hover, .adminPreview:active {
  background-position:bottom;
  }
.adminTestemail {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_testemail.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminTestemail:hover, .adminTestemail:active {
  background-position:bottom;
  }
 .adminViewemail {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_viewemail.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminViewemail:hover, .adminViewemail:active {
  background-position:bottom;
  }
 .adminViewweb {
  display:block;
  height:23px;
  width:151px;
  margin:4px 0;
  background:url(/images/admin_button_viewweb.jpg) no-repeat top;
  text-indent:-3000px;
  }
.adminViewweb:hover, .adminViewweb:active {
  background-position:bottom;
  }
.adminLogo {
  position:absolute;
  bottom:6px;
  left:6px;
  }

/* ------------------------------- Widget Control Bar */



/* ----------------------------- CONTROL NAVIGATION */


#controls {
  width:175px;
  height:100%;
  position:fixed;
  top:0px;
  right:0px;
  background:#212F4F;
  text-align:center;
  color:#CCC;
  padding-left:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}


  
 #controlNavPrimary {
  display:block;
  width:150px;
  height:100%;
  top:139px;
  left:0px;
  position:fixed;
  padding-top:6px;
  background-color:#212f4f;
  }

  

#controlNav {
  background-color:#ffffff;
  height:128px;
  width:150px;
  top:0px;
  left:0px;
  position:fixed;
  }
#controlNav ul {
  list-style-type:none;
  padding-left:0px;
  width:100%;
  }
#controlNav ul a {
  display:block;
  width:75px;
  height:31px;
  text-decoration:none;
  }  

  
#controlNav li {
  float:left;
  display:inline; /* :KLUDGE: for IE purposes */
  }
#controlNav ul a:link.home, #controlNav ul a:visited.home {
  background:url(/images/control-nav-home.gif) no-repeat top right;
  }  
#controlNav ul a:hover.home {
  background-position:0 -31px;
  } 
#controlNav ul a:link.about, #controlNav ul a:visited.about {
  background:url(/images/control-nav-about.gif) no-repeat top right;
  }  
#controlNav ul a:hover.about {
  background-position:0 -31px;
  } 
#controlNav ul a:link.services, #controlNav ul a:visited.services {
  background:url(/images/control-nav-services.gif) no-repeat top right;
  }  
#controlNav ul a:hover.services {
  background-position:0 -31px;
  }
#controlNav ul a:link.faq, #controlNav ul a:visited.faq {
  background:url(/images/control-nav-faq.gif) no-repeat top right;
  }  
#controlNav ul a:hover.faq {
  background-position:0 -31px;
  }
  
  
#controlNav ul a:link.admin, #controlNav ul a:visited.admin {
  background:url(/images/control-nav-admin.gif) no-repeat top right;
  }  
#controlNav ul a:hover.admin {
  background-position:0 -31px;
  }
  
 #controlNav ul a:link.demo, #controlNav ul a:visited.demo {
  background:url(/images/control-nav-demo.gif) no-repeat top right;
  }  
#controlNav ul a:hover.demo {
  background-position:0 -31px;
  }

  
  /* view bio - design specifics are in each design stylesheet */
  
.viewbioSection {
  padding:10px 0px;

  position:relative;
  }
#viewbio1 {
  position:fixed;
  top:0;
  left:20%;
  width:600px;
  padding:20px;
  z-index: 10000;
  }
#viewbio1 li, { 

  margin-left:40px;
  list-style-type:square;
  margin-bottom:10px;
  background:<%= @stylesheet.styles['background'] %>;
  border:3px solid <%= @stylesheet.styles['bordercolor'] %>;
  }
#bioscroll {
 unicode-bidi:bidi-override; 
 direction:ltr; 
 display:block; 
 width:550px; 
 height:400px; 
 overflow:auto; 
 padding:10px; 
 margin:0 auto;
 z-index: 10000;
 scrollbar-face-color:transparent;

 }
 
   /* view welcome */
  

#viewwelcome1 {
  position:fixed;
  top:0%;
  left:25%;
  height:500px; 
  width:600px;
  background:#003366;
  padding:20px;
  border:1px solid #ffcc00;
  z-index: 10000;
  }

  
    /* view archive */
  

#viewarchive1 {
  position:fixed;
  top:5%;
  left:25%;
  width:600px;
  padding:20px;
  z-index: 10000;
  background:<%= @stylesheet.styles['background'] %>;
  border:3px solid <%= @stylesheet.styles['bordercolor'] %>;
  }

    
  /* view bio - design specifics are in each design stylesheet */