/*---------------------------------------------
| VideoTutorials - стилове
---------------------------------------------*/

	html,body {
		background: #fff url('../images/back.gif') repeat-x;
		margin: 0px; padding: 0px; color: #575656;
		font-family: 'Tahoma', sans-serif;
		text-align: center;
	}

	div.container {
		background: transparent url('../images/cback.png') repeat-y;
		margin: 14px auto;
		color: #575656;
		width: 724px;
	}

	div.bordertop {
		background-image: url('../images/btop.gif');
		background-repeat: repeat-x;
		height: 21px; width: 100%;
		position: relative;
		color: #000;
	}

	img.rightc {position: absolute; top: 0px; right: 0px;}
	img.leftc {position: absolute; top: 0px; left: 0px;}

	div.borderbot {
		background-image: url('../images/bbot.gif');
		background-repeat: repeat-x;
		height: 21px; width: 100%;
		position: relative;
		color: #000;
	}

	div.inner {
		background: #f2f2f2;
		margin: 0px 21px;
		padding-top: 9px;
		color: #575656;
		font-size: 0px;
	}

	div.content {
		border-width: 0px 1px 1px 1px;
		border-style: solid;
		border-color: #ddd;
		background: #fbfbfb;
		margin: 0px auto;
		text-align: left;
		font-size: 11px;
		color: #575656;
		width: 664px;
	}

	div.content a {color: #B50000; text-decoration: none;}

	div.box,div.box2 {
		background: #fbfbfb url('../images/boxes1.gif') repeat-y;
		font-family: 'Verdana',serif;
		margin-bottom: 12px;
		position: relative;
		min-height: 350px;
		line-height: 18px;
		width: 664px;
		color: #777;
	}

	div.box2 {background-image: url('../images/boxes2.gif');}

	div.box div.border, div.box2 div.border {
		background: #fbfbfb url('../images/boxbb.gif') repeat-x;
		bottom: -6px; left: 10px;
		position: absolute;
		font-size: 0px;
		width: 635px;
		color: #777;
		height: 6px;
		z-index: 1;
	}

	div.box2 div.breaker {
		background-image: url('../images/breaker.gif');
		left: 203px; bottom: -7px;
		width: 13px; height: 8px;
		position: absolute;
		z-index: 2;
	}

	div.box div.breaker {display: none;}

	div.col {margin-right: 4px;}

	#header object, #header param {
		width: 668px; height: 147px;
	}

	#header {
		height: 147px; width: 668px;
		font-size: 0px !important;
		margin: 0px auto;
	}
	#header span {display: none;}

	div.floatedr h2 { text-indent: 15px; }
	div.ppadding h2 { text-indent: 0px; margin: 0px 0px 10px 0px; }

	h2 {
		margin: 0px 10px 0px 13px;
		font-family: 'Tahoma',serif;
		font-size: 12px !important;
		text-transform: uppercase;
		padding: 5px 0px 0px 0px;
		height: 25px;
	}

	small { font-size: 11px; }
	.large { font-size: 12px; }
	.larger { font-size: 13px; }
	.larger a { text-decoration: underline; }
	.larger a:hover { text-decoration: none; }

	img.profile { float: left; margin-right: 18px; }

	div.profile a { background: #fbfbfb; color: #777; }
	div.profile a:hover { text-decoration: underline; }

	div.profile strong { color: #777; background: #fbfbfb; }

	h2.title {
		background: #fdfdfd url('../images/h2back.gif') repeat-x;
		color: #636363; height: 30px; margin-top: 0px;
		text-indent: 15px;
	}

	div.floatedr h2.title,div.floatedl h2.title {
		margin-right: 0px;
	}

	h2 img {vertical-align: -7px;}
	div.content h2 a {text-decoration: none; color: #636363;}

	div.ppadding {
		padding: 5px 15px; margin-left: 13px;
		color: #696969;
	}

	div.ppadding p, div.p, .p {
		background-image: url('../images/punkt.gif');
		background-repeat: repeat-x;
		background-position: bottom;
		padding-bottom: 15px;
		display: block;
		margin: 0px;
	}

	div.pp { margin: 8px 0 0 0 !important; padding: 0 0 0 0 !important; background-position: 0px !important; font-size: 0 !important; height: 5px !important; }

	div.ppadding p.new {
		background-color: #fbfbfb;
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		line-height: 17px;
		font-size: 9px;
		color: #575656;
	}

	div.ppadding p.new a { background: #fbfbfb; color: #B50000; text-decoration: underline; }
	div.ppadding p.new a:visited { text-decoration: none; }
	div.ppadding p.new a:hover { text-decoration: none; }

	div.floatedl {width: 204px; float: left;}

	div.floatedr { width: 435px; float: left; margin-left: 8px;}
	div.floatedr div.ppadding {margin: 0px;}
	div.floatedr h2 {margin-left: 0px;}

	ul.menu {display: none;}

	div.footer {
		font-family: 'Verdana',serif;
		background: #f2f2f2;
		padding: 10px 18px;
		text-align: left;
		font-size: 10px;
		color: #ababab;
	}

	span.arrowed {
		background: #fbfbfb url('../images/arrow.gif') no-repeat 0px 5px;
		padding-left: 10px;
		font-size: 9px;
		color: #B50000;
	}

	div.footer a {background: #f2f2f2; color: #ababab; text-decoration: none;}
	div.footer a:hover {text-decoration: underline;}

	span.more { display: block; margin: 10px 0px; text-align: right; }
	div.nopad { padding-bottom: 5px; }

	ul.preview {margin: 15px 0px 0px 0px; padding: 0px; list-style-type: none;}
	ul.preview li {
		margin: 0px; padding: 0px;
		list-style-type: none;
		white-space: nowrap;
		overflow: hidden;
		display: block;
		float: left;
		width: 50%;
	}

	ul.preview li.r {text-align: left;}
	ul.preview li.r a {padding-right: 4px;}

	ul.preview li a {
		background-image: url('../images/square.gif');
		background-repeat: no-repeat;
		background-position: 0px 3px;
		padding-left: 9px;
		font-weight: bold;
		font-size: 9px;
	}

	ul.preview li.r a:hover {padding-right: 0px;} 

	ul.preview li a:hover {
		margin-left: 4px;
	}

	/* RAngles
	------------------------------------------------------------------*/
		span.round {
			width: 344px; height: 179px;
			position: relative;
			margin-bottom: 9px;
			display: block;
		}

		span.round textarea {
			overflow: auto; border: 1px solid #e2e2e2;
			width: 336px; height: 170px;
			background: #fff;
			font-size: 12px;
			padding: 3px;
			color: #777;
		}

		input { font-size: 12px; }
		textarea { font-size: 12px; }

		span.round input {
			border: 1px solid #e2e2e2; width: 227px;
			color: #777; background: #fff;
			padding: 4px 3px 3px 3px;
			height: 15px;
		}

		span.input { height: 25px; width: 235px; }

		span.r2 { position: relative; width: 600px; margin-bottom: 0px; height: 30px; }
		span.r2 input { width: 592px; height: 20px; padding: 7px 3px 0px 3px; }

		span.r3 {
			width: 141px; height: 24px;
			position: relative;
			margin-bottom: 0;
			left: 10px;
		}

		span.r3 input {
			width: 133px; height: 17px;
			padding: 4px 3px 0 3px;
			text-indent: .2em;
			color: #ababab;
		}

		input.submit {
			width: auto !important; height: auto !important;
			border: 0 !important;
			padding: 0 !important; margin: 0;
			position: absolute;
			top: 1px; right: -26px;
		}

		span.textarea { height: 59px; }
		span.r2 textarea { width: 592px; height: 50px; }

		input.sbtn {
			background: #fbfbfb url('../images/clear.png') no-repeat;
			border: 0px; width: 59px; height: 13px;
			float: right; margin-right: 15px;
			cursor: pointer;
		}

		div.fldset1 {
			width: 260px; float: left;
			background: #fbfbfb;
			color: #B50000;
		}

		span.indent { padding-left: 5px; }

		span.round img { position: absolute; }

		span.round img.rb { right: 0px; bottom: 0px; }
		span.round img.lb { left: 0px; bottom: 0px; }
		span.round img.rt { right: 0px; top: 1px; }
		span.round img.lt { left: 0px; top: 1px; }

		span.input img.rb { bottom: 1px; }
		span.input img.lb { bottom: 1px; }
		span.input img.rt { top: 0px; }
		span.input img.lt { top: 0px; }
		
		div.fileHolder{position: relative; left: 0;}
		input.filer {width: 600px; margin: 0; height: 27px; border: 1px solid #c9c9c9; position: relative; left: 0;}
		
	fieldset {border: 0px; padding: 0px; position: relative; }

	form.loginform {
		width: 235px;
		margin-bottom: 5px;
		position: relative;
	}

	form.loginform div a { font-size: 0px; margin-right: 10px; }
	form.loginform div { padding: 5px 0px 10px 0px; }

	form.registerform { width: 476px; position: relative; }

	form.registerform span.round { margin-top: -4px; }

	#viewmore { display: none; }

	#viewmore a { text-decoration: underline; }
	#viewmore a:hover { text-decoration: none; }
	#viewmore a:visited { text-decoration: none; }
	
	#viewmore a.undr { text-decoration: underline; }
	#viewmore a.undr:hover { text-decoration: none; }

	#tooltip {
		position: absolute;
		border: 1px solid #C9CACC;
		font-family: 'Verdana',serif;
		background: #FFF29A;
		padding: 15px 10px;
		text-align: left;
		width: 350px;
		font-size: 11px;
		color: #78767B;
		z-index: 9999;
	}

	div.labeled label {
		display: block; float: left;
		width: 200px; height: 30px;
	}

	a.bigred { font-size: 12px; font-weight: bold; display: block; }

	ul.list {
		list-style-type: none;
		padding: 0 0 10px 0;
		margin: 4px 0 0 0;
	}

	ul.list a {
		background: url('../images/square.gif') no-repeat left 5px;
		padding-left: 10px;
		font-size: 11px;
	}

	ul.list a:hover {
		background-position: 2px 5px;
		padding-left: 12px;
	}

	ul.list li {
		margin: 0 0 0 6px; padding: 0;
	}

	.leftm { margin: 10px 0 10px 15px; }

	h3 {
		text-transform: uppercase;
		text-align: center;
		margin: 0 0 5px 0;
		font-size: 11pt;
		color: #B50000;
	}

	div.pages { color: #b50000; font-size: 11px; font-family: 'Tahoma',sans-serif; }
	div.pages a { margin: 0 2px; color: #ababab; font-family: 'Tahoma',sans-serif; }
	div.pages a.active { color: #b50000; }

	div.tutorial {
		background: url('../images/punkt.gif') repeat-x bottom;
		font-family: 'Tahoma', sans-serif;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		line-height: 14px;
		overflow: auto;
		color: #ababab;
		width: 100%;
	}

	div.tutorial img { float: left; margin: 5px 15px 0 0; }
	div.tutorial a:hover { text-decoration: underline; color: #575656; }
	div.tutorial a { color: #575656; }

	div.tfoot { font-weight: bold; font-size: 10px; }

	div.ttitle {
		font-family: 'Tahoma', sans-serif;
		background: #fbfbfb;
		text-align: right;
		margin: 0 15px;
		padding: 5px 0;
		font-size: 8pt;
		color: #ababab;
	}

	div.ttitle a { color: #b50000; border-bottom: 1px dotted #ababab; }

	div.player {
		font-family: 'Tahoma', sans-serif;
		margin: 0 0 15px 8px;
		text-align: left;
	}
	
	div.ads { padding: 10px 0 10px 0; margin-left: 100px; }

	form.rateform { display: inline; margin: 0; padding: 0; }
	form.rateform select { font-size: 10px; line-height: 10px; padding: 0; border: 0; background: #fafafa; }

	.hidden { display: none; }
	.larger { font-size: 15px; }
	.large { font-size: 12px; }
	a img { border: 0px; }
	.floatright {float: right;}
	.floatright.marg {margin-right: 5px;}
	.floatleft {float: left;}
	.red {color: #B50000;}
	.bent {clear: both;}

	a.undr {text-decoration: underline;}
	a.undr:hover {text-decoration: none;}
	
	#translatorURL {display: none;}
	
	div.successMessage {margin-left: 30px; color: #666;}
	h1.success {font-size: 13px; font-weight: normal;}
	h1.addOther {font-size: 15px;}
	
	.share { text-align: center; margin-bottom: 20px; }
	.share img { vertical-align: middle; margin-right: 4px;}