﻿/* ###########################################################################
# Default stylesheet #

COPYRIGHT 2007 Tenrec, Inc.
########################################################################### */
/* this forces a scrollbar in firefox so all pages have regardless of necessity to scroll */
html { overflow-y: scroll; }

body {
margin:0;
padding:0;
font: 1.1em/1em trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
background-color:#fff;
color:#7f7f7f;
text-align:left;
}

* {
margin:0;
padding:0;
}

* img {
border-style: none;
}
	
#logo {
display:block;
}
	
#logoprint {
display:none;
}
	
#rollovers {
position:absolute;
left:-1000px;
}



/* Custom */

h2 {
color:#3a72b6;
font-size:1.2em;
}
a {
color:#ff45a2 ;
}
a:hover {
text-decoration:none;
color:#f268a9;
}

a.videolink {
font: 1.1em/1em trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
color:#779cce ;
}

p {
margin-bottom:10px;
}

.pinktext {
color:#d33f89;
}

#container {
	position: absolute;
	padding-left:50px;
	width:750px;
	margin:0 auto;
	left: 84px;
	top: 151px;
}
#container1 {
	position: absolute;
	padding-left:50px;
	width:750px;
	margin:0 auto;
	left: 177px;
	top: 160px;
}

#container2 {
	position: absolute;
	padding-left:50px;
	width:750px;
	margin:0 auto;
	left: 145px;
	top: 153px;
	height: 748px;
}

#mast2_center {
position: absolute;
width:470px;
float:center;
}

#flowers {
text-align:right;
top:311px;
left: 145px;
position:absolute;
margin-left:390px;
}

#container2_PSA {
	position: relative;
	margin:0 auto;
	width: 800px;
	height: 748px;
	z-index: 10;	
}

#container_small {
	position: absolute;
	padding-left:0px;
	width:470px;
	margin:0 auto;
	left: 221px;
	top: 98px;
}

#container_top {
	position: absolute;
	padding-left:0px;
	width:470px;
	margin:0 auto;
	left: 147px;
	top: -105px;
}



#container_email {
	position: absolute;
	padding-left:0px;
	width:470px;
	margin:0 auto;
	left: 113px;
	top: 1px;
}

#container_pinktext {
	position: absolute;
	padding-left:0px;
	width:470px;
	margin:0 auto;
	left: 196px;
	top: 305px;
}

#content_small {
	position: relative;
	padding-left:0px;
	width:350px;
	margin:0 auto;
	left: -185px;
	top: -140px;
}

#content_pic {
	position: absolute;
	padding-left:0px;
	width:350px;
	margin:0 auto;
	left: -170px;
	top: -602px;
}

#content_VotesCounter {
	position: absolute;
	padding-left:0px;
	width:350px;
	margin:0 auto;
	left: 0px;
	background: #FFFFFF;
	border-color: #ec72a3;
	border-width: 1px;
	border-style:solid;
}
#content_Thankyoupage {
	position: absolute;
	font-size: 14px;
	padding-left:0px;
	width:350px;
	margin:0 auto;
	left: 0px;
	background: #FFFFFF;
	border-color: #ec72a3;
	border-width: 1px;
	border-style:solid;
}

#content_videosall {
	position: absolute;
	padding-left:0px;
	width:350px;
	margin:0 auto;
	left: 0px;
	top: 2px;
	      	
}

#videos_right {
    position: absolute;
	margin:0 auto;    
	width:314px;
	left: 468px;
	top: -90px;	
	background-image: url(../images/videocontest/pinkbg.gif);	
}

#videos_left {
    position: absolute;
	left: 21px;
	top: -44px;
    margin:0 auto;
	padding-left:0px;
	width:420px;
	z-index: 103;	
}

#videoContentholder {
    position: absolute;
	left: 221px;
	top: 117px;
	padding-left:0px;
	width:420px;
	z-index: 109;	
}

#mainimage {
    position: absolute;
	left: -110px;
	top: 63px;
	padding-left:0px;
	width:420px;
	z-index: 109;	
}

#footer {
    position: absolute;
	left: 21px;
	top: -44px;
    margin:0 auto;
	padding-left:0px;
	width:420px;
	z-index: 103;	
}

