/********************** Global stuff ******************/


body {
    background-image: url(/assets/dots_bg.jpg);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: "verdana", "arial", "helvetica";
    generic-family: "serif";
    color: #FFF9BC;
    font-size: 72%;
}


a:link, a:visited, a:active {
    text-decoration: none;
    font-weight: bold;
    color: #FFF9BC;
    outline: none;
}

a:hover {
    color: #FFFFFF;
}

#lightbox.done {
    border: none;
    background-color: transparent;
}

/* The red text that informs the user of incorrect form data */
.formNotice {
    padding: 10px 10px 10px 10px;
    color: #FC9494;
}

.controlPanel{
    padding: 0px 0px 10px 0px;
    background-color: #4D7E5F;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
}

.panelContent{
    padding: 1px 5px 1px 5px;
    overflow: auto;
    background-color: #477256;
}
.panelHeader{
    font-family: "verdana", "arial", "helvetica", sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: #FFDC45;
    padding: 6px 10px;
    background: #3E664C;
}

.messageOdd{
    background-color: #486D55;
}

.messageEven{
    background-color: #446650;
}

/* Used for farm welcomes and tutorial screens.*/
.welcomePanel {
    width: 619px;
    border-radius: 5px;
    background-color: #FDFFCF;
    border: 3px solid #FFE05C;
    padding: 5px 5px 5px 5px;
    overflow: auto;
}

.welcomePanel table {
    width: 100%;
}

.welcomePanel b {
    color: #426F51;
}
.welcomePanel b.action{
    color: #E75A08;
}

.welcomePanel ul {
    color: #426F51;
}

.welcomePanel td.steps { 
    text-align: right; font-weight: 700; color: #426F51; 
}

.welcomePanel td {
    vertical-align: middle;
    padding-right: 15px;
}

.welcomePanel h3 {
    color: #426F51;
    padding: 0px;
    margin: 0px;
    font-size: medium;
}

.welcomePanel p {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-top: 8px;
    line-height: 14px;
    color: #426F51;
}

.welcomePanel #tutorialImgFrame {
    min-width: 100px;
    height: 150px;
}

.welcomePanel p.quote  { 
    text-align: right; 
    color: #426F51; 
}

.welcomePanel a {
    color: #E75A08;
    text-decoration: underline;
}

.utilityForm input,.utilityForm select {
    width: 120px;
}

.utilityForm select {
    font-size: 0.9rem; 
    color: #222222;
    moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px; 
    border: none; 
    padding: 3px 6px; 
    margin-top: 3px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.3 ); 
    clear: both; 
    
}

.tabContainer #tabs > ul > li{
    margin:0 2px 0 0;
    padding:5px 10px;
    display:block;
    float:left;
}

.tabContainer #tabs > ul > li:hover{
    cursor:pointer;
}

.tabContainer #tabs > ul > li.tabActiveHeader{
    cursor:pointer;
}

.utilityForm input {
    background: #EEEEEE; 
    font-size: 0.9rem; 
    color: #222222;
    moz-border-radius: 5px; 
    webkit-border-radius: 5px; 
    border-radius: 5px; 
    border: none; 
    padding: 6px 6px; 
    margin-top: 5px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.3 ); 
    clear: both; 
}

.hasControls {
    padding: 10px 0px 15px 0px;
}

.hasControls .subControlPanel {
    width: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}


.hasControls .shinyButton {
    margin: 20px auto 0px auto;
    display: block;
    width: 130px;
    text-align: center;
}

.hasControls .subControlPanel .shinyButton {
    display: block;
    width: auto;
    text-align: center;
}

.hasControls .subControlPanel select{
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
    width: 130px;
}

.hasControls .subControlPanel input{
    background-color: #DDDDDD;
    border: 1px solid #AAAAAA;
    width: 99px;
}

.subControlPanel{
    background-color: #5D866B;
    border: 1px solid #557F64;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    overflow: auto;
    text-align: left;
    border-radius: 10px;
}

.shinyButton:link, .shinyButton:visited{
    padding: 5px;
    font-size: 85%;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    color:#444444;
}

.shinyButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed) );
    background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    background:-ms-linear-gradient( top, #dfdfdf 5%, #ededed 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color:#dfdfdf;
}

.disabledButton:link, .disabledButton:active, .disabledButton:visited, .disabledButton:hover{
    padding: 5px;
    font-size: 85%;
    moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius:5px;
    border:1px solid #dcdcdc;
    text-decoration:none;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    background:-ms-linear-gradient( top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    color:#888888;
}
.attributes {
    padding-left: 10px;
    padding-right: 10px;
}

.attributes td {
    padding-top: 15px;
    padding-right: 10px;
}

.insetPanel {
    background-color: #66A15F;
    text-align: center;
}
.insetPanel p{
    margin: 10px 10px 10px 10px;
}
.insetPanel p,b{
    color: #FFF9BC
}

.insetPanel .deleteLink:link,
.insetPanel .deleteLink:visited,
.insetPanel .deleteLink:active {
    color: #C91026;
}
.insetPanel .deleteLink:hover {
    color: #DE2A40;
}
.insetPanel .formNotice {
    color: #C91026;
}

.deleteLink:link, .deleteLink:visited, .deleteLink:active {
    color: #F2918C;
}
.deleteLink:hover {
    color: #F7B9B7;
}

.warningText {
    color: #F2918C;
}

.insetPanel .warningText {
    color: #C23444;
}

.hidden {
    display: none;
}



/* Formatting defaults for brown panels */

.defaultBrownPanel{
    background-color: #886A4E;
    border: 2px solid #D98638;
    border-radius: 10px;
    color: #FFF9BC;
}
.defaultBrownPanelHighlightPanel{
    padding: 5px 5px 5px 5px;
    background-color: #9B7A59;
    border: 1px solid #D98638;
    border-radius: 10px;
    text-align: center;
}

.defaultBrownFormatting p {
    margin-left: 15px;
}
.defaultBrownFormatting a:link,
.defaultBrownFormatting a:visited,
.defaultBrownFormatting a:active,
.defaultBrownFormatting a:hover {
    text-decoration: underline;
    font-weight: bold;
    outline: none;
    color: white;
}
.defaultBrownFormatting .deleteLink:link,
.defaultBrownFormatting .deleteLink:visited,
.defaultBrownFormatting .deleteLink:active {
    color: #F2918C;
}
.defaultBrownFormatting .deleteLink:hover {
    color: #F7B9B7;
}

.defaultBrownFormatting a.shinyButton {
    color: #444444;
    text-decoration: none;
}

.defaultBrownFormatting a.disabledButton {
    color: #888888;
    text-decoration: none;
}

.dottedDivider{
    height: 7px;
    background-image:  url(/assets/dottedDividerRepeat.gif);
    background-repeat: repeat-x;
    width: 100%;
}


/* Rounding */

div.panelType1 {
    border-top: 2px solid #FFE05C;
    border-radius: 10px;
}
div.panelType1 .panelHeader {
    moz-border-top-right-radius: 10px;
    webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    
}


div.panelType2 {
    border-top: 2px solid #FFE05C;
    border-radius: 10px;
}
div.panelType2 .panelHeader {
    moz-border-top-right-radius: 10px;
    webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


div.panelType3 {
    border-top: 2px solid #FFE05C;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
div.panelType3 .panelHeader {
    moz-border-top-right-radius: 10px;
    webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
}


div.insetPanel {
    border-radius: 10px;
}
/***button for welcome splash and public view***/
.loginButton{
    font-size: 13px;
    font-weight: 700;
    color: #fff9bc;
    padding: 8px 10px;
    background: #518362; /* Old browsers */
    background: -moz-linear-gradient(top, #518362 0%, #31553c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518362), color-stop(100%,#31553c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #518362 0%,#31553c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #518362 0%,#31553c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #518362 0%,#31553c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #518362 0%,#31553c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518362', endColorstr='#31553c',GradientType=0 ); /* IE6-9 */
    moz-border-radius: 6px;
    webkit-border-radius: 6px;
    border-radius: 6px;
}
#contentPanel {
    
}




/********************** Homepage images ******************/

#cbLogo {
    position: absolute;
    left: 842px;
    top: -13px;
    z-index:1500;
	border: none;
}

#topLeftFuzzy{
    position:absolute;
    left: 30px;
    top: 83px;
}


/********************** Notification Bar ******************/

#notificationBar {
    position: absolute;
    left: 85px;
    top: -100px;
    width: 800px;
    z-index: 2000;
    padding: 20px 35px 10px 35px;
    border: 2px solid #FFD210;
    background-color: #FCFB95;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 20px -2px #000;
}

#notificationBar p {
    color: #467744;
    font-weight: bold;
}

#notificationBar p a {
    float: none;
    color: #E75A08;
}

#notificationBar a {
    float: right;
}

#notificationBar img {
    float: left;
    margin-right: 20px;
}



/********************** Primary Containers ******************/

/* Outermost panel, contains all content. */
#mainPanel {
    
    background-color: #6eb166;
    background-image: url('bg_gradient.png');
    background-repeat: repeat-x;
    position:absolute;
    left: 50%;
    width: 1040px;
    margin: 0px 0px 10px -505px;
    padding: 0px 0px 0px 0px;
    top: 10px;
    border: 1px solid #FF9F51;
}

#main {
    padding: 14px 0px 175px 1px;
    margin: 0px 0px 0px 0px;
}

/* The central content panel */
#contentPanel {
    position: relative;
    top: 75px;
    padding: 0px 0px 0px 0px;
    padding-bottom: 30px;
    left: -1px;
    width: 1040px;
    background-color: #91DD6C;
    border-top: 3px solid #FFE05C;
    border-bottom: 3px solid #FFE05C;
}


/********************** Main Menu ******************/

#mainMenu {
    /*This is the horizontal list of links on top*/
}

