/************************
* HTML                  *
*************************/  
body
{
   margin: 0px;
   font-family: Verdana, Arial, Serif;
   font-size: 12px;
}

td
{
   vertical-align: top;
}

td.fieldname
{        
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}

hr
{
   color: #C9CBD3;
}



/************************
* HEADER                *
*************************/  
#header
{   
   position: absolute;
   top: 0px;
   left: 0px;
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 150px;
   background-image: url(images/HeaderSlice.jpg);
}

#headerFixed
{
   padding: 0px;
   margin: 0px;
   width: 780px;
   height: 150px;
   background-image: url(images/Header.jpg);
}

#loginBox
{
   position: absolute;
   top: 12px;
   right: 10px;
   width: 175px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 11px;
   color: Gray;
}

#loginBox a
{
   color: Gray;
}

#loginBox input
{
   color: Gray;
   border-color: White;
   background-color: White;
   font-size: 11px;
}
#loginBoxGreeting
{
   font-size: 12px;
   text-align: right;
}

#headerMenu
{
   position: absolute;
   top: 120px;
   left: 230px;
   width: 700px;
   padding: 2px 2px 2px 2px;
}
.headerMenuLink
{
   font-family: Impact;
   font-size: 17px;
   text-transform: uppercase;        
}
.headerMenuLink a
{
   text-decoration: none;
   color: #FCF9F9;
}
.headerMenuLink a:hover
{
   text-decoration: underline overline;
   color: White;
}

#languageSelector
{
   position: absolute;
   top: 122px;
   right: 10px;   
   color: White;   
   font-size: 11px;     
}
#languageSelector select
{   
   height: 20px;   
   vertical-align: middle;  
   background-color: #F2F2F2;
}




/************************
* SITE CLASSES          *
*************************/  

.tabbedMenu 
{
   background-color: #F5F5F5;   
   background-image: url("images/TabMenuBG.jpg");
   background-repeat:repeat-x;
   background-position: bottom;   
   padding: 0px 10px 0px 10px;
}
.menuSelectedTab
{
   background-color:White;
   color: Black;
   font-weight: bold;
   border-left: solid 1px #CDAA7D;
   border-top: solid 1px #CDAA7D;
   border-right: solid 1px #CDAA7D;      
   text-decoration: none;
}
.menuTab
{
   padding: 2px 8px 2px 6px;
   font-size: 14px;
}

.ratingButton
{
   text-decoration: none;
   text-align: center;
   padding: 1px 3px 2px 5px;
}
.ratingButton:link
{
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   padding: 1px 3px 2px 5px;
   background-color: #F0FFFF;
   color: #FFB90F;
   border: solid 1px #CFCFCF;
}


.controlHighLight
{
   background-color: #fefbd2;
   color: #000080;
}

#NoiDung
{
   text-align:justify;
   line-height: 150%;
}



/************************
* ROUNDED BOX           *
*************************/  
/* set the image to use and establish the lower-right position */ 
.roundBox, .roundBoxBody, .roundBoxHead, .roundBoxHeadText 
{ 
    background: transparent url(images/RoundSmallBox.jpg) no-repeat bottom right; 
}
.roundBox
{ 
   width: 200px !important; /* intended total box width - padding-right(next) */ 
   width: 200px; /* IE Win = width - padding */ 
   padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ 
   margin: 0px auto; /* 10px auto; use to position the box */ } 
/* set the top-right image */ 
.roundBoxHead 
{ 
  background-position: top right; 
  margin-right: -0px; /* pull the right image over on top of border */ 
  padding-right: 5px; /* right-image-gap + right-inside padding */   
}   
/* set the top-left image */ 
.roundBoxHeadText
{ 
  background-position: top left; margin: 0; /* reset main site styles*/ 
  text-transform: uppercase;
  font-weight: bold;
  border: 0; /* ditto */ 
  padding: 10px 0 5px 8px; /* padding-left = image gap + interior padding ... no padding-right */ 
  height: auto !important; height: 1%; /* height: auto !important; height: 1%; IE Holly Hack */ 
}
/* set the lower-left corner image */ 
.roundBoxBody 
{ 
   background-position: bottom left; margin-right: 25px; /* interior-padding right */ 
   padding: 5px 0 20px 15px; /* mirror .cssbox_head right/left */ 
} 



/************************
* CENTER COLUMN         *
*************************/  
#container
{
   position: absolute;
   top: 150px;
   left: 0px;
   width: 100%;
   background-color: #818689;
}

#centerCol
{     
   padding: 0px;
   margin-left: 200px;
   margin-right: 200px;
   background-color: white;
}

#centerCol div.text
{ 
   padding: 6px 6px 6px 6px;   
   text-align: justify;
}

#centerCol div.alternateText
{
   padding: 6px 6px 6px 6px;   
   background-color: #efefef;
   text-align: justify;
}

