/*
Theme Name: Msns
Author: Kristián Feldsam
*/
/* Text Styles */
.clear { clear: both;}
a {
	text-decoration:underline;
	outline:none;
	-moz-outline:none;
	cursor:pointer;
}
a:hover {
	text-decoration:none;
}
a img {
	border:none;
}
.bold {
	font-weight:bold;
}
.style1 {
	font-size:11px;
	color:#535353;
}
.style2 {
	font-size:11px;
	color:#999999;
}
.style3 {
	color:#CC0000;
}
.style4 {
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
.style5 {
	color:#535353;
	font-size:11px;
	line-height: 15px;
}
.style6 {
	font-style:italic;
}
.style7 {
	color:#3C64AD;
}
/* Layout constants */
.cl {
	clear:both;

}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	float:left;
	margin:0 10px 10px 0;
}
.alignright {
	float:right;
	margin:0 0 10px 10px;
}
/* Layout */
body {
	background:url('images/bg_body.png') repeat-x #E2EAF5;
	margin:0px;
	font-size:12px;
	font-family:Arial;
}
#container {
	position:relative;
	background:url('images/bg_header.jpg') 0 19px no-repeat;
	width:1024px;
	height:1000px;
	margin:auto;
}
#header {
	width:1024px;
	height:222px;
	position:relative;
}
	a#homeLink {
		position:absolute;
		display: block;
		width: 297px;
		height: 150px;
		top: 27px;
		left: 37px;
		text-decoration:none;
	}
	#up_informations {
		float:right;
		margin:10px 27px 0 0;
	}
		.up_information {
			padding:0px 7px;
			border-right:1px solid #999999;
		}
		.up_information.last {
			border:none;
		}
	#search_form {
		position:absolute;
		top:72px;
		left:680px;
		float:left;
	}
		#search_text {
			background:url('images/search_input_bg.png');
			width:190px;
			height:14px;
			margin:0px;
			padding:7px 5px;
			border:none;
			color:#545454;
			float:left;
			margin:3px 3px 0px 0px;
		}
		#search_submit {
			background:url('images/search_submit.png');
			width:91px;
			height:37px;
			border:none;
			float:left;
			margin:0px;
			cursor:pointer;
			text-indent: -9999px;
		}
		.advanced_search {
			margin:2px 0 0 6px;
			color:#FFFFFF;
		}
		.advanced_search a {
			color:#BBCEE9;
			font-size:11px;
		}
	ul.nav {
		height:40px;
		width: 90%;
		float:right;
		list-style-type:none;
		margin:116px 32px 14px 0;
		padding:0px;
		overflow:hidden;
	}
		ul.nav li {
			padding:0px;
			margin:0px;
			float:right;
		}
			ul.nav li a {
				text-decoration:none;
				color:#FFFFFF;
				font-weight:bold;
				text-transform:uppercase;
			}
				ul.nav li a span.first {
					background:url('images/main_menu_button.png');
					display:block;
					height:9px;
					padding:14px 0px 17px 21px;
					float:left;
				}
				ul.nav li a span.second {
					background:url('images/main_menu_button.png') -235px 0px;
					display:block;
					float:left;
					width:15px;
					height:40px;
				}
				ul.nav li a:hover span.first, ul.nav li a:hover span.second, ul.nav li a.selected span.first, ul.nav li a.selected span.second {
					background-image:url('images/main_menu_button_hover.png');
					color:#CC0000;
				}
	.tickercontainer {
		margin:0;
		padding:0;
		margin-left:48px;
		list-style-type:none;
		position:relative;
		top:196px;
		left: 42px;
	}
	.up_news {
		margin:0;
		padding:0;
		margin-left:48px;
		list-style-type:none;
		position:relative;
		display:none;
	}
		.up_news li {
			padding:0;
			margin:0;
			float:left;
			margin-right:5px;
		}
		.up_news li a {
			text-decoration:none;
		}
		.up_news li a:hover {
			text-decoration:underline;
		}
		.tickercontainer { /* the outer div with the black border */
			width: 950px; 
			margin: 0; 
			padding: 0
			overflow: hidden;
			height: 18px;
			
		}
		.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
			position: relative;
			left: 0px;
			top: 0px;
			width: 950px;
			height: 16px;
			margin:0;
			overflow: hidden;
		}

