body,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
li,
p,
a,
input,
textarea,
select {
  color:#fff;
  font-family:"Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
}
label,
input,
textarea,
option,
optgroup,
select {
  color:#000;
}
h1,
h2 {
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
  font-weight:normal;
}

html,
body {
  height:100%;
}

body {
  font-size:62.5%;
  margin:0px 0px;
  padding:0px 0px;
}

p,
form,
img {
  padding:0px 0px;
  margin:0px 0px;
}

a:hover {
  text-decoration:none;
}

a span,
a strong {
  cursor:pointer;
}
a img {
  border:none;
}

a.button {
  background:transparent url("../images/layout/buttonBackground-600x108.png") no-repeat left top;
  border:none;
  color:#dff2ff;
  display:block;
  float:left;
  height:27px;
  line-height:24px;
  margin-right:15px;
  position:relative;
  text-decoration:none;
}
a.button strong {
  background:transparent url("../images/layout/buttonArrows-7x108.gif") no-repeat 11px top;
  display:block;
  float:left;
  height:100%;
  padding-left:32px;
}
a.button span {
  background:transparent url("../images/layout/buttonBackground-600x108.png") no-repeat right top;
  display:block;
  height:27px;
  position:absolute;
  right:-15px;
  top:0px;
  width:15px;
}
a.button:hover {
  background-position:left -27px;
}
a.button:hover span {
  background-position:right -27px;
}
button {
  background:none;
  border:none;
  cursor:pointer;
  display:inline;
  height:27px;
  margin:0px auto;
  overflow:hidden;
  padding:0px 0px;
  text-align:center;
}
button em {
  background:transparent url("../images/layout/buttonBackground-600x108.png") no-repeat left top;
  border:none;
  display:block;
  font-style:normal;
  font-weight:bold;
  height:27px;
  margin-right:20px;
  padding:0px 0px 0px 10px;
  position:relative;
  white-space:nowrap;
}
button span {
  background:transparent url("../images/layout/buttonBackground-600x108.png") no-repeat right top;
  display:block;
  height:27px;
  line-height:24px;
  position:absolute;
  width:20px;
  white-space:nowrap;
  right:-20px;
  top:0px;
}
button strong {
  background:transparent url("../images/layout/buttonArrows-7x108.gif") no-repeat 1px top;
  color:#dff2ff;
  display:block;
  font-weight:700;
  height:100%;
  line-height:24px;
  padding-left:22px;
}
button:hover em {
  background-position:left -27px;
}
button:hover span {
  background-position:right -27px;
}
form label {
  color:#fff;
  display:block;
}
input.text,
textarea {
  background-color:#CEDBE5;
  border:1px solid #380821;
  margin:0px 0px;
  padding:2px 3px;
}
textarea {
  height:46px;
  margin:5px 0px;
  width:513px;
}

/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/
/***************************************************************************************************************************/
body {
  background:#227600 url("../images/layout/contentPanels-1023x10.png") repeat-y center 10px;
  line-height:1.4;
}

.footerSticker {
  min-height:100%;
}

#header .article,
#body,
#footer .article {
  font-size:1.2em;
  margin:0px auto;
  width:943px;
}


#body {
  overflow:hidden;
  padding-bottom:78px;
}


#header {
  background: transparent url("../images/layout/headerMess-1023x120.jpg") no-repeat center top;
  border-top:8px solid #1a6100;
  height:120px;
  width:100%;
}
#header .article {
  background:transparent url("../images/layout/headerGreenRibs-631x225.jpg") no-repeat left 99px;
  height:100%;
  position:relative;
}
#header .logo {
  height:42px;
  left:95px;
  position:absolute;
  top:20px;
}
#header .logo img {
  margin-left:20px;
}
#header .stamp {
  background:transparent url("../images/layout/stamp-107x113.png") no-repeat left top;
  bottom:-113px;
  display:block;
  height:113px;
  left:500px;
  position:absolute;
  width:107px;

}