div.videos .video1 {
width:115px;
padding-right:0px;
left: 61px;
}

#header {
background-image:url(../images/videocontest/header.gif);
background-repeat:no-repeat;
background-position:center;
height:143px;
}

#headerplain {
position: relative;
background-image:url(../images/videocontest/headerplain.gif);
background-repeat:no-repeat;
background-position:center;
}

#header2 
{
position: relative;
background-image:url(../images/videocontest/header2.gif);
background-repeat:no-repeat;
background-position:center;
height:288px;
}

#header3 {
position:relative;
z-index: 100;
background-image:url(../images/videocontest/header_psa.gif);
background-repeat:no-repeat;
background-position:center;
height:143px;
}

#header4 {
position: relative;
background-image:url(../images/videocontest/header4.gif);
background-repeat:no-repeat;
background-position:center;
height:288px;
}


#mast2 {
clear:both;
color:#666;
font-size:.7em;
width:750px;
height:173px;
padding-bottom:15px;
background-image:url('../images/mast2.gif');
background-repeat:no-repeat;
line-height:1.1em;
position:relative;
}

#mast2_about {
width:200px;
float:left;
padding:40px 20px 10px 33px;
}
	
#mast2_spread {
width:200px;
float:left;
padding:40px 20px 10px 22px;
}
	
#mast2_story_bus {
width:190px;
float:left;
padding:30px 20px 10px 33px;
position:absolute;
}

#spanish #header {
background-image:url(../images/videocontest/header.gif);
}

#logo {
background-image:url(../images/videocontest/logo.gif);
background-repeat:no-repeat;
height:143px;
background-position:right 7px;
width:810px;
margin:0 auto;
}

#nav {
float:left;
padding: 30px 0 0 320px;
font-size:.6em;
font-weight:bold;
width:314px;
}

#nav li {
list-style:none;
display:inline;
border-right:1px solid #FFF;
padding:0 4px;
}

#nav li.last {
border:none;
}
#nav li a {
text-decoration:none;
color:#3a72b6;
}
#nav li a:hover {
color:#ff4582;
}
#nav li a.active {
color:#ff4582;
}


#mast1 {
overflow:auto;
font-size:.65em;
padding-top:5px;
}

#featured_stories {
margin-top:12px;
width:229px;
height:150px;
background-image:url(../images/videocontest/bg_featured_stories.gif);
background-repeat:no-repeat;
padding:27px 20px 20px 20px
}
#featured_stories .name {
width:45%;
float:left;
}
#featured_stories .location {
width:45%;
float:right;
text-align:right;
padding-right:15px;
}

#mast1_left {
width:269px;
float:left;
}
#mast1_right {
width:470px;
float:right;
}

#mast2 {
clear:both;
color:#666;
font-size:.7em;
width:750px;
height:173px;
padding-bottom:15px;
background-image:url(../images/videocontest/mast2.gif);
background-repeat:no-repeat;
line-height:1.1em;
position:relative;
}

#videosalll {
color:#ec72a3;
font-size:.7em;
}

#mast2_about {
width:200px;
float:left;
padding:40px 20px 10px 33px;
}
	
#mast2_spread {
width:200px;
float:left;
padding:40px 20px 10px 22px;
}
	
#mast2_story_bus {
width:190px;
float:left;
padding:30px 20px 10px 33px;
}

#sponsors {
height:149px;
}

#flower {
text-align:right;
top:311px;
position:absolute;
margin-left:390px;
}


/* Form */

#form_head {
height:23px;
overflow:auto;
margin-bottom:10px;
}

select {
color:#7f7f7f;
}
label {  
float:left;  
width:110px;
margin-right:1em;  
text-align:right;
}
ol.right label {
width:130px;
}

select {
border:1px solid #ffd6e9;
background-color:#fff;
font-size:.9em;
color:#7f7f7f;
}
input.text {
font-family:trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
color:#7f7f7f;

width:150px;
border:1px solid #ffd6e9;
background-color:#fff;
}
.checkbox {
border:1px solid #ffd6e9;
background-color:#fff;
}
textarea {
border:1px solid #ffd6e9;
background-color:#FFF;
color:#7f7f7f;
font-family:trebuchet,trebuchet ms,verdana,arial,helvetica,sans-serif;
}
fieldset ol {
list-style:none;
margin:0;
}
fieldset li {
padding-bottom:7px;
}
fieldset {
border:none;
}

