@font-face {
    font-family: 'LucidaGrandeRegular';
    src: url('fonts/lucida_grande-webfont.eot');
    src: url('fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida_grande-webfont.woff') format('woff'),
         url('fonts/lucida_grande-webfont.ttf') format('truetype'),
         url('fonts/lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-size:11px;}
.clear{clear:both;}
table {border-collapse:collapse; border-spacing:0;}

#clanBanner { width:986px; height:220px; margin:0 auto; position:relative;}
/*.clanDesc{position: absolute; top:10px; left:40px;}*/
.clanDesc{position: relative; margin-left:780px;}
.clanName{font:700 12px Verdana;padding:7px 0;color:#fff;}
.clanUrl{font-size:11px;padding:0 0 5px 0;color:#fff;}
.clanTitleL{ background:url(../images/clan-title-left.png) no-repeat;float:left;width:13px;height:58px;}
.clanTitleM{ background:url(../images/clan-title-mid.png) repeat-x;float:left;min-width:13px;height:58px;}
.clanTitleR{ background:url(../images/clan-title-right.png) no-repeat;float:left;width:13px;height:58px;}
#main{margin-top:0;}

/*image sprite*/
.clanMenu, .clanMenu a, .clanPanelS .hd,.clanPanelS .bd, .clanPanelS .ft,.clanAnnounce .ft,
.clanPanelB .hd, .clanPanelB .hdR, .clanPanelB .ft, .clanPanelB .ftR {background:url(../images/clan-panel2.png) no-repeat;}

.clanUserList .approve,.clanUserList .reject, .feeds .iconRefresh, .feeds .iconNewPost, .feeds .iconImg, .feeds .iconVideo, .feeds .iconLink,
.feeds .iconUp, .feeds .iconEdit, .feeds .iconDel, .clanProfile .here, .clanProfile .hereYes .checkedin .checkedout{
display:block; width:23px; height:20px; background:url(../images/clan-icons.png) no-repeat; float:left;
}

.clanMenu{ background-position:0 -40px; width:986px; height:40px; margin-bottom:10px;}
.clanMenu a{font:700 12px Verdana; color:#fff; line-height:35px; padding:0 30px; display:block; float:left;background-position:top right; height:40px;}
.clanMenu a:hover{color:#fc0; text-decoration:none;}
.clanMenu .active{color:#fc0; text-decoration:none;}
.clanMenu li{display:inline; }
.clanMenu li.quit a{float:right; background:none; font:100 10px/35px Tahoma; padding:0 10px; color:#f88;}
.clanMenu li.quit a:hover {color:#ddd;}

.left{width:210px; float:left; margin-right:9px;}
.middle{width:550px; float:left;}
.right{width:210px; float:right;}
.manageRight{width:766px; float:left;}
.left a, .middle a, .right a, .manageRight a{cursor:pointer; color:#c00;}
.left a.blackLink, .middle a.blackLink, .right a.blackLink, .manageRight a.blackLink{color:#333;}

.clanPanelS, .clanPanelB{margin-bottom:10px; min-height:40px; }
.clanPanelS .bd, .clanPanelB .bd{padding:5px; }

.clanPanelS .hd{background-position:0 -129px; font:700 12px Verdana; color:#fff; line-height:28px; height:28px; padding-left:12px;}
.clanPanelS .bd{background:url(../images/clan-panel-bgtop.png) no-repeat top #efefef; border:1px solid #b6b6b6; border-top:none; border-bottom:none;}
.clanPanelS .ft{background-position:-230px -146px; height:5px;}

.clanProfile .bd {padding:0;}
.clanProfile .photo{text-align:center; padding:10px;}
.clanProfile .photo img {margin:5px auto 10px;}
.clanProfile .status{border:1px solid #bbb; border-left:none; border-right:none; height:20px; line-height:20px; padding:5px 0;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#f5f5f5,endColorStr=#dddddd);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#ddd));
	background-image:-webkit-linear-gradient(top,#f5f5f5,#ddd);
	background-image:   -moz-linear-gradient(top,#f5f5f5,#ddd);
	background-image:    -ms-linear-gradient(top,#f5f5f5,#ddd);
	background-image:     -o-linear-gradient(top,#f5f5f5,#ddd);
	background-image:        linear-gradient(to bottom,#f5f5f5,#ddd);
}
.clanProfile .status span {background:url(../images/clan-icons.png) no-repeat -550px -27px; padding-left:22px;}
.clanProfile table{font-family:"lucida grande",tahoma,verdana,arial,sans-serif; width:100%;}
.clanProfile th, .clanProfile td{border:1px solid #bbb; vertical-align:top; padding:7px 5px; background:#fff; border-right:0; border-left:0;}
.clanProfile tr:first-child th, .clanProfile tr:first-child td {border-top:0;}
.clanProfile th{text-align:right; background:#eee; border-right:1px solid #bbb; white-space:nowrap; padding-left:15px;}
.clanProfile td {width:100%;}
.clanProfile tr.profileDesc th {border-right:0;}
.clanProfile tr.profileDesc td {padding:5px 8px;}
a.btnQuit{display:block; color:#666; font:100 12px/12px "lucida grande",tahoma,verdana,arial,sans-serif; float:left; margin:10px 0 5px 60px;}
a.btnQuit:hover{color:#f00; text-decoration:underline;}

.hd{position:relative;}
.hd a.btnMore {display:block; overflow:hidden; height:17px; padding:0 3px; position:absolute; top:6px; right:5px; font:100 11px/17px Tahoma; color:#222; padding-left:10px;}
.hd a.btnMore b {display:block; height:17px; width:10px; background:url(../images/btn-morebg.png) no-repeat top left; float:left;}
.hd a.btnMore span {
	background:url(../images/btn-morebg.png) no-repeat top right;
	display: block; float:left; padding-right:10px;
	text-decoration: none;
}


.clanFormSearch{width:100%;padding:15px 0 2px 0;}
.clanSearchSeletct{float:left;background:url(../images/clan-search-box.png) no-repeat;width:140px;height:30px;padding:5px 5px 5px 5px;margin-right:1px;color:#666;font-size:12px;}
.clanSearchInput{float:left;background:url(../images/clan-search-box.png) no-repeat;height:16px;width:128px;padding:8px 5px 5px 6px;margin-right:1px;color:#999;}
.clanSearchBtn{float:left;background:url(../images/clan-search-btn.png) no-repeat 0 0;height:29px;width:62px;margin:1px;}
.clanSearchBtn:hover{background:url(../images/clan-search-btn.png) no-repeat 0 -29px;color:#fff;cursor:pointer;}
.clanPostBtn{float:left;background:url(../images/clan-search-btn.png) no-repeat 0 0;height:29px;width:62px;margin:1px;}
.clanPostBtn:hover{background:url(../images/clan-search-btn.png) no-repeat 0 -29px;color:#fff;cursor:pointer;}
.clanUserList .bd{padding:5px 3px;}
.clanUserList table{width:100%;}
.clanUserList th, .clanUserList td {width:33.3%; text-align:center; padding:3px 2px;}
.checkboxes label{display: block; float: left; padding-right: 10px; white-space: nowrap;}
.checkboxes input{vertical-align: middle;}
.checkboxes label span{vertical-align: middle;}

.clanAnnounce .bd{background:#fcdfdf;}
.clanAnnounce .bd ul li{padding:2px 0px;background:url(../images/icon-double-arrow.gif) no-repeat 0 6px; padding-left:20px;}
.clanAnnounce .ft{background-position:-230px -129px; height:5px;}
.clanInfo .bd{padding:0; border:0;}

.clanPanelB .hd{ background-position:0 -93px; height:28px; position:relative;color:#fff; padding-left:12px; font:700 12px/28px Verdana; }
.clanPanelB .hdR{ background-position:-978px -93px; height:28px; width:8px; position:absolute; right:0; top:0; z-index:1;}
.hd .selections{position:absolute; top:4px; right:122px; z-index:2;}
.hd .selections .channel{width:140px;height:20px;}
.hd .btns{position:absolute; top:4px; right:5px; z-index:2; width:115px;}
.hd .btns a img{margin:0;}
.clanPanelB .bd{background:url(../images/clan-panel-b-bg.gif) repeat-x top; border:1px solid #b6b6b6; border-top:none; border-bottom:none;}
.clanPanelB .ft{ background-position:0 -164px; height:5px; position:relative;}
.clanPanelB .ftR{ background-position:-981px -166px;  height:5px; width:5px; position:absolute; right:0; top:0;}

.feeds .bd{padding-top:5px;}
.feeds table{width:100%;}
.tblClanFeeds td{vertical-align:top; border:none; padding:5px 0;}
.tblClanFeedsComment td{vertical-align:top; border:none; border:0; padding:5px 0;}
.feeds table .photo{width:80px; text-align:center;}
.feeds p.name{font-weight:700; color:#c00; margin-bottom:3px;}
.feeds table .icons{width:80px; text-align:right; padding-right:5px;}
.feeds .last td{border:0;}
.feeds .time, .feeds .comment{font:100 11px "lucida grande",tahoma,verdana,arial,sans-serif;}
.feeds .time{font-weight:700; margin-top:3px;}
.feeds .comment{color:#666;}
.feeds table .content{width:373px;}
.feeds .content img{margin-top:2px;}
.msg{width:373px;}
.breakword{word-break:break-all;word-wrap:break-word;font-weight:ligher}
.comments{float:left;background:#FFDFDF;padding:0 8px;margin-bottom:2px;width:395px;}
.comments img{border:0; text-align:left; margin:0 5px 2px 0;}
.comments p{width:330px;}
.writeComment{float:left;background:#FFDFDF;padding:3px;width:381px;height:22px;}
.writeComment input[type=text]{border:1px solid #FFBFBF;color:#999;width:376px;}
.message{float:left;margin-bottom:2px;}

a.olderPosts{ display:block; font-weight:700; text-align:center; margin:0 auto; width:98%; padding:5px; background:url(../images/clan-icons.png) no-repeat 190px -30px #eee; color:#333;}
a.olderPosts:hover{background:url(../images/clan-icons.png) no-repeat 190px -60px #999;; color:#fff; text-decoration:none;}

/*no home*/
.star p{text-align:center; margin:10px 0;}

.createJoin {margin-bottom:10px; float:left; width:210px; text-align:center;}
.createJoin a{font:100 14px Tahoma; color:#333;}
.createJoin a.bigBtn{display:block; width:210px; height:65px; background: url(../images/clan-btn-bigred.png) no-repeat; color:#fff; font:700 16px/65px "lucida grande",tahoma,verdana,arial,sans-serif; text-align:center; padding:0;}
.createJoin a.bigBtn:hover{text-decoration:none; background-position:0 -65px; color:#fc0;}

.feedsList{width:555px; float:left;}
.feedsList .bd{padding:10px;}
.feedsList ul{margin-top:5px;}
.feedsList li{background:url(../images/icon-double-arrow.gif) no-repeat 0 3px; padding-left:20px; height:20px;}

.garenaClan table {width:98%;}
.garenaClan td{ vertical-align:middle; width:20%; line-height:25px; padding:5px;}
.garenaClan img{float:left; margin-right:10px;}
.garenaClan a.createBtn{background:url(../images/clan-btn-create.png) no-repeat; width:100px; height:36px; line-height:36px; display:block; margin:-10px auto 0 auto; text-align:right; padding-right:28px; color:#fff;}
.garenaClan a.createBtn:hover{background-position:0 -36px;color:#fc0;text-decoration:none;}
.garenaClan a.btnMore{padding:0 8px;}

.star .txt{text-align:left;}

.gray{background:#eee;}
.grayCreate{background:url(../images/garenaClan-bg.png) repeat-x top;}

/*clan list*/
.searchClan{float:left;padding:10px;}
.searchClan label{float:left;padding:6px 6px 6px 0;width:70px;}
.advSearch{float:left;margin:10px;}
.advSearchLink{float:left;margin:10px;}
.displayClan{float:left;width:100%;}
.tblList{margin:10px 0;}
.tblList td{padding:2px 2px;border:none;text-align:center;vertical-align:middle;}
.tblList th{padding:5px 2px;text-align:center;vertical-align:middle; background:#FFDFDF;}

/*create clan*/
.createClan p {margin:10px;}
.createClan p span{font-size:11px;color:#666;}
.createClan p span span{color:#F00;}
.chkAvailable{float:left; margin-left:5px; padding-top:5px;}
.chkAvailable img{vertical-align:bottom;margin-right:3px;}
.createClanForm {float:left;padding:10px;}
.createClanForm input, .createClanForm select, .createClanForm label{margin-bottom:4px;}
.createClanForm label{float:left;padding:6px 6px 6px 0;width:80px;}
.createSuccess{text-align:left;width:100%;float:left;margin-bottom:10px;}
.createSuccess h1{color:#F00;font-weight:normal;margin:10px;}
.createSuccess p{padding:2px 10px;}
a.smallBtn{display:block;float:left; width:92px; height:36px; background: url(../images/clan-btn-smallred.png) no-repeat; color:#fff; font:100 11px/35px "lucida grande",tahoma,verdana,arial,sans-serif; text-align:center; padding:0; margin:-10px 0 0 -5px;}
a.smallBtn:hover{text-decoration:none; background-position:0 -36px; color:#fc0;}

/*members*/
a.moreMembers{ display:block; font-weight:700; text-align:center; margin:0 auto; width:98%; padding:5px; background:url(../images/clan-icons.png) no-repeat 290px -30px #eee; color:#333;}
a.moreMembers:hover{background:url(../images/clan-icons.png) no-repeat 290px -60px #999;; color:#fff; text-decoration:none;}
.clanMember{float:left;width:178px;margin:5px;}
.clanMember table td{padding:0 4px; vertical-align:top; text-align:left;}
.clanMemberTitle {font-size:11px;margin:5px 0;}

/*manage*/
.manageInput{border: 1px solid #ccc; width:400px; margin-bottom: 0em;}
.manageInputShort{border: 1px solid #ccc; width:200px; margin-bottom: 0em;}
.manageFile{height:22px;}
.feeds table.tblManage{margin:20px;}
.feeds table.tblManage td{padding:5px 10px;border:none;}
.feeds table.tblManageMember{margin:10px 0;}
.feeds table.tblManageMember td{padding:2px 2px;border:none;text-align:left;vertical-align:middle;}
.feeds table.tblManageMember th{padding:5px 2px;text-align:left;vertical-align:middle; background:#FFDFDF;}
ul.mgtNav{padding:10px 5px;}
ul.mgtNav li{padding-left:10px;background:url(../images/icon-list.gif) no-repeat 0 5px;line-height:20px;}
.red{color:#F00;}
.appointTxt{float:left; margin-right:20px;}
.checkedin{width:14px; height:14px; background-position:-180px 0;}
.checkedout{width:14px; height:14px; background-position:-200px 0;}
.clanManageBtn{float:left;background:url(../images/clan-manage-btn.png) no-repeat 0 0;height:29px;width:82px;margin:1px;}
.clanManageBtn:hover{background:url(../images/clan-manage-btn.png) no-repeat 0 -29px;color:#fff;cursor:pointer;}
.hdline{width:600px;border-top:1px dotted #ccc;}
.hdlineshort{border-top:1px dotted #ccc;}
.manageMemberTab{float:left;border-bottom:1px solid #FFBFBF; height:25px;width:100%;}
.manageMemberTab .tab{float:left;padding:5px; margin-right:1px; border:1px solid #ccc; border-bottom:0; width:80px; text-align:center; background:#eee;cursor:pointer;}
.manageMemberTab .tab:hover{color:#fff; border:1px solid #FFBFBF; border-bottom:0;background:#9D0000;text-decoration:none;}
.manageMemberTab .active{color:#fff; border:1px solid #FFBFBF; border-bottom:0;background:#9D0000;text-decoration:none;}
.manageMemberContent{float:left;width:100%;}
.tblManageMember img{vertical-align:middle;margin-right:5px;}

/*icons*/
.tblIcons td{text-align:center; vertical-align:top;}
.clanUserList .approve{width:14px; height:14px; background-position:-180px 0; margin-left:13px; margin-right:5px;}
.clanUserList .reject{width:14px; height:14px; background-position:-200px 0;}
.feeds .iconRefresh{ background-position:0 0;}
.feeds .iconNewPost{ background-position:-23px 0;}
.feeds .iconImg{ background-position:-46px 0;}
.feeds .iconVideo{ background-position:-69px 0;}
.feeds .iconLink{ background-position:-92px 0;}
.feeds .iconUp{ background-position:-225px 0; width:15px; height:16px; margin-right:2px; float:right;}
.feeds .iconUp:hover{ background-position:-552px 0; width:15px; height:16px; margin-right:2px; float:right;}
.feeds .iconEdit{ background-position:-244px 0; width:15px; height:16px; margin-right:2px; float:right;}
.feeds .iconDel{ background-position:-268px 0; width:15px; height:16px; float:right;}
.feeds .iconDel:hover{ background-position:-533px 0; width:15px; height:16px; float:right;}
.clanProfile a.like {
	margin:0 5px 0 8px; color:#fff; text-align:center; display:block; float:left; width:40px; height:20px;
	background-color:#000;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#000));
	background-image:-webkit-linear-gradient(top,#555,#000);
	background-image:   -moz-linear-gradient(top,#555,#000);
	background-image:    -ms-linear-gradient(top,#555,#000);
	background-image:     -o-linear-gradient(top,#555,#000);
	background-image:        linear-gradient(to bottom,#555,#000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#000000'); 
	-webkit-border-radius: 2px; 
            border-radius: 2px;
}
.clanProfile a.like:hover{
	text-decoration:none;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#cc0000,endColorStr=#990000);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#c00),to(#900));
	background-image:-webkit-linear-gradient(top,#c00,#900);
	background-image:   -moz-linear-gradient(top,#c00,#900);
	background-image:    -ms-linear-gradient(top,#c00,#900);
	background-image:     -o-linear-gradient(top,#c00,#900);
	background-image:        linear-gradient(to bottom,#c00,#900);
}
.clanProfile .here, .clanProfile .hereYes {background:url(../images/clan-here.png) no-repeat; height:21px; width:123px; overflow:visible; color:#bbb; line-height:19px; padding-left:5px; float:none; margin:0 auto;}
.clanProfile .here:hover, .clanProfile .hereYes{background-position:0 -30px; text-decoration:none; color:#fff;}

/*new clan 2012*/
.fleft{float:left;}
.fright{float:right;}
.regBtn{background: url(../images/clanregbtn.png) no-repeat; display:block; width:266px; height:34px;}
.regBtn:hover {background-position:0 -62px;}
a.regBtn, a.regBtn:visited{color:#ffffff;font-size:2.2em;padding:14px 0; text-indent:35px;}
a.regBtn:hover{text-decoration:none;}
a.clanlink{color:#333;font-size:1.4em;font-weight:bold;text-decoration:underline;}
a.clanlink:hover{color:#cc0000;}
a.clanlinkred{color:#cc0000;font-weight:bold;}
a.clanlinkred:hover{text-decoration:underline;}
a.underlinelink{color:#cc0000;font-weight:bold;text-decoration:underline;}
a.underlinelink:hover{color:#666;}
.clantitleUS{background:url(../images/clantitle.png) no-repeat;width:223px;height:27px;margin-bottom:20px;}
.clantitleTW{background:url(../images/clantitle-tr.png) no-repeat;width:223px;height:27px;margin-bottom:20px;}
.clanMainSearchInput{float:left;background:url(../images/clan-main-search-box.png) no-repeat;height:27px;width:164px;padding:8px 5px 5px 6px;margin-right:1px;color:#999;font-size:1.3em;}
.clanMainSearchBtn{float:left;background:url(../images/clan-main-search-btn.png) no-repeat 0 0;height:40px;width:86px;margin:0px;font-size:1.3em;color:#666;}
.clanMainSearchBtn:hover{background:url(../images/clan-main-search-btn.png) no-repeat 0 -40px;color:#fff;cursor:pointer;}
.featuredClan{width:302px;min-height:166px;padding:10px 20px 20px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ccc;} 
.imgbox{padding:1px;border:1px solid #ccc;margin:0 10px 0 0;}
.clanMainTitle{color:#cc0000;font-weight:bold;font-size:1.4em;padding-bottom:10px;}
ul.clanNews li{background:url(../images/icon-news.gif) no-repeat 0 2px; padding-left:17px;margin:5px 0px;}
.tabcontent{width:302px;height:100px;padding:10px 20px 20px 20px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border:1px solid #ccc;border-top:0;} 
.clantabs{width:344px;height:25px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #fcfcfc;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #fcfcfc 0%, #f2f2f2 79%, #eaeaea 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(79%,#f2f2f2), color-stop(100%,#eaeaea));
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 79%,#eaeaea 100%);
background: -o-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 79%,#eaeaea 100%);
background: -ms-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 79%,#eaeaea 100%);
background: linear-gradient(top,  #fcfcfc 0%,#f2f2f2 79%,#eaeaea 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#eaeaea',GradientType=0 );
}
.tabnormal{
color:#666;text-align:center;padding-top:5px;
width:94px;height:19px;border:1px solid #ccc; border-bottom:0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #f7f7f7;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM2YzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f7f7f7 0%, #e8e8e8 79%, #c6c6c6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(79%,#e8e8e8), color-stop(100%,#c6c6c6));
background: -webkit-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 79%,#c6c6c6 100%);
background: -o-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 79%,#c6c6c6 100%);
background: -ms-linear-gradient(top,  #f7f7f7 0%,#e8e8e8 79%,#c6c6c6 100%);
background: linear-gradient(top,  #f7f7f7 0%,#e8e8e8 79%,#c6c6c6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c6c6c6',GradientType=0 );
}
.tabact{
color:#cc0000;text-align:center;padding-top:5px;font-weight:bold;
width:94px;height:19px;border:1px solid #ccc; border-bottom:0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #cecece;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc5JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #cecece 0%, #f2f2f2 79%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(79%,#f2f2f2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #cecece 0%,#f2f2f2 79%,#ffffff 100%);
background: -o-linear-gradient(top,  #cecece 0%,#f2f2f2 79%,#ffffff 100%);
background: -ms-linear-gradient(top,  #cecece 0%,#f2f2f2 79%,#ffffff 100%);
background: linear-gradient(top,  #cecece 0%,#f2f2f2 79%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ffffff',GradientType=0 );
}

.rounded-img {
		border-radius: 5px 5px 5px 5px;
							display: inline-block;
 }
 
#cluetip-inner .rounded-img, .tooltip_profile .rounded-img {box-shadow:none;}


/*new feeds*/
.feeds .bd {padding:7px;}
.feeds input[type="text"], .feeds textarea {font:100 13px "Lucida Grande", sans-serif;}
.placeholder 				{color:#999 !important;}
::-webkit-input-placeholder {color:#999 !important;}
:-moz-placeholder 			{color:#999 !important;}


.composer {margin:0 0 10px; width:535px;}
.inputCnt {padding:3px; background:#fff; border:1px solid #ccc; position:relative; min-height:20px;
 -webkit-box-shadow:	inset 1px 1px 1px #ccc;
	-moz-box-shadow:	inset 1px 1px 1px #ccc;
		box-shadow:		inset 1px 1px 1px #ccc;
}
.inputCnt textarea {width:445px; height:15px; padding:3px 5px 0; overflow:hidden;resize: none; }
.inputCnt textarea.inputFocus {height:50px;}
.inputCnt ul {position:absolute; bottom:0; right:5px;}
.inputCnt li {display:inline;}
.inputCnt li a {display:inline-block; width:20px; height:20px; background:url(../images/feeds.png) no-repeat; opacity:.5; filter:alpha(opacity=50);}
.inputCnt li#addYT a {background-position:-26px 0;}
.inputCnt li#addLink a {background-position:-50px 0;}
.inputCnt li a:hover, .inputCnt li.active a {opacity:1; filter:alpha(opacity=100);}

#addon {background:#f4f4f4; border:1px solid #ccc; border-top:0; position:relative; display:none;}
#addon i {display:block; width:5px; height:4px; background:url(../images/feeds.png) no-repeat 0 -30px; position:absolute; top:-4px; right:20px;}
#addon.addonImg i {right:60px;}
#addon.addonYT i {right:36px;}
#addon.addonLink i {right:12px;}
#addon.addonTxt i, #addon.addonTxt .addonHd, #addon.addonTxt .addonBd {display:none;}
#addon.addonImg .addonContent{display:none;}
#addon.addonImg .addonThumb img {max-width:200px;}
#addon.addonYT .addonSub, #addon.addonYT .addonInfo, #addon.addonYT .addonCtrl {display:none;}

.addonHd {padding:10px 5px 0; overflow:auto;}
.addonHd span {font:700 12px Arial; margin:0 0 0 10px; float:left;}
.addonBd {padding:5px 5px 15px 5px; overflow:auto; border-bottom:1px solid #ccc; width:523px;}
.addonUrl {margin:0 0 9px 10px; position:relative; width:491px;}
.addonUrl input[type="text"] {background:#fff; border:1px solid #ddd; width:485px; height:20px; font-size:12px; line-height:15px;}
.addLinkBtn {
	width:65px; height:26px; overflow:auto; position:absolute; top:0; right:0; *right:-10px;
	color:#fff; font:700 1em Arial; white-space:nowrap; vertical-align:middle; cursor:pointer;
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#777777,endColorStr=#222222); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#777777),to(#222222));
	background-image:-webkit-linear-gradient(top,#777,#222);
	background-image:   -moz-linear-gradient(top,#777,#222);
	background-image:    -ms-linear-gradient(top,#777,#222);
	background-image:     -o-linear-gradient(top,#777,#222);
	background-image:        linear-gradient(to bottom,#777,#222);
	
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
	-webkit-border-top-left-radius:	0;
	-moz-border-radius-topleft:		0;
	border-top-left-radius:			0;
	-webkit-border-bottom-left-radius:	0;
	-moz-border-radius-bottomleft:		0;
	border-bottom-left-radius:			0;
	text-shadow:0 1px 0 #300;
}
.addLinkBtn:hover {
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#999999,endColorStr=#333333); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#999999),to(#333333));
	background-image:-webkit-linear-gradient(top,#999,#333);
	background-image:   -moz-linear-gradient(top,#999,#333);
	background-image:    -ms-linear-gradient(top,#999,#333);
	background-image:     -o-linear-gradient(top,#999,#333);
	background-image:        linear-gradient(to bottom,#999,#333);
}
.addLinkBtn:active {
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#000000,endColorStr=#333333); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#000000),to(#333333));
	background-image:-webkit-linear-gradient(top,#000,#333);
	background-image:   -moz-linear-gradient(top,#000,#333);
	background-image:    -ms-linear-gradient(top,#000,#333);
	background-image:     -o-linear-gradient(top,#000,#333);
	background-image:        linear-gradient(to bottom,#000,#333);
}
.preview {display:none;}
.addError {color:#c00; padding:0 10px;}
.addonThumb {float:left; width:100px; padding:0 10px;}
.addonThumb img {max-width:100px; max-height:100px; *width:100px;}
.addonContent {float:left; width:375px;}
.addonTitle {font-weight:700; margin:0 0 5px;}
.addonTitle a,  .addonInfo a {color:#000;}
.addonTitle a:hover, .addonInfo a:hover {background:#ddd; text-decoration:none;}
.addonTitle input[type="text"] {border:1px solid #ddd; font:700 11px Tahoma; width:100%;}
.addonSub {color:#888; width:350px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 0 5px; }
.addonInfo {margin:0 0 15px;}
.addonInfo textarea {border:1px solid #ddd; font:100 11px Tahoma; width:100%; height:50px;}
.addonCtrl {padding:5px 0; vertical-align:middle; height:15px; line-height:15px; }
.addonCtrl .prev, .addonCtrl .next {background:#fff; border:1px solid #ddd; cursor:pointer; font:100 12px Tahoma; color:#333; display:inline-block; width:20px; height:20px; text-align:center; line-height:20px;}
.addonCtrl .next {border-left:0; margin-right:5px;}
.addonCtrl .prev:hover, .addonCtrl .next:hover {background:#c00; color:#fff; text-decoration:none;}
.addonCtrl small {margin:0 0 0 5px; color:#888;}
.addonFt {padding:5px; border-top:1px solid #fff; background:#e8e8e8; text-align:right;}
.addonFt label {font:12px/1 Arial; color:#333; margin-right:15px; display:inline-block; vertical-align:top; margin-top:8px;}
.addonFt input[type="checkbox"] { 
	height:13px; margin:0; padding:0; vertical-align:bottom;
}
.addonBtn {
	padding:0 1.7em; height:2.3em; overflow:visible;
	color:#fff; font:700 1.1em Arial; white-space:nowrap; vertical-align:middle; cursor:pointer;
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#dd0000,endColorStr=#770000); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#dd0000),to(#770000));
	background-image:-webkit-linear-gradient(top,#dd0000,#770000);
	background-image:   -moz-linear-gradient(top,#dd0000,#770000);
	background-image:    -ms-linear-gradient(top,#dd0000,#770000);
	background-image:     -o-linear-gradient(top,#dd0000,#770000);
	background-image:        linear-gradient(to bottom,#dd0000,#770000);
	
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
	
	text-shadow:0 1px 0 #300;
}
.addonBtn:hover {
	
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ff0000,endColorStr=#aa0000); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ff0000),to(#aa0000));
	background-image:-webkit-linear-gradient(top,#ff0000,#aa0000);
	background-image:   -moz-linear-gradient(top,#ff0000,#aa0000);
	background-image:    -ms-linear-gradient(top,#ff0000,#aa0000);
	background-image:     -o-linear-gradient(top,#ff0000,#aa0000);
	background-image:        linear-gradient(to bottom,#ff0000,#aa0000);
}
.addonBtn:active {
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#550000,endColorStr=#990000); 
	background-image:-webkit-gradient(linear,left top,left bottom,from(#550000),to(#990000));
	background-image:-webkit-linear-gradient(top,#550000,#990000);
	background-image:   -moz-linear-gradient(top,#550000,#990000);
	background-image:    -ms-linear-gradient(top,#550000,#990000);
	background-image:     -o-linear-gradient(top,#550000,#990000);
	background-image:        linear-gradient(to bottom,#550000,#990000);
}
.addonBtn[disabled] {background:#ccc; filter:none; color:#eee; text-shadow:none;}

a.newPosts {display:block; text-align:center; margin:0 auto; width:98%; padding:5px; background:#fee; color:#900; border:1px solid #ecc;}
.feedList {margin:0 0 10px;}
.feedList li {overflow:auto; border-bottom:1px solid #ddd; padding:10px 5px 10px 10px;}
.feedList .icoPublic {width:12px; height:12px; vertical-align:bottom; margin-left:3px;}
.feedList .userPic {float:left; margin:0 10px 0 0;}
.feedList .msgbox {float:left; width:425px;}
.feedCloseBtn {float:right; display:block; width:12px; height:12px; background:url(../images/feeds.png) no-repeat transparent 0 -40px;}
.feedCloseBtn:hover {background-position:-12px -40px; background-color:#333;}
.feedList .name {color:#888; margin:0 0 5px;}
.feedList .name a {color:#c00; font-weight:700;}
.feedList .msg {margin:0 0 5px;} 
.feedList .action {margin:5px 0; color:#888;}
.feedList .time {font-weight:100;}
.feeds .feedList div.comment {color:#000; width:350px;}

.feedList .feedback {background:#eee;}
.feedList .likeInfo, .feedList .addComment {padding:5px; border-bottom:1px solid #fff;}
.likeBtn {display:inline-block; width:12px; height:12px; background:url(../images/feeds.png) no-repeat 0 -53px;}
.feedback .userPic img, .addComment img.userPic {width:32px; height:32px;}
.feedList li li {border:0; padding:5px; border-bottom:1px solid #fff;}
.feedList li .comment {width:300px; float:left;}
.addComment {overflow:hidden;}
.addComment input[type="text"], .addComment textarea { border:1px solid #ddd; font-size:11px; float:left; width:410px; resize:none; overflow:auto;}
.addComment input[type="text"].afterPic, .addComment textarea.afterPic{width:367px;}
.commentAll { background:url(../images/feeds.png) no-repeat -20px -53px; padding-left:15px;}

a.artZoom { position:relative; display:inline-block; *zoom:1;*display:inline; padding:3px; background:#FFF; border:solid 1px #F1F1F1; text-decoration:none; color:#CCC; cursor:url(../images/zoomin.cur), pointer; position:relative;  }
a.artZoom:hover { text-decoration:none; }         
a.artZoom span.loading { display:block; width:130px; height:16px; line-height:16px; padding-left:20px; margin:2px 0; font-size:9px; background:#FFF url(../images/loading.gif) no-repeat 0 0; filter:alpha(opacity=70); opacity:0.7; }
.artZoomBox { position:relative; }         
.artZoomBox .tool { visibility:hidden; position:absolute; top:8px; left:8px; }         
.artZoomBox.js_hover .tool { visibility:visible; }         .artZoomBox .tool a { float:left; display:block; height:24px; width:24px; text-indent:-9999em; overflow:hidden; color:#FFF; background-color:#3A6EA5; text-decoration:none; filter:alpha(opacity=50); opacity:0.5; background-image:url(../images/phototool.gif); background-repeat:no-repeat;  }         .artZoomBox .tool a:hover { filter:alpha(opacity=80); opacity:0.8; }         
.artZoomBox .tool a.hideImg { display:none; }         
.artZoomBox .tool a.imgLeft { background-position:0 0; }         .artZoomBox .tool a.imgLeft { background-position:-24px 0; }         .artZoomBox .tool a.viewImg { background-position:0 -24px; }         .artZoomBox a.maxImgLink { cursor:url(../images/zoomout.cur), pointer; display:inline-block; *zoom:1;*display:inline; }         .artZoomBox a.maxImgLink .maxImg { padding:5px; background:#FFF; border:solid 1px #CCC; }
 a.miniImg:hover,         
.artZoomBox .maxImgLink .maxImg,         
.artZoomBox .tool span { border-color:#8294C8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; -moz-box-shadow: 0 0 3px rgba(58, 110, 165, 0.5); -webkit-box-shadow: 0 0 3px rgba(58, 110, 165, 0.5); box-shadow: 0 0 3px rgba(58, 110, 165, 0.5); }