body {margin: 0;padding:0; font-size:12px;TEXT-ALIGN: center;font-family: arial,verdana, helvetica, sans-serif;
background:#f9f9f9}
 HTML BODY {TEXT-ALIGN: center;}
div{MARGIN: 0px auto; font-family: arial, helvetica, sans-serif;text-align:left;}
A:link,A:visited{   COLOR: #36E;	 TEXT-DECORATION: none;
}
a:link:hover,a:visited:hover{TEXT-DECORATION: underline;}
.hl,.hlt{background:#fc0;color:#000}
.c{clear:both}




#page ,div.page,#main,.main{width:980px;overflow:visible;text-align:center;clear:both;} 
div.page{float:left; }
.mainleft,.mainright{float:left;width:700px;margin:10px 0 0 0;}
.rounddiv{float:left;width:100%;clear:both;border:1px solid #ddd;
border-radius: 3px;-moz-border-radius:3px;margin:10px 0 0 0}
.mainright{float:right;width:250px;}
#headmenu{margin-left:20px;float:left}
.headtop{background:#000 url(images/ybg.png) repeat-x 0 0;float:left;width:100%;height:33px;
} 
#headmenu  li{height:20px;display:block;float:left;text-align:center;}
#headmenu  li a{display:block;color:#ddd;padding:2px 10px;
margin: 2px 5px ;
}
#headmenu  li a:hover,#headmenu  .current a
{TEXT-DECORATION: none;border-top:0;color:#fff}







.slimbd{border:1px solid #eee;}
.slimbd table,.loadinit{float:left;padding:0;margin:0;}
.trhead td{padding:2px;color:#000;
background:url(images/ybg.png) repeat-x 0 -57px;
}
.tr0,.tr1{background:#efe;color:#666;margin:0;border-bottom:1px solid #eee; }
.tr1{background:#f9f9f9;}
.tr0 td,.tr1 td,.trhover td{padding:4px 2px;border-left:1px solid #eee;text-align:left }
.trhover td{background:#8bc7ff;color:#000}

.slimbd table{border:0}
 table{border-collapse:collapse;}
 .trbar td{padding:2px;border-bottom:1px solid #ccc;
background:url(images/ybg.png) repeat-x 0 -34px;
}
.loadinit{padding:5px 10px;}
.widetd tr td{padding:0px}



input,select{padding:4px;border:1px solid #d3e6fd;color:#666}
input,textarea{font-size:12px;}
.error{display:none;color:#fff;background:red;}
.hlt{background:red;color:#fff}

.comment{margin:2px;border:1px solid #eee;border-top:1px solid #ccc;}
.comment .entry{ color:#555;padding:10px;}
.comment  .head{background:#fdf;padding:3px;border-bottom:1px solid #ccc}

.m-m{margin:4px;}

.irt{background:url(images/rtbg.png) no-repeat 0 0; width:266px;margin-top:30px;clear:both}
.iwiki{background-position:-286px 0;}
.sp{background-position:-562px 0;height:200px;}
.content p,.content,{font-size:18px !important}

ol{list-style-position: inside;}
tr.gray td{color:#777;background:#ccc}
.hint{border:1px solid #f93 ;padding:4px;margin:4px;background:#ffec99 url(images/hint.png) no-repeat 5px 5px;padding-left:24px;}

ul.table li{ padding:2px;border:1px solid #ccc;padding:2px;border-top:0}
ul.table{ border-top:1px solid #ccc;}
 

p{line-height:1.5em;}
ul{margin:0;padding:0;list-style:none}
ol{margin:2px;padding:2px;}
ol li{margin:4px 0} 



.submenu a{display:block;float:left;
margin:-2px 4px 4px 10px;color:#000; background:#fff;border:1px solid #ccc;padding:5px;}
.submenu a.current,.submenu a:hover,#adminmenu .current a{background:#fc0;color:#000;text-decoration:none;border:1px solid #ccc;}

.tabmenu{ clear:both;height:30px;float:left;margin:10px 0 5px 5px}
 
.linetilebar{clear:both;
background:#5c9fee;width:100%;height:20px;margin-top:-2px;
width:100%;text-align:center;padding-top:3px;color:#eee;border-bottom:1px solid #5758ba;
}
.linetilebar ? {color:#ccc}

.current .nav{font-weight:bold;background:#fc0;color:#000;}
.accmenbar{border:1px solid #999;border-bottom:0;height:28px;margin-bottom:-1px;}
.accmenbar .page{border:2px solid #ccc;border-bottom:0;background:#fff;color:#000;height:26px;width:976px;}
.accmenbar .page a,.accmenbar .page a:link{color:red;font-weight:bold}
.yen{text-decoration:underline;}



#ajaxs{
font-weight:bold;color:#000;
padding:5px 15px;
background:#fff1a8 url(images/loading.gif) no-repeat 4px 4px ;
text-indent:12px;
z-index:200;
position:fixed !important;/*important*/
position:absolute;/*IE */
float:right;
top:10px;
left:50%;
margin-left:-200px;
text-align:center;
display:none;
border:4px solid #fc0;
}
.loading{
background: url(images/loading.gif) no-repeat 20px 20px !important ;
}
  

.wt,.wt a,.wt a:visited,.wt a:link{color:#fff !important;}
.wgray{color:#ccc !important}
.gray{color:#545 !important}
.bggray,.bggray td{background:#ccc;}
.red{color:red !important}
.redbd{border:1px solid red !important}
.green{color:green !important}
.bgwt{background:#fff}
.fl,.f{float:left}
.fr{float:right}
.b,.b td{font-weight:bold}
.ar{text-align:right !important}
.ac{text-align:center!important}
.al{text-align:left!important}
.hide{display:none!important}
.rq{background:#fc0;border:1px solid #666}
.bgyellow{background:#fc0}


.linediv{width:990px}
.imglist{float:left;margin:10px;border:1px solid #cec;background:#eee;width:180px;height:180px;}
.imglist img{width:176px;border:2px solid #eee}
.singleimg{padding:3px;}
button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 20px 0 0;
text-align: center;
height: 24px;
line-height: 24px;
width: auto;
}

button.rounded,button.roundedc , button.current:hover{
background: transparent url( images/btn_right.png ) no-repeat scroll right top;
clear: left; 
padding-top:0!important;
padding-right:15px;
}

button span {
display: block;
padding: 0 0 0 17px;
position: relative;
white-space: nowrap;
height: 24px; 
line-height: 24px; 
}
button.roundedc{
background-image: url( images/btn_right_c.png );
}
button.rounded span ,button.roundedc span{
background: transparent url( images/btn_left.png ) no-repeat scroll left top;
color: #FFFFFF; 
}
button.roundedc span{

background-image: url( images/btn_left_c.png );
}

button.rounded:hover,button.current, button.roundedc:hover{
background-position: 100% -24px;
}

button.rounded:hover span, button.roundedc:hover span,button.current span{
background-position: 0% -24px;
}

button::-moz-focus-inner {
border: none;
}
#footer{ text-align:center;margin-top:5px;clear:both;padding-top:20px;border-top:1px solid #eee;
width:960px;

}
#footer a{color:#666}
.plainbutton{border:1px solid #ccc;!important;background:#fff}
.indexblock{
border:5px solid #ddd;margin:10px 0;display:block;
width:520px;
border-radius: 5px;-moz-border-radius:5px;
}
.indexblock .imgdiv{
	border:1px solid #999;width:510px;
}
.indexblock a{display:block;margin:2px;}
.indexblockmeta{
background:#ddd;width:100%;
color:#999
}
 label.cabinet
{
    width: 79px;
    height: 22px;
    background: url(images/filebt.png) 0 0 no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
	float:left;
}

 label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
 

 

.imgicons{width:120px;height:130px;float:left;margin:4px;
text-align:center;
line-height:8em;
cursor:pointer;overflow:hidden;}
.li1 .li0{
background:#fef;padding:4px;border-bottom:1px solid #999
} 
.li0{
background:#efe
}
.hl{color:#fff;background:#888}
.imgtitle{line-height:22px;height:20px;width:80px;}
.imgicons img {vertical-align:middle;}
.imgicons tr td.img{margin:2px;border:1px solid #eee;}
.select{border:2px solid #50bf00!important;margin:0;
background:url(images/tick.png) no-repeat right bottom
}

.locked{background:url(images/lockedfile.png) no-repeat right bottom;
border:1px solid #e7b378}

.ttbg{background:url(images/ttbg.png) repeat-x 0 0;height:22px;color:#fff;font-weight:bold;
padding:3px 0;text-indent:2em;width:100%;}
#imglist{width:100%;}
#dirlist{width:150px;overflow:auto;margin:10px 4px 0 10px;}
.opmenu ul li{float:left;width:100px;display:block;margin:0 10px}
.opmenu ul {height:22px; display:block;width:100%}
.opmenu{background:#eee;width:100%;height:25px;border-bottom:1px solid #ddd} 



.opmenu ul li a,.opmenu ul li a:visited,.opmenu ul li a:link{
display:block;color:#000;text-decoration:none;background:#ddd;
text-align:center; padding:2px 0;
}
.opmenu ul li a:hover{background:#999;color:#fff;}
 
.rd{border:1px solid #999;
border-top:0;border-bottom:0;} 
.rd a{
 border:1px solid #999;
border-right:0;border-left:0;
margin:-1px 0;
}
.warning ,.warning a{border-color:red!important;}
.warning a:hover{background:red!important}
.uploadfilelist {
	background:#fff url(images/progbarbg.png) no-repeat  -535px 0;
	width:540px;
 }
.uploadfilelist .fname,.uploadfilelist .size,.uploadfilelist .op{
	height:22px;float:left;
	width:50%;overflow:hidden;line-height:25px;
	text-indent:2px;

}
.uploadfilelist .size{
	width:30%;
}
.uploadfilelist .op{cursor:pointer;
	width:20%;
}
#imginfodetail,.floatDiv{
z-index:5;
position:fixed !important;/*important*/
position:absolute;/*IE */
width:600px;
top:50px;
padding:1px;
border:2px solid #888;
background:#888;
left:50%;
margin-left:-300px;
display:none;   
}
.icon{background:url(images/icons.gif) no-repeat}


.edittxt{float:right;background-position:-226px -104px;width:20px;height:20px;}
/*
operation button
*/
.tinyicon{background:#fff url(images/operbtbg.png) no-repeat 0 0;
}
.oper{
background:#fff url(images/operbtbg.png) no-repeat 0 0;border:0;margin:2px 5px;color:#888;
cursor:pointer;border:1px solid #ddd;
display:block;float:left;text-indent:18px;
padding:6px 3px;
height:13px;
}
a.oper:link,a.oper:visited{color:#888;}
a.oper:hover{text-decoration:none;color:#000;border:1px solid #ccc;}
.iupload{background-position:2px -110px;}
.idel{background-position:2px -50px;}
.ilink{background-position:2px -82px;}
.iall{background-position:2px -276px;} 
.imove{background-position:2px -462px;} 

.dname,.dname1,.dedit{display:block;width:100%;text-indent:20px;
background-position:2px -320px;
text-decoration:none;
color:#753e98;
height:20px;text-decoration:none;
}
.dname:hover,.dname_current,.dname_current:link,.dname_current:visited,.dname_current:hover{
background-position:2px -355px;text-decoration:none;color:#000;
}
.dedit{background-position:2px -430px;
}
.authed{background:url(images/lockedfile.png) no-repeat right bottom;
border:2px solid #e7b378}



/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}