/* ------------------------------------ *
 CSS
 Sunday, March 15, 2009 8:14:00 PM
 HAPedit 3.1.11.111
 * ------------------------------------ */
 html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{
  margin:0px;
  padding:0px;
  border:0px;
  border-collapse:separate;
  border-spacing:0px;
}
input,select{
  margin:0;
  padding:0;
}

 body
 {
  background-color: white;
  font-family:  Myriad Pro, Helvetica, sans-serif;
  color: #202020;
 }

 .ishlist{
  position: relative;
  left: 32px;
 }

 .headertext{
 font-size: 115%;
 }

 .indented
 {
 position:relative; top:0; left: 20px;
 }

 .mousediag
 {
  position: relative; top: 0; left: 370px;
  width: 281px;
  padding: 20px 75px 25px 25px;
 }

 .diaglines
 {
  z-index: +3;
  width: 250px;
  position: relative; top:-500px; left:368px;
 }
 .rmouse
 {
  width: 350px;
  border: thin solid black;
  <!--z-index: +2;-->
  background-color: white;
  position: relative; top:-210px; left: 30px;
 }
   .mousew
 {
  width: 350px;
  border: thin solid black;
  <!--z-index: +2;-->
  background-color: white;
  position: relative; top:-195px; left: 30px;
 }

  .lmouse
 {
  width: 350px;
  border: thin solid black;
  <!--z-index: +2;-->
  background-color: white;
  position: relative; top:-180px; left: 30px;
 }


 .keyboard
 {
  width: 350px;
  border: thin solid black;
  <!--z-index: +2;-->
  background-color: white;
  position: relative; top:-280px; left: 530px;
 }
 .message
 {
  color: red;
 }
 .maincenter
 {
 width: 950px;
 margin: 0 auto;
 background-color: #8ed6ff;
 }

 .clear
 {
  font-size: 1px;
  height: 5px;

 }

 .endfloats
 {
  clear: both;
 }

 .tabholder
 {
 width: 540px;
 margin: 0 auto;
 position: relative;
 top: -15px;
 z-index: +1;

 }


 .navcontainer
 {
 z-index: +1;
 width: 100%;
 background-image:url('images/navline.png');
 background-repeat:repeat-x;
 }

 .logo
 {
  width: 324px;
  margin: 0 auto;
 }

 .rounded_header
{
    margin: 0 auto;
    width: 930px;
    padding: 15px;
    position: relative;
    background-color: #ebf5ff;          /* if needed */
    border: 1px solid black;   /* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */
}
 .rounded_main
{
    margin: 0 auto;
    width: 880;
    padding: 15px;
    position: relative;

}
 .rounded_container
 {
    margin: 0 auto;
    width: 920px;
    padding: 20px;
    position: relative;
    background-color: #ebf5ff;          /* if needed */

    border: 1px solid #0a2d61;   /* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */

 }


 .rounded_controls
{
    margin: 0 auto;
    width: 880px;
    height: 350px;
    padding: 15px;
    position: relative;

}



.bullets
{
 width: 425px;
 float: left;
 margin-top: 10px;

}

.video
{
 width: 425px;
 float:right;
 margin-top: 10px;

}

.centerdownload
{
 width: 300px;
 margin: 0 auto;
}

.signup
{
 float: left;
 width: 425px;
 margin: 10px auto;
 padding: 5px;
 -webkit-border-radius: 10px;    /* for Safari */
 -moz-border-radius: 10px;       /* for Firefox */
}

.signupimage
{
float: right;
width: 430px;

}



.controls
{
 width: 100%;
 margin: 0 auto;

}



.controlslist
{
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-position: inside;
list-style-type: square;
}

.inline
{
 display: inline;
}

.searchbox
{
 text-align: center;
 width: 700px;
 margin: 5px auto auto 5px;
 padding: 10px;
}

.bullet
{

 width: 15px;
 height: 15px;
 margin: 20px 2px 2px;
}

.twitface
{
width: 250px;
padding: 20px;
}

.twitter
{
float: right;
}

.facebook
{
float: left;
}

.matrixcenter
{
 width: 852 px;
 margin: 0 auto;

}

.leftfloater
{
 float: left;
}

.rightfloater
{
 float: right;
}
.signup2
{
 border: 2px solid black;
 margin: 0px auto;
 padding: 10px;
 background-color: white;
 -webkit-border-radius: 10px;    /* for Safari */
 -moz-border-radius: 10px;
 width: 400px;
}

.signup2center
{
 margin: 0px auto;
}

.change_password
{
 border: 2px solid black;
 margin: 0px auto;
 padding: 10px;
 background-color: white;
 -webkit-border-radius: 10px;    /* for Safari */
 -moz-border-radius: 10px;
  width: 400px;
}

.forgot_password
{
 border: 2px solid black;
 margin: 0px auto;
 padding: 10px;
 background-color: white;
 -webkit-border-radius: 10px;    /* for Safari */
 -moz-border-radius: 10px;
  width: 400px;
}
.signupcenter
{
 text-align: center;
 width:200px;
 margin: 0px auto;
}

.changecenter
{
 margin: 0px auto;
 width: 400px;
}

.inside
{
 margin-left: 3px;
 list-style-position: inside;
}

.textcenter
{
text-align: center;
}

.recent1
{
width:440px;
float: left;
}

.recent2
{
width: 440px;
float: right;
}

.downabit
{
position: relative; top:2px; left:0px;
}

.rightjustify
{
text-align: right;
}

.twitfeed
{
width: 270px;
 border: 2px solid black;
 margin: 10px auto;
 padding: 10px;
 -webkit-border-radius: 10px;    /* for Safari */
 -moz-border-radius: 10px;       /* for Firefox */
}

.clearfeed
{
clear: right;
}

.vidbar
{
width: 200px;
height: 505px;
float: left;
padding-top: 4px;
}


.first{
background:silver;
padding:20px;
color:#ffffff;
}
 
.second{
background:yellow;
padding:30px;
color:#000000;
 
}

.vidbox
{
float: right;

width: 640px;
height: 505px;
border: 2px solid #0846a3;
}

.vidcontainer
{
width: 883px;
height: 515px;
padding: 0px;
margin: 0 auto;
}

.vidbullet
{
 color: #5f5f5f;
 cursor: pointer; cursor: hand;
 width: 241px;
 height: 46px;
 background-image: url('images/vidlightbullet.png');
 background-repeat: no-repeat;
 text-align: left;
 text-indent: 18px;
 margin: 0 0 0 0;
 position: relative;
 left: -2px;
 top: 0px;
 padding-bottom: 0px;

}

.vidbulletdark
{
 color: white;
 cursor: pointer; cursor: hand;
 width: 241px;
 height: 46px;
 background-image: url('images/viddarkbullet.png');
 background-repeat: no-repeat;
 text-align: left;
 text-indent: 18px;
 margin: 0 0 0 0;
 position: relative;
 left: -2px;
 top: 0px;
 padding-bottom: 0px;

}
.vidbullet:hover{
 color: white;
 background-image: url('images/viddarkbullet.png');
 background-repeat: no-repeat;
}

.bulletp
{
  position: relative;
  top: 15px;
}

.topbullets
{
 position: relative;
 left: 100px;
 font-size: 120%;
 line-height: 1.4em;
 color: #605050;
}

.alpha
{
width: 420px;
margin: 0 auto;
font-size:80%;
color: #202020;
}

.alphaCenter
{
width: 420px;
text-align: center;
margin: 0 auto;
font-size:80%;
color: #202020;
}