/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

.todo{
  background: #FF0FCD;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body { 
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 13px/1.4 Arial, sans-serif;
}

a:focus {
  outline: 1px dotted;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
.h1,
.h2 {
  margin-bottom: 15px;
  text-align:left;
}
/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
  font-family: Arial, sans-serif;
  line-height:1;
  font-weight:normal;
} 

h1, .h1 {
  font-size: 27px;
}

h2, .h2 {
  font-size: 21px;
  color:#333333;
  font-weight:bold;
}

h3, .h3 {
  background: url(/images/bg_h3.gif) no-repeat 0 1px;
  padding-left:20px;
  margin-bottom:8px;
  font-size: 15px;
  font-weight:bold;
  color:#333333;
}

.h3Bg {
  background: url(/images/bg_h3.gif) no-repeat 0 1px !important;
  padding-left:20px !important;
}

h3.normal, .h3 {
  background: none;
  padding-left:0px;
  margin-bottom:15px;
  font-weight:bold !important;
}

h4 {
  font-size: 14px;
  font-weight:bold;
}

h5 {
  font-size: 13px;
  font-weight:bold;
}






/* Text
----------------------------------------------------------------------------------------------------*/
p {
    text-align: left;
    line-height: 1.4;
}

ul {
    padding: 0;
    margin: 0;
}

ul.content {
    margin-bottom: 20px;
    list-style-type: disc;
    padding-left: 25px;
}

ul.content li {
    list-style-type: disc;
    line-height: 1.3;
    margin-bottom: 5px;
    font-size: 12px;
}

.partners img {
  max-width:200px;
  }


/* `strucure
----------------------------------------------------------------------------------------------------*/
#wrapper {
  background: #fff url(/images/bg_head.png) repeat-x top left;
  width:960px;
  padding-left:40px;
  padding-right:20px;
  position: relative; 
}

#home #wrapper {
  width:1020px;
  padding-left:0px;
  padding-right:0px;
}

#page{
  width: 100%;
  overflow: hidden;
}

#homeStream{
  height: 300px;  
  overflow:hidden;
}



#gradient {
  width:190px;
  background: transparent url(/images/gradient.png) repeat-y top right;
  float: left;
  border-right: 1px solid #dbdbdb;
  min-height:300px;
  margin-right:40px;
}

#header {
  position:absolute;
  left:270px;
  top:0;
  padding-top:79px;
  width:750px;
}

#header #searchField{
  position:absolute;
  top:82px;
  left:584px;
 
}
#header #searchField input#button {
  border:0;
  padding:0;
  margin:0;
}
#header #searchField input#q {
  padding:0;
  margin:0;
  border: 1px solid #999999;
  background: #fff url(/images/icons/search.png) no-repeat 4px center;
  padding:3px 0 2px 20px;
  width:116px;
  vertical-align:top;
  margin-right:2px;
  color: #000;
}

#logo {
  position:absolute;
  left:38px;
  top:-6px;
  z-index:1;
}

#logoHome {
  position:absolute;
  left:38px;
  top:-8px;
  z-index:1;
}

#logoBottom {
  position:absolute;
  left:40px;
  top:108px;
  z-index:1;
  }

#register {
  margin-left:100px;
  }

#popup {
  padding-top:154px;
}
#popup p {
  max-width:700px;
}


#content {
  padding-top:154px;
  min-height:400px;
  background: transparent url(/images/gradient.png) repeat-y left top;
  padding-bottom:50px;
}
#home #content {
  background: none;
  padding-top:108px;
  padding-bottom:0px;
  }
#home #top {
  height:346px;
  background: #fff url(/images/gradient_home.png) repeat-x left top;
  padding-top:66px;
  padding-bottom:13px;
  position:relative;
}

#home #top ul.teaser {
  border-top: 1px solid #5d758e;  
  margin-bottom:20px;
  
  /*using the grid would be too much markup*/
  margin-left:110px;
  width:320px;
  }

#home #top ul.teaser li {
  color:#fff;
  border-bottom: 1px solid #5d758e;  
  padding:13px 0px 13px 10px;
}

#home #top ul.teaser li a,
#home #top ul.teaser li a:hover  {
  color:#fff;
  text-decoration: none;
}

#home #top ul.teaser li span {
  font-size:24px;
}
#home #top ul.teaser li strong {
  font-size:24px;
  padding-left:15px;
}
#home #top ul.teaser li p {
  margin-bottom:0;
  font-size:13px;
  padding-left:40px;
}

#home #top ul.teaser li.closed{
  cursor: pointer;
}

#home #top ul.teaser li.closed p{
  display: none;
}

#home #top ul.teaser li.open p{
  display: block;
}

#home #top .teaserImage {
  position:absolute;
  right:0;
  bottom:0;
}

#home #middle {
  padding-top:20px;
  background: #fff;
}

#home #middle strong.h3 { 
  display:block;
  font-size: 15px;
  background:url("/images/bg_h3_sm.gif") no-repeat scroll 0 5px transparent;
  color:#333333;
  margin-bottom:8px;
  padding-left:16px;

}

#home #middle .atAGlance li {
  font-size:21px;
  font-weight:bold;
  color:#999999;
  text-shadow: #666 0px 1px 0px;
  padding: 1px 0;
}
#home #middle .atAGlance li span.count {
  width: 104px;
  float:left;
  display:block;
  margin-right:20px;  
  text-align:right;
}
#home #middle .atAGlance li a, 
#home #middle .atAGlance li a:hover {
  
}

