/*
Standard StyleSheet (Wide)
*/

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

/**************** Header and navigation styles ****************/

#container{
width:1120px;      /* 920+200  760px(+190) */
margin:5px auto;  /* TopBottom LeftRight */
padding:1px 0;    
text-align:left;
background:#ffffff;
color:#303030;
border:solid 2px #a0a0a0;
}

#header{
height:70px; 
width:1116px;          /* 756px(-4) */          
margin:0 1px 1px 1px; /* Top Right Bottom Left */
background:#467aa7;
color:#ffffff;
/* border:solid 1px red; */ /* temp */
}

#header h1 {
font-family:HGP創英角ｺﾞｼｯｸUB;
padding:15px 0 0 20px; /* Top Right Bottom Left */
font-size:2.4em;
background-color:inherit;
color:#ffffff;
letter-spacing:-2px;
font-weight:normal;
}

#header h2{
font-family:HGP創英角ｺﾞｼｯｸUB;
margin:10px 0 0 40px; /* Top Right Bottom Left */
font-size:1.4em;
background-color:inherit;
color:#f0f2f4;
letter-spacing:-1px;
font-weight:normal;
}

#navigation{
height:2.2em;
line-height:2.2em;
width:1116px;            /* 756px(-4) */                       
margin:0 1px;
background:#578bb8;
color:#ffffff;
/* border:solid 1px red; */ /* used for test */
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#80b0da;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:left; 
width:1106px;              /* 746px(-14) */               
margin: 1px 1px 1px;      /* Top Right Bottom Left */
font-size:0.9em;
padding:5px 5px 5px 5px ; /* Top Right Bottom Left */
/* border:solid 1px red; */    /* used for test */
}

#content h2{
display:block;
margin:0 0 16px 0;        /* Top Right Bottom Left */
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover{text-decoration:underline;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}


/**************** Footer styles ****************/

#footer{
clear:both;
width:1116px;    /* 756px(-4) */
padding:5px 0;  /* TopBottom LeftRight */
margin:0 1px;   /* TopBottom LeftRight */
font-size:0.9em;
color:#f0f0f0;
background:#467aa7;
/* border:solid 1px red; */    /* used for test */
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/

.clear{clear:both;}
.small{font-size:0.8em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

/* waterark styles */
.unwatermarked {
height:18px;
width:148px;
font-weight:bold;
}

.watermarked {
height:18px;   
width:148px;   
padding:2px 0 0 2px;
/* border:1px solid #BEBEBE; */
/* background-color:#F0F8FF; */
color:gray;
}

/* validatorCallout */
.validatorCallout {
background-color: lemonchiffon; 
}

/* AlwaysVisible */    
.alwaysVisibleArea {
width: 100px; 
color: DarkBlue; 
background-color: White; 
border-width: thin; 
border-style: solid; 
border-color: DarkBlue;     
}

#visibleArea {
width: 100%; 
height: 100%; 
vertical-align: middle; 
text-align: center;
}  
    
/* Accordion */
.accordionHeader {
border: 1px solid #2F4F4F;
color: white;
background-color: #578bb8; 
font-family: Arial, Sans-Serif;
font-size: 12px;
font-weight: bold;
padding: 5px;
margin-top: 5px;
cursor: pointer;
}

.accordionContent {
background-color: #D3DEEF;
border: 1px dashed #2F4F4F;
border-top: none;
padding: 5px;
padding-top: 10px;
} 

/* modalpopup */
.modalBackground {
background-color:Gray;
filter:alpha(opacity=70);
opacity:0.7;
}

.modalPopup {
background-color:White; 
border-width:3px;
border-style:solid;
border-color:Gray;
padding:3px;
width:500px;
}

/* table Styles */  
.tableStyle{
width:98%; 
border-width: 1px;
border-style: None;
border-collapse: collapse;
}
    
.tdStyle{   
padding:5px;
background-color: #578bb8;
color:White;
}    

.tdHeaderStyle{
width:120px;
padding:5px;   
background-color: #578bb8;
color:White;
} 
  
.tdDataStyle{
padding:5px;   
}   

/**************** Default.aspx *********************/
#leftColumn
{
float: left;
width: 130px; /* 130px */ 
margin: 0;
/* padding: 1em; */
/* border: dotted 1px red; */  /* used for test */
}

#leftColumn #homeLinks a
{
color:#467aa7;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

#leftColumn #homeLinks a:hover
{
color:#2a5a8a; 
text-decoration:none; 
background-color:inherit;
}  

#middleColumn
{
float:left;
width:580px;  /* 630px */
padding-left:9px;
border-left: 1px solid gray;
border-right: 1px solid gray;
padding: 0px 10px 10px 10px;
/* border: dotted 1px blue; */   /* used for test */
}

/*
#middleColumn #middleLeft
{
  float:left;
  width:305px;
  margin-right:10px;
}

#middleColumn #middleLeft p a
{
color:#467aa7;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

#middleColumn #middleLeft p a:hover
{
color:#2a5a8a; 
text-decoration:none; 
background-color:inherit;
}  

 
#middleColumn #middleRight
{
 float:left;
 width:305px;
}

#middleColumn #middleRight p a
{
color:#467aa7;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

#middleColumn #middleRight p a:hover
{
color:#2a5a8a; 
text-decoration:none; 
background-color:inherit;
}  
*/

#rightColumn
{
float: left;
width: 160px; /* 130px */
margin: 0;
text-align:center;
/* border: dotted 1px green; */ /* used for test */
}


/**************** Toc.aspx ****************/
/*
#subMenu 
{
  float:left;
  width:746px;         
  margin:0;
  border:solid 1px red;
}

#subMenuLeft
{
  float:left;
}

#subMenuRight
{
  float:right; 
  margin-right:5px;
}
*/

#contentLeft
{
  float:left;
  overflow:scroll;
  width:250px;        /* 250px */                  
  height:650px;       /* 450px */  
  margin:0 0 0 0;   
  /* border:solid 1px red; */   /* used for test */
}

#contentRight 
{
  float:right;
  width:830px;        /* 470px -> 760-250-40=470, 920-250-40=630px */                      
  height:650px;          
  margin:0 18px 0 0;
  /* border:solid 1px red; */   /* used for test */
}

.articleTreeView
{
   width:250px;  
}

.articleIframe
{  
  width:850px;  /* 650px */  
  height:650px; 
  margin:0;  
}


/*
.articleGridView
{
   width:250px;
   margin:10px 0 0 0;   
}

.articleGridViewHeaderStype
{
  background-color:#578bb8;
  color:#ffffff;        
}

.articleGridViewHeaderStyle a
{
  text-decoration:none;
  background-color:inherit;
  color:#ffffff;
}

.articleGridViewHeaderStyle a:hover
{
  text-decoration: underline;
  background-color:inherit;
  color:#ffffff;
}

.articleGridViewAlternatingRowStyle
{
    background-color: #f0fafd;
}

.articleGridViewRowStyle
{
}

.articleGridViewPagerStyle
{
   background-color:#578bb8;  
}

.articleGridViewPagerStyle a
{
  text-decoration:none;
  background-color:inherit;
  color:#ffffff;
}

.articleGridViewPagerStyle a:hover
{
  text-decoration: underline;
  background-color:inherit;
  color:#ffffff;
}
*/