/* hoja de estilos básica para ebd webTV minisite */

/* estilos básicos
----------------------------------------------------------------*/

*{

margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;

}

a img {

border: none;

}

a {

text-decoration: none;
white-space: nowrap;
cursor: hand;
cursor: pointer;

}

button {

white-space: nowrap;

}

h2 {

color: #7db900;
font-size: 18px;

}

h3 {

color: #7db900;
font-size: 15px;

}

h4 {

font-size: 13px;

}

p {

font-size: 11px;

}

.wrapper {

width: 1000px;
margin: 0 auto;

}

select {

font-size: 12px;
color: #666;

}

.clear{clear: both; height: 1px;}

/* estilos header
----------------------------------------------------------------*/

#header{

background: url(../img/top_back.jpg) 0 0 repeat-x;
height: 102px;

}

h1 {

width: 182px;
height: 102px;
text-indent: -4000px;
background: url(../img/ebd_webtv_logo.jpg) 0 0 no-repeat;
float: left;

}

#tools{

float: right;
background: url(../img/lang_back.jpg) 0 0 repeat-x;
height: 35px;
width: 200px;

}



#tools a {

color: #a3a3a3;
font-size: 12px;

}

#contact {

display: block;
float: left;
background: url(../img/lang_left.jpg) 0 0 no-repeat;
height: 25px;
padding: 10px 0 0 20px;

}

#contact span {

border-right: solid 1px #6e6f6e;
padding-right: 10px;
display: block;
width: 65px;

}

#lang {

background: url(../img/lang_right.jpg) right top no-repeat;
height: 25px;
padding: 10px 0 0 13px; 
position: absolute;
margin-left: 95px;
width: 106px;
cursor: hand;
cursor: pointer;

}

#lang p {

color: #a3a3a3;
font-size: 12px;

}





#tools ul {

list-style: none;
width: 111px;
/*margin-top:13px;*/
margin-left: -10px;
margin-right: 5px;

}

#tools li {

height: 26px;
background: url(../img/english_back.gif) 0 0 no-repeat;
padding: 5px 0 0 15px;

}

#tools #spanish {

height: 26px;
background: url(../img/spanish_back.gif) 0 0 no-repeat;

}

#tools #italian {

height: 27px;
background: url(../img/italian_back.gif) 0 0 no-repeat;

}

#tools ul span {

color: white;
font-size: 12px;

}

#tools ul a {

color: #a2a2a2;
text-decoration: underline;

}

#tools ul a:hover {color: white;}

#home {

font-size: 12px;
color: #7db900;
text-decoration: underline;
float: right;
clear: right;
margin: 40px 10px 0 0;

}

/* estilos featured
----------------------------------------------------------------*/

#featured {

background: #232524 url(../img/featured_back.jpg) 0 0 repeat-x;
height: 384px;

}

#featured .wrapper {

height: 348px;

}

#player-wrap {margin:40px 20px 0 0; float: left;}

.player {width: 500px; height: 281px;  border: solid 3px #3a3c3b;}

#featured .info {

padding-top: 35px;
width: 195px;
float: left;
margin-right: 10px;

}

#featured h2 {

width: 207px;
height: 28px;
text-indent: -4000px;
background: url(../img/replacement_ebdWebVideoPlayer.gif) 0 0 no-repeat;
margin-bottom: 5px;

}

#featured .info p {

color: white;
font-size: 17px;
width: 197px;
height: 164px;

}

#brochure-down {

background: url(../img/arrow_down.gif) 0 1px no-repeat;
color: #7db900;
font-size: 12px;
height: 20px;
padding-left: 15px;
font-weight: bold;
display: block;
margin: 5px;
text-decoration: underline;

}

#brochure-down:hover {color: white;}

#demo-link {

display: block;
width: 213px;
height: 68px;
margin-top: 30px;
background: url(../img/download_brochure_back_off.gif) 0 0 no-repeat;

}

#demo-link a	{
color: white;
font-weight: bold;
text-transform: capitalize;
font-size: 13px;
background: url(../img/download_brochure_back_off.gif) 0 0 no-repeat;
display: block;
height: 25px;
width: 213px;
padding-left:35px;
padding-top: 13px;

}

#lang_1 #demo-link a {padding-left: 15px;font-size:12px}

#testimonial {

width: 160px;
padding: 35px 23px 0 30px;
float: left;
background: url(../img/testimonial_back.jpg) 0 25px no-repeat;
height: 368px;

}

#testimonial h3 {

color: white;
text-align: center;
margin-bottom: 20px;

}

#testimonial blockquote {

background: url(../img/comment_begin.jpg) 0 0 no-repeat;
font-size: 11px;
color: white;
font-style: italic;
padding: 0 20px;
margin-bottom: 10px;

}

#testimonial blockquote span {

display: block;
background: url(../img/end_comment.jpg) 0 0 no-repeat;
width: 14px;
height: 14px;
float: right;
position: absolute;
margin-left: 125px;
margin-top: -10px;

}

