/* Global CSS file - 5 YEARS OF YOUTUBE */

html {margin: 0px;padding: 0px;width: 100%;height: 100%;}
body {margin: 0px;padding: 0px;width: 100%;height: 100%;font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; color:#b9b6a0}
a { cursor:pointer}
img { border:0px}
.clear {clear:both; padding:0px; margin:0px}
h2 { padding:20px 0px 0px 10px; margin:0px}
h1, h2, h3, h4 {font-weight: normal;margin:0px;padding:0px;}
.float_left { float:left}
.float_right { float:right}

h2 { font-size:3.33em; text-transform:uppercase; line-height:1.33em}
#container {width:960px; margin:0 auto 0 auto}
#header { height:142px}
#logo { text-align:center; padding:20px 0px 15px 0px}

#nav { clear:both}
#nav ul { list-style:none; margin:0px 0px 0px 0px; padding:0; }
#nav ul li {float:left;margin:0px 0px 8px 0px;}
#nav ul li a {  display:block;height:51px;background-position:center top; text-indent:-9999px}
#nav ul li a:hover { background-position:0 -51px  }
#nav ul li.on a { background-position:0 -102px}
#nav ul li#myyoutubestory a {  }
#nav ul li#fiveyeartimeline a { }
#nav ul li a {}

/* For Chrome file chooser so you can read the filename */
#video_file { font-family:Arial, Helvetica, sans-serif; color:black; font-size:12px; color:#b9b6a0 }

#topbar { width:775px; background-color:#91000a; height:15px;padding:4px 0px 2px 5px; margin:0px 0px 4px 90px; -moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px}
#topbar ul { list-style:none; margin:0; padding:0;}
#topbar ul li { float:left; margin:0px 0px 0px 4px }


#topbar #languages {
		float:left;
}

#topbar #languages ul {
		list-style:none;
}


#topbar #languages ul li{
		list-style:none;
		width:20px;
		height:13px;
		background-image:url(../images/icons/back-border.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
}

#topbar #languages ul li a{
	display:block;
	width:19px;
	height:12px;
	background-position:top left;
	background-repeat:no-repeat;
	border:2px solid #91000a;
}

#topbar #languages ul li a:hover, #topbar #languages .on a {
	border:2px solid #000000;
	padding:0;
}

#topbar #languages ul li a span{
	display:none;
}

#topbar #languages ul #lbr a { background-image:url(../images/icons/br.gif); }
#topbar #languages ul #lde a { background-image:url(../images/icons/de.gif); }
#topbar #languages ul #lmx a { background-image:url(../images/icons/mx.gif); }
#topbar #languages ul #les a { background-image:url(../images/icons/es.gif); }
#topbar #languages ul #lfr a { background-image:url(../images/icons/fr.gif); }
#topbar #languages ul #lit a { background-image:url(../images/icons/it.gif); }
#topbar #languages ul #lhk a { background-image:url(../images/icons/hk.gif); }
#topbar #languages ul #lkr a { background-image:url(../images/icons/kr.gif); }
#topbar #languages ul #lpl a { background-image:url(../images/icons/pl.gif); }
#topbar #languages ul #lru a { background-image:url(../images/icons/ru.gif); }
#topbar #languages ul #ljp a { background-image:url(../images/icons/jp.gif); }
#topbar #languages ul #lus a { background-image:url(../images/icons/us.gif); }
#topbar #languages ul #lgb a { background-image:url(../images/icons/gb.gif); }
#topbar #languages ul #lau a { background-image:url(../images/icons/au.gif); }
#topbar #languages ul #ltw a { background-image:url(../images/icons/tw.gif); }
#topbar #languages ul #lse a { background-image:url(../images/icons/se.gif); }
#topbar #languages ul #lil a { background-image:url(../images/icons/il.gif); }
#topbar #languages ul #lcz a { background-image:url(../images/icons/cz.gif); }
#topbar #languages ul #lin a { background-image:url(../images/icons/in.gif); }
#topbar #languages ul #lnl a { background-image:url(../images/icons/nl.gif); }
#topbar #languages ul #lie a { background-image:url(../images/icons/ie.gif); }
#topbar #languages ul #lca a { background-image:url(../images/icons/ca.gif); }
#topbar #languages ul #lnz a { background-image:url(../images/icons/nz.gif); }
#topbar #languages ul #lza a { background-image:url(../images/icons/za.gif); }

#topbar #share{ float:left; padding: 1px 0 0 20px; width: 175px; }

#sfacebook, #stwitter, #sgoogle {
		list-style:none;
		width:12px;
		height:13px;
		background-image:url(../images/icons/back-border.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
}

