@import url(http://fonts.googleapis.com/css?family=Patrick+Hand&subset=latin,vietnamese);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,vietnamese);
@import url(http://fonts.googleapis.com/css?family=Arimo&subset=latin,vietnamese);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,vietnamese);
body{background:url(../img/bg/bg1.jpg) repeat; background-position: 0 -10px;
color: #333;min-width: 320px; font-size:14px; font-family: Verdana, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: 'Arimo', 'Optima', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: normal;}
h1{font-size: 28px;line-height: 1.357;margin-bottom: 0.8em;}
h2{font-size: 26px;line-height: 1.4167;margin-bottom: 1.2em;}
h3{font-size: 41px;line-height: 1.066;margin-bottom: 1.066em; font-family: 'Tangerine', serif, Helvetica, sans-serif;}
h4{font-size: 18px;line-height: 1.244;margin-bottom: 1.4em;margin-top: 1.7em;}
h5{font-size: 16px;line-height: 1.4;margin-bottom: 1.4em;}
h6{font-size: 16px;line-height: 1.4;margin-bottom: 1.4em;}
a{text-decoration: none;color: #0e6dc1;}
a:hover{color: #141414;}
a:focus, a:active{border: 0;outline: none;}
/* Micro clearfix hack */
.clearfix:before, .clearfix:after{content: "";display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom: 1;}
.ie7 blockquote p, .ie8 blockquote p{padding-left: 40px;}
ul.unordered-list{list-style: none;margin-bottom: 20px;}
ul.unordered-list li{margin-bottom: 10px;}
ul.unordered-list li:last-child{margin-bottom: 0;}
ul.unordered-list li:before{content: '> \00A0 \00A0';color: #646464;}
ul.unordered-list li ul{list-style: none;padding-left: 1.6em;}
ol.ordered-list{list-style-position: inside;margin-bottom: 20px;}
ol.ordered-list li{margin-bottom: 10px;}
ol.ordered-list li:last-child{margin-bottom: 0;}
ol.ordered-list li ol{padding-left: 1.6em;}
dl{margin-bottom: 20px;}
dl dt{font-weight: bold;}
dl dd{padding-left: 10px;margin-bottom: 10px;}
dl dd:last-of-type{margin-bottom: 0;}
pre{white-space: pre;white-space: pre-wrap;word-wrap: break-word;background: #d4d4d4;padding: 20px;}
pre, code{font: 14px/1.6 Menlo, Consolas, 'DejaVu Sans Mono', Monaco, 'Courier New', Courier, monospace;}
.clearfix li a:hover span.thumb_hover{background: transparent url("../images/hover/1.png?u=2") no-repeat;display: inline-block;position: absolute;width: 213px;height: 120px;background-color: rgba(0, 0, 0, 0.5);top:11px; left:11px;
color: #1A1AFF !important; z-index:998;}
/*.panel{border: 1px solid #e9e9e9;background-color: #ddd;background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#c4c4c4));background-image: -webkit-linear-gradient(top, #eeeeee, #c4c4c4);background-image: -moz-linear-gradient(top, #eeeeee, #c4c4c4);background-image: -ms-linear-gradient(top, #eeeeee, #c4c4c4); background-image: -o-linear-gradient(top, #eeeeee, #c4c4c4); background-image:         linear-gradient(top, #eeeeee, #c4c4c4);-pie-background: linear-gradient(top, #eeeeee, #c4c4c4); -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);behavior: url(/PIE.htc);}*/
#Media_Gallery ul.clearfix li h2{ font-family:"Arimo",Verdana, Geneva, sans-serif !important;}
.panel{background:url(../img/bg/weiss.jpg) repeat;border: 1px solid #e9e9e9;
-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);behavior: url(/PIE.htc); height: 210px !important;}
ul.clearfix li a img{ border: 1px solid #D7D7D7 !important;}
::-webkit-input-placeholder{color: #666;}
input:-moz-placeholder{color: #666;}
/* PrettyPhoto anchor tags */
a[rel^='DC_Photo']{display: block;position: relative;}
/* Image hover effect fro portfolio items */
.zoom-hover{position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5) url(../images/hover/1.png) center center no-repeat;opacity: 0;cursor: pointer;}
.ie7 .zoom-hover, .ie8 .zoom-hover{background: url(../images/hover/1.png) center center no-repeat;}
/* Fix for z-index issue in IE7 */
.ie7 #header-wrapper{position: relative;z-index: 1;}
/****** Inhalt *******/
#body_box{position: relative;z-index: 1;min-height: 700px;
/*max-height: 1740px;*/
background: #e9e9e9 url(../images/bg/1.jpg) repeat;-moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.7), inset 0 -1px 0 #fff;-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7), inset 0 -1px 0 #fff;box-shadow:0 1px 5px rgba(0, 0, 0, 0.7), inset 0 -1px 0 #fff;behavior: url(/PIE.htc); overflow:hidden;}
/* IE7 styles #body_box */
.ie7 #body_box{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
/* IE8 styles #body_box */
.ie8 #body_box{border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
#main{width: 100%;max-width: 998px;margin: 0 auto;padding: 30px 0 50px 0;}
#trans{ background:url(../img/deko/trans.png?u=1) repeat; position: absolute;height:88px; top:0px; width:100%}
#advanced{z-index: 20;position: relative;z-index: 2;border-top: 1px solid #E7E7E7;border-bottom: 2px solid #666;background-color: #ccc;background:url(../img/bg/bg1.jpg) repeat; background-position: 0 -50px;height:135px;}
#advanced span.trigger{display:block;position:absolute;background:url("../img/panel/btn.png") 0 -25px no-repeat;width: 133px;height: 26px;margin-top: 135px;left:45%;cursor:pointer;}
#advanced span.trigger strong{display: block;background: url("../img/panel/plus-minus.png") 0 0 no-repeat;width: 11px;height:11px;position: absolute;right: 60px;bottom: 8px;opacity: 0;}
#advanced.closed span.trigger strong, trigger_left strong{opacity: 1;}
#advanced span.trigger em{display: block;background: url("../img/panel/plus-minus.png") -11px 0 no-repeat;width: 11px;height: 11px;position: absolute;right: 60px;bottom: 8px;}
#headerInhalt{width: 100%;max-width: 998px;margin: 0 auto;color: #333;text-shadow: 0 1px 1px #fff;}
.header_linie{background:url transparent("../img/linien/4.png?u=1") repeat;width: 100%; height: 5px;}
#headerInhalt h1{font: bold 44px/1 'Alex Brush', cursive, Helvetica, Arial, sans-serif;letter-spacing: 1px;text-shadow: 0 1px 1px rgba(255,255,255,0.8); position:relative;top:26px; display:inline-block;}
#headerInhalt h3{font: bold 34px/1 'Tangerine', cursive, Helvetica, Arial, sans-serif;letter-spacing: 1px;text-shadow: 0 1px 1px rgba(255,255,255,0.8);margin:-10px 0px 0px 0px;width:450px; position:relative;}
.logo{background:url("../img/logo/dc.jpg") no-repeat; width:100px; height:90px; display:inline-block;float:left;-webkit-border-radius: 8px;-mz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 15px 10px -10px #333;-mz-box-shadow: 0 15px 10px -10px #333;-o-box-shadow: 0 15px 10px -10px #333;box-shadow: 0 15px 10px -10px #333; border: 1px solid #888; position:relative; top:20px; margin-right:18px;}
#search_box{float:right; position:relative; top:-75px;}
#search_form{height:26px;margin:0px 0px 0px 1px;display:inline-block;border:0px solid transparent;}
#search_form input#lvn,#search_form input#lvn:hover, #search_form input#lvn:focus{background:none repeat scroll 0 0 #FFF;}
#search_form input#lvn{
float:left;color:#FFF;width:180px;height:22px;font-style:italic;font-family:Arial, Helvetica;
border:1px solid #555;padding:3px 30px 2px 10px;background:#0E0E0E;
-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;
color:#CCC;background:#EEEEEE;background-size:222px 124px;background-position:left bottom;color:#000;text-shadow:0 1px 0 #ffffff;}
*:first-child+html #search_box{position:absolute;right:0}
#search_form input#lvn:focus{font-style:normal}
#input_search{background:url("../img/header/search.png?u=1") 0 -111px no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header/search.png', sizingMethod='crop');width:24px;height:21px;margin-left:-30px;position:relative;float:left;color:transparent;border:0px none;text-align:right;text-indent:-9999px;*display:none;cursor:pointer}
#input_search{box-shadow:none;min-width:0;padding:0;filter:none}
#search_form:hover #input_search,#search_form #lvn:focus ~ #input_search{background-position:0px -111px}
#titel{margin: -30px 0 40px 0;font-size: 14px;color: #333;}
#titel a{color: #555;font-size: 14px;position: relative;margin-right: 12px;display: inline-block;}
#titel span{color: #333;display: inline-block;font-size: 12px;}
#titel a:after{content: '\00bb';color: #666;position: absolute;right: -12px;top: 50%;margin-top: -8px;font-size: 16px;line-height: 1;}
.ie7 #breadcrumbs a:after{content: ' / ';}
#titel a:hover{color: #111;}
/************ Portfolio with 4 columns ***********/
#menue{font: 14px/30px 'Helvetica Neue', Helvetica, Arial, sans-serif;width:100%; height:34px;margin-top:0px;list-style: none;float: left;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6), 0px 1px 0px rgba(255, 255, 255, 0.6);-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.5);behavior: url(/PIE.htc);background-color: #c9c9c9;background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#aaaaaa));background-image: -webkit-linear-gradient(top, #eeeeee, #aaaaaa);background-image: -moz-linear-gradient(top, #eeeeee, #aaaaaa);background-image: -ms-linear-gradient(top, #eeeeee, #aaaaaa);background-image: -o-linear-gradient(top, #eeeeee, #aaaaaa);background-image: linear-gradient(to bottom, #eeeeee, #aaaaaa);-pie-background: linear-gradient(top, #eeeeee, #aaaaaa);behavior: url(/PIE.htc);}
/************ Tab ***********/
#menue li{font-size:15px;float: left;cursor: pointer;padding: 4px 11px 0 12px;}
#menue li a{color: #000; display:inline-block;}
#menue li:first-child{ border-right:1px solid #999;} 
#menue li a:hover{color: #F60;}
#menue li.active{color: #FF0080;background-color: #bbb;background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#dddddd));background-image: -webkit-linear-gradient(top, #999999, #dddddd);background-image: -moz-linear-gradient(top, #999999, #dddddd);
background-image: -ms-linear-gradient(top, #999999, #dddddd);background-image: -o-linear-gradient(top, #999999, #dddddd);background-image: linear-gradient(to bottom, #999999, #dddddd);-pie-background: linear-gradient(top, #999999, #dddddd);-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);}
/************ Thumbs ***********/
#Media_Gallery{margin-top: 40px; margin-bottom:60px;}
#Media_Gallery ul{margin-top: 10px;}
#Media_Gallery li{list-style: none;position: relative;float: left;padding: 10px;margin: 0 20px 40px 0;-moz-transition:box-shadow 0.4s ease-in-out;-webkit-transition: box-shadow 0.4s ease-in-out;-o-transition: box-shadow 0.4s ease-in-out;-ms-transition: box-shadow 0.4s ease-in-out;transition: box-shadow 0.4s ease-in-out;}
#Media_Gallery.Thumbs_Box li{width: 212px;height: 195px;behavior: url(/PIE.htc);}
#Media_Gallery.Thumbs_Box li img{border: 1px solid #E4E4E4;}
#Media_Gallery.three-column li{width: 212px;height: 200px;behavior: url(/PIE.htc);}
#Media_Gallery.Thumbs_Box li:nth-child(4n), #Media_Gallery.three-column li:nth-child(3n){margin-right: 0;}
#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+4), #Media_Gallery.three-column:not(.filter) li:nth-last-child(-n+3){margin-bottom: 0;}
#Media_Gallery li.panel:hover{
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 15px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 15px rgba(0, 0, 0, 0.6);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 15px rgba(0, 0, 0, 0.6);}


#Media_Gallery .panel a[rel^='DC_Photo'], #Media_Gallery .panel img{width: 213px;height: 120px;}
#Media_Gallery.three-column a[rel^='DC_Photo'], #Media_Gallery.three-column img{width: 298px;height: 176px;}
#Media_Gallery .panel .details{margin-top: 10px;position: relative;width: 218px;}
.iconQ{ background:url("../img/icons/quiz.png?u=1") no-repeat; width:8px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconP{ background:url("../img/icons/photo.png?u=1") no-repeat; width:17px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconR{ background:url("../img/icons/radio2.png?u=2") no-repeat; width:17px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconV{ background:url("../img/icons/video.png?u=1") no-repeat; width:14px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconV1{ background:url("../img/icons/video1.png?u=2") no-repeat; width:17px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconGH{ background:url("../img/icons/giaohoi.png?u=2") no-repeat; width:18px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconA{ background:url("../img/icons/audio.png?u=2") no-repeat; width:16px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconM{ background:url("../img/icons/music.png?u=1") no-repeat; width:14px; height:14px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.iconS{ background:url("../img/icons/video2.png?u=2") no-repeat; width:21px; height:16px; display:inline-block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative;}
.icon_danchua{ background:url("../img/icons/1.jpg") no-repeat; width:30px; height:30px; display:inline-block; margin:0px 10px 0px 0px; vertical-align: -7px;*top:-4px; position:relative; border: 1px solid #555; border-radius:50%;border-bottom: 1px solid  #222;border-right: 1px solid  #444;
-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.5);}
.icon_home{ background:url("../img/icons/home.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_giaohoi{ background:url("../img/icons/giaohoiB.png") no-repeat; width:40px; height:40px; display:inline-block;position: absolute; top:27px;}
.icon_video{ background:url("../img/icons/videoB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_audio{ background:url("../img/icons/audioB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_baigiang{ background:url("../img/icons/baigiangB.png") no-repeat; width:40px; height:40px; display:inline-block;position: absolute; top:27px;}
.icon_suyniem{ background:url("../img/icons/suyniemB.png") no-repeat; width:40px; height:40px; display:inline-block;position: absolute; top:27px;}
.icon_music{ background:url("../img/icons/musicB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_photo{ background:url("../img/icons/photoB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_radio{ background:url("../img/icons/radioB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
.icon_quiz{ background:url("../img/icons/quizB.png") no-repeat; width:40px; height:40px; display:inline-block; position: absolute; top:27px;}
h3 .titel_iconA{ background:url("../img/icons/8.png?u=2") no-repeat; height:35px; display:block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative; text-indent:45px; line-height:44px;*line-height:36px;}
h3 .titel_iconV{ background:url("../img/icons/4.png?u=1") no-repeat; height:35px; display:block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative; text-indent:45px; line-height:44px;*line-height:36px;}
h3 .titel_iconH{ background:url("../img/icons/home.png?u=1") no-repeat; height:35px; display:block; margin:0px 7px 0px 0px; vertical-align: -1px;*top:-4px; position:relative; text-indent:45px; line-height:44px;*line-height:36px;}
#videoBes{font-size: 18px;color: #000; padding-bottom:20px;}
#Media_Gallery .panel h2{font: 15px/1.3 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #000;margin-bottom: 3px;font-weight:normal;text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);}
#Media_Gallery .panel .description{color: #555;overflow: hidden;font-size:14px; line-height:14px !important; text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);}
.pfeil{ background:url("../images/pfeil/p3.gif") no-repeat; width:7px; height:9px; display:inline-block; margin:2px 5px 0px 0px;*top:-4px; position:relative;}
@media only screen and (max-width: 1020px){
	#Media_Gallery.Thumbs_Box{width: 745px;}
	#Media_Gallery.three-column{	width: 660px;}
	#Media_Gallery.Thumbs_Box li:nth-child(4n){margin-right: 20px;}
	#Media_Gallery.Thumbs_Box li:nth-child(3n){margin-right: 0;}
	#Media_Gallery.three-column li:nth-child(3n){margin-right: 20px;}
	#Media_Gallery.three-column li:nth-child(2n){margin-right: 0;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+4), #Media_Gallery.three-column:not(.filter) li:nth-last-child(-n+3){margin-bottom: 40px;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+3), #Media_Gallery.three-column:not(.filter) li:nth-last-child(-n+2){margin-bottom: 0;}}
@media only screen and (max-width: 785px){
	#Media_Gallery.Thumbs_Box{width: 490px;}
	#Media_Gallery.Thumbs_Box li:nth-child(3n){margin-right: 20px;}
	#Media_Gallery.Thumbs_Box li:nth-child(2n){margin-right: 0px;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+3){margin-bottom: 40px;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+2){margin-bottom: 0;}}
@media only screen and (max-width: 530px){
	#Media_Gallery.Thumbs_Box{width: 235px;}
	#Media_Gallery.Thumbs_Box li{margin-right: 0 !important;float: none;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:nth-last-child(-n+2){margin-bottom: 40px;}
	#Media_Gallery.Thumbs_Box:not(.filter) li:last-child{margin-bottom: 0;}}
#footerBox{position: relative;z-index: 0;background:url(../img/bg/bg1.jpg) repeat; background-position: 0 -50px;}
#site-footer{width: 100%;max-width: 998px;margin: 0 auto;padding: 20px 0 15px 0;}
#footer-top{width: 100%;padding-bottom: 0px;border-bottom: 1px solid #aaa;}
#footer-top a.social{display: inline-block;width: 32px;height: 32px;margin: 0 1px 10px 0;vertical-align: top;}
#footer-top a.social:active{position: relative;top: 1px;}
#copyrightBox{clear: both;font-size: 12px;border-top: 1px solid #fff;padding-top: 5px;color: #555;overflow: hidden;}
#copyright{float: left;margin-bottom: 0;max-width: 48%;}
#copyright a, #copyright a:hover{color: #555;}
@media only screen and (max-width: 998px){
#site-footer{padding-left: 10px;padding-right: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}}
/*	Login*/
.footer_formular{float: right;font-size: 10px; position:relative; margin: 15px 25px 0px 60px; *margin: -80px 25px 0px 60px;display:inline-block;}	
#footer_login{position: relative;top: 15px;height: 140px;width: 180px;}
#footer_login:before{content: '';position: absolute;z-index: -1;top: 5px;bottom: 5px;left: 5px;right: 5px;}
fieldset{border: 0;padding: 0;margin: 0;}
#footer_inputs input{background: #FFF url("../img/footer/login.png") no-repeat;padding: 5px 5px 3px 25px;margin: 0 0 2px 0;width: 170px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
#footer_username{background-position: 5px -13px !important;}
#footer_password{background-position: 5px -62px !important;}
#footer_inputs input:focus{outline: none;}
#footer_actions{margin: 5px 0 0 0;}
#footer_submit{background-color: #ffb94b;background-image: -webkit-gradient(linear, left top, left bottom, from(#fddb6f), to(#ffb94b));background-image: -webkit-linear-gradient(top, #fddb6f, #ffb94b);background-image: -moz-linear-gradient(top, #fddb6f, #ffb94b);background-image: -ms-linear-gradient(top, #fddb6f, #ffb94b);background-image: -o-linear-gradient(top, #fddb6f, #ffb94b);background-image: linear-gradient(top, #fddb6f, #ffb94b);-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;text-shadow: 0 1px 0 rgba(255,255,255,0.5);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;border-width: 1px;border-style: solid;border-color: #d69e31 #e3a037 #d5982d #e3a037;
height: 25px;padding: 0;width: 55px;cursor: pointer;font: bold 12px Arial, Helvetica;color: #8f5a0a;}
#footer_submit:hover,#footer_submit:focus{background-color: #fddb6f;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f));background-image: -webkit-linear-gradient(top, #ffb94b, #fddb6f);background-image: -moz-linear-gradient(top, #ffb94b, #fddb6f);background-image: -ms-linear-gradient(top, #ffb94b, #fddb6f);background-image: -o-linear-gradient(top, #ffb94b, #fddb6f);background-image: linear-gradient(top, #ffb94b, #fddb6f);}	
#footer_submit:active{outline: none;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;}
#footer_submit::-moz-focus-inner{border: none;}
#footer_actions a{color: #666;line-height: 26px;margin-left: 10px;}
.footer_social{float: left;margin: 30px 40px 0px 0px;}	
#facebook{ float:left;margin: 30px 0px 0px 0px;}
#google{ float:left;margin: 31px 5px 0px 0px;}
/*.social_box{float: left; margin: 31px 0px 0px 20%;font-size: 10px;}
.social_box ul{height: 120px;}
.social_box li{list-style: none;}
.social_box li a{list-style: none;font-size: 12px;color: #666;text-shadow: 0px 1px 1px #fff;}
.social_box li a:hover{font-weight: normal;color: #00F;}*/
.footer_social img{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px; border:1px solid #666;}
.useronline_txt{color: #555;}
.online_icon1{position: absolute;display: inline-block;padding-right: 9px;margin-top: 5px;}
.online_icon1 span.ct1{position: relative;display: inline-block;line-height: 16px;margin-top: 0px;left: -4px;}
.online_icon1 img{position: relative;top: -1px;padding-right: 8px;}
.useronline{background-color: #F3F3F3;position: relative;display: inline-block;height: 45px;width: 201px;font-size: 14px;color: #666;top: -3px;left: 0px;padding: 9px 0px 5px 10px;margin: 34px 0px 0px 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;border-top: 1px solid #666;border-left: 1px solid #666;-moz-box-shadow: 0 1px 1px #000 inset, 0 1px 0 #fff;-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;}
.useronline a{color: #FFF !important;background: transparent;}
#back_img a.b{background-image: url("../img/buttons/set3.png?u=1"); width:49px; height:52px; display:inline-block;background-repeat: no-repeat;position: absolute;top:173px;margin-left:617px;z-index:3000;}
#back_img a.b:hover{background-image: url("../img/buttons/set3.png?u=2");background-position: 0px -66px;}
#back_img1 a.b{background-image: url("../img/buttons/set4.png?u=1"); width:49px; height:52px; display:inline-block;background-repeat: no-repeat;position: absolute;top:171px;margin-left:617px;z-index:3000;}
#back_img1 a.b:hover{background-image: url("../img/buttons/set4.png?u=2");background-position: 0px -66px;}

#back_img2 a.b{background-image: url("../img/buttons/set5.png?u=1"); width:49px; height:52px; display:inline-block;background-repeat: no-repeat;position: absolute;top:171px;margin-left:617px;z-index:3000;}
#back_img2 a.b:hover{background-image: url("../img/buttons/set5.png?u=2");background-position: 0px -66px;}

#back_img3 a.b{background-image: url("../img/ecken/1.png?u=2"); width:218px; height:40px; display:inline-block;background-repeat: no-repeat;position: relative;top:-37px; float:right; display:inline-block;z-index:3000; text-align:center; padding-top:10px; color:#fff; font-size:16px;text-shadow:0px 1px 1px rgba(0,0,0,0.9);}
#back_img3 a.b:hover{color: #FF0;}
#back a.b{background-image: url("../img/buttons/button3.png"); width:124px; height:23px; display:inline-block;background-repeat: no-repeat;position: absolute;top:180px;text-indent:36px;padding:5px 0px 1px 0px;color: #000;font-size: 16px;text-shadow:0px 1px 1px rgba(255,255,255,0.2);z-index:3000;}
#back a.b:hover{background-image: url("../img/buttons/button3.png?u=2");background-position: 0px -31px;}
#back1 a.b{background-image: url("../img/buttons/button4.png?u=2"); width:90px; height:19px; display:inline-block;background-repeat: no-repeat; margin-left:905px;position: absolute;margin-top:50px;text-indent:24px;padding:3px 0px 2px 2px;color: #000;font-size: 14px;text-shadow:0px 1px 1px rgba(255,255,255,0.2);z-index:3000;}
#back1 a.b:hover{background-image: url("../img/buttons/button4.png?u=2");background-position: 0px -26px;}
#back2 a.b{background-image: url("../img/buttons/button4.png?u=2"); width:90px; height:19px; display:inline-block;background-repeat: no-repeat; margin-left:905px;position: absolute;margin-top:-45px;text-indent:24px;padding:3px 0px 2px 2px;color: #000;font-size: 14px;text-shadow:0px 1px 1px rgba(255,255,255,0.2);z-index:3000;}
#back2 a.b:hover{background-image: url("../img/buttons/button4.png?u=2");background-position: 0px -26px;}
#back3 a.b{background-image: url("../img/buttons/button4.png?u=2"); width:90px; height:19px; display:inline-block;background-repeat: no-repeat; margin-left:700px;position: absolute;margin-top:32px;text-indent:24px;padding:3px 0px 2px 2px;color: #000;font-size: 14px;text-shadow:0px 1px 1px rgba(255,255,255,0.2);z-index:3000;}
#back3 a.b:hover{background-image: url("../img/buttons/button4.png?u=2");background-position: 0px -26px;}
.inhalt_scroll{ position: relative; top:-38px;height: 750px; overflow-x: none;overflow-y: auto;padding-top:30px;}
table#suyniemList td a{color: #000;}
table#suyniemList td a:hover{color: #000 !important; background-image:none !important;}
h4 .vi1{background: url("../img/icons/giaohoi.png") no-repeat; width:18px; height:14px; display:inline-block; padding-right:10px;}
h4 .suyniem_icon{background: url("../img/icons/video2.png") no-repeat; width:21px; height:16px; display:inline-block; padding-right:10px; vertical-align:-1px;}
.audio_icon{background: url("../img/icons/audio.png") no-repeat; height:14px; display:inline-block; position:relative; top:-40px; font-size:18px !important; text-indent:28px; line-height:15px;}
.r{ background:url(../img/icons/r.png?u=1) no-repeat; width:35px; height:35px; display:block; position: absolute; top: 20px; left:170px;}
.n{ background:url(../img/icons/r.png?u=1) no-repeat; width:35px; height:35px; display:block; position: absolute; top: -140px; left:180px; z-index:9999;}
.trang{position: absolute; top: 140px; left:180px;}



#pagination1{position: relative; top: 30px; left:0px; padding-bottom:20px;}
ul.trang_navigation{list-style: none;}
.trang_navigation{position:absolute;display: block;overflow: hidden;padding: 0 5px 5px 0;bottom: 60px !important;}
/*.trang_navigation{display: block;overflow: hidden;padding: 0 5px 5px 0; margin-top:25px;}*/
.trang_navigation ul{list-style: none;padding: 0;margin: 0;}
.trang_navigation li{list-style: none;padding: 0;margin: 0;float: left;}
.dark a, .dark span{float: left;color: #fff;font-size:14px;line-height:24px;font-weight: normal;text-align: center;border: 1px solid #222;min-width: 14px;padding: 0 7px;margin: 0 5px 0 0;border-radius: 3px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);background: #555;background: -moz-linear-gradient(top, #555 0%, #333 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333));background: -webkit-linear-gradient(top, #555 0%,#333 100%);background: -o-linear-gradient(top, #555 0%,#333 100%);background: -ms-linear-gradient(top, #555 0%,#333 100%);background: linear-gradient(top, #555 0%,#333 100%);}
.dark a:hover{text-decoration: none;background: #444;}
.dark .current{background: #000;color: #FF0;border-color: #000;box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;cursor: default;}
.dark .ellipse{background: none;border: none;border-radius: 0;box-shadow: none;font-weight: bold;cursor: default;}
.light a, .light span{float: left;color: #222;font-size:16px;line-height:24px;font-weight: normal;text-align: center;border: 1px solid #BBB;min-width: 14px;padding: 4px 12px;margin: 0 5px 0 0;border-radius: 4px;box-shadow: 0 1px 2px rgba(0,0,0,0.2);background: #efefef;background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);background: linear-gradient(top, #ffffff 0%,#efefef 100%);}
.light a:hover{text-decoration: none;background: #FCFCFC; color: blue;}
.light .current{background: #222;color: #FFF;border-color: #444;box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;cursor: default;}
.light .ellipse{background: none;border: none;border-radius: 0;box-shadow: none;font-weight: bold;cursor: default;}
#serverVIM{background: url(../img/buttons/vimeo.png) no-repeat;float: left;width:125px; height:32px;font-size: 14px;margin-right: 8px;margin-bottom: 8px;border-radius: 4px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) !important;}
#serverYOU{background: url(../img/buttons/youtube.png) no-repeat;float: left;width:125px; height:32px;font-size: 14px;margin-right: 8px;margin-bottom: 8px;border-radius: 4px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2) !important;}