#testimonial p {

color: #999;
padding-left: 20px;
margin-bottom: 20px;

}

#testimonial a {

font-size: 12px;
text-decoration: underline;
color: #7db900;
background: url(../img/green_arrow.jpg) 10px 0 no-repeat;
padding-left: 27px;

}

#lang_1 #testimonial a {

padding-left: 22px;
margin-left: -10px;

}

/* estilos info
----------------------------------------------------------------*/

#info {

background: url(../img/info_back.jpg) 0 0 repeat-x;

}

#text {

width: 600px;
float: left;
padding-right: 10px;

} 

#text h3 {

width: 240px;
height: 21px;
background: url(../img/replacement_onlineVideoSolutions.jpg) 0 0 no-repeat;
text-indent: -2000px;
margin: 20px 0;

}

#lang_0 #text h3 {background: url(../img/replacement_onlineVideoSolutions_0.jpg) 0 0 no-repeat;}

#lang_1 #text h3 {background: url(../img/replacement_onlineVideoSolutions_1.jpg) 0 0 no-repeat; width: 300px;}

#lang_2 #text h3 {background: url(../img/replacement_onlineVideoSolutions_2.jpg) 0 0 no-repeat;width:260px;}




.block {

border-bottom: solid 1px #dcdcdc;
float: left;
width: 280px;
margin: 10px;
height: 108px;

}

.block img {

float: left;
margin-right: 10px;

}

.block p {

margin-left: 74px;
margin-top: 5px;
color: #7e7d7d;

}

/* estilos datasheet */

#datasheet{

clear: left;
width: 580px;
padding: 0 15px;

}

#datasheet h3 {

width: 108px;
height: 18px;
background: url(../img/replacement_datasheet.jpg) 0 0 no-repeat;
text-indent: -4000px;
margin-bottom: 10px;

}

#datasheet p {

color: #7e7d7d;
float: left;
width: 450px;
margin: 0 10px 10px 3px;

}

#download-data {

float: right;
margin-top: 10px;
margin-right: -2px;
background:url(../img/download_datasheet_back_off.jpg) 0 0 no-repeat;
width: 97px;
height: 25px;
font-size: 13px;
padding: 10px 0 0 27px;
color: white;
font-weight: bold;

}

/* estilos form
----------------------------------------------------------------*/

#form {

margin-top: 20px;
float: right;
width: 335px;
border-left: solid 1px #dcdcdc;
padding-left: 25px;
height: 590px;

}

#form h3 {

width: 156px;
height: 20px;
background: url(../img/replacement_contactSales.jpg) 0 0 no-repeat;
text-indent: -4000px;
margin-bottom: 10px;

}

#lang_0 #form h3 {background: url(../img/replacement_contactSales_0.jpg) 0 0 no-repeat;}

#lang_1 #form h3 {background: url(../img/replacement_contactSales_1.jpg) 0 0 no-repeat; width: 300px;}

#lang_2 #form h3 {background: url(../img/replacement_contactSales_2.jpg) 0 0 no-repeat; width: 300px;}



#form form {

font-size: 12px;
color: #939393;

}

#form table {

width: 315px;

}

#form label {

margin-bottom: 3px;
display: block;

}

#form td {

padding: 5px 0;

}

#form .text {

width: 147px;
height: 18px;
padding: 3px 0 0 5px;
background: url(../img/input_back.jpg) 0 0 no-repeat;
border: none;
color: #666;

}

#form select {

width: 150px;
height: 18px;

}

#form .textarea {

border: none;
background:url(../img/textarea_back.jpg) 0 0 no-repeat;
width: 312px;
height: 35px;
overflow-x: auto;
overflow-y: hidden;
padding: 5px;
 
}

#form textarea {

width: 312px;
height: 35px;
border: none;
background: none;
font-size: 12px;
color: #666;

}

#demo {

float: left;
margin-right: 5px;

}

#captcha-section img{

float: left;
margin-right: 10px;

}

#captcha-section label {

float: left;
margin-top: 5px;

}

#captcha-section input {

width: 60px;
height: 18px;
padding-top: 3px;
background: url(../img/input_sm_back.jpg) 0 0 no-repeat;
border: none;
text-align: center;
float:left;

}

#form .submit {

margin-top: -5px;
background: url(../img/submit_bt_off.jpg) 0 0 no-repeat;
width: 79px;
height: 34px;
font-size: 14px;
color: white;
font-weight: bold;
border: none;
cursor: pointer;
cursor: hand;
}


/* estilos footer
----------------------------------------------------------------*/

#footer {

background: #3a3c3b url(../img/footer_back.jpg) 0 0 repeat-x;
padding-top: 35px;
height: 40px;

}

#footer ul {

float: left;

}

#footer li {

display: inline;
font-size: 12px;
color: white;

}

#footer li a {

color: white;
border-left: solid 1px #7db900;
padding-left: 10px;
margin-left: 10px;

}

#powered {

float: right;
color: white;
font-size: 10px;
margin-top: -10px;

}