#outer_form_container {
margin:0 auto;
width:752px;
background-image:url(../images/videocontest/form_tile.gif);
background-repeat:repeat-y;
}
#form_container {
background-image:url(../images/videocontest/form_header.gif);
background-repeat:no-repeat;
font-size:.7em;
}
#spanish #form_container {
background-image:url(../images/videocontest/form_header.gif);
}
#form_top {
background-image:url(../images/videocontest/form_top.gif);
background-repeat:no-repeat;
width:752px;
height:12px;
overflow:hidden;
margin:10px auto 0 auto;
}
#form_bottom {
background-image:url(../images/videocontest/form_bottom.gif);
background-repeat:no-repeat;
width:752px;
height:14px;
overflow:hidden;
margin:0 auto;
}
#reg_form {
margin-top:-55px;
padding:150px 60px 30px 34px;
}

#close {
text-align:right;
padding:13px 0px 0 0;
}
#language {
font-size:.9em;
text-align:left;
position:absolute;
top:202px;
padding-left:250px;
}
#spanish #language {
padding-left:270px;
}
ol.left {
width:45%;
float:left;
}

ol.right {
width:50%;
float:left;
}

fieldset.registration {
padding-top:10px;
}
fieldset.bday_tags {
margin-top:10px;
}
fieldset.about {
margin-top:20px;
}

#baby1 fieldset.about {
background-image:url(../images/videocontest/head_about_the_baby.gif);
background-repeat:no-repeat;
padding-top:40px;
}
#spanish #baby1 fieldset.about {
background-image:url(../images/videocontest/head_about_the_baby.gif);
}


fieldset.tags {
margin-top:20px;
background-image:url(../images/videocontest/head_baby_tags.gif);
background-repeat:no-repeat;
padding-top:40px;
}

#spanish fieldset.tags {
background-image:url(../images/videocontest/head_baby_tags.gif);
}

fieldset.submit {
background-image:url(../images/videocontest/blue_line.gif);
background-repeat:no-repeat;
padding-top:20px;
}
ul.piped {
font-weight:bold;
text-align:right;
font-size:.9em;
padding-right:28px;
}
ul.piped li {
display:inline;
border-right:1px solid #7f7f7f;
padding:0 5px;
}
ul.piped li.last {
border:none;
}
ul.piped li a {
font-weight:normal;
}
ul.piped li a.active {

}

legend {
display:none;
color:#3a72b6;
font-size:1.1em;
width:678px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:10px;
background-image:url(../images/videocontest/blue_on_pink_line.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#legend li {
}
#legend ul li.key {
}
#legend ul li.baby_story {
background-image:url(../images/videocontest/icon_baby_story.gif);
background-repeat:no-repeat;
padding-left:24px;
background-position:left center;
}
#legend ul li.landmark {
background-image:url(../images/videocontest/icon_landmark.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position:left center;
}
#legend ul li.story_bus_stop {
background-image:url(../images/videocontest/icon_story_bus_stop.gif);
background-repeat:no-repeat;
padding-left:15px;
background-position:left center;
}


#baby1 {

}
#baby2 {
display:none;
}
#baby3 {
display:none;
}
#baby4 {
display:none;
}


#add_btn_4 {
margin-bottom:10px;
}


#add_btn_3 {
margin-bottom:10px;
}


#add_btn_2 {
	position:absolute;
	margin-bottom:10px;
	left: 196px;
	top: 313px;
}
.pd_day {
width:60px;
}

ul.tag_presets {
padding-left:125px;	
padding-top:18px;
}
ul.tag_presets li {
display:inline;
list-style:none;
padding-right:6px;
}



/* Story Map */

#large_map {
margin-top:10px;
border:1px solid #bbdaec;
width:752px;
}
#legend {
background-color:#bbdaec;
color:#5c8dc8;
font-size:.65em;
font-weight:bold;
padding:2px 15px;
}
#legend ul {

}
#legend li {
list-style:none;
display:inline;
padding-top:2px;
padding-bottom:2px;
padding-right:15px;
}
#legend img {
vertical-align:middle;
}