#content {
  background:#62870c url("../images/layout/contentGlow-631x104.png") no-repeat 252px left;
  float:left;
  padding-bottom:20px;
  width:631px;
}
#content h1 {
  font-size:2.1em;
  margin:20px 0px 10px 0px;
  text-shadow:#333 1px 1px 3px;
}
#content p {
  margin:10px 0px;
}
#content ul.summary {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#content ul.summary li {
  overflow:hidden;
  padding-bottom:5px;
  width:100%;
}
#content ul.summary em {
  display:block;
  float:left;
  font-style:normal;
  width:135px;
}
#content ul.summary strong {
  color:#fda803;
}
#content .header {
  background:#87b53f url("../images/layout/headerGreenRibs-631x225.jpg") no-repeat left -21px;
  height:204px;
}
#content .header p {
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
  margin:0px 0px;
}
#content .header .salutation {
  display:block;
  font-size:1.6em;
  font-style:normal;
  padding-left:83px;
  text-shadow:#666 1px 1px 3px;

}
#content .header .email {
  background:transparent url("../images/layout/emailShine-700x49.png") no-repeat left center;
  display:block;
  float:left;
  font-size:2.6em;
  font-weight:normal;
  height:49px;
  line-height:49px;
  padding-left:83px;
  position:relative;
  text-shadow:#666 1px 1px 5px;
}
#content .header .email span {
  background:transparent url("../images/layout/emailShine-700x49.png") no-repeat right center;
  display:block;
  height:49px;
  position:absolute;
  right:-75px;
  top:0px;
  width:75px;
}
#content .header ul {
  clear:both;
  font-size:0.9em;
  list-style:none;
  margin:0px 0px;
  padding:0px 83px;
}
#content .header ul li {
  color:#307f0f;
  height:18px;
  line-height:18px;
  margin:3px 0px;
}

#content .section .header {
  background:transparent url("../images/layout/sectionHeaderBorder-582x42.jpg") no-repeat -5px top;
  height:auto;
}
/* reset .article .header */
#content .article .header {
  background:none;
}

#content .article {
  padding:0px 73px;
  position: relative;
  z-index: 5;
}
#content .section {
  margin-bottom:5px;
  padding:0px 20px 0px 40px;
}
#content .section h2 {
  color:#fc0;
  font-size:1.3em;
  padding:20px 15px 5px 15px;
  text-shadow:#333 1px 1px 3px;
}
#content .section h2.withExplanation {
  background:transparent url("../images/layout/helpSignGreen-18x18.png") no-repeat 542px 20px;
  cursor:pointer;
}
#content .section p,
#content .section li {
  /*color:#222;*/
}
#content .section .article {
  padding:0px 0px;
}
#content .section .article .header,
#content .section .article div.text,
#content .section .article .footer {
  padding:0px 25px;
}
#content .section .article .header {
  font-size:0.9em;
  padding-top:15px;
  padding-bottom:3px;
}
#content .section .article .header h2 {
  background:none;
  color:#fff;
  font-family:"Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
  margin:0px 0px;
  padding:0px 0px;
}
#content .section .article .footer {
  background-position:bottom left;
  background-repeat:no-repeat;
  padding-bottom:15px;
}

/* form */
#content div.text form {
  margin:0px 0px;
  padding:0px 0px;
}
#content div.text form ul {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#content div.text form li {
  overflow:hidden;
  padding-bottom:3px;
  width:100%;
}
#content div.text form li label {
  color:#fff;
  float:left;
  width:185px;
}
#content div.text form input.text {
  background-color:#cedbe5;
  border:1px solid #380821;
  margin:0px 0px;
  padding:2px 3px;
  width:320px;
}
#content div.text form li.button {
  padding:5px 0px 0px 185px;
  width:336px;
}

/* actionDone */
#content .actionDone,
#content .questionnaire .actionDone.article {
  background:#cae080 url("../images/layout/lightGreenBox-572x800.jpg") no-repeat left top;
}
#content .actionDone .header,
#content .questionnaire .actionDone.article .header {
  background:transparent url("../images/layout/actionDoneHeaderGlow-560x32.png") no-repeat center bottom;
}
#content .section .actionDone .header h2,
#content .questionnaire .actionDone.article .header h2 {
  background:none;
  color:#000;
  text-shadow:none;
}
#content .actionDone h3,
#content .questionnaire .actionDone.article h3 {
  color:#437c00;
  font-size:1em;
  margin:10px 0px 5px 0px;
}
#content .actionDone p,
#content .actionDone li,
#content .questionnaire .actionDone.article p,
#content .questionnaire .actionDone.article li {
  color:#222;
}
#content .actionDone .footer,
#content .questionnaire .actionDone.article .footer {
  background-image:url("../images/layout/lightGreenBox-572x800.jpg");
}
#content .actionDone .footer p,
#content .questionnaire .actionDone.article .footer p {
  color:#000;
  font-size:1.2em;
  margin:0px 0px;
}

