/* CSS Document */

#html, body{
margin-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
text-align:left;
background-color: #303237;
}
a:link
{
color: #333333;
text-decoration: none;
font-weight: bold;
}
a:hover{
border-bottom: dotted 1px #000000;
font-weight: bold;
}
a:active{
color:#666666;
text-decoration: none;
}

a:visited{
color:#333333;
text-decoration: none;
font-weight: bold;
}

li { list-style:none; margin-left: 0px;}

#maincol
{

	margin: auto;
	overflow:auto;
	height: auto;
	width:960px;
	padding: 0px;
	background-image: url(http://hdfree.com.mx/images/bg.png);
}

#top_row
{
width: 960px;
background-color: #303237;
}

#top_row a, a:hover
{
text-decoration: none;
border: 0px;
}
#content_block
{
	position:relative;
	overflow: auto;
	height: auto;
	width: 960px;
	text-align:left;
	background-image: url(http://hdfree.com.mx/images/plain_bg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	


}
#content_block_main
{
	position: relative;
	overflow: auto;
	height: auto;
	width: 960px;
	text-align:left;
	background-image: url(http://hdfree.com.mx/images/grungybg.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-bottom: 0px;
	


}

.box{
	margin-right: 10px;
	margin-left: 10px;
}
.box a
{
color: #933;
text-decoration: none;
font-weight: bold;
}
.box a:hover{
color: #999999;
font-weight: bold;
}

.verbage_tube
{
margin-left: 235px;
padding-top: 47px;
padding-right:15px;
}

#first_box
{
float: right;
padding: 30px 5px 0px 5px;
width: 207px;
height: 150px;
background-image: url(http://hdfree.com.mx/images/free-network-signup.png);
background-repeat:repeat-x;
margin-right: 10px;
margin-top: 20px;
color:#CCCCCC;
margin-bottom: 5px;
}
#second_box
{
padding: 40px 5px 0px 5px;
float: right;
width: 207px;
height: 140px;
clear: right;
background-image: url(http://hdfree.com.mx/images/free-network-upgrade.png);
background-repeat:repeat-x;

margin-right: 10px;
margin-top: 10px;
color:#CCCCCC;

padding-bottom: 10px;
}

#third_box
{
padding: 40px 5px 0px 5px;
float: right;
height: 225px;
width: 207px;
clear: right;
background-image: url(http://hdfree.com.mx/images/free-network-twitter.png);
background-repeat:repeat-x;

margin-right: 10px;
margin-bottom: 10px;
margin-top: 10px;
color:#CCCCCC;
}

#verbage
{
	float: left;
	clear: left;
	height: auto;
	width: 475px;
	padding-right: 3px;
	text-align: justify;
}


#footer
{
	margin: 0px;
	padding-right:0px;
	padding-left: 0px;
	width: 960px;
	height: 72px;
	font-size: 10px;
	overflow: hidden;
}
.form
{
background: none;
border: solid 1px #333;

}
.formbutton
{
background-image: url(http://hdfree.com.mx/images/register.png);
border: 0px;
font-weight: 200;
height: 50px;
width: 440px;
}

.plainButton
{
	background-color: #999;
	border: solid 1px #000;
	color:#333;
}

/******* FORM *******/  
#formDiv
{
width: 424px;
border: 0px;
padding: 10px 10px 10px 10px;
}

#formDiv input:focus{
	background-color:#999;
}
  
#formDiv input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
  
#formDiv textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
  
#formDiv div span{  
    margin-left: 10px;  
    color: #b1b1b1;  
    font-size: 10px;  
    font-style: italic;  
}  
#formDiv div span.error{  
    color: #e46c6e;  
}  
#formDiv #send{  
	background-color: #999;
	border: solid 1px #000;
	color:#000000;
 
    font-style: normal;  

    cursor: pointer;  
}  
#formDiv #send:hover{  
    background: #999;  
}  
#error{  
    margin-bottom: 20px;  
    border: 1px solid #efefef;  
}  
#error ul{  
    list-style: square;  
    padding: 5px;  
    font-size: 11px;  
}  
#error ul li{  
    list-style-position: inside;  
    line-height: 1.6em;  
}  
#error ul li strong{  
    color: #e46c6d;  
}  
#error.valid ul li strong{  
    color: #93d72e;  
}  
/******* /FORM *******/  

.bg
{
	background-color: #CCC;
	
}

.title-directory
{
	font-size: 22px;
	font-weight: bold;
}

#category-item
{
	font-weight: bold;
	margin-top: 5px;
}		

#formDiv input:focus{
	background-color:#999;
}
#menu{
margin-right: 0px;
padding: 0px;
width: 960px;
}
#nav { list-style: none; border-bottom: 1px solid #757575; height: 40px; margin: 0px; padding: 0px;}
#nav li { float: left; list-style:none; padding: 0px; margin: 0px;}
#nav a { display: block; height: 40px; background-image: url(http://hdfree.com.mx/images/navigation.png); background-repeat: no-repeat; text-indent: -9000em; font-size: 0;}

#about a { width: 164px; background-position: 0 0; }
#about a:hover, a, a:active{ background-position: 0 -40px; text-decoration: none;  border: 0px; outline: 0px;  }

#directory-sites a { color:#000; font-weight:bold; text-decoration:none; }
#directory-sites a:hover, a, a:active{ color:#333333; font-weight:bold; text-decoration:none;  }

#register a { width: 172px; background-position: -164px 0px; }
#register a:hover, a, a:active{ background-position: -164px -40px; text-decoration: none; border: 0px; outline: 0px;   } 

#faq a { width: 123px; background-position: -336px 0; }
#faq a:hover, a, a:active{ background-position: -336px -40px;text-decoration: none; border: 0px; outline: 0px;  } 

#terms a { width: 150px; background-position: -459px 0; }
#terms a:hover, a, a:active { background-position: -459px -40px;text-decoration: none; border: 0px; outline: 0px;   }

#contact a { width: 165px; background-position: -609px 0; }
#contact a:hover, a, a:active { background-position: -609px -40px;text-decoration: none; border: 0px; outline: 0px;   }

#directory a { width: 186px; background-position: -774px 0; }
#directory a:hover, a, a:active { background-position: -774px -40px; text-decoration: none; border: 0px; outline: 0px;  }

#twitter_div .module-list-item {
  line-height:14px;
}

#twitter_div li {
  margin-bottom:1px;
}

ul{ list-style: none; margin: 0px; padding: 0px;}
li{ list-style: none;}

#userInformation
{
	background-image: url(http://hdfree.com.mx/images/Registration_top.png);
	width: 450px;
	height:auto;
	background-repeat: no-repeat;
	font-size: 11px;
}
#contactform
{
	background-image: url(http://hdfree.com.mx/images/contactbg.png);
	width:450px;
	height: 420px;
}

#redirect
{
	margin: auto;
	padding: 30px;

	background-image: url(http://hdfree.com.mx/images/contactbg.png);
	width:380px;
	height: 230px;
	
	color:#CCCCCC;
	font-size: 16px;
	font-weight: bold;
	line-height:16px;
}
.previous_box{
	margin-right: 10px;
	padding-left: 20px;
}

.previous_box a
{
	color: #333333;
	font-weight: bold;
	font-size: 14px;
}

.previous_box a:hover{
	color: #CCCCCC;
	font-weight: bold;
	font-size: 14px;
}