/* ------------------------------------ *
 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,  arial, sans-serif;  index 
  font-size: 10pt;
  color: #303030;
 }

/* -------------------------------------------------------------------------------------------- */

 .ishlist
 {
  position: relative;
  left: 32px;
  width: 750px;
  text-align: left;
  font-size: 100%;
  color: #202020;
 }

 .headertext
 {
 font-size: 24pt;
 font-weight: bold;
 
 }

/* -------------------------------------------------------------------------------------------- */

 .indented
 {
 position:relative; top:0; left: 32px;
 }

/* -------------------------------------------------------------------------------------------- */

 .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 */
}

 /*  ___________________________________________________________________________________ */
.eg_container_noborder
{
    margin: 0 auto;
    width: 900px;
    padding: 0px;
    position: relative;
	
}
.eg_container
{
    margin: 0 auto;
    width: 900px;
    padding: 0px;
    position: relative;
    
 
}


.eg_context
{
   	margin: 0 auto;

   	width: 286px;
	padding: 0px; 
	background-color: 000000;          /* if needed */


}

/* --------------------------------------------------------------------------------------- */

.eg_blubber
{
  	margin: 0 auto;
	margin-right: 10px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 0px;
   	width: 0 auto;                      	/*  */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}




.eg_1quarter
{
   	margin: 0 auto;
   	width: 215px;                      	/* 880 - 10 margin each side = 860 divided by 4 */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}


.eg_1third
{
   	margin: 0 auto;
   	width: 286px;						/* 860 divided by 3 */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}


.eg_1half
{
   	margin: 0 auto;
   	width: 430px;						/* 860 divided by 2 */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}


.eg_3quarters
{
   	margin: 0 auto;
   	width: 645px;						/* 3/4ths of 860 */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}


.eg_2thirds
{
   	margin: 0 auto;
   	width: 572px;						/* 2/3rds of 860 */
	padding: 0px; 
	background-color: 000000;          	/* if needed */
}

.eg_3full
{
   	margin: 0 auto;
   	width: 860 px;
	padding: 0px; 
	background-color: 000000;          /* if needed */
}

.eg_full900
{
   	margin: 0 auto;
   	width: 900 px;
   	height: 500 px;
	padding: 0 px; 
	background-color: 000000;          /* if needed */
}


 /*  ___________________________________________________________________________________ */






 /*  ___________________________________________________________________________________ */




 /*  ___________________________________________________________________________________ */


 .rounded_container
 {
    margin: 0 auto;
    width: 880px;
	padding-top: 15 
    
    position: relative;
    background-color: 000000;          /* if needed */

    border: 1px solid #999999;   /* if needed */
    -webkit-border-radius: 10px;    /* for Safari */
    -moz-border-radius: 10px;       /* for Firefox */

 }

 .rounded_main
{
    margin: 0 auto;
    width: 880px;
    padding: 10px;
    position: relative;

}


 .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;
}


/*  ___________________________________________________________________________________ */
/*  ___________________________ Added in for banner rotate ____________________________ */
/*  ___________________________________________________________________________________ */
img {
  border: none;
}

#banner1 {
  margin: 0 auto;
}