﻿
/*
	timtube.de
*/

body {
	height: 100%;
	direction:rtl;
	
}

html {
	height: 100%;
	direction:rtl;
	
}

/* =reseting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	blockquote {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	hr {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	form {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	address {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	li {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	dd {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	dt {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	dl {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	ol {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	ul {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	p {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h6 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h5 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h4 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h3 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h2 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	h1 {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	
	body {
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
	}
	fieldset { border: none; }
	img { border: none; }
	a { text-decoration: none; }
	ul li { list-style: none; }
	a img { border: 0;}
	label { cursor: pointer; }
	abbr{ cursor: help; border-bottom: 1px dotted #000000; }
	table{ border-collapse: collapse;}
	address { display:inline; font-style:normal;}


/* =basics
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.big{font-size: 150%;}
.centerText{text-align: center;}
.centerBlock{margin: auto;}
.small{font-size: 10px;}
.sub{vertical-align: -25%;}
.sup{vertical-align: super; }
.normal{text-transform: none;}
.capitalize{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.lower{text-transform: lowercase;}
.accesskey{text-decoration:underline;}


h1{font-size: 20px;}
h2{font-size: 18px;font-weight:normal;}
h3{font-size: 16px;color:#ab1534;}
h4{font-size: 12px;}
h5{font-size: 12px;}
h6{font-size: 10px;}
hr{
	color:#322b22;
	height:0px;
	border-top:1px solid #322b22;
}
.clear{
	clear:both;
	height:1px;
	font-size: 1px; /* Fix for IE */
	margin-bottom: -1px;
}


/* =main
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body{
   color:#574e49;
	font-family: "Tahoma",Verdana,Arial,sans-serif;
	font-size: 11px;
	text-align: center;
	background: #080706;
	background-image: url(images/topline.gif);
	background-repeat:repeat-x;
}
.wrapper{
   width:970px;
   margin: auto;
   text-align: center;
   overflow:hidden;
}
input{
	border:1px solid #322b22;
	background:#1b1814;
	font:inherit;
	color:#8e8984;
	
	padding:6px 0px 0px 15px
}
textarea{
	border:1px solid #322b22;
	background:#1b1814;
	font:inherit;
	color:#8e8984;
	padding:5px 0px 0px 10px
}
input.submit{
	border:none;
	padding:0px 0px 3px 0;
	background: url(images/submit.gif) no-repeat;
	height:26px;
	width:63px;
	color:#ffffff;
	cursor: pointer;
	margin:1px 5px 0 7px;
	font-family:arial; font-size:14px;
}
/* =header element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header-container{
	background:#201d18;
}
#header-container p{
	float:right;
	padding-top:35px;

}
#header-container .wrapper{
	height:111px;
	overflow: hidden;

	text-align:right;
	direction:rtl;
}

#header-container ul {direction:rtl; }

#header-container ul#menu{
	direction:rtl;
	bottom:17px;
	font-size: 13px;
	font-weight: bold;
	margin-right:180px;
	
	/*left:217px;*/
}
#header-container ul#lang{
	/*position: absolute; */
	top:15px;
	right:10px;
}
#header-container ul#lang li{
	display: inline;
	direction:rtl;
	margin:0px 5px 0px 0px;
}
#header-container ul#menu li{
	display: block;
	float:right;
	color:#817370;
	padding-top:53px;
}


