/*
  Pages_classes.css
  Version: 1
  Author: M Baynger
  Description: Styles for state dependent classes  
*/


/* Text Presentation Styles */

.st_h1 {
  color: #444;
  background: #FFF;  
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  letter-spacing:.05em;    
  margin-bottom: 4px; 
  margin-top: 2px; 
}


.st_h2 {
  color: #444;
  background: #FFF;  
  font-size: 1.2em;
  text-align: left;
  font-family: Verdana;
  font-weight: bold;
  letter-spacing:.05em;    
  margin-bottom: 6px;   
  margin-top: 2px;   
}

.st_h3 {
  color: #444;
  background: #FFF;  
  font-size: 1.0em;
  text-align: left;
  font-family: Verdana;
  font-weight: bold;
  letter-spacing:.05em;    
  margin-bottom: 2px;   
  margin-top: 1px;   
}

.st_h4 {
  color: #F50;
  background: #FFF;  
  font-size: 1.0em;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  letter-spacing:.05em;    
  margin-bottom: 2px;   
  margin-top: 1px;     
}

.st_h5 {
  color: #855;
  background: #FFF;  
  font-size: 1.0em;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  letter-spacing:.05em;    
  margin-bottom: 2px;   
  margin-top: 1px;     
}

.st_h6 {
  color: #464;
  background: #FFF;  
  font-size: 1.0em;
  text-align: left;
  font-family: Verdana;
  font-weight: normal;
  letter-spacing:.05em;    
  margin-bottom: 2px;   
  margin-top: 1px;     
}


/* Shared tab btn/bar classes */ 
.tab_btn_selected
{
  position: absolute;
  left: 10px;
  top: 14px;
  background: #82C7DB;
  color: #121D1F;
  text-indent: 15px;
  font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	letter-spacing:.01em;	
}

.tab_btn
{
  position: absolute;
  left: 100px;
  top: 14px;
  background: #FFFFFF;
  color: #121D1F;
  text-indent: 15px;
  font-size: 10px;
	font-family: Verdana;
	font-weight: bold;
	letter-spacing:.01em;	
}

.tab_btn_selected a {
  display: block;
	text-decoration: none;
  height: 15px;  
  padding-top: 6px;
}

.tab_btn_selected a:hover {
  display: block;
  text-decoration: none;
  height: 15px;  
  padding-top: 6px;
  color: #FFFFFF;
}

.tab_btn a {
  display: block;
	text-decoration: none;
  height: 15px;  
  padding-top: 6px;
}

.tab_btn a:hover {
  color: #000000;
  background: #ddddFF;    
}
  
.tab_col_bar
{
  position: absolute;
  top: 0px;
  height: 7px;
}

.tab_col_btn
{
  position: absolute;
  top: 24px;
  height: 21px;
}

/* Unique color settings and col chip dimensions for menu items */