#home #middle #testimonials li {
  text-align:center;
  }
#home #middle #testimonials li p {
  font-size:18px;
  text-align:center;
  margin:16px 0 20px 0;
}
#home #middle #testimonials li span {
  font-size:13px;
  color:#666;
  display:block;
  margin-bottom:15px;
}


#section {
  margin:0 0 25px 0;
  padding-bottom:34px;
  min-height:262px;
  background: transparent url(/images/section_bottom.png) no-repeat left bottom;
}
#section2 {
  /*clear:both;*/
}

#subNavigationContainer{
  float:left;
  width:190px;
  margin-right: 40px;
}
#subNavigationContainer2{

  width:190px;
  margin-right: 40px;
  padding-bottom: 50px;

}
                     
footer, #footer{
   float: left;
   width: 940px;
}

#footer {
  clear:both;
  background: #333333 url(/images/bg_footer.png) repeat-x top left;
  color:#cccccc;
  position: relative;
  min-height:100px;
  padding: 40px 20px 40px 40px;
}

#footerLogo {
  position:absolute;
  top:42px;
  left:70px;
}


#footer a {
  color: #ccc;
}

#footer a:hover{
  color: #5ba108; 
}


/* Navigation
----------------------------------------------------------------------------------------------------*/

#mainNavigation { 
   height:30px;
   font-size: 14px; 
   font-weight: bold; 
   z-index: 1;
}

#mainNavigation li { 
  display: block; 
  float:left; 
  padding: 0px 5px 0 0; 
  position: relative;
}

#mainNavigation li a { 
  display: block; 
  line-height:30px;
  padding:0 10px;
  color: #88d132; 
  text-decoration: none; 
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#mainNavigation li a.current, 
#mainNavigation li a:hover { 
  color: #fff; 
  background: url(/images/bg_main_nav_act.png) repeat-x left top;
}


#mainNavigation li .mainSubNavigation {
  left:0;
  position:absolute;
  top:29px;
   box-shadow: 0px 0px 20px #a3a3a3 ;
  -moz-box-shadow: 0px 0px 20px #a3a3a3 ;
  -webkit-box-shadow: 0px 0px 20px #a3a3a3 ;
  
}

#mainNavigation li .mainSubNavigation li {
  position: relative;
  float: none;
  padding: 0;
}
#mainNavigation li .mainSubNavigation li.first {
  background:#616161;
  height:20px;
  width: 166px;
}

 
#mainNavigation li .mainSubNavigation .regions,
#mainNavigation li .mainSubNavigation .regions.regions2{
  position: absolute;
  top: 0;
  left:166px;
   box-shadow: 0px 0px 20px #a3a3a3 ;
  -moz-box-shadow: 0px 0px 20px #a3a3a3 ;
  -webkit-box-shadow: 0px 3px 20px #a3a3a3 ;
}
#mainNavigation li .mainSubNavigation .regions.regions2 {
  left:392px;
}
#mainNavigation li .mainSubNavigation .regions li {
  
}

#mainNavigation li .mainSubNavigation li a,
#mainNavigation li .mainSubNavigation .regions li a {
  display:block;
  padding:8px 20px;
  font-weight: bold; 
  line-height:1;
  border-top:1px solid #898989;
}
#mainNavigation li .mainSubNavigation li a {
  width:126px;
  color:#ccc;
  background:#616161;
  background-image: none;
}
#mainNavigation li .mainSubNavigation li a.arrow {
  background-image: url(/images/main_nav_arrow.gif);
  background-repeat: no-repeat;
  background-position: 154px -29px;
}  
#mainNavigation li .mainSubNavigation li a.arrow:hover,
#mainNavigation li .mainSubNavigation li a.arrow.hover {
   background-position: 154px 12px;
 }  
#mainNavigation li .mainSubNavigation .regions li a {
  width:186px;
  color: #8ee22d;
  background-image: none; /*#616161 url(/images/main_nav_arrow) no-repeat 208px -29px;*/
}    
  

#mainNavigation li .mainSubNavigation li a:hover,
#mainNavigation li .mainSubNavigation li a.hover {
 
   background-color:#464646;
   color:#fff;
   box-shadow: inset 0px 3px 13px #313131 ;
  -moz-box-shadow: inset 0px 3px 13px #313131 ;
  -webkit-box-shadow: inset 0px 3px 13px #313131 ;
}
#mainNavigation li .mainSubNavigation li a:hover,
#mainNavigation li .mainSubNavigation .regions li a:hover {
  color:#fff;
  background-color:#464646;
  text-decoration: none;
  
}

#mainNavigation li .mainSubNavigation .regions li a:hover {
   background-position: 208px 12px;
   box-shadow: inset 0px -3px 13px #313131 ;
  -moz-box-shadow: inset 0px -3px 13px #313131 ;
  -webkit-box-shadow: inset 0px -3px 13px #313131 ;
}
  





#bcNavigation {
  margin:15px 0 0 10px;
  color: #707070; 
}

#bcNavigation a { 
  color: #707070; 
  text-decoration: none; 
}
#bcNavigation a:hover { 
  text-decoration: underline; 
}

#personalNavi {
  left:20px;
  position:absolute;
  top:108px;
  width:250px;

}
#personalNaviContent {
  padding:19px 22px 0;
  background: transparent url(/images/bg_personal_navi.png) repeat-y left top;
}
#personalNaviFooter {
  height:43px;
  width:250px;
  background: transparent url(/images/footer_personal_navi.png) no-repeat left top;
}

