html, body
{
min-width: 992px;
}
body
{
color: #000000;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 15px;
background: #696969 url(../images/bg-holder.gif) repeat-x 0 0;
}
a
{
color: #CC3300;
text-decoration: underline;
}
a:hover
{
text-decoration: none !important;
}
#all
{
overflow: hidden;
min-width: 1000px;
width: 100%;
margin-top: -55px;
}
#mainall
{
margin: 0 auto;
padding:258px 0 234px;
position: relative;
width: 992px;
}
#mainall h2
{
color: #000000;
font-size: 17px;
font-weight: normal;
line-height: 20px;
margin: 0;
}
/* tabcontent */
.tabcontent
{
overflow: hidden;
width: 100%;
}
#mainall .tabcontent h1
{
font: 19px/24px Tahoma, Arial, Helvetica, sans-serif;
margin: 0 3px 10px;
color: #000;
}
#mainall .tabcontent h2
{
/* font: 17px/22px Tahoma, Arial, Helvetica, sans-serif; margin: 0 3px 4px; color: #000; text-transform: uppercase;*/
}
#mainall .tabcontent h2 a, #mainall .tabcontent h1 a
{
color: #000;
}
#header
{
height: 252px;
left: -29px;
position: absolute;
top: 0;
width: 1021px;
z-index: 2;
}
.header-frame{
float:left;
width:980px;
height:50px;
padding:213px 6px 0 35px;
background:url(../images/bg-header-hp2.png) no-repeat;
}
.hp #header{height:256px;}
.hp .header-frame{
height:283px;
height:70px;
background:url(../images/bg-header-hp2.png) no-repeat;
}
.content-t {
overflow:hidden;
background:url(../images/bg-main-t.png) no-repeat;
height:51px;
}
.hp .content-t {
background:url(../images/bg-main-t.png) no-repeat;
height:21px;
}
.logo
{
background: url("../images/bg-logo.gif") no-repeat scroll 0 0 transparent;
display: block;
height: 101px;
left: 47px;
overflow: hidden;
position: absolute;
text-indent: -9999px;
top: 86px;
width: 128px;
z-index: 999;
}
.logo a
{
display: block;
height: 100%;
}
.on-air
{
left: 258px;
position: absolute;
top: 91px;
width: 320px;
}
.on-air .avatar
{
background: transparent url(../images/bg-avatar.png) no-repeat scroll 0 0;
float: left;
height: 68px;
margin: 2px 18px 0 0;
padding: 4px 5px 9px;
width: 68px;
}
.on-air .avatar a
{
position: relative;
}
.on-air-info
{
overflow: hidden;
padding: 3px 0 0;
}
.on-air .heading
{
display: block;
margin: 0 0 2px;
padding: 0;
}
.on-air .heading a
{
color: #000;
font: 17px/18px Tahoma;
text-decoration: none;
}
.on-air .heading a:hover
{
text-decoration: underline !important;
}
.on-air .time
{
display: block;
font-size: 10px;
font-style: normal;
line-height: 12px;
}
.on-air .ttl
{
display: block;
font-size: 12px !important;
line-height: 14px;
margin: 0 0 12px;
}
.on-air .ttl a
{
color: #CC3300;
}
.audio
{
background: transparent url(../images/bg-audio.gif) no-repeat scroll -207px 100%;
overflow: hidden;
padding: 0 0 3px;
width: 207px;
}
.audio div
{
background: transparent url(../images/bg-audio.gif) no-repeat scroll 0 0;
font-size: 10px;
line-height: 14px;
overflow: hidden;
padding: 3px 5px 1px 28px;
}
.audio strong a
{
font-weight: normal;
}
.online
{
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 6px;
top: 79px;
}
.online li
{
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0 0 0 21px;
}
.online .web-camera
{
background: transparent url(../images/bg-web-camera.png) no-repeat scroll 0 0;
height: 56px;
margin: 8px 0 0;
width: 203px;
}
.online .online-radio
{
background: transparent url(../images/bg-online-radio.png) no-repeat scroll 0 0;
width: 211px;
}
.online a
{
cursor: pointer;
display: block;
height: 62px;
overflow: hidden;
text-indent: -9999px;
}
.search
{
height: 32px;
overflow: hidden;
padding: 11px 0 0 24px;
position: absolute;
right: 6px;
top: 154px;
width: 261px;
}
.search .txt
{
border-color: #000000;
border-style: solid none none;
border-width: 1px medium medium;
color: #505050;
float: left;
font-family: Tahoma,Arial,Helvetica,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
margin: 2px 12px 0 0;
padding: 2px 9px 4px 7px;
width: 170px;
}
.search .btn
{
background: transparent url(../images/btn-ok.gif) no-repeat scroll 0 0;
border: 0 none;
cursor: pointer;
float: left;
height: 24px;
width: 43px;
}
/* navigation */
#navigation
{
float: left;
width: 720px;
display: inline;
overflow: hidden;
margin: 0 0 0 14px;
padding: 0;
position: relative;
}
#navigation li
{
float: left;
display: inline;
font-size: 17px;
line-height: 44px;
padding: 0 0 0 1px;
margin: 0 1px 0 -1px;
list-style: none;
background: url(../images/sep-nav.gif) no-repeat 0 18px;
}
#navigation a
{
float: left;
color: #000;
cursor: pointer;
text-decoration: none;
}
#navigation a span{
float: left;
height: 45px;
display: inline;
margin: 0 0 0 10px;
padding: 0 11px 0 0;
}
#navigation a:hover,
#navigation .active a{
color: #e84200;
background: url(../images/bg-nav.gif) no-repeat;
}
#navigation a:hover span, #navigation .active span
{
background: url(../images/bg-nav.gif) no-repeat 100% 0;
}
.hp #navigation a:hover, .hp #navigation .active a
{
background-position: 0 -45px;
}
.hp #navigation a:hover span, .hp #navigation .active span
{
background-position: 100% -45px;
}
.sub-menu
{
background: url(../images/bg-sub-nav.gif) no-repeat scroll 100% 0;
display: inline;
float: left;
margin: 0 0 0 8px;
padding: 0 7px 0 0;
}
.sub-menu-hold
{
float: left;
}
.sub-menu ul
{
background: url(../images/bg-sub-nav.gif) no-repeat scroll 0 0;
float: left;
font-size: 17px;
line-height: 32px;
margin: 0;
padding: 0 0 0 10px;
position: relative;
width: 683px;
}
.sub-menu ul li
{
background: url(../images/sep-sub-nav.gif) no-repeat scroll 0 14px;
float: left;
height: 34px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0 29px 0 15px;
}
.sub-menu ul a
{
color: #fff;
}
.sub-menu ul .active a, .sub-menu ul a:hover
{
text-decoration: none;
}
#content
{
width: 992px;
position: relative;
z-index: 1;
}
.content-frame
{
margin-top : -30px;
width: 940px;
float: left;
padding: 0 27px 43px;
background: url(../images/bg-content.png) repeat-y;
}
.content-b
{
font-size: 0;
line-height: 0;
float: left;
overflow: hidden;
clear: both;
width: 992px;
height: 21px;
background: url(../images/bg-content-b.png) no-repeat;
}
.tabmenu
{
margin: 0 0 24px;
padding: 0;
list-style: none;
overflow: hidden;
height: 1%;
width: 677px;
background: url(../images/tabmenu.gif) repeat-x 0 100%;
}
.tabmenu li
{
float: left;
padding-right: 2px;
}
.tabmenu a
{
float: left;
color: #333;
font: bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
margin: 5px 0 0;
text-decoration: none;
background: url(../images/bg-tabmenu.gif) no-repeat;
}
.inner-tabmenu a
{
background-position: 0 -118px;
}
.tabmenu a:hover, .tabmenu .active a
{
margin: 1px 0 0;
background: url(../images/bg-tabmenu.gif) no-repeat 0 -54px;
}
.inner-tabmenu a:hover, .inner-tabmenu .active a
{
margin: 1px 0 0;
background: url(../images/bg-tabmenu.gif) no-repeat 0 -172px;
}
.tabmenu span
{
float: left;
height: 20px;
padding: 7px 26px 0;
cursor: pointer;
background: url(../images/bg-tabmenu.gif) no-repeat 100% -27px;
}
.inner-tabmenu span
{
background-position: 100% -145px;
}
.tabmenu a:hover span, .tabmenu .active span
{
height: 21px;
padding: 11px 26px 0;
background: url(../images/bg-tabmenu.gif) no-repeat 100% -86px;
}
.inner-tabmenu a:hover span, .inner-tabmenu .active span
{
height: 21px;
padding: 11px 26px 0;
background: url(../images/bg-tabmenu.gif) no-repeat 100% -204px;
}
/* footer */
#footer
{
overflow: hidden;
font: 11px/15px Arial, Helvetica, sans-serif;
background: url(../images/bg-footer.png) no-repeat;
width: 940px;
height: 273px;
padding: 21px 26px 0;
margin: -234px auto 0;
}
.hp #footer
{
height: 273px;
margin-top: -294px;
}
.footer-hold
{
overflow: hidden;
width: 100%;
position: relative;
}
#footer .icons
{
margin: 0;
padding: 0 0 24px;
list-style: none;
text-align: center;
overflow: hidden;
}
#footer .icons li
{
padding: 0 16px;
display: inline;
}
#footer .sub-icons
{
padding: 5px 0 23px;
}
#footer .sub-icons li
{
padding: 0 10px;
}
#footer .footer-inform
{
overflow: hidden;
border-top: 1px solid #ebebeb;
padding: 16px 0 0;
margin: -7px 0 0;
color: #737373;
}
* html #footer .footer-inform
{
overflow: visible;
height: 1%;
}
#footer dl
{
overflow: hidden;
margin: 0 0 0 1px;
}
* html #footer dl
{
overflow: visible;
height: 1%;
}
#footer dt
{
float: left;
margin: 0 3px 0 0;
}
* html #footer dt
{
margin: 0;
}
#footer dd
{
margin: 0;
height: 1%;
overflow: hidden;
display: block;
}
#footer .footer-inform a
{
color: #0076a3;
}
#footer address
{
font-style: normal;
}
#footer .inform
{
float: right;
text-align: right;
}
#footer .inform p
{
margin: 0;
}
#footer .inform div
{
overflow: hidden;
padding: 10px 0 0;
line-height: 14px;
}
#footer .framework
{
background: url(../images/ico11.gif) no-repeat 100% 0;
overflow: hidden;
display: inline-block;
padding: 0 31px 0 0;
}
#footer .framework
{
margin: 0 13px 0 0;
float: left;
}
.top-banner
{
overflow: hidden;
text-align: center;
margin: 0 auto;
padding: 5px 0 0 80px;
width: 912px;
position: relative;
z-index: 555;
}
/* f-promo */
#footer .f-promo
{
margin: 3px 0 0;
padding: 18px 0 0;
border-top: 1px solid #EBEBEB;
position: relative;
color: #999;
zoom: 1;
}
.advert-dfm
{
position: absolute;
left: 408px;
top: -5px;
}
#footer .f-promo a
{
color: #999;
text-decoration: underline;
}
#footer .f-promo a:hover
{
text-decoration: none;
}
/* 404-500 */
.error-section
{
overflow: hidden;
width: 750px;
margin: 0 auto;
padding: 51px 0;
}
/* list-area */
.list-area
{
padding: 18px 0 29px 29px;
overflow: hidden;
width: 100%;
}
* html .list-area
{
overflow: visible;
height: 1%;
}
.list-area .list-box
{
float: left;
width: 230px;
padding: 0 15px 0 0;
color: #dad9d9;
}
.size-list-area
{
padding: 13px 0 25px 29px;
}
.size-list-area .list-box
{
width: 124px;
}
.list-area h4
{
margin: 0 0 6px;
font-size: 12px;
line-height: 16px;
}
.list-area a
{
color: #dad9d9;
text-decoration: none;
}
.list-area a:hover
{
text-decoration: underline !important;
}
.list-area ul
{
margin: 0;
padding: 0;
list-style: none;
font-size: 12px;
line-height: 14px;
}
/* breadcrumbs */
.breadcrumbs
{
margin: 0 0 18px;
padding: 0;
list-style: none;
overflow: hidden;
width: 696px;
}
.breadcrumbs li
{
float: left;
color: #c30;
line-height: 14px;
display: inline;
padding: 0;
margin: 0 12px 0 0;
}
.breadcrumbs li a
{
margin: 0 0 0 6px;
}
.breadcrumbs li span
{
margin: 0 0 0 12px;
}
.communication-section
{
overflow: hidden;
width: 650px;
padding: 0 0 40px;
}
.communication-section .ttl-bar
{
margin-bottom: 15px;
}
.communication-section h3
{
margin: 0 15px 15px;
color: #444;
font: bold 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.ttl-bar
{
overflow: hidden;
height: 35px;
margin: 0 0 5px;
padding: 0 30px 0 0;
background: url(../images/heading.gif) no-repeat 100% -35px;
}
.ttl-01
{
background-position: 100% -70px;
}
.ttl-02
{
background-position: 100% -175px;
}
.ttl-03
{
background-position: 100% -280px;
}
.ttl-04
{
background-position: 100% -385px;
}
.ttl-05
{
margin-bottom: 15px;
background-position: 100% -35px;
}
.ttl-06
{
margin-bottom: 15px;
background-position: 100% -140px;
}
.ttl-07
{
margin-bottom: 15px;
background-position: 100% -455px;
}
.ttl-08
{
background-position: 100% -245px;
}
.ttl-09
{
background-position: 100% -560px;
}
.ttl-bar div
{
height: 35px;
overflow: hidden;
padding-left: 15px;
background: url(../images/heading.gif) no-repeat;
}
.ttl-02 div
{
background-position: 0 -105px;
}
.ttl-03 div
{
background-position: 0 -210px;
}
.ttl-04 div
{
background-position: 0 -315px;
}
.ttl-05 div
{
background-position: 0 0;
}
.ttl-06 div
{
background-position: 0 -105px;
}
.ttl-07 div
{
background-position: 0 -420px;
}
.ttl-08 div
{
background-position: 0 -210px;
}
.ttl-09 div
{
background-position: 0 -525px;
}
.ttl-10
{
background-position: 100% -665px;
}
.ttl-11
{
background-position: 100% -735px;
}
.ttl-12
{
background-position: 100% -805px;
}
.ttl-10 div
{
background-position: 0 -630px;
}
.ttl-11 div
{
background-position: 0 -700px;
}
.ttl-12 div
{
background-position: 0 -770px;
}
#content .ttl-bar h2
{
margin: 0;
color: #fff;
font-size: 17px;
line-height: 34px;
}
#content .ttl-bar h2 a
{
color: #fff;
}
#content #sidebar .ttl-bar h2
{
font-size: 16px;
font-weight: normal;
}
/* popularity */
.popularity
{
margin: 0;
padding: 0 0 20px 9px;
overflow: hidden;
}
#sidebar .popularity
{
padding-left: 0;
}
.popularity li
{
overflow: hidden;
vertical-align: top;
list-style: none;
padding: 8px 30px;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
* html .popularity li
{
height: 1%;
overflow: visible;
}
.popularity .mark
{
background: #efefef;
}
.popularity .number
{
float: left;
margin: 0 0 0 -22px;
position: relative;
color: #b3324a;
font: 10px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.popularity span
{
color: #888;
font-size: 10px;
font-weight: normal;
margin: 0 0 0 5px;
}
.popularity .name
{
float: left;
width: 158px;
padding: 0 0 0 10px;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.popularity .name a
{
font-weight: bold;
}
.popularity .viewing
{
float: left;
width: 35px;
color: #888;
margin: 0 -30px 0 0;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
/* info-column */
.info-column
{
}
/* my-talk */
.my-talk
{
overflow: hidden;
width: 100%;
margin: 0 0 15px;
}
.info-column .link
{
font-size: 11px;
}
/* talk-list */
.talk-list
{
margin: 0 0 15px;
padding: 0;
width: 100%;
overflow: hidden;
}
.talk-list li
{
overflow: hidden;
list-style: none;
vertical-align: top;
height: 1%;
padding: 9px 9px 11px 0;
border-bottom: 1px solid #eaeaea;
}
.talk-list .mark
{
background: #f5f5f5;
}
.talk-list img
{
float: left;
margin: 3px 14px 0 0;
}
* html .talk-list img
{
margin-right: 11px;
}
.talk-list .del, .folder-list .del
{
float: right;
width: 21px;
height: 20px;
margin: 26px 0 0 5px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/link-del.gif) no-repeat;
}
.folder-list .del
{
margin: -3px 0 0 -3px;
position: relative;
}
.talk-list .title
{
display: block;
overflow: hidden;
color: #777;
font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
padding: 0 0 8px;
}
.talk-list .title a
{
margin-right: 3px;
}
.talk-list p
{
margin: 0;
color: #777;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.talk-list h3
{
margin: 0 0 1px;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
/* friends-box */
.friends-box, .layout-box
{
/*width: 346px;*/
position: relative;
margin: 0 0 19px -15px;
}
.friends-box .br
{
padding: 15px 0;
}
#main .friends-box h2
{
margin: 18px 18px 4px;
}
/* friends-list */
.friends-list
{
overflow: hidden;
padding: 0 15px 10px;
}
.friends-list ul
{
margin: 0 -40px -5px -5px;
padding: 5px;
width: 350px;
position: relative;
}
.friends-list ul li
{
list-style: none;
width: 90px;
padding: 0 20px 14px 0;
display: inline-block;
text-align: center;
font-size: 11px;
}
.friends-list ul img
{
display: block;
margin: 0 0 4px;
}
* html .friends-list ul li
{
display: inline;
}
* + html .friends-list ul li
{
display: inline;
}
.news-box .more, .link
{
display: block;
font-size: 11px;
line-height: 16px;
text-align: right;
}
.link.finish
{
padding: 0 0 12px;
}
.link.side-bar
{
padding: 0 15px 12px;
}
/* frame-box */
.frame-box
{
overflow: hidden;
margin: 0 0 19px;
background: url(../images/frame-box-tl.gif) no-repeat;
}
.frame-box .tr
{
overflow: hidden;
background: url(../images/frame-box-tr.gif) no-repeat 100% 0;
}
.frame-box .bl
{
overflow: hidden;
background: url(../images/frame-box-bl.gif) no-repeat 0 100%;
}
.frame-box .br
{
background: url(../images/frame-box-br.gif) no-repeat 100% 100%;
overflow: hidden;
padding: 3px 15px;
}
* html .frame-box, * html .frame-box .tr, * html .frame-box .bl, * html .frame-box .br
{
height: 1%;
overflow: visible;
}
/* events-list */
.events-list
{
margin: 0;
padding: 0 0px 6px;
overflow: hidden;
}
.events-list.side-bar
{
padding: 0 15px 6px;
}
* html .events-list
{
height: 1%;
overflow: visible;
}
.events-list li
{
height: 1%;
list-style: none;
overflow: hidden;
vertical-align: top;
margin: -1px 0 1px;
padding: 9px 0px 12px 0;
border-top: 1px solid #eaeaea;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
color: #777;
}
.events-list .date
{
float: left;
width: 65px;
color: #999;
padding: 0 0 0 4px;
}
.events-list-holder
{
overflow: hidden;
height: 1%;
padding: 0 0 0 22px;
background: url(../images/ico-events.gif) no-repeat 0 1px;
}
.events-list p
{
margin: 0;
}
.friendslist h2
{
margin: 18px 0px 4px !important;
}
.friendslist
{
padding: 0 15px;
}
.friendslist .button-search
{
background: transparent url("../images/btn-search02.gif") no-repeat 0 0;
height: 24px;
margin-bottom: 7px;
padding-left: 26px;
width: 104px;
}
/* file-section */
.file-section
{
overflow: hidden;
padding: 13px 7px 32px 14px;
}
#sidebar .file-section h3
{
margin: 0 0 13px;
color: #000;
font-size: 17px;
line-height: 20px;
}
.file-section h4
{
margin: 0 0 6px;
color: #777;
font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
/* folder-list */
.folder-list
{
margin: 0 0 9px;
padding: 0;
overflow: hidden;
width: 100%;
}
.folder-list li
{
vertical-align: top;
list-style: none;
margin: 0 0 6px;
float: left;
width: 100%;
font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/line-dotted.gif) repeat-x 0 90%;
}
.folder-list li.parent
{
background-image: none;
}
.folder-list .foldername
{
float: left;
padding: 0 4px 0 24px;
background: #fff url(../images/ico-folder.gif) no-repeat 2px 1px;
}
.folder-list .folderfiles
{
float: right;
width: 60px;
padding: 0 0 0 4px;
background: #fff;
color: #777;
}
.file-section h3
{
color: #000000;
font-size: 17px;
line-height: 20px;
font-weight: normal;
margin: 0 0 13px;
}
.file-section h4
{
margin: 0 0 6px;
color: #777;
font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
/* info-box */
.info-box, .info-box .tr, .info-box .bl
{
width: 100%;
}
.info-box
{
background: #d6d6d6 url(../images/box-grey-tl.gif) no-repeat;
margin: 0 0 15px;
}
.info-box .tr
{
background: url(../images/box-grey-tr.gif) no-repeat 100% 0;
}
.info-box .bl
{
background: url(../images/box-grey-bl.gif) no-repeat 0 100%;
}
.info-box .br
{
min-height: 30px;
padding: 8px 11px;
background: url(../images/box-grey-br.gif) no-repeat 100% 100%;
}
* html .info-box .br
{
overflow: visible;
height: 30px;
}
.gray-light
{
background: #efefef url(../images/box-grey-tl-light.gif) no-repeat;
}
.gray-light .tr
{
background: url(../images/box-grey-tr-light.gif) no-repeat 100% 0;
}
.gray-light .bl
{
background: url(../images/box-grey-bl-light.gif) no-repeat 0 100%;
}
.gray-light .br
{
background: url(../images/box-grey-br-light.gif) no-repeat 100% 100%;
}
.inner-info-box
{
margin: 0 0 20px 0px;
position: relative;
width: 675px;
}
.inner-info-box .user-section
{
overflow: hidden;
position: relative;
width: 100%;
}
.inner-info-box .br
{
padding: 12px 11px;
}
.info-box h3
{
color: #333333;
font-size: 20px;
line-height: 24px;
margin: 0 13px 5px;
font-weight: normal;
}
/* select-list */
.select-list
{
margin: 0 0 -14px;
padding: 2px;
overflow: hidden;
}
.select-list li
{
height: 1%;
overflow: hidden;
vertical-align: top;
padding: 6px 0 7px 52px;
margin: 0 0 8px;
list-style: none;
color: #888;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.select-list a
{
font-weight: bold;
}
.select-list .s-blog
{
background: url(../images/ico-blog.gif) no-repeat;
}
.select-list .s-forum
{
background: url(../images/ico-forum.gif) no-repeat;
}
.select-list .s-post
{
background: url(../images/ico-post.gif) no-repeat;
}
.prize
{
overflow: hidden;
width: 220px;
background: #fff url(../images/prize-hold.gif) no-repeat;
}
.prize .holder
{
overflow: hidden;
height: 1%;
padding: 12px 14px;
background: url(../images/prize-hold.gif) no-repeat 100% 100%;
}
.prize .holder p
{
margin: 0 0 15px;
color: #333;
}
.prize .holder img
{
float: left;
margin: 0 16px 0 0;
}
* html .prize .holder img
{
margin-right: 13px;
}
.prize .holder span
{
display: block;
color: #333;
padding: 10px 0 0;
overflow: hidden; /*font-size:10px; line-height:12px;*/
}
.file-section .link, .info-box .link, .side-box .link
{
font-size: 11px !important;
font-weight: normal;
}
/* side-box */
.side-box
{
overflow: hidden;
padding: 0 5px 25px 13px;
}
.side-box .sub-ttl
{
float: right;
color: #909090;
padding: 1px 14px 0 5px;
font: 11px/20px Tahoma, Arial, Helvetica, sans-serif;
}
.side-box h3
{
margin: 0 0 9px;
color: #000;
font: 17px/20px Tahoma, Arial, Helvetica, sans-serif;
}
/* side-list */
.side-list
{
margin: 0;
padding: 0 0 6px;
overflow: hidden;
width: 100%;
}
.side-list li
{
height: 1%;
overflow: hidden;
vertical-align: top;
list-style: none;
padding: 0 0 6px 12px;
font-size: 12px;
line-height: 16px;
background: url(../images/bullet-03.gif) no-repeat 2px 8px;
}
/* frame-box */
.frame-box
{
overflow: hidden;
margin: 0 0 19px;
background: url(../images/frame-box-tl.gif) no-repeat;
}
.frame-box .tr
{
overflow: hidden;
background: url(../images/frame-box-tr.gif) no-repeat 100% 0;
}
.frame-box .bl
{
overflow: hidden;
background: url(../images/frame-box-bl.gif) no-repeat 0 100%;
}
.frame-box .br
{
background: url(../images/frame-box-br.gif) no-repeat 100% 100%;
overflow: hidden;
padding: 3px;
}
* html .frame-box, * html .frame-box .tr, * html .frame-box .bl, * html .frame-box .br
{
height: 1%;
overflow: visible;
}
/* my-profile */
.my-profile
{
overflow: hidden;
padding: 17px 15px 21px 20px;
}
* html .my-profile
{
overflow: visible;
height: 1%;
}
.my-profile img
{
float: left;
margin: 0 8px 5px 0;
}
* html .my-profile img
{
margin-right: 5px;
}
/* profile-hold */
.profile-hold
{
overflow: hidden;
padding: 4px 0 0;
}
* html .profile-hold
{
height: 1%;
overflow: visible;
}
.blog-main .profile-hold
{
width: 200px;
float: left;
}
.blog-main .my-profile p
{
clear: none;
}
.profile-hold dl
{
overflow: hidden;
margin: -3px 0 0;
padding: 0 0 8px 23px;
color: #000;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.profile-hold dl dt
{
float: left;
margin: 0 3px 0 0;
}
* html .profile-hold dl dt
{
margin: 0;
}
.profile-hold dl dd
{
overflow: hidden;
height: 1%;
margin: 0;
}
/* profile-text */
.profile-text
{
overflow: hidden;
padding: 4px 0 0;
}
* html .profile-text
{
height: 1%;
overflow: visible;
}
/* profile-tools */
.profile-tools
{
margin: 0;
padding: 0 0 16px;
list-style: none;
overflow: hidden;
}
.profile-tools li
{
vertical-align: top;
padding: 0 0 12px 32px;
overflow: hidden;
height: 1%;
font-size: 11px;
line-height: 14px;
}
.profile-tools .ico-public-profile
{
background: url(../images/ico-public-profile.gif) no-repeat 0 2px;
}
.profile-tools .ico-edit-profile
{
background: url(../images/ico-edit-profile.gif) no-repeat;
}
.profile-tools .ico-announce
{
background: url(../images/ico-announce.gif) no-repeat;
}
.my-profile p
{
margin: 0;
clear: both;
color: #555;
line-height: 14px;
}
.fix-bar
{
float: left;
position: relative;
width: auto;
}
.img-area-bar
{
position: relative;
text-align: center;
width: 100%;
}
.fix-bar.ava
{
height: 101px;
padding-right: 4px;
text-align: center;
width: 101px;
}
/* notice */
.notice
{
overflow: hidden;
width: 306px;
margin: 0 0 26px;
background: #fff1b9 url(../images/notice.gif) no-repeat;
}
.notice .holder
{
overflow: hidden;
padding: 12px 10px 12px 21px;
background: url(../images/notice.gif) no-repeat -306px 100%;
}
* html .notice .holder
{
height: 1%;
overflow: visible;
}
.notice .title
{
display: block;
margin: 0 0 4px;
color: #333;
font-size: 14px;
line-height: 18px;
}
.notice p
{
color: #000;
margin: 0 0 10px;
font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
}
/* notice-tools */
.notice-tools
{
margin: 0;
padding: 0;
height: 1%;
overflow: hidden;
}
.notice-tools li
{
float: left;
list-style: none;
padding: 0 7px 0 0;
}
.notice-tools a
{
display: block;
width: 21px;
height: 20px;
overflow: hidden;
text-decoration: none;
text-indent: -9999px;
background: url(../images/ico-tools.gif) no-repeat;
}
.notice-tools .link-write
{
background-position: 0 -20px;
}
.notice-tools .link-check
{
background-position: 0 -40px;
}
/* comment-bar */
.comment-bar
{
margin: 0 0 20px;
padding: 0;
width: 100%;
overflow: hidden;
}
.comment-bar li
{
overflow: hidden;
list-style: none;
vertical-align: top;
height: 1%;
margin: 0 0 3px;
padding: 9px 14px 11px 13px;
}
.comment-bar .mark
{
background: #f5f5f5;
}
.comment-bar .del, .blog-post .del, .folderlist_new .del, .CommonMessageActions
{
float: right;
width: 21px;
height: 20px;
margin: 7px 0 0 5px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/link-del.gif) no-repeat;
}
.blog-post .del
{
margin-top: 22px;
}
.folderlist .del
{ //margin:0003px;
}
.comment-bar .title
{
display: block;
overflow: hidden;
color: #777;
font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
padding: 2px 0 7px 19px;
background: url(../images/link-profile.gif) no-repeat;
}
.comment-bar .title a
{
margin-right: 3px;
}
.comment-bar p
{
margin: 0;
color: #777;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.comment-bar .alignleft
{
float: left;
margin-right: 8px;
}
.comment-bar .item
{
color: #787878;
font-size: 10px;
line-height: 13px;
}
/* profile-bar */
.profile-bar
{
margin: 0;
padding: 0 0 10px;
overflow: hidden;
}
.profile-bar li
{
list-style: none;
overflow: hidden;
vertical-align: top;
color: #333;
padding: 0 0 5px 23px;
background: url(../images/profile-bar.gif) no-repeat 0 2px;
font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
}
* html .profile-bar li
{
height: 1%;
overflow: visible;
}
.profile-bar .user-cell
{
background: url(../images/link-profile.gif) no-repeat 5px 0;
}
.profile-bar .user-private
{
background: url(../images/u-privat.gif) no-repeat 0px 0;
}
.profile-bar .user-send-mail
{
background: url(../images/u-mail.gif) no-repeat 0px 0;
}
.profile-bar .user-comment
{
background: url(../images/u-comment.gif) no-repeat 0px 0;
}
.profile-bar span
{
display: block;
padding: 3px 0 0;
}
.online-user
{
background: transparent url(../images/bullet-online.gif) no-repeat scroll 0 3px;
padding-left: 14px;
}
/* pager */
.pager
{
margin: 0 0 41px;
padding: 0;
width: 100%;
overflow: hidden;
text-align: center;
font-weight: bold;
}
.pager li
{
display: inline;
list-style: none;
padding: 0 9px 0 8px;
line-height: 16px;
font-size: 14px;
}
.pager a
{
font-size: 12px;
}
.pager .prev, .pager .next
{
font-weight: normal;
padding: 0 12px 0 11px;
}
/* menu-blog */
.menu-blog
{
margin: -7px 0 0;
padding: 0 0 20px;
overflow: hidden;
width: 100%;
text-align: center;
}
.menu-blog.left-align
{
text-align: left;
}
.menu-blog li
{
color: #555;
display: inline;
list-style: none;
padding: 0 12px 0 16px;
font: bold 12px/20px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/sep-03.gif) no-repeat 0 4px;
}
.menu-blog li:first-child
{
background: none;
}
.menu-blog a
{
font-weight: normal;
}
/* txtlinklist */
.txtlinklist
{
margin: 0;
padding: 0 0 13px;
overflow: hidden;
width: 100%;
}
.txtlinklist li
{
color: #555;
float: left;
margin: 0 13px 0 -13px;
list-style: none;
padding: 0 12px 0 13px;
font: bold 12px/20px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/sep-03.gif) no-repeat 0 6px;
}
.txtlinklist a
{
font-weight: normal;
}
/* blog-main */
.blog-main
{
overflow: hidden;
width: 674px;
padding: 0 0 25px;
}
/* blog-post */
.blog-post
{
overflow: hidden;
padding: 15px 20px;
}
.blog-post h3
{
margin: 0 0 3px;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-post img
{
float: left;
margin: 0 20px 0 0;
}
* html .blog-post img
{
margin: 0 17px 0 0;
}
.blog-post-holder
{
overflow: hidden;
}
* html .blog-post-holder
{
height: 1%;
overflow: visible;
}
.blog-post .date
{
display: block;
margin: 0 0 9px;
color: #777;
font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-post p
{
margin: 0 0 13px;
color: #333;
font: 12px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-post .edit-tag
{
font-size: 11px;
overflow: hidden;
width: 100%;
padding: 0 0 5px;
color: #777;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-post .edit-tag strong
{
float: left;
padding: 0 3px 0 0;
font-weight: normal;
}
.blog-post .edit-tag ul
{
margin: 0;
padding: 0;
overflow: hidden;
}
.blog-post .edit-tag ul li
{
list-style: none;
float: left;
padding: 0 3px 0 0;
}
.blog-post .viewing
{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
text-align: right;
}
.blog-post .viewing li
{
display: inline;
padding: 0 6px 0 3px;
margin: 0 -5px 0 5px;
color: #777;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/sep-03.gif) no-repeat 100% 2px;
}
* html .blog-post .viewing li
{
padding: 0 3px 0 6px;
}
* + html .blog-post .viewing li
{
padding: 0 3px 0 6px;
}
.blog-post .viewing span
{
color: #c30;
}
/* form-fields-files */
.form-fields-files
{
overflow: hidden;
padding: 12px 0 22px;
margin: 0 0 21px;
width: 100%;
border-bottom: 1px solid #dadada;
}
.form-fields-files .text
{
float: left;
margin: 0 6px 0 0;
background: url(../images/search-field-text.gif) no-repeat;
}
.form-fields-files .text div
{
float: left;
height: 22px;
display: inline;
margin: 0 0 0 7px;
padding: 1px 7px 1px 0;
background: url(../images/search-field-text.gif) no-repeat 100% -24px;
}
.form-fields-files .text input
{
float: left;
width: 142px;
padding: 3px 0;
border: 1px solid #fff;
color: #000;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.form-fields-files .text #search
{
width: 170px;
}
.form-fields-files .btn
{
float: left;
color: #fff;
height: 24px;
border: none;
cursor: pointer;
padding: 0 0 4px;
margin: 0 3px 0 0;
text-align: center;
vertical-align: top;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
.form-fields-files #browse
{
width: 67px;
background: url(../images/btn-browse.gif) no-repeat;
}
.form-fields-files .btn.createFolder
{
width: 118px;
background: url(../images/btn-create.gif) no-repeat;
}
.form-fields-files #download
{
width: 86px;
background: url(../images/btn-download.gif) no-repeat;
}
.form-fields-files .hover, .form-fields-files .btn:hover
{
background-position: 0 -24px !important;
}
.create-box
{
float: right;
}
.form-fields-files #browseBtn
{
background: transparent none;
display: inline;
float: left;
height: 22px;
margin: 0 0 0 7px;
padding: 0px;
}
.form-fields-files #uploadBtn
{
width: 86px;
color: #FFFFFF;
height: 24px;
padding: 0px;
background: url(../images/btn-download.gif) no-repeat;
}
.form-fields-files #uploadBtn span
{
display: block;
font-family: tahoma;
font-size: 12px;
font-weight: bold;
padding: 3px 0 0 8px;
}
.form-fields-files #uploadBtn:hover
{
background-position: 0 -24px !important;
}
.form-fields-files #uploadError
{
clear: both;
padding-top: 8px;
color: #FF0000;
display: none;
}
.form-fields-files #uploadError p
{
margin: 0;
padding: 0;
}
.form-fields-files #uploadError.active
{
display: block;
}
/* file-menu */
.file-menu
{
margin: -7px 0 0;
padding: 0;
overflow: hidden;
width: 100%;
text-align: center;
}
.file-menu li
{
color: #555;
display: inline;
list-style: none;
padding: 0 12px 0 16px;
font: 12px/20px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/sep-03.gif) no-repeat 0 4px;
}
.file-menu li:first-child
{
background: none;
}
.file-area .br
{
padding: 20px;
}
/* file-rotation */
.file-rotation
{
overflow: hidden;
width: 637px;
padding: 20px 0;
position: relative;
}
.file-rotation .scroller
{
margin-top: 16px;
}
.file-rotation-list
{
overflow: hidden;
margin: 0;
padding: 0;
width: 9999px;
}
.file-rotation-list li
{
float: left;
width: 637px;
text-align: center;
list-style: none;
font: 12px/14px Tahoma, Arial, Helvetica, sans-serif;
color: #333;
}
.file-rotation-list img
{
margin: 0 auto 10px;
display: block;
}
.file-rotation-list p
{
margin: 0 0 15px;
}
.file-rotation-list .download-link
{
padding: 6px 0 6px 31px;
line-height: 26px;
background: url(../images/link-download.gif) no-repeat 0 50%;
}
.file-rotation-list .delete-link
{
padding: 6px 0 6px 31px;
line-height: 26px;
background: url(../images/link-del.gif) no-repeat 0 50%;
}
.btn-more
{
display: block;
text-align: right;
padding: 0 15px 10px;
}
.rotation-btns div
{
background: transparent url(../images/rotation-gallery.gif) no-repeat scroll;
height: 25px;
margin: 7px 0 0;
overflow: hidden;
text-indent: -9999px;
padding: 0 4px;
width: 25px;
}
.rotation-btns .playBtn:hover
{
background-position: 0 -40px;
}
.rotation-btns .playBtn.stop
{
background: transparent url(../images/rotation-gallery.gif) no-repeat scroll;
background-position: 0 -180px;
}
.rotation-btns .playBtn.stop:hover
{
background-position: 0 -220px;
}
.rotation-btns .rewBtn
{
background-position: 0 -105px;
}
.rotation-btns .rewBtn:hover
{
background-position: 0 -80px;
}
.rotation-btns .playBtn
{
height: 40px;
width: 40px;
}
.rotation-btns .ffBtn
{
background-position: 0 -155px;
}
.rotation-btns .ffBtn:hover
{
background-position: 0 -130px;
}
/* search-tools */
.search-tools
{
margin: 0 0 30px 15px;
padding: 0;
overflow: hidden;
}
* html .search-tools
{
height: 1%;
overflow: visible;
}
.search-tools li
{
display: inline;
color: #555;
margin: 0 12px 0 -12px;
list-style: none;
font: bold 12px/16px Tahoma, Arial, Helvetica, sans-serif;
padding: 0 14px 0 15px;
background: url(../images/sep-03.gif) no-repeat 0 3px;
}
.search-tools a
{
font-weight: normal;
}
.btn-link
{
float: right;
height: 27px;
margin: -5px 0 0 10px;
cursor: pointer;
text-decoration: none;
background: url(../images/btn-link.gif) no-repeat;
}
.btn-link span
{
float: left;
display: inline;
padding: 0 14px 0 7px;
margin: 0 0 0 7px;
color: #fff;
font: bold 12px/27px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/btn-link.gif) no-repeat 100% 100%;
}
.btn-link:hover
{
border: 0;
}
.btn-link:hover span
{
text-decoration: none;
}
.btn-more-link
{
display: block;
text-align: right;
font-weight: bold;
padding: 0 0 25px;
}
.btn-more-link.norm
{
padding: 0;
}
/* forumthemes */
.forumthemes
{
margin: 0 0 25px;
padding: 0;
width: 100%;
border-collapse: collapse;
}
.forumthemes td
{
vertical-align: top;
padding: 10px 15px 10px;
color: #000;
font: 10px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.forumthemes .mark td
{
background: #efefef;
}
.forumthemes thead td
{
background: #e1e1e1;
color: #333;
padding: 6px 2px 6px 15px;
font-size: 11px;
}
.forumthemes .reply
{
padding-right: 20px;
text-align: center;
}
.forumthemes tbody .reply
{
color: #888;
font-size: 14px;
vertical-align: middle;
}
.forumthemes .theme
{
width: 344px;
padding-left: 0;
}
.forumthemes h4
{
margin: 0 0 5px;
font-size: 14px;
font-weight: bold;
}
.forumthemes dl
{
display: inline;
margin: 0;
padding: 0;
color: #888;
font-size: 11px;
}
.forumthemes dl dt, .forumthemes dl dd
{
display: inline;
margin: 0 3px 0 0;
}
/* head-area */
.head-area
{
overflow: hidden;
padding: 0 16px 10px;
margin: 0 0 20px;
border-bottom: 1px solid #ebebeb;
}
* html .head-area
{
height: 1%;
overflow: visible;
}
#mainall .head-area h3
{
margin: 0 0 8px;
color: #333;
font: 19px/22px Tahoma, Arial, Helvetica, sans-serif;
}
.head-area p
{
margin: 0;
}
.head-area p span
{
color: #c30;
}
/* radio-info */
.radio-info
{
margin: 0 -70px 0 0;
padding: 5px 0 0;
overflow: hidden; /*width:740px;*/
}
.radio-info li
{
display: inline-block;
list-style: none;
width: 298px;
vertical-align: top;
padding: 0 44px 50px 16px;
}
* html .radio-info li
{
display: inline;
}
* + html .radio-info li
{
display: inline;
}
#mainall .radio-info h4
{
margin: 0 0 10px;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.radio-info ul
{
margin: 0;
padding: 0;
width: auto;
overflow: hidden;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.radio-info ul li
{
display: inline;
list-style: none;
width: auto;
padding: 0 4px 0 0;
}
.radio-info ul a
{
color: #333;
}
.radio-info p, .radio-info p a
{
font-size: 11px;
color: #333;
}
/* tagcloud */
.tagcloud
{
margin: 0;
padding: 0 0 10px;
overflow: hidden;
width: 100%;
text-align: justify;
font: 12px/22px Tahoma, Arial, Helvetica, sans-serif;
}
.tagcloud li
{
display: inline;
list-style: none;
position: relative;
padding: 0 15px 0 0;
}
.tagcloud .size01
{
font-size: 10px;
}
.tagcloud .size02
{
font-size: 11px;
}
.tagcloud .size03
{
font-size: 13px;
}
.tagcloud .size04
{
font-size: 14px;
}
.tagcloud .size05
{
font-size: 15px;
}
.tagcloud .size06
{
font-size: 16px;
}
.tagcloud .size07
{
font-size: 17px;
}
.tagcloud .size08
{
font-size: 18px;
}
.tagcloud .size09
{
font-size: 19px;
}
.tagcloud .size10
{
font-size: 20px;
}
.box .tagcloud
{
text-align: left;
}
/* forum-section */
.forum-section
{
overflow: hidden;
width: 100%;
}
/* forum-tools */
.forum-tools
{
overflow: hidden;
padding: 0 0 31px;
}
/* f-location */
.f-location
{
margin: 0;
padding: 0 105px 0 0;
float: left;
font-size: 12px;
line-height: 16px;
overflow: hidden;
}
.f-location li
{
float: left;
margin: 0 18px 0 -18px;
padding: 0 17px 0 18px;
list-style: none;
display: inline;
background: url(../images/sep-04.gif) no-repeat 0 4px;
}
.forum-tools fieldset
{
float: left;
}
.forum-tools .check
{
float: left;
width: 16px;
height: 16px;
margin: 2px 8px 0 0;
}
.forum-tools label
{
float: left;
line-height: 16px;
}
.forum-tools .star-rating
{
float: right;
margin: 2px 0 0;
}
.forum-section .btn-link
{
margin-top: 0;
}
#mainall .forum-section h1
{
font-size: 22px;
margin-bottom: 12px;
}
/* help-bar */
.help-bar
{
overflow: hidden;
background: #eaeaea;
text-align: center;
color: #666;
padding: 6px;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
* html .help-bar
{
height: 1%;
overflow: visible;
}
/* forum-post-area */
.forum-post-area
{
margin: 0;
padding: 0 0 35px;
width: 100%;
overflow: hidden;
}
.forum-post-area li
{
float: left;
width: 100%;
padding: 19px 0 10px;
margin: 0 0 20px;
list-style: none;
display: inline;
border-bottom: 1px solid #ebebeb;
}
.forum-post-area .date
{
display: block;
color: #444;
padding: 0 0 7px;
font: bold 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.forum-post-area .user-area
{
float: left;
width: 110px;
margin: 3px 19px 0 0;
text-align: center;
}
* html .forum-post-area .user-area
{
margin-right: 16px;
}
.forum-post-area .user-area img
{
display: block;
margin: 0 auto 14px;
}
.forum-post-area .rank
{
overflow: hidden;
width: 100%;
margin: 0 0 8px;
}
.forum-post-area .rank img
{
margin-bottom: 0;
}
.forum-post-area .user-area p
{
margin: 0 0 3px;
color: #666;
font-size: 11px;
line-height: 14px;
}
/* content-area */
.content-area
{
overflow: hidden;
}
* html .content-area
{
height: 1%;
overflow: visible;
}
#mainall .content-area h2
{
margin: 0 0 7px;
}
.content-area p
{
margin: 0 0 10px;
color: #333;
font-size: 14px;
line-height: 18px;
}
/* post-tools */
.post-tools
{
margin: 0;
padding: 0 0 21px;
width: auto;
}
* html .post-tools
{
height: 1%;
overflow: visible;
}
.post-tools:after
{
clear: both;
content: "";
display: block;
}
.post-tools li
{
float: left;
border: none;
width: auto;
font-size: 11px;
line-height: 14px;
list-style: none;
display: inline;
padding: 0 16px 0 17px;
margin: 0;
background: url(../images/sep-04.gif) no-repeat 0 2px;
}
.post-tools li:first-child
{
background: none;
padding-left: 0;
}
.post-tools a
{
color: #333;
}
.post-tools li:hover, .post-tools li.hover
{
position: relative;
}
.post-tools li:hover ul, .post-tools li.hover ul
{
display: block;
}
.post-tools ul
{
position: absolute;
top: 13px;
left: 0;
margin: 0;
padding: 0 1px 8px;
border-top: 1px solid #c2c3c5;
background: url(../images/post-tools.gif) no-repeat 0 100%;
width: 241px;
display: none;
overflow: hidden;
}
.post-tools ul li
{
float: none;
padding: 0;
margin: 0;
display: block;
overflow: hidden;
background: none;
vertical-align: top;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
* html .post-tools ul li
{
height: 1%;
overflow: visible;
}
.post-tools ul a
{
display: block;
height: 1%;
overflow: hidden;
text-decoration: none;
color: #333;
padding: 2px 2px 2px 30px;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.post-tools ul .link-favourite
{
background: url(../images/link-favourite.gif) no-repeat 9px 3px;
}
.post-tools ul .link-email
{
background: url(../images/link-email.gif) no-repeat 9px 5px;
}
.post-tools ul .link-blog
{
background: url(../images/link-blog.gif) no-repeat 9px 5px;
}
.post-tools ul .link-profile
{
background: url(../images/link-profile.gif) no-repeat 9px 1px;
}
.post-tools ul .link-search
{
background: url(../images/link-search.gif) no-repeat 9px 4px;
}
.post-tools ul a:hover
{
background-color: #eaeaea;
}
/* post-user-tools */
.post-user-tools
{
margin: 0;
padding: 21px 0 6px;
height: 1%;
overflow: hidden;
}
.post-user-tools li
{
float: left;
list-style: none;
display: inline;
border: none;
width: auto;
font-weight: bold;
margin: 0;
padding: 1px 21px 6px 34px;
}
.post-user-tools li.write
{
background: url(../images/ico-link-write.gif) no-repeat;
}
.post-user-tools li.cite
{
background: url(../images/ico-link-cite.gif) no-repeat;
}
.content-area .bottom-block
{
overflow: hidden;
height: 1%;
font: 11px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.content-area .bottom-block .report-link
{
float: right;
font-size: 10px;
line-height: 16px;
color: #666;
}
.content-area .bottom-block span
{
float: left;
color: #777;
margin: 0 3px 0 0;
}
.content-area .bottom-block ul
{
overflow: hidden;
margin: 0;
padding: 0;
}
.content-area .bottom-block ul li
{
float: left;
width: auto;
border: 0;
margin: 0;
padding: 0 3px 0 0;
list-style: none;
color: #777;
}
/* reply */
.reply-bar
{
overflow: hidden;
padding: 8px 15px 15px 7px;
margin: 0 0 20px;
border: 1px solid #ebebeb;
}
.reply-bar .reply-bar
{
margin: 5px 0 0 12px;
}
.reply-bar .name
{
display: block;
overflow: hidden;
padding: 0 0 6px 31px;
color: #555;
font: bold 14px/18px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/reply.gif) no-repeat;
}
.reply-bar p
{
margin: 0;
}
/* direction */
.direction
{
margin: 0 -20px 0 0;
padding: 0 0 5px 5px;
overflow: hidden;
width: 105%;
}
.prize .direction
{
padding: 0;
}
.direction li
{
width: 100%;
line-height: 16px;
padding: 0 0 6px;
overflow: hidden;
vertical-align: top;
list-style: none;
}
/* search-area */
.search-area
{
overflow: hidden;
width: 674px;
position: relative;
margin: 10px 0 20px 0px;
background: url(../images/search-area.gif) repeat-y 100% 0;
}
.search-area .holder
{
overflow: hidden;
width: 100%;
background: url(../images/search-area.gif) no-repeat;
}
.search-area .box
{
overflow: hidden;
padding: 11px 15px 18px;
background: url(../images/search-area.gif) no-repeat -674px 100%;
}
* html .search-area .box
{
height: 1%;
overflow: visible;
}
.search-area ul
{
overflow: hidden;
width: 100%;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
}
.search-area ul li
{
display: inline;
color: #c30;
font-size: 12px;
line-height: 20px;
}
.search-area ul strong
{
color: #000;
}
/* search-result */
.search-result
{
margin: 0 0 0 21px;
padding: 0 0 0 4px;
color: #9f9f9f;
font: 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.search-result li
{
vertical-align: top;
padding: 0 0 45px;
}
* html .search-result li
{
padding-top: 1px;
}
.search-result p
{
color: #333;
margin: 0 0 6px;
font-size: 12px;
}
.search-result span
{
color: #777;
font-size: 12px;
}
/* search-blog */
.search-blog
{
overflow: hidden;
width: 100%;
margin: 0 0 25px;
}
.search-blog label, .search-blog span
{
display: block;
color: #333;
margin: 0 5px 3px;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.search-blog .row
{
overflow: hidden;
width: 100%;
}
.search-blog .text
{
float: left;
margin: 0 6px 0 0;
background: url(../images/search-field-text.gif) no-repeat;
}
.search-blog .text div
{
float: left;
height: 22px;
display: inline;
margin: 0 0 0 7px;
padding: 1px 7px 1px 0;
background: url(../images/search-field-text.gif) no-repeat 100% -24px;
}
.search-blog .text input[type='text']
{
float: left;
width: 150px;
padding: 2px 0;
border: 1px solid #fff;
color: #000;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.search-blog .text .search-box
{
width: 170px;
}
.search-blog .btn
{
float: left;
width: 70px;
height: 24px;
color: #fff;
border: none;
cursor: pointer;
padding: 0 0 4px;
text-align: center;
vertical-align: top;
font: bold 12px/22px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/btn-search.gif) no-repeat;
}
.search-blog .btn.btn-ok
{
width: 38px;
height: 24px;
background: url(../images/btn-search-ok.gif) no-repeat;
}
.enter-section
{
/*position:absolute; top:20px; left:-164px; z-index:999; display:none;*/
width: 265px;
}
.enter-section .top, .enter-section .bottom
{
display: block;
overflow: hidden;
font-size: 0;
height: 17px;
}
.enter-section .top
{
background: url(../images/form-popup-top.png) no-repeat;
}
.enter-section .bottom
{
background: url(../images/form-popup-bottom.png) no-repeat;
}
.enter-section .holder
{
overflow: hidden;
width: 213px;
padding: 0 26px;
background: url(../images/form-popup.png) repeat-y;
}
.enter-section .user-block
{
overflow: hidden;
width: 100%;
padding: 6px 0;
}
.enter-section .user-block label
{
float: left;
color: #000;
font-size: 12px;
line-height: 20px;
padding: 0 0 2px;
}
.enter-section .user-block a
{
float: right;
color: #c30;
font-size: 12px;
line-height: 20px;
font-weight: normal;
}
.enter-section .user-block .text
{
float: left;
width: 201px;
padding: 4px 5px;
border: 1px solid #c2c3c5;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.enter-section .user-block #loginRequired, .enter-section .user-block #passwordRequired
{
font-size: 11px;
line-height: 16px;
overflow: hidden;
width: 100%;
color: #f00;
display: none;
}
.enter-section .btn
{
border-style: none;
border-color: inherit;
border-width: medium;
background: url(../images/btn-enter.gif) no-repeat;
float: right;
color: #fff;
cursor: pointer;
font: bold 12px/24px Tahoma,Arial,Helvetica,sans-serif;
height: 24px;
width: 59px;
padding: 0 0 4px;
}
/* enter-area */
.enter-area
{
overflow: hidden;
width: 100%;
padding: 0 0 20px;
}
.enter-area p
{
margin: 0 0 16px;
color: #000;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
/* recover-section */
.recover-section
{
overflow: hidden;
padding: 41px 0;
text-align: center;
width: 100%;
}
.recover-section p
{
margin: 0 0 29px;
color: #000;
font-size: 14px;
line-height: 20px;
}
.recover-section .user-block
{
overflow: hidden;
width: 250px;
margin: 0 auto 1px;
text-align: left;
}
.recover-section .user-block label
{
display: block;
color: #333;
font-size: 12px;
line-height: 20px;
}
.recover-section .user-block .text
{
width: 238px;
padding: 4px 5px;
border: 1px solid #ccc;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.recover-section .user-block div
{
margin-bottom: 4px;
}
.recover-section .user-block div a
{
float: right;
}
.recover-section .choice-bar
{
float: none !important;
margin: 0 auto 1px;
overflow: hidden;
text-align: left;
width: 250px;
}
.recover-section .btn
{
border-style: none;
border-color: inherit;
border-width: medium;
background: url(../images/btn-restore.gif) no-repeat;
color: #fff;
cursor: pointer;
font: bold 12px/45px Tahoma,Arial,Helvetica,sans-serif;
height: 45px;
width: 172px;
display: block;
margin: 17px auto 0;
padding: 0 0 4px;
}
/*registration*/
.registration-section
{
overflow: hidden;
width: 100%;
padding: 0;
}
.inp-info
{
overflow: hidden;
padding: 0 0 18px 67px;
border-bottom: 1px solid #dfdfdf;
}
* html .inp-info
{
height: 1%;
overflow: visible;
}
.inp-info-cell
{
overflow: hidden;
width: 100%;
padding: 0 0 13px;
position: relative;
}
.inp-info-cell label
{
float: left;
width: 126px;
color: #333;
padding: 6px 3px 0 0;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}
.inp-info-cell .text, .inp-info-cell .text1
{
float: left;
width: 238px;
padding: 4px 5px;
margin: 3px 13px 0 0;
color: #333;
border: 1px solid #ccc;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
.error-cell .text
{
background: #ffe4e4;
}
.inp-info-cell span
{
position: absolute;
right: 0;
top: 0;
width: 205px;
overflow: hidden;
color: #aeaeae;
font-size: 10px;
line-height: 11px;
}
.input-info-box, .LBD_CaptchaDiv
{
overflow: hidden;
}
* html .LBD_CaptchaDiv, * html .input-info-box
{
height: 1%;
overflow: visible;
}
.input-info-box img
{
display: block;
}
.LBD_CaptchaImage
{
float: left;
margin: 0 4px 5px 0;
}
.LBD_CaptchaIcons
{
float: left;
margin: 1px 0 0;
}
.inp-inform
{
overflow: hidden;
width: 100%;
padding: 8px 0 0;
}
.inp-inform-bar
{
overflow: hidden;
width: 100%;
position: relative;
text-align: center;
padding: 0 0 20px;
}
.inp-inform-bar .tech
{
display: block;
text-align: right;
overflow: hidden;
font-size: 10px;
line-height: 14px;
padding: 0 0 12px;
height: 1%;
}
.inp-inform-cell
{
float: left;
left: 50%;
position: relative;
}
.assent-cell_
{
float: left;
position: relative;
left: -50%;
color: #333;
font-size: 12px;
line-height: 16px;
padding: 0 0 24px;
}
.inp-checkbox1 input
{
float: left;
width: 16px;
height: 16px;
margin: 1px 4px 0 0;
}
.inp-inform-bar .btn
{
border-style: none;
border-color: inherit;
border-width: medium;
background: url(../images/btn-reg.gif) no-repeat;
color: #fff;
cursor: pointer;
font: bold 12px/54px Tahoma,Arial,Helvetica,sans-serif;
height: 54px;
width: 168px;
display: block;
clear: both;
margin: 0 auto;
padding: 0 0 4px;
}
.divConditions
{
overflow: hidden;
border: 1px solid #ccc;
padding: 10px;
}
.divConditions p
{
margin: 0 0 16px;
color: #000;
font-size: 12px;
line-height: 16px;
}
/* btn-choose */
.btn-choose
{
float: left;
height: 24px;
color: #fff;
font: bold 11px/24px Tahoma, Arial, Helvetica, sans-serif;
text-decoration: none;
padding: 0 0 0 24px;
background: #dd4400 url(../images/btn-choose.gif) no-repeat;
}
.btn-choose.del
{
background: #dd4400 url(../images/btn-choose-del.gif) no-repeat;
}
.btn-choose span
{
float: left;
padding: 0 12px 0 0;
background: url(../images/btn-choose.gif) no-repeat 100% 100%;
}
.btn-choose.del span
{
background: url(../images/btn-choose-del.gif) no-repeat 100% 100%;
}
/* box-area */
.box-area
{
overflow: hidden;
width: 103%;
padding: 0 0 12px;
}
.box-area .box
{
float: left;
width: 185px;
height: 191px;
margin: 0 9px 0 0;
padding: 11px 13px 3px;
background: url(../images/box.gif) no-repeat;
}
.box-area .mark-box
{
background: url("../images/mark-box.gif") no-repeat scroll 0 0 transparent;
}
.inner-info-box .box-area
{
padding-bottom: 0;
}
.box-area .violet-area
{
background-position: -211px 0;
}
.box-area .green-area
{
background-position: -422px 0;
}
.box-area h3
{
margin: 0 0 10px;
color: #000;
font-weight: normal;
font-size: 17px;
line-height: 20px;
}
.box-area img
{
margin: 0 auto 6px;
display: block;
}
.box-area .name
{
display: block;
overflow: hidden;
font-size: 12px;
line-height: 16px;
margin-bottom: 7px;
text-align: center;
}
.box-area .more
{
display: block;
overflow: hidden;
margin: 0 4px;
font-size: 10px;
line-height: 16px;
padding-left: 11px;
background: url(../images/arrow-01.gif) no-repeat 0 5px;
}
/* gal */
.gal
{
overflow: hidden;
width: 185px;
height: 155px;
position: relative;
}
.gal .prev, .gal .next
{
float: left;
display: inline;
margin: 44px 0 0 7px;
width: 8px;
height: 14px;
text-indent: -9999px;
background: url(../images/btn-prev-next.gif) no-repeat;
}
.gal .next
{
background-position: 0 -14px;
margin-left: 0;
}
.gal-hold
{
float: left;
display: inline;
width: 100px;
height: 155px;
margin: 0 30px;
overflow: hidden;
position: relative;
}
.gal-hold.single
{
margin: 0 30px 0 45px; ;
}
.gal-hold ul
{
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
overflow: hidden;
height: 155px;
width: 5555px;
}
.gal-hold ul li
{
float: left;
width: 100px;
list-style: none;
margin: 0 0px 0 0;
}
.gal-hold ul .date
{
font-size: 10px;
line-height: 12px;
display: block;
text-align: center;
}
/* dflirt-list */
.dflirt-list
{
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
}
.dflirt-list li
{
display: inline-block;
vertical-align: top;
text-align: center;
width: 129px;
padding: 5px 0 43px;
list-style: none;
font: 12px/16px Tahoma, Arial, Helvetica, sans-serif;
}
* html .dflirt-list li
{
display: inline;
}
* + html .dflirt-list li
{
display: inline;
}
/* img-area-bar */
.img-area-bar
{
width: 100%;
text-align: center;
position: relative;
}
.img-area-bar:after
{
clear: both;
content: "";
display: block;
}
.img-area-bar .i-a-b-holder
{
float: left;
left: 50%;
position: relative;
}
.img-area-bar .i-a-b-frame
{
float: left;
left: -50%;
position: relative;
}
body .online-user
{
padding-left: 14px;
background: url(../images/bullet-online.gif) no-repeat 0 3px;
}
.ico-love, .ico-music, .ico-new, .ico-favourite
{
position: absolute;
width: 30px;
height: 30px;
overflow: hidden;
text-indent: -9999px;
}
.ico-love
{
background: url(../images/ico-love.png) no-repeat;
top: -8px;
right: -8px;
}
.ico-music
{
background: url(../images/ico-music.png) no-repeat;
top: -8px;
left: -8px;
}
.ico-new
{
background: url(../images/ico-new.png) no-repeat;
bottom: -8px;
right: -8px;
}
.ico-favourite
{
background: url(../images/ico-favourite.png) no-repeat;
bottom: -8px;
left: -8px;
}
.fix-bar
{
float: left;
width: auto;
position: relative;
}
/* form-user */
.form-user
{
width: 652px;
background: url(../images/form-user.gif) no-repeat;
}
.form-user-hold
{
width: 652px;
padding: 10px 0;
background: url(../images/form-user.gif) no-repeat -652px 100%;
}
.form-user-hold .fieldset
{
width: 635px;
display: block;
padding: 0 2px 0 15px;
background: url(../images/form-user.gif) repeat-y -1304px 0;
}
.form-user .row
{
height: 26px;
width: 100%;
padding: 5px 0 6px;
}
.form-user .cell
{
float: left;
width: 264px;
}
.form-user .cell.add-cell
{
width: auto;
}
.form-user .first-cell
{
width: 317px;
padding: 0 37px 0 0;
}
.form-user label, .form-user .ttl, .form-user .rad.online_check label
{
float: left;
color: #000;
width: 90px;
font: 13px/24px Tahoma, Arial, Helvetica, sans-serif !important;
}
.JSselect.user-form
{
width: 172px;
}
.JSselect.user-form .JSoption
{
width: 172px;
}
.form-user .first-cell .ttl
{
width: 125px;
}
.form-user .first-cell label
{
width: 144px;
}
.form-user label.lab
{
float: left;
color: #888;
width: auto;
padding: 0 6px 0 0;
}
.form-user .text
{
float: left;
width: 161px;
padding: 4px 5px;
margin: 0;
border: 1px solid #c2c3c5;
color: #000000;
font: 14px Tahoma, Arial, Helvetica, sans-serif;
}
.form-user .text.from
{
width: 56px;
margin: 0 15px 0 0;
}
.form-user .text.to
{
width: 56px;
margin: 0 -3px 0 0;
}
.form-user .check
{
float: left;
width: 16px;
height: 16px;
padding: 0;
margin: 5px 5px 0 0;
}
.form-user .cell .rad
{
margin-right: 10px;
padding-top: 5px;
}
.form-user .rad input
{
float: left;
height: 16px;
margin: 5px 5px 0 0;
padding: 0;
width: 16px;
}
.form-user .rad label
{
color: #888888;
float: left;
padding: 0 6px 0 0;
width: auto;
}
.form-user .rad.online_check
{
width: 300px;
}
.form-user .rad.online_check label
{
width: 140px;
}
.form-user a
{
float: left;
font: 10px/24px Tahoma, Arial, Helvetica, sans-serif;
}
.button, .button a
{
float: left;
text-align: center;
color: #fff;
padding: 0 0 2px;
border: none;
cursor: pointer !important;
font: bold 12px/24px Tahoma, Arial, Helvetica, sans-serif !important;
text-decoration: none;
}
.form-user .button, .form-user .button a
{
float: right;
width: 110px;
height: 24px;
background: url(../images/btn-start-search.gif) no-repeat;
}
.result h2
{
color: #010101 !important;
font-size: 14px !important;
font-weight: bold !important;
line-height: 18px !important;
margin: 0 0 28px !important;
text-align: center !important;
}
.result h2 strong
{
color: #CC3300;
}
/* active-list */
.active-list
{
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
}
.active-list li
{
list-style: none;
padding: 5px 0 15px;
display: inline-block;
vertical-align: top;
width: 118px;
font: 10px/14px Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
}
* html .active-list li
{
display: inline;
}
* + html .active-list li
{
display: inline;
}
.active-list img
{
display: block;
margin: 0 auto;
}
.img-area-bar
{
width: 100%;
text-align: center;
position: relative;
}
.img-area
{
height: 90px;
}
#CommonSidebarRight span.link
{
font: bold 12px/16px Tahoma,Arial,Helvetica,sans-serif;
margin-bottom: 15px;
}
#CommonSidebarRight .hold
{
margin-bottom: 16px;
overflow: hidden;
width: 100%;
}
#CommonSidebarRight .CommonSidebar.tabbed
{
top: -140px;
}
/* blogs-list */
.blog-section .i-list-hold .date, .blogs-list .date
{
display: block;
color: #777;
font-style: normal;
margin: 0 0 4px;
font-size: 10px;
}
.blogs-list
{
margin: 0;
padding: 0 0 6px 12px;
overflow: hidden;
}
.blogs-list li
{
height: 1%;
overflow: hidden;
vertical-align: top;
padding: 6px 0 20px;
list-style: none;
}
.blogs-list img
{
}
.blogs-list .img-area
{
float: left;
margin: 3px 14px 0 0;
width: 61px;
height: 61px;
}
* html .blogs-list img
{
margin-right: 11px;
}
.blogs-list .holder
{
overflow: hidden;
padding: 0 0 8px;
}
* html .blogs-list .holder
{
height: 1%;
overflow: visible;
}
#CommonSidebarRight .blogs-list h3
{
margin: 0;
color: #333;
font: bold 12px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.blogs-list p
{
margin: 0 0 2px;
color: #333;
font: 11px/14px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-section .result-title
{
display: block;
color: #010101;
padding: 15px 0;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
.blog-section .result-title span
{
color: #c30;
}
.blogs-list ul
{
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.blogs-list ul li
{
float: left;
width: auto;
border: none;
padding: 0 11px 0 11px;
margin: 0 11px 0 -11px;
display: inline;
color: #777;
font-size: 11px;
background: url(../images/sep-04.gif) no-repeat 0 3px;
}
/* i-list */
.i-list
{
margin: 0;
padding: 0 0 0 4px;
overflow: hidden;
}
.i-list li
{
overflow: hidden;
width: 100%;
vertical-align: top;
padding: 0 0 19px;
list-style: none;
}
.i-list .img-area
{
float: left;
margin: 3px 12px 0 0;
height: 55px;
width: 55px;
}
.i-list .img-area.size90
{
height: 90px;
width: 90px;
}
* html .i-list img
{
margin-right: 9px;
}
.i-list .i-list-hold
{
overflow: hidden;
}
* html .i-list .i-list-hold
{
overflow: visible;
height: 1%;
}
.i-list .time
{
overflow: hidden;
color: #000;
font-size: 10px;
line-height: 14px;
padding: 0 0 2px;
}
.i-list .time span
{
margin-right: 3px;
}
.i-list p
{
margin: 0 0 6px;
font-size: 12px;
line-height: 16px;
}
.i-list p a
{
font-size: 14px;
font-weight: bold;
}
.video-list dl, .i-list dl
{
margin: 0;
padding: 0;
color: #000;
font-size: 10px;
line-height: 14px;
overflow: hidden;
}
.video-list dl dt, .i-list dl dt
{
display: inline;
}
.video-list dl dd, .i-list dl dd
{
display: inline;
margin: 0 9px 0 0;
color: #c30;
}
/* user-section */
.user-section
{
overflow: hidden;
width: 100%;
position: relative;
}
.user-section .ttl-area
{
overflow: hidden;
margin: 0 0 13px;
}
.user-section .ttl-area div
{
overflow: hidden;
padding: 0 14px 0 0;
margin: 0 0 0 14px;
height: 36px;
}
#mainall .user-section .ttl-area h2
{
margin: 0;
color: #fff;
font-size: 17px;
line-height: 36px;
}
.more-link
{
position: absolute;
bottom: 0;
width: 310px;
text-align: right;
font-size: 10px;
}
/* blog-box */
.blog-box
{
float: left;
width: 316px;
padding: 0 23px 0 0;
}
.blog-box .ttl-area
{
background: url(../images/heading-shadow.gif) no-repeat;
}
.blog-box .ttl-area div
{
background: url(../images/heading-shadow.gif) no-repeat 100% 0;
}
/* forum-box */
.forum-box
{
float: left;
width: 313px;
}
.forum-box .ttl-area
{
background: url(../images/heading-shadow.gif) no-repeat 0 -36px;
}
.forum-box .ttl-area div
{
background: url(../images/heading-shadow.gif) no-repeat 100% -36px;
}
/* forum-list */
.forum-list
{
margin: 0 0 5px;
padding: 0 0 0 14px;
overflow: hidden;
}
* html .forum-list
{
height: 1%;
overflow: visible;
}
.forum-list li
{
height: 1%;
padding: 0 0 10px 9px;
overflow: hidden;
vertical-align: top;
list-style: none;
font: bold 14px/17px Tahoma, Arial, Helvetica, sans-serif;
background: url(../images/bullet-01.gif) no-repeat 0 7px;
}
.hide-link-red
{
color: #CC3300 !important;
}
#content .ttl-bar div h2 a, #content .ttl-bar div h2 a:hover
{
display: block;
text-decoration: none;
}
#content .ttl-bar h2, #content .ttl-bar div h2, #content .ttl-bar div h2 a
{
color: #FFFFFF;
font-size: 17px;
font-weight: normal;
line-height: 34px;
margin: 0;
}
.audio strong a, .audio div strong
{
font-weight: normal;
}
#commform .ava
{
float: left;
margin: 0 10px 0 0;
}
#commform .ava img
{
border: 1px solid #C7C7C7 !important;
}
#commform textarea
{
border: 1px solid #C7C7C7 !important;
height: 100px;
width: 277px;
}
.CommonSidebar .pageslist, #CommonContentInner .pageslist
{
padding: 0;
}
.CommonSidebar .pageslist .p1, .CommonSidebar .pageslist .p2, .CommonSidebar .pageslist .p0, #CommonContentInner .pageslist .p1, #CommonContentInner .pageslist .p2, #CommonContentInner .pageslist .p0, #CommonContentInner .pageslist .p3, #CommonContentInner .pageslist .p4
{
line-height: normal;
margin: 0;
width: 28px;
}
.CommonSidebar .pageslist a.current:hover, #CommonContentInner .pageslist a.current:hover
{
color: #555555;
}
.CommonSidebar .pageslist .p0 a:hover, .CommonSidebar .pageslist .p1 a:hover, .CommonSidebar .pageslist .p2 a:hover, #CommonContentInner .pageslist .p0 a:hover, #CommonContentInner .pageslist .p1 a:hover, #CommonContentInner .pageslist .p2 a:hover, #CommonContentInner .pageslist .p3 a:hover, #CommonContentInner .pageslist .p4 a:hover
{
color: #CC3300;
}
.CommonSidebar .pageslist a:hover, #CommonContentInner .pageslist a:hover
{
text-decoration: underline !important;
}
.tabcontent td a div
{
font-size: 17px;
margin-top: 8px;
text-decoration: underline;
}
.tabcontent td a div:hover
{
text-decoration: none;
}
.adv-center
{
margin: 0 0 15px;
}
.banner-area
{
clear: both;
margin: 0 -10px 0 0;
overflow: hidden;
padding: 15px 0 0;
position: relative;
width: 668px;
}
.banner-area li
{
float: left;
list-style: none;
padding: 0 3px 0 12px;
}
a.link-black
{
color: #000;
}
a.link-black
{
text-decoration: none !important;
}
a.link-black:hover
{
text-decoration: underline !important;
}
a.link-red
{
color: #CC3300;
}
a.link-red
{
text-decoration: underline;
}
a.link-red:hover
{
text-decoration: none;
}
.logo-new
{
display: block;
overflow: hidden;
position: absolute;
z-index: 999;
}
/* new style */
.form-user .btn-search
{
float: right;
width: 104px;
height: 24px;
background: url(../images/btn-search02.gif) no-repeat;
padding-left: 26px;
font: bold 11px/24px Tahoma, Arial, Helvetica, sans-serif !important;
}
/* heading */
.heading
{
display: block;
font-weight: normal;
font-size: 17px;
margin: 0 0 23px 13px;
padding-top: 20px;
}
.heading.search-footer
{
}
.heading.search-footer strong
{
display: block;
margin: 0 auto;
text-align: center;
width: 450px;
}
/* query-result */
.query-result
{
margin: 0 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}
.query-result li
{
display: inline-block;
vertical-align: top;
width: 130px;
text-align: center;
margin: 0 2px 42px 0;
}
* html .query-result li
{
display: inline;
width: 132px;
}
* + html .query-result li
{
display: inline;
width: 132px;
}
.query-result img
{
display: block;
margin: 0 auto 3px;
}
/* tab-holder */
.tab-holder
{
overflow: hidden;
height: 1%;
margin-bottom: 34px;
}
.tabset
{
margin: 0 0 9px;
padding: 0;
list-style: none;
overflow: hidden;
height: 1%;
background: url(../images/bg-tabset-line.gif) repeat-x 0 100%;
}
.tabset li
{
float: left;
background: url(../images/bg-tabset.gif) no-repeat;
text-align: center;
}
.tabset li:first-child, .tabset li.first-child
{
margin-right: 4px;
}
.tabset a
{
float: left;
background: url(images/bg-tabset.gif) no-repeat;
color: #333;
text-decoration: none;
padding-left: 4px;
}
.tabset span
{
float: left;
background: url(../images/bg-tabset.gif) no-repeat 100% 0;
padding: 12px 4px 8px 0;
cursor: pointer;
}
.tabset li span
{
width: 156px;
}
.tabset li:first-child span, .tabset li.first-child span
{
width: 132px;
}
.tabset a.active
{
background: url(../images/bg-tabset.gif) no-repeat 0 -35px;
font-weight: bold;
}
.tabset a.active span
{
background: url(../images/bg-tabset.gif) no-repeat 100% -35px;
}
.tab-content
{
padding: 0 23px;
font-size: 11px;
}
.tab-content dl
{
margin: 0 0 8px;
overflow: hidden;
height: 1%;
color: #777;
}
.tab-content dt
{
float: left;
clear: left;
margin-right: 3px;
}
* html .tab-content dt
{
margin: 0;
}
.tab-content dd
{
color: #333;
margin: 0 0 1px;
}
.tab-content .edit
{
display: block;
line-height: 20px;
background: url(../images/ico-edit.gif) no-repeat;
padding-left: 32px;
}
.search-friends
{
margin: 0 0 30px 0;
padding: 0;
}
/* friends */
.friends-block
{
width: 670px;
overflow: hidden;
}
.friends-item
{
margin: 0 0 20px;
padding: 0;
list-style: none;
font-size: 11px;
width: 720px;
overflow: hidden;
}
.friends-item li
{
display: inline-block;
vertical-align: top;
width: 80px;
text-align: center;
margin: 0 34px 42px 0;
padding-right: 24px;
position: relative;
}
.friends-item .stable
{
height: 79px;
width: 79px;
margin-left: auto;
margin-right: auto;
line-height: 79px;
}
* html .friends-item li
{
display: inline;
}
* + html .friends-item li
{
display: inline;
}
.friends-item img
{
display: block;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
}
.friends-item .close
{
position: absolute;
top: 0;
right: 0;
text-indent: -9999px;
overflow: hidden;
background: url(../images/ico-del.gif) no-repeat;
height: 20px;
width: 21px;
}
.friends-item .close:hover, .friends-item .add:hover
{
background-position: 0 -20px;
}
.friends-item .add
{
position: absolute;
top: 24px;
right: 0;
text-indent: -9999px;
overflow: hidden;
background: url(../images/ico-add.gif) no-repeat;
height: 20px;
width: 21px;
}
.friends-heading
{
overflow: hidden;
height: 1%;
}
.friends-heading .btn-search
{
float: right;
width: 104px;
height: 24px;
background: url(../images/btn-search02.gif) no-repeat;
padding-left: 26px;
font: bold 12px/24px Tahoma, Arial, Helvetica, sans-serif !important;
}
#mainall h2.option-title
{
color: #000;
}
/* box-info */
.box-info
{
overflow: hidden;
height: 1%;
margin: 0 0 36px;
}
.box-info .title
{
display: block;
color: #999;
margin-bottom: 15px;
}
.box-info .row
{
overflow: hidden;
height: 1%;
margin-bottom: 5px;
}
.box-info .checkbox
{
float: left;
width: 16px;
height: 15px;
margin: 0 5px 0 0;
padding: 0;
}
.box-info label
{
float: left;
color: #333;
}
.box-info ul
{
margin: 0 0 26px;
padding: 0;
list-style: none;
overflow: hidden;
height: 1%;
line-height: 27px;
}
.box-info ul li
{
overflow: hidden;
height: 1%;
margin-bottom: 10px;
}
.box-info ul img
{
float: left;
margin-right: 10px;
}
.box-info .btn-save
{
display: block;
border: 0;
background: url(../images/btn-save.gif) no-repeat;
width: 180px;
padding: 4px 0 6px;
cursor: pointer;
color: #fff;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}
#CommonContentInner h2
{
color: #000000;
font-size: 17px;
margin-bottom: 9px;
}
.container-holder
{
overflow: hidden;
height: 1%;
margin-bottom: 20px;
}
/* column */
.column
{
float: left;
width: 360px;
}
.add-column
{
float: right;
width: 283px;
border-left: 1px solid #cbcbcb;
padding-left: 30px;
}
/* avatar-box */
.avatar-box
{
overflow: hidden;
height: 1%;
color: #333;
}
.avatar-box .alignleft
{
float: left;
margin-right: 12px;
}
.avatar-box .section
{
overflow: hidden;
height: 1%;
}
.avatar-box .section span
{
display: block;
margin-bottom: 3px;
}
.avatar-box .col
{
overflow: hidden;
height: 1%;
margin-bottom: 8px;
}
.avatar-box .col .radio
{
float: left;
margin-right: 5px;
}
.avatar-box .col label
{
float: left;
margin-right: 12px;
}
.avatar-box .file
{
float: left;
width: 225px;
position: relative;
margin: 0 0 6px;
overflow: hidden;
z-index: 10;
height: 24px;
}
.avatar-box .file-input-area
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
height: 24px;
width: 100%;
padding: 0;
margin: 0;
cursor: pointer;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.avatar-box .file .text
{
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 146px;
border: 1px solid #c2c3c5;
padding: 4px 5px;
color: #696969;
}
.avatar-box .button
{
float: right;
background: url(../images/file-upload.gif) no-repeat;
width: 62px;
height: 24px;
padding: 0;
overflow: hidden;
text-indent: -9999px;
}
.avatar-box .btn-download
{
display: block;
background: url(../images/btn-download2.gif) no-repeat;
border: 0;
width: 104px;
height: 30px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
font-size: 0;
line-height: 0;
cursor: pointer;
}
.personal-box
{
height: 1%;
margin-bottom: 43px;
color: #333;
}
.personal-box:after
{
display: block;
clear: both;
content: "";
}
.personal-box .item
{
overflow: hidden;
height: 1%;
padding: 6px 0 0;
}
.personal-box .row
{
height: 1%;
margin-bottom: 8px;
}
.personal-box .row.add-row
{
}
.personal-box .row:after
{
display: block;
clear: both;
content: "";
}
.personal-box .area
{
float: left;
margin-top: 5px;
}
.personal-box .position
{
overflow: hidden;
height: 1%;
margin-bottom: 5px;
float: none;
}
.personal-box .row label
{
float: left;
width: 133px;
padding: 4px 8px 6px 0;
font-size: 13px;
line-height: 16px;
}
.personal-box .row .wide
{
width: 376px;
}
.personal-box .add-row label
{
padding: 0 8px 0 0;
}
.personal-box .textarea
{
clear: both;
}
.personal-box .row .text
{
float: left;
width: 236px;
background: #fff;
border: 1px solid #c0c0c0;
font-size: 14px;
color: #333;
padding: 4px 5px;
margin-right: 18px;
}
.personal-box .row .checkbox
{
float: left;
width: 16px;
height: 15px;
padding: 0;
margin: 0 3px 0 0;
}
.personal-box .area label
{
float: left;
width: auto;
padding: 0;
font-size: 12px;
color: #666;
}
.personal-box .add-area label
{
margin-right: 16px;
}
.personal-box .area .radio
{
float: left;
width: 16px;
height: 15px;
margin: 0 4px 0 0;
padding: 0;
}
.personal-box .row select
{
float: left;
width: 248px;
color: #666;
font: 12px Tahoma, Verdana, Arial, sans-serif;
padding: 5px 0;
}
/* password-box */
.password-box
{
overflow: hidden;
height: 1%;
margin-bottom: 23px;
color: #333;
}
.password-box .name
{
display: block;
font-size: 11px;
line-height: 16px;
margin-bottom: 10px;
}
.password-box .user
{
background: url(../images/ico-user.gif) no-repeat;
padding: 2px 0 2px 16px;
}
.password-box .row
{
overflow: hidden;
height: 1%;
margin-bottom: 6px;
}
.password-box label
{
float: left;
width: 96px;
padding: 4px 3px 6px 0;
font-size: 13px;
line-height: 16px;
}
.password-box .row .text
{
float: left;
width: 156px;
background: #fff;
border: 1px solid #c0c0c0;
font-size: 14px;
color: #000;
padding: 4px 5px;
}
.password-box .change
{
display: block;
margin-left: 136px;
}
.btn-save-change
{
border: 0;
background: url(../images/btn-save-change.gif) no-repeat;
display: block;
width: 185px;
height: 30px;
padding: 0;
text-indent: -9999px;
cursor: pointer;
}
/* heading-block */
.heading-block
{
overflow: hidden;
width: 674px;
margin: 0 0 12px;
background: #eaeaea url(../images/heading-block.gif) no-repeat;
}
.heading-block .frame
{
overflow: hidden;
padding: 8px 21px;
background: url(../images/heading-block.gif) no-repeat -674px 100%;
}
* html .heading-block .frame
{
height: 1%;
overflow: visible;
}
#mainall .heading-block .frame h2
{
float: left;
margin: 0 4px 0 0;
color: #555;
font: bold 14px/16px Tahoma, Arial, Helvetica, sans-serif;
}
/* cite-box */
.cite-box
{
overflow: hidden;
width: 100%;
margin: 0 0 18px;
}
.cite-box .avatar
{
float: left;
width: 104px;
padding: 15px 0 0;
text-align: center;
}
* html .cite-box .avatar
{
width: 101px;
}
.cite-box .avatar img
{
display: inline;
}
.cite-box .cite-block
{
overflow: hidden;
width: 570px;
background: url(../images/cite-block-gray.gif) repeat-y -1140px 0;
}
.cite-box .cite-block .holder
{
overflow: hidden;
width: 570px;
background: url(../images/cite-block-gray.gif) no-repeat;
}
.cite-box .cite-block .frame
{
overflow: hidden;
width: 500px;
padding: 16px 20px 22px 50px;
background: url(../images/cite-block-gray.gif) no-repeat -570px 100%;
}
.cite-box .pink-block
{
background: url(../images/cite-block-pink.gif) repeat-y -1140px 0;
}
.cite-box .pink-block .holder
{
background: url(../images/cite-block-pink.gif) no-repeat;
}
.cite-box .pink-block .frame
{
background: url(../images/cite-block-pink.gif) no-repeat -570px 100%;
}
.cite-box .heading
{
overflow: hidden;
border-bottom: 1px solid #e8e8e8;
margin: 0 0 12px;
padding: 0 0 7px;
font-size: 12px;
}
.cite-box .heading em
{
font-style: normal;
color: #777;
padding: 0 0 0 8px;
font-size: 10px;
}
.cite-box p
{
margin: 0;
color: #333;
font: 12px/14px Tahoma, Arial, Helvetica, sans-serif;
}
#mainall .ttl
{
color: #000000;
font-size: 19px;
margin-bottom: 9px;
}
.linkmore {
display: block;
padding: 7px 14px 0;
}
.inner-info-box-dfm .br {overflow:hidden;}
/* drop menu css */
#navigation {
overflow:visible;
z-index:10;
}
#navigation li:hover a,
#navigation li.hover a,
#navigation .active a {
background:url(../images/bg-nav.gif) no-repeat scroll 0 0 transparent;
color: #E84200;
}
#navigation li:hover a span,
#navigation li.hover a span,
#navigation .active a span {background: url(../images/bg-nav.gif) no-repeat scroll 100% 0 transparent;}
#navigation li:hover,
#navigation li.hover {position:relative;}
#navigation li:hover .drop,
#navigation li.hover .drop {display:block;}
#navigation .drop {
position:absolute;
top:43px;
left:-13px;
width:181px;
z-index:10;
display:none;
background:url(../images/none.gif);
}
#navigation .drop .t,
#navigation .drop .b {
overflow:hidden;
background:url(../images/bg-drop-t.png) no-repeat;
height:9px;
}
#navigation .drop .b {background:url(../images/bg-drop-b.png) no-repeat;}
#navigation .drop ul {
margin:-3px 0 0;
padding:0;
list-style:none;
overflow:hidden;
background:#ff6403 url(../images/none.gif);;
width:100%;
}
#navigation .drop li {
background:none;
display:block;
width:100%;
font-size:12px;
line-height:25px;
margin:0;
padding:0;
}
#navigation li:hover ul a,
#navigation li.hover ul a,
#navigation .active ul a {
background:none;
color:#fff;
}
#navigation .drop a {
color:#fff;
width:149px;
display:block;
padding:0 16px;
overflow:hidden;
}
#navigation .drop li:hover a,
#navigation .drop li.hover a {
font-weight:bold;
background:#ff8132 url(../images/none.gif);;
color:#fff;
}
/* END drop menu css */