/****************************************************
  FOUNDATIONS
****************************************************/
body {
  text-align: center;
  background: #000 url('/pages/images/PART_OF_THE_WORLD.jpg') no-repeat fixed center top;
}
#page {
  text-align: left;
  margin: 12px auto;
  width: 990px;
  position:relative;
}
.clearer {
  clear: both;
}
/****************************************************
  HEADER
****************************************************/
#header {
  float: left;
  width:970px;
  margin: 0 10px;
  height: 64px;
  height: 64px;
  border-bottom:dotted 1px #FFF;
  color:#FFF;
  text-transform:uppercase;
}

#header .logo {
  float: left;
  padding: 0;
  margin: 0 0 15px;
}
#header .logo a {
  display: block;
  width: 260px;
  height: 49px;
  text-indent: -999em;
  overflow: hidden;
  text-decoration: none;
  border: 0;
  background: url('/images/layout/header-logo.png') no-repeat;
}

#header .search {
  float: right;
  position: relative;
  width: 182px;
  padding-top: 20px;
}
  #header .search input.text {
    height: 20px;
    width: 157px;
    padding: 0 0 0 3px;
    border: 0px;
    background: #fafafa;
    top: 20px;
    margin-top: 0;
    position: absolute;
  }
  #header .search input.submit {
    position: absolute;
    font-size: 1px;
    right: 0;
    top:20px;
    width: 21px; height: 20px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    background: url('/images/buttons/search.png') top no-repeat;
  }
  #header .search input.submit:hover {
  	 background-position: top left !important;
  }


/****************************************************
  NAVIGATION
****************************************************/
#navigation {
  clear: both;
}
#navigation ul {
  list-style: none;
  padding: 10px 0 1px;
  margin: 0 10px;
}
  #navigation ul.main {
    float: left;
  }
  #navigation ul.member {
    float: right;
  }

  #navigation li {
    float: left;
    margin: 0 2px;
    position: relative;
    text-transform: uppercase;
    z-index: 4990;
  }
  #navigation li a {
    color: #fff;
    border: 0;
    font-size: 12px;
    padding: 4px 12px 2px;
  height: 15px;
  display:block;
  float:left;
    text-decoration: none;
  }

  #navigation li a.active,
  #navigation li a.current,
  #navigation li a:hover {
    background: #ffe600;
    color: #000;
  }

  #navigation .dropdown   {
    position: absolute;
    z-index: 999;
    background: #fff;
    margin: 0; padding: 0;
    top: 17px; left: 0;
    width: 160px;
    border: 1px solid #c4c4c4;
    border-top: 0;
    overflow: hidden;
  }
  #navigation .last .dropdown   {
    left: auto;
    right: 0;
  }
  #navigation .dropdown li {
    display: block;
    float: none;
    margin: 0; padding: 0;
  }
  #navigation .dropdown a {
    display: block;
    color: #000;
    padding: 4px 8px;
    background: #ffe600;
    border-bottom: 1px dotted #667;
  height: auto;
  float:none;
  }
  #navigation .dropdown .subsection  {
    margin: 0; padding: 0;
  }
  #navigation .dropdown .subsection a {
    background: #fff;
    padding: 4px 15px;
  }
  #navigation .dropdown .subsection a:hover {
  background-color:#f5f5f5;
  }
  
  /* force active state for non-parented pages */
  
 .section-partner #navigation .nav-partners a,
 #partners-assignments #navigation .nav-partners a,
 #partners-special_gallery #navigation .nav-partners a,
 #partners-galleries #navigation .nav-partners a,
 .faq #navigation .nav-learn a,
 .section-school #navigation .nav-learn a,
 .section-magazine #navigation .nav-life a,
 .section-contributors #navigation .nav-life a,
 .section-ambassadors #navigation .nav-life a,
 .section-assignments #navigation .nav-life a,
 .section-gallery #navigation .nav-life a,
 .section-articles #navigation .nav-life a {
    background: #ffe600;
    color: #000;
 }

#subscriber-controls {
  position:absolute;
  top:11px;
  right:200px;
  z-index:100;
  font-size:10px;
}

#subscriber-controls p {
  color:#fff;
  font-size:11px;
  text-transform: uppercase;
  padding: 14px 8px 0;
  font-weight: bold;
}
#subscriber-controls li a {
  font-size:11px;
  padding: 4px 8px 0;
}

