/* --------------------------------------------------------------*/  
/*         specific for layout manager          */  
/* --------------------------------------------------------------*/  
    body{
      margin:0px;
      padding:0px;
      font-size:12px;
      font-family:'Trebuchet MS';
      
    }
    body.document_body {
      margin:0px;
      padding:0px;
    }
    
    
    table,td {
      font-size:inherit;
      font-family:inherit;
      color:inherit;
      font-variant: inherit;
      font-style: inherit;
      
    }  
    
      
h1 {margin:0px;font-size: 18px; font-weight:bold;margin-bottom:0.3em}
h2 {margin:0px;font-size: 16px; font-weight:bold;margin-bottom:0.3em}
h3 {margin:0px;font-size: 14px; font-weight:bold;margin-bottom:0.3em}    
h4 {margin:0px;font-size: 12px; font-weight:bold;margin-bottom:0.3em}    
h5 {margin:0px;font-size: 11px; font-weight:bold;margin-bottom:0.3em}    
h6 {margin:0px;font-size: 10px; font-weight:bold;margin-bottom:0.3em}    
    
    .slideholder{margin-right:10px;margin-bottom:10px;}
    
    .td {border-width:0px}
    
    .bottom {overflow:visible}
    .top  {overflow:auto}
    
    
    .example{}
    .ccolor{}
    .ccolor_hover{}
    .example_hover{}
    .ccolor_clicked{}
    .example_clicked{}
    .navdragger {position:absolute;border:solid 0px #ff0000;top:1;left:1;z-Index:51;display:inline-block}
    .toolbox {z-index:52}
    .ccolor_first{}
    .ccolor_first_clicked{}
    .ccolor_first_hover{}
    .example_first{}
    .example_first_clicked{}
    .example_first_hover{}
    
    .ccolor_last{}
    .ccolor_last_clicked{}
    .ccolor_last_hover{}
    .example_last{}
    .example_last_clicked{}
    .example_last_hover{}
    
    
	  input {font-size:10px;vertical-align:middle}
	  select {font-size:10px;vertical-align:middle}
      
    .link,.link_first,.link_last,.sublink{cursor:pointer;cursor:hand;outline:0px;overflow:hidden;display:block}
    
    .linktop,.linkbottom,.linkmodal,.linkmodal2,.linkleft,.linkright,.linkcontent,.adminbutton{cursor:pointer;cursor:hand}
    .adminbutton{vertical-align:middle;display:inline-block}
    .linkcontainer{display:inline;vertical-align:middle;padding:0px;padding:0px;margin:0px}
    .updatediv {
  	  font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:11px;
      font-weight:bold;
      padding:20px;
      text-align:center;
      display:none;
      color:#333333;
      position:absolute;
      z-index:40000000;
	    border: #cec6b5 2px solid;
    }  
    
    .doccolor 
    {
      border:solid 1px #000000;
      width:15px;
      height:15px;
      display:inline-block;
      margin-right:3px;
      margin-bottom:3px;
      cursor:pointer;
      cursor:hand;
    }
    
    .layouttable 
    {
      border-style:none;
      border-width:0px;
      padding:0px;
      margin:0px;
      border-collapse:collapse;
      border-spacing: 0; 
      
    }
      
          
  .picture_holder 
  {
   text-align:center;
   border:solid 2px #000000;
   position:absolute;
   top:0;
   left:0;
   z-index:2002;
   display:none;
   width:150px;
    
  }
  
  .fader1
  {
    position:absolute;
    display:none;
    top:0;
    left:0;
    background-color:#000000;
    z-index:999;
    
  }
  .fader2
  {
    position:absolute;
    display:none;
    top:0;
    left:0;
    background-color:#000000;
    z-index:1001;
    
  }  
    
  .modal,.modal2
  {
   overflow:auto;
  }  
  .adminIframe
  {
    overflow:auto;
    position:absolute;
    z-index:1000;
    display:none;
    background-color:#ffffff;
    width:200px;
    height:200px;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
	border : #cec6b5 2px solid;
    
    
  }  
  
  .modal_holder,.modal2_holder {
    position:absolute;
    display:none;
    overflow:hidden;
    
  }  

   
  
  .caption_holder
  {
    padding:5px ;
    width:400px;
    
     
  }  
  

  .imagelink,.auxlink
  {
   cursor:pointer;cursor:hand;  
    
  }
  ul {margin:0px;padding-left:20px}
  
  p {margin-top:0px;}
  li {margin:0px}    
  
  .loginpane
  {
    position:absolute;
    display:none;
    background-color:#ffffff;
    color:#333333;
    padding:20px;
    z-index:1000000;
    text-align:left;
	  border : #cec6b5 2px solid;
  }
  .userloginpane
  {
    position:absolute;
    display:none;
    background-color:#ffffff;
    color:#333333;
    padding:20px;
    z-index:1000000;
    text-align:left;
    width:450;
    height:300;
	  border : #666666 4px solid;
  }
  
  .highlight 
  {
    
    border:solid 3px #ffff00;
    position:absolute;
    z-index:999;
    left:0;
    top:0;
    color:#ff0000;
    
  }
  .highlighttext
  {
    
    color:#000000;
    background-color:#ffff00;
    
  }
  
  
  .clickable
  {
    cursor:hand;cursor:pointer;text-decoration:underline;
  }
  
  
  
  .hider
  {
   position:absolute;
   background-color:#ff0000;
   z-index:800;
   top:0;
   left:0;
   display:block;
   height:200;
   width:20;
  }
  .glider
  {
   position:absolute;
   background-color:#0000ff;
   z-index:801;
   top:0;
   left:0;
   display:block;
   height:20;
   width:20;
  }  
  
  .vbase_hidden 
  {
    display:none;
  }
.adminlink    
{
  cursor:hand;cursor:pointer;
  display:inline-block;
  width:70px;
	border: #7a7261 1px solid;
	color: #504845;
	background-color: #cec6b5;
  text-decoration:none;
  padding:2px;
  margin-bottom:3px;
  }  
  
.adminlink_hover 
{
  background-color:#cccccc;
  color:#ffffff;
}  

.button
{
  background-color:#cccccc;
  padding:0px;
  border:1px solid #666666;
  cursor:pointer;
  cursor:hand;
  color:#000000;
  padding-left:3px;
  padding-right:3px;
}
.button_hover
{
  color:#ffffff;
  background-color:#000000;  
}

.productheader{display:inline-block}
.slideshowheader{display:inline-block}
.slideshowstart{display:inline-block}

/* -------------- pseudo link -----------------------------*/  
.plink {cursor:pointer;cursor:hand;text-decoration:underline}


.gbtopicheader {display:block}
.gbtopic {display:block}
.gbtopictext {display:block}
.gbsubject {display:inline-block}

.gbcommentheader {display:block}
.gbcomment {display:block}
.gbcommenttext {display:block}


#help_box 
{
  background-color:#ffffff;
  border:1px solid #666666;
  padding:3px;
  font-size:10px;
  position:absolute;
  display:none;
}
.helptext {display:none}

.input
{
  border-style:solid;
  border-width:1;
  border-color:#666666;
}
.tdsmall 
{
	FONT-SIZE: 9px; COLOR: beige; FONT-FAMILY: Verdana,sans-serif;background-color:#444444

}


.tagme
{
  text-align:center;
  color:#aaaaaa;
  font-size:10px;
}
.copyrighttext
{
  text-align:center;
  color:#aaaaaa;
  font-size:8px;
}
.tag
{
  position:absolute;
  background-color:#ffffff;
  border-style:solid;
  border-width:1;
  border-color:#666666;
  text-align:center;
  vertical-align:middle;
  padding:3px;
	FONT-SIZE: 10px; COLOR: #544D5B; FONT-FAMILY: Verdana,sans-serif;
  
}
.popcontainer
{
  display:none;
	z-index:1000000;
	display:none;
	top:0;
	left:0;

}  
.poptext, .popshadow
{
  background-color:#ffffff;
  border-style:solid;
  border-width:1;
  border-color:#666666;
  padding:3px;
	FONT-SIZE: 10px; COLOR: #544D5B; FONT-FAMILY: Verdana,sans-serif;
	display:inline-block;
	
}
.poptext hr, .popshadow hr 
{
  text-align:left;
  margin-left:0;  
}
.popshadow {
  background-color:#000000;
  color:#ffffff;
  border-color:#000000;
}

.vbasesearch
{
  border:1px solid #6e85b5;
  height:18px;
  
}
  
  
  
.gallery li {
    display: inline;
    list-style: none;
    width: 110px;
    min-height: 110px;
    float: left;
    margin: 0 10px 10px 0;
    text-align: center;
	}  
	
/* --------------------------------------------------------------*/  
/* DHTMLWINDOW                         */  
/* --------------------------------------------------------------*/  


.dhtmlwindow{
position: absolute;
border: 2px solid #666666;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #3B5998;
color: #ffffff;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
font-size: 10px;
text-align:center;
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;


}

iframe {border: 0px solid #000000;}