﻿/*
CSS for Unfocused.org Site
Theme originaly created 4/13/08
File Created 9/08/08,Updated 9/8/08
Left-Login Theme
Webmaster SarahC

*/

html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {
  margin: 0px;
  padding:0px;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  list-style: none;
}
/*** h1,h2,h3,h4 {
padding-top: 25px;
}
***/
html, body { height: 100%;}

body {min-width: 800px;} /*** Content Minmum Width, not used by IE5/6, or early versions of Safari ***/

input, select {
  margin: 0;
  padding: 0;
}

#wrapper {
  display: table-cell; /*** For non-IE browsers ***/
  position: relative; /*** Let's be nice to IE ***/
  height:100%;

}

#float-wrap {
  width: 100%;
  float: left;
  display: inline;
}

#clearheadercenter {
  height: 90px; /*** TOTAL Height of Header Rows ***/
  overflow: hidden;
}

#clearheaderleft {
  height: 90px; /*** TOTAL Height of Header Rows ***/
  overflow: hidden;
}

#clearheaderright {
  height: 90px; /*** TOTAL Height of Header Rows ***/
  overflow: hidden;
}

#clearfootercenter {
  height: 30px; /*** TOTAL Height of Footer Rows ***/
  overflow: hidden;
}

#clearfooterleft {
  height: 30px; /*** TOTAL Height of Footer Rows ***/
overflow: hidden;
}

#clearfooterright {
  height: 30px; /*** TOTAL Height of Footer Rows ***/
  overflow: hidden;
}

#center {
  position: relative; /* fix for IE */
  width: 100%;
  float: right;
  height: 100%;
  display: table;
  overflow:auto;
}
#container-center {
overflow: auto;
}

#left {
  float: left;
  display: inline;
  width: 225px; /*** Left Column Width ***/
  margin-left: -225px; /*** NEGATIVE Left Column Width ***/
  position: relative;
}



#footer {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 0;
}

#header {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}

#header-inner {
  min-width: 800px; /*** Minimum Content Width ***/
  height: 0;
}

#centerfill, #leftfill {display: none;}


 #nav {
 font-size: 14pt;
 margin-top: 0;
 }
 #modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}

#mbmenu{
font-size: 10pt;
}
 #mbmenu ul{
margin-top:26px;
padding: 0;
}

#mbmenu li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
text-transform:uppercase;
}
 #textblock {
 
 font-size: 14pt;
 max-width: 99%;
 margin: 5px;
 padding: 10px;
  border: 0;
 }
  
  #middlespacer{
height: 30px;

}
.text{
padding: 3px;
}

#leftside{
float: left;
display: block;
position: absolute;
left: 10px;
overflow: auto;
}

#rightside{
float: right;
display: block;
position: absolute;
left: 500px;
overflow: auto;

}
/*showprofile*/
#lefty{
  float: left;
  display: block;
  width: 40%; 
  height: 90%;
  position: relative;
  overflow: visible;
  Margin-left: 5%;
  Margin-top: 1%;
}


#righty{
   float: right;
  display: block;
  width: 40%; 
  height: 90%;
  position: relative;
  overflow: visible;
  Margin-right: 5%;
  Margin-top: 2%;
}
/*end showprofile*/

#botlist{
 max-width: 99%;
 margin: 5px;
  border: 0;
}
#javachat {
}
.eicon 
{
float: right;
margin: 0;
}

.small {
font-size: .75em; 
}

.small2 {
font-size: .95em; 
}
.textblock {
 
 font-size: 14pt;
 max-width: 99%;
 margin: 5px;
 padding: 10px;
  border: 0;


 }
 .textblock2 {
 

 max-width: 99%;
 margin: 5px;
 padding: 10px;
  border: 0;


 }
 
 .logo{
position: relative;
margin-left: 10px;
margin-right: 10px;
padding-top: 5%;
padding-bottom: 5px;

}
 .validate{
position: relative;
margin-left: 10px;
margin-right: 10px;
}

.normalcontent{
margin: 2%;
font-size: 12pt;
}
.datatable {
margin: 1%;
}

.datatable  table{
border: 2px solid #000000;
border-collapse: collapse;


}
.datatable td, .datatable th{
border: 1px solid #000000;
text-align: center;
padding-right: 3px;
padding-left: 3px;
}
.datatable2 {
margin: 1%;
}

.datatable2  table{
border: 2px solid #000000;
border-collapse: collapse;
margin: 0;

}
.datatable2 td, .datatable2 th{
border: 1px solid #000000;

}

 .faqtable {
margin: 0;
}

.faqtable  table{
border: 2px solid #000000;
border-collapse: collapse;
}

.faqtable td, .faqtable th{
border: 1px solid #000000;
text-align: center;
padding-right: 5px;
padding-left: 5px;

}

.margin {
margin: 10px;}