/* =body element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#body-container{

}

.vidinfo {margin:10px 10px 12px 10px; float:right; width:730px}
.vidinforight1 {float:right; text-align:right; font-size:15px; font-weight:bold}
.vidinforight2 {float:right; text-align:right; font-size:10px; margin:5px 10px 0 10px}
.vidinfoleft {float:left; text-align:left; font-size:11px; font-weight:bold;}
.vidinfoleft a:visited {font-weight:normal;}

.vidinfoleft a:link {font-weight:normal;}

#body-container .head{
	padding:12px 0px 9px 0px;
	border-bottom:1px solid #322b22;
	margin-bottom:9px;
	width:960px; 
	float:right;
}
#body-container .head h1{float:right; margin-right:0px; width:400px; text-align:right;}
#body-container .head .left{
	width:350px;
	border-left:1px solid #322b22;
	margin-left:10px;
	float:right; text-align:left;
}
#body-container .head ul{

	float:right;
}
#body-container .head li{
	display: inline;
}
#body-container #content{
	width:750px;
	border-left:1px solid #322b22;
	float:right;
	text-align:right;
}
#body-container #content hr{
	width:732px;
	clear: both;
	margin-bottom:20px;
}
#body-container #right-column{
	width:200px;
	float:left;
	text-align: center;
	margin:1px 0 0 10px;
	
}
#body-container #right-column .box{
	margin-bottom:35px;
}

#body-container #right-column h3{
	margin-bottom:10px;
	margin-top:16px;
}
#body-container #content .box{
	width:162px;
	float: right;
	padding:6px;
	margin:0px 0px 25px 9px;
	position:relative;
  cursor: pointer;
	border:1px solid #080706;
}

#right-column .box{
	width:162px;
	float: right;
	padding:6px;
	margin:0px 9px 25px 0px;
	position:relative;
  	cursor: pointer;
	border:1px solid #080706;
}

#right-column {
	padding-top:23px;
}

#adspacer {
	height:35px;
}

#right-column .box-hover{
	border:1px solid #332823;
	cursor: pointer;
	margin:0px 8px 23px 0px;
	background: #191713;
}
#right-column .box p{
	text-align: right;
	margin-bottom:5px;
}
#right-column .box p span{
	color:#ffffff;
	/**position:absolute;**/
	margin-left: 25px;
}

#right-column .box img{
	vertical-align:top;
}
#right-column .box img.ava{
	border: 1px solid #322b22;
}
#right-column .box h4{
	color: #ab1534;
	margin-bottom:5px;
}
#right-column .box strong{
	font-size: 20px;
	left:0px;
}


#body-container #content .box-hover{
	border:1px solid #332823;
	cursor: pointer;
	margin:0px 8px 23px 0px;
	background: #191713;
}
#body-container #content .box p{
	text-align: right;
	margin-bottom:5px;
}
#body-container #content .box p span{
	color:#ffffff;
	/**position:absolute;**/
	margin-right: 25px;
}
#body-container #content .box img{
	vertical-align:top;
}
#body-container #content .box img.ava{
	border: 1px solid #322b22;
}
#body-container #content .box h4{
	color: #ab1534;
	margin-bottom:5px;
	text-align:right;
}
#body-container #content .box strong{
	font-size: 20px;
	left:0px;
}

