/*common*/
body {
	font-family: arial, serif;
	font-size:12px;
  margin:0;
  padding:0;
/*
  background:#f7f6ec;
*/
  background:#fff;
  line-height:1.4em;
  height: 100%;
	width: 100%!important;
}
form { padding:0;margin:0}
input.button {font-size:110%; font-family:arial, serif; margin:10px 4px;color:#065587;cursor:pointer}
input.buttonLine {font-size:110%; font-family:arial, serif;color:#065587;cursor:pointer}
input.button:hover,input.buttonLine:hover  {color:#dd6d00}
textarea {font-family:arial, serif;font-size:12px}
div.button {margin-top:2px; _margin-top:0;}
a, a:active,a:visited {color:#065587;}
a.light, a.light:active,a.light:visited {color:#333 }
a:hover, a.light:hover {color:#dd6d00}
a img {border:0}
.small {font-size:90%;}
.small9 {font-size:9px;}
.arial {font-family:arial, serif;}
.dispblock {display:block}
.dispnone {display:none}
.disphidden {visibility:hidden}
.readonly {border:none;}
.auto {margin:auto}
.bold {font-weight:bold}
.center{text-align:center}
.r{text-align:right}
.l{text-align:left}
.left{float:left}
.right{float:right}
.clear{clear:both;}
.rela{position:relative}
.abso{position:absolute}
.inline {display:inline}
.l2 {margin-left:2px;}
.l4 {margin-left:4px;}
.l10 {margin-left:10px;}
.l20 {margin-left:20px;}
.l40 {margin-left:40px;}
.r2 {margin-right:2px;}
.r4 {margin-right:4px;}
.r10 {margin-right:10px;}
.r20 {margin-right:20px;}
.r40 {margin-right:40px;}
.t4 {margin-top:4px;}
.t10 {margin-top:10px;}
.t20 {margin-top:20px;}
.t30 {margin-top:30px;}
.t40 {margin-top:40px;}
.b2 {margin-bottom:2px;}
.b4 {margin-bottom:4px;}
.b10{margin-bottom:10px}
.b20{margin-bottom:20px}
a.unclick, th.unclick {color:#999;cursor:default; font-weight:normal}
.bl{border-bottom:1px solid #ddd}
.dlink{color:#065587;cursor:pointer}
/*
div.bw {width:1000px;}
*/
.clickCur {cursor:pointer}
div.periodName a  img {border:1px solid #f7f6ec}
div.periodName a:hover img {border-right:1px solid #666;border-bottom:1px solid #666;border-top:1px solid #fff;border-left:1px solid #fff}
.underline {text-decoration:underline;}
.normal {font-weight:normal}
.green, a.green:visited{color:green}
.red{color:red}



.theme {border:1px solid #333;cursor:pointer;margin-left:4px}
div#themePanel,div#newFeatureMG {position:absolute;right:20px;top:34px;height:24px}
/*login, forgetPassword, forgetUsername*/
div#loginBody td.label {width:100px;text-align:right;padding-right:4px}
div#loginBody div, div#loginBody td, div#loginBody td a, div#loginBody input {font-family:arial, serif; font-size:12px;}
div#loginBody {padding:50px 20px;}
div#loginBody div.panelBoxW {width:400px;height:250px;margin:auto;}
div#loginBody h1 {margin:20px 0}

.bb {background:#fff;padding:10px;border-bottom:2px solid #ddd;}

table.userList td {border-bottom:1px solid #ddd;padding-top:10px}

.wBorder{border:1px solid white}
div.tabC div.active {font-weight:bold;background:#ffcc66;font-size:11px}
/* end common*/
h1{font-size:18px;text-align:center;margin:20px 0;}
h1 a{font-weight:normal;font-size:12px;}

h1.hLine{text-align:left;font-size:20px;border-bottom:1px solid #000;padding-bottom:4px}
h1.page {margin:0; padding:20px 20px 20px 30px;color:#000; text-align:left;font-size:20px;font-family:arial,serif;font-weight:normal;}
h1.form {color:#000; font-size:20px;font-family:arial,serif;font-weight:normal;}

h2{font-size:12px;margin-bottom:10px}
h2 a.title {font-weight:bold;font-size:12px;}
h2 a {font-weight:normal;font-size:12px;}
h3{font-weight:bold;font-size:12px;font-family:arial, serif;background:#ddd;padding:2px;margin-top:20px}
h4{font-size:11px;margin-bottom:10px}
td,th,input, select
{font-family: arial, serif;font-size:12px;}
.error {color:red}
.msg {color:green}
.box {border:1px solid #ddd;padding:10px;margin:10px;}
.noPhoto {border:1px solid #ddd;color:#666;width:100px;height:75px; background:#eee}
.noPhotoDiv {width:100px;height:75px;border:4px solid #eee}
.noPhotoDiv div {margin-top:20px;margin-left:20px;color:#999}

.photo {width:100px;height:75px; overflow:hidden;}
img.itemIcon {border:4px solid #eee;}
.item {color:#333;font-size:10px}
.item .desc {background:lightyellow;padding:4px;}

.photo50 {width:44px;height:44px; overflow:hidden;border:1px solid #ddd;}  
.noPhoto50Div {width:100%;height:100%;border:1px solid #eee}
.noPhoto50Div div {margin-top:10px;margin-left:10px;color:#999}

#contentList {padding-top:20px;}
.actionLine {margin-top:10px;margin-bottom:10px;}

table.detail td.label {color:#666;text-align:right;padding-right:10px;}
table.edit td {padding:2px;}
table.edit td.label {padding-right:10px;width:120px;color:#666}
table.light td.label {color:#999;text-align:right;padding-right:10px;font-size:9px}
table.light td.value {color:#666;font-size:9px}
.label{color:#666}
ul.dot, ul.growup {margin-top:0;margin-bottom:0}
ul.dot li { 
  list-style-position: outside;
  list-style-image: url(../images/bullet_list.gif);
  list-style-type: circle;
  margin-left: -20px;
}

ul {list-style:circle}
ul.none {list-style:none;margin:0;padding-left:0}
ul.none a {margin:0;padding-left:0}
li {line-height:1.5em}
li.h16 {line-height:16px}
ul.icon {padding-left:20px;margin-left:0}
ul.icon li {list-style-image:url("../images/liIcon.gif")}

div.addPeriod {cursor:pointer;  background:url("../images/periodArrow.gif") no-repeat right bottom;width:20px;height:20px;}
div.periodBox {min-height:480px;
  height: auto;   /*for ie*/
   _height: 480px;/*for ie*/
}

.list th{background:#eee;border-right:1px solid #999;padding:2px 4px; border-bottom:1px solid #999;}
.list td{border-right:1px solid #999;border-bottom:1px solid #999;padding:2px 4px }
.list {border:1px solid #999;background:#fff}

div.msg {margin:50px;}
.highlight{background :#ffcc66;padding:0 4px}


div.periodLeftInfo {font-size:9px;}
div.periodLeftInfo div {cursor:default;}
div.periodLeftInfo span.label{color:#666;margin-left:2px;}

.itemInfo {position:absolute;left:-9000px;}

div#mapContainer,div#mPictContainer {text-align:center;position:relative;display:none;height:510px;overflow:hidden;margin:auto;}
/*
div#closeBtn {padding:2px;border:1px solid #065587;background:#fff;cursor:pointer; color:#065587;}
*/
#mPict {cursor:pointer;}
#mPict img{border:4px solid #ffcc66;}
#mInfoPanel {text-align:left;width:20px;left:0;top:0;background:#fff;border:1px solid #ff9900;position:absolute;z-index:10000;filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;}
html>body div#mInfoPanel {left:0} /*noIE*/

#mInfo {text-align:left;margin:0 2px 2px 8px;width:300px;}
#mInfo div {padding:2px; }
#mInfo span.label {margin-right:4px;line-height:1.2em}
#mInfo span.value {color:#000;line-height:12px}
.itemCheck {position:absolute;top:2px;left:4px;background:transparent;z-index:103}
.itemNum {position:absolute;left:2px;top:80px;z-index:103;color:#fff;font-size:10px;padding:0 4px;display:none;}
.warning {background:lightyellow;border:1px solid #ff9900;padding:4px}
#grabInfo {margin-left:30px;float:left}

#itemDiv {height:auto;margin-bottom:0;}
.test{border:1px solid red}
/*
#eventBox {
  display:none; position:absolute; background:#fff; border:1px solid #999;border-bottom:1px solid #333;
  border-right:1px solid #333;width:160px;padding:4px;margin-left:6px;z-index:20
}
*/
/*periodList*/
/*
#midCol,#rightCol {min-height:150px;height:auto;_heigth:150px;}
*/
div.periodUserPhoto {
  float:left;text-align:center; border:1px solid #ddd;color:#666;width:100px;height:75px; background:#eee;
}
div.periodUserInfo ul {list-style:none; margin:0;padding:0; }
div.periodUserInfo li {
  line-height:16px;
}
div.periodUserInfo li a {
  margin:0;padding:0;
}
#leftColDiv{min-width:520px;}
.periodRow{background:url(../images/periodLine_v1.gif) repeat-y left top;border-top:1px solid #ddd;min-width:520px;}
.periodTitle {width:240px;margin-top:6px;}
.periodNameCol{width:270px;float:left;}
#addPeriodLine {background:lightyellow url(../images/periodLine_v1.gif) repeat-y left top;border-top:1px solid #ddd;min-width:520px;}

.addPeriodCol{width:20px;float:left;text-align:center}
.year {float:left;width:34px;background:transparent;}
.yearBar {float:left;width:6px;background:transparent;}
div.periodPhotoBox, img.periodPhotoBox {
  text-align:center;  cursor:pointer;
  border:1px solid #ddd;color:#666;width:50px;height:50px; background:#eee;
}
div.periodPhotoBox {float:left}
.securityCol{width:30px;float:left;text-align:center;height:50px;}
.securityCol div{margin-top:6px;margin-left:4px;border:1px solid #ddd;border-right:1px solid #999;border-bottom:1px solid #999;width:20px;height:20px}
.securityCol img {margin-top:6px}
.securityCol img.add {margin-top:2px}
.periodName {margin-top:6px; }
.editBy {float:left;width:70px;text-align:right;height:50px;}
.editBy img, .editBy div{margin-top:6px}
.itemby {font-size:9px;cursor:help}                                     -
.by {color:#999; font-size:9px;}
.addPeriodSelect{width:45px;margin-top:6px;}

.co_pan {width:150px;left:-9999px; top:-9999px;position:absolute; z-index:2051;visibility:hidden;}
.co_tl {background: transparent url(../images/co/tl.gif) no-repeat top left; width:5px;height:20px; float:left}
.co_tm{background:#dcdcdc;width:140px;height:20px;float:left}
.co_tm img {cursor:pointer}
.co_tm div{border-top:1px solid #666;text-align:center}
.co_tr {background: transparent url(../images/co/tr.gif) no-repeat top right; width:5px;height:20px; float:right}
.co_mbox {text-align:left;border-left:1px solid #666;border-right:1px solid #666;background:lightyellow;margin-top:-2px;}
.co_mbox div {padding:10px;}
.co_mbox h4 {font-size:12px;font-weight:normal;margin:0;padding:0;color:#000}
.co_mbox .year {color:#1281c8;font-weight:bold}
.co_blb {background: transparent url(../images/co/blb.gif) no-repeat top left; width:33px;height:22px; float:left;}
.co_blbn {background: transparent url(../images/co/blbn.gif) no-repeat top left; width:33px;height:22px; float:left;}
.co_brb {background: transparent url(../images/co/brb.gif) no-repeat top right; width:117px;height:22px; float:right}

.co_panb {width:250px;left:-9999px; top:-9999px;position:absolute; z-index:2050;visibility:hidden;}
.co_tlb {background: transparent url(../images/co/tlb.gif) no-repeat top left; width:5px;height:5px; float:left;line-height:5px;font-size:1px;}
.co_trb {background: transparent url(../images/co/trb.gif) no-repeat top right; width:245px;height:5px; float:right;line-height:5px;font-size:1px;}
.co_blbb {background: transparent url(../images/co/blb.gif) no-repeat top left; width:33px;height:22px; float:left;}
.co_brbb {background: transparent url(../images/co/brb.gif) no-repeat top right; width:217px;height:22px; float:right}
.co_mboxb {text-align:left;border-left:1px solid #666;border-right:1px solid #666;background:#fff;margin-top:-2px;}
.co_mboxb div.out {padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px}

.co_tlc {background: transparent url(../images/co/tlc.gif) no-repeat top left; width:10px;height:22px;  float:left;line-height:5px;font-size:1px;}
.co_trc {background: transparent url(../images/co/trc.gif) no-repeat top right; width:140px;height:22px; float:right;line-height:5px;font-size:1px;}
.co_blc {background: transparent url(../images/co/blc.gif) no-repeat top left; width:5px;height:5px;float:left;}
.co_brc {background: transparent url(../images/co/brc.gif) no-repeat top right; width:145px;height:5px; float:right}

.co_pand {width:250px;left:-9999px; top:-9999px;position:absolute; z-index:2050;visibility:hidden;}
.co_tld {background: transparent url(../images/co/tlc.gif) no-repeat top left; width:10px;height:22px;  float:left;line-height:5px;font-size:1px;}
.co_trd {background: transparent url(../images/co/trc.gif) no-repeat top right; width:240px;height:22px; float:right;line-height:5px;font-size:1px;}
.co_bld {background: transparent url(../images/co/blc.gif) no-repeat top left; width:5px;height:5px;float:left;}
.co_brd {background: transparent url(../images/co/brc.gif) no-repeat top right; width:245px;height:5px; float:right}
.co_mboxd {text-align:left;border-left:1px solid #666;border-right:1px solid #666;background:#fff;margin-top:-2px;}
.co_mboxd div.out {padding-left:10px;padding-right:10px;padding-top:4px;padding-bottom:4px}

.externalIcon {border:4px solid #fff;width:100px;height:75px;}
div.externalDesc {width:150px; height:20px; overflow:auto;}

div#periodText div {position:absolute;top:0;color:#666;font-size:8px;}

div#terms {padding:20px 40px}
div#terms p {margin-top:10px;}
div#terms ul, div#terms ol {list-style:none;margin-top:10px;}
div#terms ul li {list-style:decimal;line-height:1.4em;}
div#terms ol li {list-style:circle;line-height:1.4em;}

#help p {margin-top:10px;}
#help div#content {padding:20px;margin-top:20px;}
#help div#content div.answer {margin-bottom:40px;border:1px solid #999;padding:10px}
ul.sub li {list-style:square;}


div#tipDiv {
  position:absolute; visibility:hidden; left:-10px; top:-10px; z-index:1001;
  background:#fff;
  border:1px solid #ff9900;
  width:200px;
  color:#000; text-align:left;
}
div#tipDiv div {line-height:20px; border-bottom:1px solid #ddd;cursor:pointer}
div#tipDiv a {text-decoration:none;display:block;padding:0 4px}
div#tipDiv  a:hover {background:#faeab4;}
div#tipDiv div.headLine {font-weight:bold;padding-left:10px;background:url("../images/bg_navBar_gray.gif")}


/*search*/
div.listPanel {width:350px; margin:10px; margin-right:0}
div.listPanel div.inbox {background:#fcf9e0; border:1px solid #ff9900;}
div.inbody {margin:10px;}
div.inbody20 {padding:20px;}
div.inbody40 {padding:40px;}
div.listPanel div.lpHeader {border:1px solid #ff9900;line-height:20px;background:#ffcc66;}
div.listPanel div.lpHeader div {margin-left:20px;}


div.infoPanel {width:230px;margin-top:40px;color:#333;font-family:tahoma,serif;}
div.infoPanel div.lpHeader {font-weight:bold;line-height:14px;margin-left:10px;}
div.infoPanel table td,div.infoPanel table th {color:#333;padding-left:4px;}
div.infoPanel li {margin-bottom:10px; line-height:1.5em;
  list-style-position: outside;
  list-style-image: url(../images/bullet_list.gif);
  list-style-type: circle;
  margin-left: -20px;
  margin-top: 5px;
}

h2.shadow {background:#e0dcbe;color:#a25e3a;padding:4px;margin-top:0;margin-bottom:0}

div.homeWhat {border:1px solid #ff9900;width:300px;background:#fff;}
div.homeWhat a {color:#dd6d00}
div.homeWhat p, div#homeWhat li, div#homeWhat a {line-height:1.4em;}
/*journals*/
#periodListDiv, #bigPict{position:absolute;border:1px solid #999;;background:#fff;cursor:pointer;z-index:109;padding:10px;padding-right:20px}
#periodListDiv{height:300px;overflow:auto}
img.bigPictImg {border:6px solid #fff;border-top:0;}
##bigPict{display:none}


div.quotaOuter {border:1px solid #999;width:200px;height:10px;position:relative;background:#fff;}
div.quotaText {position:absolute;left:0;top:0;width:200px;line-height:10px;text-align:center;z-index:2;font-size:9px;color:#666}
div.quotaInner {background:#F0E68C;position:absolute;left:0;top:0;z-index:1;height:10px;_line-height:8px;_font-size:8px;}

td#middleBox, td#middleBox div.panel {width:20%;margin-bottom:4px}
td#rightBox, td#rightBox div.panel {width:20%;margin-bottom:4px}
td#rightBox div.panel{border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ddd;border-top:1px solid #ddd;}

div.panelBox {border:1px solid #aaa; background:#fff;}
div.panelBoxW {border:1px solid #ff9900; background:#fff;}

table.tagTable {width:160px;}
table.tagTable td {cursor:pointer;color:#333}

div#linksBox {min-height:300px; height:auto; _height:300px;}
div#appletBox {border:1px solid #333; background:#fff;padding:4px;width:570px;height:530px;}


div#periodLine div.pBarEnd {cursor:pointer;font-size:0;float:left;height:6px;_line-height:6px;}
div#periodLine div.pBar {border-right:1px solid #999;font-size:0;float:left;height:6px;_line-height:6px;background:#ccc url(../images/periodLine_w.gif) repeat-x;}
div#periodLine div.pBarH {border-right:1px solid #999;font-size:0;float:left;height:6px;_line-height:6px;background:#d29b1e url(../images/periodLine.gif) repeat-x;}
div#periodLine div.tLine {cursor:pointer;position:absolute;top:0;color:#666;font-size:8px;height:6px;_line-height:6px;}


div#helpDiv table {border:1px solid #333}
div#helpDiv td, div#helpDiv th {padding:4px;border-right:1px solid #333;border-bottom:1px solid #333;font-family:arial, serif;}
div#helpDiv{font-family:arial, serif;}
div.helpDiv {font-family:arial, serif;color:#a25e3a}
a.helpLink{cursor:help;}
div.note {font-family:arial, serif; font-size:10px;color:#666;line-height:1.2em}
.shadow{background:#eee}
td.tagsTd  span, td.friendTypesTd  span {display:block; width:100px; float:left; white-space:nowrap;}
img.help {cursor:help; margin-left:10px}
.moveBtn {width:40px;}
.disabled {color:#999}
.opacity{filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;}
.opacity5{filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
.opacity7{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7;}
.opacity8{filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;}
.opacity9{filter:alpha(opacity=90);-moz-opacity:.9;opacity:.9;}
.opacityAll{}


/*periodiconline*/
/*
.periodLineNav {display:none;position:absolute;top:70px;z-index:10;width:20px;height:40px;cursor:pointer}
*/
.periodLineOut {width:560px;height:70px;overflow:hidden;position:absolute;top:124px;left:-2140px;background:url(../images/plineBg.gif) repeat-x top ;z-index:20;border:1px solid #aaa;}
.itemPPB{background:#fff;float:left;width:40px; height:65px;font-size:9px;position:relative}
.ipbox{border:1px solid #fff;width:38px;height:40px;} /*itemlist Periodline Box*/
.barLine {height:6px;line-height:6px;font-size:6px;border-top:1px solid #aaa;margin-top:0px;color:#666}
.yearLine {margin-top:1px;height:10px;line-height:10px;font-size:9px;color:#666;}
.ipnp {padding-top:10px} /*itemlist Periodline no-photo*/

div.moreActionDiv {border:1px solid #666;border-top:2px solid #ddd;border-left:2px solid #ddd;margin-top:4px}
div.moreActionHeader {border-bottom:1px solid #999;line-height:20px;background:#e3e0d2;color:#000;font-weight:bold}
div.moreActionBox {text-align:left;background:#fff;min-height:50px;height: auto;_height:50px;padding:10px;}

.periodNavPanel {margin-bottom:20px; display:block;}
div.periodNavHeader {text-align:left;color:#a25e3a;;font-weight:bold;font-family:tahoma,serif;font-size:80%;border-top:1px solid #fff;} /*border-top is for ie*/
div.periodNavContent div.text {padding-left:10px;border-bottom:1px solid #e6e5cf;line-height:20px;color:#485587;min-width:120px;width:auto;_width:120px;cursor:pointer}
div.periodNavContent div.pict {padding-left:10px;border-bottom:1px solid #e6e5cf;line-height:20px;color:#485587;min-width:120px;width:auto;_width:120px;}


div.periodNavHeader div.more {float:right;margin-right:4px;}
div.periodNavHeader a.more {font-weight:normal;}

/*friendlist and grouplist*/
.listContainer {border:0 solid #ff9900;}
.listContainer .header {background:#eee;color:#333;line-height:30px;height:30px;border-bottom:1px solid #666}
.listContainer .subHeader {border-bottom:1px solid #ddd;padding-top:4px;padding-bottom:4px}
table#friendTable td,table#friendTable th {border-bottom:1px solid #ddd;text-align:left;}
table#friendTable th {background:#eee;line-height:40px;padding:0 4px}
#friendsListDiv {position:absolute;width:250px;border:1px solid #ddd;border-right:1px solid #666;border-bottom:1px solid #666;display:none;background:#f5f3e7}
.flistHeader {background:#9a996d;color:#fff;border-bottom:1px solid #666;padding:2px 6px}
.hlight,.hlight td {background:lightyellow;}
span.hlight{font-weight:bold}

.rtop{height:11px;overflow:hidden}
.rtop_l{float:left;background:url(../images/b_lt.gif) no-repeat left top;width:11px;line-height:11px}
.rtop_m{float:left;background:#fff;border-top:1px solid #ff9900;line-height:11px}
.rtop_r{float:left;background:url(../images/b_rt.gif) no-repeat left top;width:11px;line-height:11px}
.rbot_l{float:left;background:url(../images/b_lb.gif) no-repeat left top;width:11px;height:11px}
.rbot_m{float:left;background:#fff;border-bottom:1px solid #ff9900;line-height:10px}
.rbot_r{float:left;background:url(../images/b_rb.gif) no-repeat left top;width:11px;height:11px}
.rbody {border:1px solid #ff9900; background:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff}
div#slogan div{line-height:1.5em;font-family:tahoma serif;}
div#demoPict {margin-top:30px;}
div#demoPict .demoFont{font-size:10px; color:#666}
div#more0 div{line-height:20px;margin-left:10px;text-align:left}
#actionList{position:absolute;text-align:left;background:#fff;border:1px solid #999;border-right:2px solid #999;border-bottom:2px solid #999;cursor:pointer;z-index:104}
#actionList a, #actionInInfo a{margin:2px 4px;width:160px;display:block;padding-left:20px}
#actionList a:hover {background:#ffebb5}

a.edit, a.editLink {background:url(../images/edit.gif) no-repeat left center;}
#actionList a.edit:hover {background:#ffebb5 url(../images/edit.gif) no-repeat left center;}
a.map {background:url(../images/location.gif) no-repeat left center;}
#actionList a.map:hover {background:#ffebb5 url(../images/location.gif) no-repeat left center;}

a.comment {background:url(../images/note.gif) no-repeat left center;}
#actionList a.comment:hover {background:#ffebb5 url(../images/note.gif) no-repeat left center;}

a.delete {background:url(../images/delete.gif) no-repeat left center;}
#actionList a.delete:hover {background:#ffebb5 url(../images/delete.gif) no-repeat left center;}

a.tag {background:url(../images/tagpeople.gif) no-repeat left center;}
#actionList a.tag:hover {background:#ffebb5 url(../images/tagpeople.gif) no-repeat left center;}

a.download {background:url(../images/download.gif) no-repeat left center;}
#actionList a.download:hover {background:#ffebb5 url(../images/download.gif) no-repeat left center;}

a.moveto {background:url(../images/move.gif) no-repeat left center;}
#actionList a.moveto:hover {background:#ffebb5 url(../images/move.gif) no-repeat left center;}

a.fb{background:url(../images/fblogo.gif) no-repeat left center;}
#actionList a.fb:hover {background:#ffebb5 url(../images/fblogo.gif) no-repeat left center;}

a.share{background:url(../images/icon/share.gif) no-repeat left center;}
#actionList a.share:hover {background:#ffebb5 url(../images/icon/share.gif) no-repeat left center;}

a.bigphoto {background:url(../images/big.gif) no-repeat left center;}
#actionList a.bigphoto:hover {background:#ffebb5 url(../images/big.gif) no-repeat left center;}
.actionBtn {position:absolute;left:100px;top:0;z-index:10;display:none;cursor:pointer}

#actionInInfo {border-top:1px solid #666;padding:10px;margin-top:10px}
#actionInInfo a{display:block}

img.event {border:1px solid #fff;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
.dot{margin:4px 1px;cursor:pointer}
.profileIcon {text-align:center;background: url(../images/bg/profile_bg.gif) no-repeat 54% 50%;height:120px;position:relative;}
.profileIcon img  {border:0;}
#periodIcon {position:absolute;left:50px;top:30px;;width:100px;height:75px;overflow:hidden}
#periodInfo {border:1px solid #ddd;background:#fff }
#periodInfoMoveAnchor {background:url(../images/move_anchor_grey.gif) no-repeat 2% 2%;width:16px;height:16px;position:absolute;top:3px;left:3px;cursor:move}

div.leftNavHeader {background:#ddd;margin-top:10px;}
/*
div.leftNavHeader img {cursor:pointer}
*/

div.leftNav { text-align:left;background:#fff}
div.leftNav div{border-bottom:1px dotted #ddd;cursor:pointer}
div.leftNav a {text-decoration:none;display:block;color:#333;padding:0 4px}
div.leftNav a:hover {background:#faeab4}

.actionOnTop {margin-left:20px; float:left}
.topSlideshow {margin-left:20px;margin-right:4px;float:left}


.ftd {padding:2px 2px 0 2px;border-bottom:1px solid #ddd}

.outer{position:relative;min-width:1000px; zoom:1}

#header #version {font-size:10px;color:#fff;position:absolute;top:30px;left:290px;width:100px;font-style:italic;}
#header #linkPanel {float:right;padding-top:4px;margin-right:10px;color:#fff}
#header #linkPanel a {font-family:arial,serif;color:#fff;}
#topTabPanel {position:absolute;right:300px;top:29px;width:300px;height:24px;}
#topNav {margin-top:4px;border-bottom:2px solid #ddd;height:2em;line-height:2em;margin-right:260px;}
#topNav a, #topNav .nav {font-weight:bold;padding:1px 10px; border-left:1px solid #666;font-variant:small-caps;display:inline;text-decoration:none}
#topNav a:hover {text-decoration:underline;}
.content {padding:20px;padding-top:0;}
#leftBar {position:absolute;top:150px;left:20px;width:200px;}
#mainBody{margin-left:220px;}
#mainBody1 {padding:20px;border:1px solid #ddd;margin:10px;margin-left:220px;padding-top:0;background:lightyellow}
#mainBody1 div.mm {float:left;width:120px;height:20px;overflow:hidden;white-space:nowrap;}


div.contentSubBox {border-top:1px solid #aaa; min-height:500px; background:#ffffff;position:relative;top:39px;z-index:0;margin-left:10px;margin-right:10px;
  height: auto; _height: 500px;_top:38px;
}
div.iconsContainer{margin-left:20px;margin-bottom:20px;width:97%;overflow: hidden; position: relative}
.ownerLabel {float:right;margin-right:10px}

#footer {clear:both;margin-top:100px;}
#footer div.footerContent {line-height:50px;padding-left:20px;}
#footer a {color:#fff;font-family:arial, serif;font-size:12px;}
#footer a:hover, div#header a:hover {text-decoration:none}
#footbanner{text-align:center;margin:50px 0 4px 0;}


#periodEditBtn {position:absolute;right:0px;top:0;}
.hlightYellow {background:yellow}

.growupNavPanel {margin-bottom:0;}
.growupNavContent {margin-bottom:20px;display:none}
.growupNavHeader {text-align:left;color:#a25e3a;font-weight:bold;font-family:tahoma,serif;font-size:80%;border-top:1px solid #fff;border-bottom:1px solid #ddd} /*border-top is for ie*/
.growupNavContent a {display:block; text-decoration:none;padding-left:20px;border-bottom:1px solid #e6e5cf;line-height:20px;color:#485587;}
.growupNavContent a:hover{padding-left:20px;text-decoration:underline;}
.growupNavHeader div.more {float:right;margin-right:4px;}
.growupNavHeader a.more {font-weight:normal;}
/*
.growupNavContent a.current {background:#deebf7;text-decoration:underline;}  */
/*#4685c8, a5c2de*/
/*
*/
.growupNavContent a.current {background:#fccf8b;text-decoration:underline;}  /*#4685c8, a5c2de*/
/*
.growupNavContent a.current:hover {color:#ff9900}
*/
.headerNoMove a{color:#fff;text-decoration:none}
.headerNoMove a:hover{color:#ff9900}
.help{display:block;background:url(../images/help_w.gif) no-repeat;width:15px;height:15px;text-decoration:none}
.closeBox{background:url(../images/arrow/menu_up.gif) no-repeat 50% 50%;width:11px;height:16px;text-decoration:none}
.openBox{background:url(../images/arrow/menu_down.gif) no-repeat 50% 50%;width:11px;height:16px;text-decoration:none}


.iconBtn {width:18px;height:16px;cursor:pointer}
#iconTiles {background-image:url(../images/icon/list.gif);background-repeat:no-repeat;background-position: 50% 50%} /*#4685c8 */
#iconDetails {background-image:url(../images/icon/detail.gif);background-repeat: no-repeat;background-position: 50% 50%}
#iconSlideshow {background-image:url(../images/icon/slideshow.gif); background-repeat:no-repeat; background-position:50% 50%}
.currentIcon {background-color:#666}


#dummyHolder {height:20px;display:none}/*for display periodline*/


div.iconItem{float:left;width:120px;height:100px; overflow:hidden;background:transparent url("../images/bg/itemBg.gif") no-repeat left top;margin-right:10px;margin-top:6px;position:relative;}
div.iconItemAjax{float:left;width:120px;height:100px; overflow:hidden;margin-right:2px;margin-top:2px;}
div.iconDiv {width:120px;height:100px;overflow:hidden;}
div.orgIcon {border:1px solid #333;width:60px;height:60px;overflow:hidden;margin:4px;cursor:move;float:left}
/*
div.itin {line-height:9px; font-size:9px;width:120px;overflow:hidden;white-space:nowrap;text-align:left;margin-left:6px;}
div.itin a {text-decoration:none;font-size:9px}
*/
#editCoverPane {position:absolute;display:none;top:0;left:0;width:100%;height:100%;z-index:199;background:#000;filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;}

/*slideshow and bigPhoto*/
#coverPane {position:relative;display:none;top:0;left:0;width:100%;height:100%;z-index:199;background:#000}
#slideControl{position:absolute;bottom:10px;width:100%;z-index:200;background-color:transparent;text-align:center}
#slideControlInner{width:800px;margin:0 auto;}
#pauseSlideshow {color:#666; position:absolute;left:50px;top:50px;font-size:30px;font-weight:bold;z-index:201;}
#backgroundColors {position:absolute;right:20px;top:0;height:100%}
#backgroundColors div {width:16px;height:16px;margin-top:1px;}
#bc1 {background-color:#000;}
#bc2 {background-color:#222;}
#bc3 {background-color:#444;}
#bc4 {background-color:#666;}
#bc5 {background-color:#888;}
#bc6 {background-color:#aaa;}
#bc7 {background-color:#ccc;}
#bc8 {background-color:#eee;}
#bc9 {background-color:#fff;}

.layout {	_height: 0;	zoom: 1;}
#editItemPane {position:absolute;left:0;top:50px;display:none;z-index:200;text-align:center;width:100%;height:100%;}
#editItemPaneIn {margin:0 auto;width:90%;text-align:left;}
#lpbox {position:absolute;display:none;z-index:200;overflow:hidden;top:50px;;left:0;text-align:center;width:100%;height:100%;}
#wd {height:5px;width:200px;background:#aaa;}

.growupNavContent a.a0 {border:none}
.growupNavContent hr {border:none;border-top:1px solid #e6e5cf;height:1px}
#ltview{background:url(../images/icon/list_l.gif) no-repeat left center}
#ldview{background:url(../images/icon/detail_l.gif) no-repeat left center}
#lsview{background:url(../images/icon/slideshow_l.gif) no-repeat left center}
#lshowNum{background:url(../images/icon/num.gif) no-repeat 2px center}
#lshowInfo{background:url(../images/icon/info.gif) no-repeat 2px center}
#lsharePeriod{background:url(../images/icon/share.gif) no-repeat 2px center}

.lessMore {padding-left:32px;display:block;background:#eee url(../images/icon/button_arrow_down.gif) no-repeat 20px center;font-size:9px;}
#leftNav{float:left;border-right:0px solid #aaa;width:19px;height:80px;display:none;position:absolute;top:0;left:0;z-index:23}
#rightNav{float:right;border-left:0px solid #aaa;width:19px;height:80px;display:none;position:absolute;top:0;right:0;z-index:23}
#leftNav div,#rightNav div {margin-top:4px;margin-left:1px;width:16px;height:16px;background:#fff ;text-align:center;cursor:pointer};

.whelp {cursor:help;border-bottom:1px dashed #000}

.editOuter {width:850px; overflow:auto;}
.editLeft {float:left;margin:20px;width:120px;}
.editLeftIcon {width:120px;height:110px;text-align:center;overflow:hidden}
.editMain {float:left;border:1px solid #ddd;padding:10px;margin:10px;width:550px;}
.editDescription {width:430px;margin-bottom:10px}

.addWarn{border:1px solid #e8c978;background:lightyellow;padding:10px;margin:10px 10px 10px 0;}
.utdetails {margin:4px 10px;border:1px solid #999;padding:6px;background:#eee;width:400px;line-height:1.2em;}

.logoutLinkEdit{display:none}
.bgSlide{padding:10px}
.tagItem{border:1px solid #ff9900;cursor:pointer;padding:1px}
#tagbox, #tagboxb {display:none;position:absolute;background:transparent;width:100px;height:100px;border:1px solid #000}
.tagboxIn{border:2px solid #fff;width:96px;height:96px;z-index:1000}
#tagName {position:absolute;background:white;color:black;width:auto;height:auto;padding:2px;border:1px solid #ff9900;font-size:10px;font-weight:bold}
.help1 {border-bottom:1px dashed #000}
.tagxys{position:absolute;left:-1000px;top:-1000px}
.pageNav {margin:4px 0;padding:4px;border-top:0px solid #999;border-bottom:0px solid #999;background:#eee}
.pageNav a {margin:2px 4px;}
.pageNav a.next {font-weight:bold;}

#tagPeople {background:#eee; border:1px solid #333;padding:20px}
#tagPeople img.itemIcon {border:4px solid #fff;}

/*
.monthCount{margin-left:6px}
.journalList{margin-left:6px}
*/
div.journalBox {border:0px solid #ddd;margin:10px;background:#fefefe url(../images/jbg.gif);color:#333}
div.journals {width:900px;margin:0 auto}
textarea.journal{width:900px;height:500px;}

.journalNav th,.journalNav td,.journalNav a {font-size:11px;line-height:13px;}
.journalNav a{margin:0;padding:0;display:inline;border:0;float:none}
.journalNav  a:hover{padding-left:0;text-decoration:underline;}
a.journalYear {font-size:90%;font-weight:bold;margin-top:6px;display:inline;float:none;width:auto;}
.journalTitleBar {background:#eee;border-top:1px solid #999}
.journalTitle {float:left;font-size:12px;font-weight:bold;padding:4px;color:#666;font-family:verdana;}/*#00609d*/
a.label {text-decoration:none;color:#065587}
a.label:hover {text-decoration:underline}

.tmpFolder a {color:green}
.tmpFolderQuickAdd a, .tmpFolderQuickAdd {color:green;}
.llabel{color:#999}
.row {padding-left:0;cursor:default;}
.rowRight {float:left;font-size:10px; margin-left:4px;padding-top:2px}
.labels {line-height:12px;height:14px;overflow:hidden; white-space:nowrap;}
a.compact , .compact a, a.compact:hover , .compact a:hover {padding-left:0;border-bottom:0}

div.vstatus{position:absolute;bottom:0;left:20px;display:none}
.subTabDiv { cursor:pointer;width:86px}
.vbox {position:absolute;left:210px;top:10px;width:600px;height:375px;z-index:2;background:#ffffff;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;cursor:default}
.vboxin{position:absolute;left:210px;top:10px;z-index:1}

body#help #leftOuter{width:200px;border:1px solid #ddd;position:relative;padding-top:29px;}
body#help #left, body#help #leftSearch{width:200px;border:1px solid #999;overflow:auto;}
body#help #left{border:0;}
body#help #helpMain{width:600px;border:1px solid #ddd;overflow:auto}
body#help #divider{width:10px;float:left;border-right:1px solid #666;cursor:e-resize;margin-left:-4px;z-index:10;background:#eee;}
body#help #details {margin:10px}
body#help #left ul, body#help #leftSearch ul {margin-right:6px;padding-left:20px;margin-left:0}
body#help #leftTab, body#help #leftSearchTab {position:absolute;left:0;top:0;z-index:10;margin-top:10px}

/*period share popup*/
.popPanel {background:#fff;position:absolute;padding:2px; border:1px solid #ddd;border-right:2px solid #999;border-bottom:2px solid #999;z-index:2051}
.popPanel a{text-decoration:none}
.popPanel a:hover{text-decoration:underline;}
#helpDiv{text-align:left}

.mComm {width:560px;background:lightyellow;border:1px solid #000;padding:5px}
.mCommDiv {width:450px;}
a.pAction{padding-right:12px;background:url(../images/arrow/menu_down_s.gif) no-repeat right center;font-size:11px}
.guestbook {padding:20px;padding-top:0;border:1px solid #333;background:lightyellow;min-height:500px}

#qAddBox {display:none; position:absolute;background:#fff;border:1px solid #333;padding:10px;}
#qAddBox a {display:block;line-height:1.7em}

/*it is for div tag and inside with img tag*/
div.iconDiv40{width:40px;height:40px;float:left;cursor:default;text-align:center;vertical-align:middle;overflow:hidden}
div.periodEditTab{position:absolute;top:-20px;z-index:0}
.smallMap{width:500px;height:300px;border:1px solid #000;}
#iMap{width:150px;height:100px;position:absolute;left:-1000px;top:-1000px;z-index:20;border:1px solid #999;overflow:hidden}
.miniMap{width:180px;height:120px;}
#batchPanel {background:lightyellow;padding:4px;margin:4px;display:none;border:1px solid #ddd}
#newFeatureMG {display:block}
#newFeature4App {display:none}

#newFeatureMG a,#newFeatureMG a:visited,
#newFeature4App a,#newFeature4App a:visited {color:red}
#leftBarIn .bg{max-height:400px;overflow:auto}

/*customise */
#mgtop input {filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;border:1px solid #000;font-size:10px}
#mgtop input.homeBtn {cursor:pointer;}
#mgtop{background: #1281c6; line-height:22px;}
#mgtop, #mgtop a{color:#fff}
#mgtop a {text-decoration:none}
#mgtop a:hover {text-decoration:underline;}
#mgtop #mlog {background:url( ../images/logo/logo_20_b.gif ) left center no-repeat;width:25px;cursor:pointer}
#mgtop #login {color:#fff}
#mgtop #login {font-size:10px}

#bigForList{position:absolute;z-index:10000;border:1px solid #999;display:none;cursor:pointer}
#bigForList img{border:4px solid white}