/****************************************************
  BANNER / FULL / PARTNER HEADER
****************************************************/
#banner,
#full,
.full-header {
  clear: both;
  float:left;

}
.full-header .top,
#banner .top,
#full .top {
  clear:both;
  float:left;
  padding:17px 0 0;
  background:url('/images/layout/bkg-slideshow-top.png') no-repeat 0 0;
}
.full-header .bottom,
#banner .bottom,
#full .bottom {
  float:left;
  padding:0 0 17px;
  background:url('/images/layout/bkg-slideshow-bottom.png') no-repeat bottom left;
}
.full-header .middle,
#banner .middle,
#full .middle {
  padding:0 17px;
  width:956px;
  overflow:hidden; /* THIS WILL CLIP THE LOGIN POP-UP */
  background:url('/images/layout/bkg-slideshow-middle.png') repeat-y 0 0;
}

  /****************************************************
    BANNER: SLIDESHOW
  ****************************************************/
  #slideshow {
    position:relative;
    height:366px;
    overflow: hidden; /* THIS WILL CLIP THE LOGIN POP-UP */
  }
  #slideshow-caption,
  #slideshow-navigation {
    position:absolute;
    z-index:1;
  }
  #slideshow-navigation {
    top:10px;
    right:10px;
    width:106px;
  }
  #slideshow-caption {
    color:#FFF;
    bottom:5px;
    right:13px;
    text-shadow:#000 2px 2px 3px;
  }
  #slideshow-previous,
  #slideshow-next,
  #slideshow-counter {
    position:absolute;
    top:0;
  }
  #slideshow-counter {
    color:#000;
    width:62px;
    height:20px;
    line-height:20px;
    background:#ffcc00;
    text-align:center;
    left:22px;
    text-transform:uppercase;
    font-size:100%;
    font-weight:bold;
  }
  #slideshow-previous,
  #slideshow-next {
    width:21px;
    height:20px;
    text-indent: -999em;
    overflow: hidden;
    background:url('/images/layout/bkg-slideshow-arrows.png') no-repeat 0 0;
  }
  #slideshow-previous.no-hover {
    background-position:0 0 !important;
  }
  #slideshow-previous:hover {
    left:0;
    background-position:0 -20px;
    border:0;
  }
  #slideshow-next {
    right:0;
    background-position:-20px 0px;
  }
  #slideshow-next.no-hover {
    background-position:-20px 0px !important;
  }
  #slideshow-next:hover {
    background-position:-20px -20px;
    border:0;
  }
  #slideshow-navigation .no-hover {
    cursor: default !important;
  }
  .slideshow-image {
    position:absolute;
    z-index:0;
  }


  /****************************************************
    BANNER: FEATURES
  ****************************************************/
  #features {
    clear: both;
    float: left;
    margin-top: 1px;
    padding-top: 1px;
    border-top: 1px solid #cccccc;
    width:956px;
    background: #fff url(/images/layout/bg-banner-features.png) bottom center no-repeat;
  }
  #features .wrapper {
    margin: 1px;
    border-top: 9px solid #ffe600;
    padding:4px 0 8px 2px;
    display:block;
    float:left;
  }

    #features .feature {
      float: left;
      width: 297px;
      padding:10px 10px 0;
	  height: 76px;
	  overflow: hidden;
    }
    #features .thumb {
      float: left;
      width: 100px;
      height: 72px;
      margin-right: 10px;
      border: 1px solid #cccccc;
    }
    #features .summary {
      float: left;
      padding-top: 3px;
      width: 170px;
    }
#features .summary a {
  font-size: 13px;
}
#features .summary p {
  color:#666;
  font-size: 11px;
  line-height: 14px;
}

/****************************************************
  MAIN
****************************************************/
#main {
  clear: both;
}

  /****************************************************
    MAIN: CONTENT
  ****************************************************/

#content {
  width: 656px;
  float:left;
}

  .content {
    margin:20px 18px 10px;
    font-size: 12px;
  }

  #full #content {
    padding:5px;
  }

  #full .collapsed #content {
    float:left;
    width:626px;
  }