/* navigation */
#content .navigation ul {
  background:#1b5d88 url("../images/layout/menuBlueSatin-631x48.jpg") no-repeat left top;
  height:36px;
  list-style:none;
  margin:0px 0px;
  overflow:hidden;
  padding:12px 75px 0px 75px;
  width:481px;
}
#content .navigation ul li {
  display:inline;
  float:left;
  padding-right:15px;
  margin:0px 7px;
}
#content .navigation ul li a {
  background:transparent url("../images/layout/selectedMenuItem-600x23.png") no-repeat left 24px;
  color:#fff;
  display:inline;
  float:left;
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
  height:23px;
  line-height:26px;
  padding-left:15px;
  position:relative;
  text-decoration:none;
}
#content .navigation ul li a.logout {
  color:#fabe60;
}
#content .navigation ul li a span {
  background:transparent url("../images/layout/selectedMenuItem-600x23.png") no-repeat right 24px;
  display:inline;
  height:23px;
  position:absolute;
  right:-15px;
  top:0px;
  width:15px;
}
#content .navigation ul li a:hover,
#content .navigation ul li.selected a {
  background-position:left top;
}
#content .navigation ul li a:hover span,
#content .navigation ul li.selected a span {
  background-position:right top;
}

/* questionnaire buttons */
#content .formOpen .startFilling,
#content .formOpen .rollUp {
  display:block;
}
#content .startFilling {
  margin:10px auto 0px auto;
  width:190px;
}
#content .rollUp {
  display:block;
  background-position:left -54px;
}
#content .rollUp span {
  background-position:right -54px;
}
#content .rollUp strong {
  background-position:11px bottom;
}
#content .rollUp:hover {
  display:block;
  background-position:left bottom;
}
#content .rollUp:hover span {
  background-position:right bottom;
}

/* questionnaire */
#content .questionnaire .article {
  background:#fc7221 url("../images/layout/orangeQuestionnaireBox-574x130.jpg") no-repeat left top;
}
#content .questionnaire p,
#content .questionnaire li {
  color:#222;
}
#content .questionnaire li {
  padding:2px 0px;
}
#content .questionnaire .article .roundedBottomCorners {
  background:transparent url("../images/layout/questionnaireFooterGlow-1148x80.png") no-repeat left bottom;
}
#content .questionnaire.formOpen .article .roundedBottomCorners {
  background-position:-574px bottom;
}
#content .questionnaire .article .header {
  background:transparent url("../images/layout/questionnaireHeaderGlow-303x24.png") no-repeat 6px bottom;
  text-shadow:#333 1px 1px 3px;
}
#content .questionnaire .article .footer .button {
  margin-top:4px;
}
#content .questionnaire .reward {
  float:right;
  color:#823900;
  margin:0px 0px;
  text-align:right;
}
#content .questionnaire .reward .label {
  display:block;
  float:right;
  font-style:normal;
  height:35px;
  line-height:35px;
  margin-right:7px;
}
#content .questionnaire .reward strong {
  background:transparent url("../images/layout/rewardBackground-200x35.png") no-repeat left top;
  color:#000;
  display:block;
  float:right;
  font-size:1.8em;
  font-weight:normal;
  height:35px;
  line-height:35px;
  padding-left:8px;
  position:relative;
  margin:0px 8px 0px 0px;
}
#content .questionnaire .reward .currency {
  font-size:0.7em;
  font-style:normal;
}
#content .questionnaire .reward strong span {
  background:transparent url("../images/layout/rewardBackground-200x35.png") no-repeat right top;
  display:block;
  height:35px;
  position:absolute;
  right:-8px;
  top:0px;
  width:8px;
}
#content .questionnaire .message {
  font-size:1.3em;
  margin-bottom:-4px;
  padding:10px 0px;
  position:relative;
  text-align:center;
  z-index:5;
}
#content .questionnaire .message p {
  font-weight:700;
  margin:0px 0px;
}
#content .questionnaire .message.error {
  background:#d44404 url("../images/layout/errorMessageRoundedCorners-540x5.gif") no-repeat left top;
}
#content .questionnaire .message.error p {
  color:#ffb94a;
}
#content .questionnaire .article .footer {
  overflow:hidden;
  width:521px;
}

