html, 
body{height:100%;}
body{
	margin:0;
	color:#000;
	font:62.5% Arial, Verdana, sans-serif;
	background:#efefef url(../../../../images/backgrounds-x.png) repeat-x 0 -757px;
}
img{border-style:none;} 
a{
	text-decoration:none;
	color: #FF1400;
}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* main wrapper */
#wrapper{
	background:url(../../../../images/bg-body.png) no-repeat 50% 0;
	height:100%;
	width:100%;
	min-width:1000px;
}
#page {
	width:957px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
/* header */
#header{
	width:100%;
	height:90px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#header:after{
	display:block;
	clear:both;
	content:"";
}
/* logo */
.logo{
	position:absolute;
	top:20px;
	left:17px;
	width:183px;
	height:59px;
	margin:0;
	z-index:2;
}
#header .holder{
	width:100%;
	overflow:hidden;
	padding:21px 0 0;
}
/* language list */
.lang{
	float:right;
	margin:4px 0 0;
	padding: 0;
	list-style:none;
	overflow:hidden;
}
.lang li{
	float:left;
	margin:0 0 0 -8px;
	padding:0 15px 0 8px;
	background:url(../../../../images/separators.gif) no-repeat 0 -27px;
}
.lang a{color:#000;}
.lang .active a,
.lang a:hover{
	color:#ff1400;
	text-decoration:none;
}
/* search box */
.search{
	float:right;
	margin:0 0 0 6px;
	display:inline;
}
.search .input-txt{
	float:left;
	background:url(../../../../images/buttons.gif) no-repeat 0 -146px;
	width:127px;
	height:19px;
	overflow:hidden;
	padding:0 0 0 22px;
}
.search .input-txt input{
	float:left;
	width:127px;
	background:none;
	border:0;
	margin:0;
	padding:4px 0 5px;
	color:#a3a2a3;
	font:11px/13px Arial, Verdana, sans-serif;
}
.search .btn-search{
	background:transparent url(../../../../images/buttons.gif) no-repeat -46px -54px;
	border:0;
	float:left;
	height:19px;
	text-indent:40px;
	width:40px;
	font-size:0;
	display:block;
	line-height:0;
}
.search .btn-search:hover{
	background-position:-46px -73px;
}
/* main navigation box */
.nav-box{
	width:100%;
	position:absolute;
	top:59px;
	left:0;
}
.nav-box:after{
	display:block;
	clear:both;
	content:"";
}
.nav{
	float:right;
	margin:0 -1px 0 0;
	position:relative;
}
.nav .nav-l{
	float:left;
	background:url(../../../../images/bg-nav.png) no-repeat 0 0;
	width:11px;
	height:31px;
}
.nav .nav-c{
	float:left;
	background:url(../../../../images/bg-nav.png) repeat-x 0 -31px;
	height:31px;
}
.nav .nav-r{
	float:left;
	background:url(../../../../images/bg-nav.png) no-repeat -11px 0;
	width:8px;
	height:31px;
}
.nav ul{
	float:left;
	margin:4px -8px 0 -5px;
	padding: 0;
	list-style:none;
	position:relative;
	display:table;
}
.nav ul li{
	float:left;
	background:url(../../../../images/separators.gif) no-repeat 0 0;
	font-size:12px;
	line-height:27px;
	padding:0 0 0 2px;
}
.nav ul li:first-child{
	padding-left:0;
	background:none;
}
.nav ul li a{
	float:left;
	padding:0 13px;
	color:#000;
}
.nav ul li ul{
	position:absolute;
	top:27px;
	left:0;
	margin: 0;
	padding:0;
	list-style:none;
	width:180px;
	border:1px solid #c9c9c9;
	border-width:0 1px;
	display:none;
}
.nav .drop-r ul{
	left:auto;
	right:1px;
}
* html .nav .drop-r ul{right:0;}
.nav li li{
	float:none;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
	border-bottom:1px solid #c9c9c9;
}
.nav li li a{
	float:none;
	display:block;
	padding:3px 5px 4px 13px;
	background:#dadada;
	height:1%;
}
.nav ul li:hover,
.nav ul li.hover{position:relative;}
.nav ul li:hover a,
.nav ul li.hover a,
.nav ul li.active a{
	color:#ff1400;
	text-decoration:none;
}
.nav ul li:hover li a,
.nav ul li.hover li a{
	color:#000;
	text-decoration:none;
}
.nav li:hover li:hover a,
.nav .hover .hover a{
	color:#ff1400;
	background:#fff;
}
.nav li:hover ul,
.nav .hover ul{display:block;}
#main{
	width:100%;
	overflow:hidden;
	margin:0 0 28px;
	position:relative;
	z-index:0;
	padding:90px 0 0;
}
/* more links */
.bigTargetContainer .more,
.bigTargetContainer .lnk-more{
	background:url("../../../../images/more.png") no-repeat scroll 0 4px transparent;
	display:inline-block;
	height:13px;
	text-indent:-9999px;
	width:11px;
}
/* bigTargets */
.bigTarget * {
	cursor:pointer;
}
.bigTarget .btn-play {
	cursor:pointer;
}
/* promo box */
.promo{
	width:100%;
	overflow:hidden;
	position:relative;
	height:340px;
	margin:0 0 7px;
}
.promo .shadow-t{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(../../../../images/shadows-x.png) repeat-x 0 0;
	height:12px;
	overflow:hidden;
}
.promo .shadow-b{
	position:absolute;
	bottom:50px;
	left:0;
	width:100%;
	background:url(../../../../images/shadows-x.png) repeat-x 0 -12px;
	height:12px;
	overflow:hidden;
}
.promo .promo-list{
	width:100%;
	overflow:hidden;
}
.promo img{
	display:block;
}
.promo .box{
	float:left;
	width:32px;
	height:340px;
	background:url(../../../../images/tab_borders.png) no-repeat;
	overflow:hidden;
}
.promo .box1{
	background-position:0 0;
}
.promo .box2{
	background-position:0 -340px;
}
.promo .box3{
	background-position:0 -680px;
}
.promo .box4{
	background-position:0 -1020px;
}
.promo .box5{
	background-position:0 -1360px;
}
.promo .box .img{
	width:100%;
	height:290px;
	overflow:hidden;
	visibility:hidden;
}
.promo .flash{
	display:none;
}
.promo .box .img-overlay{
	width:829px;
	height:290px;
	background-image: url(../../../../images/raster_pixel.png);
	position:relative;
	top:-290px;
	display:none;
}
.promo .box .textbox{
	position:absolute;
	top:76px;
	left:430px;
	width:392px;
	display:none;
}
.promo .active{width:829px;}
.promo .active .textbox{
	display:inline-block;
}
.promo .active .flash,
.promo .active .img-overlay{
	display:block;
}
.promo .headline,
.promo .headline a{
	font:26px/30px "Georgia", "Times New Roman", serif;
	color:#fff;
	background-color:#000;
	display:inline;
	margin:0;
}
.promo .headline a:hover{
	text-decoration:none;
}
.promo .headline strong{
	position:relative;
	left:-10px;
	font-weight:normal;
}
.promo .text{
	line-height:1.0;
	border-left:20px solid #000;
}
.promo .subtext{
	margin:4px 0 0;
}
.promo .subtext ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.promo .subtext ul li{
	float:left;
	background:#fff url(../../../../images/list-item.gif) no-repeat 6px 0;
	padding:0 3px 0 15px;
	font-size:1.2em;
}
.promo .subtext ul li a{color:#ff1400;}
.promo .info{
	width:100%;
	overflow:hidden;
	height:50px;
}
.promo .info .title{
	font-size:19px;
	margin:13px 19px 0 0;
	text-align:right;
	font-weight:normal;
	display:none;
}
.promo .active .img{visibility:visible;}
.promo .active .info{background:#fff url(../../../../images/backgrounds-x.png) repeat-x 0 -637px;}
.promo .active .info .title{display:block;}
.promo .lnk-next{
	display:block;
	width:32px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}
/* teaser box */
.teaser{
	width:100%;
	overflow:hidden;
	padding:10px 0;
	background:#fff;
	margin:0 0 7px;
}
.btn-prev{
	float:left;
	background:url(../../../../images/buttons.gif) no-repeat -22px 0;
	width:22px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	margin:59px 8px 0 0;
	display:inline;
}
.btn-next{
	float:left;
	background:url(../../../../images/buttons.gif) no-repeat 0 0;
	width:22px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
	margin:59px 0 0 8px;
	display:inline;
}
.btn-prev:hover{background-position:-22px -27px;}
.btn-next:hover{background-position:0 -27px;}
.teaser .holder-carusel {
	width:897px;
	overflow:hidden;
	float:left;
	position:relative;
}
.teaser .holder-carusel-nocontrols {
	margin-left:30px;
}
.teaser .holder{
	float:left;
	width:918px;
	overflow:hidden;
	position:relative;
}
.teaser  .holder ul{
	width:99999px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style:none;
}
.teaser .holder ul li{
	float:left;
	width:275px;
	padding:0 21px 0 0;
	border-right:1px solid #e1e1e1;
	margin-right:10px;
	position:relative;
}
.teaser .img{position:relative;}
.teaser img{display:block;}
.teaser .btn-play{
	background:url("../../../../images/btn-play.png") no-repeat scroll 0 0 transparent;
	bottom:10px;
	height:29px;
	overflow:hidden;
	position:absolute;
	right:10px;
	text-indent:-9999px;
	width:31px;
}
.teaser .text{
	position:absolute;
	top:10px;
	left:0;
	cursor:pointer;
}
.teaser .title{
	display:block;
	color:#fff;
	background:#000;
	font-size:1.2em;
	line-height:1.417em;
	padding:0 8px;
	margin:0 0 5px;
	float:left;
}
.teaser .subtitle{
	display:block;
	font-size:1.7em;
	color:#000;
	font-style:normal;
	font-weight:bold;
	padding:0 8px 0 19px;
	clear:both;
}
.teaser a:hover{text-decoration:none;}
/* twitter bar */
.twitter-bar{
	overflow:hidden;
	padding:6px 9px 5px 30px;
	background:#fff;
	margin:0 0 7px;
}
.twitter-bar a{
	color:#ff1400;
}
* html .twitter-bar{
	height:1%;
	overflow:visible;
}
.twitter-bar .btn-twitter{
	float:right;
	background:url(../../../../images/icons-networks.gif) no-repeat 92px 0;
	min-height:30px;
	padding:0 66px 0 20px;
	margin-right:-15px;
}
.twitter-bar .btn-twitter{height:30px;}
.twitter-bar .btn-twitter a{
	float:left;
	background:url(../../../../images/buttons.gif) no-repeat 0 -165px;
	font-size:10px;
	line-height:17px;
	text-transform:uppercase;
	padding:0 0 0 4px;
	margin:6px 0 0;
}
.twitter-bar .btn-twitter a span{
	float:left;
	background:url(../../../../images/buttons.gif) no-repeat 100% -165px;
	height:17px;
	color:#fff;
	padding:0 4px 0 0;
	cursor:pointer;
}
.twitter-bar .btn-twitter a:hover{
	text-decoration:none;
	background-position:0 -182px;
}
.twitter-bar .btn-twitter a:hover span{background-position:100% -182px;}
.twitter-bar p{
	font-size:1.2em;
	line-height:1.25em;
	color:#58585a;
	margin:0;
	padding:7px 0 0;
	display:block;
	width:1200px;
}
.twitter-bar .title{
	color:#00437a;
	font-weight:normal;
}
.twitter-bar .fader{
	background:url(../../../../images/backgrounds-y.png) repeat-y 0 0;
	display:block;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	width:30px;
	z-index:300;
}
/* accordion box */
.accordion{
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style:none;
	border:1px solid #dcdcdd;
}
.accordion li{
	border-top:1px solid #d8d8d8;
	width:100%;
	overflow:hidden;
	margin:-1px 0 0;
}
.accordion li a{
	display:block;
	height:19px;
	padding:3px 5px 4px 11px;
	font-size:1.6em;
	color:#ff1400;
	font-weight:bold;
	background:#e7e7e7 url(../../../../images/backgrounds-x.png) repeat-x 0 -406px;
}
.accordion li a.slide-headline{
	font-size:1.4em;
}
.accordion li a:focus{outline:none;}
.accordion li a.ui-state-active,
.accordion li a:hover{
	color:#000;
	text-decoration:none;
}
.accordion .slide{
	width:100%;
	overflow:hidden;
	border-top:1px solid #d8d8d8;
	background-color:#fff;
}
.accordion .area{
	overflow:hidden;
	padding:8px 10px 0;
}
* html .accordion .area{
	height:1%;
	overflow:visible;
}
.accordion .title{
	display:block;
	font-size:1.2em;
}
.accordion li .slide a{
	color:#000;
	display:inline;
	padding:0;
	background:none;
	font-size:1em;
}
.accordion li .slide .vcard a{
	color:#ff1400;
	font-size:0.9em;
	font-weight:normal;
	padding:0;
}
.accordion .title a:hover{
	color:#ff1400;
	text-decoration:none;
}
.accordion p{
	font-size:1.2em;
	line-height:1.334em;
	color:#58585a;
	margin:0 0 17px;
}
/* categories area */
.box .subholder{
	width:100%;
	overflow:hidden;
	margin:0 0 17px;
}
.box .subholder .subbox{
	width:100%;
	overflow:hidden;
	margin:0 0 16px;
}
.box .subholder .subbox abbr{border:0;}
.box .subholder .title{
	display:block;
	line-height:1.334em;
	color:#000;
}
.box .subholder p{
	line-height:1.25em;
	margin:0 0 3px;
	color:#000;
}
.box .subholder .date{
	color:#58585a;
	font-style:normal;
}
/* logos area */
.logos{
	width:100%;
	overflow:hidden;
	background:#363638 url(../../../../images/backgrounds-x.png) repeat-x 0 0;
	padding:17px 0 3px;
	position:relative;
	height:46px;
	margin: 0 0 7px;
}
.logos ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:99999px;
	position:relative;
	overflow:hidden;
}
.logos ul li{
	float:left;
	padding:0 27px;
	height:47px;
	overflow:hidden;
}
.logos ul li img{display:block;}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	padding:0 0 30px;
}
.wrap{
	width:100%;
	overflow:hidden;
}
.wrap .w1{
	float:left;
	position:relative;
	left:50%;
}
.wrap .w2{
	position:relative;
	left:-50%;
	text-align:center;
}
* html .wrap .w2{float:left;}
#footer .copy{
	float:left;
	margin:0 37px 0 0;
}
#footer p{
	color:#020206;
	margin:0;
}
#footer ul{
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
	overflow:hidden;
}
#footer ul li{
	float:left;
	padding:0 14px 0 8px;
	margin:0 0 0 -8px;
	background:url(../../../../images/separators.gif) no-repeat 0 -27px;
}
#footer ul li a{color:#ff1400;}
/* inner pages */
.headline{
	margin:0 0 5px;
	position:relative;
}
.headline img{display:block;}
.headline .img-overlay{
	width:957px;
	background-image: url(../../../../images/raster_pixel.png);
	position:absolute;
	top:0;
}
.headline .shadow-t{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(../../../../images/shadows-x.png) repeat-x 0 0;
	height:12px;
	overflow:hidden;
}
.headline .shadow-b{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:url(../../../../images/shadows-x.png) repeat-x 0 -12px;
	height:12px;
	overflow:hidden;
}
/* job block */
.job{
	width:100%;
	overflow:hidden;
	margin:0 0 7px;
}
.job .headbox{
	width:100%;
	overflow:hidden;
}
.job .headbox .heading{
	float:left;
	width:278px;
	padding:7px 10px 11px 30px;
}
.job .headbox h1,
.job .headbox strong{
	font:22px Georgia, "Times New Roman", serif;
	margin:0;
}
.job .tabnav{
	float:left;
	margin: 0;
	padding: 0;
	list-style:none;
}
.job .tabnav li{
	float:left;
	font-size:12px;
	line-height:45px;
	margin:0 -4px 0 0;
}
.job .tabnav li a{
	float:left;
	color:#000;
	cursor:pointer;
}
.job .tabnav li span{
	float:left;
	height:45px;
}