#full .uncollapsed #content {
  float:none;
  width: auto;
}

 #content .top {
    float:left;
    width:656px;
    margin:0 0 10px;
    padding:17px 0 0;
    background:url('/images/layout/bkg-content-top.png') no-repeat 0 0;
  }
  #content .bottom {
    float: left;
    padding:0 0 17px;
    background:url('/images/layout/bkg-content-bottom.png') no-repeat bottom left;
  }
  #content .middle {
    float: left;
    width:620px;
    padding:1px 18px 0;
    background:url('/images/layout/bkg-content-middle.png') repeat-y 0 0;
  }

  #content .entry {
    float:left;
    clear:both;
    width:580px;
    margin: 5px 20px 10px;
  }

  .content h1 {
    line-height:1.1em;  
  }

  #content p,
  .entry p {
    line-height: 1.5em;
  }
  #content ul,
  .content ul,
  .entry ul {
    margin-left:1em !important;
  }
  #content ul li,
  .content ul li,
  .entry li {
    font-size: 12px !important;
    line-height: 1.5em !important;
    margin-bottom: 2px !important;
  }
	
	#content ul li {
    list-style:none;
    padding-left:17px !important;
    background:url('/images/layout/bkg-li.png') no-repeat 4px 6px !important;
	}
  
  

    /****************************************************
      MAIN: CONTENT: Articles
    ****************************************************/

    #content h2.tab {
      clear:left;
      height:20px;
      margin:10px 10px 12px;
      background:url(/images/layout/dots.gif) repeat-x scroll center bottom transparent;
      border:none;
      width:600px;
    }

    #content h2.tab span {
      background:none repeat scroll 0 0 #666677;
      border: 0 none !important;
      display: block;
      float: left;
      padding: 5px 10px 0;
      text-transform: uppercase;
      color:#FFFFFF;
      font-weight:bold;
      height:15px;
      font-size:10px;
    }

		#content .articles {
			margin-top: 15px;
		}

    #content .articles .entry {
      float: left;
      margin-bottom: 12px;
      padding-bottom: 15px;
      border-bottom: 1px dotted #667;
    }
    #content .articles .last {
		border-bottom: 0;
		padding-bottom: 5px;
	}

    #content .articles h3.title {
		font-size: 26px;
		margin-bottom: 15px;
	}
    
	#content .articles .feature h1 {
      font-size: 28px;
      margin:0 0 15px;
    }

    #content .articles .feature h3.title {
      font-size: 28px;
      margin:0 0 20px;
    }

    #content .articles h3.title a {
      font-weight:normal;
    }

    #content .articles .image {
      float: left;
      padding: 2px;
      border: 1px solid #cccccc;
    }

    #content .articles .image img {
      display:block;
    }

    #content .articles .summary {
      float: left;
      width: 580px;
      overflow: hidden;
    }
    #content .articles .utils {
      float: right;
    }

#content .articles .utils .share_tout {
  margin-bottom: 20px;
}

    #content .articles .body {
      padding-left: 170px;
      padding-right: 75px;
    }
    #content .articles .body a.read-more {
      white-space: nowrap;
    }

    #content .articles .meta {
      padding-left: 170px;
      padding-right: 25px;
      color:#999;
    }

    #content .articles .meta a {
      color:#999;
    }

    /****************************************************
      MAIN: CONTENT: Product Categories
    ****************************************************/
#products-in-category {
  clear: both;
  border-top: 1px dotted #667;
  padding: 15px 0 0;
}
#products-in-category .all-products {
  clear: both !important;
  border-bottom: 1px dotted #667;
  float: left;
  width: 580px;
  margin-bottom: 20px;
}
#products-in-category .product {
  clear: both !important;
  width: 100%;
}
#products-in-category .product .info {
  float: left;
  width: 100%;
  padding: 8px 5px 3px;
  margin-bottom: 20px;
  border-top: 1px dotted #667;
  border-bottom: 1px dotted #667;
}
  #products-in-category .product .info p {
    float: left;
    display: inline;
    padding: 0; margin: 0;
    width: 360px;
    color: #999;
    font-size: 11px;
  }
  #products-in-category .product .info .utils {
    float: right;
    display: inline;
    margin-right: 10px;
    overflow: hidden;
  }

  #products-in-category .product .thumb {
     float: left;
     width: 160px;
      padding-bottom: 5px;
     overflow: hidden;
   }
   #products-in-category .product h2 {
     padding-left: 165px;
   }
   #products-in-category .product h2 a {
     font-weight: normal !important;
   }
   #products-in-category .product .summary {
     padding-left: 165px;
      padding-bottom: 5px;
   }

/****************************************************
  SIDEBAR
****************************************************/
#full #sidebar {
  width: 310px;
  padding: 5px;
}