/* achievement */
#content .achievement {
  background:#f85f29 url("../images/layout/achievementRedBox-554x800.jpg") no-repeat left top;
  margin:0px auto;
  width:554px;
}
#content .achievement .roundedBottomCorners {
  background:transparent url("../images/layout/achievementFooterOrangeGlow-554x66.jpg") no-repeat left bottom;
  padding-bottom:5px;
}
#content .section .achievement .header {
  background:transparent url("../images/layout/achievementHeaderRedGlow-303x24.png") no-repeat 6px bottom;
  padding-top:17px;
}
#content .section .achievement .header h2 {
  color:#fdce2d;
  font-weight:700;
}
#content .achievement .unreadEmails {
  background:#7fffd4 url("../images/layout/unreadEmailsBlueSatin-10x22.gif") repeat left top;
  border:1px solid #f29473;
  margin-bottom:20px;
}
#content .achievement .unreadEmails ol {
  background:transparent url("../images/layout/unreadEmailsGlow-20x50.png") repeat-y 25px top;
  margin:0px 0px;
  padding:0px 15px 0px 35px;
}
#content .achievement .unreadEmails li {
  color:#17557d;
  line-height:22px;
  padding-left:20px;
}
#content .achievement .unreadEmails li a {
  color:#d5e9f6;
  display:block;
  height:22px;
  line-height:22px;
  text-decoration:none;
}
#content .achievement .footer {
  overflow:hidden;
  width:504px;
}
#content .achievement.done {
  background:#b8ee15 url("../images/layout/achievementGreenBox-554x119.jpg") no-repeat left top;
}
#content .achievement.done .roundedBottomCorners {
  background:transparent url("../images/layout/achievementFooterGrayGlow-554x69.jpg") no-repeat left bottom;
}
#content .achievement.done .header {
  background:transparent url("../images/layout/achievementHeaderGreenGlow-303x24.png") no-repeat 6px bottom;
}
#content .achievement.done div.text p,
#content .achievement.done div.text li,
#content .achievement.done .status {
  color:#2f2a21;
}
#content .achievement.done .status {
  font-size:1.2em;
  font-weight:700;
  margin:0px 0px;
}

#content .help img {
  padding-left:5px;
  position:relative;
  top:-1px;
  vertical-align:middle;
}

/* questionnaire form */
#content .questionnaire form {
  display:none;
}
#content .formOpen form {
  display:block;
}
#content .questionnaire form {
  background:#699150;
  margin:-7px 0px 0px 7px;
  width:560px;
}
#content .questionnaire form h3 {
  margin:0px 0px;
}
#content .questionnaire form button {
  margin:10px auto 0px auto;
}
#content .questionnaire form label {
  color:#000;
  display:inline;
  float:none;
}
#content .questionnaire form.unactive button {
  display:none;
}
#content .questionnaire form .button {
  float:none;
}
#content .questionnaire form .header,
#content .questionnaire form .footer {
  margin-bottom:10px;
  padding:20px 25px;
  text-align:center;
}
#content .questionnaire form .header p,
#content .questionnaire form .footer p {
  color:#fff;
  font-family:"Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
  text-align:left;
}
#content .questionnaire form .header {
  background:#729c57 url("../images/layout/formHeaderShadow-560x15.png") repeat-x left top;
}
#content .questionnaire form.unactive .header {
  background-color:#d23800;
}
#content .questionnaire form .information,
#content .questionnaire form.unactive .information {
  background:transparent url("../images/layout/informaitonIconActive-20x19.png") no-repeat left top;
  padding-left:30px;
}
#content .questionnaire form.unactive .information {
  background:transparent url("../images/layout/informaitonIconUnactive-20x19.png") no-repeat left top;
}
#content .questionnaire form fieldset {
  background:#c9dec1 url("../images/layout/answersRoundedCorners-540x6.gif") no-repeat left bottom;
  display:block;
  border:none;
  margin:10px 10px;
  padding:0px 0px 5px 0px;
  width:540px;
}
#content .questionnaire form input.text {
  background-color:#fff;
  border:1px solid #276a0c;
}
#content .questionnaire form input.otherAnswer {
  width:325px;
}
#content .questionnaire form .question {
  background:#adcda1 url("../images/layout/questionRoundedCorners-540x4.gif") no-repeat left top;
  padding:25px 40px 10px 60px;
  position:relative;
}
#content .questionnaire form .question h3 {
  color:#121212;
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
  font-size:2.5em;
  font-weight:normal;
  left:0px;
  padding:0px 5px;
  position:absolute;
  text-align:center;
  top:2px;
  width:50px;
}
#content .questionnaire form .question p {
  color:#343434;
  margin-top:0px;
}
#content .questionnaire form .question .note {
  background:#f6c16c url("../images/layout/questionNoteRoundedCorners-7x50.gif") no-repeat right top;
  color:#b16d00;
  padding:2px 15px 0px 0px;
  position:absolute;
  right:0px;
  top:0px;
}
#content .questionnaire form .question .note span {
  background:#f6c16c url("../images/layout/questionNoteRoundedCorners-7x50.gif") no-repeat left bottom;
  display:block;
  padding:0px 0px 2px 15px;
}
#content .questionnaire form .answers {
  padding:10px 40px 10px 60px;
}
#content .questionnaire form .answers ul {
  list-style:none;
  margin:0px 0px;
  padding:0px 0px;
}
#content .questionnaire form .footer {
  background:#729c57 url("../images/layout/formFooterRoundedCorners-1120x5.png") no-repeat left bottom;
  margin:10px auto 0px auto;
  overflow:hidden;
  width:510px;
}
#content .questionnaire form.unactive .footer {
  background-color:#d23800;
  background-position:right bottom;
}
#content .questionnaire form .footer button {
  margin:25px auto;
}
#content .questionnaire form .footer .rollUP,
#content .questionnaire form .footer .startFilling {
  margin:0px 0px;
}
#content .questionnaire form .footer .rollUp {
  float:right;
  margin:0px 65px 0px 0px;
}
#content .questionnaire form .footer .startFilling {
  float:left;
  margin:0px 0px 0px 65px;
}