/* reset default styles */
#mainMenuList,
#mainMenuList ul { 
    font-size: 95%;
    position: absolute;
    width: 1037px;
    top: -22px;
    left: -1px;
    padding-left: 5px;
    z-index: 1000;
    background: #518362; /* Old browsers */
    background: -moz-linear-gradient(top, #518362 0%, #3E664C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518362), color-stop(100%,#3E664C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #518362 0%,#3E664C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #518362 0%,#3E664C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #518362 0%,#3E664C 100%); /* IE10+ */
    background: linear-gradient(to bottom, #518362 0%,#3E664C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518362', endColorstr='#3E664C',GradientType=0 ); /* IE6-9 */
    webkit-box-shadow: 0px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    0px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 2px 2px rgba(50, 50, 50, 0.5);
    
}
#mainMenuList li { list-style-type: none; border-right: 2px solid #518362; border-right-style:groove; float: left; padding: 4px 10px 6px 10px;}

/* first level */
#mainMenuList li,
#mainMenuList li a {
    color: #FFF9BC;
}
#mainMenuList li {  }
#mainMenuList li a { display: block; }
#mainMenuList li a:hover,
#mainMenuList li a.mainMenuList_open { color: #FFFFFF}
#mainMenuList li a.unreadNews {
    color: #FF9999;
    text-decoration: underline;
}

/* second level and up */
#mainMenuList li.dropdown ul {
    background: #3E664C;
    visibility: hidden;
    position: absolute;
    width: 100px;
    margin-left: -2px;
    padding-bottom: 6px;
    padding-left: 1px;
    z-index: 500;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 2px solid #649E78;
    border-top: none;
}
#mainMenuList li.dropdown ul a { color: #FFF9BC;}
#mainMenuList li.dropdown ul li { padding-bottom: 1px; border: none;}
#mainMenuList li.dropdown ul a:hover, #mainMenuList ul a.mainMenuList_open { color: #FFFFFF;}

/* third level (colors) */
#mainMenuList li.dropdown ul ul a {  }
#mainMenuList li.dropdown ul ul a:hover { }

/**** The search box *******/

#mainMenu #menuSearch {
    position: relative;
    top: -8px;
    float: right;
    margin-right: 10px;
}
#mainMenu #menuSearch input {
    width: 160px;
}

#mainMenu #menuSearch #searchIcon {
    position: relative;
    margin-right: 5px;
    top: 6px;
    width: 20px;
    width: 20px;
}

#mainMenu #menuSearch #searchResultsContainer {
    width: 160px;
    background: #486d55;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 30px;
    margin-top: 3px;
    border: 2px solid #60a15f;
    border-top: none;
    position: block;
    display: none;
}

#mainMenu #menuSearch #searchResultsContainer ul {
    padding: 0px;
    margin: 0px;
}

#mainMenu #menuSearch #searchResultsContainer li {
    /* Override
    crap from menu.js */
    float: none;
    height: auto;
    display: block;

    color: #FFF9BC;
    margin-bottom: 10px;
    padding: 3px;
}

#mainMenu #menuSearch #searchResultsContainer li .helpText {
    color: #81BB7F;
}

#mainMenu #menuSearch #searchResultsContainer li .searchResult {
}


#mainMenu #menuSearch #searchResultsContainer li .searchResult a {
    /* Override
    crap from menu.js */
    float: none;
    height: auto;
    display: block;

    margin: 0px;
    padding: 0px;


}
#mainMenu #menuSearch #searchResultsContainer li .searchResult p {
    /* Override
    crap from menu.js */
    float: none;
    display: block;
    height: auto;

    color: #81BB7F;
    margin: 0px;
    margin-top: 3px;
    padding: 0px;
}

/**** Action Bar *******/

#actionBar {
    padding: 0px;
    position: absolute;
    left: 214px;
    top: 58px;
    width: 635px;
    height: 30px;
    border-radius: 10px;
    border-top: 2px solid #FFE05C;
    background: #3E664C;
    list-style: none;
    margin: 0px;
}

#actionBarIcons {
    position: absolute;
    top: 38px;
    left: 585px;
}
#actionBarIcons a img {
    border: 0;
}

#actionBarIcons li{
    float:left; 
    list-style:none;
    height:38px;
    width:40px;
    padding: 0px;
    border-radius: 5px;
    text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.7), 0px 1px 0px rgba(255, 255, 255, 0.3);
    background: #518362; /* Old browsers */
    background: -moz-linear-gradient(top, #518362 0%, #3E664C 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518362), color-stop(100%,#3E664C)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #518362 0%,#3E664C 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #518362 0%,#3E664C 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #518362 0%,#3E664C 100%); /* IE10+ */
    background: linear-gradient(to bottom, #518362 0%,#3E664C 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518362', endColorstr='#3E664C',GradientType=0 ); /* IE6-9 */
}
#actionBar  li {
    float:left; 
    list-style:none;
    padding: 3px 5px 3px 10px;
}

#actionBar #farmSelect form {
    display: inline;
}

#actionBarIcons #myFarmsIcon {
    border-top-left-radius: 10px;
    moz-border-top-left-radius: 10px;
    webkit-border-top-left-radius: 10px;
    border-right: 2px solid #31553c;
    border-left: 2px solid #FFE05C;  
    border-top: 2px solid #FFE05C;
    padding-left: 2px;
}
#actionBarIcons #manageFarmsIcon {
    border-right: 2px solid #31553c;
    border-top: 2px solid #FFE05C;
    padding-right: 5px;
    padding-left: 2px;
}
#actionBarIcons #storeIcon {
    border-right: 2px solid #31553c;
    border-top: 2px solid #FFE05C;
    padding-left: 3px;
}
#actionBarIcons #findFriendsIcon {
    border-right: 2px solid #31553c;
    border-top: 2px solid #FFE05C;
}
#actionBarIcons #addFavoriteIcon {
    border-right: 2px solid #31553c;
    border-top: 2px solid #FFE05C;
    padding-right: 3px;
}
#actionBarIcons #addFavoriteIcon.notFaved div {
    background-image: url(/assets/add_favorite_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    height:50px;
    width:41px;
}
#actionBarIcons #addFavoriteIcon.faved div {
    background-image: url(/assets/added_favorite_icon.png);
    background-repeat: no-repeat;
    background-position: center top;
    height:50px;
    width:41px;
}

#actionBarIcons #tradeIcon {
    border-right: 2px solid #31553c;
    border-top: 2px solid #FFE05C;
}
#actionBarIcons #settingsIcon {
    border-top-right-radius: 10px;
    moz-border-top-right-radius: 10px;
    webkit-border-top-right-radius: 10px;
    /*border-right: 2px solid #518362;
    border-right-style:groove;*/
    border-right: 2px solid #FFE05C;  
    border-top: 2px solid #FFE05C;
}
#actionBarIcons li:hover{
    background: #3E664C;
}
/**** The money display *******/

#actionBar #moneyDisplay{
    color: #FFDC45;
    margin-top: 0px;
    vertical-align:middle;
    display: table-cell;
    padding-left:  0px;
}

#actionBar #moneyDisplay #moneyAmount { }

#actionBar #moneyDisplay .moneyUnit {
    font-size: 75%;
	font-weight: 700;
}

#actionBar #moneyDisplay #fbIcon {
    position: relative;
    top: 3px;
}
#actionBar #moneyDisplay #evIcon {
    position: relative;
    top: 3px;
	margin-left: -5px;
}
/* The invite link */
#actionBar #moneyDisplay a {
    color: #FFDC45;
    text-decoration: underline;
    margin-left: 3px;
    font-size: 95%;
}

#inviteLightBox #closeLink {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

#inviteLightBox.insetPanel {
    background: url(/assets/invite_box_bg.png) no-repeat bottom;
    border-radius: 5px;
    background-color: #FDFFCF;
    border: 3px solid #FFE05C;
    overflow: hide;
}
#inviteLightBox.insetPanel b{
    color: #E75A08;
}
#inviteLightBox.insetPanel b.emphasis{
    color: #477D5E;
}
#inviteLightBox.insetPanel p{
    color: #477D5E;
    line-height: 20px;
}
#inviteLightBox.insetPanel h2{
    color: #477D5E;
}
#inviteLightBox #closeLink {
    color: #E75A08;
    line-height: 20px;
    text-decoration: underline;
}

#inviteLightBox a.link {
    color: #E75A08;
    line-height: 20px;
    text-decoration: underline;
}

#inviteLightBox #referUrl {
    width: 350px;
}

#inviteLightBox .tabContainer {
    height: 220px;
    margin-top: 30px;
}

#inviteLightBox .tabContainer #tabs {
    padding-left: 80px;
    position: relative;
    top: -12px;
}

#inviteLightBox .tabContainer #tabs ul li {
    color: #E75A08;
    background-color: #FFF9BC;
    border-left: 2px solid #FFE642;
    border-right: 2px solid #FFE642;
    border-top: 2px solid #FFE642;
    border-bottom: 2px solid #FFE642;
    moz-border-radius-topleft: 5px;
    moz-border-radius-topright: 5px;
    border-top-left-radius:5px;
    border-top-right-radius: 5px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

#inviteLightBox .tabContainer #tabs ul li.tabActiveHeader {
    color: #E75A08;
    border-bottom: 2px solid #FDFFCF;
    background-color: #FDFFCF;
}

#inviteLightBox .tabContainer #tabscontent {
    border-top: 2px solid #FFE642;
}


#inviteLightBox form {
    padding-top: 30px;
}

#inviteLightBox form div {
    margin-right: 80px;
    text-align: right;
}

#inviteLightBox form input {
    width: 200px;
    moz-border-radius: 3px; 
    webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 6px 6px;  
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
    margin-bottom: 5px;
}

#actionBar #viewingText{
    margin-top: 5px;
}
#actionBar #farmSelect{
    margin-left: -5px;
}


/********** Footer ***********/

#footerPanel {
    position: relative;
    top: 120px;
}

#footerPanel p{
    text-align: center;
    color: #467744;
}

#footerPanel a{
    color: #467744;
}

/********************** Public Farm Page ******************/

