﻿/****** CHATTERBIRDS LIMITED ************************************************************************/
/****** DATE CREATED = 29 APRIL 2008 *************************************************************/
/****** LAST UPDATED = 03 SEPT 2008 ***************************************************************/
/*******AUTHOR = PRIYA SINGHAL *******************************************************************/

body 
{
 margin:0px 0px 0px 0px;
 background-color:#666666;
 font-family:Verdana;
 color:#666666;
 font-size:small;
}

.main
{
 /*background-image:url("~/images/background.png");*/
 background-color:White;
 width:1003px;
 margin:0px 0px 0px 0px; 
}

Quote{
 background-color:#666666;
}

.style1
    {
        height: 6px;
    }

hr.seperator
{
 color:#c6c5c0;
 line-height:.5px;
 margin-top:5px;
 margin-bottom:5px; 
}

hr.line
{
 background-image:url(images/hr.gif);
 background-repeat:repeat-x;
 height:2px;
}

td.separatorline
{
 background-image:url(../images/hr.gif);
 background-repeat:repeat-x;
 height:2px;
}

td.buttonpadding{
 height:55px;
 vertical-align:middle;
}

table.border{
 border-collapse:collapse;
 border:solid 1px #cccccc;
 /*border-right:solid 1px #cccccc;
 border-bottom:solid 1px #cccccc;
 border-top:solid 1px #cccccc; */
}

tr.border{
 border-collapse:collapse;
 border:solid 1px #cccccc;
 /*border-right:solid 1px #cccccc;
 border-bottom:solid 1px #cccccc;
 border-top:solid 1px #cccccc;*/
}

.formtext
{
 font-family:Verdana;
 color:#666666; 
 font-size:small;
}

.formtextlarge
{
 font-family:Verdana;
 font-size:large;
 color:#666666; 
}

.conservationstatus1{
 font-family:Verdana;
 font-size:small;
 color:red;
}

.conservationstatus2{
 font-family:Verdana;
 font-size:small;
 color:orange;
}

.conservationstatus3{
 font-family:Verdana;
 font-size:small;
 color:red;
}

.conservationstatus4{
 font-family:Verdana;
 font-size:small;
 color:Green;
}

.conservationstatus5{
 font-family:Verdana;
 font-size:small;
 color:orange;
}

.conservationstatus6{
 font-family:Verdana;
 font-size:small;
 color:#666666;
}

.conservationstatus7{
 font-family:Verdana;
 font-size:small;
 color:orange;
}

.endangerconcern{
 font-family:Verdana;
 font-size:small;
 color:red;
}

ul{
 font-size:small;
 color:#666666;
}

.btnexport{
 background-image:url("../images/buttons/btnexport.gif");
  background-repeat:no-repeat;
 background-position:center;
 width:0px;
 height:0px; 
}

/*************************************************************************************************/
/********************************* LIST STYLES ***************************************************/
/*************************************************************************************************/

ul.brown{
 list-style-image:url("../images/brownbullet.png");
 font-size:small;
}


/*************************************************************************************************/
/********************************* HEADER CONTENT ************************************************/
/*************************************************************************************************/

.headertable
{
 background-color:#4d8bde;
 vertical-align:top; 
}

/*************************************************************************************************/
/********************************* NAVIGATION BAR ************************************************/
/*************************************************************************************************/

.menu
{
 background-image:url("../images/menubackground.jpg");
 font-family:Verdana;
 font-size:12px;
 font-weight:bold;
 color:White;
 text-align:center;
 height:32px;
 width:1003px;
}

.menuseparator
{
 background-color:#044306;
 width:1px;
}

/*************************************************************************************************/
/********************************* LISTBOX LAYOUT ************************************************/
/*************************************************************************************************/

table.listbox
{
 width:220px;
 background-color:White;
 margin-left:15px;
 margin-right:15px;
 margin-top:10px;
 margin-bottom:10px;
}

td.listboxHeader
{
 background-image:url("../images/listboxheader.png");
 background-repeat:no-repeat;
 font-family:Verdana;
 font-size:12px;
 font-weight:bold;
 color:White;
 text-align:center;
 height:30px; 
 width:220px;
}

td.listboxFooter
{
 background-image:url("../images/listboxfooter.gif");
 background-repeat:no-repeat;
 height:6px;
 width:220px;
}

td.listboxFootergreen
{
 background-image:url("../images/listboxfootergreen.png");
 background-repeat:no-repeat;
 height:6px;
 width:220px;
}

