/*  layout start */

html {
	height:100%; 
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 	
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
  /* dbg */
	overflow: auto; 
	padding:0; 
	margin:0; 
	border:0;
}

#content {	
	overflow:auto; 
	position:absolute; 
	z-index:3; 	
	}

* html #content {
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	height:100%; 
	max-height:100%;  
	overflow:auto; 
	position:absolute; 
	z-index:3;
	width:100%; 
	}

#head {
	position:absolute; 
	margin:0; 
	top:0; 
	left:0; 
	display:block; 
	width:100%; 	
	z-index:5; 
	overflow:hidden; 
	}

#foot {
	position:absolute; 
	margin:0; 
	bottom:0; 
	left:0; 
	display:block; 	
	z-index:5; 
	overflow:hidden; 
}

#left {
	position:absolute; 	
	z-index:4; 
	overflow:auto; 
}

* html #left {
	height:100%; 
	top:0; 
	bottom:0; 
}
	

/*  layout end */

.cText {	
	width:100%;	
}

/* element start */
* html .cText
{	  	  
	width:98%;  
 }
  
.cSelect {
	width:100%;
	margin: 0;
}

* html .cSelect
{	  	  
	width:98%;  
}
 
.cError {
	margin: 0;
	margin-bottom: 0.2em; 
	background: inherit;
	display: block;
	width:100%;
} 


/* element end */

/*  box start */

/* selectBox start */
 
div.headSelectBox a.open,
div.headSelectBox a.closed
 {	
	display: inline;
	float:left;
	width: 20px;
	text-decoration: none;	
	margin-right: 20px;
}

div.headSelectBox a.closed {
	background: #EDEDED url(images/tri_down.gif) no-repeat center;
}

div.headSelectBox a.open {	
	background: #EDEDED url(images/tri_up.gif) no-repeat center;
}

div.bodySelectBoxHidden {		
	display: none;
}  

/*  box end */

/*  div start */

div.clear {
	clear: both;
}
 
/* Workaround for IE 5.x: */
* html div.clear {
	height: 0;		/* all IE */
	he\ight: auto;	/* IE 6(+) */
	/* display: inline;	 */
}

div.padding {	
	clear: both;	
}
 
* html div.inline {
	display: inline;
} 
/*  div end */

/* column start */

.col_1 {
  margin-top: 4px;
  float: left;
  width: 35%;
 }
 
 * html .col_1
{	  	  
	width:30%;  
}

.col_float {
  margin-top: 2px;
  float: left;
 }  
 
.col_2 {
  margin-top: 2px;
  width: 64%;  
  float: left;
 }   
 
 .col_3 {
  margin-top: 2px;
  width: 54%;  
  float: left;
 }  
 
 .col_4 {
  margin-top: 2px;
  width: 8%;  
  float: left;
 }  
 
.col_5 {
  margin-top: 2px;
  width: 8%;  
  float: left;
 }  
 
  * html .col_2
{	  	  
	width:67%;  
	/* border:1px solid; */
}

.col_1_block {
  padding-top: 4px;
  float: left;
 }
.col_2_block {
  clear:both;  
 }  
 
 .col_1_date {
  margin-top: 6px;
  float: left;
  width:3em;
 }
 
.col_2_date {  
  margin-top: 0;
  float: left; 
  width:40%; 
  /* border: 1px solid;*/
 }   
 
 .col_1_ready {
	margin-top: 4px;
  	float: left;
	width:155px;
 }
 
  * html .col_1_ready
{	  	  
	width:22%;  
}

.col_2_ready {  
 }   
 
#selectBox  .col_2 {
  width: 60%;
  padding-top: 4px;
  float: left;
 }  
 
#selectBox  .col_2_date {
  width: 100%;
 } 
  
/* column end */

/* font-size start */

table,
input {
	font-size: 100%;
}

/*  font-size end */

code.mix,
code.code
{
  display: none;
}

/* csstip start */

a.csstip span.outer {display:none;}

a.csstip:hover {
  border:0; 
  position:relative; 
  z-index:500; 
  text-decoration:none;
  }
  
a.csstip:hover span.outer {
  display:block; 
  position:absolute; 
  top:20px; 
  left:-25px; 
  padding:5px; 
  }

/* method 1 a bodge for IE5.5 and IE6 browsers */
* html span.inner {   
   display:block;
   width:100%; 
  }
 
a.csstip:hover span.outer em.outer {
  position:absolute; 
  left:20px; 
  top:-8px; 
  width:0; 
  height:0; 
  display:block; 
  background:transparent; 
  border-left:7px dashed transparent; 
  border-right:7px dashed transparent; 
  overflow:hidden; 
  z-index:100;
  }
  
a.csstip:hover span.outer em.inner {
  position:absolute; 
  left:20px; 
  top:-7px; 
  width:0; 
  height:0; 
  display:block; 
  background:transparent; 
  border-left:7px dashed transparent; 
  border-right:7px dashed transparent; 
  overflow:hidden;
  z-index:100;
  }
/* csstip end */
 
 
/* xbox start */
.xbox {background: transparent; float:left; margin:0 3px;}
.xtop, .xbottom {display:block; background:transparent;font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb1 {margin:0 5px; }
.xb2 {margin:0 3px;border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xbox h1 {margin:0;}
.xb2, .xb3, .xb4 {background:transparent;}
.xboxbody {display:block;height:auto;}   
* html .xboxcontent {height:1px;}

.xb1 { 
  background:#444;
}
  
.xb2, .xb3, .xb4 {
  border-left:1px solid #444; 
  border-right:1px solid #444;
}

.xboxbody { 
  border:0 solid #444; 
  border-width:0 1px; 
}  
/* xbox end */

/* shadow start */
.shadow {
  display:block;  
  position:relative;
  margin-top:5px;
  }
.shadow .in2 {
  display:block;   
  position:relative;
  padding:1px;
  margin:1px;
  }
.shadow .in {
  position:relative; 
  font-weight:normal;
  }

.shadow .ltin {
  left:-5px;
  }
.shadow .tpin {
  top:-5px;
  }
.shadow .rtin {
  left:5px;
  }
  
/* shadow end */

pre {
	z-index:400; 
	position:relative; 
	overflow:auto; 
}