#personalNaviContent li{
  position:relative;
  
  }

#personalNavi ul.level2 {
  position: absolute;
  top: 0;
  left:206px;
   background: transparent;
  width:220px;
  box-shadow: 0px 0px 8px #dbdbdb ;
  -moz-box-shadow: 0px 0px 8px #dbdbdb ;
  -webkit-box-shadow: 0px 0px 8px #dbdbdb ;
}

#personalNavi a.flyout,
#personalNavi a.noflyout,
#personalNavi ul.level2 a {
  display:block;
  padding:7px 18px;
  margin:0;
  font-size: 13px;
  font-weight:bold;

}

#personalNavi a.flyout, #personalNavi a.noflyout {
  color:#333;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #fff;
	background-color: #f2f2f2;
} 

#personalNavi a.flyout {
	background: #f2f2f2 url(/images/nav_arrow.gif) no-repeat 193px center;
}
 
#personalNavi a.flyout:hover, #personalNavi a.noflyout:hover {
  text-decoration: none;  
  background-color: #fff;
}

#personalNavi ul.level2 a {
  background-color: #fff;
  border-bottom: 1px solid #f4f4f4;
  padding-left:20px;
}
#personalNavi ul.level2 a:hover {
  border-bottom: 1px solid #eaeaea;
  text-decoration: none;  
}

  
#personalNavi h5 {
 color: #666;
 padding:8px 18px;
 margin:0;
 font-size: 13px;
}

#personalNavi #toolbox {
  margin-left:18px;  
}

.pagerNavigation li {
  display: block; 
  float:left; 
  margin: 0px 4px; 
  border: 1px solid #cccccc;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  width:30px;
}
.pagerNavigation li a {
  display: block; 
  padding:2px 0;
  background: #fff url(/images/bg_pager.png) repeat-x bottom left;
}

.pagerNavigation li span {
  display: block; 
  padding:2px 0;
  background: #5ba108;
  color:#fff;
}

.pagerNavigation li a:hover {
  background: #5ba108;
  color:#fff;
  text-decoration: none;
  }

.pagerArrow {
  display:block;  
  float:left;
  width:30px;
  border: 1px solid #cccccc;
  
  background: #fff url(/images/bg_pager.png) repeat-x bottom left;
}

.pagerArrow span {
  display:block;  
  height:21px;
  text-indent:-5000px;
  background: #fff url(/images/pager_sprite.gif) no-repeat center left;
}
.pagerArrow.first {
  margin-right:40px;  
}
.pagerArrow.last {
  margin-left:40px;  
}
.pagerArrow.first span {
  background-position: -10px center ;  
}
.pagerArrow.last  span{
  background-position: 10px center ;  
}

#subNavigation2{
    margin-bottom: 20px;
}
#subNavigation, #subNavigation2 {
  border-left: 1px solid #DBDBDB;
  border-top: 1px solid #DBDBDB;
}
#subNavigation a,
#subNavigation2 a

 {
  font-weight:bold; 
  display:block;
  float:left; 
  width: 168px;
  background: #eee;
  padding: 10px;
}
#subNavigation a:hover,
#subNavigation2 a:hover
 {
  text-decoration: none;  
  background: #3F6E05;
  color: #fff;
}
#subNavigation li,
#subNavigation2 li
{
  border-bottom: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
}
#subNavigation li.current,
#subNavigation2 li.current  {
  border-right: 1px solid #fff;
}
#subNavigation li.current a,
#subNavigation li.current a:hover,
#subNavigation2 li.current a,
#subNavigation2 li.current a:hover
{
  background: #fff;
  color: #000;
}


#subNavigation li span.number,
#subNavigation2 li span.number
 {
  dsplay:block;
  float:left;
  width:30px;
  color:#ccc;
  font-size:24px;
  font-weight:bold;
  line-height: 1;
  padding-bottom: 13px;
}
#subNavigation li.current a:hover span.number {
 color:#ccc;
}
#subNavigation li.current  span.number {
 color:#000;
}
#subNavigation2 li.current  span.number {
 color:#000;
}
#subNavigation li a:hover span.number {
  color:#6F9244;
}
#subNavigation li span.title,
#subNavigation2 li span.title
 {
  margin-left:30px;
  display:block;
}
#subNavigation li span.details {
  display:block;
  margin-left:30px;
  margin-top:2px;
  color:#444;
  font-weight:normal;
}

#subNavigation li a:hover span.details {
  color: #fff;  
}
#subNavigation li.current a:hover span.details {
  color:#444; 
}

.tabNavigation {
  border-bottom: 1px solid #b7b7b7;
  padding-left: 10px; 
}

.tabNavigation li {
  float:left;
  display: block;
  margin-right: 1px; 
}


.tabNavigation li a {
  border : 1px solid #ccc;
  float : left;
  line-height : 18px;
  padding : 5px 19px 5px 19px;
  position:relative;
  top:1px;
  font-size:14px;
  font-weight:bold;
  color: #5ba108;
  background: #eee;
  -moz-border-radius: 2px; 
  -webkit-border-radius: 2px;
  text-decoration:none;

}
.tabNavigation li.current a {
  color:#000;
  background: #fff;
  border-color:#999;
  border-bottom : 1px solid #fff;
}
.tabNavigation li a:hover {
  background: #fff;
}    
    