#sidebar {
  float: right;
  width: 334px;
  margin: 0 0 10px;
  display:inline;
}

  #sidebar .top {
    clear:both;
    float:left;
    margin: 0;
    padding:17px 0 0;
    background:url('/images/layout/bkg-sidebar-top.png') no-repeat 0 0;
  }
  #sidebar .bottom {
    float:left;
    margin: 0;
    padding: 0 0 17px;
    background:url('/images/layout/bkg-sidebar-bottom.png') no-repeat bottom left;
  }
  #sidebar .middle {
    float: left;
    margin: 0;
    padding:0 17px 0 18px;
    width:298px;
    background:url('/images/layout/bkg-sidebar-middle.png') repeat-y 0 0;
  }

  #sidebar .container {
    float: left;
    display:block;
    width:298px;
    background: url('../images/layout/bg-sidebar-gradiant.gif') repeat-x bottom;
  }

  #sidebar .heading {
    margin-top:1px;
  }
  #sidebar .flipout-ctrl,
  #sidebar .standard-ctrl {  
    right: 17px; top: 1px;
     width: 31px;
    float: right;
    margin-top: -30px;
  }

  #sidebar .flipout-ctrl a,
  #sidebar .standard-ctrl a {
    display: block;
    height: 30px; width: 31px;
    border: 0 !important;
    text-indent: -999em;
    overflow: hidden;
  }
  #sidebar .standard-ctrl .all {
    background: url('../images/buttons/sidebox-ctrl-next.gif') top no-repeat;
  }
  #sidebar .flipout-ctrl .hide {
    background: url('../images/buttons/sidebox-ctrl.gif') bottom no-repeat;
  }
  #sidebar .flipout-ctrl .show {
    display: none;
    background: url('../images/buttons/sidebox-ctrl.gif') top no-repeat;
  }
	#sidebar .openx {
		padding: 0;
		float: left;
		clear: both;
		position: relative;
	}
  #sidebar .closed .flipout-ctrl .hide { display: none; }
  #sidebar .closed .flipout-ctrl .show { display: block; }
  #sidebar .closed .collapsable {  display: none; }


    #sidebar #about p {
      margin:10px;
      line-height:1.5em;
    }

    #videos .middle {
      width:298px;
      /*padding:0 18px 0;*/
    }

#videos .container {	
	padding-top: 5px;
}

    #videos .video {
      clear:both;
      float:left;
      display:inline;
      width:278px;
      margin:10px 10px 0;
      padding-bottom:10px;
	  height: 95px;
	  overflow: hidden;
      border-bottom:dotted 1px #666;
    }
    #videos .image {
      float:left;
      width:120px;
      height:90px;
      padding: 2px;
      background: white;
      border: 1px solid #ccc;
    }
    #videos .over .image,
    #videos .image:hover {
      border-color:#444;
    }
    #videos a {
      color:#000;
    }
    #videos a:hover,
    #videos .over a {
      color:#000;
      border-bottom:dotted 1px #000;
    }
    #videos .entry {
      float:right;
      width:140px;
      margin-bottom:10px;
    }
    #videos .link a {
      display:inline;
      clear:both;
      float:left;
      margin:10px 0 1px 0;
      width:298px;
      height:35px;
      text-indent: -999em;
      overflow: hidden;
      background:url('../images/layout/bkg-youtube.png') no-repeat 0 -4px;
    }
    #videos .link a:hover {
      background-position:0 -43px;
      border:0;
    }
    #videos h4 {
      font-size: 12px;
      font-weight:bold;
      margin:0 0 0.3em;
    }
    #videos p {
      font-size: 10px;
      margin:0;
    color: #999;
    }

    #sidebar #albums .middle {
      width:298px;
      /*padding:0 17px 0;*/
    }
    #sidebar #albums .container {
      padding-bottom: 10px;
      padding-top: 5px;
    }

    #sidebar #albums .album {
      clear:both;
      float:left;
      display:inline;
      width:278px;
      margin:10px 10px 0;
      padding-bottom:10px;
      border-bottom:dotted 1px #666;
    }
    #sidebar #albums .last {
		border-bottom:none;
        padding-bottom:0px;
	}

    #sidebar #albums a {
      color:#000;
    }
    #sidebar #albums a:hover,
    #sidebar #albums .over a {
      color:#000;
      border-bottom:dotted 1px #000;
    }

#sidebar #albums .album .image{
  float:left;
  display: inline-block;
  padding-top: 3px;
  padding-left: 3px;
  background: url(../images/layout/bg-album-thumb.gif) no-repeat;
}

    #sidebar #albums .album .image a { margin: 0; padding: 0; border: 0; }
    #sidebar #albums .album .image a img {
      display: inline-block;
      padding: 3px;
      border: 1px solid #CCCCCC;
    background: white;
    }
    #sidebar #albums .album .image a:hover img { border: 1px solid #aaa; }
    #sidebar #albums .entry {
      float:right;
      width:170px;
      margin-bottom:10px;
    }
    #sidebar #albums h4 {
      font-size: 12px;
      font-weight:bold;
      margin:0 0 0.3em;
    }
    #sidebar #albums p {
      font-size: 10px;
      margin:0;
    color: #999;
    }


    #follow {
      clear:both;
      float:left;
      position:relative;
      font-size:90%;
    }
    #follow .middle {
      width:298px;
      padding:0 18px;
    }
    #follow .icons {
      height: 79px;
      background: url('/images/layout/follow-icons.gif') top no-repeat;
    }

    #follow a {
      float: left;
      width: 60px;
      height: 79px;
      padding: 0 6px;
      display: block;
      overflow: hidden;
      text-indent: -999em;
      border: 0 !important;
      outline: 0;
    }


