﻿@font-face {
    font-family: 'TitilliumText22LBold';
    src: url('Fonts/TitilliumText22L005-webfont.eot');
    src: url('Fonts/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/TitilliumText22L005-webfont.ttf') format('truetype'),
         url('Fonts/TitilliumText22L005-webfont.woff') format('woff'),         
		 url('Fonts/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{height:100%;}
#Body{font-family:arial,verdana,serif;color:#333; background:#f4f4f4; font-size: 12px; margin-top:51px;}
#Form{height:100%;}
a{outline:0;border:0;text-decoration: none;}
p{margin:0;padding:0 0 1em 0;}
ul, ol{margin:0;padding:0 0 1em 1.6em;}

h1{font-family: arial,verdana,serif;font-size:26px;}
h2{font-family: arial,verdana,serif;font-size:22px;}
h3{font-family: arial,verdana,serif;font-size:18px;}
h4{font-family: arial,verdana,serif;font-size:14px;}

/* Design */
#Header{ margin:auto; position:fixed; z-index:999; clear:both; height:41px; background:#3b5998; width:100%; top:0; left:0}
    #Header ul.Fix{ margin:auto; clear:both; list-style: none; width:992px; padding:0px;}
	#Header ul.Fix li {list-style:none; margin:0px; display:inline-block;}
	#Header ul.Fix li.Logo {float:left; width:140px; padding-top: 5px;}
	#Header ul.Fix li.Logo a {display:block}
	#Header ul.Fix li.MenuPane {float:left; width:478px;}
	#Header ul.Fix li.Search {float:left; width:314px;padding-top: 12px;}
	#Header ul.Fix li.Login {float:right; padding-top: 8px;}
	#dnn_dnnLogo_hypLogo{ position:relative; margin:auto; float:left; width:140px;}
	#dnn_dnnLogo_hypLogo img{ padding: 0px;}
.Content{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:1px solid rgb(231, 230, 230);position: relative; background:#fff;}
#ContentPro{margin:auto; width:992px; position:relative; clear:both; border:1px solid rgb(231, 230, 230); background:#fff;}
#Content{margin:auto; width:992px; position:relative; clear:both;}	
    #dnn_ContentPane { width:962px;padding:15px; margin:auto; z-index:10}
    #Content>#dnn_ContentPane {position: relative; width:649px;padding:15px; margin:auto; border:1px solid rgb(231, 230, 230); z-index:10; background:#fff; float:left}
    #dnn_RightPane {width:300px; margin:auto; z-index:10; float:right}
	/* MenuTop */  
	li.MenuPane a{padding:14px 8px 12px 8px;color: #fff; font-weight:bold; font-size:12px; text-shadow: 1px 1px #000; margin:0px; display:inline-block; float:left;}
	li.MenuPane a:hover{color:rgb(238, 202, 11); text-decoration: none;}
	li.MenuPane a.current{color:rgb(238, 202, 11); text-decoration: none;}	
	li.MenuPane a.mod{color:red;}
	li.MenuPane a.mod:hover{color:rgb(238, 202, 11); text-decoration: none;}
	li.MenuPane a.mod.current{color:rgb(238, 202, 11); text-decoration: none;}
	 /* Post */
	a.Post {color: #EDEDED;font-size: 12px;line-height: 16px;font-weight: bold;background-color: rgb(102, 185, 12);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-shadow: 0 -1px rgba(0, 0, 0, .2);box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;border: 1px solid rgb(46, 143, 46);padding: 5px 10px;text-align: center;cursor: pointer;width: 278px;display: block;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;}
    a.Post:hover {background-color: rgb(86, 165, 1); text-decoration: none;}
	/* XemThem */
	a.nextPage {margin:15px 0px 10px;color: #EDEDED;font-size: 12px;line-height: 16px;font-weight: bold;background-color: rgb(102, 185, 12);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;text-shadow: 0 -1px rgba(0, 0, 0, .2);box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset;border: 1px solid rgb(46, 143, 46);padding:5px 10px;text-align: center;cursor: pointer;display: block;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;}
    a.nextPage:hover {background-color: rgb(86, 165, 1); text-decoration: none;}
	
    /*tabmenu*/
	.tab1{ width:679px; float: left;}
	.tab1 ul.home_tab{height:32px; border-bottom:1px solid #f1f0f0; padding:0px; list-style:none; margin:0; background: #f6f6f7;}
	.tab1 ul.home_tab li{ float:left; list-style:none;}
	.tab1 ul.home_tab li.tabitem span.duan_1{ border-right:2px #F00 solid; height:30px; display: inline-block;}
	.tab1 ul.home_tab li.tabitem a{padding: 9px 10px 1px 10px; display: inline-block; font-size:12px; font-weight:bold; color:#000; text-transform:uppercase;  border-right:0px #f1f0f0 solid; height:22px;}
	.tab1 ul.home_tab li.tabitem a:hover{ color:#3b5998;background: #fff; height:23px; bottom:-1;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;; text-decoration:none;}
	.tab1 ul.home_tab li.active{ }
	.tab1 ul.home_tab li.active a{padding: 9px 10px 1px 10px; background: #FFF; font-weight:bold; color:#3b5998; height:23px; bottom:-1; text-decoration:none;}
	.tab1 ul.home_tab li.tabitem{}
	.tab1 ul.home_tab li.hot{padding: 9px 26px 1px 8px; background:url(images/Tab_arrow.jpg) no-repeat right; display: inline-block; font-size:12px; font-weight:bold; color:#f00; text-transform:uppercase;  border-right:0px #f1f0f0 solid; height:22px;}

	.tab2{ width:298px; float: left;border: 1px solid rgb(231, 230, 230);background: #fff;margin-top: 15px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
	.tab2 ul.home_tab{height:32px; border-bottom:1px solid #f1f0f0; padding:0px; list-style:none; margin:0; background: #f6f6f7;-webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
	.tab2 ul.home_tab li{ float:left; list-style:none;}
	.tab2 ul.home_tab li.tabitem span.duan_1{ border-right:2px #F00 solid; height:30px; display: inline-block;}
	.tab2 ul.home_tab li.tabitem a{padding: 9px 5px 1px 5px; display: inline-block; font-size:11px; font-weight:bold; color:#000; text-transform:uppercase;  border-right:0px #f1f0f0 solid; height:22px;}
	.tab2 ul.home_tab li.tabitem a:hover{ color:#3b5998;background: #fff; height:23px; bottom:-1;-webkit-transition: background-color 0.3s linear;-moz-transition: background-color 0.3s linear;-o-transition: background-color 0.3s linear;; text-decoration:none;}
	.tab2 ul.home_tab li.active{ }
	.tab2 ul.home_tab li.active a{padding: 9px 5px 1px 5px; background: #FFF; font-weight:bold; color:#3b5998; height:23px; bottom:-1; text-decoration:none;}
	.tab2 ul.home_tab li.tabitem{border-left: 1px solid rgb(231, 230, 230);}
	.tab2 ul.home_tab li.Top{margin-right: 30px; height: 24px; font-size: 1.2em;font-weight: bold;padding: 7px 0px 0px 36px;background:url(images/TopDanhHai.png) no-repeat left 5px top 5px;}
	.conten_tab{ padding:10px 15px; position:relative; z-index:903;}
	.conten_tab2{ padding:10px; position:relative; z-index:1;}
	.content_all{ float:left;}
	
	/* Tip */
	.tips{margin-bottom: 10px;background: rgb(241, 212, 174);border: 1px solid rgb(231, 193, 145);padding: 6px 10px;font-size: 12px;display: block;}
	.tip {margin: 10px 0px 10px;background: #f0f4fc;border: 1px solid rgb(217, 228, 238);padding: 6px 10px;text-shadow: 0 1px white;font-size: 12px;display: block;}
	.tips a,.tip a{color: #2c88ce;text-decoration: none;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.tips a:hover,.tip a:hover{color:#f4230d}
	div.tip span.like{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -49px transparent;width: 20px;height: 16px;display: inline-block;}
	div.tip span.dislike{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -65px transparent;width: 20px;height: 16px;display: inline-block;}
	
	/* jokeLists */
	.jokeLists{}
	.jokeLists h3 {font-size: 17px;margin: 0px;font-weight: bold;}
	.jokeLists .jokeItem{border-bottom: 1px solid #DDD;margin-bottom: 10px;padding: 10px 0 20px; min-height:250px;}
	.jokeLists .jokeItem .Separator{height: 1px;}
	.jokeLists .jokeItem .thumb{float: left;width: 400px;overflow: hidden;text-align: center;position: relative;}
	.jokeLists .jokeItem .vid{width: 50px;height: 50px;position: absolute;top: 43%;left: 45%;background: url(//s.cuoi69.com/CDN/cuoi69/Images/play.png) no-repeat 0px -50px transparent;display: inline-block;}
	.jokeLists a:hover div.vid{background: url(//s.cuoi69.com/CDN/cuoi69/Images/play.png)  no-repeat 0px 0px transparent}
	.jokeLists .jokeItem .play.gif{width: 70px;height: 66px;position: absolute;top: 43%;left: 45%;background: url(//s.cuoi69.com/CDN/cuoi69/Images/gif.png) no-repeat 0px -66px transparent;display: inline-block;}
	.jokeLists .jokeItem .play.gif.loading{width: 42px;height: 42px;position: absolute;top: 46%;left: 48%;background: url(//s.cuoi69.com/Images/loading1.gif) no-repeat transparent;display: inline-block;border: none;}
	.jokeLists a:hover .play.gif{background: url(//s.cuoi69.com/CDN/cuoi69/Images/gif.png)  no-repeat 0px 0px transparent}
	.jokeLists .jokeItem .txt{float: left;width: 400px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 16px;line-height: 1.625;}
	.jokeLists .jokeItem .thumb a{display: block;text-decoration: none;color: #333;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.jokeLists .jokeItem .thumb img {max-width: 400px;margin: 0 auto -30px;}
	.jokeLists .jokeItem .thumb.video img {max-width: 400px;margin: 0 auto;}
	.jokeLists .jokeItem .info{margin-left: 410px;width: 240px;z-index: 1;}
	.jokeLists .jokeItem .info h2{font-size: 1.5em; font-weight: bold;margin: 0 0 10px; line-height: 1.2em;}
	.jokeLists .jokeItem .info h2 a{text-decoration: none;color: #2d2e2e;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.jokeLists .jokeItem .info h2 a:hover{color:#f4230d}
	.jokeLists .jokeItem .info .uploader{ overflow:hidden; white-space:nowrap; text-overflow: ellipsis; max-width:240px; margin-top: 3px;font-size: 11px;color: #7D7D7D;}
	.jokeLists .jokeItem .info .uploader a{color: #2c88ce;text-decoration: none;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.jokeLists .jokeItem .info .uploader a:hover{color: #f4230d;}
	div.stats {font-weight: bold;font-size: 15px;margin: 3px 5px 0 0;padding: 3px 0;color: #3b5998;display: inline-block;}
	div.stats .viewComments{color: rgb(179, 179, 179);float: left;margin-top: 4px;width: 220px;margin-bottom: 10px;}
	div.stats .views{position: relative;top: -4px;padding-left: 23px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -4px -337px transparent;font-weight: bold; font-size: 15px;}
	div.stats .comments{position: relative;top: -4px;display: inline-block; padding-left: 20px;margin-left: 7px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -9px -353px transparent;font-weight: bold; font-size: 15px;}
	div.stats .fb-like{margin-left: 11px; height: 20px;}
	div.stats .likesWrapper{display: inline-block; margin-left: 10px;}
	div.stats .vote{height: 44px;width: 217px;margin: 0px 0 0;padding: 0;border-radius: 5px;background-color: #F4F4F4;border: 1px solid #DDD;box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;}
	div.stats .vote.doing a{display:none}
    div.stats .vote.doing{background: #f0f4fc url(//s.cuoi69.com/Images/loadingsmall.gif) no-repeat center top 17px;border: 1px solid rgb(217, 228, 238);text-align: center;}
	div.stats .vote a{text-decoration: none;height: 44px; color: #3b5998; width: 108px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;display: inline-block;border: none;overflow: hidden;}
	div.stats .vote a:hover {background-color: #E4E4E4;border-radius: 0 3px 3px 0;}
	div.stats .vote a span {height: 20px;display: block;padding: 4px 0 0 33px;font-weight: bold;margin: 10px 0;}
	div.stats a.like{border-right: 1px solid #DDD;}
	div.stats a.like:hover{border-radius: 3px 0 0 3px;}
	div.stats a.dislike:hover{border-radius: 0 3px 3px 0;}
	div.stats a.like>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat transparent;margin-left: 25px;}
	div.stats a.dislike>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat 0 -24px transparent;margin-left: 20px;}
	div.stats p{margin: 0;padding: 0 0 0.7em 0;display: inline-block;}
	div.stats a.like.voted{background: rgb(253, 223, 2);border-radius: 3px 0 0 3px;}
	div.stats a.dislike.voted{background: rgb(221, 223, 223);border-radius: 0 3px 3px 0;}
	.loading{text-indent: -999px;margin: 10px 0px 10px;background: #f0f4fc url(//s.cuoi69.com/Images/loading2.gif) no-repeat center top 5px;border: 1px solid rgb(217, 228, 238);padding: 6px 10px;text-align: center;}
	
	/* Emoticon */
	.emo{}
	.emo.yh1{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif); width:18px; height:18px}
	.emo.yh2{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif); width:18px; height:18px}
	.emo.yh3{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif); width:18px; height:18px}
	.emo.yh4{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif); width:18px; height:18px}
	.emo.yh5{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif); width:18px; height:18px}
	.emo.yh6{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif); width:42px; height:18px}
	.emo.yh7{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif); width:18px; height:18px}
	.emo.yh8{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif); width:18px; height:18px}
	.emo.yh9{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif); width:18px; height:18px}
	.emo.yh10{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif); width:18px; height:18px}
	.emo.yh11{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif); width:18px; height:18px}
	.emo.yh12{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif); width:18px; height:18px}
	.emo.yh13{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif); width:18px; height:18px}
	.emo.yh14{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif); width:34px; height:18px}
	.emo.yh15{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif); width:18px; height:18px}
	.emo.yh16{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif); width:18px; height:18px}
	.emo.yh17{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif); width:18px; height:18px}
	.emo.yh18{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif); width:34px; height:18px}
	.emo.yh19{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif); width:18px; height:18px}
	.emo.yh20{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif); width:22px; height:18px}
	.emo.yh21{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif); width:18px; height:18px}
	.emo.yh22{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif); width:18px; height:18px}
	.emo.yh23{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif); width:18px; height:18px}
	.emo.yh24{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif); width:30px; height:18px}
	.emo.yh25{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif); width:30px; height:18px}
	.emo.yh26{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif); width:18px; height:18px}
	.emo.yh27{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif); width:18px; height:18px}
	.emo.yh28{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif); width:28px; height:18px}
	.emo.yh29{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif); width:31px; height:18px}
	.emo.yh30{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif); width:44px; height:18px}
	.emo.yh31{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif); width:28px; height:18px}
	.emo.yh32{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif); width:30px; height:18px}
	.emo.yh33{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif); width:23px; height:18px}
	.emo.yh34{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif); width:21px; height:18px}
	.emo.yh35{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif); width:18px; height:18px}
	.emo.yh36{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif); width:24px; height:18px}
	.emo.yh37{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif); width:18px; height:18px}
	.emo.yh38{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif); width:18px; height:18px}
	.emo.yh39{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif); width:18px; height:18px}
	.emo.yh40{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif); width:28px; height:18px}
	.emo.yh41{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif); width:24px; height:18px}
	.emo.yh42{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif); width:38px; height:18px}
	.emo.yh43{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif); width:18px; height:18px}
	.emo.yh44{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif); width:18px; height:18px}
	.emo.yh45{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif); width:18px; height:18px}
	.emo.yh46{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif); width:24px; height:18px}
	.emo.yh47{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif); width:18px; height:18px}
	.emo.yh48{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif); width:36px; height:18px}
	.emo.yh49{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif); width:18px; height:18px}
	.emo.yh50{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif); width:18px; height:18px}
	.emo.yh51{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif); width:23px; height:18px}
	.emo.yh52{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif); width:24px; height:18px}
	.emo.yh53{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif); width:18px; height:18px}
	.emo.yh54{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif); width:18px; height:18px}
	.emo.yh55{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif); width:25px; height:18px}
	.emo.yh56{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif); width:36px; height:18px}
	.emo.yh57{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif); width:32px; height:18px}
	.emo.yh58{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif); width:28px; height:18px}
	.emo.yh59{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif); width:39px; height:18px}
	.emo.yh60{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif); width:40px; height:18px}
	.emo.yh61{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/pirate_2.gif); width:20px; height:20px}
	.emo.yh62{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/catch.gif); width:37px; height:18px}
	.emo.yh63{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/cheer.gif); width:40px; height:18px}
	.emo.yh64{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/cold.gif); width:20px; height:18px}
	.emo.yh65{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/cook.gif); width:50px; height:18px}
	.emo.yh66{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/dizzy.gif); width:30px; height:18px}
	.emo.yh67{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/down_on_luck.gif); width:35px; height:18px}
	.emo.yh68{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/eat.gif); width:35px; height:18px}
	.emo.yh69{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/exercise.gif); width:55px; height:18px}
	.emo.yh70{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/fight.gif); width:95px; height:18px}
	.emo.yh71{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/gift.gif); width:63px; height:18px}
	.emo.yh72{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/give_up.gif); width:35px; height:18px}
	.emo.yh73{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/high_five.gif); width:55px; height:18px}
	.emo.yh74{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/hot.gif); width:33px; height:18px}
	.emo.yh75{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/music.gif); width:35px; height:18px}
	.emo.yh76{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/play_game.gif); width:38px; height:18px}
	.emo.yh77{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/puke.gif); width:30px; height:18px}
	.emo.yh78{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/search_me.gif); width:30px; height:18px}
	.emo.yh79{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/sing.gif); width:35px; height:18px}
	.emo.yh80{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/spooky.gif); width:40px; height:18px}
	.emo.yh81{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/studying.gif); width:42px; height:18px}
	.emo.yh82{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/tv.gif); width:37px; height:18px}
	.emo.yh83{background: url(http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/unlucky.gif); width:40px; height:18px}
	
    div.mod{margin-top:10px;display:inline-block;text-align: right; float:right}
	div.mod.doing a{display:none}
   .doing{background: #f0f4fc url(//s.cuoi69.com/Images/loadingsmall.gif) no-repeat center top 7px;border: 1px solid rgb(217, 228, 238);text-align: center; width: 220px;height: 23px;}
	div.mod a{font-size: 12px; padding:5px 6px 4px 6px;margin-right: 3px;background-color: rgb(233, 234, 235);border: 1px solid #DDD;box-shadow: 0 0 0 1px white inset, 0 1px 2px rgb(216, 215, 215);-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px rgb(216, 215, 215);-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px rgb(216, 215, 215);border-radius: 3px;text-decoration: none;color: #000;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;display: inline-block;border: none;overflow: hidden;}
	div.mod a:hover {background-color: rgb(243, 220, 146);border-radius: 3px;}
	div.mod a span {height: 16px;padding: 0px 0 0 18px;font-weight: normal;}
	div.mod a.hot>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat transparent -10px -285px;}
	div.mod a.hom>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat transparent -10px -285px;}
	div.mod a.apr>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -10px -285px transparent;}
	div.mod a.edit>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -8px -303px transparent;}
	div.mod a.del>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -9px -321px transparent;}
	div.mod a.apr.s>span,div.mod a.hot.s>span,div.mod a.hom.s>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -10px -268px  transparent;}
	
	div.LikeB .vote {float: left;height: 29px;width: 137px;margin: -5px 10px 0 0;padding: 0;border-radius: 5px;background-color: #F4F4F4;border: 1px solid #DDD;box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px #eee;-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px #EEE;}
	div.LikeB .vote a {text-decoration: none;height: 29px;width: 68px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;display: inline-block;border: none;overflow: hidden;}
	div.LikeB .vote a:hover{background-color: #E4E4E4;border-radius: 0 3px 3px 0;}
	div.LikeB .vote a span {margin: 7px 0;height: 16px;display: block;padding: 0px 0px 0px 20px;color: #333;font-weight: bold;}
	div.LikeB a.dislike{border-right: 1px solid #DDD;}
	div.LikeB a.dislike:hover{border-radius: 3px 0 0 3px;}
	div.LikeB a.like:hover{border-radius: 0 3px 3px 0;}
	div.LikeB a.like>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -49px transparent;margin-left: 13px;}
	div.LikeB a.dislike>span{background: url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -65px transparent;margin-left: 9px;}
	div.LikeB a.like.voted{background: rgb(253, 223, 2);border-radius:0 3px 3px 0;}
	div.LikeB a.dislike.voted{background: rgb(221, 223, 223);border-radius: 3px 0 0 3px;}
	
	
	/* TopUser */
	.UI{float: left;width: 139px;margin-bottom: 8px;}
	.UI a{display: block;font-family: arial;font-size: 12px;font-weight: bold;color: #333;text-decoration: none;}
	.UI a:hover{color: #f4230d;}
	.UI a img{width: 35px;height: 35px;float: left;}
	.UI a .InfoU{margin-left: 38px;}
	.UI a .InfoU .UN{display: block;margin-bottom: 3px;}
	.UI a .InfoU .L{padding-left: 20px; color: #3b5998;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -117px transparent;}
	.More{font-style: italic;font-weight: bold;text-align: right;}
	.More a{color: #333;text-decoration: none;}
	.More a:hover{color: #f4230d;}
	
	/* LikeButton */
	.LikeB{margin: 0px 0px 0px -15px; padding: 10px; height: 22px;width: 659px;-webkit-box-shadow: 0 0 0 1px white inset, 0 1px 2px rgb(219, 218, 218);box-shadow: 0 0 0 1px white inset, 0 1px 2px rgb(219, 218, 218);-moz-box-shadow: 0 0 0 1px #fff inset, 0 1px 2px rgb(219, 218, 218);background-color: rgb(247, 247, 247);z-index: 2;border-bottom: 1px solid #DDD;border-top: 1px solid #DDD;}
	.LikeB .Te{line-height: 20px;font-weight: bold;color: #f4230d;float: left;padding-right: 5px;font-size: 15px;}
	.LikeB .fb-like{margin-left: 0px;float: left;padding-top: 2px;max-width: 100px;}
	.LikeB .navButton{font-size: 14px;float: right;font-weight: bold;margin-top: 2px;}
	.LikeB .navButton .prev{background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -11px -152px transparent;padding-left: 18px;height: 19px;line-height: 19px;display: inline-block;}
	.LikeB .navButton .prev:hover{background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -11px -171px transparent;}
	.LikeB .navButton .next{background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat right -190px transparent;padding-right: 18px; margin-left: 15px;height: 19px;line-height: 19px;display: inline-block;}
	.LikeB .navButton .next:hover{background:url(images/Icon.png) no-repeat right -209px transparent;}
	.LikeB .navButton a:hover{color: #f4230d;text-decoration: none;}
	
	.Content{width:649px; margin: 15px 0px 10px 0px;overflow: hidden;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.ImgDe img{max-width: 649px;margin: 0 auto -50px;}
	.ImgDe.Image{text-align:center; margin:15px 0px 15px; overflow: hidden}
	.ImgDe.Text{text-align:left; margin:15px 0px 15px;font-size: 16px;line-height: 1.625; }
	.ImgDe.Video{text-align:left; margin:15px 0px 15px; }
	
	.FanPage{background-color: #f0f4fc;padding: 5px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;margin-bottom: 10px;margin-top:20px;}
	.FanPage h4{margin: 0 0 5px; color: #3b5998;display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;font-weight: bold;}
	.FanPage .fb-like{margin-left: 11px; padding-top: 5px;}
	
	.ComFB{}
	.ComFB h4 {border-bottom: 1px solid #DDD;padding-bottom: 5px;margin: 10px 0 5px; font-weight: bold;}
	.ComFB h4 a{color: #f4230d;font-size: 12px;float: right;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -15px -133px transparent;padding-left: 15px;line-height: 12px;font-weight: bold;}
	.ComFB h4 a:hover{color:#2c88ce;text-decoration: none;}
	.ComFB .Tip{margin-bottom: 5px;}
	.ComFB .Tip a{color:#2c88ce;}
	.ComFB .Tip a:hover{color:#f4230d;text-decoration: none;}
	
	/* Detail */
	.ImgInfo{float: left;width: 475px; margin:0px 0px 5px 0px;}
	.ImgInfo h1{font-size: 1.5em; font-weight: bold;margin: 0px; line-height: 1.2em;}
	.ImgInfo .Stats{font-weight: bold;font-size: 14px;margin: 5px 0; font-weight: bold; color: #3b5998;}
	.ImgInfo .Stats .view{padding-left: 24px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -4px -81px transparent;}
	.ImgInfo .Stats .comment{padding-left: 20px;margin-left: 10px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -9px -97px transparent;}
	.ImgInfo .Stats .number{font-size: 16px;color: #f4230d;}
	.ImgInfo .source{margin: 5px 0;}
	.ImgInfo .source .sou{background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -231px transparent;padding-left: 20px;font-size: 14px;font-weight: bold; color: #3b5998;}
	.ImgInfo .source .sou .text{font-weight: normal;}
	.UseInfo{float: right; margin:0px 0px 0px 0px;;background-color: #f0f4fc;padding: 5px 5px 5px 8px;width: 160px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;color: #545454;margin-bottom: 5px;}
	.UseInfo img{float: left;width: 30px;height: 30px;margin-top: 3px;}
	.UseInfo .info{float: left;margin-left: 5px;display: inline-block;width: 125px;}
	.UseInfo .info a{display: block;margin-bottom: 2px;color: #2c88ce;text-decoration: none;font-size: 11px;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.UseInfo .info a:hover{color: #f4230d;}
	.UseInfo .info .like{padding-left: 20px; color: #3b5998;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -117px transparent;}
	
	/* TopUser */
	.box{margin: 10px 0 10px 0;padding: 10px 15px 5px;border:1px solid rgb(231, 230, 230);background-color: white;border-radius: 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}
	.ListBoxVote{background-color: rgb(217, 243, 248);border: 1px solid rgb(231, 230, 230);text-shadow: 0 1px #EEE;}
	.box h3 {font-size: 17px;margin: 0 0 7px;font-weight: bold;}
	.jokeListSmall{}
	.jokeListSmall h3 {font-size: 17px;margin: 0 0 7px;font-weight: bold;}
	.jokeListSmall .jokeSmall {padding: 2px 0 6px}
	.jokeListSmall>.jokeSmall>a{color: #333 !important;text-decoration: none;}
	.jokeListSmall>.jokeSmall>a:hover {color:#f4230d !important;}
	.jokeListSmall  .thumb  {float: left;width: 100px;text-align: center; padding-top: 3px;}
	.jokeListSmall  .thumb.Text  {float: left;width: 100px;text-align: left;}
	.jokeListSmall  .thumb   img {max-width: 100px;max-height: 80px;}
	.jokeListSmall  .info {margin-left: 105px;}
	.jokeListSmall  .info h3 {margin: 0px;font-size: 15px;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
	.jokeListSmall  .stats {font-weight: bold;font-size: 12px;color: #333;}
	.jokeListSmall  .stats .views {padding-left: 23px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -4px -81px transparent;}
	.jokeListSmall  .stats .comments {padding-left: 20px;margin-left: 7px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -9px -97px transparent;}
	.jokeListSmall  .stats .likes {position: relative;font-weight: bold;font-size: 15px;top: -4px;padding-left: 21px;margin-left: 7px;background:url(//s.cuoi69.com/CDN/cuoi69/Images/Icon.png) no-repeat -7px -115px transparent;}
	div.box1  h4 {font-size: 14px;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;font-weight: bold;}
	div.box1 ul li {list-style-type: disc;margin: 5px 0;}
	div.box1 li a {color: #00A5F0;}
	div.box1 li a:hover{color: #f4230d;}

	
	div.Normal{font-size: 14px;line-height: 1.5em;}
	div.Normal h1{font-size: 20px;font-weight: bold;margin: 5px 0px 15px;}
	div.Normal a{color:#2c88ce;}
	div.Normal a:hover{color:#f4230d;text-decoration: none;}
	div.Normal h2{font-size: 18px;color: rgb(61, 61, 172);margin-bottom: 10px;}
	div.Normal h3{font-size: 17px;font-weight: bold;margin:0px 0px 10px 0px}
	div.Normal h4{font-size: 14px;margin-bottom: 10px;font-weight: bold;}
	p.loginup{padding: 0px 70px 0px 0px;text-align: right;}
	
	/* Control Rage */
	#controllers{}
	#controllers strong {margin-top: 0px;position: relative;top: -2px;}
	#controllers img {border: none;position: relative;top: 2px}
	#drawingCanvasContainer label{position: relative;top: -3px;}
	
	.clear{clear:both; height:1px;}
	
	#Login {right: 0;float:right;margin:10px 10px 0px 0px;height:23px;border:0px solid #cfcfcf;position: relative;top: 10px;/*border-bottom:1px solid #cfcfcf;background:#eee;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2); */}
	#Login .registerGroup, #Login .registerGroup , #Login .loginGroup, #Login .loginGroup {display:block;} 
	#Login .registerGroup, #Login .loginGroup{float:left;padding:0;margin:0;} 
	#Login .registerGroup li:first-child:hover{border-left:#333;}
	/* Register Group Styles */
	#Login .registerGroup .buttonGroup>li{display: inline; float:left;height:23px;border-left:1px solid #fcfcfc; /*light*/border-right:1px solid #c7c7c7; /*dark*/}
	#Login .registerGroup .buttonGroup{margin-right:0; padding:0 0 0em 0em;}
	#Login .registerGroup .userMessages>a,
	#Login .registerGroup .userDisplayName>a,
	#Login .registerGroup .userNotifications>a,
	#Login .loginGroup a{position:relative;display:block;padding:6px 15px;min-width:15px; min-height:11px;font-weight:bold;font-size:11px;vertical-align:middle;line-height:1em;background:#e7e7e7 url(Images/LoginLinksBg.png) repeat-x 0 0;}
	#Login .registerGroup .userMessages>a:hover,#Login .registerGroup .userDisplayName>a:hover,#Login .registerGroup .userNotifications>a:hover,#Login .loginGroup a:hover{background:#F5F4F3;color:#F28F02;/*text-shadow: 0px -1px 0px #333333;*/-webkit-box-shadow:inset 0px 0px 4px 0px #ECEBEB;-moz-box-shadow:inset 0px 0px 4px 0px #ECEBEB;box-shadow:inset 0px 0px 4px 0px #ECEBEB; }
	#Login .registerGroup a:active,#Login .loginGroup a:active{color:#fff;text-shadow: 0px -1px 0px #333333;}
	#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
	#Login .registerGroup .userMessages>a>strong,#Login .registerGroup .userNotifications>a>strong,#Login .loginGroup a strong{position:absolute;left:0; top:-5px;width:100%; height:23px;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
	.registerGroup .userMessages>a>strong,.registerGroup .userNotifications>a>strong{background:url(Images/userLoginSprite.png) no-repeat 15px 12px;}
	.registerGroup .userNotifications>a>strong{ background-position:-85px 10px; }
	.registerGroup .userMessages>a>strong:hover{background-position:15px -40px; }
	.registerGroup .userNotifications>a>strong:hover{ background-position:-85px -42px;}
	.registerGroup .userMessages>a>strong:active{background-position:15px -91px; }
	.registerGroup .userNotifications>a>strong:active{ background-position:-85px -92px;}
	#Login .registerGroup .userMessages>a>span,
	#Login .registerGroup .userNotifications>a>span{position:absolute;right:0px; top:-7px;display:inline-block;padding:2px 4px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;			
			/*CSS3*/	
			background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
			background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */
			-webkit-border-radius:3px;
			-moz-border-radius:3px;
			border-radius:3px; 
			-webkit-box-shadow: 0px 1px 0px 0px #222222;
			-moz-box-shadow: 0px 1px 0px 0px #222222;
			box-shadow: 0px 1px 0px 0px #222222; 		}
	#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;position: relative; top: -5px;}
	#Login .registerGroup .buttonGroup .userProfileImg a img{border:1px solid #fff;height:31px; width:32px;background:#555;			
			-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 	0px 1px 0px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 		0px 1px 0px 0px rgba(0, 0, 0, 0.2);}
	/* Login Group Styles */
	#Login .loginGroup{border-left:1px solid #fcfcfc; /*light*/		} 
	#Login .loginGroup a{padding:6px 20px; font-weight:bold; color:#666;}		
	/* Login Language Group */
	#Login .language-object{float:left;display:block;margin:0;padding:0;border-left:1px solid #c7c7c7; /*dark*/}
	#Login .language-object span{padding:8px 0;padding-right:8px;margin:0;float:left;}
	#Login .language-object span:first-child{padding-left:8px;border-left:1px solid #fcfcfc; /*light*/}
	#Login .language-object span img{height:12px; width:20px;opacity:0.2;}
	#Login .language-object span:hover img{opacity:1;}
	#Login .language-object .Language.selected img{
			opacity:1;
			border-color:#999;
			-webkit-border-radius: 2px;
			border-radius: 2px; 
			-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
			box-shadow: 		0px 1px 0px 0px rgba(255, 255, 255, 0.8); 
		}
	
	/*-- Profile --*/
	.ProfilePanes{display:inline-block; zoom:1; /* IE7 FIX */margin-bottom:15px; padding-top:15px;}
    .LeftPaneProfile,.ContentPaneProfile,.RightPaneProfile{position:relative;float:left;z-index:1;}
    .LeftPaneProfile:hover,.ContentPaneProfile:hover,.RightPaneProfile:hover{z-index:2;}
    .LeftPaneProfile{padding-left:10px; margin-right:20px;width:130px;}
    .HeaderPaneProfile{position:relative;z-index:1;width:810px;min-height:30px;float:left;}
	.HeaderPaneProfile .GroupViewTop .dgdAvatar {width: 15%;padding: 0.5% 1.5% 0.2% 0.5%;}
    .HeaderPaneProfile:hover{z-index:2;}
    .ContentPaneProfile{width:600px;margin-right:20px;}
    .RightPaneProfile{width:180px;padding-right:10px;}
    /* Left Column User Profile */
    .LeftPaneProfile #UserProfileImg{padding:8px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;}
    .LeftPaneProfile #UserProfileImg img{display:block;margin:0; padding:0;width:112px; height:auto;background:url(Images/noProfilePic.png) no-repeat -1px -1px;}
    .LeftPaneProfile #UserProfileImg span{display:block;width:112px; max-height:112px; overflow:hidden;}
    .LeftPaneProfile .DnnModule .UserProfileControls ul{padding-left:0;}
    .LeftPaneProfile .DnnModule .UserProfileControls ul li{list-style:none;margin-bottom:3px;}
    .LeftPaneProfile .DnnModule .UserProfileControls a.dnnSecondaryAction{padding:0;line-height:1em;}
    /* Profile Content */
    #UserDisplayNameHeader{border-bottom:1px solid #ddd;margin-bottom:25px;}
    #UserDisplayNameHeader h2{ margin-top:0; margin-bottom:15px; }
    #UserDisplayNameHeader h2 em{font-family:Arial, Helvetica, sans-serif;font-size:18px;font-style:italic;font-weight:lighter;color:#777;font-size:15px;vertical-align:baseline;}
    /* Social Messaging / Member Directory */
    .ContentPaneProfile #smMainContent{padding:0; }
    .ContentPaneProfile .dnnForm{min-width:580px!important;}
    .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-1{width:2%; padding-left:2%;}
    .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-2{width:10%;}
    .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-3{width:52%;}
    .ContentPaneProfile .DnnModule-Messaging-Notifications .smListings .ListCol-4{width:25%;}
    .ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-1{width:10%; padding-left:2%;}
    .ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-2{width:62%;}
    .ContentPaneProfile .DnnModule-Messaging-Details .smListings .ListCol-3{width:20%;}
    /* Member Directory */
    .ContentPaneProfile .dnnMemberDirectory{width:100%;}
	.ContentPaneProfile .dnnMemberDirectory #mdMemberList > li {padding-left:0px; padding-right:0px;}
    .ContentPaneProfile .searchWrapper{width:300px;}
    .ContentPaneProfile #mdBasicSearch{width:253px;}
    .ContentPaneProfile .DnnModule #mdMemberList > li {width:278px; padding-top: 10px; margin:0px 10px 10px 10px}/* Mới thêm */
	.ContentPaneProfile .DnnModule #mdMemberList  li .mdMemberDetails .mdMemberImg {float: left;display: block;padding: 3px;min-width: 50px;height: auto;margin: 0 15px 15px 10px;background: white;border: 1px solid #DDD;border-radius: 5px;}
    .ContentPaneProfile .DnnModule #mdMemberList  li .mdMemberDetails .mdMemberImg  span {display: block;width: 70px;max-height: 70px;overflow: hidden;}
	.ContentPaneProfile .DnnModule #mdMemberList  li .mdMemberDetails .mdMemberImg  span img {display: block;min-width: 70px;background: #EEE;}
	.DnnModule-Messaging-Details .smListings .ListCol-2{width:61%; max-width:400px;}
    /* Send Mesage / Accept Friend / Follow Box Right Column */
    .RightPaneProfile .dnnForm{min-width:100px;}
    .RightPaneProfile ul.mdMemberList > li #mdMemberDetails{padding:0;}
    .RightPaneProfile .DnnModule #mdMemberList > li {width:150px;height:auto!important; margin:0;padding:0;-webkit-box-shadow:none ;box-shadow:none ; border:none;-webkit-border-radius:0 ;border-radius:0 ; }
    .RightPaneProfile #mdMemberList #mdMemberDetails{padding:0; margin-bottom:0;}
    .DnnModule .friendProfileActions{width:170px;background:#EBEDF0;padding:15px;}
    .DnnModule .friendProfileActions ul{padding-left:0;}
    .DnnModule .friendProfileActions ul li{list-style:none;margin-bottom:3px;}
    /* Left Column User Profile */
	.RightPaneProfile .console{width:100%;}
	.RightPaneProfile .DnnModule #mdMemberList .friendProfileActions {width: 170px;background: #EBEDF0;padding: 10px;} /* Mới thêm */
	.RightPaneProfile .console > div > div{border-bottom:1px solid #ddd;margin:0;padding-top:10px;width:180px;}
    .RightPaneProfile .console .active{background:#ebedf0;}
    /* View Profile */
    .ContentPaneProfile .pAddress,
    .ContentPaneProfile .pContact{width:49%;float:left;margin-bottom:15px;}
    .ContentPaneProfile .pContact{border-left:1px solid #ddd;padding:0 5%;width:39%;padding-bottom:15px;}
    /* Edit Profile */
    .ContentPaneProfile #dnnUserDetails .dnnUser{ width:100%; }
    .ContentPaneProfile #dnnUserDetails .dnnActions,
    .ContentPaneProfile #dnnPassword .dnnActions,
    .ContentPaneProfile .dnnProfile .dnnActions { margin-top:25px; }
    .ContentPaneProfile .dnnProfile .dnnTooltip{ width:150px; margin-right:15px;}
    .ContentPaneProfile .dnnProfile input[type="text"],
    .ContentPaneProfile .dnnProfile select{ width:150px; margin-right:10px;}
    .ContentPaneProfile .dnnProfile select{width:210px; float:left;}
    .ContentPaneProfile .dnnProfile .dnnFormVisibility{width:100px; float:left;}
    .ContentPaneProfile .dnnProfile div[id$="_ProfileProperties_Biography"] .dnnFormVisibility{width:179px;margin-left:165px;padding-left:220px;margin-bottom:25px;border:1px solid #ddd;border-top:none;}
    .ContentPaneProfile .dnnProfile div[id$="_ProfileProperties_Photo"]{margin-top:25px;}
    .ContentPaneProfile .dnnFilePicker .dnnFormItem span{ width:25px; }
    .ContentPaneProfile .dnnFilePicker .dnnFormItem span + select{width:175px;}
    .ContentPaneProfile .dnnFilePicker .dnnLeft .dnnFormItem {width:220px; float:left;}
    .ContentPaneProfile .dnnFilePicker .dnnLeft .dnnFormItem + div{float:left; clear:none;}
    .ContentPaneProfile .dnnFilePicker .dnnLeft a.dnnSecondaryAction{margin-left:0; padding:0;}
    .ContentPaneProfile .dnnFilePicker .dnnLeft + .dnnLeft{width:200px;border-top:1px solid #ddd;padding-top:10px;margin-top:15px;margin-left:175px;margin-right:10px;clear:both;}
    .ContentPaneProfile .dnnFilePicker .dnnLeft + .dnnLeft img{width:100px; height:100px;}
	
#Footer{position: absolute;bottom: -25px;width: 681px;left: 0px;}
#Footer a{padding:0px 8px 10px 0px ;color: #555;font-weight: bold;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
#Footer a:hover{color:#f4230d; text-decoration: none;}
#Footer1{margin:auto; width:992px; padding:10px 0px 10px 0px}
#Footer1 a{padding:0px 8px 10px 0px ;color: #555;font-weight: bold;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
#Footer1 a:hover{color:#f4230d; text-decoration: none;}

/* EditJoke */
.dnnForm ul.ulJokeType {display: inline-block; padding: 0px;}
.dnnForm ul.ulJokeType li {display: inline-block; list-style-type: none; margin-right: 6px;}
ul.ulJokeType li label {display: inline-block; width: auto; text-align: left; margin: 0px; float: none;}
.dnnTooltip a { cursor: default;}
.dnnFormItem textarea { min-height: 30px; }
.dnnFormItem input:disabled,.dnnFormItem  textarea:disabled { background-color : rgb(84, 84, 84);}
.dnnFormItem span.left {}
.dnnFormItem span.left label { margin: 0px; margin-right:6px; width: auto; }
div.button {margin-top: 10px;margin-bottom: 10px;}
div.dnnFormItem>a.button {display: inline-block; text-decoration: none; line-height: 30px; padding: 0 10px; font-size: 12px; font-weight: bold;background-color: #00A5F0; color: white; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; border: 1px solid rgba(0, 0, 0, .2); box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white; -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff; -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px white;text-shadow: 0 -1px rgba(0, 0, 0, .2);text-align: center; min-width: 45px; cursor: pointer;margin-right: 6px;}
div.dnnFormItem>a.button:hover {background-color: #24BBFF;}
a.button.cancel {background-color: Gray;}
i.red {display: inline-block; font-size: 12px;color: Red;}    
div.preview {text-align: center;position: relative;width: 480px;margin: 0 auto;}
div.preview img { z-index: 0;}
div.preview .playButton {text-align: center;width: 100%;margin: auto auto;position: absolute;top: 40%;z-index: 1;}
div.playButton a { width: 60px;display: inline-block;padding: 6px 10px;font-size: 16px; font-weight: bold;border: solid 2px red;color: Red;}
div.playButton a:hover{color: Blue;background-color: Gray;}
.dnnForm a.rage{padding:0px 0px 0px 10px ;color:#333; font-size:12px;font-weight: bold;-webkit-transition: color .2s linear;-moz-transition: color .2s linear;}
.dnnForm a.rage:hover{color:rgb(55, 223, 13); text-decoration: none;}

a.ContainerTitle{color: #202020;}
a.ContainerTitle:hover{color:#e40111; text-decoration: none;}

/* Default Over-rides */
#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
.DnnModule{margin:0 0 0 0;z-index: 1;}
.DnnModule ul, ol{}
/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal{}
.SubHead{color:#333;}
.DNNEmptyPane {display: none;width: 0px;}