.tabNavigation ul.secondary {    
  position:absolute;
  left:0;
  top:30px;    
  width:200px;
  z-index:1;
}
.tabNavigation ul.secondary li {  
  float:none;
  margin:1px 0;
}
.tabNavigation ul.secondary li a {  
  min-width:100px;
}


/* Links
----------------------------------------------------------------------------------------------------*/


a {
    color: #5ba108;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:hover span {
  color: #5ba108;
  text-decoration: none;
}

.icon {
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 2px 0 2px 20px;  
  background-position: left center;
}
.icon.accept {
  background-image: url(/images/icons/accept.png);
}
.icon.delete {
  background-image: url(/images/icons/delete.png);
}
.icon.email {
  background-image: url(/images/icons/email.png);
}
.icon.loading {
  background-image: url(/images/icons/loading.gif);
}
.icon.favourite {
  background-image: url(/images/marker/favourite.png);
}

.badge {
  display:block;
  position:absolute;
  right:0;
  top:0;
  width:23px;
  height:23px;
  background: url(/images/badges_sprite.png) no-repeat;
  cursor: help;
}
.badge.green {
  background-position: 1px 0;
}
.badge.blue {
  background-position: -48px 0;
}
.badge.orange {
  background-position: -96px 0;
}

.ui-datepicker-trigger {
  cursor:pointer;  
  margin-left:2px;
  vertical-align:middle;
}

/* =preview
 --------------------------------------------------------------------------------*/
 .itemPreview {
   max-height: 60px;
   overflow:hidden;
 }
  .itemPreview.max {
  max-height: 162px;
  }
.itemPreview .itemImage,
.smallItemPreview .itemImage {
  float:left;
  position:relative;
}
.itemPreview img.star,
.smallItemPreview img.star {
  float:none;
  cursor:help;
}
.itemPreview a.title,
.smallItemPreview a.title {
  font-weight:bold;
}
.itemPreview p,
.smallItemPreview p {
   margin-left:70px;
   line-height:1.2;
   margin-bottom:2px;
   font-weight:normal;
}
.smallItemPreview p {
   margin-left:50px;
}

.itemPreview.gray p, 
.itemPreview.gray a{
  color:#999999;
  }

img.thumbnail {
  width: 60px;
  height: 60px; 
}
img.profileImage {
  width: 220px;
  height: 220px; 
}

.rowPreview {
  padding-top:10px ;
  margin-bottom:10px;
  border-top: 1px solid #dbdbdb;
}
.rowPreview p {
   line-height:1.2;
   margin-bottom:5px;
}
.rowPreview.bottomBorder {
  border-top: none;
  padding-bottom:10px ;
  margin-top:10px;
  border-bottom: 1px solid #dbdbdb;
}

#friendSelectList li {
  float:left;
  margin-top:10px;
  margin-right:10px;
  width:155px;
  }

#friendSelectList .itemPreview {
   padding:5px;
   cursor:pointer;
   border: 1px solid #fff;
}
#friendSelectList .itemPreview:hover, #friendSelectList .selected{
  border: 1px solid #d7d7d7;
   background: #f2f2f2;
}
#friendSelectList .selected {
  background: #f2f2f2 url(/images/icons/friend_selected_ok.gif) no-repeat scroll left top;
  background-position: right bottom;
  background-repeat: no-repeat;
}

#scorecardPlayers {
  position: relative;
  right:-1px;
  z-index:1;
  }

#scorecardPlayers .scorecardPreview {
  border-left: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  
}

#scorecardPlayers .scorecardPreview.selected{
  border-right: 1px solid #fff;
}

#scorecardPlayers .scorecardPreview.selected a {
  color:#444;
  background: #fff;
}
#scorecardPlayers .scorecardPreview a {
  padding:5px;
  color:#999;  
  display:block;
  background: #f2f2f2;
}

#scorecardPlayers .scorecardPreview a:hover {
  text-decoration: none;
  background: #3f6e05;
  color:#fff;
}

#scorecardPlayers .scorecardPreview a:hover span {
  color:#fff;
}
#scorecardPlayers .scorecardPreview.selected span {
  color:#444;
}



/**           Questions            **/ 
#questionForm {
 
}
#questionForm #questionTitle{
  width:418px;
  height:60px;
}
#questionForm #questionTitle.sm{
  height:20px;
}
#questionForm #questionText{
  width:418px;
  height:130px;
}
#questionForm #titleChars,
#questionForm #textChars {
  border:medium none;
  padding:2px;
  width:25px;
}

#questionBorder {
  
  width:470px;
}
#questionMiddle {
  padding:10px 20px;
  background: url(/images/question_middle.png) repeat-y left top;
}

#questionTop {
  width:470px;
  height:14px;
  background: url(/images/question_top.png) no-repeat left top;
}
#questionBottom {
  width:470px;
  height:14px;
  background: url(/images/question_bottom.png) no-repeat left top;
}
#questionArrow {
  position:absolute;
  top: 23px;
  right:-18px;  
}
.nextQuestion {
  border: 1px solid #EEEEEE;
  display:block;
  height:25px;
  width:18px;
  background: #fff url(/images/button_sprite.gif) no-repeat 0px -237px;
}
.prevQuestion {
  border: 1px solid #EEEEEE;
  display:block;
  height:25px;
  width:18px;
  background: #fff url(/images/button_sprite.gif) no-repeat 0px -357px;
}
.tag-cloud li{
  display: inline;
  color: #fff;
}

.tag-cloud li.emph_1 a{
   background-color: #B2C59B;
   
}