#powered img {

vertical-align: middle;
margin-left: 5px;

}

/* estilos legal y privacidad
----------------------------------------------------------------*/

#legal, #privacy {

padding-right: 10px;

}

#legal p,  #privacy p {
	
	font-size:12px;
	color: #3a3c3b;
	text-align: justify;
	margin-bottom:27px;
	padding-top:3px;
	
}

#legal strong, #legal em,  #privacy strong,  #privacy em {
	
	color: black;
	
}

#legal h2,  #privacy h2 {
	
	font-size:22px;
	color:black;
	margin-bottom: 10px;
}

#legal h3, #privacy h3 {
	
	font-size: 15px;
	width:390px;
	margin-bottom: 10px;
	
}

#legal ul,  #privacy ul {
	
	margin-bottom:27px;
	padding-left: 30px;
}

#legal ul ul,  #privacy ul ul {
	
	padding-left:20px;
	margin-bottom:0px;
}

#legal li,  #privacy li {
	
	list-style: circle;
	font-size:12px;
	color: #3a3c3b;
	margin:5px 0px;
}

#legal a, #privacy a {color: #7db900;}



/* contact us
----------------------------------------------------------------*/

#contact-frame {height:250px; overflow: hidden;}

#contact-frame h2 {margin-bottom: 10px;}

#contact-frame .office {width: 180px; height: 100px; float: left; margin-bottom: 20px;}

#contact-frame a {color: #7db900;}



/* whitepaper form
----------------------------------------------------------------*/

#datasheet-form h2 {padding-bottom: 5px; border-bottom: solid 1px #999; margin-bottom: 10px;}

#datasheet-form #left{width:278px; padding: 0 10px; margin-right: 5px; float:left;}

#datasheet-form p {text-align: justify; margin-bottom: 10px; font-size: 11px;}

#datasheet-form ul {padding: 0 10px 10px 10px; text-align: justify;}

#datasheet-form li {margin-bottom: 10px;}

#datasheet-form #right{width:330px; height: 415px; padding: 10px; float: left; background: url(../img/data_form_back.jpg) 0 0 no-repeat;}

#datasheet-form h3 {font-size: 13px; color: black; margin-bottom: 10px;}

#datasheet-form form {font-size: 12px;}

#datasheet-form label {color: #7e7d7d; display: block; width: 110px;}

#datasheet-form li {font-size: 11px;}

#lang_1 #datasheet-form li {margin-bottom: 6px;}

#datasheet-form .text {

width: 207px;
height: 18px;
padding: 3px 0 0 5px;
background: url(../img/input_back_grey.jpg) 0 0 no-repeat;
border: none;
color: #666;

}

#datasheet-form select {width: 210px;}

#datasheet-form tr {height: 30px;}

#captcha-popup img{

float: left;
margin-right: 10px;

}

#captcha-popup label {

clear: both;
display: block;
width: 300px;
}

#captcha-popup input {

width: 60px;
height: 18px;
padding-top: 3px;
background: url(../img/input_sm_back.jpg) 0 0 no-repeat;
border: none;
text-align: center;
float:left;

}

#datasheet-form .submit {

margin-top: -5px;
background: url(../img/submit_bt_off.jpg) 0 0 no-repeat;
width: 79px;
height: 33px;
font-size: 14px;
color: white;
float: right;
font-weight: bold;
border: none;

}

#datasheet-form #demolabel_p {width: 300px;}


/* gestión de errores
----------------------------------------------------------------*/

#error-box {display: none; background: #fce7e6 url(../img/warning.jpg) 10px center no-repeat; margin-right: 10px;}

#error-box label {color: #db0d0d; font-size: 12px; line-height: 14px; padding: 5px 5px 3px 40px; display: block;}

#form label.error {color: #db0d0d;}

#form select.error, #datasheet-form select.error{border: solid 1px #db0d0d;}

#form input.error {

	width: 147px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: url(../img/input_error.jpg) 0 0 no-repeat;
	border: none;
	color: #666;

}

#error-box-p {display: none; background: #fce7e6 url(../img/warning.jpg) 10px center no-repeat; margin-right: 10px;}

#error-box-p label {color: #db0d0d; font-size: 12px; line-height: 14px; width: 270px; padding: 5px 5px 3px 40px; display: block;}

#datasheet-form label.error {color: #db0d0d;}

#datasheet-form input.error {

	width: 207px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: url(../img/input_long_error.jpg) 0 0 no-repeat;
	border: none;
	color: #666;

}

#error-box-p p, #error-box p { padding: 3px 0 3px 35px; width: 200px; }

/* info popup */

#infoPop {color: white;}

#pop{ color: #666; padding-top:30px; font-size: 12px; text-align: left; padding-left:20px;}

#pop a {color: #7db900;}

#pop a:hover {text-decoration: underline;}

#message-cont {display: none; font-size: 12px;}

.green {font-weight: bold; color: #7db900;}

.data-error {font-size: 12px; color: #db0d0d;}