/****************************************************
  COMMENTS
****************************************************/
#comments #disqus_thread,
#article-comments {
  padding: 15px;
}

  #comments h2 {
    font-size: 16px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px dotted #000;
  }

  #comments li {
    padding: 0 !important;
    background: none !important;
  }
  #comments .dsq-brlink { display: none !important; }


/****************************************************
  FOOTER
****************************************************/
#footer {
  clear:both;
  width:990px;
  margin:0;
  color:#FFF;
  font-size:11px;
}

#footer a { color:#FC0; font-weight:normal; }
#footer a:hover { border-bottom:dotted 1px #FC0; }
#footer ul {
  margin: 0;
  padding: 0;
}
#footer li {
  list-style: none;
}

#footer .footer-inner {
  background: url(../images/layout/bkg-footer-bottom.png) bottom center no-repeat;
  float:left;
  display:block;
}

#footer .footer-inner .footer-divider {
	width: 970px;
	margin:0 10px;
	height:7px;
	border-top:1px dotted #fff;
}
#footer .footer-menu {
  background: url(../images/layout/bkg-footer-sliding.png) top center no-repeat;
  width: 962px;
  float:left;
  display:block;
  padding: 14px 14px 0 14px;
  margin-bottom:28px;
}

#footer .footer-menu .group {
  float:left;
  display:inline;
  width: 190px;
  padding: 14px 10px 10px 14px;
  font-size: 11px;
  text-transform: uppercase;
}
#footer .footer-menu .group a{
  border-bottom: 1px dotted #333;
  color:#333;
  width: 190px;
  display:block;
  padding: 3px 0 2px 0;
  margin-bottom:5px;
  font-weight: bold;
}
#footer .footer-menu .group ul a{
  font-size: 11px;
  text-transform: none;
  border-bottom: 1px solid #e5e5e5;
  margin: 2px ;
  font-weight: normal;
}
#footer .footer-menu .group a:hover{
  border-bottom: 1px dotted #333;
}

#footer .footer-copyright {
  border-top:dotted 1px #FFF;
  float:left;
  display:inline;
  width: 970px;
  margin: 10px 10px;
  padding-top: 10px;
}

.share_button {
  float: left;
  display: block;
  margin-left: 5px;
}

.facebook-widget {
	margin-top: 1px;
}

.fb_share_count_inner {
	text-align:center !important;
}

/****************************************************
  FORMS
****************************************************/

form .errors {
	clear: both;
	margin: 1em auto;
	font-size: 1.3em;
	text-align: center;
	padding: 1em;
	background: #cc0000;
	color: #fff;
}
form input.text,
form textarea,
form p {
  width: 95%;
  padding: 5px;
  color: #444;
  font-size: 1.1em;
}
form label {
  color: #444;
  font-size: 1.1em;
}
form textarea {
  border: 1px solid #CCC;
}
form input.text {
  border: 1px solid #CCC;
}
form select {
/* width: 60%;
   display: block;
   margin-top: 5px;
   ^ these styles break the date selector on the photo form. */
  padding: 2px;
  /* border: 1px solid #CCC; */
  color: #444;
  font-size: 1.1em;
}

#join-form select {
  width: 100%;
}

form select.datetime {
  width: auto;
  display: inline;
}

form label {
  font-weight: normal;
	line-height: 1.5em;
  color: #666;
}

form .fieldset {
  float: left;
  margin-bottom: 15px;
  width: 100%;
}
form .field {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 5px;
  font-size: 11px;
}
form #social .field label {
  width: 150px;
  float:left;
}
form #social .public {
  float:none;
  height: 25px;
  padding-top: 5px;
}
form .submit {
  float: right;
  border: 0;
  height: 20px;
  width: 85px;
  line-height: 20px;
  cursor: pointer;
	padding: 0 0 0 10px;
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  background: #FFE600 url('../images/layout/bkg-submit.png') no-repeat right top;
}