#left {
	float:left;
	width:768px;
}
#nav {
	background:url('images/nav.png');
	width:730px;
	height:30px;
	line-height:30px;
	margin:10px 0 0 37px;
	font-size:11px;
	color:#525252;
	float:left;
	font-weight:bold;
}
#nav .pull {
	color:#999999;
	margin:0 6px;
}
#nav a {
	color:#3A64AC;
	font-weight:normal;
}
#nav a.home {
	display:block;
	text-indent:-9999px;
	width:34px;
	height:30px;
	float: left;
	margin-right:11px;
}
#nav span.first {
	display:none;
}
#article_full {
	background:#FFFFFF;
	width:690px;
	padding:30px 20px 20px;
	margin:10px 0 0 37px;
	line-height:18px;
	color:#545454;
}
	#article_full a {
		color:#CC0000;
	}
	#article_full h1 {
		font-size:26px;
		font-weight:bold;
		line-height:29px;
		color:#CC0000;
		margin:0px;
		padding:0px;
	}
	
	#article_full h2 {
		font-size:16px;
		font-weight:bold;
		line-height:17px;
		color:#CC0000;
		margin:0px;
		padding:0px;
	}
	
	#article_full h3 {
		font-size:14px;
		font-weight:bold;
		line-height:16px;
		color:#CC0000;
		margin:0px;
		padding:0px;
	}
	#article_full p.info {
		border:1px solid #E2EAF5;
		border-left:0px;
		border-right:0px;
		padding:5px 0px;
	}
	#article_full ul {
		list-style:url('images/pull2.png');
		line-height: 25px;	
	}
	#article_full img {
		border:4px solid #E2EAF5;
	}
	#article_full img.noborder {
		border:none;
	}
	#article_full .post_image {
		float:right;
		background:#E2EAF5;
		border:1px solid #AEC6E4;
		padding:5px;
		margin:0 0 8px 8px;
	}
#new_posts {
	background:url('images/new_posts_up.png') no-repeat 0px 24px;
	float:left;
	width:730px;
	margin:10px 0 0 37px;
}
	#new_posts div.nav a {
		display:block;
		float:left;
		height:25px;
		text-decoration:none;
		margin-right:1px;
		font-size:11px;
		font-weight:bold;
		color:#FFFFFF;
		text-transform:uppercase;
	}
	#new_posts div.nav a:hover, #new_posts div.nav a.selected {
		color:#253E7C;
	}
		#new_posts div.nav a span.first {
			background:url('images/new_post_hover.png') no-repeat #AEC6E4;
			display:block;
			width:2px;
			height:25px;
			float:left;
		}
		#new_posts div.nav a span.second {
			background:#AEC6E4;
			border-top:1px solid #AEC6E4;
			display:block;
			height:24px;
			line-height: 24px;
			padding:0px 8px;
			float:left;
		}
		#new_posts div.nav a span.third {
			background:url('images/new_post_hover.png') no-repeat top right #AEC6E4;
			display:block;
			width:2px;
			height:25px;
			float:left;
		}
		#new_posts div.nav a:hover span.first, #new_posts div.nav a.selected span.first {
			background:url('images/new_post_left.png');
		}
		#new_posts div.nav a:hover span.second, #new_posts div.nav a.selected span.second {
			background:#FFFFFF;

		}
		#new_posts div.nav a:hover span.third, #new_posts div.nav a.selected span.third {
			background:url('images/new_post_right.png');
		}
	#new_posts_content {
		background:#FFFFFF;
		width:710px;
		height:260px;
		border-left:1px solid #AEC6E4;
		border-right:1px solid #AEC6E4;
		padding:9px;
		overflow:hidden;
		position:relative;
	}
	  #slider {
	  	position:absolute;
	  	width:9999px;
	  	height: 260px;
	  	left:9px;
	  }
	  div.slide{
	  	width:710px;
	  	margin-right: 9px;
	  	float:left;
	  }
		img.new_post_img {
			float:left;
		}
		div.article {
			float:right;
			width:380px;
		}
			div.article h1, div.article h1 a {
				margin:13px 0 0 0;
				font-size:20px;
				color:#CC0000;
			}
			span.comments {
				background:url('images/icon_comment_white.png') no-repeat 0 2px;
				padding:0 10px 0 14px;
				margin:0 10px 0 0;
				border-right:1px solid #999999;
			}
			div.article p {
				font-size:11px;
				color:#525252;
				line-height:15px;
				padding:0;
				margin:10px 0;
			}
			a.read_more {
				margin:10px 0 0;
				color:#CC0000;
				font-size:11px;
				font-weight:bold;
				text-decoration:none;
			}
			a.read_more span {
				text-decoration:underline;
			}
			a.read_more:hover span {
				text-decoration:none;
			}
	#new_posts_down {
		background:url('images/new_posts_down.png');
		width:730px;
		height:2px;
	}