#centerColContent
{
   padding: 15px 6px 15px 6px;
}

#centerColContent div.sectionTitle, #centerColContent .sectionTitle span, #centerColContent div.sectionTitle a, #centerColContent .sectionTitle span a
{
   font-weight: bold;
   font-size: 15px;
   color: DarkBlue;
   text-decoration: none;
}

#centerColContent div.sectionSubtitle, #centerColContent div.sectionSubtitle a, #centerColContent .sectionSubtitle span, #centerColContent .sectionSubtitle span a
{
   font-weight: bold;
   padding: 4px 0px 4px 0px;
   color: DarkBlue;    
   text-decoration: none;
}

#breadcrumb
{
   background-color: #F6F7F7;
   color: #939798;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#breadcrumb a
{
   color: #939798;
}



/************************
* LEFT COLUMN           *
*************************/  
#leftCol
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 200px;
   background-color: #F2F2F2;
   font-size: 11px;
}

#leftCol a
{
    color: Navy;
    font-weight: bold;
}

#leftCol div.text
{
   padding: 10px 6px 10px 6px;   
   text-align: justify;
}

#leftCol div.alternateText
{
   padding: 10px 6px 10px 6px;   
   background-color: #e1e1e1;
   text-align: justify;
}

#leftCol div.colContent
{
   padding: 6px;
}

#leftCol div.sectionTitle, #leftCol div.sectionTitle a, #leftCol .sectionTitle span, #leftCol .sectionTitle span a
{
   padding: 6px 6px 6px 3px;
   background-color: #BDBDBD;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
   text-decoration: none;
}

#leftCol div.sectionSubtitle, #leftCol div.sectionSubtitle a, #leftCol .sectionSubtitle span a, #leftCol .sectionSubtitle span a
{
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 4px;  
   font-size: 11px;  
   color: Black;   
}



/************************
* RIGHT COLUMN          *
*************************/  
#rightCol
{
   position: absolute;
   top: 0px;
   right: 0px;            
   width: 200px;
   color: Navy;
   background-color: #F2F2F2;
   font-size: 11px;
}

#rightCol a
{
   color: Navy;
   font-weight: bold;
}

#rightCol div.text
{
   padding: 10px 6px 10px 6px;   
   text-align: justify;
}

#rightCol div.alternateText
{
   padding: 10px 6px 10px 6px;   
   background-color: #909090;
   text-align: justify;
}

#rightCol div.colContent
{
   padding: 6px;
}

#rightCol div.sectionTitle, #rightCol .sectionTitle span
{
   padding: 6px 6px 6px 3px;
   background-color: #BDBDBD;
   color: white;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

#rightCol div.sectionSubtitle, #rightCol div.sectionSubtitle a, #rightCol .sectionSubtitle span, #rightCol .sectionSubtitle span a
{
   text-decoration: none;
   font-weight: bold;
   padding-bottom: 4px;  
   font-size: 11px;   
   color: Navy;
}



/************************
* FOOTER COLUMN         *
*************************/  
#footer
{   
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 85px;
   color: Gray;
   background-image: url(images/FooterSlice.jpg);
}

#footer a
{
   color: Gray;
}

#footerText
{
   text-align: left;
   padding-top: 3px;            
}

#footerMenu
{
   text-align: left;
   padding-top: 10px;            
}
        
.footerMenuLink
{
   font-family: Arial, Serif;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;        
}

.footerMenuLink a
{
   text-decoration: none;
   color: Gray;
}



/************************
* DOCUMENTS             *
*************************/  
.documentTitle, .documentTitle a
{
   font-weight: bold;
   font-size: 15px;
   color: #995117;
   text-decoration: none;
}

.documentSubtitle
{
   font-weight: bold;
   padding: 4px 0px 4px 0px;
   color: DarkBlue;    
   text-decoration: none;
}



/************************
* POLLS                 *
*************************/  
.pollBox
{
   font-size: 11px;
}

.pollQuestion
{
   font-size: 13px;
   font-weight: bold;
}

.pollOptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollBar
{
   background-color: red;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}



/************************
* NEWSLETTERS           *
*************************/  
.newsletterBox
{
   font-size: 11px;
}



/************************
* FORUMS                *
*************************/  
.postInfo
{
   background-color: #FFFBD6;
   font-weight: bold;
   text-align: center;
}
.postTitle
{
   padding: 5px;
   margin-bottom: 10px;
   background-color: #CDAA7D;
   color: black;
   font-weight: bold;
}



/************************
* STORES                *
*************************/  
.shoppingCartBox
{
   font-size: 11px;
}




/************************
* BANNER                *
*************************/  
#bannerBox
{
   margin-top: 20px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 20px;
   font-size: 11px;
   text-align: justify;
}
.bannerHeader
{
   position: absolute;
   text-align: center;
   top: 28px;   
   margin-left: 330px;
   margin-right: 330px;
   background-color: Transparent;
}