.menu_col_home {
  background: #605BCF;  
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_features {
  background: #4ECF4E;  
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_events {
  background: #DF464C;
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_picks {
  background: #EFD410;
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_artwindow {
  background: #CF68BE;
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_shop {
  background: #FF8630; 
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_about {
  background: #6086BF;
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

.menu_col_admin {
  background: #6086BF;
  position: absolute;
  left: 0px;
  height: 34px;  
  width: 10px;
  border-right: 2px solid #5A949C;  /* dark Cho color */  
}

/* Unique color settings for tab items */

.tab_col_home {
  background: #605BCF;  
  color: #FFFFFF;
}

.tab_col_features {
  background: #4ECF4E;  
  color: #121D1F;
}

.tab_col_events {
  background: #DF464C;
  color: #121D1F;
}

.tab_col_picks {
  background: #EFD410;
  color: #121D1F;
}

.tab_col_artwindow {
  background: #CF68BE;
  color: #121D1F;
}

.tab_col_shop {
  background: #FF8630; 
  color: #121D1F;
}

.tab_col_about {
  background: #6086BF;
  color: #121D1F;
}

.tab_col_admin {
  background: #000000;
  color: #FFFFFF;
}

/* Unique position and color settings for tab chip items */

.tab_chip_home {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 0px;
  width: 10px;    
}

.tab_chip_picks {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 113px;  
  width: 10px;    
}


.tab_chip_events {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 235px;  
  width: 10px;    
}

.tab_chip_features {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 354px;
  width: 10px;    
}


.tab_chip_artwindow {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 474px;
  width: 10px;    
}

.tab_chip_shop {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 594px;
  width: 10px;    
}

.tab_chip_about {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 726px;
  width: 10px;    
}


.tab_chip_admin {
  position: absolute;
  top: 14px;
  height: 21px;  
  left: 845px;
  width: 10px;    
}


/* Unique position settings for tab btn items */

.tab_pos_home {
  position: absolute;
  left: 0px;
  width: 74px;    
}

.tab_pos_picks {
  position: absolute;
  left: 113px;
  width: 88px;    
}


.tab_pos_events {
  position: absolute;
  left: 235px;    
  width: 74px;    
}

.tab_pos_features {
  position: absolute;
  left: 354px;  
  width: 86px;    
}


.tab_pos_artwindow {
  position: absolute;
  left: 474px;
  width: 89px;    
}

.tab_pos_shop {
  position: absolute;
  left: 594px;
  width: 92px;    
}

.tab_pos_about {
  position: absolute;
  left: 726px;
  width: 95px;    
}

.tab_pos_admin {
  position: absolute;
  left: 845px;
  width: 65px;    
}

/* ARTWINDOW REMOVED Adjustements */
.tab_chip_shop {
  left: 474px;
}
.tab_chip_about {
  left: 594px;
}

.tab_pos_shop {
  left: 474px;
}

.tab_pos_about {
  left: 594px;
}


/* Control button classes */

.control_button{
  background: #FFFFFF;
  width: 130px;
  border: 1px solid #5A949C;
  color: #121D1F;
  text-align: center;
  font-size: 10px;
  font-family: Verdana;
  font-weight: bold;
  letter-spacing:.01em;    
  cursor: pointer;
}

.control_button a {
  display: block;
    text-decoration: none;
  height: 17px;  
  padding-top: 4px;
  cursor: pointer;  
}

.control_button a:hover {
  color: #000000;
  background: #ddddFF;    
}


#btn_pop_up_feature{
  position: absolute;
  right: 20px;
  top: 6px;
}


.clickable{
  cursor: pointer;       
}

.centeredImage
{
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
}

.rightImage
{
    float: right;
    margin: 6px;
    margin-bottom:0px;
    padding:0px;
}

.leftImage
{
    float: left;
    margin-left: 0px;
    margin-right: 10px;    
    margin-top: 6px;    
    margin-bottom: 6px;    
    padding:0px;
}


.hiddenItem_vis
{
	visibility: hidden; 
}

.visibleItem_vis
{
	visibility: visible; 
}


.hiddenBlock{
    display: none;
}

.visibleBlock{
    display:block
}

#static_box
{
    padding-left:20px;
    padding-top:20px;
    padding-right:20px;
    padding-bottom:25px;
}


.activeLink
{
	text-decoration: none;
  font-weight: bold;	
  background: #CFDFE3;	
}

.inactiveLink
{
	text-decoration: underline;
  font-weight: normal;	
  color: #ddd;
  background: #FFF;	
}

.adjacentLink
{
	text-decoration: underline;
  font-weight: normal;	
  color: #666;
  background: #FFF;	
}


#jumplinks_table
{
  margin: 0px;
  padding: 0px;
  
  text-align: center;
 	font-size: 12px;
  font-family: Verdana;
  letter-spacing:.05em;    
}

#jumplinks_table td
{
	background: #FFFFFF;
  font-weight: bold;	
}

#jumplinks_table td a
{
	background: #FFFFFF;
  font-weight: normal;		
}

#jumplinks_table td a:hover
{
	background: #CFDFE3;		/* lighter Cho color  */    
}


.paginationTableNavHeader
{
  width: 578px;
	color: #000000;
	font-size: 20px;
	text-decoration: none;
    font-family: Verdana;
    font-weight: bold;
    letter-spacing:.05em;
  
}

.booktableSectionImage
{
	width: 99%;
	background: #000000;		
}