form .update {
	padding-left: 8px;
}

@-moz-document url-prefix() {
  form .submit {
  	padding-left: 5px;
  }
}

form .submit:hover {
  background-position: right -20px !important;
}

form .js-label {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 8px;
  cursor: text;
}
form .fade,
form .fade .required {
  color: #ccc;
}
form label strong {
  color:#000;
}
form em {
  font-style:normal;
  color:#000;
}
.checkbox label, .checkbox span.error, .checkbox input, .checkbox .fieldWithErrors {
  float: left;
}
.checkbox input {
	margin-top: 5px;
}
.checkbox span.error {
	margin-top: 8px;
}
.opt-in label {
	width: 90% !important;
}
form .opt-in input,
form .accept-terms input {
  float: left;
  margin-top: 1px;
  margin-right: 3px;
}
form .required {
  color:#C00;
}
form .entry {
  float:left;
  width:100%;
  padding:20px 0;
}
form .left {
  width:40%;
  margin-left:5%;
  display:inline;
}
form .right {
  width:40%;
  margin-right:5%;
  display:inline;
}
.field .public {
  color: #000;
  border: 1px solid #F8F677;
  background: #FEFDCB;
  float: right;
  margin: 3px 17px 5px 0;
  clear: both;
  display: inline;
}
  /* Styles specific to update form */
  .update {
    float: left;
    padding: 0 0 10px;
    clear: both;
  }
	.update h4 {
		font-weight: bold;
		margin: 1.5em 0 0.5em 0;
	}
  .update form label {
    display: block;
  }
  .update form input.text {
    width: 75%;
  }
  .update form input.social {
    width: 35%;
    padding: 5px;
    color: #444;
    font-size: 1.1em;
    border: 1px solid #CCC;
  }
  .update form .website input.social {
    width: 30%;
  }
  .update form .js-label {
    width: 75%;
  }
  .update form .website .js-label {
    left: 34px;
    width: 70%;
  }
  .update form .country {
    margin: 5px 0 10px;
  }



/****************************************************
  PAGINATION
****************************************************/
.pagination {
  float: left;
  clear:both;
  width: 580px;
  line-height: 50px;
  display:block;
  text-align: center;
  margin: 10px 0;
}

.pagination a,
.pagination span {
  border: 1px solid #e0e0e0;
  padding: 10px 8px;
  line-height: 30px;
  color: #b6b6b6;
  background: #e9e9e9;
  font-size: 12px;
  margin: 0 0 0 1px;
}

.pagination a {
  color: #666666;
  background: #e0e0e0;
}

.pagination a:hover {
  color: #000;
  background:#e9e9e9;
  text-decoration:none;
}

.pagination span.current {
  font-weight: bold;
  color: #000;
}

.pagination a.prev_page,
.pagination a.next_page,
.pagination span.prev_page,
.pagination span.next_page {
  width: 105px;
}
.pagination a.prev_page,
.pagination span.prev_page{
  background: #e0e0e0 url(../images/buttons/pagination-back.png) 0px 3px no-repeat;
  padding-left: 30px;
}
.pagination a.next_page,
.pagination span.next_page {
  background: #e0e0e0 url(../images/buttons/pagination-forward.png) 35px 3px no-repeat;
  padding-right: 30px;
}

.pagination span.next_page,
.pagination a.next_page:hover {
    background: #e0e0e0 url(../images/buttons/pagination-forward.png) 35px -27px no-repeat;
}
.pagination span.prev_page,
.pagination a.prev_page:hover {
    background: #e0e0e0 url(../images/buttons/pagination-back.png) 0px -27px no-repeat;
}

form.new_photo label,
form.edit_photo label, 
form.new_album label,
form.edit_album label 
{
  display:block;
}

form.edit_photo div.field {
	margin-bottom: 1em;
}

form.edit_album #album_name {
	width: 40em;
}

form.edit_album #album-description-text p {
  margin-bottom: 0.3em;
}

form.edit_album #album_submit {
	margin-bottom: 3em;
}

a.edit {
	margin-left: 1em;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	border: none;
	color: #1E6FBE;
	text-transform: uppercase;
}

form.edit_album #edit-description {
	margin-bottom: 3em;
}

.notice {
	font-size: 14px;
	color: #429A36;
}

.error {
	color: #cc0000;
}

.textarea_cc,
.textarea_wc {
	margin-bottom: 2em; margin-top: -1em; width: 99%;
}

.textarea_cc div,
.textarea_wc div {
	float: right;
}

.textarea_wc textarea,
.textarea_cc textarea {
	width: 100%; border: 3px solid;
}