body.publicBody{
    background: #fef568 url(/assets/public_bg_gradient.png) repeat-x top;
    overflow: auto;
}
#contentForPublic.publicUser {
    position: absolute;
    top: 0px;
    left: 50%;
    height:600px;
    margin: 0px 0px 0px -317px;
}
#contentForPublic.publicUser #publicSplashBG{
    position: absolute;
    top: 9px;
    left: 130px;
    z-index: -1000;
}
#contentForPublic.publicUser #publicSplashFooterRight{
    position: absolute;
    top: 579px;
    left: 594px;
    z-index: -1000;
}
#contentForPublic.publicUser #publicSplashFooterRightFront{
    position: absolute;
    top: 613px;
    left: 603px;
}
#contentForPublic.publicUser #publicSplashFooterLeftFront{
    position: absolute;
    top: 613px;
    left: -47px;
}
#contentForPublic.publicUser #publicSplashFooterLeft{
    position: absolute;
    top: 579px;
    left: -60px;
    z-index: -1000;
}
#contentForPublic.publicUser #publicComePlayButton{
    position: absolute;
    top: 102px;
    left: 200px;
    width: 240px;
    height: 57px;
    background: url(/assets/public_come_play_button.png) 0 0;
}
#contentForPublic.publicUser #publicComePlayButton:hover{
    background-position: 0 -57px;
}

#contentForPublic.publicUser #publicFarm{
    margin-top: 182px;
    line-height: 0;
    border-radius: 10px 10px 0px 0px;
    border: 6px solid #ffe932;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
}
#contentForPublic.publicUser #greeting {
    display: inline;
}

#contentForPublic.publicUser #greeting p{
    color: #31522F;
    text-align: center;
    font-size: 120%;
}

#contentForPublic.publicUser #greeting b{
    color: #E75A08;
    font-size: 120%;
}
/********************** Public Creature Page ******************/

#contentForPublic.publicUser #creatureInspectorCloserPanel {
    margin-top: 182px;
    width: 635px;
    height: 440px;
    border: 6px solid #ffe932;
    overflow: hidden;
}
#contentForPublic.publicUser #creatureInspectorCloserPanel .panelContent{
    padding: 15px 10px 20px 20px;
}
#contentForPublic.publicUser #creatureInspectorCloserPanel .panelContent .attributes #attributeTable td{
    padding: 5px 5px 5px 0px;
}
#contentForPublic.publicUser #creatureInspectorCloserPanel .panelContent .attributes .subControlPanel #heredityTable td{
    padding: 4px;
}
#contentForPublic.publicUser #creatureInspectorCloserPanel .panelContent .attributes .subControlPanel{
    border-radius: 10px;
    margin-left: 0px;
}
#contentForPublic.publicUser #viewCreatureViewer {
    position: absolute;
    top: 233px;
    left: 272px;
    width: 353px;
}
#contentForPublic.publicUser #publicLoginButton {
    position: absolute;
    top: 693px;
    left: 280px;
}

/********************** Farm Page ******************/

#contentForFarm{
    left: -130px;
    height: 940px;
}

#contentForFarm #adColumn{
    position: absolute;
    left: 864px;
    top: 9px;
    padding: 14px 6px 15px 7px;
    height: 612px;
    width: 160px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#contentForFarm.foreignUser {
    height: 915px;
}
#contentForFarm.tutorial {
    height: 1140px;
}

#contentForFarm #installFlashInstructions {
    color: #31522F;
}

#contentForFarm #installFlashInstructions a {
    color: #E75A08;
    text-decoration: underline;
}

/* This contains the flash movie for another persons farm */
#contentForFarm.foreignUser #creatureFarm,
#contentForFarm.tutorial #creatureFarm
{
    position:absolute;
    top: 197px;
    left: 215px;
    height: 450px;
    width: 635px;
}

/* This contains the flash movie for the farm */
#contentForFarm #creatureFarm {
    position:relative;
    top: 10px;
    left: 215px;
    height: 450px;
    width: 635px;
}

#contentForFarm.foreignUser .welcomePanel,
#contentForFarm.tutorial .welcomePanel {
    position: absolute;
    height: 160px;
    left: 215px;
    top: 10px;
}

#contentForFarm.tutorial .welcomePanel {
    min-height: 165px;
}

#contentForFarm #farmProposalsPanel { }

#contentForFarm #farmProposalsPanel a.deleteLink {
    margin-left: 20px;
}

#contentForFarm #farmProposals ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#contentForFarm #farmProposals li{
    padding: 10px 0px 10px 25px;
}

#contentForFarm #farmProposals li .status{
    font-weight: normal;
    color: #E3DD9D;
}

#contentForFarm #favoriteFarmsPanel {
    position: absolute;
    left: -1px;
    top: 291px;
    width: 201px;
}

#contentForFarm #favoriteFarms {
    margin: 0px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    height: 573px;
}

#contentForFarm.tutorial #favoriteFarms{
    height: 758px;
}

#contentForFarm #favoriteFarms ul {
    padding-left: 15px;
    list-style: none;
}

#contentForFarm #favoriteFarms li {
    list-style-image: url(/assets/star-bullet.gif);
}

#contentForFarm #favoriteFarms li ul li {
    list-style-image: none;
    font-size: 11px;
    margin-top: 5px;
}

#contentForFarm #favoriteFarms ul.favoriteFarms {
    padding-left: 20px;
}


#contentForFarm #favoriteFarms ul li {
    margin-bottom: 5px;
}

#contentForFarm #favoriteFarms ul li.fbinvite {
    list-style-image: none;
    font-weight: normal;
}

#contentForFarm #favoriteFarms ul li.fbinvite a {
    font-weight: normal;
}

#contentForFarm #favoriteFarms ul #inviteToggleListItem {
    list-style-image: none;
    padding-top: 20px;
}
#contentForFarm #favoriteFarms ul #inviteToggleListItem a {
    text-decoration: underline;
    font-weight: normal;
    color: #C8C391;
}

#contentForFarm #favoriteFarms #filterInput {
    width: 96px;
    font-size: 0.7rem; 
    moz-border-radius: 3px; 
    webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 6px 6px; 
    margin-top: 5px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
}
#contentForFarm #favoriteFarms #clearButton {
    padding: 6px;
}

#contentForFarm #favoriteFarms #filteredFriendCount {
    margin-left: 15px;
    margin-top: 5px;
    color: #C8C391;
}


#contentForFarm #favoriteFarmsList  .abandoned:link, #contentForFarm #favoriteFarmsList  .abandoned:visited, #contentForFarm #favoriteFarmsList  .abandoned:active {
    color: #C8C391;
}

#contentForFarm #favoriteFarmsList  .stagnant:link, #contentForFarm #favoriteFarmsList  .stagnant:visited, #contentForFarm #favoriteFarmsList  .stagnant:active {
    color: #E0DBA4;
}

#contentForFarm #favoriteFarmsList  .notActive:link, #contentForFarm #favoriteFarmsList  .notActive:visited, #contentForFarm #favoriteFarmsList  .notActive:active {
    color: #EDE8B0;
}

#contentForFarm #favoriteFarmsList  .active:link, #contentForFarm #favoriteFarmsList  .active:visited, #contentForFarm #favoriteFarmsList  .active:active {
    color: #FFF9BC;
}

#contentForFarm #favoriteFarmsList  .currentlyActive:link, #contentForFarm #favoriteFarmsList  .currentlyActive:visited, #contentForFarm #favoriteFarmsList  .currentlyActive:active {
    color: #FFFFDD;
}

#contentForFarm.foreignUser #favoriteFarmsPanel{
    position: absolute;
    left: -1px;
    top: 291px;
    width: 201px;
}

#contentForFarm.foreignUser #favoriteFarms{
    height: 547px;
}

#contentForFarm.foreignUser #favoriteFarms ul li{
    margin-bottom: 5px;
}


/* The descriptive panel that appears when a creature is clicked */
#contentForFarm #creatureInspectorPanel {
    position: absolute;
    left: -1px;
    top: -34px;
    width: 201px;
}
#contentForFarm #creatureInspectorPanel table{
    font-size: 12px;
    text-align: left;
    border-collapse: collapse;
}

#contentForFarm #creatureInspectorPanel a.editLink{
    margin-left: 0px;
}

#contentForFarm #creatureInspectorPanel #nameInput, #priceInput{
    width: 68px;
    moz-border-radius: 3px; 
    webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 5px 5px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
}

#contentForFarm #creatureInspectorPanel th {
    color: #FFDC45;
    font-weight: 700;
    vertical-align: top;
	font-family: "verdana", "arial", "helvetica", sans-serif;
	font-size: 12px;
}
#contentForFarm #creatureInspectorPanel td {
    text-align: left;
    vertical-align: top;
    padding-bottom: 4px;
}

#contentForFarm #creatureInspectorPanel tfoot tr td {
    padding-top: 6px;
}
#contentForFarm #creatureInspectorPanel tr  {
    padding-left: 0px;
}

#contentForFarm #creatureInspectorPanel tfoot tr td a.shinyButton,
#contentForFarm #creatureInspectorPanel tfoot tr td a.disabledButton
{
    display: block;
    width: 60px;
    text-align: center;
    margin-right: 5px;
}

#contentForFarm #creatureInspector {
    height: 261px;
    overflow: hidden;
    padding-left: 7px;
    padding-top: 10px;
}
#contentForFarm #creatureInspector #salveButton{
    width: 139px;
    margin-top: -6px;
    margin-left: 0px;
}

#contentForFarm #creatureInspector .attributes{
    height: 270px;
    overflow: hidden;
}
#contentForFarm #creatureInspector .attributes td {
    padding-top: 15px;
    padding-right: 3px;
}
/*user stats that display in the inspector*/

