﻿
/* GENERAL */


body { margin: 0; padding: 0; text-align: center; background: #c3d492 url('../graphics/interface/bg.png') repeat-x; font-family: Arial,sans-serif; font-size: 12px;  }
#bodySymbols { position: absolute; left: 971px; top: -100px }
img { border:0 }
h1, h2, h3, h4 { margin-top: 0; margin-bottom: 6px; font-family: Lucida Sans, Sans-Serif; letter-spacing: -1px; }
h1 { font-size: 24px }
h2 { font-size: 22px }
h3 { font-size: 18px;margin-bottom: 5px; }
a { text-decoration: none }
a:focus { outline: none; }

.clear { clear:both; }
.container { width: 979px; margin: 0 auto; text-align: left; }
.left { float: left }
.right { float: right }
.ingress { font-size: 14px; margin-top: 6px; line-height: 21px; }
/* HEADER */
/*#header { margin-top: 6px; } 
#header .banner { width: 728px; height: 90px; float: right; margin: 20px 7px 0 0; line-height: 90px; text-align: center; }
#header .logo { margin-left: -10px; margin-top: 20px; position: absolute; z-index: 10; }
*/
#header { margin-top: 0px; } 
#header .banner { height: 90px; width: 728px; float:right; }
#header .logo { margin: 10px 0 0 -10px; position: absolute; z-index: 10; }
#headerSymbols { position: absolute; left: 870px; display: block; }

/* MENU */
#menu { margin: 5px 7px 0px 7px; padding:4px 0 0 237px; display: block; height: 51px; background: transparent url('../graphics/interface/menu_bg.png') repeat-x;}
#menu li { margin: 0; padding: 0; list-style: none; float: left;  }
#menu a { color: #fff; text-decoration: none; display: block; line-height: 42px; height: 43px; padding: 0 16px 0 17px; font-weight: normal; border-left: 1px solid #444; font-size: 14px; font-family: Trebuchet MS, Arial;  }
#menu a:hover { background: transparent url('../graphics/interface/menu_bg_hover.png') repeat-x;  }
#menu li.selected a { background: transparent url('../graphics/interface/menu_bg_selected.png') repeat-x; font-weight: bold;  }

/* CONTENT */
#content { min-height: 600px; }

/* BOXES */
.box .inner { position: relative; }
.boxSmall { width:326px;  }
.boxMedium { width:652px; }
.boxLarge { width: 978px; }
.box .header { background: transparent url(../graphics/interface/box_end.png) no-repeat right top; padding-right: 7px; height: 4px }
.box .header div.inner { background: transparent url(../graphics/interface/box_green.png) no-repeat; display: block; height: 100%; }
.box .content { background: transparent url(../graphics/interface/box_end.png) no-repeat right bottom; padding-right: 7px;  }
.box .content div.inner { background: transparent url(../graphics/interface/box_green.png) no-repeat left bottom; display: block; padding: 14px 15px 22px 22px; text-align: justify; }

.boxGreen .content div.inner { background-image: url(../graphics/interface/box_transparent.png); color: #fdfcc9; }
.boxGrey .content div.inner { background-image: url(../graphics/interface/box_grey.png); color: #fff; }
.boxWhite .content div.inner { background-image: url(../graphics/interface/box_white.png); }
.boxGreenExtra .content div.inner { background-image: url(../graphics/interface/box_green.png); color: #fdfcc9; }

.boxWhite h1 { color: #000; }
.boxWhite h3 { color: #87ac3a;}
.boxGreen h2 { color: #fff; }
.boxGreen h3 { color: #fff; } /* fdfcc9 */
.boxGrey h2 { color: #fff; }
.boxGrey h3 { color: #fdfcc9; }
.boxGreen a { color: #fdfcc9; text-decoration: underline; font-weight: bold;  }
.boxWhite a { color: #4995bd; text-decoration: underline; font-weight: bold; }
.boxGrey a { color: #fff; text-decoration: underline; font-weight: bold; }

/* FOOTER */ 
#footer { color: #637843; text-align: center; padding: 14px 0 20px 0; margin: 40px 7px 0 7px; background: url(../graphics/interface/footer_bg.png) repeat-x; }
#footer a.subpage { color: #4f5835; font-size: 14px; padding: 0 6px 0 6px; }
#footer a.subpage:hover { color: #4f5835; font-size: 14px; padding: 0 6px 0 6px; color: #000 }
#footer a.discret { color: #637843; }


/* BUTTONS */
a.button { margin-left: -6px; cursor: pointer; display: block; float: left; height: 43px; padding-right: 12px;background: url(../graphics/interface/button_green_end.png) no-repeat top right; color:#FFF; font-weight: bold; text-decoration: none; font-size: 14px; }
a.button span { display:block; padding-left: 16px; padding-right: 4px; float: left; height: 43px; line-height:38px; background: url(../graphics/interface/button_green.png) no-repeat; }

a.buttonBlue { background-image: url(../graphics/interface/button_blue_end.png); }
a.buttonBlue span { background-image: url(../graphics/interface/button_blue.png); }

a.buttonYellow { background-image: url(../graphics/interface/button_yellow_end.png); color: #5c4c39; }
a.buttonYellow span { background-image: url(../graphics/interface/button_yellow.png); }

a.buttonGrey { background-image: url(../graphics/interface/button_grey_end.png); }
a.buttonGrey span { background-image: url(../graphics/interface/button_grey.png); }

/* TOOLTIP */
.tooltip { margin-top: -16px; position:absolute; z-index:99; display: block; float: left; height: 29px; padding-right: 16px;background: url(../graphics/interface/tooltip_end.png) no-repeat top right; color:#555; font-weight: bold; text-decoration: none; font-size: 13px; }
.tooltip span { display:block; padding-left: 16px; padding-right: 1px; float: left; height: 29px; line-height:23px; background: url(../graphics/interface/tooltip.png) no-repeat; }


/* RATING */
.starRating { cursor: pointer; }

.starRatingOn, .starRatingSaved  {   background-image: url(../graphics/interface/star_on.png); width: 21px; height: 22px;  }
.starRatingOff   {   background-image: url(../graphics/interface/star_off.png); width: 21px; height: 22px; }

/*
.starRatingOn, .starRatingSaved  {   background-image: url(../graphics/interface/klover_on.png); width: 22px; height: 22px;  }
.starRatingOff   {   background-image: url(../graphics/interface/klover_off.png); width: 22px; height: 22px; }
*/
.starRatingTitle {  clear:both; padding-top: 5px; font-weight:bold; color: #fff; }
.starRatingLabel { float: left; color: #fff; padding-left: 10px; line-height: 22px; }
.requiredFieldWarning { width: 16px; height: 16px; margin-right:3px; background-image:url('../graphics/interface/asterisk.png'); display:block;float:left}

input.blur { color: #AAA; font-style: italic; }
input.large { height:20px; line-height:20px; font-size:16px }
.nominee h2 { font-size: 18px; color: #fff; text-align: left; }
.nominee p { color: #fdfcc9; line-height: 17px; }
.nominee a.readmore, .nominee a.readmore:visted { color:#fdfcc9; }


.nomineeDetailed h3 { font-size: 15px; color: #7ba229;  }
.nomineeDetailed p { line-height: 17px; }
.nomineeDetailed .starRatingTitle { color: #87ac3a; font-size: 14px }
.nomineeDetailed a.referfriend { color:#555; }

/** html .box { height: 0.01%; }*/