.vholder {width:187px; height:193px; float:right; direction:rtl; padding:2px 6px 2px 0; border:1px solid #080706;}
.vholder:hover{background-color:#191713; border:1px solid #332823; cursor: pointer; width:190px; height:193px;}

.vlink {width:170px; text-align:right; font-size:14px; float:right; margin:5px 3px 5px 3px; padding:5px 6px 7px 1px; border:1px solid #080706;}
.vlink h4{height:32px; line-height:14px; color:#6e6660}
.vlink:hover{background-color:#191713; border:1px solid #332823; cursor: pointer; }
.vlink img {width:160px; height:120px; border: 1px solid #BD1E45;}
.vlink img:-moz-broken{ -moz-force-broken-image-icon:1; width:160px; height:120px; }
.vlink a:visited { color:#ab1534; padding:2px; font-weight:bold}
.vlink a:link { color:#ab1534; padding:2px; font-weight:bold}
.vlink a:hover { text-decoration:none}


.vimg {width:180px; height:135px; border: 1px solid #1E81DC;}
.vidstext {width:85px; float:right; text-align:right; font-size:11px; font-weight:normal; color:#5C5C5C}
.vdate {width:85px; float:right; text-align:right; font-size:11px; font-weight:normal; color:#fff}
.vduration {width:85px; float:left; text-align:left; font-size:11px; font-weight:normal; color:#fff; margin:4px 0 0 8px;}
.views {width:70px; text-align:right; font-size:11px; font-weight:normal; color:#5C5C5C; margin:2px 0 0 0}
.ratings {margin:6px 0 0 0;  font-size:11px; width:70px}
.rimg { width:95px; float:left}
.rimg img{width:95px; height:19px; border:0px; margin:-5px -5px 0 0}
.vcategory {text-align:right: color:#fff; font-size:11px; }
.vcategory a:visited{color:#5C5C5C; display:block; width:90px; padding:4px 0 4px 0; }
.vcategory a:link{color:#5C5C5C; display:block; width:90px; padding:4px 0 4px 0; }
.vcategory a:hover{color:#fff}

.pages { color:#574e49; width:600x; margin:14px 0 4px 0; font-size:11px; font-weight:bold;}
.pages li{list-style:none; float:right; border: solid 1px #332823; margin:1px 2px 1px 2px; text-align:center;}
.pages a:visited {color:#BA284F; display:block; width:21px; height:15px; padding:3px 0 3px 0}
.pages a:link {color:#BA284F; display:block; width:21px; height:15px; padding:3px 0 3px 0}
.pages a:hover {text-decoration:none; color:#FFF; background-color:#191713;}
.actual_page {color:#FFFFFF; width:21px; height:15px;  padding:3px 0 3px 0}
.page_off {color:#574e49; width:21px; height:15px; padding:3px 0 3px 0}

.vidtitle {width:720px; padding:5px 15px 5px 0; text-align:right; font-size:18px; color:#baafa4; font-weght:bold;}

.vinfo_holder{width:720px; height:75px; background-color:#322B21; padding:5px; margin:15px 10px 0 0; color:#fff}
.vinfo_holder .container{width:570px; background-color:#322B21; text-align:right; padding:5px; color:#6e6660; float:right}
.vinfo_holder .tag{width:95px; height:22px; float:right}
.vinfo_holder .name {width:340; float:right}
.vinfo_holder .share{width:370px; height:15px; line-height:16px; direction:ltr; font-size:10px; padding:0}
.vinfo_holder .rateme{width:120px; height:70px; background-color:#1B1814; text-align:right; color:#fff; float:left; padding:5px 15px 0 0}
.vinfo_holder .ratepics{width:100px; margin:5px 1px 7px 3px; background: url(templates/{$template}/images/star_image_{$array_video.star_image}.gif); background-repeat:no-repeat; background-position:center center;}
.relvids {font-size:14px; text-align:right; width:720px; padding:5px; font-weight:bold; border-bottom:1px solid #322b22; margin:10px 0 0 5px; color:#fff}
.bot_line1{width:960px; border-top:1px solid #322b22; margin:10px auto 10px auto; float:right}


.catsul {width:730px; margin:0; padding:0; float:right;}
.catsul li {list-style:none; float:right; width:170px; margin:10px 0 10px 12px; }
.catsul img {width:160px; height:213px;}
.catsul a:visited {font-size:14px; font-weight:bold}
.catsul a:link {font-size:14px; font-weight:bold}
.catsul a:hover {}

.catdropdown {width:200px; height:30px; float:left}
.select_category {width:200px; height:25px; font-weight:bold; font-size:12px;}

#rate_label{text-align:center;}
#ratings {text-align:center;}


/* =toolbar element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#toolbar{
	height:276px;
	background:#201d18;
}
#toolbar .box{
	width: 271px;
	float: left;
	margin:20px 20px 0px 0px;
}
#toolbar  .margin{
	margin-left:60px;
}
#toolbar ol{
	list-style-position: inside;
	margin-top:25px;
	color:#857b79;
	font-size: 12px;
}
#toolbar ol li{
	padding: 10px 10px 10px 0px;
	border-bottom:1px solid #4b423e;
}
#toolbar ol li:hover{
	background: #0c0604;
	cursor: pointer;
}
#toolbar .right{
	float: right;
	margin-top:10px;
}
/* =footer element`s
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer-container{
	background: url(images/footer-blank.gif) repeat-x;

	margin:15px 0 0 0;
}
#footer-container .wrapper{
	padding-top:17px;
	background: url(images/footer.gif) no-repeat;
	height:36px;
	position: relative;
}
#footer-container .wrapper ul li{
	display: inline;
	margin-right:10px;
}
#footer-container .wrapper p{
	position:absolute;
	right:0px;
	bottom:24px;
}

/* =links
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a{
	text-decoration: none;
	color:#574e49;
}
a.white{
	color:#c0bdb7;
}
#body-container #right-column .box a{
	text-decoration: underline;
}
#toolbar ol li a{
	color:#857b79;
}
#body-container .head a{
	padding:0px 5px 5px 5px;
	line-height: 20px;
}
#body-container #bottom a{
	padding:0px 5px 5px 5px;
	line-height: 20px;
}
#body-container .head a:hover{
	text-decoration: none;
	color:#ffffff;
}
#body-container #bottom a:hover{
	text-decoration: none;
	color:#ffffff;
}
#body-container .head a:active{
	background: #ab1534;
	text-decoration: none;
	color:#ffffff;
}
#body-container #bottom a:active{
	background: #ab1534;
	text-decoration: none;
	color:#ffffff;
}
a:hover{ text-decoration:underline;}
a:active{ text-decoration:underline;}
a:link {  }/* czekaj?cy na klikni?cie */
a:visited { }
#header-container ul#lang a{
	color: #6e6660;
	padding:3px;
}
#header-container ul#lang a:hover{
	background: #ab1534;
	color: #ffffff;
	decoration: none;
}
#header-container #dateheader a:hover{
	background: #ab1534;
	color: #ffffff;
}
#header-container #dateheader a{
	background: #ffffff;
	color: #ab1534;
}
#header-container ul#lang a:active{
	color: #ffffff;
	text-decoration: none;
}
#header-container ul#menu li a{
	margin:0px 0px 0px 0px;
	font-size:13px;
	text-align:center;
	width:108px;
	height:37px;
	padding:5px 4px 0px 4px;
	display: block;
	color:#ffffff;
}
#header-container ul#menu li a:active{
	background:url(images/head-hover.gif) no-repeat;
	text-decoration: none;
	color:#ffffff;
}
#header-container ul#menu li a:hover{
	background:url(images/head-hover.gif) no-repeat;
	text-decoration: none;
	color:#ffffff;
}
#header-container ul#menu li a.white{
	color:#ffffff;
}
.voteImage {
	width: 19px;
	height: 19px;
	background-image: url('images/vote.gif');
}
.voteImage:hover {
	width: 19px;
	height: 19px;
	background-image: url('images/vote-1.gif');
}
.voteMark {
	text-align: center;
	font-weight: bold;
}

.info {
  color:#EEEEEE;
}

h1.dateline {
	clear:both;
}

#sortbox {
	text-align:left;
	padding:5px 0px 10px 20px;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#322b22;
}

#sortbox a.active
{
	text-decoration:none;
	font-weigth: bold;
	color:#ffffff;
}

#header-navigation {
	display:block;
	width:970px;
	margin:0px auto 4px auto;
	padding:7px 0px 0px 0px;
	text-align:right;
	dir:rtl;
}

#header-navigation a {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	padding:2px 5px 2px 5px;
}

#header-navigation a:hover {
	background-color:#201d18;
	color:#c01f48;
	padding:2px 5px 2px 5px;
}

#header-navigation a:link {
	text-decoration:none;
}

#header-navigation a:visited {
	text-decoration:none;
}

#header-navigation a:active {
	text-decoration:none;
}

#header-navigation a:hover {
	text-decoration:none;
}

span.beta {
	color:#eeeeee;
	font-size:9px;
	font-weight:bold;
}

div.comment_box {
	padding:10px;
	text-align:left;
}

#advertising {
	padding:30px 0px 0px 5px;
}

img.vote {
	border:0pt none;
}


#infobox {
	text-align:left;
	color:#ffffff;
}

#infobox .Stil1 {
	color: #baafa4;
	font-weight: bold;
	font-size: 16px;
}
#infobox a:link {
	text-decoration: underline;
}
#infobox a:visited {
	text-decoration: underline;
}
#infobox a:hover {
	text-decoration: none;
}
#infobox a:active {
	text-decoration: underline;
}
#infobox .Stil4 {color: #baafa4; font-size: 10px; }
#infobox .Stil6 {
	font-size: 36px;
	font-weight: bold;
}

#upload {
	color:#ffffff;
}

#upload input {
	padding:2px;
	margin:0;
	width:auto;
	height:auto;
	background:none;

}


#upload input.submit{
	border:none;
	padding:0px;
	background: url(images/.gif) no-repeat;
	height:26px;
	width:63px;
	color:#ffffff;
	cursor: pointer;
	margin-left:7px;
}

#upload .Stil4 {color: #baafa4; font-size: 10px; }
#upload .Stil6 {
	font-size: 36px;
	font-weight: bold;
}

#comment {color:#ffffff;}
#comment .Stil2 {color: #574e49}
#comment .Stil4 {color: #8D8078}
#comment .Stil5 {font-size: 10px}
#comment .Stil6 {color: #FFFFFF}



#usernav {
	position: absolute;
padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6e6660;
	padding:0px;
	margin:10px 850px 0 0;
	height:23px;
	overflow:hidden;
}

