@CHARSET "UTF-8";

html, body {
	height:100%;
}
body {
	background-color:#00afe4;
	font-family: 'Ubuntu', sans-serif;
	background-image:url(../img/n3.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}


body,h1,h2,h3,h4,h5,h6 {
	font-family: 'Ubuntu', sans-serif;
}




.n3VideoPlayer {
	background-color:#000000;
}

.darkContainerShadow {
	-webkit-box-shadow:  0px 0px 3px 2px #000000;    
	box-shadow:  0px 0px 3px 2px #000000;
}

.containerShadow {
	-webkit-box-shadow:  0px 0px 3px 2px #999999;    
	box-shadow:  0px 0px 3px 2px #999999;
}

.lightShadow {
	-webkit-box-shadow:  0px 0px 3px 2px #EEEEEE;    
	box-shadow:  0px 0px 3px 2px #EEEEEE;
}


.videoInfo {
	padding-top:1.5em;
	padding-left:2em;
	padding-right:2em;
	padding-bottom:1em;
	margin-bottom:1em;
}

#playerContainer {
	margin-top:1em;
}

.videoInfo h1 {
	font-weight:300;
	color:#FFFFFF;
	font-size:4em;
}

.videoInfo p {
	color:#FFFFFF;
	font-weight:300;
	font-size: 1.2em;
	line-height:1.2em;
}

.videoActions {
	background-color:#000000;
	min-height:0.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:1em;
	padding-right:1em;
	margin-top:1.5em;
}

.videoActions h2 {
	color:#FFFFFF;
	font-size:1.8em;
	font-style:italic;
	font-weight:300;
}



.btn-twitter {
  width:100%;
  background-color: hsl(196, 100%, 38%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#32c8ff", endColorstr="#008ec1");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#32c8ff), to(#008ec1));
  background-image: -moz-linear-gradient(top, #32c8ff, #008ec1);
  background-image: -ms-linear-gradient(top, #32c8ff, #008ec1);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32c8ff), color-stop(100%, #008ec1));
  background-image: -webkit-linear-gradient(top, #32c8ff, #008ec1);
  background-image: -o-linear-gradient(top, #32c8ff, #008ec1);
  background-image: linear-gradient(#32c8ff, #008ec1);
  border-color: #008ec1 #008ec1 hsl(196, 100%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}

.btn-facebook {
	width:100%;
  background-color: hsl(223, 45%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d6cbb", endColorstr="#2a3d6e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#4d6cbb), to(#2a3d6e));
  background-image: -moz-linear-gradient(top, #4d6cbb, #2a3d6e);
  background-image: -ms-linear-gradient(top, #4d6cbb, #2a3d6e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d6cbb), color-stop(100%, #2a3d6e));
  background-image: -webkit-linear-gradient(top, #4d6cbb, #2a3d6e);
  background-image: -o-linear-gradient(top, #4d6cbb, #2a3d6e);
  background-image: linear-gradient(#4d6cbb, #2a3d6e);
  border-color: #2a3d6e #2a3d6e hsl(223, 45%, 24.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}

.btn-pinterest {
  width:100%;
  background-color: hsl(0, 64%, 33%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d54242", endColorstr="#8a1e1e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d54242), to(#8a1e1e));
  background-image: -moz-linear-gradient(top, #d54242, #8a1e1e);
  background-image: -ms-linear-gradient(top, #d54242, #8a1e1e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d54242), color-stop(100%, #8a1e1e));
  background-image: -webkit-linear-gradient(top, #d54242, #8a1e1e);
  background-image: -o-linear-gradient(top, #d54242, #8a1e1e);
  background-image: linear-gradient(#d54242, #8a1e1e);
  border-color: #8a1e1e #8a1e1e hsl(0, 64%, 27.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}

.btn-googlePlus {
  width:100%;
  background-color: hsl(0, 0%, 38%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#606060");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#999999), to(#606060));
  background-image: -moz-linear-gradient(top, #999999, #606060);
  background-image: -ms-linear-gradient(top, #999999, #606060);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #606060));
  background-image: -webkit-linear-gradient(top, #999999, #606060);
  background-image: -o-linear-gradient(top, #999999, #606060);
  background-image: linear-gradient(#999999, #606060);
  border-color: #606060 #606060 hsl(0, 0%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}


.btn-action {
  width:100%;
  background-color: hsl(0, 0%, 38%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#606060");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#999999), to(#606060));
  background-image: -moz-linear-gradient(top, #999999, #606060);
  background-image: -ms-linear-gradient(top, #999999, #606060);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100%, #606060));
  background-image: -webkit-linear-gradient(top, #999999, #606060);
  background-image: -o-linear-gradient(top, #999999, #606060);
  background-image: linear-gradient(#999999, #606060);
  border-color: #606060 #606060 hsl(0, 0%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.36);
  -webkit-font-smoothing: antialiased;
}

.buttonMargin {
  margin-bottom:0.5em;	
  margin-top:0.5em;
}

.n3VideoPoster {
	width:100%;
	height:100%;
	
}

.n3VideoPosterImage {
	width:100%;
	height:100%;
}


.n3StartButton {
	position:absolute;
}


.strongTextShadow {
	text-shadow: 0 1px 4px #333333;
}


.n3Footer {
	background: #ffbb00; /* Old browsers */
background: -moz-linear-gradient(top,  #ffbb00 0%, #ff6600 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb00), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffbb00 0%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffbb00 0%,#ff6600 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffbb00 0%,#ff6600 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffbb00 0%,#ff6600 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */
padding-top:1.5em;
padding-bottom:1.5em;
}


.n3Footer div ul li {
	text-decoration:none;
	color:#333333;
}

.n3Footer div ul li a {
	text-decoration:none;
	color:#333333;
}

.n3Footer div ul li a:HOVER {
	color:#FFFFFF;
}


.n3uploadcontainer {
	padding: 2em 2em 2em 2em;
	background-color:#FFFFFF;
	margin-top:2em;
}

form {
	
	
}

.videoBitrate-1 {
	background-color:#EDEDED;
	padding:0em 1em 0em 1em;
	width:100%;
}

.videoBitrate-2 {
	background-color:#FFFFFF;
	padding:0em 1em 0em 1em;
	width:100%;
}

.bevel {
	text-shadow: 0px 2px 3px #666;
}

.videoProfilesStreaming, .videoProfilesBroadcast {
	padding:1em 1em 1em 1em;
	background-color:#FFFFFF;
}

.h3Title {
	text-align:center;
	color:#00aee3;
}

.codificationMaxLabel {
	text-align:center;
	width:100%;
}

#navigatorContentDiv{
	height:32em;
	padding-top:1em;
	padding-right:0.5em;
	padding-left:0.5em;
}

header {
	background-color:#FFFFFF;
	min-height:1.5em;
	width:100%;
}

.headerTitle {
	font-size:1.2em;
	color:#333333;
	margin: 0px 0px 0px 0px;
	padding: 1em 1em 1em 1em;
	text-align:center;
	
}

.bgGradient {
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #efefef 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #efefef 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #efefef 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom, #efefef 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.rounded {
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.checkbox label {
	padding-left:0px !important;
	margin-right:1em;
}


/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}