.job .tabnav li a.active,
.job .tabnav li a:hover{
	color:#ff1400;
	text-decoration:none;
}
.job .tabnav .btn-l{width:10px;background:url(../../../../images/btn-tab.png) no-repeat 0 0;}
.job .tabnav .btn-c{padding:0 8px;background:url(../../../../images/btn-tab.png) repeat-x 0 -45px;}
.job .tabnav .btn-r{width:10px;background:url(../../../../images/btn-tab.png) no-repeat -10px 0;}

.job .job-area{
	width:100%;
	overflow:hidden;
	background:#fff;
	padding:30px 0 28px;
}
.tab-box{
	width:100%;
	overflow:hidden;
}
/* title box */
.job .ttl-box{
	width:296px;
	float:left;
	background-position:left bottom;
	background-repeat:no-repeat;
	min-height:292px;
	padding:30px 0 0 30px;
	color:#58585a;
	margin:0 0 0 -20px;
}
* html .job .ttl-box{height:292px;}
.job .ttl-box .ttl{
	display:block;
	font-size:12px;
	margin:0 0 8px;
}
.job .ttl-box h2,
.job .ttl-box h3{
	font-size:2.2em;
	font-family:Georgia, "Times New Roman", serif;
	font-weight:normal;
	margin:0;
}
.job .tab-box .box ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.job .tab-box .box ul li{margin:0 0 3px;}
.job .tab-box .box ul li a{color:#ff1403;}
.job .vacancy, .tips .vacancy{
	width:283px;
	float:left;
	border-left:1px solid #dadada;
	background:url(../../../../images/bg-vacancy.gif) repeat-x;
	padding:0 0 0 11px;
	font-size:1.2em;
}
.job .box{
	width:285px;
	float:left;
	min-height:320px;
	font-size:1.2em;
	padding:0 10px;
	margin-right:1px;
	background:#fff;
}
.job .grey{background:url(../../../../images/bg-vacancy.gif) repeat-x;}
.job .box h2 {
color:#000000;
font-size:1.333em;
margin:0;
min-height:40px;
}
.job .box .img {
height:1%;
margin:0 0 7px;
position:relative;
}
.job .box .img-l {
float:left;
margin:0 22px 0 0;
}
.job .box .ttl {
color:#000000;
display:block;
margin:0 0 14px;
}
.job .box p {
line-height:1.333em;
margin:0 0 10px;
}
.job .box .btn-play {
background:url("../../../../images/btn-play.png") no-repeat scroll 0 0 transparent;
bottom:10px;
height:29px;
overflow:hidden;
position:absolute;
right:10px;
text-indent:-9999px;
width:31px;
}
.job .box-6sl{
	width:897px;
	min-height:0;
}
.job .box-6sl .img{
	float:left;
	margin-right:20px;
}
.job .box-6sl .content{
	float:left;
	width:590px;
}
.job .box-6sl h1{
	font:24px/26px "Georgia","Times New Roman",serif;
	color:#58585a;
}
.job .box-6sl p{
	color:#58585a;
}
/* tips */
.tips{
	height:1%;
	overflow:hidden;
	padding:28px 0 28px 30px;
	background:#fff;
	margin:0 0 7px;
	color:#58585a;
}
.tips .holder{
	background:url(../../../../images/bg-tips.gif) repeat-y;
	height:1%;
	overflow:hidden;
	margin:0 0 0 -10px;
	width:918px;
}
/*.tips-b .holder{background:url(../../../../images/bg-tips-b.gif) repeat-y 304px 0;}*/
.tips .box{
	width:285px;
	float:left;
	min-height:320px;
	font-size:1.2em;
	padding:0 10px;
	margin-right:1px;
	background:#fff;
}
* html .tips .box{height:320px;}
.tips .grey{background:url(../../../../images/bg-vacancy.gif) repeat-x;}
.tips .box-s{
	width:132px;
	overflow:hidden;
}
.tips h2,
.tips h3{
	font-size:1.333em;
	margin:0;
	color:#000;
	min-height:40px;
}
.tips .vacancy-area h4{
	font-size:1.2em;
	color:#000;
}
* html .tips h2{height:40px;}
.tips .ttl{
	display:block;
	margin:0 0 14px;
	color:#000;
}
.tips .text{overflow:hidden;}
* html .tips .text{
	height:1%;
	overflow:visible;
}
.tips .img{
	height:1%;
	position:relative;
	margin:0 0 7px;
}
.tips .img-l{
	float:left;
	margin:0 22px 0 0;
}
* html .tips .img-l{margin:0 19px 0 0;}
.tips .img-r{
	float:right;
	margin:0 0 0 22px;
}
* html .tips .img-r{margin:0 0 0 19px;}
.tips .img img{display:block;}
.tips .btn-play{
	position:absolute;
	bottom:10px;
	right:10px;
	width:31px;
	height:29px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../images/btn-play.png) no-repeat;
}
.tips .btn-play-s{
	position:absolute;
	bottom:10px;
	right:10px;
	width:19px;
	height:19px;
	text-indent:-9999px;
	overflow:hidden;
}
.tips .btn-play-s span{
	display:block;
	height:100%;
	background:url(../../../../images/btn-play-s.png) no-repeat;
}
.tips .btn-play-s:hover{border:0;}
.tips .btn-play-s:hover span{
	margin:-19px 0 0;
	padding:19px 0 0;
}
.tips p{
	margin:0 0 10px;
	line-height:1.333em;
}
.tips .lnk-more{color:#ff1400;}
/*
.tips .vacancy-area .lnk-more{font-size:0.833em;}
*/
.tips .vacancy-area li{
	color:#58585a;
	margin:0 0 15px;
}
.tips .vacancy-area p{
	margin:0;
	/*font-size:0.833em;*/
}
.tips .accordion li a{
	font-size:1em;
	line-height:1.25em;
	padding:6px 5px 0 11px;
}
.tips .blog{margin:0 0 18px;}
.tips .blog p{margin:0;}
.tips .date{
	display:block;
	font-size:12px;
	font-style:normal;
	color:#000;
}


/* vacancy area */
.vacancy-area{
	overflow:hidden;
	/*font-size:1.2em;*/
	padding:0;
}
* html .vacancy-area{
	height:1%;
	overflow:visible;
}
.vacancy-area .head,
.vacancy-area .foot{width:100%;}
.vacancy-area .head:after,
.vacancy-area .foot:after{
	display:block;
	clear:both;
	content:"";
}
.vacancy-area .box{
	width:100%;
	overflow:hidden;
}
.vacancy-area .lnk-up{
	float:right;
	width:27px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../images/buttons.gif) no-repeat -115px 0;
	margin:0;
	display:inline;
}
.vacancy-area .lnk-up:hover{background-position:-115px -22px;}
.vacancy-area .lnk-down{
	float:right;
	width:27px;
	height:22px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../../images/buttons.gif) no-repeat -88px 0;
	margin:-3px 0 0;
	display:inline;
	position:relative;
}
.vacancy-area .lnk-down:hover{background-position:-88px -22px;}
.vacancy-area .vacancy-box{
	height:256px;
	margin:0 8px 5px 0;
	overflow:hidden;
}
.tips .vacancy-area h3{font-size:1.111em;}
.vacancy-area h4{
	margin:0 0 15px;
	font-size:1.333em;
}
.vacancy-area ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.vacancy-area ul li{margin:0 0 16px;}
.vacancy-area a,
.vacancy-area .lnk-more{
	color:#58585a;
}
.vacancy-area .foot .lnk-more{
	color:#ff1400;
	float:left;
}
.box .vacancy-area .ttl{
	display:block;
	margin:0 0 2px;
}
.box .vacancy-area .date{
	color:#58585A;
	font-size:0.9em;
}
.vacancy-area p{margin:0;}