/* advancedSetup */
#content .advancedSetup {
  background:transparent url("../images/layout/advancedSetupTopShadow-572x95.jpg") no-repeat 45px top;
  padding-top:18px;
}
#content .advancedSetup table {
  border-collapse:collapse;
  width:100%;
}
#content .advancedSetup table th,
#content .advancedSetup table td {
  padding:3px 2px;
}
#content .advancedSetup table th {
  color:#0d2303;
  text-align:left;
}
#content .advancedSetup .table {
  padding:20px 0px;
}
#content .advancedSetup .table .button {
  width:130px;
}
#content .advancedSetup .information {
  background:transparent url("../images/layout/informaitonIconActive-20x19.png") no-repeat left center;
  color:#0d2303;
  padding:2px 0px 2px 30px;
}
#content .advancedSetup .article .header {
  background:#1b4b07 url("../images/layout/advancedSetupHeader-559x78.jpg") no-repeat left top;
  margin:0px auto;
  padding:11px 25px 10px 25px;
  width:509px;
}
#content .advancedSetup .article .header h2 {
  color:#ffcb66;
}
#content .advancedSetup .article .header p {
  color:#b2e292;
  font-size:1.1em;
  margin-top:15px;
}
#content .advancedSetup.section div.text {
  background-color:#7ca16d;
  border:1px solid #47673b;
  border-bottom-left-radius:4px 4px;
  border-bottom-right-radius:4px 4px;
  -moz-border-radius-bottomleft:4px 4px;
  -moz-border-radius-bottomright:4px 4px;
  border-top:none;
  margin:0px auto;
  padding:0px 10px 0 25px;
  width:523px;
}
#content .advancedSetup div.text p {
  margin:0px 0px;
}
/* advancedSetup form */
#content .advancedSetup div.text form {
  padding:35px 65px;
}
#content .advancedSetup div.text form ul {
  margin:5px 0px;
}
#content .advancedSetup div.text form li {
  padding-left:30px;
  width:312px;
}
#content .advancedSetup div.text form li.button {
  padding-left:135px;
}
#content .advancedSetup div.text form label {
  width:105px;
}
#content .advancedSetup div.text form input.text {
  width:185px;
}
/* friendsList */
#content table.friendsList {
  border-bottom:1px solid #f0c460;
  border-collapse:collapse;
  width:100%;
}
#content table.friendsList td {
  padding:3px 5px;
}
#content table.friendsList thead td {
  border-bottom:1px solid #f0c460;
  color:#f0c460;
}
#content table.friendsList .amount {
  text-align:right;
}
#content table.friendsList .vacant td {
  color:#89b328;
}

/* aside */
#aside {
  background:transparent url("../images/layout/asideOrangeAsphalt-312x264.jpg") no-repeat left top;
  float:right;
  min-height:264px;