.tag-cloud li.emph_2 a{
  background-color: #95AF75;
  
}

.tag-cloud li.emph_3 a{
  background-color: #78994F;
  
}

.tag-cloud li.emph_4 a{
  background-color: #5B832A;
  
}

.tag-cloud li.emph_5 a{
  background-color: #3F6E05;
}


.tag-cloud li a{
  background-color: #3F6E05;
  /*background: #5ba108 url(/images/button_sprite.gif) no-repeat 8px 6px;*/
  color:#fff;
  border:1px solid #ccc !important;
  padding:0px 12px 1px 12px;
  text-shadow: #2f7502 1px 1px 1px;
  font-weight: bold;
  cursor:pointer;
  -moz-border-radius:13px;
  -webkit-border-radius: 13px;
  margin:4px 0;
  display:inline-block;
  line-height: 20px;
  font-size: 13px;
  font-weight: bolder;
  font-family:arial;
  text-align: left;
  outline: none;
  width: auto;
  white-space: nowrap;
}
.tag-cloud li a:hover{
  text-decoration: none;
  color:#5BA108;
  background-color: #fff;
  text-shadow: none;
}

.thumbsUp, a.thumbsUp{
  color: #999;
}

a.thumbsUp:hover{
  text-decoration: none;
}


a.thumbsUp.loading{
  background-image: url(/images/icons/loading.gif);
  background-position: right center;
  background-repeat: no-repeat; 
  color:#fff;
}


.thumbsUp span{
  background:url("/images/icons/thumbs_sprite.png") no-repeat scroll 0 0 transparent;
  color:#FFFFFF;
  display:inline-block;
  font-family:arial;
  font-size:13px;
  font-weight:bolder;
  height:22px;
  margin:4px 10px 4px 0;
  outline:0 none;
  padding:0;
  text-align:left;
  text-shadow:1px 1px 1px #2F7502;
  white-space:nowrap;
  width:39px;
}
.thumbsUp span.inactive {
 background:url("/images/icons/thumbs_sprite.png") no-repeat scroll 0 -57px transparent;
}




/** --------------------   Gallery ---------------------- **/
#gallery{margin: 0 auto;}
#previewArea{}
.prev, .next{
	display: block;
	float: left;
	width: 28px;
	height:58px;
	border: 1px solid #eeeeee;
	cursor:pointer;
	margin-top:10px;
	background: #fff url(/images/button_sprite.gif) no-repeat 5px -221px;
}

.prev {
  background-position: 4px -341px;
}
.prev.inactive {
  background-position: 4px -401px;
}
.prev:hover {
  background-position: 4px -161px;
  background-color:#3f6e05;
}
.next {
  background-position: 5px -221px;
}
.next.inactive {
  background-position: 4px -461px;
}
.next:hover {
  background-position: 5px -281px;
  background-color:#3f6e05;
}

  
   
#previewsContainer{
	display: block;
  float: left;
  width: 700px;
	height: 65px;
	padding:5px 0;
	margin: 0 0px;
	overflow: hidden;
	position: relative;
}

#previewsContainer div.slider{
	width: 10000px;
	position: absolute;
	top: 5px;
	left: 0;
}

#previewsContainer div.slider a{
  display: block;
  float: left; 
  padding-right: 10px; /* do not use margin! */
}


#previewsContainer div.slider a img,
img.galleryThumb{
  padding: 3px;
  border: 1px solid #ddd;  
  -moz-box-shadow: 0px 0px 6px #a3a3a3 ;
  -webkit-box-shadow: 0px 0px 6px #a3a3a3 ;
}

#previewsContainer div.slider a.active img,
#previewsContainer div.slider a:hover img{
  border: 1px solid #ccc; 
  background: #ccc;
  -moz-box-shadow: 1px 1px 5px #444 ;
  -webkit-box-shadow: 1px 1px 5px #444 ;
}
#previewArea a.inactive{
  color: #ccc;  
}


#viewContainer {
	text-align:center;
	width:628px;
	float:left;
  height:547px;
  background: transparent url(/images/photo_frame.png) no-repeat left top;
}

#viewContainer .inner {
  margin: 20px 20px 10px 20px;
}
#viewContainer .imageContainer{
  min-height: 438px;
  line-height: 438px;
}
#viewContainer .imageContainer img{
  vertical-align: middle;
}
	




hr.spacer {
  border-style: dotted;
  border-color: #999;
  margin: 9px 0;
  padding:0;
}


/* =ads
 --------------------------------------------------------------------------------*/
.wallpaperContainer{
  position: relative;
  
}

.ads_wallpaper_top{
  width: 1200px;
  height: 110px;
}


.ads_wallpaper_top .ad{
  width: 1200px;
  height: 110px;
}

.ads_wallpaper_right{
 width:  180px;
 height: 600px;
 position: absolute;
 top: 110px;
 left: 1020px;
}

.ads_superbanner{
  margin: 10px 0;
  overflow: hidden;
}

.ads_superbanner .ad{
  width: 728px;
  height: 90px;  
}


.ads_skyscraper_left{
  width:  180px;
  height: 600px;
  float: left;
}

.ads_rectangle{
  width: 300px;
  height: 250px;
  margin: 10px 0;
}




/* =tables
 --------------------------------------------------------------------------------*/
table td,
table th {
  vertical-align:top;
}

table.details {
  width:100%;
}
table.details th,
table.details td {
  border-top: 1px solid #dbdbdb;
  text-align:left;
  padding:3px 10px 3px 0;
}