td.listboxFootertour
{
 background-image:url("../images/listboxfootertour.png");
 background-repeat:no-repeat;
 height:6px;
 width:220px;
}

td.listboxFootergrey
{
 background-image:url("../images/listboxfootergrey.gif");
 background-repeat:no-repeat;
 height:6px;
 width:220px;
}

td.listboxContent
{
 background-image:url("../images/listboxbackground.gif");
}

td.leftheadergradient{
 background-image:url("../images/leftheadergradient.gif");
 background-repeat:no-repeat;
 height:30px;
 width:5px;
}

td.centreheadergradient{
 background-image:url("../images/centerheadergradient.gif");
 height:30px;
 font:bold small;
 color:green;
}

td.rightheadergradient{
 background-image:url("../images/rightheadergradient.gif");
 background-repeat:no-repeat;
 height:30px;
 width:5px;
}


/*************************************************************************************************/
/******************************** BUTTONS ********************************************************/
/*************************************************************************************************/

.orangesmallbutton
{
 background-image:url("../images/btnorangesmall.png");
 background-repeat:no-repeat;
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 height:24px;
 text-align:left;
 padding-left:12px;
 vertical-align:middle;
}

.minusbutton
{
 background-image:url(../images/buttons/btnminus.png);
 background-repeat:no-repeat;
 font-family:Verdana;
}

.plusbutton
{
 background-image:url(../images/buttons/btnplus.png);
 background-repeat:no-repeat;
 font-family:Verdana;
}


/*************************************************************************************************/
/********************************* TEXT STYLES ***************************************************/
/*************************************************************************************************/

.xsmalltextbold
{
 font-size:x-small;
 font-weight:bold;
 vertical-align:top;
 vertical-align:text-top;
}

.redsmall
{
    font-size:small;
    color:Red;
    
    }

.xsmalltext
{
 font-size:x-small;
}

.smalltextbold
{
 font-size:small;
 font-weight:bold;
 color:#666666;
}

.smalltext
{
 font-size:small;
 color:#666666;
}

.13text
{
 font-size:13px;
 color:#666666;
}

.xsmalltextbold
{
 font-size:x-small;
 font-weight:bold;
 color:#666666;
}

.mediumtextbold
{
 font-size:medium;
 font-weight:bold;
 color:Gray;
}

.mediumgray{
 font-size:medium;
 color:Gray;
}

.mediumgraybold{
 font-size:medium;
 color:Gray;
 font-weight:bold;
}

.mediumlightgray
{
 font-size:medium;
 color:#cccccc;
}

.mediumlightgraybold
{
 font-size:medium;
 color:#cccccc;
 font-weight:bold;
}

.smalllightgraybold
{
 font-size:small;
 font-weight:bold;
 color:#cccccc;
}

.smalltext
{
 font-size:x-small;
 text-align:left;
 font-weight:normal;
}

.smalltextwrap
{
 font-size:x-small;
 text-align:left;
 vertical-align:top;
 font-weight:normal;
 white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
 white-space: -pre-wrap; /* Opera 4 - 6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
 word-wrap: break-word; /* IE 5.5+ */
}

.mediumtext
{
 font-size:small;
 font-weight:bold;
 color:#666666;
 text-align:center;
 vertical-align:top;
}

.mediumdarkgraybold
{
  font-size:small;
 font-weight:bold;
 color:#505050;
 text-align:left;  
    }

.smallgreen{
 font-size:small;
 color:#339933;
 font-weight:normal;
}

.xsmallgreen{
 font-size:x-small;
 color:#339933;
 font-weight:normal;
}

.smallgreenbold{
 font-size:small;
 font-weight:bold;
 color:#339933;
 line-height:16px;
}

.mediumgreenbold
{
 font-size:13px;
 color:#339933;
 text-align:left;
 font-weight:bold;
}

.mediumgreen
{
 font-size:medium;
 color:#339933;
}

.mediumdarkgray
{
 font-size:medium;
 color:#3c3c3c;
 font-weight:700;
}

.largered
{
 font-size:large;
 font-weight:bold;
 color:#FF0000;
}

.largegreen
{
 font-size:18px;
 color:#339933;
}

.twentygreen{
 font-size:20px;
 font-weight:bold;
 color:#5CAC64;
}

.24gray
{
 font-size:16px;
 color:#696969;
}

.largegreenbold
{
 font-size:large;
 font-weight:bold;
 color:#339933;
}

.largebrownbold
{
 font-size:large;
 font-weight:bold;
 color:#a55713;
}

.largebrown
{
 font-size:18px;
 color:#a55713;
}

.mediumbrown
{
 font-size:14px;
 color:#a55713;
}