/*  padding-bottom:335px;*/
  position:relative;
  width:312px;
}
#aside h2 {
  color:#ffd18c;
  font-family:"Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
  font-weight:800;
  margin:0px 0px;
  text-align:center;
}
#aside .section {
  margin-top:35px;
  padding:0px 26px 0px 27px;
}
#aside .section.facebook {
  position:absolute;
  right:0px;
  bottom:0px;
}
#aside .article {
  background:#ffd965 url("../images/layout/asideArticleBox-259x600.png") no-repeat left top;
  margin-bottom:3px;
  overflow:hidden;
  width:100%;
}
#aside .article .header,
#aside .article div.text,
#aside .article .footer {
  padding:0px 15px;
}
#aside .article .header {
  background:#ff6403 url("../images/layout/asideArticleHeaderBox-259x300.png") no-repeat left top;
}
#aside .article .header h3 {
  color:#ffde79;
  font-size:1em;
  padding:6px 0px 4px 0px;
  margin:0px 0px;
}
#aside .article div.text {
  background:transparent url("../images/layout/asideArticleHeaderLine-252x1.png") no-repeat center 1px;
  color:#2a1a01;
  padding-top:5px;
}
#aside .article div.text p {
  color:#2a1a01;
}
#aside .button {
  float:none;
  left:-6px;
  margin:0px auto;
  width:150px;
}
#aside .article .button {
  width:167px;
}
#aside .article .footer {
  background:transparent url("../images/layout/asideArticleBox-259x600.png") no-repeat left bottom;
  overflow:hidden;
  padding-bottom:12px;
  padding-top:10px;
  width:229px;
}
#aside .rewardTable {
  background:transparent url("../images/layout/rewardTableBox-245x400.png") no-repeat left top;
  margin:0px auto 10px auto;
  overflow:visible;
  padding:15px 20px 5px 20px;
  position:relative;
  width:205px;
}
#aside .rewardTable table {
  background:transparent url("../images/layout/rewardTableSeparator-36x152.png") no-repeat 110px center;
  width:100%;
}
#aside .rewardTable table th,
#aside .rewardTable table td {
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
}
#aside .rewardTable table th {
  color:#5b1b3b;
  font-weight:normal;
  text-align:left;
}
#aside .rewardTable table td {
  color:#000;
  text-align:right;
}
#aside .rewardTable .footerRoundedBox {
  background:transparent url("../images/layout/rewardTableBox-245x400.png") no-repeat left bottom;
  bottom:-10px;
  display:block;
  height:10px;
  left:0px;
  position:absolute;
  width:245px;
}
#aside .accountStatus {
  background:transparent url("../images/layout/accountStatusBox-245x65.png") no-repeat left top;
  height:65px;
  padding:0px 0px;
  margin:16px auto 18px auto;
  width:245px;
}
#aside .accountStatus .header {
  background:none;
}
#aside .accountStatus .header h3 {
  color:#c34d0f;
  font-weight:normal;
  padding:3px 0px 0px 0px;
  text-align:center;
}
#aside .accountStatus div.text {
  background:none;
  font-family:"Trebuchet MS", Trebuchet, sans-serif;
  font-size:2.5em;
  padding-top:0px;
  text-align:center;
}
#aside .accountStatus div.text strong {
  font-weight:normal;
}

/* footer */
#footer {
  background-color:#124400;
  height:78px;
  margin-top:-78px;
}
#footer p {
  color:#4d6943;
  font-size:0.9em;
  margin:5px 0px 0px 0px;
}
#footer a {
  color:#de8800;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}
#footer strong {
  color:#de8800;
  display:block;
  font-weight:normal;
}
#footer .article {
  background:transparent url("../images/layout/footerGlow-901x33.jpg") no-repeat center top;
  padding:5px 0px;
  text-align:center;
}

/* popup windows */
#grayOverlay {
  background:transparent url("../images/layout/grayOverlay-50x50.png") repeat left top;
  display:none;
  height:100%;
  left:0px;
  opacity:1;
  position:fixed;
  top:0px;
  width:100%;
  z-index:99;
}

#popupWindow,
.popupWindow {
  background:#276a0c url("../images/layout/popupWindowGreenBackground-610x108.jpg") no-repeat left top;
  border:2px solid #f77c14;
  display:none;
  font-size:1.2em;
  left:50%;
  margin-left:-307px;
  padding:30px 60px;
  position:fixed;
  top:60px;
  width:488px;
  z-index:100;
}
#popupWindow .closeButton,
.popupWindow .closeButton {
  position:absolute;
  right:-11px;
  top:-11px;
}
#popupWindow h2,
.popupWindow h2 {
  color:#ff7608;
  font-size:1.7em;
  margin:0px 0px 30px 0px;
}
#popupWindow table th,
.popupWindow table th {
  font-weight:normal;
  padding-right:15px;
  text-align:left;
}
#popupWindow table td,
.popupWindow table td {
  color:#fda803;
  padding:3px 0px;
}
#popupWindow button em,
#popupWindow .button,
.popupWindow button em,
.popupWindow .button {
  background-image:url("../images/layout/buttonBackgroundPopup-600x54.png");
  margin-right:30px;
}
#popupWindow .button strong,
.popupWindow .button strong {
  color:#8eb1d2;
}
#popupWindow .button:hover strong,
.popupWindow .button:hover strong {
  color:#fff;
}
#popupWindow button span,
#popupWindow .button span,
.popupWindow button span,
.popupWindow .button span {
  background-image:url("../images/layout/buttonBackgroundPopup-600x54.png");
}
#popupWindow .footer,
.popupWindow .footer {
  margin-top:30px;
  overflow:hidden;
  padding-left:40px;
  width:448px;
}
#popupWindow form ul,
.popupWindow form ul {
  list-style:none;
  margin:20px 0px 0px 0px;
  padding:0px 0px;
}
#popupWindow form ul ul,
.popupWindow form ul ul {
  margin:0px 0px 20px 0px;
  padding-left:17px;
}
#popupWindow form ul ul li,
.popupWindow form ul ul li {
  margin:6px 0px;
  overflow:hidden;
  width:100%;
}
#popupWindow form label,
.popupWindow form label {
  display:inline;
}
#popupWindow form ul ul label,
.popupWindow form ul ul label {
  float:left;
  width:90px;
}
#popupWindow form ul ul .inline,
.popupWindow form ul ul .inline {
  float:left;
  text-align:center;
  width:30px;
}
#popupWindow form label strong,
.popupWindow form label strong {
  color:#fda803;
}
#popupWindow form input.small,
.popupWindow form input.small {
  width:70px;
}
#popupWindow form input.medium,
.popupWindow form input.medium {
  width:212px;
}
#popupWindow form input.long,
.popupWindow form input.long {
  width:320px;
}
#popupWindow form ul ul input,
.popupWindow form ul ul input {
  float:left;
}
#popupWindow .errors,
.popupWindow .errors {
  background-color:#AE0C0C;
  border:1px solid #761B17;
  border-left:none;
  border-right:none;
  clear:both;
  list-style:disc;
  margin:20px 0px 5px 0px;
  padding:5px 10px 5px 30px;
}
#popupWindow .errors li,
.popupWindow .errors li {
  color:#fff;
  margin:5px 0px;
  padding:0px 0px;
}