table.details th {
  color:#666;
  font-weight:normal;
}

table.details tr.background {
  background:#f1f1f1;
  }


#section table.details {
  margin-bottom: 0;
  }
#section table.details th {
  width:140px;
 
}

#section2 table.details th.first {
  width:230px;
}
#section2 table.details td {
  font-weight: bold;

}



#messages table th,
#messages table td {
  border-bottom: 1px dotted #999;
  border-top:0;
}
#message table.details th {
   width: 45px;
    padding:4px 20px 4px 0px;
}


table.scorecard td{
  padding-left:5px;
  
}

#section table.scorecard th{
  width: auto;
}

table.scorecard td.first {
  width:80px;
}

table.scorecard td.green {
  background-color: #84CA8E;
}
table.scorecard td.red {
  background-color: #FA7C7D;
}
table.scorecard td.yellow {
  background-color: #FFF36F;
}

#section #questionTable td {
  font-weight:normal;
}
#section #questionTable th {
  width:auto;
}

#questionTable td.first {
  width:400px;
}

.ranking .rank {
  display: block;
  float:left;
  margin-right: 10px;
}

.current .rankBadgeContainer {
  background: #fff;
}
.rankBadgeContainer {
  background: #EEEEEE;
}
#subNavigation .rankBadgeContainer:hover {

}

.rankBadge {
  background:url("/images/rank_sprite.png") no-repeat scroll 0 -28px transparent;
  color:#FFFFFF;
  display:inline-block;
  font-size:16px;
  font-weight:bold;
  height:20px;
  float:left;
  line-height:1;
  margin:10px 8px 10px 5px;
  padding:5px 0;
  text-align:center;
  vertical-align:middle;
  width:25px;
}
.rankLinkContainer {
  width: 138px;
  float:left;
  padding: 13px 0;
}

#subNavigation a.rankLink, #subNavigation a.rankLink:hover {
  display:inline;
  float:none;
  font-weight: normal;
  padding: 0;
  width: auto;
  color: #5BA108 !important;
}
#subNavigation a.rankLink:hover {
  background: none;
}
.rankCount {
  display: block;
  position: relative;
}
.rankText {
  text-align:left;
  display:block;
  line-height:1;
  padding-left:5px;
}
.arrowSprite {
  background:url("/images/up_down_arrows.png") no-repeat scroll 0 0 transparent;
  display:inline-block;
  margin:0;
  overflow:hidden;
  padding:0;
  position:absolute;
  right:5px;
  top:15px;
  vertical-align:middle;
  height:15px;
  width:15px;
}
.arrowUp {
 background-position: 0 -8px;
}
.arrowDown {
 background-position: -19px -8px;
}

/* =facebook
 --------------------------------------------------------------------------------*/

#fb_login_image {
  vertical-align:middle;  
}

/* =forms
 --------------------------------------------------------------------------------*/

form table {

}
  
form table th {
  text-align:right;
  vertical-align: top;
  padding-top: 5px;
  width:140px;
}
form table td {
  padding: 5px 10px;
  vertical-align: top;
}
form table td a {
  padding-top:3px;
}

form table td.fields {
  max-width:390px;
}

form table.scorecardForm th {
  width:auto;
  border:none;
  font-size:14px;
  text-align:left;
  padding:4px 10px;
}
form table.scorecardForm th.first {
  width:100px;
  
}
form table.scorecardForm td {
  width:auto;
  border:none;
  padding:4px 10px;
}


legend {
  background: url(/images/bg_h3.gif) no-repeat 0 3px;
  padding-left:20px;
  margin-bottom:8px;
  font-size: 18px;
  font-weight:bold;
  color:#333333;
  line-height: 1;
  }

label
{
  cursor: pointer;
  color:#666;
  font-weight: normal;
}

input {
    border: 1px solid #999;
    padding: 4px;
    background: #f2f2f2;
}

.error input, .error textarea, .error select, input.error , textarea.error , select.error{
  border-color: #cc3300;
  background: #ffefbf;
}

input[type="text"], 
input[type="password"] { 
  width: 220px; 
  box-shadow: inset 1px 1px 3px #c4c4c4 ;
  -moz-box-shadow:inset 1px 1px 3px #c4c4c4 ;
  -webkit-box-shadow:inset 1px 1px 3px #c4c4c4 ;
}

input.small {
  width: 160px;
   font-size:13px;
}
input.middle {
  width: 120px;
  font-size:13px;
}
input.smaller {
  width: 80px;
   font-size:13px;
}
input.smallest {
  width: 40px;
}

input.syndicate {
  width: 150px;
  font-size: 13px;
}

.bigField {
  width: 380px;
}

textarea {
    border: 1px solid #999;
    padding: 4px;
    width: 380px;
    height: 100px;
    background: #f2f2f2;
    box-shadow: inset 1px 1px 3px #c4c4c4 ;
    -moz-box-shadow:inset 1px 1px 3px #c4c4c4 ;
   -webkit-box-shadow:inset 1px 1px 3px #c4c4c4 ;
   font-family: arial, sans-serif;
  font-size:13px;
}

textarea.small {
  height: 50px;
  font-size:13px;
  width:220px;
}

select {
    border: 1px solid #999;
    padding: 2px;
    
    max-width: 258px; 
    background: #f2f2f2;
    box-shadow: inset -1px -1px 3px #c4c4c4 ;
    -moz-box-shadow: inset -1px -1px 3px #c4c4c4 ;
    -webkit-box-shadow: inset -1px -1px 3px #c4c4c4 ;
    font-size:13px;
}
select.big {
  width:230px;
  font-size:13px;
}
select.small {
  width:160px;
  font-size:13px;
}


