@charset "UTF-8";
/* CSS Document */
a.btnGreenActB:link, a.btnGreenActB:active, a.btnGreenActB:visited, a.btnGreenActB:hover { float: right; font-weight: bold; background: url(/do/images/btn_green.png) top right no-repeat; margin: 0px 8px 0 0; padding-right: 14px; height: 34px; display: inline-block; text-decoration: none;}
a.btnGreenActB span {cursor: pointer; display: block; height: 34px; line-height: 34px; background: url(/do/images/btn_green.png) top left no-repeat transparent; color: #fff; padding-left: 15px;}
a.btnGreenActB:hover {background-position: bottom right;}
a.btnGreenActB:hover span {background-position: bottom left;}
/* ----- General Styles ----- */
html, body{
margin:0;
padding:0;
}

a{
outline:none;
}

body{
background-image:url('../images/bg-main-hq.jpg');
background-repeat:no-repeat;
background-position:top center;
background-color:#000;
}

#seo{
display:none;
}

#fb{
display:none;
}

#container{
width:950px;
margin:0;
padding:0;
margin-left:auto;
margin-right:auto;
padding-top:25px;
}

#content{
float:left;
width:950px;
height:auto;
}

#lower-content{
width:690px;
height:250px;
margin-left:140px;
margin-top:25px;
}

#header{
float:left;
width:950px;
margin-bottom: 30px;
}

/* ----- Watch Styles ----- */

#video{
float:left;
padding-left: 155px;
height:376px;
width:640px;
z-index:1;
}

#video-wrapper{
float:left;
clear:left;
margin-top:30px;
margin-left:140px;
background-image:url('../images/bg-video.png');
background-repeat:repeat;
padding:10px;
}

#downloads{
float:left;
clear:left;
margin-left:150px;
margin-top:5px;
height:23px;
width:230px;
}

#downloads p{
float:left;
color:#fff;
font-family:Tahoma,Arial,sans-serif;
font-size:12px;
font-weight:900;
margin:0;
padding:0;
margin-right:10px;
margin-left:5px;
margin-top:4px;
}

#downloads ul{
float:left;
margin:0;
padding:0;
height:25px;
}

#downloads li{
float:left;
width:45px;
display:inline;
list-style-type:none;
margin-right:5px;
}

#downloads li img{
border:0;
margin-right:4px;
margin-top:5px;
}

#downloads li a{
text-decoration:none;
color:#fff;
font-family:Tahoma,Arial,sans-serif;
font-size:12px;
}

#downloads li a:hover{
font-weight:900;
}

.bye-bye {
float:left;
margin:0;
margin-top: 15px;
margin-bottom:30px;
margin-left:130px;
}

.next {
float:right;
height:18px;
width:30px;
margin-right:150px;
margin-top:10px;
padding:3px 65px 5px 5px;
z-index:3;
}

.next img{
display:inline;
}

.next:hover img{
display:inline;
}



p{
color:#fff;
text-align:center;
font-family:Tahoma,Arial,sans-serif;
font-size:16px;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
}

/* ----- Learn Styles ----- */

#text-content{
float:left;
width:345px;
margin-top:40px;
padding:20px;
background-color:#000;
display: inline;
}

#text-content h2{
margin-top:5px;
font-family: Arial,Verdana,sans-serif;
font-size:20px;
color:#fff;
}

#text-content p{
text-align:left;
color:#fff;
font-size: 12px;
font-family: Verdana,Arial,sans-serif;
font-weight:100;
}

#different{
float:left;
clear:left;
margin-top:15px;
margin-right:40px;
font-size:18px;
font-weight:900;
text-transform:uppercase;
}

#different a{
color: #666;
font-size: 16px;
font-weight: bold;
text-decoration:underline;
}
#different a:hover {
color: #fff;
text-decoration: none;
}


.roll-img{
float:left;
width:192px;
height:63px;
margin:20px 200px 20px 20px;
}

.rollover{
font-weight:900;
color:#fff;
text-decoration:none;
cursor:pointer;
}

#borrowa:hover{
color:#4477b3;
}

#renta:hover{
color:#ffbe16;
}

#gifta:hover{
color:#70ae3a;
}

/* ----- Do Styles ----- */

#smarter{
text-transform:uppercase;
font-weight:900;
color:#5ca2f5;
}

#form-area{
position:relative;
float:left;
width:675px;
height:260px;
padding:20px;
padding-bottom:55px;
margin-left:135px;
margin-top:5px;
background-color:#000;
display: inline;
}

#form-area h3{
position:absolute;
width:675px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:16px;
font-weight:900;
text-align:center;
color:#5392dc;
margin:0;
margin-top:15px;
}

#form-area p{
width:675px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:16px;
font-weight:900;
text-align:center;
color:#7edb3d;
margin:0;
margin-bottom:20px;
}

fieldset{
border:0;
}

#form-area label{
width:300px;
margin-top:7px;
margin-bottom:5px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:16px;
text-align:left;
color:#fff;
}

input.first{
width:352px;
margin:0;
padding:0;
padding:7px 5px 5px 5px;
background-image:url('../images/bg-input.jpg');
background-repeat:no-repeat;
margin-bottom:5px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:16px;
text-align:left;
color:#000;
border:0;
}

#pre-submit{
float:right;
clear:left;
height:36px;
width:250px;
padding-left:12px;
background-image:url('../images/submit_button.png');
background-repeat:no-repeat;
}