#popupWindow ul.withoutBullet,
.popupWindow ul.withoutBullet {
  list-style: none;
}
#popupWindow ul.withoutBullet strong,
.popupWindow ul.withoutBullet strong {
  color: #FDBC3F;
}
#popupWindow .smallestFont,
.popupWindow .smallestFont {
  color: #CEE4F8;
  display: block;
  font-size: 0.9em;
  padding-bottom: 4px;
}
/* banners */
#content .section {
  clear: both;
}
#content .banners {
  list-style: none;
  margin: 0 0 0 -25px;
  overflow: hidden;
  padding: 0 0 0 10px;
  width: 600px;
}
#content .banners .banner,
#content .banners .bannerRightCorner {
  background: transparent url("../images/layout/bannerBox-600x98.png") no-repeat left top;
  float: left;
  height: 98px;
  line-height: 95px;
  margin-right: 25px;
  padding: 0 0 0 25px;
  position: relative;
  text-align: center;
}
#content .banners .banner {
  height: 78px;
  line-height: 78px;
  min-width: 150px;
  padding: 10px 0 10px 25px;
}
#content .banners .banner.long {
  float: left;
  width: 550px;
}
#content .banners .banner.inactive,
#content .banners .inactive .bannerRightCorner {
  background-image: url("../images/layout/bannerBoxUnactive-600x98.png");
}
#content .banners .banner.inactive {
  margin-top: 0;
}
#content .banners .banner.gold,
#content .banners .banner.inactive {
  margin-bottom: 20px;
  padding-bottom: 18px;
}
#content .banners .banner {
  margin: 10px 25px 10px 0;
}
#content .banners .banner a {
  height: 77px;
  line-height: 77px;
}
#content .banners .banner img {
  background-color: #fff;
  display: inline;
  vertical-align: middle;
}
#content .banners .bannerRightCorner {
  background-position: right top;
  display: block;
  float: none;
  margin: 0 0;
  padding: 0 0;
  position: absolute;
  right: -25px;
  top: 0;
  width: 25px;
}
#content .banners .banner .reward,
#content .banners .banner .reward .rightCorner {
  background: transparent url("../images/layout/bannerReward-400x29.png") no-repeat left top;
  display: block;
  float: left;
  font-size: 0.9em;
  font-weight: 700;
  height: 29px;
  line-height: 27px;
  margin-right: 20px;
  padding-left: 20px;
  position: absolute;
  text-align: center;
}
#content .banners .banner.gold .reward,
#content .banners .banner.gold .reward .rightCorner {
  background-image: url("../images/layout/bannerRewardGold-400x29.png");
}
#content .banners .banner .reward {
  left: -5px;
  top: -7px;
}
#content .banners .banner .reward .rightCorner {
  background-position: right top;
  margin: 0 0;
  padding: 0 0;
  right: -20px;
  top: 0;
  width: 20px;
}
#content .banners .banner .countDown,
#content .banners .banner .countDown .rightCorner {
  background: transparent url("../images/layout/bannerCountDown-400x27.png") no-repeat left top;
  color: #373737;
  display: block;
  font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
 font-size: 1.2em;
  font-weight: 700;
  height: 27px;
  line-height: 27px;
  margin-right: 15px;
  padding-left: 15px;
  position: absolute;
  text-align: center;
  width: 130px;
}
#content .banners .banner.gold .countDown,
#content .banners .banner.gold .countDown .rightCorner {
  background-image: url("../images/layout/bannerCountDownGold-400x27.png");
}
#content .banners .banner .countDown {
  left: 50%;
  margin-left: -65px;
  bottom: -10px;
}
#content .banners .banner .countDown .rightCorner {
  background-position: right top;
  margin: 0 0;
  padding: 0 0;
  right: -15px;
  top: 0;
  width: 15px;
}
#content .banners .banner .countDown .days {
  font-size: 0.6em;
}

