/*
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;
/*border: dotted 3px red;*/ /* temp */
}

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:920px;      /* 760px(+190) */
margin:5px auto;  /* TopBottom LeftRight */
padding:1px 0;    
text-align:left;
background:#ffffff;
color:#303030;
border:solid 2px #a0a0a0; 
/*border:solid 2px red;*/ /* temp */

}

#header{
height:70px; 
width:917px;          /* 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:917px;            /* 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:906px;              /* 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:917px;    /* 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 */
}

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

/**************** SamplesByID/SamplesByCategory/SamplesByViewRank/SamplesByKeyword *********************/

.PagerStyle { 
      font-family:  Webdings; 
      text-decoration: none
} 
pre {
      font-family: 'Courier New';
      font-size: 0.95em;
      padding-top: 5px;
      padding-bottom: 5px;
      padding-left: 5px;
      padding-right: 5px;
      background-color: #fffef8;
      width: 600px;
      height: 300px;      
      border: 1px solid #c0c0c0;
      overflow: auto;
      display: block;
      line-height: 1.3;
      width: 98%; 
}
code {
      font-size: 1.1em;	
}    

/*
#contentLeft
{
  float:left;
  overflow:scroll;
  width:250px;                         
  height:450px;         
  margin:0 0 0 0;   
}


#contentRight 
{
  float:right;
  width:630px;                              
  height:450px;          
  margin:0 18px 0 0;
}


.articleTreeView
{
   width:250px;  
}

.articleIframe
{  
  width:650px;   
  height:450px; 
  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;
}
*/