#story_mast {
padding-top:54px;
margin-top:25px;
height:238px;
width:759px;
background-image:url(../images/videocontest/story_mast.gif);
background-repeat:no-repeat;
font-size:.65em;
line-height:1.2em;
padding-left:39px;
overflow:hidden;
}
#story_mast td {
padding-bottom:8px;
}


#recent_stories {
width:171px;
float:left;
margin-right:70px;
}
#popular_stories {
width:180px;
float:left;
margin-right:64px;
}
#contribute {
padding-top:37px;
width:190px;
float:left;
}
td.name_loc {

}
td.date {
text-align:right;
}
td.hits {
text-align:right;
}
#field_province {
display:none;
}




/* Login Form */

#login_form {
display:none;
position:absolute;
left:50%;
margin-left:-162px;
top:100px;
width:313px;
font-size:.6em;


background-color:#ffeff6;
border:2px solid #ff4582;
}

#login_form ol {
margin-bottom:10px;
}
#login_form_top {

background-image:url(../images/videocontest/head_member_login.gif);
background-position:20px 20px;
background-repeat:no-repeat;
height:50px;
/*background-image:url(../images/videocontest/login_top.gif);
height:39px;
overflow:hidden;
*/
}
#login_form_body {
padding:18px 0 25px 24px;
/*background-image:url(../images/videocontest/login_tile.gif);*/
background-repeat:repeat-y;
}
#login_form_bottom {
/*background-image:url(../images/videocontest/login_bottom.gif);*/
background-repeat:no-repeat;
height:8px;
}
#login_form ul.links {
line-height:1.2em;
float:left;
}
#login_form ul.links li {
list-style:none;
}
#login_form .submit {
float:right;
padding-right:30px;
}
#login_form label {
float:left;  
width:60px;
margin-right:1em;  
text-align:right;
}
#login_form input.text {
width:177px;
border:1px solid #ffd6e9;
background-color:#fff;
}


/* Spread The Word */

#spread_form {
margin-top:31px;
width:734px;
font-size:.65em;
line-height:1.2em;
margin-bottom:47px;
}
#spread_form_top {
background-image:url(../images/videocontest/spread_form_top.gif);
background-repeat:no-repeat;
height:88px;
padding-left:180px;
}
#spread_form_body {
margin-top:5px;
background-image:url(../images/videocontest/spread_form_tile.gif);
background-repeat:repeat-y;
padding-bottom:15px;
width:734px;
overflow:auto;
}


#spread_fields_from {
padding-top:18px;
background-image:url(../images/videocontest/spread_fields_from.gif);
background-repeat:no-repeat;
width:363px;
height:64px;
}
#spread_form_body {
margin:0;
padding:0;
}


#spread_fields_to {
background-image:url(../images/videocontest/spread_fields_tile.gif);
background-repeat:repeat-y;
width:363px;
}

#spread_fields_to1 {
padding-bottom:15px;
}
ol.to {
margin-top:10px;
background-image:url(../images/videocontest/head_to.gif);
background-repeat:no-repeat;
background-position:34px 0;
padding-top:4px;
}
#spread_fields_to4 {
display:none;
padding-bottom:15px;
}
#spread_fields_to3 {
display:none;
padding-bottom:15px;
}
#spread_fields_to2 {
display:none;
padding-bottom:15px;
}
#spread_fields_to4 {
padding-bottom:5px;
}

#spread_fields_left {
width:363px;
margin-left:15px;
padding-bottom:10px;
}

#spread_fields_bottom {
background-image:url(../images/videocontest/spread_fields_bottom.gif);
background-repeat:no-repeat;
height:6px;
}


#spread_fields_left label {
width:165px;
margin-right:8px;
}
#spread_fields_left input.text {
width:165px;
}

#add_btn_4 {
text-align:right;
width:150px;
}

#add_btn_3 {
text-align:right;
width:150px;
}

#add_btn_2 {
text-align:right;
width:150px;
}
#spread_fields_right {
	padding-left:60px;
	left:400px;
	position:absolute;
	top:163px;
	width:285px;
}


#spread_form_bottom {
background-image:url(../images/videocontest/spread_form_bottom.gif);
background-repeat:no-repeat;
height:8px;
clear:both;
}