#usernav a:link {
	text-decoration: none;
	color: #a7a3a0;
}
#usernav a:visited {
	text-decoration: none;
	color: #a7a3a0;
}
#usernav a:hover {
	text-decoration: underline;
	color: #a7a3a0;
}
#usernav a:active {
	text-decoration: none;
	color: #a7a3a0;
}
#usernav .Stil2 {
	color: #574e49;
	font-weight: bold;
	font-size: 18px;
}
#usernav .Stil4 {color: #8D8078}
#usernav .Stil6 {
	color: #FFFFFF;
	font-weight: bold;
}
#usernav .Stil7 {color: #574E49}

#usernav p {
	padding:0px;
	margin:0px;
	height:23px;
}


#profil {
	color: #ffffff;
}

#profil a:link {
	text-decoration: underline;
}
#profil a:visited {
	text-decoration: underline;
}
#profil a:hover {
	text-decoration: none;
}
#profil a:active {
	text-decoration: underline;
}
#profil .Stil2 {
	color: #574e49;
	font-weight: bold;
	font-size: 18px;
}
#profil .Stil4 {color: #8D8078}
#profil .Stil6 {
	color: #FFFFFF;
	font-weight: bold;
}
#profil .Stil7 {color: #574E49}

#werbung_oben a {
	color:#b9284c;
	font-size:16px;
	font-weight:bold;
}