input[type="checkbox"] {
    margin: 0 3px;
    vertical-align: middle;
    background: none;
    padding: 0;
    border: none;
}

input[type="radio"] {
   border: none;
   background:none;
}

.searchForm .button {
  padding:1px;
  border-color:#999;
  margin:0;
  vertical-align:top;
  }
.searchForm #q {
  width:150px;
}

/*#personalNavi form label {
  display:block;  
}*/

#personalNavi form input[type="text"],
#personalNavi form input[type="password"] {
  width:160px;
}

.profileImageUpload img {
  display:block;
 }

/* Buttons
----------------------------------------------------------------------------------------------------*/

/* reset jquery ui */
button.ui-button .ui-button-text {
  line-height: 20px;
  padding:0px 12px 1px 24px;
}
.ui-dialog .ui-dialog-buttonpane button{
  line-height:1;
  margin:0;
  padding:0;
}
button.ui-state-default, .ui-widget-content button.ui-state-default  {
  background:none;
  border:none;
  }



button {
  background: none;
  border:0;
  padding:0;
  margin:0;
  cursor:pointer;
  -moz-box-sizing:  content-box !important;
  -moz-appearance:  none !important;
  line-height: 1 !important;
  font-size:0;
  outline:0 ;
  display:inline-block;
}


button span, a.button {
  background: #5ba108 url(/images/button_sprite.gif) no-repeat 8px 6px;
  color:#fff;
  border:1px solid #ccc !important;
  padding:0px 12px 1px 24px;
  text-shadow: #2f7502 1px 1px 1px;
  font-weight: bold;
  cursor:pointer;
  -moz-border-radius:13px;
  -webkit-border-radius: 13px;
  margin:4px 0;
  display:inline-block;
  line-height: 20px;
  font-size: 13px;
  font-weight: bold;
  font-family:arial;
  text-align: left;
  outline: none;
  width: auto;
  white-space: nowrap;
}
button:hover span, a.button:hover {
  background-color: #3f6e05;
  background-position: 8px -44px;
  text-decoration: none;
}
a.button.bright {
  background-color: #eee;
  background-position: 8px -19px;
  color:#5ba108;
  text-shadow: #fff 1px 1px 1px;
}
a.button.gray, a.button.gray:hover,
button.gray span, button.gray span:hover
 {
  background-color: #eee;
  background-position: 8px -122px;
  color:#999;
  text-shadow: #fff 1px 1px 1px;
}


a.button.delete {
  background-color: #eee;
  background-image: none;
  color:#cc3300;
  text-shadow: #fff 1px 1px 1px;
  padding:0px 12px 1px 12px;
}
a.button.delete:hover {
  background-color: #cc3300;
  background-image: none;
  color:#fff;
  text-shadow: #850f00 1px 1px 1px;
}
a.button.small  {
  background-position:8px 4px;
  font-size:11px;
  line-height:16px;
  margin:0;
}
a.button.small:hover {
  background-position:8px -46px;
}
a.button.small.bright {
  background-position:8px -21px;
}
a.button.small.gray, a.button.small.gray:hover {
  background-position:8px -124px;
}



a.button.message {
  background-position: 5px -95px;
}
a.button.add {
  background-position: 5px -70px;
}

a.button.loading, a.button.small.loading {
  background: #5ba108 url(/images/icons/loading.gif) no-repeat 5px center;
}

a.button.bright.loading,
a.button.gray.loading {
  background-color: #EEEEEE;
}
a.button.dppv {
  background-position: 5px -556px;
  padding-left:28px;
}



/* Rating
----------------------------------------------------------------------------------------------------*/

span.ratingCount {
  width:60px;
  display:block;
  height:12px; 
  background: #fff url(/images/rating_sprite.png) no-repeat 0px -110px;
  text-indent: -5000px;
  margin-top:3px;
}
span.ratingCount.r1 {
  background-position:0px 0px;
}
span.ratingCount.r2 {
  background-position:0px -21px;
}
span.ratingCount.r3 {
  background-position:0px -43px;
}
span.ratingCount.r4 {
  background-position:0px -66px;
}
span.ratingCount.r5{
  background-position:0px -88px;
}

.ratingButtons a {
  float:left;
  width:12px;
  height:12px;
  display:block;
  }



/* Userfeedback
----------------------------------------------------------------------------------------------------*/

.helpContainer {
  position: relative;  
  z-index: 1;
}
.help {
  background:#fffbee;
  position:absolute;
  left:0;
  top:0;
  border:1px solid #ccc;
  width:155px;
  padding: 6px 5px;
}

.infoBox{
  background:#fffbee;
  border:1px solid #ccc; 
  padding:6px 10px;
  position: relative;
  margin: 10px 0 20px 0;
}
.infoBox.blue {
  background:#E0E7EF; 
}
.infoBox .close{
  position: absolute; 
  top:2px; 
  right: 2px;
}

#warning {
  background:#fffbee;
  border:1px solid #ccc; 
  padding:6px 10px;
  position: relative;
  margin: 10px 0 20px 0;
}


.helpArrow {
  background: url(/images/help_arrow.gif) no-repeat left top; 
  width: 6px;
  height: 9px;
  position:absolute;
  top:9px;
  left:-6px;
}