.mediumbrownbold
{
 font-size:14px;
 color:#a55713;
 font-weight:bold;
}

.largegreybolder
{
 font-size:large;
 color:#333333;
 font-weight:bolder;
}

.redmediumbold
{
 font-size:medium;
 color:#CC0000;
 font-weight:bold;
}

.smallgreybolder
{
 font-size:small;
 color:#666666;
 font-weight:bolder;
}

.smallgrey
{
 font-size:small;
 color:#666666;
}

div.TreeControl table td { vertical-align:top; }

.smallgreybold
{
 font-size:x-small;
 color:#666666;
 font-weight:bold;
}

.smalllightgrey
{
 font-size:small;
 color:#666666;
}

.quotetext
{
 font-size:medium;
 font-style:italic;
 color:#666666;
 text-align:center;
 vertical-align:top;
}

.treetext
{
 font-size:x-small;
 text-align:left;
 color:#000000;
}

.orangeheading
{
 font-family:Verdana;
 font-size:14px;
 color:#a55713;
 text-align:left;
}

.blueheading
{
 font-family:Verdana;
 font-size:18px;
 color:#339933;
 text-align:left;
}

.bluesmallheading
{
 font-family:Verdana;
 font-size:14px;
 color:#339933;
 text-align:left;
}

.bluesmallboldheading
{
 font-family:Verdana;
 font-size:small;
 font-weight:bold;
 color:#339933;
 text-align:left;
}

.orangexsmall
{
 font-size:x-small;
 font-weight:normal;
 color:#a55713;
 text-align:left;
}

.orangexsmallbold
{
 font-size:x-small;
 font-weight:bold;
 color:#a55713;
 text-align:left;
}

.bluexsmallbold
{
 font-size:x-small;
 font-weight:bold;
 color:#339933;
 text-align:left;
}

.content
{
 font-family:Verdana;
 font-size:11px;
 color:#494941;
 text-align:left;
}

.smallerrortext
{
 font-family:Verdana;
 font-size:x-small;
 color:Red;
 display:inline;
 position:relative;
}

.greytext
{
 font-family:Verdana;
 font-size:x-small;
 color:#6e6e6e;
 font-weight:bold;
 text-align:left;
}

.greytextcenter
{
 font-family:Verdana;
 font-size:x-small;
 color:#6e6e6e;
 font-weight:bold;
 text-align:center;
}

.smallwhite
{
 font-size:small;
 color:White; 
}

.bluetext
{
 font-family:Verdana;
 font-size:small;
 color:#339933;
}

td.topmenutext
{
 font-family:Verdana;
 font-size:small;
 text-decoration:none;
 color:White;
 text-align:right;
 vertical-align:top;
}

td.footermenutext
{
 font-family:Verdana;
 font-size:small;
 text-decoration:none;
 color:White;
 text-align:center;
 vertical-align:top;
}



/*************************************************************************************************/
/********************************* IMAGES LAYOUT *************************************************/
/*************************************************************************************************/

.luckyshotimage
{
 border: solid thin #c6c5c0;
 padding: 1px 1px 1px 1px;
 vertical-align:middle;
 width:75px;
 height:75px;
}

.luckyshotimagenoborder
{
 vertical-align:middle;
 width:75px;
 height:75px;
}

.groupdetailsiconsnoborder
{
 vertical-align:middle;
 width:80px;
}

.defaultpageimage
{
 padding: 1px 1px 1px 1px;
 vertical-align:middle;
 width:100px;
 height:100px;
}

.mainitemimage
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px; 
 vertical-align:middle;
 width:105px;
 height:105px;
}

.imagesize118
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px; 
 vertical-align:middle;
 width:118px;
 height:118px;
}

.eightypximage
{
 border: solid thin #c6c5c0;
 padding: 2px 2px 2px 2px; 
 vertical-align:middle;
 width:80px;
 height:80px;
}

.thumbnailborder
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px; 
 vertical-align:middle;
}

.mainitemimagenoborder
{
 vertical-align:middle;
 width:105px;
 height:105px;
}

.albumimage
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px; 
 vertical-align:middle;
 width:110px;
 height:110px;
}

td.mainitemimage{
 width:115px;
 height:115px;
 background-color:White;
}

.smallbrowntext{
 font-family:Verdana;
 font-size:small;
 color:#b76d2c;
 font-weight:bold;
 text-decoration:none;
}

.smallbrown{
 font-family:Verdana;
 font-size:small;
 color:#b76d2c;
 
 text-decoration:none;
  vertical-align:top;
}