#topbar #share ul li a{
	display:block;
	width:12px;
	height:12px;
	background-position:top left;
	background-repeat:no-repeat;
	border:2px solid #91000a;
}

#topbar #share ul li a:hover, #topbar #share .on a {
	border:2px solid #000000;
	padding:0;
}


#topbar #share ul a span{ display:none; }
#topbar #share ul #sfacebook a { background-image:url(../images/icons/facebook.gif); }
#topbar #share ul #stwitter a { background-image:url(../images/icons/twitter.gif); }
#topbar #share ul #sgoogle a { background-image:url(../images/icons/google.gif); }

.overlay { background-color:black; width:960px;height:448px}
#curators {}
#curators h3 { text-transform:uppercase; font-size:1.33em; text-align:center;margin:6px 0px 0px 0px; padding:0px; height:23px}
#curators h3 span { background-color:#98000a;}
#curators ul { list-style:none; margin:0px 0 0 45px; padding:0px}
#curators ul li { float:left; margin:10px 30px; padding:0px}
#curators ul li a img { border:2px solid #898677}
#curators ul li a:hover img { border:2px solid #98000a}
#curators ul li a {text-decoration:none}
#curators ul li a h4 { text-align:center; display:block; color:white; text-transform:uppercase;}

#upload .padding, #select_video .padding, #select_video2 .padding, #select_location .padding, #thankyou .padding, #youtube_signin .padding { padding:33px}
#upload ol, #select_video ol { margin:30px 0px 30px 0px;padding:0 0 0 20px;}
#upload ol li, #select_video ol li, #select_video2 ol li {  font-size:1.5em; margin:0px 0px 0px 0px; padding:0px}
#upload p, #select_video p, #select_video2 p, #select_location p, #thankyou p, #youtube_signin p {font-size:1.5em; margin:30px 0px 30px 0px; padding:0px}
#select_video p {font-size:1.5em;padding:20px 0px 10px 0px; margin:0px}
a.red_button { font-size:1.5em; text-transform:uppercase; background-color:#b12a2d; padding:7px 15px; border:1px solid #ff3135; color:black;-moz-border-radius: 3px;-webkit-border-radius: 3px; text-decoration:none }
a.red_button:hover { background-color:#c2373a;border:1px solid black;text-decoration:none;}

#thankyou h1 { text-transform:uppercase}

a.big { font-size:2em;padding:7px 30px; }
a#next_button { margin:130px 0px 0px 0px}
p a { color:#97000a;}
p a { color:#97000a;}
#upload #next_button { float:right; margin:155px 0px 0px 0px}
#select_video .leftCol { float:left; height:200px; padding:0 40px 0 0;; border-right:1px solid #b9b6a0}
#select_video .rightCol {float:left;padding:0px 0px 0px 40px;}

#select_video h2 { font-size:2em;}
#select_video2 #video { float:left; margin:0px 0px 0px 37px}
#select_video table { margin:38px 0 0 30px; float:left}
#select_video input { background-color:#d1cfc0; border:2px solid #89836d; height:30px; font-size:1.5em; color:black;}
#select_video #next_back_nav { margin:20px 0px 0px 0px}
#select_video2 #next_back_nav { margin:55px 0px 0px 0px}

#videowall .padding, #map .padding { padding:10px 20px 20px 20px;}
#storynav ul { list-style:none; margin:0px 0px 0px 0px; padding:0px}
#storynav ul li { float:left;margin:0px; padding:0px}
#storynav ul li a {display:block;height:34px;background-position:center top;}
#storynav ul li a span {display:none;}
#storynav ul li a:hover {background-position:0 -34px }
#storynav ul li#nav1 {  margin:0px 5px 0px 0px;}
#storynav ul li#nav1 a { width:185px;}
#storynav ul li#nav2 { margin:0px 8px 0px 0px;}
#storynav ul li#nav2 a { width:185px;}
#storynav ul li#nav3 { background-color:#c3bfac; color:#66624f; width:537px;}

#storynav ul #nav3 #calltoaction { width:270px; padding: 4px 12px 0px 12px; float:left; font-weight:bold; text-transform:uppercase; font-size:1em; line-height:110%;}
#storynav ul #nav3 #cta_btn { width:243px; float:left; }
#storynav ul #nav3 a { display:block; width:243px; }

#select_location #location_map { float:left}
#select_location #back_button { margin:193px 0px 0px 0px}
#select_location #next_button { margin:173px 0px 0px 0px; float:right}
#select_location #leftCol { float:left; width:32%}
h3#share { font-size:.88em; text-transform:uppercase; font-weight:bold; margin:3px 0px 0px 0px}
h3#close {font-size:1em; text-transform:uppercase;}

#video_overlay .padding { padding:0px 15px 15px 15px }
#video_overlay a#close {color:white; text-decoration:none; background-image:url(../images/global/close_x.gif); padding:0 0 14px 15px; background-position:0 14px;background-repeat:no-repeat}
#video_overlay a#close h3 {padding:0px 0px 0px 17px;}
#video_overlay #leftCol {float:left;margin:30px 0px 0px 0px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;-moz-border-radius-bottomleft:7px;-webkit-border-bottom-left-radius:7px; width:330px; background-color:#eaeadf}
#video_overlay #leftCol .padding { padding:15px}
#video_overlay #leftCol h2 { font-size:1.25em; color:#98000a; text-transform:uppercase; width:100%; border-bottom:1px solid #98000a; font-weight:bold}
#video_overlay #leftCol p { font-size:1em; color:#464642; line-height:1.5em}
#video_overlay #leftCol #nextVid { font-size:1em; color:#98000a; font-weight:bold; text-transform:uppercase; text-decoration:none} 
#video_overlay #midCol {float:left;width:462px; background:#000 url(../images/global/grey_gradient.gif); -moz-border-radius: 7px;-webkit-border-radius: 7px; background-repeat:repeat-x }
#video_overlay #midCol #video { padding:14px}
#video_overlay #rightCol {float:left; margin:0px 0px 0px 10px}
#video_overlay #rightCol #vids { background-color:#757678; -moz-border-radius: 7px;-webkit-border-radius: 7px; padding:10px}
#video_overlay #rightCol h3 { padding:0px 0px 10px 0px; text-transform:uppercase}
#video_overlay #rightCol #vids a { color:black; text-decoration:underline; text-align:center; font-size:.88em}
#video_overlay #rightCol #vids a span { display:block; text-align:center}

hr.rule {line-height:1px;height:1px;padding:0px;margin:35px 0px 0px 0px; background-color:#89836d; color:#89836d; border:0px}

.signupprocess{
	background-color:#000000;	
}

#youtube_signin #back_button { margin:100px 0px 0px 0px}
#youtube_signin .padding h2{
	padding: 0 0 20px 0;
}

#youtube_signin .padding a{color: #ff3135;}
.ytsignup a {color: #ff3135;}

#youtube_signin .padding .submit-form { color:black; margin:35px 0px 0px 0px}

.ytlogin{
	float:left;
	
	padding: 0 50px 0 0;
	border-right:1px solid #b9b6a0;
}

.ytsignup{
	float:left;
	width: 300px;
	font-size: 1.4em;
	padding: 0 0 0 50px;
}
a#yt_signin_btn {display:block; font-size:2.5em; background-color:white; padding:0px; min-width:200px; color:#000000; border:2px solid #ffffff; font-weight:bold;-moz-border-radius: 7px;-webkit-border-radius: 7px; text-decoration:none; text-align:center }
a#yt_signin_btn:hover { border:2px solid #ff3135;text-decoration:none; color:black }

.ytlogin img {}
.yt_signin_txt {display:block; padding: 15px 0 10px 0; }


.row input{
	background-color:#f7f7f7;
	border:1px solid #999999;
	padding:2px;
	width: 200px;
}
.row {
	padding: 0 0 4px 0;	
}

.row label span{
	color:#c2373a;
}

.formdesc{
	width:80px;	
	display:block;
	padding: 4px 0 0 0;
	float: left;
}

 .step, .wait { display:none;}
 .step.map {display:block; visible:hidden;}
  #map-container {
    width: 960px;
    position: relative;
  }
  
  .video-pin {
    width: 100px;
    height: 50px;
    background-color:#757678;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    padding:10px;
    z-index: 1000000;
  }

  .video-pin img {
    border:solid 1px black;
  }

  #latlong {
    display: block;
    clear:both;
    position: absolute;
    z-index: 100;
    bottom: 15px;
    right: 15px;
    background: white;
    padding: 10px;
    border: 1px black solid;    
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;

  }
  a#accept-link {
    display: block;
    background: #757678;
    padding: 10px;   
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;

  }

  .map {
    width: 900px;
    height: 300px;
  }
  #map_canvas {width: 900px; height: 300px; margin-top:20px;color:black; font-size:1.25em;}
  .map-info-window a#accept-link { font-weight:bold; background-color:#b12a2d; color:black; font-size:1em; margin:15px 0px 15px 0px; text-decoration:none; text-transform:uppercase;border:1px solid #ff3135; }
  .map-info-window a#accept-link:hover {border:1px solid white; color:white; text-decoration:none;}

  #videos a {
    display: block;
    float: left;
    width: 118px;
    height: 88px;
    border:solid 1px #8b8672;
    margin: 0px 22px 22px 0px;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
  }

.submit-video { color:black !important}