body 
{
    background-image:url(images/TGCbkg.png);
    background-repeat:repeat-x;
    background-color:#3D1106;
    margin-top: 0px;
    margin-left:0px;
    margin-bottom:0px;
}

A {font-family:arial; font-size:11px;}
A:link {color:#ffffff;}
A:visited {color: #ffffff;}
A:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
A:active {color: #ffffff;text-decoration: none}

h4
{
    font-size: 12pt;
    font-weight: bold;
}

h5
{
    font-size: 10pt;
    font-weight: bold;
}


#container
{      
    margin-left: auto;
    margin-right: auto; 
    text-align:center;
    border:solid 0px lime;
}

#header
{   
    position:relative;
    margin-left: auto;
    margin-right: auto;         
    height:156px;
    width:1000px;
    background-image:url(images/TGCheaderBlank.jpg);
    background-repeat: no-repeat;
    border:solid 0px lime;
}

#content
{       
    position:relative;
    margin-left: auto;
    margin-right: auto;
    height:530px;
    width:1000px;
    background-image:url(images/TGCbkgBlank.jpg);
    background-repeat: no-repeat;
    border:solid 0px lime;
}   

#content_body    
{   
    
    position:absolute;
    top:15px;
    left:310px;
    font-family:Arial;
    font-size:9pt;        
    text-align:left;
    height:390px;
    width:450px;        
    border:solid 0px lime;    
}

#content_body a {font-family:arial; font-size:11px; font-weight:bold;}
#content_body a:link {color:#000000; font-weight:bold;}
#content_body a:visited {color: #000000; font-weight:bold;}
#content_body a:hover {text-decoration: none; color: #ff9900; font-weight:bold;}
#content_body a:active {color: #000000; text-decoration: none; font-weight:bold;}

#quick_filter
{   
    z-index: 1;
    position:absolute;
    height:100px;
    width:185px;
    position:absolute;
    top:10px;
    left:100px;        
}

.ImageQuickFilter
{
    position:absolute;
    left:-6px;   
}

.ListSearch
{
    position:absolute;
    right:-17px;
    top:225px;
}

#filter 
{
    position:absolute;
    right:22px;
    top:22px;
    width:140px;
}

.DropDownListFilter 
{   
    position:absolute;
    right:10px; 
    font-family:arial;
    font-size:11px;
    font-weight:bold; 
    width:120px;
    border-color:White;
    border-width: 1px;
    
}

#logo
{
    position:absolute;
    top:22px;
    left:20px;
    height:92px;
    width:725px;
    border-color:White;
    border-width: 1px;
}

.login
{
    position:absolute;
    font-family:arial;
    font-size:9pt;
    color:#ffffff;
    font-weight:bold; 
    width:254px;    
    top: 48px;
    left: 674px;
}

.LoginTextBox
{
  font-size: 8pt;
  line-height: 12px;
  text-align:left;
  vertical-align:text-top;
}

.LoginStatusView
{
    cursor:text;     
}

.navigation 
{          
    font-size:11px;
    font-weight:bold;    
    color:#ffffff;           
    border:solid 0px lime;
    margin-bottom:0px;    
}

#Footer
{
    position:absolute;
    font-family:arial;
    font-size:11px;
    font-weight:bold;    
    color:#ffffff;        
    border:solid 0px lime;
    bottom:1px;
    left:360px;        
    text-align:center;
}

.Menu { text-decoration:none; margin-bottom:0px;}
.Menu a {text-decoration:none;}
.HRule {width:200px;}
.Dashed {width:370px; height:0px; border:dashed 0px; border-bottom:dashed 1px gray; margin-top:5px; margin-bottom:5px;}
.Copyright {font-size:9px; color:gray;}

/* GUIDE LIST */
.GuideList
{
    position:absolute;
    top:65px;
    left:-160px;
    /*background-color:#3C1207;*/    
    /*color:#F9EFD1;*/
    color:#000000;
    height:370px;
    width:155px;   
}


/* RATING */

.ratingStar {
    font-size: 0pt;
    width: 14px;
    height: 14px;    
    padding: 1px;
    cursor: pointer;
    display: block; 
    background-repeat:no-repeat;     
}

.filledRatingStar { background-image: url(Images/FilledStar.png);}
.emptyRatingStar {background-image: url(Images/EmptyStar.png);}
.savedRatingStar {background-image: url(Images/SavedStar.png);}


/* PROFILE */
.ImageSlideShow { max-width:400px; max-height:268;}

/* REGISTRATION */
 .WizardSideBar 
    {   
        position:absolute;
        top:0px; 
        left:50px;
    }
 .TextBoxRegistration 
    {   
        border-style:solid;
        border-width: 1px;
    }
 .LabelRegistration 
    {
        font-size:10px; 
        font-weight:bold;    
        background-color:Transparent;
    }
 .WatermarkRegistration 
    {
        font-size:12px; 
        font-style:italic;
    } 
 .TextBoxRegistrationLeftNB 
    {
        text-align:left;
        border-style:none;
        background-color:Transparent;
        font-size:10px; 
        font-weight:bold;
    }
 
 /* POPUP SPECIES */
 .ModalBackground
 {
    background-color:Gray;
    filter:alpha(opacity=90);
    opacity:0.9;
    z-index:2;   
 }
 
 .PanelSpecies
 {  
    z-index:2;
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9pt;            
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    letter-spacing:normal;
    vertical-align: top; 
    line-height:normal;
    background-color:#3D1106;
    margin-top: 0px;
    padding:15px;
 }
  
 /* General */
 .TextBoxGeneral {width:160px;}
 .LabelGeneral {font-size:10px; font-weight:bold;}
 .WatermarkGeneral {font-size:12px; font-style:italic;}
 
 .GenericBody
{       
    text-align: center;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9pt;            
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    letter-spacing:normal;
    vertical-align: top; 
    line-height:normal;
    background-color:#3D1106;
    margin-top: 0px;  
}   

.GenericTitle
{       
    margin:auto;
    color:White;
    text-align: center;
    font-size:14pt;        
    font-weight:bold;
    vertical-align:middle;
} 

.GenericTitleLeft14
{       
    margin:auto;
    color:White;
    text-align: left;
    font-size:14pt;        
    font-weight:bold;
    vertical-align:middle;
} 

.GenericTitleCenter14
{       
    margin:auto;
    color:White;
    text-align:center; 
    font-size:14pt;        
    font-weight:bold;
    vertical-align:middle;
} 

.GenericTitleLeft12
{       
    margin:auto;
    color:White;
    text-align: left;
    font-size:12pt;        
    font-weight:bold;
    vertical-align:middle;
} 

.GenericTitleCenter12
{       
    margin:auto;
    color:White;
    text-align:center;
    font-size:12pt;        
    font-weight:bold;
    vertical-align:middle;
} 

.GenericText
{       
    margin:auto;
    color:White;
    vertical-align:middle;
} 

.GenericTextLeft
{       
    margin:auto;
    color:White;
    text-align: left;
    vertical-align:middle;
} 

.GenericHidden
{   
    display:none;
}     

.GenericTextBox
{   
    border-style:solid;
    border-width: 1px;
    background-color:white;
}

.GenericField
{
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}  

.GenericHeader
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 0px;
    text-align: center; 
    vertical-align: middle;
    color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    font-weight: bold; 
}  

.GenericDropDown
{   
    border-style:solid;
    border-width: 1px;
    background-color:white;
}  


.GenericTextBoxLeft
{   
    text-align:left;
    width:auto;
    border-color:black;
    border-style:solid;
    border-width:1px;
    background-color:Transparent;
}  

.GenericTextBoxRight
{   
    text-align:right;
    width:auto;
    border-color:black;
    border-style:solid;
    border-width:1px;
    background-color:Transparent;
}     

.GenericTextBoxRightNB
{   
    text-align:right;
    width:auto;
    border-style:none;
    background-color:Transparent;
}     

.GenericTextBoxLeftNB
{   
    text-align:left;
    width:auto;
    border-style:none;
    background-color:Transparent;
}

.GenericButton
{
    border: 1px solid #000000;
    margin: 0px;
    padding: 2px;
    font-weight: normal;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #996633;
    text-align: center;
    font-variant: small-caps;
    font-style: normal;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

.GenericCellLeft
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}

.GenericCellRight
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 0px;
    text-align: right;
    vertical-align: middle;
    color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}

.GenericCellCenter
{
    border: 1px solid #000000;
    padding: 2px;
    margin: 0px;
    text-align: center; 
    vertical-align: middle;
    color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}
     
 
 #RatingBox 
 {  
    z-index: 2;
    /*background-color:#a5876d;
    background-color:#3c1207;
    background-image:url(images/test.png);
    background-repeat: no-repeat;    	*/
    position:absolute;
    top:100px;
    left:-180px;
    width:160px;
    height:60px;   
    padding:6px;
    font-weight:bold;
    border:solid 1px #000000;    
 }
 #RatingBoxOpacity
 {
    background-color:#3c1207;
    width:173px;
    height:73px;
    z-index: 1;
    position:absolute;
    top:100px;
    left:-180px;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
	opacity:0.4;  
 }
 
 #ProfileBox 
 {  
    z-index: 2;    
    position:absolute;
    top:200px;
    left:-180px;
    width:165px;
    height:180px;   
    padding:6px;
    padding-left:6px;
    padding-right:1px;
    padding-bottom:6px;
    padding-top:6px;
    font-weight:bold;
    border:solid 1px #000000;    
 }
 
 #ProfileBoxOpacity
 {
    background-color:#3c1207;
    width:173px;
    height:193px;
    z-index: 1;
    position:absolute;
    top:200px;
    left:-180px;
    filter:alpha(opacity=40);
    -moz-opacity:0.4;
	opacity:0.4;  
 }
 

/* ADMINISTRATION */

#AdminBody
{
    text-align: left;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:9pt;            
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
    letter-spacing:normal;
    vertical-align: top; 
    line-height:normal;
}

#AdminHeader
{       
    margin:auto;         
    height:156px;
    width:1024px;
    background-image: none;   
    text-align: left;
}

#Adminlogo
{   
    margin:auto;
    height:92px;
    width:725px;
    border:solid 0px lime;    
    text-align: left;
}

#AdminMenu
{
    width:750px;    
    margin:auto;
    text-align: left;
    font-size:10pt;            
    font-weight:bold;
    border:solid 0px lime;     
}

#AdminTitle
{
    margin:auto;
    color:White;
    text-align: left;
    font-size:12pt;        
    font-weight:bold;
    vertical-align:middle;
}

#AdminContentBody
{ 
    margin:auto;
    width:400px;
    text-align:left;   
    border:solid 0px lime;    
}

#AdminContent
{       
    margin: auto;    
    text-align: left;       
} 

.AdminContentTable
{ 
    margin:auto;
    text-align: center;
    vertical-align:top;
    color: #000000;
    border-style: none; 
}  

.AdminContentTableCell
{ 
    margin:auto;
    text-align: center;
    vertical-align:middle;
    color: #000000;
}    

.AdminCellNewGrid
{
    background-color: #999933;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.AdminCell
{
    background-color: #CC9933;
    text-align:left;
    vertical-align:middle; 
    color: #000000;
}

.AdminFieldCenter
{
    text-align:center;
    vertical-align:middle;
    color: #000000;
}

.AdminFieldLeftBold
{
    font-weight:bold;    
    text-align:left;
    vertical-align:middle;
    color: #000000;

}

.AdminFieldRightBold
{
    font-weight:bold;    
    text-align:right;
    vertical-align:middle;
    color: #000000;

}

.AdminFieldLeft
{
    text-align:left;
    vertical-align:middle;
    color: #000000;
}

.AdminFieldRight
{
    text-align:right;
    vertical-align:middle; 
    color: #000000;
}

.AdminCellAlt
{
    background-color:#999933;
    text-align:left;
    vertical-align:middle;
    color: #000000;
}

.AdminCellNew
{
    background-color: #999966;
    text-align: center;
    vertical-align: middle;
    color: #000000;
}

.AdminFooter
{
    vertical-align:middle;
    background-color: White;
    text-align:left;
    vertical-align:middle;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}

.AdminListView
{
    background-color: #FFFFFF;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top; 
    text-align: center;
    margin:0px auto;
}

.AdminFormView
{
    background-color: #CC9933;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: top; 
    text-align: center;
    margin:0px auto;
}

.AdminListViewHeader
{
    background-color: White; 
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
    vertical-align: middle;
    text-align: center;
    font-size:10pt;
}

.AdminListViewFooterSelectText
{
    color:#999966;
}

.SpeciesCell
{
    background-color: #CC9933;
    text-align:left;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    border-collapse: collapse;
    border-spacing: 0px;
}

.alert 
{
	color: #C00;
	font-weight: bold;
	vertical-align: middle;
}