#sidebar_first {
	float:right;
	width:220px;
	margin:10px 27px 0 0;
}
	span.header {
		margin:4px 0 0 8px;
		float:left;
	}
	span.header.margin {
		margin-top:10px;
	}
	#calendar {
		background:url('images/calendar_bg.png');
		width:220px;
		height:220px;
		margin:25px 0 10px;
	}
	#calendar.margin {
		margin-top:10px;
	}
		#calendar table td {
			margin:0px;
			padding:0px;
		}
		#ec3_prev, #ec3_next {
			display:block;
			width:9px;
			height:13px;
			/*text-indent:-9999px;*/
			font-size: 0px;
			text-decoration: none;
			color: #6283BD;
			cursor: pointer;
		}
		#prev {
			padding:0px;
			margin:0px;
		}
		#ec3_prev {
			background:url('images/arrows1.png');
			margin:0px 0 0 10px;
			float:left;
		}
		#ec3_next {
			background:url('images/arrows1.png') -9px 0;
			margin:0px 10px 0 0;
			float:right;
		}
		#next, #prev {
			width: 19px;
		}
		#ec3_publish img {
			display:none;
		}
		#ec3_spinner, div.ec3_ec {
			width: 0px;
			height: 0px;
		}
		#wp-calendar caption {
			width:221px;
			height:30px;
			line-height:30px;
			text-align: center;
			margin-top: -32px;
			margin-bottom: 0px;
		}
		#wp-calendar caption a {
			color:#FFFFFF;
			font-weight:bold;
			text-decoration:none;
		}
	#wp-calendar thead {
		display:none;
	}
	#wp-calendar table td {
		background:url('images/calendar_td_bg.png');
		width:29px;
		height:29px;
		color:#335293;
	}
	#wp-calendar table td.ec3_postday {
		background:url('images/calendar_td_post_bg.png');
	}
	#wp-calendar table td.ec3_postday a {
		color:#E2EAF5;
		text-decoration:none;
		font-weight:bold;
	}
	#wp-calendar table.nav td, #wp-calendar table td.pad {
		background:none;
	}		
	img.ask_head_of_msns {
		margin-top:10px;
	}
/* box */
div.box {
	background:url('images/box_up_down.png') bottom left no-repeat #FFFFFF;
	width:220px;
	padding-bottom:10px;
}
div.box.margin {
	margin-top: 10px;
}
div.box.violet {
	background:url('images/box_up_down_violet.png') bottom left no-repeat #C4D2E3;
}
div.box.red {
	background:url('images/box_up_down_red.png') bottom left no-repeat #AA0202;
}
	div.box h2 {
		background:url('images/box_header.png');
		width:196px;
		height:31px;
		line-height:30px;
		margin:0px;
		padding:0 12px;
		font-size:11px;
		color:#333333;
		text-transform:uppercase;
	}
	div.box h2.red {
		background:url('images/box_header_red.gif');
		color:#FFFFFF;
	}
	div.box h2.white {
		background:url('images/box_up_down.png') no-repeat;
	}
	div.box a {
		font-weight:bold;
		color:#253E7C;
	}
	div.box a.more {
		font-size:11px;
		font-weight:normal;
		color:#253E7B;
		text-decoration:none;
		float:right;
		text-transform:none;
	}
	div.box a.more span {
		text-decoration:underline;
	}
	div.box a.more:hover span {
		text-decoration:none;
	}
	div.box .in {
		margin:0;
		padding:10px 10px 0px;
	}
	div.box .nopadding {
		padding:0px 10px;
	}
	div.box ul {
		list-style-image:url('images/pull2.png');
		line-height:22px;
		margin:15px 15px 10px 25px;
		padding:0px;
	}
	div.box.violet ul {
		list-style-image:url('images/pull.png');
	}
	div.box ul.kid {
		display:none;
		margin:0px 15px 0px 25px;
	}
		div.box ul li {
			margin:0px;
			padding:0px;
		}
		div.box ul a {
			font-size:11px;
			font-weight:bold;
			color:#253E7B;
		}
		div.box.red ul a {
			font-size:11px;
			font-weight:bold;
			color:#FFFFFF;
		}
	div.box .comment {
		font-size:11px;
		line-height: 15px;
		color:#525252;
		padding:0 0 5px;
		margin:10px 10px 0;
		border-bottom:1px dashed #BACEE9;
	}
		div.box .comment a {
			background:url('images/icon_comment_white.png') no-repeat 0 2px;
			padding-left:14px;
			font-size:11px;
		}