#contentForFarm #creatureInspectorPanel #creatureInspector #userStats{
	border-collapse:collapse;
	border-spacing:0;
}
#contentForFarm #creatureInspectorPanel #creatureInspector #userStats #userStatsHeader{
	font-family: "verdana", "arial", "helvetica", sans-serif;
	font-size: 13px;
	padding: 5px;
	font-weight: 700;
}
#contentForFarm #creatureInspectorPanel #creatureInspector #userStats #userStatsCategory{
	padding-left: 15px;
	font-size: 13px;
}
#contentForFarm #creatureInspectorPanel #creatureInspector #userStats #userStatsData{
	padding-left: 10px;
	font-size: 13px;
	font-weight: 700;
}

/*tabbed messages interface */

#contentForFarm #tabbedMessages{
    z-index: 1000;
    position: absolute;
    top: 470px;
    left: 215px;
}

#contentForFarm.tutorial #tabbedMessages{
    top: 655px;
    left: 215px;
}

#contentForFarm #tabbedMessages h2{ 
    margin-bottom:10px;
    padding: 0px;
}

#contentForFarm #tabbedMessages #tabContainer {
    width:635px;
}

#contentForFarm #tabbedMessages #tabs{
    height:25px;
    overflow:hidden;
}

#contentForFarm #tabbedMessages #tabs > ul{
    list-style:none;
    margin-top: 5px;
    padding: 0px;
}

#contentForFarm #tabbedMessages #tabs > ul > li{
    border-left: 2px solid #649E78;
    webkit-user-select: none;
    moz-user-select: none;
    user-select: none;
    /*border: 1px solid #FFE05C;*/
    moz-border-radius-topleft: 5px;
    moz-border-radius-topright: 5px;
    moz-border-radius-bottomright: 0px;
    moz-border-radius-bottomleft: 0px;
    border-top-left-radius:5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; 
    background: #518362; /* Old browsers */
    background: -moz-linear-gradient(top, #518362 0%, #31553c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#518362), color-stop(100%,#31553c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #518362 0%,#31553c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #518362 0%,#31553c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #518362 0%,#31553c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #518362 0%,#31553c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#518362', endColorstr='#31553c',GradientType=0 ); /* IE6-9 */
}

#contentForFarm #tabbedMessages #tabs > ul > li:hover{
    color: #FFF9BC;
}

#contentForFarm #tabbedMessages #tabs > ul > li.tabActiveHeader{
    color: #FFF9BC;
    background: #375942;
    border: none;
}

#contentForFarm #tabbedMessages #tabscontent {
    height: 405px;
    moz-border-radius-topleft: 0px;
    moz-border-radius-topright: 5px;
    moz-border-radius-bottomright: 5px;
    moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; 
    padding: 0px;
    margin:0;
    color: #FFF9BC;
}

#contentForFarm #tabbedMessages .tabBody {
    height: 405px;
    overflow: auto;
}

#contentForFarm.tutorial #tabbedMessages #tabscontent {
    height: 405px;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader{
    text-align: left;
    padding-right: 10px;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader #shoutControls {
    text-align: right;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader #shoutToggle{
    font-size: 95%;
    color: #FFE05C;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader #shoutBox{
    padding-top: 3px;
    padding-bottom: 5px;
    background: #4D7E5F;
    padding-left: 20px;
    font-size: 90%;
    color: #FF9999;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader #shoutTextArea{
    width: 585px; 
    height: 70px;
    moz-border-radius: 3px;       
    webkit-border-radius: 3px;       
    border-radius: 3px;       
    border: none;       
    padding: 6px 6px;       
    /* margin-top: 5px; */       
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );       
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
}
#contentForFarm #tabbedMessages #tabscontent #communityMessageHeader #shoutSendButton{
    display: inline-table;
    margin-top: 3px;
}

#contentForFarm #tabbedMessages #communityMessages {
    height: 385px;
}

/******end tabbed messages interface*/

#contentForFarm div.panelContent{
    padding: 0px;
}

#contentForFarm div.systemMessages div {
    padding: 5px 5px 5px 20px;
}

#contentForFarm div.systemMessages div p{
    margin: 7px;
    margin-bottom: 3px;
}

#contentForFarm div.systemMessages .messageTime{
    color: #DDD7BA;
    font-size: 92%;
    padding: 5px 0px 5px 15px;
}

/* Wider comment panel for my farm. */

#contentForFarm #commentsPanel{}

#contentForFarm .fb-like{
    position: relative;
    top: -21px;
    left: 300px;
}

#contentForFarm.foreignUser #commentsPanel {
    position: absolute;
    left: 215px;
    top: 656px;
    width: 489px;
}

#contentForFarm.tutorial #commentsPanel{
    top: 878px;
}

#contentForFarm.foreignUser .fb-like{
    position: relative;
    top: -21px;
    left: 300px;
}

#contentForFarm #commentsPanel #comments{
    padding: 0px 0px 0px 0px;
}

#contentForFarm.foreignUser #commentsPanel #comments{
    padding: 0px 0px 0px 0px;
    height: 202px;
}
#contentForFarm.tutorial #commentsPanel #comments {
    padding: 0px 0px 0px 0px;
}

#contentForFarm #addCommentPanel{
    position: absolute;
    left: 719px;
    top: 656px;
    width: 319px;
}

#contentForFarm.foreignUser #addCommentPanel .panelHeader .deleteLink{
    font-size: 70%;
}

#contentForFarm #addComment{
    height: 202px;
    text-align: center;
}


#contentForFarm #addComment .shinyButton {
    padding: 5px 30px 5px 30px;
}

#contentForFarm #addComment #genCommentForm {
}

#contentForFarm #addComment #genCommentForm #templateSelect {
    width: 250px;
}

#contentForFarm #addComment #genCommentForm .templateOptionSelect {
    margin-left: 5px;
    margin-right: 5px;
    max-width: 100px;
}

#contentForFarm #addComment #genCommentForm #customiseControls {
    margin-top: 20px;
}

#contentForFarm #commentsPanel .loadingMsg {
    padding: 10px 5px 0px 15px;
    color: #FFF9BC;
    font-size: 80%;
}

#contentForFarm #commentsPanel .smallLoadingMsg {
    padding: 2px 5px 0px 5px;
    color: #FFF9BC;
    font-size: 80%;
}

#contentForFarm #commentsPanel .comment{
    margin-left: 0px;
    border-width: 0px;
}
#contentForFarm #commentsPanel .comment img{
    border: 1px solid #DDD7BA;
    background-color: #ffffff;
}

#contentForFarm #commentsPanel .comment p{
    font-size: 110%;
    padding: 0px 5px 0px 25px;
}

#contentForFarm #commentsPanel .comment .commentInfo{
    margin-left: 15px;
    color: #DDD7BA;
    font-size: 92%;
}

#contentForFarm #commentsPanel .comment{
    padding: 5px 5px 5px 0px;
}

#contentForFarm.foreignUser #addCommentPanel #birthdate{
    padding: 0px 20px 5px 20px;
    height: 180px;
}

#contentForFarm.foreignUser #addCommentPanel #birthdate p{
    font-size: 93%;
}

#contentForFarm.foreignUser #addCommentPanel #birthdate form select{
    margin-left: 10px;
    margin-bottom: 2px;
}


#contentForFarm.foreignUser #addCommentPanel #birthdate .shinyButton{
    display: block;
    margin-top: 5px;
    width: 30px;
    height: 14px;
}


#contentForFarm #menuBar {
    /*This is the horizontal list of links on top*/
    position: absolute;
    height: 25px;
    top:  -25px;
    left: 190px;
    margin: 0px 0px 0px 0px;
    width: 370px;
}

#contentForFarm.foreignUser #menuBar{
    top: -45px;
}

#contentForFarm.foreignUser #menuBar #selectFarmForm #userLabel{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
}

#contentForFarm.foreignUser #menuBar #newTradeLink {
    text-decoration: underline;
    font-weight: normal;
    margin-left: 5px;
}

#contentForFarm #menuBar #selectFarmForm #farmSelectionLabel{
    font-size: 100%;
    font-weight: bold;
}

#contentForFarm #menuBar #selectFarmForm select{
    background-color: #EEEEEE;
    border: 1px solid #659c63;
    width: 150px;
    margin-left: 5px;
}

#contentForFarm.foreignUser #menuBar #addFavoriteLink{
    position: relative;
    top: -2px;
    left: 10px;
    background-image: url(/assets/bookmark.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    padding-bottom: 20px;

}

#contentForFarm.foreignUser #menuBar #addFavoriteLink:hover{
    background-image: url(/assets/bookmark_highlight.gif);
}

#contentForFarm.foreignUser #isModeratorLabel {
    position: absolute;
    height: 25px;
    top:  -60px;
    left: 932px;
    font-size: 90%;
    font-weight: bold;
    color: #467744;
    width: 100px;
}

#contentForFarm.tutorialInProgress {
    position: absolute;
    height: 25px;
    top:  -70px;
    left: 932px;
    font-size: 90%;
    font-weight: bold;
    color: #467744;
    width: 100px;
}