td {
	font-size: 11px!



}

tr {
	font-size: 11px!



}

table {
	font-size: 11px!



}

a.plink:active a.plink:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #BA284F;
	cursor: pointer;
	text-decoration: none;
}

a.plink:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #BA284F;
	cursor: pointer;
	text-decoration: none;
}

a.plink:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #BA284F;
	cursor: pointer;
	text-decoration: none;
}

a.plink {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	color: #BA284F;
	cursor: pointer;
	text-decoration: none;
}

a.linkex:active a.linkex:hover {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:7pt;
	color: #5C5C5C;
	cursor: pointer;
	text-decoration: none;
}


a.linkex:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:7pt;
	color: #5C5C5C;
	cursor: pointer;
	text-decoration: none;
}


a.linkex:link {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:7pt;
	color: #5C5C5C;
	cursor: pointer;
	text-decoration: none;
}


a.linkex {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:7pt;
	color: #5C5C5C;
	cursor: pointer;
	text-decoration: none;
}


.horad{width:720px; height:180px; margin:15px 10px 10px 0; float:right}
.horad img {width:720px; height:180px;}

#body-container #right-column img{width:200px; margin:-10px 0 50px 0}

.mainfr{
	width:960px; margin:2px auto 2px auto; float:right; height:240px; background-color: transparent; background-color:#080706; padding:0;

}
.mainfrtxt{
				text-align:right; color:#ab1534; font-size:20px; font-weight:bold; float:right;
}

.videosItems
{
    padding-right:3px;
    overflow:hidden;
}
.videosItem
{
    border:1px solid #222;
    float:right;
    font-size:0.9em;
    font-weight:bold;
    margin:0px 0px 2px 2px;
    padding:1px;
    overflow:hidden;
    width:180px; height:185px;
}
.videosItem:hover
{    
    border:1px solid #BD1E45;
}
.videoTitle,
.videoInfo
{
    display:block;
    width:180px;
}
.videoTitle
{
    color:#6e6660;
    font-weight:bold;
    height:18px;
    margin-bottom:4px; text-indent:1px; 
}
.videoInfo
{
    display:block;
    float:right;
    height:16px;
    line-height:16px;
    text-indent:55px;
}
.videoInfo strong
{
    color:#999;
}
.videoInfoDuration
{
   text-align:right; text-indent:1px; margin:0;
}


.form
{
    overflow:hidden;
    text-align:right;
}
.row
{
    margin-bottom:10px;
    overflow:hidden;
    width:250px;
}
.row label
{
    display:block;
}
.smallText
{
    font-size:0.8em;
}
.FormPanel
{
    background:url(images/CellularRegisterNow.jpg) top left no-repeat;
    height:380px;
    margin:10px;
}