div.spread_chunk {
font-size:.7em;
line-height:1.2em;
}
div.spread_chunk .spread_chunk_img {
float:left;
width:178px;
text-align:center;
margin-bottom:20px;
}
div.spread_chunk .spread_chunk_content {
float:left;
width:305px;
padding-right:45px;
}
div.spread_chunk .spread_chunk_links {
}
div.spread_chunk .spread_chunk_links li {
list-style:none;
}
.spread_chunk_divider {
clear:both;
background-image:url(../images/videocontest/blue_white_line.gif);
background-repeat:no-repeat;
height:20px;
}

/* Footer */

#footer {
	position: relative;
	margin-top:20px;
	width:750px;
	font-size:.7em;
	line-height:1.2em;
	left: 57px;
	top: 420px;
}

#footerdotted {
	position: absolute;
	margin-top:20px;
	width:780px;
	font-size:.7em;
	line-height:1.2em;
	left: 55px;
	top: 520px;
}

#footer2 {
	position: absolute;
	margin-top:20px;
	width:750px;
	font-size:.7em;
	line-height:1.2em;
	left: 53px;
	top: 434px;
}

#footer1 {
	position: absolute;
	margin-top:20px;
	width:750px;
	font-size:.7em;
	line-height:1.2em;
	left: 53px;
	top: 434px;
}

#footer3 {
	position: absolute;
	margin-top:20px;
	width:750px;
	font-size:.7em;
	line-height:1.2em;
	left: 54px;
	top: 381px;
}


#mast1 {
overflow:auto;
font-size:.65em;
padding-top:5px;
}

#featured_stories {
margin-top:12px;
width:260px;
height:150px;
background-image:url('../images/bg_featured_stories.gif');
background-repeat:no-repeat;
padding:30px 0px 20px 0px;
/*text-align:center;*/
}
#featured_stories .name {
margin-left: 66px;
}
#featured_stories .location {
margin-left: 66px;
}
#featured_stories #hrfFeaturedImg {
margin-left: 66px;
text-align: center;

}
#mast1_left {
width:269px;
float:left;
}
#mast1_right {
width:470px;
float:right;
}

#mast2 {
clear:both;
color:#666;
font-size:.7em;
width:750px;
height:173px;
padding-bottom:15px;
background-image:url('../images/mast2.gif');
background-repeat:no-repeat;
line-height:1.1em;
position:relative;
}

#mast2_about {
width:200px;
float:left;
padding:40px 20px 10px 33px;
}
	
#mast2_spread {
width:200px;
float:left;
padding:40px 20px 10px 22px;
}
	
#mast2_story_bus {
width:190px;
float:left;
padding:30px 20px 10px 33px;
}

#sponsors {
	float: left;
	background: url('../images/bg_dottedline.gif') bottom repeat-x;
}

	#sponsors ul {
		list-style: none; 
		float: left;
		background: url('../images/bg_dottedline.gif') top repeat-x;
		}
	
		#sponsors ul li {
			float: left; 
			margin: 5px;
			}
			
		#sponsors ul li img {
			margin-right: 35px;
			}		






#footer_nav {
margin-bottom:10px;
overflow:auto;
}

#footer_nav li {
list-style:none;
display:inline;
border-right:1px solid #ccc;
float:left;
padding:0 5px;
}
#footer_nav li.first {
padding-left:0;
}
#footer_nav li.last {
padding-right:0;
border:none;
}
#footer_nav li a {
text-decoration:none;
color:#7f7f7f;
}
#footer_nav li a:hover {
text-decoration:underline;
}

#copyright {
clear:both;
}

/* Buttons */

button { border:0; cursor:pointer; padding:0 20px 0 0; text-align:center; }
   button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }

   /*blue buttons*/
   button.submitBtn { background:url(../images/videocontest/btn_blue_right.gif) right no-repeat; font-size:.8em; }
   button.submitBtn span { height:24px; line-height:24px;background:url(../images/videocontest/btn_blue_left.gif) left no-repeat;color:#fff; }
   button.submitBtn:hover {background:url(../images/videocontest/btn_blue_right_hover.gif) right no-repeat; }
   button.submitBtn:hover span {background:url(../images/videocontest/btn_blue_left_hover.gif) left no-repeat; }