/********************* Welcome Splash Page ******************/
body.welcomeBody{
    background: #fef568 url(/assets/welcome_splash_bg_gradient.png) repeat-x top;
    overflow: hidden;
}
#contentForWelcome {
    position: absolute;
    top: 0px;
    left: 50%;
    margin: 0px 0px 0px -840px;
    width: 1679px;
    height: 800px;
    background: #fef568 url(/assets/welcome_splash_bg.png) no-repeat top; 
    overflow: hidden;
}
#contentForWelcome #welcomeSplashLogo{
    position: absolute;
    top: 48px;
    left: 737px;
}
#contentForWelcome #comePlayButton{
    position: absolute;
    top: 126px;
    left: 646px;
    width: 386px;
    height: 160px;
    background: url(/assets/come_play_button.png) 0 0; 
}
#contentForWelcome #comePlayButton:hover{
    background-position: 0 -160px;
}
#contentForWelcome #featuresPanels{
    position: absolute;
    top: 344px;
    left: 490px;
}
#contentForWelcome #featuresPanels #featuresList,
#contentForWelcome #featuresPanels #featuresList ul{ width: 670px; height: 200px; margin: 0px; padding: 10px;}
#contentForWelcome #featuresPanels #featuresList li{
    float: left;
    list-style-type: none;
    width: 180px;
    height: 150px;
    border-radius: 10px;
    padding: 10px;
    margin-left: 10px;
    background: #fef568;
    border: 6px solid #ffe932;
    border-bottom: none;
}
#contentForWelcome #featuresPanels #featuresList #panel1Header{
    position: absolute;
    top: -8px;
    left: 28px;
}
#contentForWelcome #featuresPanels #featuresList #panel1Content{
    position: absolute;
    top: 25px;
    left: 38px;
}
#contentForWelcome #featuresPanels #featuresList #panel2Header{
    position: absolute;
    top: -8px;
    left: 278px;
}
#contentForWelcome #featuresPanels #featuresList #panel2Content{
    position: absolute;
    top: 20px;
    left: 256px;
} 
#contentForWelcome #featuresPanels #featuresList #panel3Header{
    position: absolute;
    top: -8px;
    left: 479px;
}
#contentForWelcome #featuresPanels #featuresList #panel3Content{
    position: absolute;
    top: 17px;
    left: 473px;
}
#contentForWelcome #welcomeLoginButton{
    position: absolute;
    top: 657px;
    left: 803px;
}

#contentForWelcome #welcomeText{
    position: absolute;
    top: 545px;
    left: 510px;
    width: 615px;
    text-align: center;
    background-color: #FFF88B;
    border-radius: 20px;
    padding: 20px;
}

#contentForWelcome #welcomeText p{
    font-family: 'Alegreya Sans', sans-serif;
    color: #367a52;
    font-size: 20px;
    margin: 0px;
}

#contentForWelcome #footerPanel {
    position: absolute;
    top: 695px;
    left: 505px;
    width: 650px;
    height: 60px;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    color: #467744;
}
#contentForWelcome #footerPanel a:hover{
    color: #467744;
    text-decoration: underline;
}

/**********************Index Blog Page******************/

#contentForIndex #indexPanel{
    padding: 25px;
}
#contentForIndex #indexPanel #whatsNewHeader{
    width: 150px;
    margin-left: 10px;
    padding: 2px;
    moz-border-top-right-radius: 10px;
    webkit-border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background: #518362;	 
}
#contentForIndex #indexPanel .panelLinks:link, .panelLinks:visited, .panelLinks:active {
    text-decoration: none;
    font-weight: bold;
    color: #FF5336;
    outline: none;
}
#contentForIndex #indexPanel .panelLinks:hover {
    text-decoration: none;
    font-weight: bold;
    color: #0099FF;
}
#contentForIndex #indexPanel h1{
    color: #518362;
    text-align: left;
}
/**use this for titling your post**/
#contentForIndex #indexPanel h2{
    color: #3F9F67;
    text-align: left;
    font-weight: 700;
	font-size: 18px;
    font-family: "Open Sans","verdana", "arial", "helvetica", sans-serif;
    margin-top: 0px;
}
#contentForIndex #indexPanel h4{
    color: #518362;
    text-align: left;
}

/**use this for signing your post**/
#contentForIndex #indexPanel .signature{
    color: #3F9F67;
    text-align: left;
    font-family: "Open Sans","verdana", "arial", "helvetica", sans-serif;
    font-size: 15px;
    font-weight: 700;
}
#contentForIndex #indexPanel b{
    color: #E75A08;
    text-align: left;
}
#contentForIndex #indexPanel #addNewsForm, #contentForIndex #indexPanel #editNewsForm {
    margin-bottom: 20px;
}

#contentForIndex #indexPanel #addNewsForm textarea, #contentForIndex #indexPanel #editNewsForm textarea{
    width: 100%;
    height: 100px;
}

#contentForIndex #indexPanel .newsItem a{
    color: #E75A08;
    text-decoration: underline;
}

#contentForIndex #indexPanel .newsItem p{
    color: #477D5E;
    line-height: 20px;
    margin-left: 10px;
    margin-bottom: 0px;
}

#contentForIndex #indexPanel .newsItem{
    border-radius: 10px;
    background: #FDFFCF;
    border: 3px solid #FFE05C;
    color: #426F51;
    margin-bottom: 25px;
    text-align: justify;
    font-size: 120%;
    padding: 25px;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
}

#contentForIndex #indexPanel .newsItem .postedTime{
    margin-left: 10px;
    font-size: 11px;
    color: #000000;
}

#contentForIndex #indexPanel .newsTitle{
    color: #000000;
    font-weight: bold;
}

/********************** View Creature Page ******************/

#contentForCreature{
    padding-bottom: 25px;
    height: 850px;
}

#contentForCreature #adColumn{
    position: absolute;
    left: 855px;
    top: 25px;
}

#contentForCreature #heredityTable td{
    padding-top: 0px;
}

#contentForCreature #rightColumn {
    position: absolute;
    top: 30px;
    left: 450px;
    width: 340px;
}

#contentForCreature #viewCreatureViewer {
    padding: 20px;
    width: 300px;
    height: 300px;
    text-align: center;
    margin-bottom: 20px;
}

#contentForCreature .fb-like {
    margin-top: 5px;
    margin-bottom: 10px;
}

#contentForCreature #creatureInspectorCloserPanel {
    position: relative;
    left: 25px;
    top: 25px;
    width: 400px;
}

#contentForCreature #creatureInspectorCloser {
    overflow: hidden;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
}
#contentForCreature #creatureInspectorCloser .breedingProposalListItem {
    list-style-image: url(/assets/light_heart_bullet.jpg);
}

#contentForCreature #creatureInspectorCloser .purchaseProposalListItem {
    list-style-image: url(/assets/light_dollar_bullet.jpg);
}

#contentForCreature #addEntryForm {
    margin-left: 6px;
}

#contentForCreature #addEntryForm textarea {
    width: 340px;
}

#contentForCreature #addEntryForm a {
    font-size: 90%;
    margin-left: 3px;
    margin-top: 4px;
}

#contentForCreature #creatureControlsPanel {
    width: 340px;
}

#contentForCreature #creatureControlsPanel #embedCodeForm {
    width: 240px;
    text-align: center;
    padding-bottom: 10px;
}

#contentForCreature #creatureControlsPanel #embedCodeForm textarea{
    margin-bottom: 5px;
    margin-top: 5px;
}

#contentForCreature .genomeScroller{
    height: 100px;
}

#contentForCreature #proposalsPanel{
    height: 50px;
}
#contentForCreature #creatureDiaryPanel{
    padding: 3px 3px 3px 3px;
}

#contentForCreature #creatureDiaryPanel ul {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#contentForCreature #creatureDiaryPanel li{
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
}

#contentForCreature #creatureDiaryPanel .creatureDiaryEntryOdd{
    background-color: #446650;
}

#contentForCreature #creatureDiaryPanel .creatureDiaryEntryEven{
    background-color: #486D55;
}

#contentForCreature #creatureDiaryPanel li .body{
    font-size: 100%;
}

#contentForCreature #creatureDiaryPanel li .entryInfo{
    font-size: 75%;
    color: #FFFFFF;
    padding: 0px 0px 10px 0px;
}

#contentForCreature #imageLinkForm{
    width: 220px;
}


/********************** Find a Mate page ******************/

#contentForFindMate{
    height: 930px;
}

#contentForFindMate #mate1View{
    position: absolute;
    top: 20px;
    left: 185px;
}

#contentForFindMate #viewingMateView{
    position: absolute;
    left: 655px;
    top: 20px;
    width: 200px;
    height: 202px;
}

#contentForFindMate #selectCreatureForm{
    position: absolute;
    left: 700px;
    top: 40px;
}

#contentForFindMate #selectCreatureForm select {
    width: 120px;
}

#contentForFindMate #proposalCreatureViewPanel{
    position: absolute;
    top: 240px;
    left: 185px;
    width: 300px;
}
#contentForFindMate #proposalCreatureView2Panel{
    position: absolute;
    top: 240px;
    left: 555px;
    width: 300px;
}

#contentForFindMate #proposalCreatureViewPanel div.panelHeader {
    text-align: center;
}

#contentForFindMate #proposalCreatureView2Panel div.panelHeader {
    text-align: center;
}


#contentForFindMate #proposalButtons {
    position: absolute;
    left: 395px;
    top: 20px;
    width: 250px;
    background-image: url("/assets/big_heart.gif");
    background-position: center;
    background-repeat: no-repeat;
}

#contentForFindMate #proposalButtons .content{
    height: 132px;
    padding-top: 50px;
}

#contentForFindMate #proposalButtons .shinyButton{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    width: 120px;
}

#contentForFindMate #noMatesExplanation {
    position: relative;
    left: -15px;
    width: 150px;
}

#contentForFindMate #adColumn1 {
    position: absolute;
    left: 870px;
    top: 20px;
}

#contentForFindMate #adColumn2 {
    position: absolute;
    left: 10px;
    top: 20px;
}

/********************** Breeding Proposal Page ******************/

#contentForBreedingProposal{
    height: 930px;
}

#contentForBreedingProposal #mate1View{
    position: absolute;
    top: 50px;
    left: 120px;
    width: 200px;
}
#contentForBreedingProposal #mate2View{
    position: absolute;
    left: 630px;
    top: 50px;
    width: 200px;
}

#contentForBreedingProposal #proposalCreatureViewPanel{
    position: absolute;
    top: 280px;
    left: 120px;
    width: 300px;
}
#contentForBreedingProposal #proposalCreatureView2Panel{
    position: absolute;
    top: 280px;
    left: 530px;
    width: 300px;
}
#contentForBreedingProposal #proposalCreatureView{
    height: 540px;
    padding-left: 20px;
    padding-right: 20px;
}
#contentForBreedingProposal #proposalCreatureView2{
    height: 540px;
    padding-left: 20px;
    padding-right: 20px;
}
#contentForBreedingProposal #proposalButtons {
    position: absolute;
    left: 350px;
    top: 50px;
    width: 250px;
    background-image: url("/assets/big_heart.gif");
    background-position: center;
    background-repeat: no-repeat;
}
#contentForBreedingProposal #proposalButtons p{
    height: 130px;
    padding-top: 50px;
}

