/*////////////////////////////////////////////////*/
/*/                   CATEGORY                   /*/
/*////////////////////////////////////////////////*/
/*------------------------------- categoryContainer */

#categoryContainer .contentWrap {}

#categoryContainer {background:url(/staticApp/graphics/layout/bgHeaderBannerMiddle.gif) 0 0 repeat-y; width:976px; margin:0px 0px 0px 10px;}

#categoryContainer .cc_top {background:url(/staticApp/graphics/layout/bgHeaderBannerTop.gif) 0 top no-repeat;}

#categoryContainer .cc_bottom {background:url(/staticApp/graphics/layout/bgHeaderBannerBottom.gif) 0 bottom no-repeat;}

#categoryContainer .categoryList {padding: 4px 5px 0px 10px; }

#categoryContainer .categoryList a {font-size: 13px; font-weight:bold; text-decoration: none; color: #797979;}

#categoryContainer .categoryList a.selected {font-size: 15px; text-decoration: underline; color: #ff7e00; }

#categoryContainer .categoryList a.sub { padding-right: 20px; }

#categoryContainer .categorySlogan { font-size: 15px; font-weight:bold; color: #177da0; }

#categoryContainer .categoryArea { float: left; }

#categoryContainer .categorySub { border: 2px solid #1fb1d8; position: relative; padding: 1px; background-color: #fff; float: left; display: none;}

#categoryContainer .categorySub ul li { padding: 5px;}

#categoryContainer .categorySub .subA { background-color: #ededed;}

#categoryContainer .categorySub .subB { background-color: #fff;}

/*------------------------------- blog category Container */
#categoryContainer .blogInfo { padding: 2px 0px 0px 8px; }

#categoryContainer .blogInfo span { padding-left:10px; font-weight:normal; color: #4e4e4e; }

#categoryContainer .blogReceiveInfo { float: right; margin:0px 10px 0px 0px; }

#categoryContainer .blogReceiveInfo span { color:#ae6c04; }

#categoryContainer .receiveContent {padding: 2px 15px 0px 15px; color: #484848; }

#categoryContainer .receiveContent b{ color:#ae6c04; }

#categoryContainer .receiveContent span { color: #d67d42; padding-left: 12px; }

#categoryContainer .receiveContent a { text-decoration: none; color: #484848; }

#categoryContainer .receiveContent a:hover { text-decoration: underline; }

/*////////////////////////////////////////////////*/
/*/                   HEADLINE                   /*/
/*////////////////////////////////////////////////*/
/*------------------------------- headLineContainer */
#headLine {}

#headLine .headLineBox {border: 3px solid #b9c8cc; padding: 4px; height: 130px; }

#headLine .headLineTitle {background: url("/staticApp/graphics/tool/iconToolbar.png") 10px no-repeat #f2f2f2; padding:4px 0px 4px 32px;}

#headLine .headLineTitle b { font-size: 16px; color: #177da0;}

#headLine .contentWrap {float: none; display: inline;}

#headLine .contentWrap .imgWrap {width:116px; padding-top:3px; display: inline; float: left;}

#headLine .contentWrap .headLineWrap {width: 460px;  display: inline; float: right;}

#headLine .contentWrap .headLineWrap li b {color: #177da0;}

#headLineList li { height:17px; }

#headLineList li span { width:22px; height:22px; }

#headLineList li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; color:#444; border-bottom:1px solid #e3e3e3; }

#headLineList li a:hover {background:#ededed;}

/*////////////////////////////////////////////////*/
/*/                   TOP MEDIA                  /*/
/*////////////////////////////////////////////////*/
/*------------------------------- topMediaBox */
#topMediaBox {text-align: center; height: 350px; }

#topMediaBox .topMedia { width: 78px; background:url('/staticApp/graphics/layout/bgScreenshotTopMedia.png') 0px 0px no-repeat; padding:7px 2px 9px 2px; float: left;}

#viewMediaTitle {padding:5px 5px 2px 0px; width:330px; float: left;}

#viewMediaTitle li a {text-decoration:none; font-size:12px; display:block; padding:8px 0 4px 0; border-bottom:1px solid #e3e3e3; color:#444; height:17px; width:320px;}

#viewMediaTitle li a:hover {background:#ededed;}

#viewMediaTitle li a b {font-size:14px; float:left; display:inline; margin:3px 0 0 5px}

#viewMediaTitle li a span {width:22px; height:22px; float:left; display:inline; margin:0 5px 0 10px;}

#viewMediaTitle li a em {float:left; display:inline; margin:3px 0 0 0px}

#viewTopMedia {text-align:center; width:330px; overflow:hidden; float: left;}

.friendInfo { color:#177da0;  font-style: normal; font-weight: bold;  }