.pre_submit_class {
float:right;
clear:left;
height:36px;
width:250px;
padding-left:12px;
background-image:url('../images/submit_button.png');
background-repeat:no-repeat;
}


#pre-submit:hover{
color:#7edb3d;
}

#final-submit{
position:fixed;
top:0px;
left:0px;
height:100%;
width:100%;
background-image:url('../images/bg-presub.png');
background-repeat:repeat;
overflow:hidden;
display:table;
z-index:5;
}

#center-wrapper{
display:table-cell;
vertical-align:middle;
}

#center{
position:relative;
height:300px;
width:650px;
margin-left:auto;
margin-right:auto;
background-color:#000;
border:2px solid #fff;
z-index:6;
}

#email{
height:22px;
width:352px;
margin:0;
padding:0;
padding:7px 5px 5px 5px;
background-image:url('../images/bg-input.jpg');
background-repeat:no-repeat;
margin-bottom:5px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:16px;
text-align:left;
color:#000;
border:0;
}

input#submit{
position:absolute;
top:107px;
right:35px;
height:28px;
width:76px;
background-image:url('../images/bg-submit.jpg');
background-repeat:no-repeat;
text-decoration:none;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
font-size:14px;
font-weight:900;
color:#5392dc;
background-color:#000;
border:0;
}

#submit:hover{
color:#7edb3d;
cursor:pointer;
}

#pop1{
position:absolute;
right:-175px;
top:28px;
width:300px;
height:200px;
padding:10px;
background-image:url('../images/bg-white.png');
background-repeat:repeat;
border:2px solid #000;
z-index:5;
}

#pop1 p{
float:left;
width:300px;
color:#000;
font-weight:100;
text-align:left;
}

#pop2{
position:absolute;
right:-175px;
top:148px;
width:300px;
height:200px;
padding:10px;
background-image:url('../images/bg-white.png');
background-repeat:repeat;
border:2px solid #000;
z-index:5;
}

#pop2 p{
float:left;
width:300px;
color:#000;
font-weight:100;
text-align:left;
}

.q div{
	display:none;
}

.q:hover div{
	display:inline;
}


/* ----- Footer Styles ----- */

#footer{
position:fixed;
bottom:0px;
left:0px;
right:0px;
width:100%;
height:57px;
padding-top:3px;
background-color:#000;
z-index:5;
}

#footer-center{
width:700px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#footer ul{
float:left;
width:700px;
text-align:center;
margin:0;
margin-left:100px;
padding:0;
}

#footer ul li{
position:relative;
float:left;
width:111px;
display:inline;
margin-right:20px;
z-index:7;
}

#footer ul li:first-child{
margin-left:30px;
}

#footer ul li img{
float:left;
height:25px;
width:25px;
margin-right:5px;
border:0;
}

#footer ul li a{
text-decoration:none;
color:#fff;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
cursor:pointer;
}

#footer ul li a:hover{
text-decoration:none;
color:#fff;
font-family:Verdana,Arial,sans-serif;
font-size:12px;
font-weight:900;
}

#footer ul li div{
position:absolute;
bottom:0px;
left:0px;
width:215px;
visibility:hidden;
z-index:2;
text-align:left;
}

#facebook div{
height:67px;
}

#twitter div{
height:45px;
}

#borrowme div{
height:88px;
}

#footer ul li:hover div{
visibility:visible;
}

#footer ul li:hover #facebooka{
visibility:hidden;
}

#footer ul li:hover #twittera{
visibility:hidden;
}

#footer ul li:hover #borrowmea{
visibility:hidden;
}


.text-link{
float:left;
padding-top:5px;
}

#footer p{
float:left;
width:700px;
margin:0;
margin-top:8px;
padding:0;
text-align:center;
font-family:Tahome,Arial,sans-serif;
font-size:9px;
color:#888;
}

#footer p a{
text-decoration:none;
color:#888;
}

#footer p a:hover{
color:#fff;
}

/* new styles for presubmit includes */

.pre_submit_placement {
	position: absolute;
	bottom: 20px;
	right: 50px;
}


#email_screen {
	position: fixed; /* please leave this as fixed */
	z-index: 997;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
	height: 130%;
	background-image: URL('/images/mapstuff/black-out3.png');
	padding-top: 150px;
}

#notice_layer {
	color: white;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
height:300px;
width:650px;
background-color:#000;
border:2px solid #fff;
z-index:6;
}
#close_email_screen{
	float: right;
	border: 0;
	background: #eeeeff;
	font-size: 14px;
	cursor: pointer;
	display: table-cell;
	z-index: 4;

}
/* Invite page below this line */


.expanderTable { 

}

.add_friend_button {
	display: inline;
	float: right;
	border: 1px solid #dbdbdb;
	cursor: pointer;
}

#email_screen{
	font-size: 14px;
font-family:"Myriad Pro",Verdana,Arial,sans-serif;
}

.expand_c_fname {

}
.email_class {
height:21px;
width:352px;
margin:0;
padding:0;
padding:7px 5px 5px 5px;
background-image:url('../images/bg-input.jpg');
background-repeat:no-repeat;
text-align:left;
color:#000;
border:0;

}

.resender {
	color: white; 
	cursor: pointer; 
}

.wrongpassword {
	color: red;
}