#contentForBreedingProposal #proposalButtons .shinyButton{
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
    width: 120px;
}


/********************** Gift proposal page ******************/

#contentForGiftProposal {
    text-align: center;
    padding: 50px 0px 200px 0px;
}

#contentForGiftProposal #giftControlsPanel{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}

#contentForGiftProposal #giftControlsPanel a{}

#contentForGiftProposal #giftControlsPanel #giftTitle{
    margin-bottom: 80px;
}

#contentForGiftProposal #giftControlsPanel #giftList{
    list-style-type: none;
    position: relative;
    margin-left: -40px;
}

#contentForGiftProposal #giftControlsPanel #giftList .giftCreature {
}

#contentForGiftProposal #giftControlsPanel #giftList .giftAccessory {
}

#contentForGiftProposal #giftControlsPanel #giftList .giftGroupArity {
    color: #55904D;
    float: left;
    margin: 50px 0px 0px 20px;
    font-size: 100%;
}

#contentForGiftProposal #giftControlsPanel #giftList .giftCreatureName {
    color: #486D55;
    float: left;
    margin: 110px 0px 0px 20px;
    font-size: 100%;
}



/********************** Purchase Proposal Page ******************/

#contentForPurchaseProposal {
    text-align: center;
    padding: 50px 0px 50px 0px;
}

#contentForPurchaseProposal #purchaseControlsPanel{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#contentForPurchaseProposal #purchaseCreaView{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 300px;
}

#contentForPurchaseProposal #purchaseCreatureViewPanel{
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: left;
}

#contentForPurchaseProposal #purchaseCreatureView{
    padding-left: 20px;
    padding-right: 20px;
}


/********************** Store Page ******************/

#contentForStore{
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
}

#contentForStore #storePanel{
    margin: 0px 0px 0px 16px;
    width: 995px;
    padding: 10px 5px 35px 5px;
    /*To keep adColumn inside panel*/
    overflow: auto;
}

#contentForStore #storePanel #categoryTable td.currentCategory a {
    color: #ffffff;
    text-decoration: underline;
}

#contentForStore #itemTable{
    list-style:none;
    clear: left;
    margin-top: 6px;
    /* Hack to make force computation of ul's height with floating li */
    overflow: hidden;
}

#contentForStore #itemTable li{
    padding-top: 10px;
    vertical-align: top;
    width: 232px;
    float: left;
    margin: 5px 5px 5px 5px;
    moz-box-shadow:2px 2px 3px #705943;
    webkit-box-shadow:2px 2px 3px #705943;
    box-shadow:2px 2px 3px #705943;
}

#contentForStore #itemTable li b {
    color: #FFF9BC;
}

#contentForStore #itemTable b {
    font-size: 125%;
}
#contentForStore #itemTable #itemPrice{
    font-size: 125%;
    font-weight: 700;
    margin-top: -5px;
    margin-left: 5px;
    float: left;
    color: #FFE05C
}

#contentForStore #adColumn{
    position: relative;
    float: right;
    margin-right: 10px;
    margin-top: 120px;
}

#contentForStore #filterInput{
    margin-left: 307px;
    margin-top: 30px;
    margin-bottom: 10px;
    width: 170px;
    font-size: 0.7rem; 
    moz-border-radius: 3px; 
    webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: none; 
    padding: 6px 6px; 
    box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
    clear: both; 
}

#contentForStore #itemTable div.imageContainer {
    height: 200px;
}

#contentForStore #itemTable img {
    max-height: 200px;
}

#contentForStore #itemTable p.description{
    margin: 3px;
    text-align: left;
    height: 50px;
    overflow: auto;
    background-color: #917253;
    border: 1px solid #A68360;
    border-radius: 5px;
    padding: 8px;
    moz-box-shadow:inset 1px 1px 3px #705943;
    webkit-box-shadow:inset 1px 1px 3px #705943;
    box-shadow:inset 1px 1px 3px #705943;
}

#contentForStore #itemTable p a {
    text-decoration: underline;
}

#contentForStore #itemTable #randomEggDescription{
    text-align: center;
}

#contentForStore .purchaseForm {
}

#contentForStore .purchaseForm input {
    width:30px;
}

#contentForStore .purchaseForm select {
    width: 50px;
    margin-right: 5px;
}

#contentForStore #purchaseButton{
    font-size: 120%;
    font-weight: 800;
}

#contentForStore #categoryTable {
    font-size: 120%;
    width: 60%;
    margin-left: 80px;
    margin-bottom: -20px;
}

#contentForStore #cart {
    margin-top: 66px;
    margin-left: 45px;
    margin-right: 198px;
    padding: 20px 20px 20px 20px;
    text-align: left;
}

#contentForStore #cart table{
    margin-left: 5px;
}

#contentForStore #cart input{
    width: 30px;
}

#contentForStore #cart a{
    margin-right: 10px;
}





/******* Find a farm *******/

#contentForFindAFarm{
    padding: 10px 0px 200px 0px;
    margin-right: -19px;
}

#contentForFindAFarm input{
    width: 200px;
}

#contentForFindAFarm #adColumn{
    position: absolute;
    left: 865px;
    top: 25px;
}

#contentForFindAFarm .insetPanel{
    margin: 15px 210px 0px 30px;
}

#contentForFindAFarm .insetPanel .title{
	font-family: "verdana", "arial", "helvetica", sans-serif;
    font-size: 14px;
    margin-left: -20px;
}

#contentForFindAFarm .insetPanel form, #contentForFindAFarm .insetPanel div{
    padding: 30px 20px 30px 50px;
    margin-left: 30px;
    text-align: left;
    width: 300px;
}

#contentForFindAFarm ul li{
    margin-bottom: 10px;
}

#contentForFindAFarm #searchBox {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    margin-left: 0px;
    padding: 0px;
}

#contentForFindAFarm #searchBox ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}


#contentForFindAFarm #searchBox ul li {
    font-size: 110%;
    margin-bottom: 20px;
}


/******* Family Tree ******/

#contentForFamilyTree{
    height: 700px;
}

#contentForFamilyTree #treeContent{
    position: absolute;
    left: 125px;
}

#contentForFamilyTree #treeContent #creature {
    position: absolute;
    left: 305px;
    top: -10px;
}
#contentForFamilyTree #treeContent #mommy{
    position: absolute;
    left: 145px;
    top: 190px;
}
#contentForFamilyTree #treeContent #daddy{
    position: absolute;
    left: 455px;
    top: 190px;
}
#contentForFamilyTree #treeContent #momsMom{
    position: absolute;
    left: 45px;
    top: 400px;
}
#contentForFamilyTree #treeContent #momsDad{
    position: absolute;
    left: 225px;
    top: 400px;
}
#contentForFamilyTree #treeContent #dadsMom{
    position: absolute;
    left: 365px;
    top: 400px;
}
#contentForFamilyTree #treeContent #dadsDad{
    position: absolute;
    left: 555px;
    top: 400px;
}
#contentForFamilyTree #treeContent .nameLabel{
    position: absolute;
    top: 170px;
    left: 65px;
    color: #69a660;
}

#contentForFamilyTree #treeContent #arrows1 {
    position: absolute;
    top: 190px;
    left: 345px;
}

#contentForFamilyTree #treeContent #arrows2{
    position: absolute;
    top: 400px;
    left: 185px;
}

#contentForFamilyTree #treeContent #arrows3 {
    position: absolute;
    top:  400px;
    left: 495px;
}

/******** Settings Page **********/

#contentForSettings{
    padding: 10px 0px 20px 0px;
    margin-right: -19px;
}

#contentForSettings form input[type="text"] {
    width: 200px;
}

#contentForSettings form input[type="password"] {
    width: 200px;
}

#contentForSettings #adColumn{
    position: absolute;
    left: 865px;
    top: 25px;
}

#contentForSettings .insetPanel{
    margin: 15px 210px 0px 30px;
    padding-top: 20px;
    text-align: left;
}


#contentForSettings .insetPanel form{
    padding: 30px 20px 30px 50px;
    margin-left: 30px;
    width: 600px;
}

#contentForSettings .insetPanel .title{
	font-family: "verdana", "arial", "helvetica", sans-serif;
    font-size: 14px;
    margin-left: 20px;
}

#contentForSettings #blockUserForm ul{
    font-size: 100%;
}

#contentForSettings #deleteAccountPanel {
    padding: 50px 50px 50px 50px;
}

#contentForSettings #deleteAccountPanel a {
    color: #C91026;
    border: 2px solid #961726;
    padding: 10px 20px 10px 20px;
}

/********  Policy **********/

#contentForPolicy{
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
}

#contentForPolicy #policyPanel {
    margin: 0px 0px 0px 16px;
    width: 905px;
    padding: 50px;
    background-color: #886A4E;
    border: 2px solid #D98638;
    font-size: 120%;
}

#contentForPolicy #policyPanel #insetPanel {
    margin: 3px;
    text-align: left;
    background-color: #917253;
    border: 1px solid #A68360;
    border-radius: 5px;
    padding: 10px;
    moz-box-shadow:inset 1px 1px 3px #705943;
    webkit-box-shadow:inset 1px 1px 3px #705943;
    box-shadow:inset 1px 1px 3px #705943;
}

#contentForPolicy #policyPanel #secondInsetPanel {
    margin: 3px;
    text-align: left;
    background-color: #9F7F5E;
    border-radius: 5px;
    padding: 10px;
    moz-box-shadow:inset 1px 1px 3px #705943;
    webkit-box-shadow:inset 1px 1px 3px #705943;
    box-shadow:inset 1px 1px 3px #705943;
}

#contentForPolicy #policyPanel p {
    text-align: left;
    text-indent: 15px;
}

