html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 
 max-width:95%;  
}
 
#header{
 position:relative; 
 height:29px; 
  background-color:#FFFFFF; 
 width:100%;
} 

#maincontents{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}

#leftcol{
 width:150px; 
 float:left; 
 padding: 5px;
}
 
#main_locate{
	background-color: #FFFFFF;  
	margin: 0 0 0 150px; 
	padding: 10px 20px;
}

#maincontents:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#centercol{
	text-align       : center;
	width            : 100%;
	position         : absolute;
}

#contents{
	text-align       : left;
	margin-left      : auto;
	margin-right     : auto;
	margin-bottom    : 50px;
	width            : 90%;
	padding          : 0px 20px;
	margin-bottom    : 0px auto;
	border-left      : 1px solid #cccccc;
	border-right     : 1px solid #888888;
	border-bottom    : 1px solid #888888;
	background-color : #FFFFFF;
}

#footer{
	height           : 50px;
	background-color : #FFFFFF;
	clear            : both;
	width            : 90%;
} 

/** **/
#menu {
	width: 150px;
}
	
#menu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	color: #0e69be;
	display: block;
	background: url(menubutton/button3.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:hover {
	color: #ffffff; /*#0e69be;*/
	background: url(menubutton/button1.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu li a:active {
	color: #0e69be;
	background: url(menubutton/button2.png);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}

/** **/
div#main_locate h2 {
	color: 	#336699;
	border: 1px solid #cee6e6;
	border-width: 0 0 1px 0;
}

div#main_locate a {
	text-decoration: none;
}

div#main_locate a:link {
    color: #336699;
}

div#main_locate a:visited {
    color: #336699;
}

div#main_locate a:hover {
    color: #f29578;
}

div#main_locate img{
	border: none;
}

/** **/
div#centercol h2 {
	color: 	#336699;
	border: 1px solid #cee6e6;
	border-width: 0 0 1px 0;
}

div#centercol a {
	text-decoration: none;
}

div#centercol a:link {
    color: #336699;
}

div#centercol a:visited {
    color: #336699;
}

div#centercol a:hover {
    color: #f29578;
}

div#centercol img{
	border: none;
}

div#leftcol h2 {
	color: 	#336699;
	border: 1px #cee6e6;
	border-width: 0 0 1px 0;
}

/** **/
div#leftcol img{
	border: none;
}

/** **/

table.filelist{
	border-collapse  : collapse;
	border-spacing   : 0;
	background-color : #ffffff;
	empty-cells      : show;
	/*max-width        : 100px;*/
}
.filelist th{
	border-left         : 1px solid #cccccc;
    border-right        : 1px solid #888888;
    border-bottom       : 1px solid #888888;
    color               : #330000;
	background          : url('../img/spinelz/accordion_tab_middle_active.gif') repeat-x;
    background-position : left top;
    padding             : 0.3em 1em;
    text-align          : center;
	white-space         : nowrap;
}
.filelist td{
   	border-left         : 1px solid #cccccc;
    border-right        : 1px solid #888888;
    border-bottom       : 1px solid #888888;
   	/*border-right  : 1px solid #cee6e6;*/
    /*border-bottom : 1px solid #cee6e6;*/
    padding       : 0.3em 1em;
	/*white-space   : nowrap;*/
}

th.date{
	width: 95px;
}
th.size{
	width: 75px;
}
th.from{
	width: 150px;
}
th.subject{
	width: 150px;
}
th.file{
	width: 180px;
}
th.status{
	width: 95px;
}
th.url{
	width: 350px;
}
th.subject{
	width: 180px;
}
th.memo{
	width: 180px;
}

td.date{
	width: 95px;
}
td.size{
	width: 75px;
}
td.from{
	width: 150px;
}
td.subject{
	width: 150px;
}
td.file{
	width: 180px;
}
td.status{
	width: 95px;
}
td.url{
	width: 350px;
}
td.toolbar{
	/*background          : url('../img/spinelz/accordion_tab_middle_inactive.gif') repeat-x;*/
    background-color:#F5F5F5; 
    text-align          : left;
	border-top          : 1px solid #cccccc;
   	border-left         : 1px solid #cccccc;
    border-right        : 0px; 
    border-bottom       : 1px solid #888888; 
}
td.toolbar_right{
    background-color:#F5F5F5; 
    text-align          : left;
	border-top          : 1px solid #cccccc;
   	border-left         : 0px; 
    border-right        : 1px solid #888888; 
    border-bottom       : 1px solid #888888; 
}

td.status{
  background-color:#F5F5F5; 
}

/* Download page table */
table.downloadstate{
	border-collapse  : collapse;
	border-spacing   : 0;
	background-color : #ffffff;
	empty-cells      : show;
	max-width        : 100px;
}
.downloadstate td{
   	border-left         : 1px solid #cccccc;
    border-right        : 1px solid #888888;
    border-bottom       : 1px solid #888888;
    border-top          : 1px solid #cccccc;
    padding       : 0.3em 1em;
	white-space   : nowrap;
}

td.downloadprop{
	background          : url('../img/spinelz/accordion_tab_middle_inactive.gif') repeat-x;
}

/* */
#main-filesend2-setting_adrssuggest{
    position         : absolute;
    background-color : #FFFFFF;
    border           : 1px solid #CCCCFF;
    font-size        : 90%;
    width            : 200px;
}

#main-filesend2-setting_adrssuggest div {
	display     : block;
	width       : 200px;
	overflow    : hidden;
	white-space : nowrap;
}

#main-filesend2-setting_adrssuggest div.select {
    color            : #000066;
    background-color : #FFFF99;
}

#main-filesend2-setting_adrssuggest div.over {
	background-color: #FFFFCC;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #main_locate{width:100%; float:none;}
}