/* end box */
/* poll */
.answer {
	float:left;
	color:#CC0000;
}
div.box .answer a {
	color:#CC0000;
}
	.answer a {
		color:#CC0000;
		font-weight:bold;
	}
.ratio {
	float:right;
	color:#999999;
}
.overall {
	float:right;
}
.radio {
	margin:5px 0px;
}
.radio input {
	margin-right: 25px;
}
.bar {
	background:#EEF2F9;
	border:1px solid #ADC5E4;
	padding:1px;
	width:193px;
	height:6px;
	margin:6px 0;
}
.graph {
	background:url('images/graph_bar.png') repeat-x;
	height:6px;
}
.wp-polls form {
	margin: 0px;
	padding: 0px;
}
/* end poll */
#section {
	float:left;
	margin:10px 0 0 37px;
	width:500px;
}
#section.full {
	width:730px;
}
	#section .nav {
		float:left;
	}
	#section a.all_news {
		float:right;
		line-height:29px;
		color:#CC0000;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
	}
	#section .nav a {
		font-size:11px;
		font-weight:bold;
		color:#333333;
		text-transform:uppercase;
		text-decoration:none;
		cursor:text;
	}
	#section .nav a:hover {
		text-decoration:none;
	}
	#section .nav a .first {
		background:url('images/news_left.png');
		display:block;
		float:left;
		width:2px;
		height:29px;
	}
	#section .nav a .second {
		background:url('images/news_mid.png');
		display:block;
		float:left;
		height:29px;
		line-height:29px;
		padding:0 9px;
	}
	#section .nav a .third {
		background:url('images/news_right.png');
		display:block;
		float:left;
		width:2px;
		height:29px;
	}
	#section .news_box {
		background:#FFFFFF;
		padding:15px 12px 12px;
		width:476px;
		margin-top:1px;
	}
	#section.full .news_box {
		width:706px;
	}
		#section .news_box.first {
			border-top:1px solid #ADC5E4;
			margin:0;
			clear:both;
		}
		#section .news_box .border {
			background:#E2EAF5;
			border:1px solid #ADC5E4;
			padding:4px;
			width:80px;
			height:80px;
			float:left;
		}
		#section .news_box .article {
			width:370px;
		}
		#section.full .news_box .article {
			width:600px;
		}
		#section .news_box .article h2, #section .news_box .article h2 a {
			margin:0px;
			padding:0px;
			font-size:12px;
			font-weight:bold;
			color:#CC0000;
		}
		#section .news_box .article p {
			margin:5px 0;
		}
		#section .news_box .article p.text {
			padding:0;
			margin:0px;
		}
		#section .news_box.down {
			background:url('images/content_box_up_down.png') bottom left #EEF2F9 no-repeat;
			padding:12px 12px 0;
		}
			#section .news_box.down p {
				margin:0;
				padding:0 0 12px;
				font-size:11px;
				color:#777777;
			}
				#section .news_box.down p span {
					border-right:1px solid #777777;
					padding-right:8px;
					margin-right:7px;
				}
				#section .news_box.down p a {
					color:#CC0000;
					font-weight:bold;
				}
				#section .news_box.down p a.comments {
					background:url('images/icon_comment_grey.png') no-repeat 0 2px;
					margin-left:7px;
					padding-left:14px;
					font-weight:normal;
				}
	#buttons {
		background:url('images/content_box_up_down.png') #EEF2F9 no-repeat;
		width:490px;
		margin:10px 0 0;
		padding:10px 0 0 10px;
	}
		#buttons img {
			margin:0 6px 5px 0;
		}
	#buttons_down {
		background:url('images/content_box_up_down.png');
		width:500px;
		height:1px;
	}