#contentForPolicy #policyPanel h3 {
    color: #FFE05C;
    display: inline;
    text-align: left;
}

#contentForPolicy #policyPanel li p {
    color: #FFF9BC;
}
#contentForPolicy #policyPanel a {
    text-decoration: underline;
    font-weight: bold;
    color: #ffffff;
    outline: none;
}
#contentForPolicy #policyPanel li a:link, #contentForPolicy #policyPanel li a:visited, #contentForPolicy #policyPanel li a:active {
    text-decoration: underline;
    font-weight: bold;
    color: #ffffff;
    outline: none;
}

#contentForPolicy ul {
    margin-right: 30px;
    list-style: none;
}

#contentForPolicy li {
    text-align: left;
    margin-bottom: 20px;
}


/******* Manage Farms Page ******/

#contentForManageFarms{
    padding: 0px 0px 200px 183px;
}

#contentForManageFarms #adColumn{
    position: absolute;
    left: 22px;
    top: 69px;
}

/* For tutorial */
#contentForManageFarms .welcomePanel {
    min-height: 160px;
    margin-left: 31px;
    margin-top: 15px;
}

#contentForManageFarms #farmTable{
}

#contentForManageFarms div.dottedDivider{
    margin: 10px 225px 0px 20px;
    width: 720px;
}

#contentForManageFarms p,#contentForManageFarms b {
    color: #486d55;
}

#contentForManageFarms .farmHeading a{
    color: #486d55;
	font-family: "verdana", "arial", "helvetica", sans-serif;
    font-size: 14px;
}


#contentForManageFarms #dropTable {
    width: 590px;
}

#contentForManageFarms .dropControl{
    text-align: center;
    width: 190px;
}

#contentForManageFarms .dropControl ul{
    list-style: none;
    margin: 5px 10px 20px 30px;
    padding: 0px 0px 0px 0px;
}

#contentForManageFarms .dropControl b {
    color: #9CED74;
}

#contentForManageFarms .settingsForm {
    border: 1px solid #66A15F;
    padding: 10px;
    border-radius: 10px;
}

#contentForManageFarms .settingsForm input[type="text"] {
    width: 200px;
}

#contentForManageFarms .settingsForm .welcomeTextArea {
    width: 250px;
    height: 50px;
}

#contentForManageFarms .settingsForm .urlTextArea {
    width: 250px;
}

#contentForManageFarms .farmPanelNotice {
    font-size: 80%;
    color: #9C1F1F;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#contentForManageFarms #farmsControlsPanel {
    margin-top: 40px;
    padding-top: 10px;
}

#contentForManageFarms #farmsControlsPanel #farmsControls {
    width: 300px;
}

#contentForManageFarms #farmsControlsPanel .formNotice {
    text-align: center;
}


#contentForManageFarms #orphanAccessories {
    padding: 15px 0px 15px 0px;
}


#contentForManageFarms #currentGift, #salePanel{
    padding: 10px 0px 10px 0px;
}

#contentForManageFarms #currentGift a, #salePanel a{
    color: #CCF2F3;
}

#contentForManageFarms .creature, .accessory {
    position: relative;
    z-index: 1000;
    margin: auto;
    text-align: left;
    outline: none;
}

#contentForManageFarms .creature span, .accessory span{
    cursor: move;
    outline: none;
    color: #FFF9BC;
}

#contentForManageFarms .farmManagementPanel {
}

#contentForManageFarms .farmManagementPanelContent{
    width: 300px;
    text-align: center;
}

#contentForManageFarms .farmManagementPanel ul{
    z-index: 1000;
    list-style: none;
    margin: auto;
    padding: 10px 0px 0px 0px;
}


#contentForManageFarms .farmManagementPanel table{
    z-index: 1000;
    margin: auto;
}

#contentForManageFarms .farmManagementPanel b{
    text-align: left;
    color: #FFF9BC;
}

#contentForManageFarms .farmControlLink{
    margin-left: 8px;
}

#contentForManageFarms .farmControlLink:link,
#contentForManageFarms .farmControlLink:active,
#contentForManageFarms .farmControlLink:visited
{
    color: #9C1F1F;
    font-size: 75%;
}
#contentForManageFarms .farmControlLink:hover
{
    color: #F95050;
    font-size: 75%;
}

/******* Visit the Wild ******/

#contentForVisitWild{
    padding: 10px 0px 60px 30px;
}
#contentForVisitWild #borderSplash{
    
    width: 824px;
    height: 701px;
    margin-top: -1px;
    margin-left:-8px;
    background: url(/assets/wild_outer_border.png) no-repeat top; 
}
#contentForVisitWild #chatSplash{
    position: absolute;
    top: 687px;
    left: 320px;
    width: 312px;
    height: 54px;
}
#contentForVisitWild #chatSplash #chatButton{
    margin-left: 5px;
    padding: 5px;
}
#contentForVisitWild #chatSplash #chatInput{
    width: 200px;
    font-size: 0.7rem; 
    moz-border-radius: 3px; 
    webkit-border-radius: 3px; 
    border-radius: 5px; 
    border: none; 
    padding: 5px 5px; 
    margin-top: 4px; 
    background-color: #FFD5AC;
    border: 2px solid #5B3427;
    moz-box-shadow:inset 1px 1px 3px #705943;
    webkit-box-shadow:inset 1px 1px 3px #705943;
    box-shadow:inset 1px 1px 3px #705943;
    clear: both; 
}

#contentForVisitWild #worldViewer {
    position: absolute;
    z-index: 1000;
    width: 748px;
    height: 530px;
    top: 157px;
    left: 60px;
}

#contentForVisitWild #adColumn {
    position: absolute;
    left: 860px;
    top: 121px;
}

#contentForVisitWild #accessoryPalette {
    margin-top: 10px;
    height: 800px;
    width: 956px;
    overflow: scroll;
    background-color: white;
    padding: 10px 10px 10px 10px;

}

#contentForVisitWild #accessoryPalette li {
    float: left;
}

#contentForVisitWild #accessoryPalette img {
    width: 50px;
    height: 50px;
}


/******* New User Page *******/

#contentForNewUser{
    padding: 0px 0px 75px 0px
}

#contentForNewUser #newUserForm{
    margin: 70px 240px 15px 240px;
    padding: 40px;
    padding-bottom: 0px;
    padding-top: 20px;
    background-color: #486D55;
    color: #FFF9BC;
    border-top: 2px solid #FFE05C;
    border-radius: 10px;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
    
}

#contentForNewUser #newUserForm input{
    width: 200px;
}

#contentForNewUser #newUserForm div.warningText{
    margin-left: 5px;
    margin-top: 5px;
    width: 200px;
}


#contentForNewUser #newUserButton{
    font-size: 13px;
    padding: 10px 30px;
}

#contentForNewUser #rightCell #newUserSplash{
    margin: 12px 0px 0px 20px;
    padding: 5px;
    
}

#contentForNewUser #rightCell {
    vertical-align: top;
}

#contentForNewUser #fbContainer {
    margin-top: 20px;
}
#contentForNewUser #fbContainer #fbSeparatorLine {
    background-color: #FFD210;
    margin-bottom: 15px;
    height: 1px;
    opacity: 0.5;
}
#contentForNewUser #fbContainer #facebookContinueButton {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 2px;
    display: block;
    border: 2px solid #FFFFFF;
    background-image: url("/assets/facebook_login_button.png");
    width: 166px;
    height: 24px;
}



/******** Login Page **********/

#contentForLogin{
    padding: 0px 0px 75px 0px;
}

#contentForLogin #loginForm input{
    width: 200px;
}

#contentForLogin #loginForm{
    margin: 70px 207px 15px 200px;
    padding: 40px;
    background-color: #486D55;
    color: #FFF9BC;
    border-top: 2px solid #FFE05C;
    border-radius: 10px;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
}
#contentForLogin #loginButtonContainer{
    margin-top: 15px;
}
#contentForLogin #loginButtonContainer #loginButton{
    font-size: 13px;
    padding: 10px 28px;
    margin-right: 10px;
}

#contentForLogin #loginButtonContainer #signUpButton{
    font-size: 13px;
    padding: 10px 23px;
}

#contentForLogin #turtleLoginImage {
    margin: 0px 20px 0px 80px;
}

#contentForLogin #fbContainer {
}

#contentForLogin #fbContainer #fbSeparatorLine {
    background-color: #FFD210;
    margin-bottom: 15px;
    height: 1px;
    opacity: 0.5;
}

#contentForLogin #fbContainer #facebookContinueButton {
    margin-top: 15px;
    margin-left: 5px;
    display: block;
    border: 2px solid #FFFFFF;
    background-image: url("/assets/facebook_login_button.png");
    width: 166px;
    height: 24px;
}

/******** Password Recovery Page **********/

#contentForRecoverPassword{
    padding: 0px 0px 75px 0px;
}

#contentForRecoverPassword #recoverPasswordForm{
    margin: 70px 207px 15px 200px;
    padding: 40px;
    background-color: #486D55;
    color: #FFF9BC;
    border-top: 2px solid #FFE05C;
    border-radius: 10px;
    webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.5);
    moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.5);
}
#contentForRecoverPassword #recoverPasswordForm input{
    width: 156px;
}
#contentForRecoverPassword #recoverPasswordForm #email_field{
    margin-bottom: 15px;
}
#contentForRecoverPassword  #recoverLink{
    font-size: 13px;
    padding: 10px 16px;
}

/******** Screenshots Page **********/


#contentForScreenshots{
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 15px 0px;
    text-align: center;
}

#contentForScreenshots #screenshotPanel {
    margin: 0px 0px 0px 15px;
    width: 933px;
    padding: 5px 5px 50px 5px;
    background-color: #886A4E;
    border: 2px solid #D98638;
    text-align: center;
}

#contentForScreenshots #screenshotPanel img {
    border: 2px solid #D98638;
}

#contentForScreenshots #descText {
    font-size: 80%;
}