/********************************************************************************
*/

strong.biggerfont {
 font-size: 1.8em;
}

.urlLink {
 color:#FFFF00;
 font-size: 1.2em;
 text-shadow: 0px 0px 3px #FFCC00
}

.underlineText{
  color:#89B328;
}


#content .friendsList .delete {
  vertical-align: middle;
}
#content .friendsList tr.hovered td {
  background-color: #57780b;
}
.popupWindow .yellowHighlightedText {
  color: #ff0;
  font-weight: 700;
}


#popupWindow .recommendEmailHeader {
  background-color: #1a4708;
  margin-top: 20px;
}
#popupWindow .recommendEmailHeader ul {
  margin: 0 0;
}
#popupWindow .recommendEmailList {
  background: #235e0b;
  border: 2px solid #1a4708;
  margin-top: 15px;
  max-height: 145px;
  overflow-y: auto;
  overflow-x: hidden;
}
#popupWindow .recommendEmailList table {
  border-collapse: collapse;
  width: 100%;
}
#popupWindow .recommendEmailList table tr:hover td {
  background-color: #1c4c09;
}
#popupWindow .recommendEmailHeader table td,
#popupWindow .recommendEmailList table td {
  border-top: 1px solid #1a4708;
  padding: 0 5px;
}
#popupWindow .recommendEmailList table tr:first-child td,
#popupWindow .recommendEmailHeader table td {
  border: 0;
}
#popupWindow .recommendEmailHeader table label,
#popupWindow .recommendEmailList table label {
  display: block;
  padding: 5px 0;
}
#popupWindow .recommendEmailList table td:first-child {
  width: 20px;
}
#popupWindow .recommendEmailList table .checked label {
  color: #ff0;
  font-weight: 700;
}
#popupWindow .recommendEmailList table td:first-child {
  width: 20px;
}
#popupWindow table.initials td {
  padding: 0 5px 0 0;
}

#content .friendsList tr.deleted td {
  color: #a9dd31;
  vertical-align: middle;
}
#content .friendsList tr.deleted td a {
  color: #a9dd31;
  text-decoration: none;
}

.popupWindow .loading {
  text-align: center;
}

#popupWindow ul.withoutBullet,
.popupWindow ul.withoutBullet {
  list-style: none;
}
#popupWindow ul.withoutBullet strong,
.popupWindow ul.withoutBullet strong {
  color: #FDBC3F;
}
#popupWindow .smallestFont,
.popupWindow .smallestFont {
  color: #CEE4F8;
  display: block;
  font-size: 0.9em;
  padding-bottom: 4px;
}


#header .article {
  position: relative;
  z-index: 10;
}
#header .languageMenu {
  position: absolute;
  right: 0;
  top: 5px;
}
#header .languageMenu p a {
  background-color: #154765;
  color: #9cc9f4;
  width: 150px;
  padding: 5px 10px;
}
#header .languageMenu p a .arrow {
  background: transparent url("../images/layout/cooperationCloseOpen-8x40.png") no-repeat left bottom;
  display: block;
  height: 7px;
  margin-top: -4px;
  position: absolute;
  right: 5px;
  top: 50%;
  width: 8px;
}
#header .languageMenu.open p a .arrow {
  background-position: left top;
}
#header .languageMenu p a:hover,
#header .languageMenu.open p a {
  background-color: #10364d;
  color: #fff;
}
#header .languageMenu.open p a {
  border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
}
#header .languageMenu a {
  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  color: #fff;
  display: block;
  text-decoration: none;
}
#header .languageMenu a img {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 3px;
}
#header .languageMenu ul {
  float: left;
  list-style: none;
  margin: 0 0;
  padding: 0 0;
  width: 160px;
}
#header .languageMenu .dropDown {
  display: none;
  background-color: #154968;
  border: 1px solid #10364d;
  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  padding: 5px 5px;
  position: absolute;
  right: 0;
  top: 26px;
}
#header .languageMenu.open .dropDown {
  display: block;
  overflow: hidden;
  width: 324px;
}
#header .languageMenu .dropDown a {
  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
  padding: 5px 10px;
}
#header .languageMenu .dropDown a:hover {
  background-color: #10364d;
}