.textarea_wc div.length_ok, .textarea_wc div.length_ok span,
.textarea_cc div.length_ok, .textarea_cc div.length_ok span {
	color: green !important;
}

.textarea_wc div.length_bad, .textarea_wc div.length_bad span, 
.textarea_cc div.length_bad, .textarea_cc div.length_bad span {
	color: #cc0000  !important;
}

.textarea_wc textarea.length_ok,
.textarea_cc textarea.length_ok {
	border-color: green !important;
}

.textarea_wc textarea.length_bad,
.textarea_cc textarea.length_bad {
	border-color: red  !important;
}

.textarea_wc div.length_bad span,
.textarea_cc div.length_bad span,
.textarea_wc div.length_ok span,
.textarea_cc div.length_ok span {
  display:inline;
}

div#comments {
	clear: both;
}

/* /////// FAQ ///////// */

.faq-content {
	float:left;
	display:inline;
	margin-bottom: 25px;
}

.toggle-content {
	overflow: hidden;
	padding: 10px 10px 0 10px;
}

#controls {
	/*border-bottom: 1px dotted #666;*/
	background: url(../images/faqs/underline.gif) 0px 4px repeat-x;
	padding-bottom: 1px;
	margin-bottom: 20px;
	width: 584px;
	float:left;
}

.control {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	background: #ccc;
	float:left;
	display:block;
	margin:0px 2px 0 0;
}
.control a {
	padding: 5px 11px;
	display:block;
	float:left;
}

.control a:hover, #controls .active a{
	background: #666;
	color: #fff;
}
.control a:hover, #controls .active a {
	padding: 5px 11px 7px;
}
#controls .control:hover a,
#controls .control a:hover,
#controls .active a {
	color: #fff;
	text-decoration: none;
	border-bottom: 0;
}


.tab {
	float:left;
	width: 584px;
	display:block;
	border-top: 1px dotted #666;
}

.toggle-item {
	border-bottom: 1px dotted #666;
}
	
.toggler {
	font-size: 18px;
	color:#000;
	padding: 5px 40px 5px 11px;
	margin: 2px 0;
	position:relative;
}
.toggler:hover, .tab .active {
	background-color:#f2f2f2;
}

.toggler span, 
.tab .active span {
	position:absolute;
	right: 5px;
	top: 5px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	background: #eee url(../images/faqs/open.gif) top right no-repeat;
	border:1px solid white;
	padding: 5px 8px 11px;
	width:6px;
	height: 6px;
	text-indent: -999px;
	overflow: hidden;
}
.tab .active span {
	background: #eee url(../images/faqs/close.gif) top right no-repeat;
}

.toggler:hover span, 
.tab .active:hover span {
	background: #ccc url(../images/faqs/open.gif) bottom right no-repeat;
	text-indent: 0px;
	width: 64px;
}
.tab .active:hover span {
	background: #ccc url(../images/faqs/close.gif) bottom right no-repeat;
}

/* walkley styles */


.walkley-categories h2 {
  border-bottom:1px dotted #666;
  font-size:medium;
  font-weight:bold;
  margin:2em 0;
  padding:0 0 5px;
  text-transform: uppercase;
}

td.score {
  font-size:x-large;
  font-weight:bold;
  color:#909090;
}

.code-block {
  clear:both;
}

.cta1, .cta2 {
  float:left;
  width:328px;
}

.cta3 {
  padding:8px 10px 0;
}

.cta4{
  width: 990px;
  float: left;
  clear: both;
}
.cta5{
  width: 656px;
  float: left;
}

/* YELLOW BUTTONS */

.button {
  padding: 6px 8px 6px 8px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.button:hover {
	border: none;
}

.goto {
  padding-right: 40px;
  background: #FFE600 url('../images/buttons/sidebox-ctrl-next.gif') no-repeat right center;
}

.address {
  width: 18em !important;
}

.suburb {
  width: 12em !important;
}

.postcode {
  width: 4em !important;
}

.terms-and-conditions ul {
  margin-top: 1em;
  margin-bottom: 1em;
}

.terms-and-conditions li {
  margin-bottom: 0.5em;
}

.terms-and-conditions p {
  margin-bottom: 1em;
}

.terms-and-conditions h2 {
  line-height: 25px;
}

.terms-and-conditions h3 {
  margin-top: 1em;
}

.terms-and-conditions p, .terms-and-conditions li {
  line-height: 15px;
}

#survey .field {
	margin-bottom: 1.5em;
}

#survey select {
	width: 40em;
}

