﻿* { margin: 0; padding: 0; }
body {
	margin-top: 0px;
	background-color: #b4b4b4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a {color: #ef0000; text-decoration: none;}
a:link {color: #ef0000; text-decoration: none;}
a:visited {color: #ef0000; text-decoration: none;}
a:hover {color: #ec9900; text-decoration: underline;}
h1 { font-size: 150%; }
h2 { font-size: 125%; }
img { border-style: none; }
option { padding-right: .6em; }
#siteMain { margin: auto; width: 800px; background-color: #ffffff; }
#siteHeader { background-color:  #a6180c; height: 100px; color: #ffffff; }
#navBar {
	background-image: url('images/menuback.jpg');
	background-repeat: repeat-x;
	height: 28px;
	text-align: right;
	padding: 5px 5px 0px 5px;
}
#columnContainer {
    background-image: url('images/leftback.gif'); 
    background-repeat: repeat-y; 
    background-color: #ffffff; 
    min-height: 400px;
}
#masterLeftColumn { float: left; width: 180px; }
#masterRightColumn { width: 620px; float: right; }
.loginBox { margin: auto; }
#footer { clear: both; background-color: #f1f1f1; text-align: center; color: #000000; }
#shadowLine { background-image: url('images/bottom_shadowline.gif'); background-repeat: repeat-x; height: 12px;}
#contentContainer { padding: 10px 10px 10px 10px; }
#currentUser { color: #2D6F40; height: 15px; padding-right: 10px; font-size: 10px; font-family: Arial; margin-top: 0px; }
#myGroups { width: 450px; float: left; }
#groupMembers { width: 450px; float: left; }
#sneakyMessage {width: 350px; float: left; }
#messageButtons {width: 200px; float: right; }
#wishList   { width: 350px; float: left; }
#wishButtons { width: 200px; float: right; }
#joinGroup { width: 95%; margin: auto; background-image: url('images/ornamentsright.gif'); background-repeat: no-repeat; background-position: right bottom;}
#changeNickname { width: 400px; }
.contentBox { border: solid 1px #a6180c; background-color: #f1f1f1; padding: 3px 3px 3px 3px; }
.contentBox h1 { background-color: #a6180c; color: #ffffff; padding: 3px 3px 3px 3px; font-size: 14px; }
.buttonContainer {
    width: 130px; 
    float: right; 
}
.buttonPanel {
    background-color: #f1f1f1;
    margin: auto; 
    background-image: url('images/buttonPanel_top.gif');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
}
.buttonPanelLast {
    background-image: url('images/buttonPanel_Bottom.gif'); 
    background-repeat: no-repeat; 
    background-position: left top;
    margin: 0px auto 0px auto;
}
.buttonPanelContent {background-image: url('images/buttonPanel_Content.gif'); background-repeat: repeat-y; margin: 0px auto 0px auto;}
.buttonPanelContent a {color: #ffffff; text-decoration: none;}
.buttonPanelContent a:link {color: #ffffff; text-decoration: none;}
.buttonPanelContent a:visited {color: #ffffff; text-decoration: none;}
.buttonPanelContent a:hover {color: #ffffff; text-decoration: underline;}
.button {
    background-color: #2D6F40; 
    text-align: center; 
    color: #ffffff; 
    margin: 3px auto 0px auto; 
    padding: 3px 3px 3px 3px; 
    width: 85%;
}
.groupThumb { float: right; padding-bottom: 3px; }
.centerTable { margin: auto; }
.hatImage { float: left; }
.singleContainer {width: 90%; }

/* Accordion Control Classes */
.accordionHeader {
    border: 1px solid #f1f1f1;
    color: #ffffff;
    background-color: #a6180c;
	font-size: 12px;
	font-weight: bold;
    padding: 0px 0px 0px 18px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url('images/rightarrow.gif');
    background-repeat: no-repeat;
    background-position: 4px center;
}

.accordionHeaderSelected {
    border: 1px solid #f1f1f1;
    color: #ffffff;
    background-color: #a6180c;
	font-size: 12px;
	font-weight: bold;
    padding: 0px 0px 0px 18px;
    margin-top: 5px;
    cursor: pointer;
    background-image: url('images/downarrow.gif');
    background-repeat: no-repeat;
    background-position: 4px center;
}
.accordionHeader a {color: #ffffff; text-decoration: none;}
.accordionHeader a:link {color: #ffffff; text-decoration: none;}
.accordionHeader a:visited {color: #ffffff; text-decoration: none;}
.accordionHeader a:hover {color: #ffffff; text-decoration: underline;}
.accordionHeaderSelected a {color: #ffffff; text-decoration: none;}
.accordionHeaderSelected a:link {color: #ffffff; text-decoration: none;}
.accordionHeaderSelected a:visited {color: #ffffff; text-decoration: none;}
.accordionHeaderSelected a:hover {color: #ffffff; text-decoration: underline;}
.accordionContent { background-color: #f1f1f1; padding: 5px; padding-top: 10px; }

.invisible { visibility: hidden; }
#rulesContainer { width: 90%; margin: auto; }
.messagePanel legend {color: #a6180c; font-weight: bold;}
.drawResults { text-align: center; font-size: 125%; color: #2D6F40; padding-top: 15px; }
.green { color: #2D6F40; }
.red { color: #a6180c; }
.googleBottom { margin: auto; padding-top: 10px; width: 468px; clear: both; }
.newMessage { font-weight: bold; }
.wdgt_hd { display: none; }
.wdgt_ft { display: none; }
#amzHeader {
    width: 170px; 
    background-color: #a6180c; 
    color: #ffffff; 
    font-size: 14pt; 
    font-family: Georgia;
    font-weight: bold;
    padding: 5px 0px 5px 0px;
    border-left: solid 1px #636363;
    border-right: solid 1px #636363;
 }
#amzFooter {
    width: 170px; 
    background-color: #a6180c; 
    color: #ffffff; 
    padding-top: 5px;
    border-left: solid 1px #636363;
    border-right: solid 1px #636363;
 }
 #follow {float: left; width: 320px; margin-left: 5px;}
 .giftLocator { padding-left: 3px; margin-top: 48px; }
 .adPanel { margin-top: 5px; }
 .pnlNoGroups { padding-top: 5px; text-align: center; }
 .twitterIcon { margin-left: 10px; }
 .loginName { float: right; margin-right: 10px; }
  .returnLink { margin-bottom: 5px; }