#sidebar_second {
	width:220px;
	float:left;
	margin:0 0 0 10px;
}
#sidebar_third {
	float:right;
	width:220px;
	margin:0 27px 0 0;
}
#webTv {
	width:450px;
	float:right;
	margin:15px 27px 0 0;
}
	#webTv span.header {
		float:right;
		display:block;
		margin:3px 1px 8px 0;
	}
	#webTv div.gal_item {
		clear:both;
		float:none;
	}
#gallery {
	width:450px;
	float:right;
	margin:15px 27px 0 0;
}
	#gallery span.header {
		float:none;
	}
	.gallery {
		background:#C4D2E3;
		clear:both;
		width:450px;
		margin:5px 0;
		padding-top:2px;
		-moz-border-radius: 3px;
		border: 1px solid #A9BED6;
	}
		.gallery_in {
			width:449px;
			padding:4px 0;
		}
		.gallery a.prev, .gallery a.next {
			background:url('images/arrows.png') 0 50% no-repeat;
			width:26px;
			height:26px;
			text-indent: -9999px;
			float:left;
			display:block;
			margin:50px 4px 0 6px;
		}
		.gallery a.next {
			background-position:-26px 50%;
			margin:50px 6px 0 4px;
		}
		.gallery .items {
			float:left;
			width:2000em;
			height:118px;
			overflow:hidden;
			position:relative;
		}
		#galxSlider {
			position:absolute;
			height:118px;
			width:9999px;
			left:0px;
		}
		#galySlider {
			position:absolute;
			height:118px;
			width:9999px;
			left:0px;
		}
		.gallery .items div.gal_item {
			float:left;
			width:120px;
			padding:0 2px;
			text-align: center;
		}
		.gallery .items div a {
			font-size:11px;
			color:#253E7A;
			line-height:15px;
		}
		.gallery img {
			border:4px solid #E2EAF5;
		}
	.gallery_down {
		background:url('images/gallery_down.png');
		width:450px;
		height:1px;
	}

#footer {
	background:url('images/footer_up_down.png') no-repeat #FFFFFF;
	width:960px;
	height:50px;
	margin:10px 0 0 37px;
}
	.footer_in {
		background:url('images/footer_up_down.png') bottom left no-repeat;
		width:960px;
		height:50px;
		line-height:50px;
	}
		.footer_in a {
			font-size:11px;
			color:#253E7C;
			border-right:1px solid #D5E0F0;
			padding-right:20px;
			margin-left:20px;
			
		}
		.footer_in a.last {
			border-right:none;
		}
		.footer_in a.back_to_top {
			float:right;
			font-weight:bold;
			border:none;
		}
#copyright {
	margin:14px 0 20px 49px;
	color:#777777;
	font-size:11px;
}
/* comments */
#article_full h3.comm-info {
	margin-bottom:5px;
}
#article_full h3.comm-add {
	margin-top:5px;
}
.comm-navigation1 {
	margin:0px 0px 5px;
}
.comm-navigation2 {
	margin:5px 0px 0px;
}
#commentlist {
	margin: 0px;
}
.comment.depth-1 {
	width: 100%;
	float:right;
}
.comment.depth-2 {
	width:95%;
	float:right;
}
.comment.depth-3 {
	width:90%;
	float:right;
}
.comment.depth-4 {
	width:85%;
	float:right;
}
.comment.depth-5 {
	width:80%;
	float:right;
}
.comment-author {
	background:url('images/comment_bar.png') repeat-x;
	width:100%;
	height:31px;
	line-height:31px;
}
.comment-author cite {
	margin-left:10px;
	font-weight:bold;
	font-style:normal;
	color:#253E7C;
}
#article_full .comment-author cite a {
	color:#253E7C;
}
#article_full .comment-author .right a {
	margin-right:5px;
	color:#253E7C;
	font-size:11px;
	text-decoration:none;
}
.c_text {
	border:1px solid #BDD0EA;
	padding: 5px 5px 5px 10px;
}
.c_text p {
	margin:0px;
	padding:0px;
}
table.c_comments {
	width:100%;
}
table.c_comments td {
	padding-bottom:5px;
	vertical-align:middle;
}
table.c_comments label {
	color: #555555;
	font-weight: bold;
	margin-right:20px;
}
table.c_comments input {
	width:236px;
	height:15px;
	padding:5px 5px;
	border:1px solid #CCCCCC;
	/*border-right:none;
	border-bottom:none;*/
}
#c_comment, table.c_comments textarea {
	width:100%;
	height:100px;
	border:1px solid #CCCCCC;
	/*border-right:none;
	border-bottom:none;*/
}
#c_submit {
	background:url('images/button_send.png');
	border:none;
	cursor:pointer;
	width:90px;
	height:34px;
}
/* IE6 Fixs */
/** html ul.nav li a span { behavior: url(/msns/wp-content/themes/msns/images/iepngfix.htc) }*/
* html ul.nav {
	margin-right:17px;
}
* html .tickercontainer {
		top:0px;
	}