/* gallery */
.gallery{
	width:100%;
	overflow:hidden;
	background:#363638 url(../../../../images/backgrounds-x.png) repeat-x 0 -432px;
	position:relative;
	padding:59px 0 0;
	margin:0 0 5px;
}
.gallery .ttl{
	position:absolute;
	top:17px;
	left:30px;
	font-size:16px;
	color:#fff;
}
.gallery .year{
	position:absolute;
	top:5px;
	left:370px;
	font-size:100px;
	line-height:80px;
	color:#353536;
	font-weight:bold;
	font-style:normal;
}
.gallery .more-link{
	float:right;
	font-size:12px;
	position:absolute;
	right:30px;
	top:20px;
	color:#fff;
	background:url(../../../../images/more_white.png) no-repeat scroll right 3px transparent;
	padding-right:20px;
}
.gallery .gallery-box{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.gallery .btn-left,
.gallery .btn-right{
	width:22px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
}
.gallery .btn-left{
	background:url(../../../../images/buttons.gif) no-repeat -66px 0;
	float:left;
	margin:31px 8px 0 0;
}
.gallery .btn-right{
	background:url(../../../../images/buttons.gif) no-repeat -44px 0;
	float:right;
	margin:31px 0 0;
	position:relative;
}
.gallery .btn-left:hover{background-position:-66px -27px;}
.gallery .btn-right:hover{background-position:-44px -27px;}
.gallery .mask-holder {
	width:898px;
	float:left;
	overflow:hidden;
	position:relative;
	z-index:1;
}
.gallery .mask-holder-nocontrols {
	margin-left: 30px;
}
.gallery .mask{
	width:920px;
	float:left;
	position:relative;
	overflow:hidden;
}
.gallery ul{
	width:99999px;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style:none;
}
.gallery li{
	width:208px;
	float:left;
	padding:0 22px 0 0;
	position:relative;
}
.gallery li a{
	display:block;
	height:148px;
}
.gallery .img{
	display:block;
	position:relative;
	z-index:2;
}
.gallery .img img{display:block;}
.gallery .info{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:176px;
	height:97px;
	background:#fff;
	color:#58585a;
	font-size:13px;
	padding:10px 20px 0 12px;
	overflow:hidden;
}
.gallery li a:hover{
	border:0;
	text-decoration:none;
}
.gallery li a span{cursor:pointer;}
.gallery ul li a:hover.info{z-index:3;}
.gallery ul li a:hover .img{visibility:hidden;}
.gallery .info strong{color:#ff1400;}
.gallery .text{
	position:absolute;
	top:10px;
	left:0;
	cursor:pointer;
}
.gallery .title{
	display:block;
	color:#fff;
	background:#000;
	font-size:1.2em;
	line-height:1.417em;
	padding:0 8px;
	margin:0 0 5px;
	float:left;
}
/* social */
.social{
	height:1%;
	overflow:hidden;
	background:#fff;
	padding:10px 40px 13px 30px;
}
.social h3{
	font-size:1.6em;
	line-height:1.125em;
	margin:0;
}
.social h3 span{display:block;}
.social ul{
	float:right;
	margin: 0;
	padding: 0;
	list-style:none;
}
.social ul li{
	float:left;
	margin:0 0 0 36px;
	display:inline;
}
.social .img{
	float:left;
	margin:0 0 5px;
	width: 28px;
	height: 28px;
}
.social .img a{
	float: left;
	display: block;
	width: 28px;
	height: 28px;
	background-image:url(../../../../images/icons-networks.png);
	background-repeat: no-repeat;
}
.social .img_xing{
	background-position: -1px -30px;
}
.social .img_facebook{
	background-position: -1px -59px;
}
.social .img_twitter{
	background-position: -1px -1px;
}
.social .img_googleplus{
	background-position: -1px -88px;
}
.social .ttl{
	display:block;
	color:#58585a;
	font-size:1.1em;
	line-height:1.273em;
	font-weight:normal;
	clear:both;
}
.social .ttl a{color:#58585a;}
.social .ttl span{display:block;}
/* contacts */
.contacts{
	overflow-y:scroll;
	padding:14px 11px 11px;
	height:176px;
}
* html .contacts{
	height:1%;
	overflow:visible;
}
.contacts .section{
	width:100%;
	overflow:hidden;
	margin:0 0 13px;
}
.contacts .photo{
	float:left;
	margin:3px 9px 0 0;
}
* html .contacts .photo{margin:3px 6px 0 0;}
.contacts .photo img{display:block;}
.contacts .txt{
	height:1%;
	overflow:hidden;
	font-size:1em;
}
.contacts .name{
	display:block;
	color:#000;
}
.contacts p{
	margin:0;
	font-size:1em;
}
/* exchange */
.exchange{
	height:1%;
	overflow:hidden;
	background:#fff;
	padding:12px 30px 11px;
	margin:0 0 7px;
}
.currency{
	width:296px;
	float:left;
	padding:5px 0 0;
}
.currency .indicator{
	background:url(../../../../images/stock_indicators.gif) no-repeat -50px 0;
	float:left;
	display:block;
	width:25px;
	height:25px;
	margin-right:8px;
}
.currency .indicator_up{
	background-position:0 0;
}
.currency .indicator_asc{
	background-position:-25px 0;
}
.currency .indicator_normal{
	background-position:-50px 0;
}
.currency .indicator_desc{
	background-position:-75px 0;
}
.currency .indicator_down{
	background-position:-100px 0;
}
.currency .stock_plus{
	color:#393;
}
.currency .stock_minus{
	color:#ff1400;
}
.currency h3{
	font-size:1.6em;
	margin:0 0 22px;
}
.currency ul{
	margin: 0 0 9px;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.currency ul li{
	float:left;
	font-size:14px;
	line-height:32px;
	background:url(../../../../images/separators.gif) no-repeat 0 -40px;
	color:#ff1400;
	margin:0 0 0 -11px;
	padding:0 22px 0 11px;
}
.currency ul li strong{
	font-size:26px;
	line-height:26px;
}
.currency dl{
	width:100%;
	overflow:hidden;
	margin:0;
	font-weight:bold;
	font-size:1.2em;
}
.currency dt{
	float:left;
	width:38px;
}
.currency dd{
	float:left;
	margin:0;
}
.currency img{margin:0 7px 0 0;}
/* index */
.index{
	width:590px;
	float:right;
	font-size:12px;
}
.index .info{
	width:151px;
	float:left;
	padding:44px 0 0;
}
.index .info dl{margin:0 0 17px;}
.index .info dt{font-weight:bold;}
.index .info dd{margin:0;}
.index-list{
	width:449px;
	float:left;
	overflow:hidden;
	margin:0 0 0 -10px;
	display:inline;
}
.index-list ul{
	overflow:hidden;
	width:459px;
	margin: 0;
	padding: 0;
	list-style:none;
}
.index-list ul li{
	float:left;
	padding:0 11px 0 10px;
	width:131px;
	border-right:1px solid #d0d0d0;
}
.index-list .img{
	position:relative;
	margin-bottom:15px;
}
.index-list .img img{display:block;}
.index-list .btn-zoom{
	position:absolute;
	top:0;
	left:7px;
	color:#fff;
	width:15px;
	height:15px;
	text-align:center;
	line-height:15px;
	background:url(../../../../images/btn-zoom.png) no-repeat;
}
.index-list .btn-zoom:hover{text-decoration:none;}
.index-list .head-box{
	min-height:44px;
	overflow:hidden;
}
* html .index-list .head-box{
	height:44px;
	overflow:visible;
}
.index-list h4{
	font-size:1.2em;
	margin:0 0 4px;
}
.index-list p{
	margin:0 0 10px;
	font-size:11px;
	font-weight:bold;
}
/* article */
.article-area{
	height:1%;
	overflow:hidden;
	padding:0 20px 0 28px;
	background:url(../../../../images/sep-article.gif) repeat-y 172px 0;
}
.article-area_2col{
	background:url(../../../../images/sep-article_2col.gif) repeat-y 172px 0;
}
.article{
	width:753px;
	float:right;
	padding:0 0 0 12px;
}
.article .photo{
	width:610px;
	overflow:hidden;
	position:relative;
	padding:0 135px 0 0;
	margin:0 0 15px;
}
.article .photo .btn-zoom,
.article .grid .btn-zoom{
	position:absolute;
	top:0;
	left:7px;
	color:#fff;
	width:15px;
	height:15px;
	text-align:center;
	line-height:15px;
	background:url(../../../../images/btn-zoom.png) no-repeat;
}
.article .grid .btn-zoom{
	top:auto;
	bottom:4px;
	font-size:1.1em;
}
.article .photo .btn-zoom:hover,
.article .grid .btn-zoom:hover{
	text-decoration:none;
}
.article .photo .info{
	position:absolute;
	bottom:0;
	right:0;
	width:132px;
	font-style:normal;
	font-size:1.1em;
	color:#6e6e70;
}
.article .social-toolbar{
	clear:both;
	height:110px;
}
.article .social-toolbar-facebook{
	float:left;
	height:40px;
	position:absolute;
}
.article .social-toolbar-addthis{
	float:right;
}
.article .credits{
	font-size:1.1em;
	color:#6e6e70;
	clear:both;
	padding:60px 0;
}
.article .photo img{display:block;}
.article .article-box{
	width:100%;
	overflow:hidden;
	margin:0 0 50px;
}
.article h1{
	font-size:2em;
	margin:10px 155px 32px 0;
}
.article h2{
	color:#58585A;
	font-weight:normal;
	font-size:1.2em;
	margin:20px 155px 0 0;
}
.article .area{
	width:590px;
	float:left;
}
.article-area .hold-line{
	width:100%;
	overflow:hidden;
	margin:0 0 -67px;
	clear:both;
}
.article .area .holder{
	width:610px;
	overflow:hidden;
}
.article .area .col{
	width:285px;
	float:left;
	margin:0 20px 0 0;
}
.article .column{
	width:142px;
	float:right;
	padding:143px 0 0;
	overflow:hidden;
}
.article .area .title{
	display:block;
	font-size:1.3em;
	line-height:1.384em;
}
.article .area p,
.article .area ul,
.article .area ol{
	margin:0 0 18px;
	font-size:1.3em;
	line-height:1.384em;
	color:#58585a;
}
.article .area table{
	font-size:1.3em;
	line-height:1.384em;
}
.article .area table a,
.article .area .job-table a{
	color:#ff1400;
}
.article .area .grid{
	float:left;
	list-style:none;
	padding:0;
	font-size:0.9em;
}
.article .area .grid li{
	float:left;
	width:134px;
	height:226px;
	border-bottom:1px solid #d6d6d6;
	padding:10px 0 0 18px;
}
.article .area .grid p{
	color:#000;
	margin:0;
	font-size:inherit;
}
.article .area .grid .first{
	padding-left:0;
}
.article .area .grid li .img{
	display:block;
	height:134px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #d6d6d6;	
	position:relative;
}
.article .area .grid li .img .img-holder{
	display:block;
	width:134px;
	margin:0 auto;
	position:absolute;
	bottom:0;
}
.article .area .grid li .img .img-holder-icon{
	text-align:center;
}
.article .area .no_records{
	font-size:1em;
}
.article .column blockquote{
	margin:0;
	color:#8a8a8b;
}
.article .column blockquote q{
	quotes: none;
	display:block;
	font:italic 1.3em/1.384em Georgia, "Times New Roman", serif;
	margin:0 0 12px;
}
.article .column blockquote q:before{content:"";}
.article .column blockquote q:after{content:"";}
.article .column blockquote cite{
	display:block;
	font-size:11px;
	color:#58585a;
	font-style:normal;
}
/* sidebar */
.sidebar{
	width:142px;
	float:left;
	padding:1px 0 0;
}
.sidebox{
	width:100%;
	overflow:hidden;
	margin:0 0 39px;
}
.sidebox h3{
	font-size:1.5em;
	margin:0 0 15px;
}
.sidebox ul{
	margin: 0;
	padding: 0;
	list-style:none;
	width:100%;
	overflow:hidden;
}
.sidebox ul li{
	margin:0 0 17px;
	color:#58585a;
	line-height:1.363em;
}
.sidebox_light ul li{
	margin:0;
	line-height:1.7em;
}
.sidebox .date{
	display:block;
	font-style:normal;
	font-size:1.1em;
}
.sidebox ul li a{
	color:#ff3c2b;
	font-size:1.1em;
}
.sidebox p{
	margin:0;
	color:#58585a;
	font-size:1.1em;
	line-height:1.363em;
}
.sidebox .section{margin:0 0 28px;}
.sidebox .photo{margin:0 0 6px;}
.sidebox .photo img{display:block;}
.sidebox .name{
	display:block;
	font-size:1.1em;
}

/* tabs container */
.tabs-box{
	background:#fff;
	height:1%;
	overflow:hidden;
	padding:30px;
	margin:0 0 7px;
	font-size:1.2em;
	line-height:1.2em;
}
.tabs-box .two-columns{
	background:url(../../../../images/divider.gif) repeat-y 600px 0;
	width:100%;
	min-height:310px;
	padding:0 0 10px;
}
.tabs-box .two-columns:after{
	content:"";
	clear:both;
	display:block;
}
* html .tabs-box .two-columns{
	height:310px;
	overflow:visible;
}
.tabs-box .two-columns .column{ float:left; }
/* main tab column */
.tabs-box .two-columns .large-column{
	width:590px;
	padding:0 22px 0 0;
}
.tabs-box .two-columns .small-column{ width:285px; }
.tabs-box .column h3{
	margin:0 0 21px;
	font-size:1.33em;
	line-height:1.2em;
}
.tabs-box .tabset{
	margin:0 0 15px;
	padding:3px 0 0 8px;
	list-style:none;
	height:1%;
	background:#e6e6e6 url(../../../../images/buttons.gif) repeat-x 0 -219px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}
.tabs-box .tabset:after{
	content:"";
	clear:both;
	display:block;
}
.tabs-box .tabset li{
	float:left;
	margin:0 0 -1px;
	position:relative;
	padding:0 2px;
}
.tabs-box .tabset a{
	color:#000;
	float:left;
	cursor:pointer;
}
.tabs-box .tabset span{
	float:left;
	height:21px;
	padding:3px 13px 0;
}
.tabs-box .tabset .active,
.tabs-box .tabset a:hover{
	color:#ff1400;
	text-decoration:none;
	background:url(../../../../images/buttons.gif) no-repeat 0 -199px;
	border:0;
}
.tabs-box .tabset .active span,
.tabs-box .tabset a:hover span{
	background:url(../../../../images/buttons.gif) no-repeat right -199px;
	margin-left:3px;
	padding:3px 13px 0 10px;
}
.tab-content{ color:#58585a; }
.tab-content table{ border-collapse:collapse; }
.tab-content table thead td,
.tab-content table td{
	border-bottom:1px solid #ebebeb;
	padding:3px 0 4px;
}
td.green{ color:#349933; }
td.red{ color:#ff1400; }
.tab-content table thead td{
	padding-bottom:7px !important;
	color:#000;
}
.exchange-table .col1{
	font-weight:bold;
	width:120px;
	padding-left:11px;
	color:#000;
	text-align:left;
}
.exchange-table .col2{
	width:70px;
	text-align:right;
	padding-left:10px;
}
.exchange-table .col3{
	width:67px;
	text-align:right;
}
.exchange-table .col4{
	width:80px;
	text-align:right;
}
.exchange-table .col5{
	width:65px;
	text-align:left;
	padding-left:35px;
}
.exchange-table .col6{
	width:68px;
	text-align:left;
}
.exchange-table .col7{
	width:53px;
	text-align:right;
	padding-right:12px;
}
.hareholders{ margin:4px 0 0; }
.hareholders .col1{
	width:68px;
	padding-left:10px;
	color:#000;
	font-weight:bold;
}
.hareholders .col2{ width:220px; }
.fundamentals{ text-align:right; }
.fundamentals thead td{
	color:#000;
	font-weight:bold;
}
.fundamentals .col1{
	width:260px;
	padding-left:10px;
	font-weight:bold;
	text-align:left;
	color:#000;
}
.fundamentals .col2{ width:52px; }
.fundamentals .col3{ width:85px; }
.fundamentals .col4{ width:86px; }
.fundamentals .col5{
	width:86px;
	padding-right:10px;
}
.pointers thead td{
	font-weight:normal !important;
	color:#58585a !important;
}
.pointers .col1{
	width:486px;
	padding-left:10px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.pointers .col2{
	width:84px;
	padding-right:10px;
	text-align:right;
}
/* sub tab column */
.small-column .tab-content{
	width:240px;
	padding:0 0 0 10px;
	line-height:16px;
}
.small-column .tab-content a{ color:#ff1400; }
.download-list{
	margin:0;
	padding:2px 0 17px;
	list-style:none;
}
.download-list li{ padding:0 0 16px; }
.download-list li span{ display:block; }
.download-list li a{ color:#ff1400; }
.dates-list{
	margin:0;
	padding:2px 0 19px;
	list-style:none;
}
.dates-list li{ padding:0 0 14px; }
.dates-list li em{
	font-style:normal;
	display:block;
}
.dates-list li span{
	display:block;
	font-weight:bold;
	color:#000;
	padding:0 0 2px;
}
.dates-list li a{
	background:url(../../../../images/icon-calendar.gif) no-repeat 2px 2px;
	padding:2px 0 0 21px;
}
.tips-c .holder{ background:url(../../../../images/bg-tips-c.gif) repeat-y; }
.tips-c .box-s{
	border-right:1px solid #dfdfe0;
	width:132px;
}

/* job page */
.job .job-area-c{ padding-top:48px; }
.article-job{
	width:590px;
	overflow:hidden;
	padding:0 0 30px;
	font-size:1.2em;
	line-height:1.2em;
}
.article-job h1{
	margin:0 0 27px;
	font-size:2em;
	line-height:1em;
}
.article-job .tabs-box{
	font-size:1em;
	padding:0;
}
/* choice box */
.choice-box{
	font-size:1.1em;
	font-weight:bold;
	line-height:1.35em;
	margin:0 0 47px;
}
.choice-box p{ margin:0 0 26px; }
.choice-form{
	width:100%;
	overflow:hidden;
}
.choice-form label{
	color:#58585a;
	font-weight:normal;
	font-size:0.9em;
	float:left;
	padding:1px 9px 0 0;
	width:140px;
}
.choice-form select{
	float:left;
	font-size:12px;
	line-height:16px;
	padding:0;
	margin:0;
	width:300px;
}
.choice-form div{
	clear:both;
	height: 26px;
}
.choice-form .submit-btn{
	display:none;
}

/* job table */
.job-table{
	width:100%;
	overflow:hidden;
	color:#58585a;
	margin:0 0 38px;
}
.job-table a{ color:inherit; }
.job-table h2{
	margin:0 0 16px;
	font-size:1.3em;
	line-height:1.2em;
	color:#000;
}
.job-table table{
	border-collapse:collapse;
	text-align:left;
	width:100%;
}
.job-table table thead td,
.job-table table th{
	background:#e6e6e6 url(../../../../images/buttons.gif) repeat-x 0 -217px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:5px 0 7px 12px;
	color:#000;
	font-weight:bold;
	white-space:nowrap;
}
.job-table table td{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:5px 0 7px 12px;
	vertical-align:top;
}
.job-table table .col1{ width:370px; }
.job-table table .col2{ width:116px; }
.job-table table .col3{ width:108px; }
.job-area-c .sidebar{ padding-top:54px; }
.initiative{
	padding:0 15px 0 0;
}
.initiative p{ margin:0 0 15px; }
.initiative a{
	font-size:1.1em;
	color:#ff1400;
}

/* gallery */
.article .gallery-holder {
	margin:0 0 15px;
	overflow:hidden;
	padding:0 154px 0 0;
	position:relative;
	width:591px;
}
.image-holder{
	width:591px;
	position:relative;
	overflow:hidden;
	background:url(http://static.tomorrow-focus.de/images/bg-img-gal.jpg) no-repeat;
}
.image-holder ul{
	margin:0;
	padding:0;
	list-style:none;
	width:99999px;
	overflow:hidden;
}
.image-holder li{
	width:591px;
	float:left;
}
.image-holder a{
	display:block;
	width:100%;
	overflow:hidden;
}
.image-holder img{
	display:block;
	margin:0 auto;
}
.switch{
	width:100%;
	height:50px;
	overflow:hidden;
	background:#ececec url(../../../../images/backgrounds-x.png) repeat-x 0 -687px;
	padding:10px 0;
}
.prev-btn{
	float:left;
	text-indent:-9999px;
	width:31px;
	height:50px;
	background:url(../../../../images/buttons.gif) no-repeat -173px 0;
	margin:0 10px;
	display:inline;
}
.next-btn{
	float:left;
	text-indent:-9999px;
	width:31px;
	height:50px;
	margin:0 10px;
	background:url(../../../../images/buttons.gif) no-repeat -142px 0;
}
.prev-btn:hover{ background-position:-173px -50px; }
.next-btn:hover{ background-position:-142px -50px; }
.img-gallery{
	width:489px;
	float:left;
	overflow:hidden;
	position:relative;
}
.left-shadow{
	position:absolute;
	top:0;
	left:0;
	width:12px;
	z-index:5;
}
.left-shadow div{
	width:100%;
	height:50px;
	background:url(../../../../images/shadows-y.png) repeat-y 0 0;
}
.right-shadow{
	position:absolute;
	top:0;
	right:0;
	width:12px;
	z-index:5;
}
.right-shadow div{
	width:100%;
	height:50px;
	background:url(../../../../images/shadows-y.png) repeat-y -12px 0;
}
.img-gallery .slide-holder{
	width:99999px;
	overflow:hidden;
}
.img-gallery ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.img-gallery li{
	float:left;
	padding:0 5px;
}
.img-gallery a{
	float:left;
	height:50px;
	overflow:hidden;
}
.img-gallery img{
	display:block;
	border:1px solid #b3b3b3;
	position:relative;
	z-index:2;
}
.img-gallery span{
	display:block;
	margin-top:-50px;
	border:3px solid #f00;
	height:44px;
	position:relative;
	z-index:1;
}
.img-gallery a:hover{ border:none; }
.img-gallery .active span,
.img-gallery a:hover span{ z-index:4; }
.description{
	position:absolute;
	bottom:70px;
	right:2px;
	width:130px;
	color:#6e6e70;
	font-size:1.1em;
	line-height:1.4em;
}
.description p{ margin:5px 0 0; }
.description span{
	font-weight:bold;
	color:#ff1403;
	font-size:1.2em;
}
/* suchergebnisse page */
.suchergebnisse .job .job-area{ padding-top:45px; }
.blogs-conteiner{
	width:100%;
	overflow:hidden;
	padding:0 0 28px;
}
/* heading */
.blogs-conteiner .heading{
	width:100%;
	overflow:hidden;
	margin:0 0 26px;
}
.blogs-conteiner .heading h3{
	margin:0 0 6px;
	font-size:2.6em;
}
.blogs-conteiner .heading span{
	font-size:1.2em;
	color:#58585a;
}
/* tab navigation */
.blogs-conteiner .tabset{
	height:1%;
	background:#e6e6e6 url(../../../../images/buttons.gif) repeat-x 0 -219px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	color:#58585a;
	font-size:1.2em;
	padding:4px 10px 0;
	margin:0 0 28px;
}
.blogs-conteiner .tabset:after{
	content:"";
	clear:both;
	display:block;
}
.blogs-conteiner .tabset em{
	float:left;
	font-style:normal;
	padding:3px 16px 0 0;
}
.blogs-conteiner .tabset ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.blogs-conteiner .tabset li{
	float:left;
	margin:0 0 -1px;
	position:relative;
	padding:0 2px;
}
.blogs-conteiner .tabset a{
	color:#000;
	float:left;
	cursor:pointer;
}
.blogs-conteiner .tabset span{
	float:left;
	height:21px;
	padding:3px 13px 0;
}
.blogs-conteiner .tabset .active,
.blogs-conteiner .tabset a:hover{
	color:#ff1400;
	text-decoration:none;
	background:url(../../../../images/buttons.gif) no-repeat 0 -199px;
	border:0;
}
.blogs-conteiner .tabset .active span,
.blogs-conteiner .tabset a:hover span{
	background:url(../../../../images/buttons.gif) no-repeat right -199px;
	margin-left:3px;
	padding:3px 13px 0 10px;
}
/* post list */
.blogs{
	width:100%;
	overflow:hidden;
	margin:0 0 3px;
}
.blog{
	width:100%;
	overflow:hidden;
	padding:0 0 28px;
}
.blog img{display:block;}
.blog .img{
	position:relative;
	margin-bottom:10px;
}
.blog .img .btn-play{
	background:url("../../../../images/btn-play.png") no-repeat scroll 0 0 transparent;
	bottom:10px;
	height:29px;
	overflow:hidden;
	position:absolute;
	right:10px;
	text-indent:-9999px;
	width:31px;
}
.blog .ill{position:relative;}
.blog .ill .btn-play{
	display:block;
	background:url(../../../../images/btn-play-s.png) no-repeat scroll 0 0 transparent;
	bottom:10px;
	height:19px;
	overflow:hidden;
	position:absolute;
	right:20px;
	text-indent:-9999px;
	width:19px;
}
.blog .ill .btn-play:hover{
	background-position:0 -19px;
}
.entry-title{
	width:100%;
	overflow:hidden;
	margin:0 0 7px;
}
.entry-title em{
	font-style:normal;
	color:#6a6a6c;
	font-size:1.1em;
}
.entry-title h4{
	margin:2px 0 0;
	font-size:1.6em;
	line-height:1.2em;
}
.entry-title h4 a{ color:#000; }
.entry-title h4 a:hover{ text-decoration:none; }
.entry-content{
	width:100%;
	overflow:hidden;
}
.entry-content .ill{
	float:left;
	padding:0 10px 0 0;
	margin-top:3px;
}
.entry-content .ill img{
	display:block;
}
.entry-content .text{
	padding:0;
}
.article .area .entry-content p{
	color:#000;
	margin:0 0 2px;
}
.entry-content a.more {
	color:#ff1400;
	font-size:1.3em;
	float:left;
}
/* pager */
.pager{
	width:100%;
	overflow:hidden;
	position:relative;
}
.pager .p1{
	float:left;
	position:relative;
	left:50%;
}
.pager .p2{
	float:left;
	position:relative;
	left:-50%;
}
.pager .info {
	display:block;
	float:left;
	padding:5px 13px 0;
	text-align:center;
	width:338px;
	font-size:11px;
}
.pager .info em{
	font-style: normal;
	color: #ff1400;
}
.pager .control_placeholder,
.pager .next,
.pager .prev{
	float:left;
	width:23px;
	height:23px;
}
.pager .next,
.pager .prev{
	background:url(../../../../images/buttons.gif) no-repeat -23px -54px;
	text-indent:-9999px;
	overflow:hidden;
}
.pager .next{ background:url(../../../../images/buttons.gif) no-repeat 0 -54px; }
.pager .next:hover{ background-position:0 -77px; }
.pager .prev:hover{ background-position:-23px -77px; }
.pager ul{
	margin:0;
	padding:5px 13px 0;
	list-style:none;
	float:left;
}
.pager ul li{
	float:left;
	background:url(../../../../images/separators.gif) no-repeat 0 -40px;
	color:#ff1400;
	font-size:1.2em;
	padding:0 5px 0 7px;
}
.pager ul li:first-child{ background:none; }
.pager ul li a{ color:#191919; }
.pager ul li a:hover{ text-decoration:underline; }
/* kontakt page */
span.warning{ color:#ff1400; }
/* .contact-form */
.contact-form{
	width:100%;
	overflow:hidden;
	font-size:0.9em;
	padding:5px 0 0;
	font-weight:normal;
}
.contact-form fieldset{
	width:100%;
	overflow:hidden;
}
.contact-form .sel{
	width:100%;
	overflow:hidden;
	padding:0 0 31px;
}
.contact-form .sel label{
	float:left;
	color:#58585a;
	width:160px;
	text-indent:1px;
	padding:2px 0 0;
}
.contact-form .sel select{
	float:left;
	margin:0;
	padding:0;
	width:248px;
	font-size:12px;
}
.contact-form .data{
	height:1%;
	overflow:hidden;
	background:#f4f4f4;
	padding:20px 20px;
}
.contact-form .textarea{
	width:100%;
	overflow:hidden;
	margin:0 0 8px;
}
.contact-form .textarea textarea{
	background:#fff;
	border:1px solid #d4d2d2;
	margin:0;
	padding:5px 0 5px 5px;
	width:543px !important;
	height:113px;
	overflow:auto;
	font-size:12px;
}
.contact-form .data label{
	display:block;
	margin:0 0 4px 1px;
}
.contact-form .two-column{
	width:100%;
	overflow:hidden;
}
.contact-form .col{
	float:left;
	width:265px;
	padding:0 0 0 20px;
}
.contact-form .col:first-child{ padding-left:0; }
.contact-form .row{
	width:100%;
	overflow:hidden;
	padding:0 0 8px;
}
.contact-form .inp01{
	margin:0;
	padding:2px 5px 3px;
	background:#fff;
	border:1px solid #d4d2d2;
	width:253px;
	font-size:12px;
}
.contact-form .row .col1{
	float:left;
	width:80px;
	padding:0 9px 0 0;
}
.contact-form .row .col1 .inp01{ width:68px; }
.contact-form .row .col2{
	float:left;
	width:176px;
}
.contact-form .row .col2 .inp01{ width:164px; }
.contact-form .send-btn{
	margin-top:21px;
}
.sidebox address{
	font-style:normal;
	display:block;
	color:#58585a;
	font-size:1.1em;
	line-height:15px;
	margin:-3px 0 15px;
	position:relative;
}
.sidebox address span{ display:block; }
.sidebox a{
	color:#ff1400;
	font-size:1.1em;
}
.contact .job-area{ padding-bottom:100px; }
.contact .article-area .hold-line{ margin-bottom:0; }
.contact .article-job{ padding-bottom:0; }
.contact .choice-box{ margin-bottom:0; }
/* map page */
.map-box{
	width:100%;
	overflow:hidden;
	background:url(../../../../images/bg-map-box.gif) repeat-y 1px 0;
}
.map-box div{
	float:left;
	width:131px;
	padding:0 12px 0 10px;
}
.map-box div h3{
	margin:0 0 13px;
	font-size:1.5em;
}
.map-box div h3 a{ color:#000; }
.map-box div ul{
	margin:0;
	padding:0;
	list-style:none;
	font-size:1.1em;
}
.map-box div ul li{ padding:0 0 1px; }
.map-box div ul li a{
	color:#ff1400;
}
.map .sidebar{ padding:0; }
.map .sidebox{ margin:0; }
.map .sidebox h3{ margin:0; }
.map .sidebox h3 a{ color:#000; font-size:1em; }
.map .article{
	padding:0;
	width:765px;
}
.map .article-area .hold-line{ margin-bottom:0; }
.map .job-area { padding-bottom:125px; }
/* video */
.video_player {
	width: 592px;
	height: 368px;
}
.video_playlist {
	width: 285px;
	height: 368px;
}
.video_suite {
	margin-left: 30px;
}
.video_suite .video_player{
	float: left;
}
.video_suite .video_playlist{
	float: left;
	border-left: 1px solid #d7d7d7;
	padding-left: 9px;
	margin-left: 9px;
}
/* job detail page */
.article .jobDetail ul {
	color:#58585A;
	font-size:1.3em;
	line-height:1.384em;
	margin:0 0 18px;
}
.article .jobDetail ul ul {
  font-size:1em;
}
.article .jobDetail p a {
	color:#FF1400;
}
.article .jobDetail .jobDetailCompany{
	color:#ff1400;
	font-weight:bold;
}
a.button,
button{
	float:right;
	background:url(../../../../images/buttons.gif) no-repeat right -274px;
	font-size:12px;
	line-height:23px;
	color:#000;
	cursor: pointer;
	position: relative;
	border: 0;
	overflow: visible; /* removes extra side padding in IE */
	padding:0 8px 0 0;	
	height:23px;
}
button::-moz-focus-inner {
	padding:0;
	border:none; /* overrides extra padding in Firefox */
}
a.button span,
button span{
	float:left;
	background:url("../../../../images/buttons.gif") no-repeat 0 -100px;
	height:23px;
	cursor:pointer;
	padding:0 0 0 8px;
	position:relative;
	color:#000;
	line-height: 21px;
	display: block;
	white-space: nowrap;
	font:12px Arial,Verdana,sans-serif;
	line-height:23px;
}
a.button:hover,
button:hover{
	text-decoration:none;
	color:#000;
	background-position:right -297px;
}
a.button:hover span,
button:hover span{
	text-decoration:none;
	color:#000;
	background-position:0 -123px;
}

.clear{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

.sidebox .vcard a {
	font-size: 1.0em;
}

.vcard_detail {
	padding: 30px;
}
.vcard_detail .photo {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #cfcfcf;
	float: left;
	box-shadow: 0 0 4px #ccc;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
}
.vcard_detail .details {
	float: left;
	font-size: 1.2em;
	margin-left: 30px;
	width: 300px;
}
.vcard_detail .details ul{
	padding-left: 14px;
}
.vcard_detail p {
	margin: 0;
	padding: 0;
}
.vcard_detail .note {
	margin-top: 10px;
}
.vcard_detail .name {
	font-size: 1.4em;
}
.vcard_detail .social_profiles span {
	display:block;
	float:left;
	padding:5px 10px 0 0;
}
.vcard_detail .social_profiles a {
	display:block;
	float:left;
	width: 26px;
	height: 26px;
	background-image: url(../../../../images/icons-networks.gif);
	background-repeat: no-repeat;
	margin-right: 6px;
}
.vcard_detail .social_profile_twitter {
	background-position: -61px 0;
}
.vcard_detail .social_profile_xing {
	background-position: -61px -31px;
}
.vcard_detail .social_profile_facebook {
	background-position: -61px -62px;
}
/*
table{
	border-collapse:collapse;
	text-align:left;
	width:100%;
}
table thead td,
table th{
	background:#e6e6e6 url(../../../../images/buttons.gif) repeat-x 0 -223px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:5px 0 7px;
	color:#000;
	font-weight:bold;
}
table td{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	padding:5px 0 7px;
}*/

.newsroom .article{
	width: 410px;
	padding-right: 50px;
}
.newsroom .article .area{
	width: 410px;
}
.newsroom .sidebar_right{
	float: right;
	width: 280px;
}
.mobileapps{
	height:1%;
	overflow:hidden;
	background:#fff;
	padding:10px 0 13px;
	border-top: 7px solid #efefef;
}
.mobileapps ul{
	float:right;
	margin:0 9px 0 0;
	padding:0;
	list-style:none;
	width:960px;
}
.mobileapps ul li{
	float:left;
	margin:0 0 0 36px;
	display:inline;
	width:119px;
}
.mobileapps .img{
	width:26px;
	height:26px;
	float:left;
	margin:0 10px 0 0;
}
.mobileapps .img a{
	float:left;
	display:block;
	width:27px;
	height:27px;
}
.mobileapps .img_finanzen100{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat 0 0;
}
.mobileapps .img_fol{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat -27px 0;
}
.mobileapps .img_organize{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat -54px 0;
}
.mobileapps .img_jameda{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat -108px 0;
}
.mobileapps .img_holidaycheck{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat -81px 0;
}
.mobileapps .img_ep{
	background:url(http://static.tomorrow-focus.de/images/ios_apps.jpg) no-repeat -135px 0;
}
.mobileapps .ttl{
	display:block;
	color:#58585a;
	font-size:1.1em;
	line-height:1.273em;
	font-weight:normal;
}
.mobileapps .ttl a{color:#58585a;}
.info-box-inner{
	padding:30px;
}
.info-box-inner h3{
	font-size:1.4em;
	margin:0;
}
.info-box-inner p{
	font-size:1.2em;
}

.archive_year{
	float:left;
	width:110px;
	height:340px;
}
.archive_year ul{
	list-style:none;
	padding:0;
}

#feedback-button{
	display:block;
	width:29px;
	height:100px;
	background-color:#fff;
	color:#58585A;
	position:fixed;
	top:288px;
	left:0;
	background:url(../../../../images/btn-feedback.png) no-repeat;
}
#feedback-form{
	display:none;
}
#feedback-form-content .contact-form label{
	font-size:1.3em;
}
#feedback-form-content .contact-form textarea{
	width:450px !important;
}
#feedback-form-content .contact-form .col{
	width:219px;
}
#feedback-form-content .contact-form .inp01{
	width:200px;
}
#feedback-form-content .contact-form .send-btn{
	margin-top:16px;
}

.ModuleBreadcrumb ul{
	clear:both;
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	height:20px;
}
.ModuleBreadcrumb li{
	float:left;
	margin-left:10px;
}

.teaserset{
	clear:both;
}
.teaserset h2{
	float:left;
	width:160px;
}
.teaserset .teaserlist{
	float:left;
	width:600px;
}
.teaserset .teaser{
	float:left;
	font-size:1.2em;
}
.teaserset .teaser h3{
	margin:0;
	font-size:1em;
}
.teaserset .teaser h4{
	margin:0 0 10px;
	font-weight:normal;
	color:#58585a;
}
.teaserset .teaser .img{
	float:left;
	margin-right:20px;
}
.teaserset .teaser .content{
	float:left;
	width:290px;
}
.teaserset .teaser .more-link{
	margin-top:10px;
}
.only-print{
    display: none;
}
.ga-button{
	display: block;
	font-weight: bold;
	font-size: 15px;
	border: 1px solid #ddd;
	padding: 8px 10px 8px 10px;
	height: 20px;
	text-align: center;
	min-height: 20px;
	margin-right: 0px;
	line-height: 20px;
	nowhitespace: afterproperty;
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100% );
	background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1) ), to(rgba(255, 255, 255, .1) ) );
	filter: progid : DXImageTransform.Microsoft.gradient ( startColorStr = '#19FFFFFF', EndColorStr = '#19000000' );
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF',EndColorStr='#19000000')";
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	width: 212px;
	text-decoration: none;
	color: #ff0000;
	cursor: pointer;
}
.promo .box .img{
	visibility:visible;
}
.shadow-t {
	z-index:100;
}
.promo .promo-list{
	position:relative;
	z-index:0;
	background:url(../../../../images/backgrounds-x.png) repeat-x 0 -66px;
}

.ui-tabs-hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}
.twitter-ticker {
	position: relative;
	overflow: hidden;
}
ul.twitter-slider {
	position: relative;
	overflow: hidden;
	list-style: none;
	height: 30px;
	padding: 0;
	margin: 0;
}
ul.twitter-slider li {
	position: absolute;
	z-index: 200;
	display: none;
	width: 790px;
	height: 30px;
	top: 0;
	left: 0;
}
ul.twitter-slider li.active {
	display: block;
}
.ui-tabs-nav a:focus {
	outline: none;
}
.tabs-box .tabset .ui-state-active a {
	color:#ff1400;
	text-decoration:none;
	background:url(../../../../images/buttons.gif) no-repeat 0 -199px;
	border:0;
}
.tabs-box .tabset .ui-state-active span {
	background:url(../../../../images/buttons.gif) no-repeat right -199px;
	margin-left:3px;
	padding:3px 13px 0 10px;
}
.gallery-holder .switch a:focus {
	overflow: hidden;
	outline: none;
}
.gallery-holder .image-holder {
	background: #555;
}
.gallery-holder .description em {
	font-style: normal;
}
ul.dlist {
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.dlist li {
	display: none;
}
ul.dlist li.active {
	display: block;
}
.gallery-holder .slideset {
	position: relative;
	overflow: hidden;
	height: 332px;
}
.gallery-holder .slideset li {
	position: absolute;
	top: 0;
	left: 0;
}
.gallery-holder .slideset .active{
	z-index: 1;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorbox{box-shadow:0 0 40px #404040;-moz-box-shadow:0 0 40px #404040;}
#cboxContent{border: 1px solid #9b9b9b;background:#fff; padding:40px;}
    #cboxLoadedContent{background:#f2f2f2;}
    #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
    #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
    #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
    #cboxClose{position:absolute; top:0; left:40px; display:block; color:#fff; background:url(../../../../images/colorbox/close.png) 0 0 no-repeat #ff1400; width: 31px; height: 31px; text-indent:-1000px;}
    #cboxClose:hover{background-position: 0 -31px;}
@media print {
	#header,
	#footer,
	.headline,
	.headbox .tabset,
	.social,
	.video_player,
        .article .social-toolbar-facebook,
        .article .column,
        .sidebar{
		display: none;
	}
        .article-area, 
        .headbox, 
        .holdline, 
        .article .area,
        .article,
        .job .headbox .heading,
        .article .area .holder, 
        .article .area .col,
        .article{display: inline; overflow: visible; width:100%; float: none; font-size: 15px;}
        #page{overflow: visible;}
        .only-print{display: inline;}
}
/*
VideoJS Default Styles (http://videojs.com)
Version 3.2.0
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000; position: relative; padding: 0;

  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;

  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div. <video> or <object> */
.video-js .vjs-tech { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0; margin: 0;
  height: 100%; overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed; overflow: hidden; z-index: 1000; left: 0; top: 0; bottom: 0; right: 0; width: 100% !important; height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  margin: 0 auto; padding: 0; cursor: pointer;

  /* Scale with the size of the player div. Works when poster is vertically shorter, but stretches when it's less wide. */
  position: relative; width: 100%; max-height: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display { text-align: center; position: absolute; bottom: 4em; left: 1em; right: 1em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Individual tracks */
.video-js .vjs-text-track {
  display: none; color: #fff; font-size: 1.4em; text-align: center; margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (IE6) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; }
.video-js .vjs-captions { color: #fc6; }
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  visibility: visible !important; /* Needed to make sure things hide in older browsers too. */
  opacity: 1 !important;

  -webkit-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -ms-transition: visibility 0s linear 0s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0s, opacity 0.3s linear;
  transition: visibility 0s linear 0s, opacity 0.3s linear;
}
.vjs-fade-out {
  visibility: hidden !important;
  opacity: 0 !important;

  -webkit-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -moz-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -ms-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  -o-transition: visibility 0s linear 1.5s,opacity 1.5s linear;
  transition: visibility 0s linear 1.5s,opacity 1.5s linear;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* The default control bar. Created by bar.js */
.vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0; right: 0; /* 100% width of div */
  margin: 0; padding: 0; /* Controls are absolutely position, so no padding necessary */
  height: 2.6em; /* Including any margin you want above or below control items */
  color: #fff; border-top: 1px solid #404040;

  /* CSS Gradient */
  /* Can use the Ultimate CSS Gradient Generator: http://www.colorzilla.com/gradient-editor/ */
  background: #242424; /* Old browsers */
  background: -moz-linear-gradient(top, #242424 50%, #1f1f1f 50%, #171717 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(50%,#242424), color-stop(50%,#1f1f1f), color-stop(100%,#171717)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* IE10+ */
  /* Filter was causing a lot of weird issues in IE. Elements would stop showing up, or other styles would break. */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#242424', endColorstr='#171717',GradientType=0 );*/ /* IE6-9 */
  background: linear-gradient(top, #242424 50%,#1f1f1f 50%,#171717 100%); /* W3C */

  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  position: relative; float: left;
  text-align: center; margin: 0; padding: 0;
  height: 2.6em; width: 2.6em;
}

.vjs-default-skin .vjs-control:focus {
  outline: 0;
/*  background-color: #555;*/
}

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control { width: 5em; cursor: pointer !important; }
/* Play Icon */
.vjs-default-skin.vjs-paused .vjs-play-control div { width: 15px; height: 17px; background: url('../../../../images/video-js.png'); margin: 0.5em auto 0; }
.vjs-default-skin.vjs-playing .vjs-play-control div { width: 15px; height: 17px; background: url('../../../../images/video-js.png') -25px 0; margin: 0.5em auto 0; }

/* Rewind
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('../../../../images/video-js.png'); margin: 0.5em auto 0; }

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-mute-control div { width: 22px; height: 16px; background: url('../../../../images/video-js.png') -75px -25px; margin: 0.5em auto 0; }
.vjs-default-skin .vjs-mute-control.vjs-vol-0 div { background: url('../../../../images/video-js.png') 0 -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-1 div { background: url('../../../../images/video-js.png') -25px -25px; }
.vjs-default-skin .vjs-mute-control.vjs-vol-2 div { background: url('../../../../images/video-js.png') -50px -25px; }


.vjs-default-skin .vjs-volume-control { width: 5em; float: right; }
.vjs-default-skin .vjs-volume-bar {
  position: relative; width: 5em; height: 0.6em; margin: 1em auto 0; cursor: pointer !important;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #666;
  background: -moz-linear-gradient(top, #333, #666);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666));
  background: -webkit-linear-gradient(top, #333, #666);
  background: -o-linear-gradient(top, #333, #666);
  background: -ms-linear-gradient(top, #333, #666);
  background: linear-gradient(top, #333, #666);
}
.vjs-default-skin .vjs-volume-level {
  position: absolute; top: 0; left: 0; height: 0.6em;

  -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #fff;
  background: -moz-linear-gradient(top, #fff, #ccc);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#ccc));
  background: -webkit-linear-gradient(top, #fff, #ccc);
  background: -o-linear-gradient(top, #fff, #ccc);
  background: -ms-linear-gradient(top, #fff, #ccc);
  background: linear-gradient(top, #fff, #ccc);
}
.vjs-default-skin .vjs-volume-handle {
  position: absolute; top: -0.2em; width: 0.8em; height: 0.8em; background: #ccc; left: 0;
  border: 1px solid #fff;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;
}

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 4.8em; right: 4.8em; /* Leave room for time displays. */
  height: 1.0em; width: auto;
  top: -1.3em; /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;

  /* CSS Gradient */
  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);


  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  position: relative; cursor: pointer !important; /*overflow: hidden;*/
  padding: 0; margin: 0; /* Placement within the progress control item */
  height: 1.0em;
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /* CSS Gradient */
  background: #111;
  background: -moz-linear-gradient(top, #111, #262626);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#262626));
  background: -webkit-linear-gradient(top, #111, #262626);
  background: -o-linear-gradient(top, #111, #262626);
  background: -ms-linear-gradient(top, #111, #262626);
  background: linear-gradient(top, #111, #262626);
}
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress { /* Progress Bars */
  position: absolute; display: block; height: 1.0em; margin: 0; padding: 0;
  left: 0; top: 0; /*Needed for IE6*/
  -moz-border-radius: 0.6em; -webkit-border-radius: 0.6em; border-radius: 0.6em;

  /*width: 0;*/
}

.vjs-default-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff; /* Old browsers */
  background: -moz-linear-gradient(top, #fff 0%, #d6d6d6 50%, #fff 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#fff), color-stop(50%,#d6d6d6), color-stop(100%,#fff));
  background: -webkit-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -o-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: -ms-linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);
  background: linear-gradient(top, #fff 0%,#d6d6d6 50%,#fff 100%);

  background: #efefef;
  background: -moz-linear-gradient(top, #efefef 0%, #f5f5f5 50%, #dbdbdb 50%, #f1f1f1 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#efefef), color-stop(50%,#f5f5f5), color-stop(50%,#dbdbdb), color-stop(100%,#f1f1f1));
  background: -webkit-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -o-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  background: -ms-linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#f1f1f1',GradientType=0 );
  background: linear-gradient(top, #efefef 0%,#f5f5f5 50%,#dbdbdb 50%,#f1f1f1 100%);
}
.vjs-default-skin .vjs-load-progress {
  opacity: 0.8;

  /* CSS Gradient */
  background: #666;
  background: -moz-linear-gradient(top, #666, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
  background: -webkit-linear-gradient(top, #666, #333);
  background: -o-linear-gradient(top, #666, #333);
  background: -ms-linear-gradient(top, #666, #333);
  background: linear-gradient(top, #666, #333);
}

.vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  width: 16px; height: 16px; /* Match img pixles */
  margin-top: -0.3em;
  left: 0; top: 0; /*Needed for IE6*/

  background: url('../../../../images/video-js.png') 0 -50px;
  /* CSS Curved Corners. Needed to make shadows curved. */
  -moz-border-radius: 0.8em; -webkit-border-radius: 0.8em; border-radius: 0.8em;
  /* CSS Shadows */
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 1.0em; width: 4.8em;
  top: -1.3em;
  border-bottom: 1px solid #1F1F1F;
  border-top: 1px solid #222;
  background-color: #333;

  font-size: 1em; line-height: 1.0em; font-weight: normal; font-family: Helvetica, Arial, sans-serif;

  background: #333;
  background: -moz-linear-gradient(top, #222, #333);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#333));
  background: -webkit-linear-gradient(top, #222, #333);
  background: -o-linear-gradient(top, #333, #222);
  background: -ms-linear-gradient(top, #333, #222);
  background: linear-gradient(top, #333, #222);

  /* 1px top shadow */
/*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

.vjs-default-skin .vjs-current-time { left: 0; }

.vjs-default-skin .vjs-duration { right: 0; display: none; }
.vjs-default-skin .vjs-remaining-time { right: 0; }

.vjs-time-divider { display:none; }

.vjs-default-skin .vjs-time-control { font-size: 1em; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-default-skin .vjs-time-control span { line-height: 25px; /* Centering vertically */ }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-secondary-controls { float: right; }

.vjs-default-skin .vjs-fullscreen-control { width: 3.8em; cursor: pointer !important; float: right; }
.vjs-default-skin .vjs-fullscreen-control div { width: 16px; height: 16px; background: url('../../../../images/video-js.png') -50px 0; margin: 0.5em auto 0; }

.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div { background: url('../../../../images/video-js.png') -75px 0; }


/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block; /* Start hidden */ z-index: 2;
  position: absolute; top: 50%; left: 50%; width: 8.0em; height: 8.0em; margin: -42px 0 0 -42px; text-align: center; vertical-align: center; cursor: pointer !important;
  border: 0.2em solid #fff; opacity: 0.95;
  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;

  background: #454545;
  background: -moz-linear-gradient(top, #454545 0%, #232323 50%, #161616 50%, #3f3f3f 100%);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%,#454545), color-stop(50%,#232323), color-stop(50%,#161616), color-stop(100%,#3f3f3f));
  background: -webkit-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -o-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  background: -ms-linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  background: linear-gradient(top, #454545 0%,#232323 50%,#161616 50%,#3f3f3f 100%);

  /* CSS Shadows */
  -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
}

.vjs-default-skin div.vjs-big-play-button:hover {
  -webkit-box-shadow: 0 0 80px #fff; -moz-box-shadow: 0 0 80px #fff; box-shadow: 0 0 80px #fff;
}

.vjs-default-skin div.vjs-big-play-button span {
  position: absolute; top: 50%; left: 50%;
  display: block; width: 35px; height: 42px;
  margin: -20px 0 0 -15px; /* Using negative margin to center image. */
  background: url('../../../../images/video-js.png') -100px 0;
}

/* Loading Spinner
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-loading-spinner {
  display: none;
  position: absolute; top: 50%; left: 50%; width: 55px; height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name: rotatethis;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
}

@-webkit-keyframes rotatethis {
  0% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.5% {-webkit-transform:scale(0.6) rotate(0deg); }
  12.51% {-webkit-transform:scale(0.6) rotate(45deg); }
  25% {-webkit-transform:scale(0.6) rotate(45deg); }
  25.01% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.5% {-webkit-transform:scale(0.6) rotate(90deg);}
  37.51% {-webkit-transform:scale(0.6) rotate(135deg);}
  50% {-webkit-transform:scale(0.6) rotate(135deg);}
  50.01% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.5% {-webkit-transform:scale(0.6) rotate(180deg);}
  62.51% {-webkit-transform:scale(0.6) rotate(225deg);}
  75% {-webkit-transform:scale(0.6) rotate(225deg);}
  75.01% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.5% {-webkit-transform:scale(0.6) rotate(270deg);}
  87.51% {-webkit-transform:scale(0.6) rotate(315deg);}
  100% {-webkit-transform:scale(0.6) rotate(315deg);}
}

@-moz-keyframes rotatethis {
  0% {-moz-transform:scale(0.6) rotate(0deg);}
  12.5% {-moz-transform:scale(0.6) rotate(0deg);}
  12.51% {-moz-transform:scale(0.6) rotate(45deg);}
  25% {-moz-transform:scale(0.6) rotate(45deg);}
  25.01% {-moz-transform:scale(0.6) rotate(90deg);}
  37.5% {-moz-transform:scale(0.6) rotate(90deg);}
  37.51% {-moz-transform:scale(0.6) rotate(135deg);}
  50% {-moz-transform:scale(0.6) rotate(135deg);}
  50.01% {-moz-transform:scale(0.6) rotate(180deg);}
  62.5% {-moz-transform:scale(0.6) rotate(180deg);}
  62.51% {-moz-transform:scale(0.6) rotate(225deg);}
  75% {-moz-transform:scale(0.6) rotate(225deg);}
  75.01% {-moz-transform:scale(0.6) rotate(270deg);}
  87.5% {-moz-transform:scale(0.6) rotate(270deg);}
  87.51% {-moz-transform:scale(0.6) rotate(315deg);}
  100% {-moz-transform:scale(0.6) rotate(315deg);}
}
/* Each circle */
div.vjs-loading-spinner .ball1 { opacity: 0.12; position:absolute; left: 20px; top: 0px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball2 { opacity: 0.25; position:absolute; left: 34px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball3 { opacity: 0.37; position:absolute; left: 40px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball4 { opacity: 0.50; position:absolute; left: 34px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 15px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball5 { opacity: 0.62; position:absolute; left: 20px; top: 40px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball6 { opacity: 0.75; position:absolute; left: 6px; top: 34px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball7 { opacity: 0.87; position:absolute; left: 0px; top: 20px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

div.vjs-loading-spinner .ball8 { opacity: 1.00; position:absolute; left: 6px; top: 6px; width: 13px; height: 13px; background: #fff;
  border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; border: 1px solid #ccc; }

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right; margin: 0.2em 0.5em 0 0; padding: 0; width: 3em; height: 2em; cursor: pointer !important;

  border: 1px solid #111; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}
/* Button Icon */
.vjs-default-skin .vjs-menu-button div { background: url('../../../../images/video-js.png') 0px -75px no-repeat; width: 16px; height: 16px; margin: 0.2em auto 0; padding: 0; }

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button ul {
  display: none; /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0; margin: 0;
  position: absolute; width: 10em; bottom: 2em; max-height: 15em;
  left: -3.5em; /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333;
  -moz-border-radius: 0.7em; -webkit-border-radius: 1em; border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000; -moz-box-shadow: 0 2px 4px 0 #000; box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

.vjs-default-skin .vjs-menu-button:focus ul,
.vjs-default-skin .vjs-menu-button:hover ul { display: block; list-style: none; }
.vjs-default-skin .vjs-menu-button ul li { list-style: none; margin: 0; padding: 0.3em 0 0.3em 20px; line-height: 1.4em; font-size: 1.2em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.vjs-default-skin .vjs-menu-button ul li.vjs-selected { text-decoration: underline; background: url('../../../../images/video-js.png') -125px -50px no-repeat; }
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover { background-color: #ccc; color: #111; outline: 0; }
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center; text-transform: uppercase; font-size: 1em; line-height: 2em; padding: 0; margin: 0 0 0.3em 0;

  color: #fff; font-weight: bold;

  cursor: default;

  background: #4d4d4d;
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #3f3f3f 50%, #333333 50%, #252525 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4d4d), color-stop(50%,#3f3f3f), color-stop(50%,#333333), color-stop(100%,#252525));
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -o-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: -ms-linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
  background: linear-gradient(top,  #4d4d4d 0%,#3f3f3f 50%,#333333 50%,#252525 100%);
}

/* Subtitles Button */
.vjs-default-skin .vjs-captions-button div { background-position: -25px -75px; }
.vjs-default-skin .vjs-chapters-button div { background-position: -100px -75px; }
.vjs-default-skin .vjs-chapters-button ul { width: 20em; left: -8.5em; /* Width of menu - width of button / 2 */ }