.smallimage
{
 border: solid thin #c6c5c0;
 padding: 1px 1px 1px 1px;
 vertical-align:middle;
 width:30px;
 height:30px;
}

.listboximage
{
 border: solid thin #c6c5c0;
 padding: 1px 1px 1px 1px;
 vertical-align:middle;
 width:50px;
 height:50px;
}

.listboximagenoborder
{
 vertical-align:middle;
 width:50px;
 height:50px;
}

.speciesdetails
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px;
 vertical-align:middle;
 width:175px;
 height:175px;
 background:#ffffff;
}


/*************************************************************************************************/
/********************************* TABLE LAYOUT **************************************************/
/*************************************************************************************************/

.spacertable
{
 width:9px;
}

table.headerimages{
 width:1003px;
 height:190px;
 background-color:White;
}

td.headerimages{
 width:338px;
 /*height:189px;*/
 height:152px;
}

table.messagebox{
 width:315px;
 background-color:White;
 margin:8 8 8 8;
}

td.messageboxtop{
 background-image:url("../images/roundedgetopmessagebox.jpg");
 background-position:center;
 background-repeat:no-repeat;
 height:19px;
 width:478px;
}

td.messageboxbottom{
 background-image:url("../images/roundedgebottommessagebox.jpg");
 background-position:center;
 background-repeat:no-repeat;
 height:19px;
 width:478px;
}

tr.messageboxsides{
background-image:url("../images/roundedgesidesmessagebox.jpg");
 background-position:center;
 background-repeat:repeat-y;
 width:478px;
}

td.profileboxtop{
 background-image:url("../images/profileadtopborder.png");
 background-position:center;
 background-repeat:no-repeat;
 height:13px;
 width:385px;
}

td.profileboxbottom{
 background-image:url("../images/profileadbottomborder.png");
 background-position:center;
 background-repeat:no-repeat;
 height:13px;
 width:385px;
}

tr.profileboxsides{
background-image:url("../images/profileadsideborder.png");
 background-position:center;
 background-repeat:repeat-y;
 width:385px;
}

table.eventsdate
{
 width:30px;
 background-color:White;
 margin-left:15px;
 margin-right:15px;
 height:32px;
}


td.eventsdateHeader
{
 background-color:#c6c5c0;
 font-family:Verdana;
 font-size:11px;
 font-weight:bold;
 color:#494941;
 text-align:center;
 height:13px; 
 width:30px; 
}

td.eventsdateContent
{
 background-image:url("../images/eventscalendarbackground.gif"); 
 font-size:11px;
 font-weight:bold;
 color:#494941;
 text-align:center;  
 width:30px;
}

td.eventsdateFooter
{
 background-color:#c6c5c0;
 height:1px;
 width:30px;
}

td.starrating
{
 background-image:url(../images/stars.gif);
 background-repeat:no-repeat;
}

td.mapholder
{
 background-color:White;
 padding:5px 5px 5px 5px;
 vertical-align:middle;
 width:464px;
}

td.navigationbar
{
 cursor:pointer;
}

td.spacerthree
{
 height:3px;
}
    
td.spacersix
{
 height:6px;
}
    
td.spacernine
{
 height:9px;
}
    
table.whitebg
{
 background-color:White;
 width:90%;
}


/*************************************************************************************************/
/********************************* TAB STYLES ****************************************************/
/*************************************************************************************************/

table.tabs
{
 margin-left:15px;
 margin-right:15px;
 width:973px;
 margin-top:15px;
}

td.tabsleftlightgreyHeader
{
 background-image:url(../images/tableftlightgrey.gif);
 background-repeat:no-repeat;
 height:40px; 
 width:22px; 
}

td.tabsleftdarkgreyHeader
{
 background-image:url(../images/tableftdarkgrey.gif);
 background-repeat:no-repeat;
 height:40px; 
 width:22px; 
}

td.tabscenterlightgreyHeader
{
 background-image:url("../images/tablightgreybackground.gif");
 font-family:Verdana;
 font-size:15px;
 color:#494941;
 text-align:center;
 height:40px;
 padding:0px 5px 0px 5px;
 cursor:pointer;
}

td.tabslightgreyondarkgreyHeader
{
 background-image:url(../images/tablightgreyondarkgrey.gif);
 background-repeat:no-repeat;
 height:40px; 
 width:30px; 
}

td.tabsdarkgreyonlightgreyHeader
{
 background-image:url(../images/tabdarkgreyonlightgrey.gif);
 background-repeat:no-repeat;
 height:40px; 
 width:30px; 
}

