/*
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;*/
background:#767aa7;
}

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;}

HR
{
  height: 1px;
  border: 0px; 
  border-top: 1px dashed #888888;
}

b {  color: #006699}
td {  font-family: "MS UI Gothic"; font-size: 10pt; line-height: 18px}
a {  color: #006CC6}
h1 {  font-family: "MS UI Gothic"; font-size: 12px; margin-bottom: 0px; padding-bottom: 0px}
h2 {  font-family: "MS UI Gothic"; font-size: 10pt; margin-bottom: 0px; padding-bottom: 0px color; color: #FFFFFF}
.white_menu {  color: #FFFFFF; font-weight: bold; padding-left: 12pt}
.white_menu02 {  color: #FFFFFF; font-weight: bold; padding-left: 3pt; background-color: #006CC6}
.white {  color: #FFFFFF; font-weight: bold}
.black_bold {  font-weight: bold; color: #000000}
.menu_link {  color: #FFFFFF; background-color: #005091}
.menu_back {  background-color: #D9D9E1}
.list01 {  }
.list02 {  margin-right: 15px; margin-left: 15px}
.td_line_bottom {  border-color: black black #3300CC; border-style: solid; border-bottom-width: 2px}
.red_bold {  font-weight: bold; color: #FF0000}
.menu_01 {  background-color: #D9D9E1; color: #0033CC; font-weight: bold}
.list03 {  padding-left: 12px}
.td_top {  background-color: #D9D9E1}
.td_line_bottom2 { font-weight: bold; color: #006699; border-bottom: solid 1px #3E3E3E}.table01 {  background-color: #D9D9E1; font-weight: bold; color: 006699}
.table01_c {  background-color: #EBEBEB}
.list02_bg { margin-right: 15px; margin-left: 15px ; background-color: #EBEBEB; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px}
.td_top_b { background-color: #D9D9E1 ; font-weight: bold; color: #006699}
.moji1	{ font-weight:bold;font-color:#000000; }
.moji2	{ font-weight:bold;font-size:12px;font-color:#467aa7;}
/*
UL,LI,BODY,DIV,SPAN,TH,TD,DL,DD,DT,P,PRE,OPTION {
  font-style: normal; 
  font-size: 12px;
  font-family: Verdana, Helvetica, Arial, Sans-serif;
  color: #555555;
  line-height: 120%;
}
*/


/**************** 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 #aaaaaa;
}

#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;
}

/* rating */
.ratingStar {
font-size: 0pt;
width: 13px;
height: 12px;
margin: 0px;
padding: 0px;
cursor: pointer;
display: block;
background-repeat: no-repeat;
}

.filledRatingStar {
background-image: url(Images/Rating/FilledStar.png);
}

.emptyRatingStar {
background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar {
  background-image: url(Images/Rating/SavedStar.png);
}  

/* 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 */
}
.moji1	{ font-weight:bold;font-color:#000000; }
.moji2	{ font-weight:bold;font-size:14px;font-color:#467aa7;}

/*
#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 */
}

/**************** SamplesNew/SamplesHot/SamplesCool *********************/
a.viewSample
{
color:#467aa7;
font-weight:bold;
text-decoration:underline;
background-color:inherit;
}

a:hover.viewSample 
{
color:*#2a5a8a;
text-decoration:none; /* this does not work */ 
background-color:inherit;
}

/**************** SamplesByTreeview ****************/
/*
#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:450px;         
  margin:0 0 0 0;   
  /* border:solid 1px red; */   /* used for test */
}

/*
#contentLeft2
{
  float:left;
  width:250px;  
  height:450px; 
  margin:0 0 0 0;   
  border:solid 1px red;
}
*/

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

/*
#categoryMenu 
{
  float:left;
  margin:0 0 23px 0;
}

#subcategoryMenu 
{
  float:left;
  width:758px;
  padding:0 0 0 0;
}

.categoryDropdownlist
{
   width:250px; 
}
*/

.articleTreeView
{
   width:250px;  
}

.articleIframe
{  
  width:650px;  /* 490px(-270) */  
  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;
}

/**************** SamplesByID ****************/
#container2 
{
  float:left;
  width:900px;  /* 740px(-20) */
  /* border:solid 1px red; */ /* used for test */  
}

#header2 
{
}

#content2 
{
}

.iframedemo 
{
  width:100%; 
  height:230px; 
}

/*
.codeview {
  font-size: 80%;
}
.codeview b {
  color: red;
}
*/

/**************** Rating styles ****************/
.ratingStar {
  font-size: 0pt;
  width: 13px;
  height: 12px;
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  display: block;
  background-repeat: no-repeat;
}

.filledRatingStar {
  background-image: url(Images/Rating/FilledStar.png);
}

.emptyRatingStar {
  background-image: url(Images/Rating/EmptyStar.png);
}

.savedRatingStar {
  background-image: url(Images/Rating/SavedStar.png);
}  

/**************** UserComments.ascx ***************************/
/* User Control does not work
.txtName { width:10em;}
.txtEmail { width:10em;}
.txtSubject { width:20em;}
.txtComment { width:20em;}
*/
/**************** Method Argument Table styles ****************/
.argumenttable {
	    border: 1px solid #D6DDE6;
	    border-collapse: collapse;
	    width: 98%; 
}
.argumenttable td {
	    border: 1px solid #D6DDE6;	
	    padding: 4px;
}