body { font-size: 10pt;
     color: #000000;
     font-family: arial,"ms san serif", verdana,tahoma,helvetica;
     background-color: #ffffff;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
}
.backg { background-image: url(http://www.snippetlibrary.com/images/backdrop.gif);
width: 100%;
}

#member_login {top:0px;
/* width: 50%;
height: 375px; */
width: 40em;
height: 30em;
position: relative;
margin-left: auto;
margin-right: auto;
text-align: center;
top:0px;
z-index: 1
}

/* fix for IE */
/* http://www.tantek.com/CSS/Examples/boxmodelhack.html */
/* the voice-family part */
#main {
    
    width: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family:inherit;
}

#floatleft {
    top:44px;
    width: 25%;
    height: 250px;
    float: left;
    position: relative;
    margin:0;
}

.listbox{
    width: 100%;
    height: 60px;
    position: relative;
}
.tutorial_listbox {
    padding-top: 10px; 
    width: 100%; 
    height: 80px;
}

#membercode_box {
    margin-left:25%;
    margin-top: 45px;
    padding: 1px;
    margin-bottom: 50px;
    border: 1px solid #0066cc;
    width: 70%;
    position: relative;
}
/* width: 210px; height: 120px; */

#details {
    margin-right:0;
    float: none;
    padding: 10px;
    width: 80%;
    height: 120px;
    border: 1px solid #0066cc;
    position: relative;
}

#body_start {
    left: 35%;
    width: 35%;
    top: 105px;
    position: absolute;
}
fieldset {
    width: 100%;
    padding: 10px;
    border: 1px solid #0066cc;
    position: relative;
}

.fieldset_login{
    top:25px;
    margin-left: 0;
}
.fieldset_pwd{
    top:50px;
}
/* hack for opera7 to set the box model correctly
it wasn't getting the 50% width from div container, it was expanding it. */
#member_login>.fieldset_login{
 width: 50%;
}

legend {
    font-weight: bold;
    color: #000080;
}
textarea, input, select, button { font-size: 10pt;
	 font-family: arial,"ms san serif", verdana,tahoma,helvetica
}



.title {
    margin-left: 20px;
    padding: 10px;
    top:0px;
    font-weight: bold;
    position: relative
}
.bar {
    border-bottom:2px solid #eeeeee;
    line-height:0px;
    width:90%;
    position: relative;
    margin-left:auto;
    margin-right: auto
}

img {border: 0}

td { font-size: 10pt;
     vertical-align: top;
     font-family: arial,"ms san serif", verdana,tahoma,helvetica;
}
hr { color: #d3d3d3;
   background-color: #ffffff;
}
.small, .total,.menu,.red, .redsmall, .box, h1, h2, h3 {
       font-family: arial,"ms san serif", verdana,tahoma,helvetica;
       background-color: #ffffff;
}
.small {font-size: 8pt;
       color: #0000d0;
}
.total {
       font-size: 10pt;
     color: #0000ff;

}
.menu { font-size: 10pt;
      color: #0066cc;
}

.red { font-size: 10pt; 
     color: red;
     font-weight: bold;

}

.redsmall { font-size: 8pt;
	  color: red;
}
.box {
   font-size: 11px;
   border-style: solid;
   border-width: 1px;

   color: #000000
}
textarea.box{
   background-image: url(http://www.snippetlibrary.com/images/textareabg.jpg);
}
.submit { font-family: verdana, arial, helvetica, sans-serif;
   font-size:11px;
   background-color: #d6d3ce;
   border-style: solid;
   border-width: 1px;	
}
div.error{
    text-align: center; 
    top: 35px;
    position: relative; 
    height: 100px;
    color: red;
    font-size: 14px;
    font-weight: bold;
}

/* table start */
.start_header{
  margin-top: 50px;
  margin-bottom: 50px;
  margin-right: auto; 
  margin-left: auto; 
  border: 1px solid #0066cc; 
  width: 80%; 
  position: relative;
  voice-family: "\"}\""; 
  voice-family:inherit;

}



form { font-size: 10pt;
     font-family: arial,"ms san serif", verdana,tahoma,helvetica;
     display: inline;
     margin: 0;
}

h1 { font-size: 32pt;
   color: #000000;
}
h2 { font-size: 18pt;
   color: #ffffff;
   background-color: #000080
}
h3 { font-weight: bold;
   font-size: 10pt;
   color: #000080;
}

b {color: #000080; 
font-family: arial,"ms san serif", verdana,tahoma,helvetica;
}
  
.topbar{
    background-image: url(http://www.snippetlibrary.com/images/b81.jpg) ;
    height:18px;
    background-repeat: repeat-x;
    width: 40%

}
div.preface
{
	font-size: 12px;
    font-weight: bold;
	background: #99CCFF;
	border: 2px outset;
	width: 40%;

}

#algright {
    position: absolute;
    top: 50px;
    left: 420px;
    width: 350px;

}

#algright .preface {
 width: 100%;
}
#algright .topbar{
 width: 100%;
}


@media projection {
.topbar { page-break-before: always; }
}


/* dhtmlcentral menu */
.clCMEvent{position:absolute; z-index:300; width:100%; height:100%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
.clCMAbs{position:absolute; width:10; height:10; left:0; top:0; visibility:hidden}

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand}
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
.clT{color:white; }
.clTover{color:#000080;}
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
.clS2,.clS2over{padding:2px; font-size:11px; font-weight:bold}
/*background is for the drop downs and the layer is for NS*/
.clS,.clS2{color:#006699; background-color:#CDDBEB; layer-background-color:#CDDBEB;}
.clSover,.clS2over{color:#000080;}
/* this line is for the main   */
.clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#0066cc; background-color:#0066cc;}
.clB{visibility:hidden; z-index:300; position:absolute;}
.clBar{width:10; height:10; visibility:hidden; position:absolute;}
/* end menu code */

.menubar {margin: 0px 2px; background-color: #99ccff; border: #99ccff solid 1px; text-decoration: none; color: #ffffff}
.menubar a {text-decoration: none; color: black; background-color: #ffffff;}
.menubar a:hover {text-decoration: none; background-color: #ffffff;}


a:link { color: #0000ff;
       font-family: arial,"ms san serif", verdana,tahoma,helvetica;
       text-decoration: none;

}
a:visited { color: #0000ff;
	  font-family: arial,"ms san serif", verdana,tahoma,helvetica;
	  text-decoration: none;

}
a:active { color: #0000ff;
	 font-family: arial,"ms san serif", verdana,tahoma,helvetica;
	 text-decoration: none;

}
a:hover { color: #000080;
	font-family: arial,"ms san serif", verdana,tahoma,helvetica;
	text-decoration: none;

}

/* IE will only see this, others will ignore
 must have the tag included or firebird/firebox will read them.
if mozilla reads the -1 it will blank that div out and will not show it.
also using body doesn't work as mozilla sees that.
it has to be "html"

added - 5-6-2004: IE6.01 will read this and
will make the id sit behind the main container and you cannot access anything on the page.
mouse will not show text tool on form inputs. if it has a -1 value must make it zero.
only in xhtml strict that I have seen.
*/

* html div#floatleft {
    z-index: 0;
}


* html div#body_start {
    z-index: -1;
}

* html div#membercode_box{
    z-index: 0;
}
* html div.start_header{
    z-index: 0;
}