td.tabscenterdarkgreyHeader
{
 background-image:url(../images/tabdarkgreybackground.gif);
 font-family:Verdana;
 font-size:15px;
 color:#FFFFFF;
 text-align:center;
 height:40px;
 padding:0px 5px 0px 5px;
 cursor:pointer;
}

td.tabscenterdisableddarkgreyHeader
{
 background-image:url(../images/tabdarkgreybackground.gif);
 font-family:Verdana;
 font-size:15px;
 color:#CCCCCC;
 text-align:center;
 height:40px;
 padding:0px 5px 0px 5px;
}

td.tabsrightdarkgreyHeader
{
 background-image:url("../images/tabrightdarkgrey.png");
 height:40px;
 width:29px;
}

td.tabsrightlightgreyHeader
{
 background-image:url("../images/tabrightlightgrey.png");
 height:40px;
 width:29px;
}

td.tabsdarkgreyondarkgreyHeader
{
 background-image:url(../images/tabdarkgreyondarkgrey.gif);
 background-repeat:no-repeat;
 height:40px; 
 width:29px; 
}

td.listcontent{
 background-color:#d1d1d0;
}

table.listcontent{
 margin:10px 10px 10px 10px;
 width: 96%;
}

td.listcontentthin{
 background-color:#d1d1d0;
}

table.listcontentthin{
 margin:0px 10px 0px 0px;
 width: 100%;
}
td.listcontentthinwhite{
 background-color:white;
}

table.listcontentthinwhite{
 margin:10px 10px 10px 10px;
 width: 100%;
}

.gridlistcontent{
 background-color:#d1d1d0;
 margin: 0px 0px 0px 0px;
 
}


td.tabsfooter{
 background-image:url(../images/tabsfooter.gif);
 background-repeat:no-repeat;
 width:100%;
 height:9px;
}

table.tabssmall{
 margin-left:5px;
 margin-right:5px;
 width:488px;
 margin-top:15px;
}

td.tabssmallfooter{
 background-image:url(../images/tabsfootersmall.gif);
 background-repeat:no-repeat;
 width:488px;
 height:25px;
}

table.tabs{
 margin-left:5px;
 margin-right:5px;
 width:99%;
 margin-top:15px;
}

td.vspacer
{
 width:5px;
}

/*************************************************************************************************/
/********************************* ZEBRA TABLE STYLES ********************************************/
/*************************************************************************************************/

/*tr.zebraheader{
 background-color:#8b8b8b;
 background-color:#6699ff; --- text blue
 font-family:Verdana;
 font-size:11px;
 font-weight:bold;
 color:White;
 padding:2px 5px 2px 10px;
}*/

tr.zebraheader{
 background-color:#33a438; 
 font-family:Verdana;
 font-size:11px;
 font-weight:bold;
 color:White;
 padding:2px 5px 2px 10px;
}

tr.zebraheaderbrown{
 background-color:#33a438; 
 font-family:Verdana;
 font-size:11px;
 font-weight:bold;
 color:White;
 padding:2px 5px 2px 10px;
}