* html #new_posts, * html #section, * html #nav {
	margin-left:18px;
}
* html #new_posts_down {
	background-repeat: no-repeat;
	margin-bottom: -13px;
}
* html #sidebar_first, * html #sidebar_third, * html #webTv, * html #gallery {
	margin-right:13px;
}
* html #calendar table {
	margin-top: -36px;
}
* html #calendar table td {
	height:27px;
}
* html #calendar table.nav {
	margin: 0px;
}
* html #wp-calendar caption {
	width:221px;
	height:35px;
	line-height:33px;
}
* html #ec3_next {
	float: left;
	margin:0px 0px 0 65px;
}
* html #ec3_prev {
	margin:0px 0 0 3px;
}
* html .gallery a.prev, .gallery a.next {
	margin:50px 4px 0 4px;
}
* html .gallery a.next {
	margin:50px 1px 0 6px;
}
* html .gallery .items {
	margin-left:0px;
	width: 370px;
}
* html .gallery .items div.gal_item {
	margin-left:-3px;
	width: 124px;
}
* html .gallery .items div.gal_item.video {
	padding:4px;
}
* html .gallery_down {
	background:url('images/gallery_down.png');
	width:450px;
	height:1px;
	margin:-10px 0px 0;
	padding:0px;
}
* html #buttons_down {
	background:no-repeat;
	margin-bottom:-10px;
}
/* IE 7 fixs */
* + html #calendar table {
	margin-top: -36px;
}
* + html #calendar table td {
	height:27px;
}
* + html #calendar table.nav {
	margin: 0px;
}
* + html #wp-calendar caption {
	width:221px;
	height:35px;
	line-height:33px;
}
* + html #ec3_next {
	float: left;
	margin:0px 0px 0 130px;
}
* + html #ec3_prev {
	margin:0px 0 0 6px;
}
/* IE8 fixs */
.tickercontainer {
	top /*\**/: 0px\9
}
#calendar table td {
	height /*\**/: 27px\9
}
/* Safari fixs */
@media screen and (-webkit-min-device-pixel-ratio:0){
	#calendar table {
		margin-top: -33px;
	}
	#calendar table td {
		height:27px;
	}
	#calendar table.nav {
		margin: 0px;
	}
	#wp-calendar caption {
		width:221px;
		height:35px;
		line-height:33px;
		margin-bottom: 28px;
	}
	#ec3_next {
		float: left;
		margin:0px 0px 0 130px;
	}
	#ec3_prev {
		margin:0px 0 0 6px;
	}
	ul.nav {
		margin-top: 117px;
	}
}

.single-gall div.post_image	{ float: left !important;}
.ec3_eventday a	{ color: #fff !important;}

.wp-polls .Buttons { margin-top:10px; padding:3px 5px; background: #980000 !important; color: #fff !important; border: none !important; cursor: pointer;}

/* contact form errors */
span.wpcf7-not-valid-tip {
	top:-6px !important;
	left:0px !important;
	width:241px !important;
	height:21px !important;
	line-height:21px;
	text-align:center;
}
div.wpcf7-response-output {

}
div.div.wpcf7-mail-sent-ok { border: 1px solid #ddd !important; }

/*scrolable*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:90px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
#scroller-foto {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 354px;
	height:120px;
	float: left;
margin-left: 13px;
}

#scroller-video {
float:left;
height:120px;
overflow:hidden;
position:relative;
width:354px;
margin-left: 13px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
#scroller-foto .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}