.statusMessage {
  clear: both;
  text-align: left;
  font-size: 12px;
  padding: 6px;
  text-indent: 23px;
  margin-bottom:10px;
}

.statusOk {
  color: #3BA400;
  border: 1px dotted #3BA400;
  background: #fff url(/images/icons/accept.png) no-repeat 6px 7px;
}

.statusError {
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #fff url(/images/icons/exclamation.png) no-repeat 6px 7px;
}


ul.error_list {
  margin-bottom:10px ;
}
ul.error_list li {
  color: #cc3300;
}


/**           map          **/
.tooltip {
  background-color:#ffffff;
  font-weight:bold;
  border: 1px #5BA13D solid;
  padding: 1px;
}


























/* jquery ui
----------------------------------------------------------------------------------------------------*/

.ui-dialog .ui-dialog-content {
  padding:0;
}


/* generic
----------------------------------------------------------------------------------------------------*/
.small {
  font-size:12px;
}
.smaller {
  font-size:11px;  
}
.big {
  font-size:20px;
 }
 .bigger {
  font-size:30px;
 }
.medium {
  font-size:15px;
 }

.hidden {
  display:none ;  
}

.vMiddle {
  vertical-align: middle;
}
.relative {
  position:relative;  
}
.center {
  text-align: center;
}
.alignRight {
  text-align: right;
}
.alignLeft {
  text-align: left;
}
.italic {
  font-style: italic;  
}
.serif {
  font-family: serif;
}
.float_left {
  float:left;
}
.float_right {
  float:right;
}
.float_none {
  float:none !important;
}
.gray {
  color:#999;
 }
 .white {
  color:#fff;
 }
  .darkGray {
  color:#333;
 }
.pink {
  color: #FF017E;  
}
.maxWidth {
  max-width:300px;  
}
.bold {
  font-weight:bold !important;
}
.normal {
  font-weight:normal !important;
}
p.text {
  max-width:550px;  
  }
.inline {
  display: inline !important;  
}
.bordered {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom:8px;
}

.border {
  border: 1px solid #dbdbdb;
}
.topBorder {
  border-top: 1px solid #dbdbdb;
}
.leftBorder {
  border-left: 1px solid #dbdbdb;
}
.bottomBorder {
  border-bottom: 1px solid #dbdbdb;
}
.bottomBorder.dotted {
  border-bottom: 1px dotted #dbdbdb;
}
.bottomShadow {
  background: transparent url(/images/section_bottom.png) no-repeat left bottom;
  padding-bottom:20px;
 }

.bgGray {
  background: #f8f8f8;
 }
.bgWhite {
  background: #fff;
 }


.minHeight50 {
  min-height: 50px;  
}


.noMargin {
  margin:0 !important;
}

.smallPadding {
  padding:10px;
}
.padding {
  padding:20px;
}

.smallMargin {
  margin:10px;
}
.margin {
  margin:20px;
}

.miniRightMargin {
  margin-right:5px;
}
.smallRightMargin {
  margin-right:10px;
}
.rightMargin {
  margin-right:20px;
}

.miniRightPadding {
  padding-right:5px;
}
.smallRightPadding {
  padding-right:10px;
}
.rightPadding {
  padding-right:20px;
}
.bigRightPadding {
  padding-right:40px;
}

.miniTopMargin {
  margin-top:5px;
}
.smallTopMargin {
  margin-top:10px;
}
.topMargin {
  margin-top:20px;
}

.miniTopPadding {
  padding-top:5px;
}
.smallTopPadding {
  padding-top:10px;
}
.topPadding {
  padding-top:20px;
}

.miniBottomMargin {
  margin-bottom:5px !important;
}
.smallBottomMargin {
  margin-bottom:10px;
}
.bottomMargin {
  margin-bottom:20px;
}
.middleBottomMargin {
  margin-bottom:30px;
}
.bigBottomMargin {
  margin-bottom:40px !important;
}

.miniBottomPadding {
  padding-bottom:5px;
}

.smallBottomPadding {
  padding-bottom:10px;
}
.bottomPadding {
  padding-bottom:10px;
}

.miniLeftPadding {
  padding-left:5px;
}
.smallLeftPadding {
  padding-left:10px;
}
.leftPadding {
  padding-left:20px;
}
.bigLeftPadding {
  padding-left:40px;
}

.smallLeftMargin {
  margin-left:10px;
}
.leftMargin {
  margin-left:20px !important;
}
.bigLeftMargin {
  margin-left:40px;
}





/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  /*margin-left: auto;
  margin-right: auto;*/
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
  zoom: 1;
}

/*IE 7 hacks*/
*+html button {
  overflow:visible;
}
*+html #personalNaviContent,
*+html #personalNavi a.flyout,
*+html #personalNavi a.noflyout,
*+html #personalNavi ul.level2 a {
  zoom:1;
}

*+html #mainNavigation .mainSubNavigation li a,
*+html #mainNavigation #countryNavigation li a,
*+html #mainNavigation #countryNavigation .regions li a {
  line-height:1.05 !important;
}

*+html button span {
  display: block !important;  
}
*+html form table td.fields {
  width:390px;
}

/*IE 6 hacks*/
* html #mainNavigation .mainSubNavigation li a,
* html #mainNavigation #countryNavigation li a,
* html #mainNavigation #countryNavigation .regions li a {
  line-height:1.05 !important;
}
* html #mainNavigation .mainSubNavigation li a:hover {
   
}