tr.zebralight{
 /*font-weight:bold;
 color:#666666;
 background-color:#F8F8FF;*/
 background-color:#ececec; 
 font-family:Verdana;
 font-size:11px;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

tr.zebradark{
 /*background-color:#ccccFF;
 background-color:#E6E6FA;
 color:#666666;
 font-weight:bold;*/
 background-color:#e1f2e2;
 font-family:Verdana;
 font-size:11px; 
 padding:2px 5px 2px 10px;
 line-height:18px;
}
tr.zebrawhite{
 /*font-weight:bold;
  color:#666666;*/
 background-color:#ffffff;
 font-family:Verdana;
 font-size:11px;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

tr.zebralightsmalltext{
 /*background-color:#F8F8FF;
 color:#666666;*/
 background-color:#ececec;
 font-family:Verdana;
 font-size:10px;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

tr.zebrawhitesmalltext{
 /*background-color:#F8F8FF;
 color:#666666;*/
 background-color:#ffffff;
 font-family:Verdana;
 font-size:10px;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

.zebrawhitesmalltext{
 /*background-color:#F8F8FF;*/
 background-color:#ffffff;
 font-family:Verdana;
 font-size:10px;
 color:Black;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

tr.zebradarksmalltext{
 /*background-color:#E6E6FA;*/
 background-color:#CCFFCC;
 font-family:Verdana;
 font-size:10px;
 color:Black;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

.zebradarksmalltext{
 /*background-color:#E6E6FA;*/
 background-color:#CCFFCC;
 font-family:Verdana;
 font-size:10px;
 color:Black;
 padding:2px 5px 2px 10px;
 line-height:18px;
}

tr.zebragreysmalltext{
 /*background-color:#CCFFCC;*/
 background-color:#dedede;
 font-family:Verdana;
 font-size:10px;
 color:Black;
 padding:2px 5px 2px 10px;
 line-height:18px;
}


/*************************************************************************************************/
/********************************* MY PROFILE TABLE **********************************************/
/*************************************************************************************************/

table.listboxlong{
 width:746px;
 background-color:White;
 margin-left:15px;
 margin-right:15px;
 margin-top:10px;
 margin-bottom:10px;
}

td.listboxHeaderlong{
 background-image:url("../images/listboxheaderlong.gif");
 background-repeat:no-repeat;
 font-family:Verdana;
 font-size:12px;
 font-weight:bold;
 color:White;
 text-align:center;
 height:30px; 
 width:746px;
}

td.listboxFooterlong{
 background-image:url("../images/listboxfooterlong.gif");
 background-repeat:no-repeat;
 height:6px;
 width:746px;
}

td.listboxContentlong{
 background-image:url("../images/listboxbackgroundlong.gif");
 vertical-align:top;
}

p.orangearrows{
 background-image:url("../images/orangearrows.gif");
 background-repeat:no-repeat;
 width:10px;
 vertical-align:top;
 margin-top:3px;
}

/*************************************************************************************************/
/********************************* A HREF STYLES *************************************************/
/*************************************************************************************************/
a{
/*color:#2a8f2f;*/
color:#b76d2c;
font-size:x-small;
text-decoration:none;
}

a.smallgreen{
 color:#339933;
 font-size:small;
 text-decoration:none;
}

a.smallwhite
{
 font-size:small;
 color:White; 
 text-decoration:none;
}

a.mediumtextbold
{
 font-size:medium;
 font-weight:bold;
 /*color:Gray;*/
}

a.mediumbrownbold
{
 font-size:medium;
 font-weight:bold;
 /*color:Gray;*/
}

a.mediumbrown
{
 font-size:medium;
}


a.links{
 font-size:x-small;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
 color:#b76d2c;
 text-decoration:none;
}

a.links:hover {
 text-decoration:underline; 
}

a.greyxsmall{
 font-size:x-small;
 font-weight:bold;
 color:#666666;
 text-decoration:none;
}

a.linksSmall{
 font-size:small;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
 color:#b76d2c;
 text-decoration:none;
}

a.greenxsmall{
 font-size:x-small;
 color:#339933;
 text-decoration:none;
}
a.greenxsmallhyperlink{
 font-size:x-small;
 color:#339933;
 
}

a.brownsmall{
 font-size:small;
 font-weight:bold;
 color:#b76d2c;
 text-decoration:underline;
}

a.brownsmallnodeco{
 font-size:small;
 color:#b76d2c;
 text-decoration:none;
}

a.small:link{
 font-size:small;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
 color:#666666;
 text-decoration:none;
}

a.small:hover {
 color:Red;
 text-decoration:underline; 
}

a.small:visited{
 font-size:small;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
 color:#666666;
 text-decoration:none;
}

a.small:active {
 font-size:small;
 text-align:left;
 vertical-align:top;
 font-weight:bold;
 color:#666666;
 text-decoration:none; 
}

a.more{
 font-family:Verdana;
 font-size:x-small;
 text-decoration:none;
 color:#b76d2c;
 text-align:left;
 font-weight:normal;
}

a.more:hover{
 text-decoration:underline;
}

a.more:visited{
 font-family:Verdana;
 font-size:x-small;
 text-decoration:none;
 color:#b76d2c;
 text-align:left;
 font-weight:normal;
}

a.white{
 font-family:Verdana;
 font-size:Medium;
 text-decoration:none;
 color:White;
 text-align:center;
}

a.white hover{
 font-family:Verdana;
 font-size:Medium;
 text-decoration:underline;
 color:White;
 text-align:center;
}

a.white visited{
 font-family:Verdana;
 font-size:Medium;
 text-decoration:none;
 color:White;
 text-align:center;
}

a.topmenu{
 font-family:Verdana;
 font-size:small;
 text-decoration:none;
 color:White;
 text-align:right; 
 vertical-align:top;
 margin-right:10px;
}

a.topmenu hover{
 font-family:Verdana;
 font-size:small;
 text-decoration:underline;
 color:White;
 text-align:right;
 vertical-align:top;
 margin-right:10px;
}

a.topmenu visited{
 font-family:Verdana;
 font-size:small;
 text-decoration:none;
 color:White;
 text-align:right;
 vertical-align:top;
 margin-right:10px;
}

a.whitesmall{
font-family:Verdana;
 font-size:small;
 text-decoration:none;
 color:White; 
 vertical-align:top;
}

a.btnprevious{
 background-image:url("../images/buttons/btnprevious.png");
 background-repeat:no-repeat;
 background-position:center;
 width:70px;
 height:26px; 
}

a.btnarrowprevious{
 background-image:url("../images/buttons/btnarrowprevious.png");
 background-repeat:no-repeat;
 background-position:center;
 width:38px;
 height:25px; 
}

a.btnarrownext{
 background-image:url("../images/buttons/btnarrownext.png");
 background-repeat:no-repeat;
 background-position:center;
 width:38px;
 height:25px; 
}

a.btnnext{
 background-image:url("../images/buttons/btnnextsmall.png");
 background-repeat:no-repeat;
 background-position:center;
 width:70px;
 height:26px; 
}

.visibilityhidden{
 visibility:hidden;
 display:none;
}

.visibilityshow{
 visibility:visible;
 display:inline;
}

a.bluesmalltext{
 font-family:Verdana;
 font-size:small;
 /*color:#339933;*/
 font-weight:bold;
 text-decoration:none;
}

a.whitesmalltext{
 font-family:Verdana;
 font-size:x-small;
 font-weight:bold;
 color:#ffffff;
 text-decoration:none;
}

/*************************************************************************************************/
/********************************* RESULTS TABLE *************************************************/
/*************************************************************************************************/

table.results
{
 margin:0px 0px 0px 5px;
 width:488px;
 background-color:#d1d1d0; 
}

/*************************************************************************************************/
/********************************* popup  *************************************************/
/*************************************************************************************************/
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 400px;
	height: 400px;
	left: 300px;
	top: 300px;
	background-color: #ffffff;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}


/*Modal Popup*/
.modalBackground {
	background-color:#666666;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:#666666;
	padding:3px;
	width:250px;
}

/*************************************************************************************************/
/********************************* RANKING LAYOUT ************************************************/
/*************************************************************************************************/

td.rankingcenter
{
 background-image:url(../images/rankingcenter.jpg);
 background-repeat:no-repeat;
 width:560px;
 height:126px;
}

td.rankingleft
{
 background-image:url(../images/rankingleft.jpg);
 background-repeat:no-repeat;
 width:20px;
 height:126px;
}

td.rankingright
{
 background-image:url(../images/rankingright.jpg);
 background-repeat:no-repeat;
 width:20px;
 height:126px;
}


/*************************************************************************************************/
/********************************* PAGING LAYOUT *************************************************/
/*************************************************************************************************/

tr.mainpagerfont
{ 
 background-color:White;
} 

.mainpagerfont
{ 
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #339933;
} 

a.mainpagerfont:link
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #b76d2c;
} 

a.mainpagerfont:active
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #b76d2c;
} 

a.mainpagerfont:hover
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #b76d2c;
}

tr.greypagerfont
{ 
 background-color:#d1d1d0;
} 

.greypagerfont
{ 
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #339933;
} 

a.greypagerfont:link
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #b76d2c;
} 

a.greypagerfont:active
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight : bold;
color: #b76d2c;
} 

a.greypagerfont:hover
{
font-family: Verdana;
font-size: 10px;
font-style: normal;
font-weight: bold;
color: #b76d2c;
} 

.gridzebraheader{
 background-color:#33a438;
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 padding:2px 5px 2px 10px;
}

.gridzebraheader A:link {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.gridzebraheader A:hover {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:underline;
}

.gridzebraheader A:active {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.gridzebraheaderright{
 background-color:#33a438;
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 text-align:right;
 color:White;  
 padding:2px 5px 2px 10px;
}

.gridzebraheaderright A:link {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.gridzebraheaderright A:hover {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:underline;
}

.gridzebraheaderright A:active {
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}


/*************************************************************************************************/
/********************************* ADMIN MENU ****************************************************/
/*************************************************************************************************/


.adminmenu
{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-align:left;
 height:25px;
 background-color:#b4b4b3;
}

.adminmenu A:active
{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.adminmenu A:visited
{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.adminmenu A:link
{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:none;
}

.adminmenu A:hover
{
 font-family:Verdana;
 font-size:10px;
 font-weight:bold;
 color:White;
 text-decoration:underline;
}

.adminmenuseparator
{
 background-color:white;
 height:1px;
 line-height:1px;
}

.whitedivider
{
 background-image:url(../Images/whitedivider.jpg); 
 background-repeat:repeat-x;
 height:1px;
}

/* 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/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../Images/SavedStar.png);
}
  #fadeinbox
        {
            position: absolute;
            width: 600px;
            height: 500px;
            left: 0;
            top: -400px;
            border: 1px solid #666666;
            background-color: white;
            padding: 4px;
            z-index: 100;
            visibility: hidden;
        }
.dynamicPopulate_Normal 
{	
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:400px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:400px;
}



.Environmentmainitemimage
{
 border: solid thin #c6c5c0;
 padding: 3px 3px 3px 3px; 
 vertical-align:middle;
 width:200px;
 height:150px;
}

.captions {
	FONT-SIZE: 80%; TEXT-ALIGN: left; width:200px;
}

.imgright {
	FLOAT: right; MARGIN: 0px 0px 3px 3px;
}
.imgleft {
	FLOAT: left; MARGIN: 3px 3px 3px 3px;
}
.imgleftMargin8 {
	FLOAT: left; MARGIN: 4px 8px 8px 8px;
	 border:0px;
}

.CounterDisplay
{
font-family:Verdana;
 font-size:small;
 color:#6e6e6e;
  width:25px;
 text-align:left; 
 background-color:#d1d1d0;
 border:0 0 0 0;
  
}
.CounterDisplayWhite
{
font-family:Verdana;
 font-size:small;
 color:#6e6e6e;
  width:25px;
 text-align:left; 
 background-color:#ffffff;
 border:0 0 0 0;
  
}
.CounterDisplayWhite4
{
font-family:Verdana;
 font-size:small;
 color:#6e6e6e;
  width:35px;
 text-align:left; 
 background-color:#ffffff;
 border:0 0 0 0;
  
}

.CounterDisplay4
{
font-family:Verdana;
font-size:small;
color:#6e6e6e;
width:35px;
text-align:left; 
background-color:#d1d1d0; 
border:0 0 0 0;
  
}
/*------------------------viewer-------------------------*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="js/viewer/overlay.png", sizingMethod="scale");
	}

/*----------------------Photos Gallery--*/
.ListSearchExtenderPrompt
{
	font-style:italic;
	color:#666666;
	background-color:white;
}
#myGallery
{
width: 820px !important;
height: 710px !important;
} 

/*************************************************************************************************/
/********************************* ROUND CORNER BOX **********************************************/
/*************************************************************************************************/

td.topleftcorner{
 background-image:url("../Images/topleftcorner.png");
 background-repeat:no-repeat;
 width:6px;
 height:5px;
}

td.toprightcorner{
 background-image:url("../Images/toprightcorner.png");
 background-repeat:no-repeat;
 width:6px;
 height:5px;
}

td.bottomleftcorner{
 background-image:url("../Images/bottomleftcorner.png");
 background-repeat:no-repeat;
 width:6px;
 height:5px;
}

td.bottomrightcorner{
 background-image:url("../Images/bottomrightcorner.png");
 background-repeat:no-repeat;
 width:6px;
 height:5px;
}

td.tophorizontalborder{
 background-image:url("../Images/tophorizontalborder.png");
 background-repeat:repeat-x;
 height:5px;
}

td.bottomhorizontalborder{
 background-image:url("../Images/bottomhorizontalborder.png");
 background-repeat:repeat-x;
 height:5px;
}

td.leftverticalborder{
 background-image:url("../Images/leftverticalborder.png");
 background-repeat:repeat-y;
 width:6px;
}

td.rightverticalborder{
 background-image:url("../Images/rightverticalborder.png");
 background-repeat:repeat-y;
 width:6px;
}

td.borderallover
{
    border-left:solid 2px #cccccc;
    border-top:solid 2px #cccccc;
    border-right:solid 2px #cccccc;
    border-bottom:solid 2px #cccccc;
    border-collapse:collapse;
   }


td.border
{
    border-left:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   }
 td.borderlineright
{
    border-left:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   } 
   
   td.borderlinerightnoleft
{
    border-right:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   } 
   
   td.borderlinebottom
{
    border-left:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   }  
   
   td.borderlinebottomandright
{
    border-left:solid 1px #cccccc;
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   }  
   
   td.borderlinebottomandrightnoleft
{
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-top:solid 1px #cccccc;
    border-collapse:collapse;
   }  
    
 .backgroundandborder
 {
    border-width:2px;
    border-color:#d1d1d0;
    border-collapse:collapse;
    
     }