#share-mag span {
	float: left;
	margin: 4px 10px 0 0;
	padding-bottom: 3em;
}

#mag_subs-edit h2, #mag_subs-update h2, #mag_subs-unsubscribe h2 {
	margin-top: 1em;
}

#welcome, #join, #welcome p, #join p {
	color: #666 !important;
}

#welcome strong, #join strong {
  color: #000;
}

#join ul li {
	margin-bottom: 1em !important;
}

#join #keep-in-touch {
	background-color: #EBEBEB;
	padding: 12px;
	margin-bottom: 20px;
}

#join #keep-in-touch strong {
	display: block;
  margin-bottom: 1em;
}
#join #keep-in-touch .field {
	margin-bottom: 0;
}
#welcome #top, #welcome #article {
	border-bottom: 1px dotted #666677;
}
#welcome #article {
  padding-bottom: 15px;
}
#welcome #links {
	clear: both;
	margin-bottom: 1em;
}
#welcome h3 {
	margin-top: 1em;
	line-height: 1.3em;
}
#welcome #article img {
	float: left;
	padding: 2px;
	margin-right: 20px;
	margin-bottom: 10em;
	border: 1px solid #666;
}
#welcome ul {
	margin: 0 !important;
}
#welcome ul li {
	background: none !important;
	display: inline-block;
	width: 20em;
	margin: 0;
	padding: 0 !important;
	white-space: nowrap;
}
div.autocomplete {
	z-index: 999;
	color: #000;
}
/* Fix invisible autocomplete in Internet Explorer */
#IEroot div.autocomplete {
	position: relative !important;
  top: -10px !important;
  left: 0px !important;
}
div.autocomplete ol {
  background: #e5e5e5;
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
	cursor: pointer;
	height: 10em;
	overflow: auto;
}
div.autocomplete ol li {
  padding: 5px;
	font-size: 1.1em;
}
#profile_primary_camera_auto_complete li {
	background: none !important;
}
div.autocomplete ol li.selected {
  background-color: #ffb;
}
div.autocomplete ol strong.highlight {
  margin:0;
  padding:0;
}

.formError {
  color:#e00;
  font-weight:bold;
}

/* ///////////////JOIN FORM//////////// */

#join-fields {
  background: #F5F5F5;
}

.join-form-container {
  padding: 2.5em 3em 2em 1.5em;
}

#join-form h4 {
  font-weight: bold;
}

#join-form .field {
  margin: 0 0 2em;
}

#join-form #sign-up {
  clear: both;
  background: #ffe600;
  margin-top: 1px;
}

#join-form #sign-up label {
  margin-left: 50px;
  margin-top: -3px;
  color: #000;
  font-size: 13px;
  line-height: 1.3em;
  display: block;
}

#join-form .sign-up {
  display: block;
  clear: both;
  background: url("/images/layout/bkg-sign-up.png") no-repeat scroll right top #000;
  font-size: 18px;
  text-indent: 59px;
  font-weight: bold;
  line-height: 20px;
  padding: 0;
  border: 0;
  margin-top: 2em;
  text-align: left;
  text-transform: uppercase;
  width: 235px;
  height: 35px;
  color: #ffe600;
  cursor: pointer;
}


#join-form-footer {
  width: 20em;
}

#opt-out-lightbox {
  width: 640px;
  height: 210px;
}

#opt-out-lightbox #lb-content {
  padding: 40px 40px;
}

#opt-out-lightbox h1 {
  font-size: 24px;
}

#opt-out-lightbox p {
  color: #666;
  font-size: 16px;
  line-height: 24px;
}

#opt-out-lightbox a {
  padding: 0 8px;
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-transform: uppercase;
  outline: 0;
  border: 0;
}

#opt-out-lightbox #lb-opt-out {
  color: #ffe600;
  background: #000;
}

#opt-out-lightbox #lb-opt-in {
  margin-left: 7px;
  width: 290px;
  color: #000;
  background: #ffe600 url("/images/layout/bkg-submit.png") no-repeat scroll right top;
}

#opt-out-lightbox #lb-opt-in:hover {
  background-position: right -20px !important;
}


/* BIG CHECKBOXES */

a.big-checkbox {
  background: url("/images/buttons/checkbox.gif") no-repeat scroll 0 -40px;
  display: block;
  float: left;
  height: 35px;
  width: 42px;
  outline: 0;
  border: 0;
}

a.big-checkbox.on {
  background: url("/images/buttons/checkbox.gif") no-repeat scroll 0 0 transparent;
}

input.big-checkbox {
  position: absolute;
  top: -100%;
}