.clearfix:after {content: " ";display: block;height: 0;line-height:0;font-size:0;clear: both;  visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}

.tabs {float:left;width:100%;line-height:normal;background:url(../images/tab/tab_bg.jpg) repeat-x bottom;position:relative}
.tabs ul ,.tabs li {list-style:none;}
.tabs ul {margin:0;padding:4px 40px 0;}
.tabs li {float:left;margin:0;padding:0 0 0 9px;background:url(../images/tab/left.gif) no-repeat left top;}
.tabs a {display:block;background:url(../images/tab/right.gif) no-repeat right top;text-decoration:none;padding:5px 15px 4px 6px;}
.tabs a:hover {text-decoration:none;}
#photoTab .photoTab, #videoTab .videoTab, #otherTab .otherTab, #journalTab .journalTab,
#localTab .localTab, #batchTab .batchTab, #fbTab .fbTab, #bbTab .bbTab, #hi5Tab .hi5Tab,
#msTab .msTab, #ytTab .ytTab, #flkTab .flkTab, #psTab .psTab,
#pref1 .pref1, #pref2 .pref2, #pref3 .pref3,
#editPeriodTab .editPeriodTab,#mergePeriodTab .mergePeriodTab,
#leftTab .leftTab,#leftSearchTab .leftSearchTab
  {background:url(../images/tab/left_on.gif)  no-repeat left top;}
#photoTab .photoTab a, #videoTab .videoTab a, #otherTab .otherTab a, #journalTab .journalTab a,
#localTab .localTab a, #batchTab .batchTab a, #fbTab .fbTab a, #bbTab .bbTab a, #hi5Tab .hi5Tab a,
#msTab .msTab a, #ytTab .ytTab a, #flkTab .flkTab a, #psTab .psTab a,
#pref1 .pref1 a, #pref2 .pref2 a, #pref3 .pref3 a,
#editPeriodTab .editPeriodTab a,#mergePeriodTab .mergePeriodTab a,
#leftTab .leftTab a,#leftSearchTab .leftSearchTab a
  {background:url(../images/tab/right_on.gif) no-repeat right top;padding-bottom:5px;text-decoration:none;color:#000}

#toggleLeftBarDiv{cursor:pointer;width:10px;height:16px;background: url(../images/prev.gif) no-repeat center center;position:absolute;left:4px;top:10px}

ul.subMenus, ul.subMenus li {list-style:none;margin:0;padding:0}
ul.subMenus li {float:left;margin:0 20px 0 0;height:24px}
ul.subMenus {margin:2px 6px}
div#contentBox {border:1px solid #4e77a8;padding:10px;border-top:0;min-height:580px; background:#ffffff;position:relative;z-index:0;height: auto; _height: 580px;clear:both;}

ul.subMenus li.topAdd {padding-left:14px;background:url(../images/icon/add.gif) no-repeat left center;}
ul.subMenus li.topShareTo {padding-left:20px;background:url(../images/icon/share.gif) no-repeat left center;}
ul.subMenus li.topGridInfo {padding-left:14px;background:url(../images/icon/info.gif) no-repeat left center;}
ul.subMenus li.topItemNum {padding-left:20px;background:url(../images/icon/num.gif) no-repeat left center;}

span#pictNum {margin-left:20px;padding:4px;background-color:#1281c6;color:#fff}


div.addItemPanel,div.tabContent{padding:20px;clear:both;border:1px solid #4e77a8;border-top:none}
.ytTab  span {background:url(../images/yt.gif) no-repeat left center; padding-left:56px}
.flkTab  span {background:url(../images/flk.gif) no-repeat left center; padding-left:50px}
.psTab  span {background:url(../images/picasa.gif) no-repeat left center; padding-left:20px}
.fbTab  span {background: url(../images/fblogo.gif) no-repeat left center; padding-left:26px} /*facebook*/
.bbTab  span {background: url(../images/bblogo.gif) no-repeat left center; padding-left:26px}
.msTab  span {background: url(../images/mslogo.gif) no-repeat left center; padding-left:26px}
.okTab  span {background: url(../images/oklogo.gif) no-repeat left center; padding-left:26px}
.hi5Tab  span {background: url(../images/hi5logo.gif) no-repeat left center; padding-left:26px}

.releBox {position:relative}
#popWindowBase{position:absolute;left:0;top:0;z-index:20000;background:#fff;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;width:100%;height:100%}
#popWindow {position:absolute;left:50px;top:50px;z-index:20001;}
#popHeader {background:url(../images/window/tl.png) no-repeat left top;height:36px;cursor:move;}
#popHeaderIn {background:url(../images/window/tr.png) no-repeat right top;height:36px;float:right;text-align:left;}
#popHeaderIn h3{margin:10px 0 0;background:none;color:#333;}
#popContent {background:#fff url(../images/window/verticle.gif) repeat-y left top;}
#popContentIn {background:url(../images/window/verticle.gif) repeat-y right top;font-size:11px;text-align:left;padding:10px 10px 10px 16px;overflow:hidden}
#popContentIn #editBox {overflow:auto}
#popFooter{background:url(../images/window/bl.png) no-repeat left top;height:37px;}
#popFooterIn {background:url(../images/window/br.png) no-repeat right top;height:37px;float:right}
#popFooterIn  .btnBar {padding:2px 10px;width:auto;}
#popFooterIn  .btn {line-height:2em;margin-top:2px}
#popFooterIn  .btn input {margin-left:6px;margin-right:6px;}
a.popClose{position:absolute;right:10px;top:2px;background:url(../images/window/close.png) no-repeat center center;width:20px;height:16px;text-decoration:none;cursor:pointer}
a.popClose:hover{background:url(../images/window/close_hover.png) no-repeat ;text-decoration:none;}

/*button*/
.btnBar{border-top:1px solid #afafaf;padding:0 20px}
.btnBar .btn {float: left;margin: 10px 4px;white-space: nowrap;text-align: left;	text-decoration: none;line-height: 1.1em;	outline: none;color:#333;}
.btnBar .btn b {display: block;margin:0 1px;border:solid #aaa; border-width:1px 0;padding: 0;font-weight:normal;
	background:#ddd url(../images/bg/button.gif) repeat-x 0 0;}
.btnBar .btn b.hover {border-color: #888;}
.btnBar .btn b b {background:none; margin:0 -1px; padding:0; border-width:0 1px;}
.btnBar .btn b b b {margin: 0;padding:0 .2em;border-width:0; height:1.8em;line-height:1.8em;}
.btnBar .btn input {border:0;background:transparent;font-size:1em;margin:2px;padding:0;}
.btnBar .btn input[disabled=disabled] {color:#bbb}

.displayAll {padding:10px;margin:10px;text-align:center;font-weight:bold;color:green}