/*******************  Moderator Controls *******************/

#floatingModeratorControls {
    position: absolute;
    left: -1px;
    top:  1085px;
}

.moderatorControls {
    background-color: white;
    border: 2px solid #ff0000;
    padding: 10px 10px 10px 5px;
}
.moderatorControls ul{
    list-style: none;
    margin-left: 5px;
    padding-left: 5px;
}

.moderatorControls li{
    margin-bottom: 10px;
    margin-left: 0px;
    padding-left: 0px;
}

.moderatorControls a, .moderatorControls p, .moderatorControls b{
    color: #ff0000;
}

.moderatorControls #moderatorNotesList {
    margin-left: 10px;
    padding-left: 10px;
}

.moderatorControls #moderatorNotesList li {
    margin-bottom: 30px;
}

.moderatorControls #moderatorNotesList .moderatorNote span {
    color: #ff0000;
}

.moderatorControls #newNoteForm textarea{
    width: 500px;
    height: 100px;
}

/******** Feedback Page **********/


#contentForFeedback{
    margin: 0px 0px 0px 0px;
    padding: 20px 30px 30px 30px;
}

#contentForFeedback b {
    color: #486d55;
}



/******** Wiki Page **********/


#contentForWiki{
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
}

#contentForWiki .title{
    display: block;
    color: #486d55;
    margin-bottom: 10px;
}

#contentForWiki .title b{
    color: #486d55;
}

#contentForWiki #adColumn{
    position: absolute;
    left: 830px;
    top: 40px;
}

#contentForWiki div.wikiContent{
    margin: 0px 0px 0px 0px;
    padding: 15px 210px 50px 30px;
}

#contentForWiki table{
    width: 100%;
}

#contentForWiki #wikiControls{
    margin: 20px 0px 0px 0px;
}

#contentForWiki #editForm textarea{
    width: 100%;
    height: 500px;
}

#contentForWiki #versionsForm{
    display: inline;
}

#contentForWiki #fileListBox{
    width: 250px;
}


#contentForWiki div.dottedDivider{
    margin: 50px 0px 50px 0px;
}


#contentForWiki.editPage #wikiPreview{
    display: none; /* Initially Hidden */
}

#contentForWiki.editPage #wikiDiff{
    display: none; /* Initially Hidden */
    background-color: #325036;
    color: white;
    padding: 10px 10px 10px 10px;
}

#contentForWiki.editPage #wikiDiff del{
    color: #FF3939;
}

#contentForWiki.editPage #wikiDiff ins{
    color: #56FA44;
}

#contentForWiki.editPage #hideDiffButton, #contentForWiki.editPage #hidePreviewButton{
    display: none; /* Initially hidden */
}

#contentForWiki.editPage #previewImage{
    height: 100px;
    margin-top: 30px;
}

#contentForWiki.editPage #uploadControlsTable{
    width: 200px; /*just put some bound on width..*/
}

#contentForWiki.editPage #uploadControlsTable td{
    padding: 0px 10px 0px 10px;
}


#contentForWiki.editPage #bottomBuffer{
    padding-bottom: 400px;
}

#contentForWiki.viewPage #bottomBuffer{
    padding-bottom: 650px;
}

/******** Trades Page **********/

#contentForTrades {
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 15px;
    
}

#contentForTrades #tradeBackground{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 50px 0px;
    text-align: center;
}

#contentForTrades #adColumn1 {
    position: absolute;
    left: 45px;
    top: 40px;
}

#contentForTrades #adColumn2 {
    position: absolute;
    left: 835px;
    top: 40px;
}

#contentForTrades #heartImageCell {
    width: 20px;
    height: 20px;
    background-image: url(/assets/big_heart_pink.gif);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

#contentForTrades #itemList li img.tradeImage {
    width: 50px;
    max-height: none;
}

#contentForTrades div.bottomBuffer{
    padding-bottom: 300px;
}

#contentForTrades #itemList {
    margin-left: 290px;
    padding-left: 20px;
    margin-top: 20px;
    list-style: none;
}

#contentForTrades #itemList li{
    margin-bottom: 50px;
    margin-left: 0px;
    text-align: left;
}

/* trade item icons */
#contentForTrades #itemList li img{
    width: 20px;
    max-height: 30px;
    margin-right: 18px;
    position: relative;
    top: 8px;
}

#contentForTrades #itemList li span.striked {
    text-decoration: line-through;
}

#contentForTrades #itemList li .itemInvalidText {
    margin-left: 40px;
}

#contentForTrades #validationFailureList {
    margin-left: 250px;
    list-style: none;
    text-align: left;
    width: 500px;
}

#contentForTrades .tradeTitle{
    font-size: 130%;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
}

#contentForTrades #splashImage{
    margin-bottom: 10px;
    width: 400px;
}

#contentForTrades #addItemContainer {
    padding: 20px;
    width: 400px;
    text-align: left;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#contentForTrades #addItemContainer form {
    display: inline;
}


#contentForTrades #addItemContainer div.section {
    margin-left: 15px;
    margin-top: 15px;
}

#contentForTrades #addItemContainer input {
    margin-left: 15px;
}
#contentForTrades #addItemContainer select {
    margin-left: 15px;
}

#contentForTrades #addItemContainer .shinyButton {
    margin-left: 15px;
}

#contentForTrades #addItemContainer a {
    font-weight: normal;
}

#contentForTrades #addItemContainer #quantityInput {
    width: 30px;
}


/******** Contest Page **********/

#contentForContests{
    margin: 0px 0px 0px 0px;
    padding: 15px 20px 15px 20px;
}

#contentForContests .moderatorLink{
    font-size: 80%;
}

#contentForContests p{
    margin-left: 0px;
}

#contentForContests #adColumn {
    position: absolute;
    left: 830px;
    top: 40px;
}

#contentForContests #adColumn1 {
    position: absolute;
    left: 830px;
    top: 40px;
}

#contentForContests #adColumn2 {
    position: absolute;
    left: 830px;
    top: 660px;
}


#contentForContests #contestBackground{
    margin: 0px 0px 0px 0px;
    padding: 15px 210px 50px 30px;
}

#contentForContests div.prizeBlock{
    margin-bottom: 50px;
    margin-left: 20px;
}

#contentForContests.editContest #deleteButton{
    margin-left: 20px;
}

#contentForContests.viewAll li{
    list-style: none;
    margin-bottom: 20px;
    margin-left: 0px;
}

#contentForContests.viewAll #contestSplash{
    margin-left: 150px;
    margin-bottom: 50px;
}

#contentForContests.viewAll h3{
    margin-left: 40px
}

#contentForContests.viewAll ul{
    margin-left: 40px;
    padding-left: 20px;
}

#prizeListLightbox {
    width: 346px;
    height: 396px;
    margin: 0px 0px 0px 0px;
}

#prizeListLightbox #prizeListContainer{
    margin: 0px 0px 0px 0px;
    width: 346px;
    height: 396px;
    overflow: auto;
}

#prizeListLightbox #prizeListContainer #prizeList{
    margin-top: 30px;
    list-style: none;
}

#prizeListLightbox #prizeListContainer li{
    list-style: none;
    margin-bottom: 30px;
    margin-left: 30px;
}

#prizeListLightbox #prizeListContainer #prizeList li img.farmbuckStackImg{
    width: 100px;
    height: 84px;
    margin-left: 50px;
    margin-top: 15px;
}

#prizeListLightbox #closeLink {
    position: absolute;
    margin-top: 8px;
    margin-left: 276px;
    text-decoration: underline;
}

#prizeListLightbox b.placeName {
    font-size: 110%;
}


#contentForContests.view #showPrizesLink{
    font-size: 80%;
}

#contentForContests .contestTitle{
    font-size: 130%;
    font-weight: bold;
}

#contentForContests div.bottomBuffer{
    padding-bottom: 800px;
}

#contentForContests.view ul.entryList{
    list-style: none;
    margin-left: 160px;
}

#contentForContests.view ul.entryList li{
    width: 320px;
    list-style: none;
    margin-bottom: 40px;
    padding: 10px 10px 20px 10px;
    text-align: center;
}

#contentForContests.view ul.entryList li img.entryImage{
    width: 300px;
    height: auto;
    margin-top: 10px;
}

#contentForContests.view a.voteLink{
    background-image: url(/assets/plus_up.gif);
    background-repeat: no-repeat;
    padding-left: 24px;
    padding-bottom: 20px;
}

#contentForContests.view a:hover.voteLink{
    background-image: url(/assets/plus_down.gif);
}

#contentForContests.enter #creatureView{}

#contentForContests.view h3{
    margin-left: 200px;
}

#contentForContests.view #enterButton{
}

#contentForContests.enter input{
    width: 300px;
}

#contentForContests.enter #previewImage{
    width: 300px;
    margin-top: 30px;
}

#contentForContests.enter select{
    width: 200px;
}

#contentForContests.view #paginationControls{
    margin-left: 200px;
}

#contentForContests.view #paginationControls #prevEntriesLink{
    margin-right: 20px;
}

#contentForContests.view #paginationControls #allEntriesLinks{
}

#contentForContests.view #paginationControls #nextEntriesLink{
    margin-left: 20px;
}

#contentForContests.view #paginationControls .selectedPageLink{
    font-size: 70%;
}

#contentForContests.view #congratulationsContainer{
    margin-bottom: 200px;
    text-align: center;
}

#contentForContests.view #congratulationsContainer ul{
    list-style: none;
}


/* Make this a bit easier to see.. */
#contentForEntryDetails table{
    color: #325036;
}

#contentForEntryDetails table td{
    padding: 5px 5px 5px 5px;
}

/******** Social stats **********/

#contentForSocialStats {
    padding: 20px 20px 20px 20px;
    line-height: 40px;
}

#contentForSocialStats span, #contentForSocialStats b, #contentForSocialStats {
    color: #325036;
}

#contentForSocialStats span {
    padding-left: 20px;
}

#queryList {
    margin-top: 2000px;
}
/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.

*/