@charset "UTF-8";
/**
 * Elektroclub
 *
 * Contains all declarations for general XHTML elements.
 *
 * @author 			Gerrit Bertier <gerrit@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2010-02-17
 * @lastmodified	2010-03-04
 */
/* page structure
 ---------------------------------------------------------- */
#wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 980px;
}

/* Header
 ---------------------------------------------------------- */
#header {
    background: transparent url(../img/bg-header.png) no-repeat 0 0;
    height: 197px;
    position: relative;
}

#header a#logo {
    display: block;
    height: 149px;
    position: absolute;
    top: 0;
    left: 57px;
    width: 167px;
}

/* Jump to
 ---------------------------------------------------------- */
#jump-to {
    display: none;
}

/* Navigation
 ---------------------------------------------------------- */
#nav {
    position: absolute;
    left: 72px;
    padding: 0 0 80px;
    top: 175px;
    width: 200px;
}

#nav ul {
    clear: both;
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    width: 200px;
}

#nav li {
    clear: both;
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 200px;
}

#nav li a {
    color: #fcfb82;
    display: inline;
    float: left;
    font-size: 1.286em;
    line-height: 36px;
    padding: 0;
    text-decoration: none;
    text-shadow: 0 1px 0 #0c4494;
    width: auto;
}

#nav li a span {
    cursor: pointer;
    display: inline;
    float: left;
    height: 40px;
    padding: 0 0 0 15px;
}

#nav li a span.item-end {
    display: inline;
    float: left;
    height: 40px;
    padding: 0;
    width: 15px;
}

#nav li a:hover {
    color: #fff;
}

#nav li.selected a {
    color: #fff;
    text-shadow: 0 1px 0 #810607;
}

#nav li.selected a span {
    background: transparent url(../img/bg-nav.png) no-repeat 0 0;
    display: inline;
    float: left;
    padding: 0 0 0 15px;
}

#nav li.selected a span.item-end {
    background-position: 100% -40px;
    padding: 0;
}

#nav li.selected ul {
    margin: 0 0 20px 30px;
    width: 170px;
}

#nav li.selected li {
    margin: 10px 0 0;
    width: 170px;
}

#nav li.selected li a {
    color: #FCFB82;
    font-size: 1em;
    line-height: 1.143em;
    text-shadow: none;
}

#nav li.selected li a:hover, #nav li.selected li.selected a {
    color: #fff;
}

#nav a.win-button {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    clear: both;
    display: inline;
    float: left;
    height: 126px;
    left: -13px;
    line-height: 126px;
    position: relative;
    text-indent: -9999em;
    top: 32px;
    overflow: hidden;
    width: 124px;
}

/* Main
 ---------------------------------------------------------- */
#container {
    clear: both;
    display: inline;
    float: left;
    width: 980px;
}

#main {
    left: 345px;
    margin-top: -37px;
    padding-bottom: 80px;
    position: relative;
    width: 635px;
    z-index: 10;
}

/* Extras
 ---------------------------------------------------------- */
a.order {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 123px;
    overflow: hidden;
    position: absolute;
    right: 68px;
    text-indent: -9999em;
    top: 11px;
    width: 219px;
    z-index: 15;
}

#netlog, #facebook {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 117px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 154px;
    z-index: 15;
}

#facebook { background-image: url(../img/facebook.png); left:330px;top:350px; }
#netlog { background-image: url(../img/netlog.png); left:190px;top:350px; }

/* Language selection
 
 ---------------------------------------------------------- */
#language-selection {
    left: 228px;
    position: absolute;
    top: 10px;
}

#language-selection li a {
    display: block;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
}

#language-selection li a#lang-nl {
    left: 0;
    position: absolute;
    top: 0;
}

#language-selection li a#lang-nl {
    background: transparent url(../img/btn-lang-nl.png) no-repeat 0 0;
    height: 55px;
    width: 53px;
}

#language-selection li a#lang-nl:hover {
    background-position: -53px 0;
}

#language-selection li.selected a#lang-nl {
    background-position: -106px 0 !important;
}

#language-selection li a#lang-fr {
    left: 45px;
    position: absolute;
    top: 22px;
}

#language-selection li a#lang-fr {
    background: transparent url(../img/btn-lang-fr.png) no-repeat 0 0;
    height: 50px;
    width: 47px;
}

#language-selection li a#lang-fr:hover {
    background-position: -47px 0;
}

#language-selection li.selected a#lang-fr {
    background-position: -94px 0 !important;
}

/* Generic content
 
 ---------------------------------------------------------- */
.generic {
    padding: 0 0 0 25px;
    width: 520px !important;
}

/* Win page
 
 ---------------------------------------------------------- */
.win {
    overflow: hidden;
    margin-top: -126px !important;
}

.win h1 {
    height: 186px;
    text-indent: -9999em;
    width: 558px;
}

.win h3 {
    margin-left: 20px;
}

.win p {
    margin: 22px 0 0 20px;
}

.win p.big {
    font-size: 1.143em;
}

.win p strong{
    color: #FCFB82;
}

.win #login {
    clear: both;
    display: inline;
    float: left;
    margin: 38px 0 0 5px;
    width: 245px;
}

.win #login h2 {
    width: 220px;
    height: 55px;
    text-indent: -9999em;
}

.win #join {
    display: inline;
    float: left;
    margin: 38px 0 0 30px;
    padding: 0;
    width: 350px;
}

.win #join h2 {
    width: 164px;
    height: 55px;
    text-indent: -9999em;
    position: relative;
    z-index: 1;
}

.win #join #join-cta {
    background-repeat: no-repeat;
    margin: -22px 0 0;
    padding: 0;
    height: 163px;
    width: 355px;
}

.win #join-cta a {
    color: #b90012;
    display: block;
    float: left;
    font-size: 1.143em;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 33px 80px 80px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fcea85;
    width: 244px;
}

.win #join-cta a span {
    clear: both;
    font-size: 1.562em;
    line-height: 1em;
}


/* Summercontest Win page
 
 ---------------------------------------------------------- */

.summercontestwin h1 {
	height: 310px;
	left: 0;
	position: relative;
	text-indent: -9999em;
	width: 370px;
	margin: -147px 0 20px -4px;
}

.summercontestwin-end h1 {
	height: 125px;
	left: 0;
	position: relative;
	text-indent: -9999em;
	width: 370px;
	margin: 0 0 20px -4px;
}

.summercontestwin h3 {
    margin-left: 20px;
}

.summercontestwin p {
    margin: 22px 0 0 20px;
}

.summercontestwin p.big {
    font-size: 1.143em;
}

.summercontestwin p strong{
    color: #FCFB82;
}

.summercontestwin #login {
    clear: both;
    display: inline;
    float: left;
    margin: 38px 0 0 5px;
    width: 245px;
}

.summercontestwin #login h2 {
    width: 220px;
    height: 55px;
    text-indent: -9999em;
}

.summercontestwin #join {
    display: inline;
    float: left;
    margin: 38px 0 0 30px;
    padding: 0;
    width: 350px;
}

.summercontestwin #join h2 {
    width: 164px;
    height: 55px;
    text-indent: -9999em;
    position: relative;
    z-index: 1;
}

.summercontestwin #join #join-cta {
    background-repeat: no-repeat;
    margin: -22px 0 0;
    padding: 0;
    height: 163px;
    width: 355px;
}

.summercontestwin #join-cta a {
    color: #b90012;
    display: block;
    float: left;
    font-size: 1.143em;
    height: 50px;
    margin: 0;
    overflow: hidden;
    padding: 33px 80px 80px 30px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fcea85;
    width: 244px;
}

.summercontestwin #join-cta a span {
    clear: both;
    font-size: 1.562em;
    line-height: 1em;
}

/* Schoolfinder pages
 
 ---------------------------------------------------------- */

/*sprite*/

.schoolfinder .country,
.schoolfinder .country a,
.schoolfinder .map,
.schoolfinder .map .inner,
.schoolfinder .ico {
	background: url('../img/schoolfinder/sprite.png') no-repeat 0 0;
}

.schoolfinder p {
	font-size: 1.142857142857143em;
}

/*map*/

.schoolfinder {
    padding: 0 0 0 25px;
    width: 520px !important;
}

.schoolfinder .country {
	position: relative;
	margin: 0;
	padding: 0;
	height: 360px;
	background-position: 0 0;
}

.schoolfinder .country-w {
	background-position: 0 -360px;
}

.schoolfinder .country li {
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

.schoolfinder .country li a {
	position: absolute;
	display: block;
	width: 122px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: -9999px;
}

/*Vlaanderen*/

.schoolfinder .country .w-vl a {
	left: 14px;
	top: 14px;
}
.schoolfinder .country .w-vl a:hover {
	background-position: -1062px -14px;
}

.schoolfinder .country .o-vl a {
	left: 80px;
	top: 68px;
}
.schoolfinder .country .o-vl a:hover {
	background-position: -1128px -68px;
}

.schoolfinder .country .a a {
	left: 199px;
	top: 18px;
	width: 88px;
}
.schoolfinder .country .a a:hover {
	background-position: -1247px -18px;
}

.schoolfinder .country .b a {
	left: 218px;
	top: 66px;
	width: 60px;
}

.schoolfinder .country .b a:hover {
	background-position: -1266px -66px;
}

.schoolfinder .country .l a { 
	left: 347px;
	top: 44px;
	width: 70px;
}
.schoolfinder .country .l a:hover { 
	background-position: -1395px -44px;
}

.schoolfinder .country .vl-b a {
	left: 286px;
	top: 100px;
}
.schoolfinder .country .vl-b a:hover {
	background-position: -1334px -100px;
}


/*Wallonie*/

.schoolfinder .country .h a {
	left: 101px;
	top: 60px;
	width: 74px;
}
.schoolfinder .country .h a:hover {
	background-position: -1063px -420px;
}

.schoolfinder .country .br a {
	left: 187px;
	top: 22px;
	width: 59px;
}
.schoolfinder .country .br a:hover {
	background-position: -1149px -382px;
}

.schoolfinder .country .br-w a {
	left: 259px;
	top: 39px;
	width: 110px;
}
.schoolfinder .country .br-w a:hover {
	background-position: -1221px -399px;
}

.schoolfinder .country .na a {
	left: 258px;
	top: 115px;
	width: 62px;
}
.schoolfinder .country .na a:hover {
	background-position: -1220px -475px;
}

.schoolfinder .country .li a {
	left: 379px;
	top: 79px;
	width: 54px;
}
.schoolfinder .country .li a:hover {
	background-position: -1341px -439px;
}

.schoolfinder .country .lu a {
	left: 378px;
	top: 212px;
	width: 93px;
}
.schoolfinder .country .lu a:hover {
	background-position: -1340px -572px;
}

/* map */

.schoolfinder .map {
	position: relative;
	left: -3px;
	top: -10px;
	padding-bottom: 35px;
	width: 530px;
	background-position: -1055px 100%;
}

.schoolfinder .map .inner {
	padding: 25px 25px 0 25px;
	min-height: 420px;
	_height: 420px;
	background-position: -525px 0;
}

.schoolfinder #map_canvas {
	width: 100%;
	height: 100%;
}

/* locations list */

.schoolfinder .locations {
	position: absolute;
	left: -280px;
	top: 100px;
	padding: 55px 0 55px 0;
	width: 240px;
}

.schoolfinder .locations .inner {
	height: 330px;
	overflow: hidden;
}

.schoolfinder .locations ul {
	display: block;
	margin: 0;
	padding: 0;
}

.schoolfinder .locations ul li {
	display: block;
	padding: 0 0 25px 0;
	list-style-image: none;
	text-align: right;
}

.schoolfinder .locations a {
	font-size: 1.142857142857143em; /*16px/14px*/
}

.schoolfinder .controls {
	position: absolute;
	right: 0;
	top: 0;
	width: 32px;
}

.schoolfinder .ico {
	position: absolute;
	right: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
	border: 0;
	background-color: transparent;
}

.schoolfinder .ico:hover {
	cursor: pointer;
}

.schoolfinder .ico-prev {
	top: 0;
	background-position: -1100px -600px;
}

.schoolfinder .ico-prev:hover {
	background-position: -1100px -640px;
}

.schoolfinder .ico-next {
	top: 408px;
	background-position: -1060px -600px;
}
.schoolfinder .ico-next:hover {
	background-position: -1060px -640px;
}

.schoolfinder .location {
	display: none;
}

.schoolfinder .lightbox .location {
	display: block;
}


/* Register: questions page
 
 ---------------------------------------------------------- */
.register {
    overflow: hidden;
    margin-top: -145px !important;
}

.register h1 {
    height: 357px;
    text-indent: -9999em;
    width: 555px;
    margin: 0 0 0 5px;
}

.register p {
    margin: 17px 0 0 25px;
    width: 420px;
}

/* Invite form
----------------------------------------------------------- */
.invite-form {
    overflow: hidden;
    margin-top: -145px !important;
}

.invite-form h1 {
    height: 357px;
    text-indent: -9999em;
    width: 555px;
    margin: 0 0 0 5px;
}

.invite-form p {
    margin: 17px 0 0 25px;
    width: 420px;
}

/* Register: form
 
----------------------------------------------------------- */
.register-form {
    margin-top: -55px !important;
}

.register-form h1 {
    background: transparent no-repeat 0 0;
    height: 80px;
    left: -2px;
    position: relative;
    text-indent: -9999em;
    width: 293px;
    margin: 0;
}

.register-form div#intro {
    clear: both;
    display: inline;
    float: left;
    margin: 26px 0 0 24px;
    width: 240px;
}

.register-form div#intro p {
    padding: 0 0 22px;
}

.register-form img {
    left: 306px;
    position: absolute;
    top: 34px;
}

.register-form div#order-cta {
    background: transparent url(../img/line.png) no-repeat 0 0;
    clear: both;
    display: inline;
    float: left;
    margin: 0 0 0 24px;
    padding: 30px 0 0;
    width: 520px;
}

.register-form #order-cta a.order {
    clear: both;
    display: inline;
    float: left;
    left: 0;
    margin: 5px 0 0 10px;
    position: relative;
    top: 0;
    width: 220px !important;
}

.register-form #order-cta #order-text {
    display: inline;
    float: left;
    margin: 0 0 0 50px;
    width: 240px;
}

.register-form #order-cta #order-text p {
    padding: 0 0 20px;
}

/* Register: confirmation page
 
 ---------------------------------------------------------- */
.registration-confirmation p {
    padding: 20px 0;
}

/* RTE content
 
 ---------------------------------------------------------- */
.rte h1 {
    color: #fcfb82;
    font-size: 2.857em;
    line-height: 1em;
    margin: 0 0 10px;
    text-shadow: 0 2px 0 #0c4494;
}

.rte h2 {
    color: #fcfb82;
    font-size: 1.286em;
    font-style: italic;
    font-weight: normal;
    line-height: 1.222em;
    margin: 0 0 10px;
}

.rte p {
    padding: 0 0 30px;
}

.rte img {
    margin: 23px 0;
    padding: 0;
}

.rte ul {
    margin: 10px 0 40px 20px;
    padding: 0 0 0 20px;
}

.rte ul li {
    list-style-image: url(../img/ico-list.png);
    list-style-position: outside;
    list-style-type: none;
    padding: 0 0 6px 5px;
}

.rte blockquote {
    background: transparent url(../img/ico-blockquote.png) no-repeat 0 0;
    font-size: 1.143em;
    line-height: 1.375em;
    margin: -10px 0 0;
    padding: 20px 40px 30px;
}

.rte blockquote p {
    padding-bottom: 10px;
}

.rte blockquote .author {
    color: #addfff;
    font-size: .875em;
    font-style: italic;
    line-height: 1.429em;
}

/* Image with border
 
 ---------------------------------------------------------- */
img.align-l {
    float: left;
    margin-right: 23px;
}

img.align-r {
    float: right;
    margin-left: 23px;
}

img.align-t {
    margin-top: 0;
}

span.img-container {
    background: transparent url(../img/sprite-imgborder.png) no-repeat 100% 100%;
    display: inline;
    margin: 23px 0;
    padding: 0 25px 25px 0;
    position: relative;
}

span.align-l {
    float: left;
    left: 10px;
    margin-right: 33px;
    margin-left: -25px;
}

span.align-r {
    float: right;
    margin-right: -25px;
    margin-left: 33px;
    right: 0;
}

span.align-t {
    float: left;
    margin-top: 0px;
}

span.img-container span {
    background: transparent url(../img/sprite-imgborder.png) no-repeat 0 0;
    clear: both;
    display: inline;
    float: left;
    margin: -10px 0 0 -10px;
    padding: 25px 0 0 25px;
}

span.img-container img {
    margin: 0;
}

/* Common
 
 ---------------------------------------------------------- */
.hide {
    font-size: 0 !important;
    height: 0px !important;
    line-height: 0px !important;
    margin: 0 !important;
    text-indent: -9999em !important;
    visibility: hidden !important;
}

a.button {
    display: inline;
    float: left;
    color: #c61013 !important;
    font-size: 1.286em;
    font-weight: normal;
    height: 42px;
    line-height: 40px;
    text-decoration: none !important;
    width: 250px;
    text-shadow: 0 1px 0 #fcea85;
}

a.button:hover {
    color: #fff !important;
}

.button span {
    background: transparent url(../img/bg-btn.png) no-repeat 0 0;
    cursor: pointer;
    display: inline;
    float: left;
    padding: 0 0 0 18px;
}

.button span.button-end {
    background-position: 100% -42px;
    display: inline;
    float: left;
    height: 42px;
    padding: 0;
    width: 18px;
}

p.emph {
    font-size: 1.214em;
    line-height: 1.294em;
}

/* Electrocrack contest page
---------------------------------------------------------- */

.contest-electrocrack {
    overflow: hidden;
    margin-top: -126px !important;
}

.contest-electrocrack h1, .contest-electrocrack-confirmation h1 {
    height: 237px;
    text-indent: -9999em;
    width: 558px;
}

.contest-electrocrack p {
	margin:22px 0 0 40px;
	width: 480px;
}
.contest-electrocrack p.big {
	font-size: 1.286em;
	font-style: italic;
	line-height: 1.333em;
}

.contest-electrocrack #contest-content {
	clear: both;
	display: inline;
	float: left;
	margin: 45px 0 0;
	position: relative;
	width: 635px;
}

/* Video items */

.contest-electrocrack #videos {
	clear: both;
	float: left;
	margin: 0;
	width: 385px;
}

#videos .video-item {
	background: transparent url(../img/electrocrack-video-background.gif) no-repeat 0 0;
	clear: both;
	display: inline;
	float: left;
	height: 180px;
	margin: 0 0 10px 8px;
	position: relative;
	width: 377px;
}

#videos .video-item .video-container {
	clear: both;
	display: inline;
	float: left;
	height: 180px;
	margin: 0 0 0 32px;
	position: relative;
	width: 240px;
	z-index: 20;
}

#videos .video-item .video-drop-target {
	clear: both;
	display: inline;
	float: left;
	position: absolute;
	z-index: 10;
}

#videos .video-item .video-drop-target-1 {
	background: transparent url(../img/electrocrack-video-target1.gif) no-repeat 0 0;
	height: 116px;
	left: 257px;
	top: 9px;
	width: 116px;
}

#videos .video-item .video-drop-target-2 {
	background: transparent url(../img/electrocrack-video-target2.gif) no-repeat 0 0;
	height: 110px;
	left: 263px;
	top: 12px;
	width: 110px;
}

#videos a.submit {
	margin: 45px 0 0 40px;
}

/* Enquete register page
---------------------------------------------------------- */
.enquete .intro {
    font-size: 1.185em;
    font-style: italic;
}

.enquete strong {
    color: #FCFB82;
    font-weight: bold;
}

.enquete .play {
    color: #FCFB82;
    font-size: 1.125em;
    line-height: 1em;
    margin: 22px 0 0 20px;
    font-weight: bold;
}

/* Draggables */

.contest-electrocrack #draggables {
	clear: none;
	display: inline;
	float: left;
	list-style: none outside none;
	width: 250px;
}

.draggable a.infobutton {
	background: transparent url(../img/electrocrack-draggables-infobutton.png) no-repeat 0 0;
	display: block;
	height: 24px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	width: 24px;
	z-index: 20;
}

#draggables #draggable-01 .infobutton {	left: 150px; top: 0; }
#draggables #draggable-02 .infobutton {	left: 140px; top: 30px; }
#draggables #draggable-03 .infobutton {	left: 167px; top: 25px; }
#draggables #draggable-04 .infobutton {	left: 158px; top: 10px; }
#draggables #draggable-05 .infobutton {	left: 144px; top: 30px; }

#draggables .draggable {
	clear: both;
	display: block;
	float: left;
	list-style: none outside none;
	position: relative;
}

#draggables #draggable-01 {
	height: 134px;
	margin-left: 45px;
	margin-top: -25px;
	width: 156px;
}
#draggables #draggable-02 {
	height: 137px;
	margin-left: 65px;
	margin-top: 14px;
	width: 172px;
}
#draggables #draggable-03 {
	height: 144px;
	margin-left: 5px;
	margin-top: 8px;
	width: 199px;
}
#draggables #draggable-04 {
	height: 137px;
	margin-left: 35px;
	margin-top: 6px;
	width: 158px;
}
#draggables #draggable-05 {
	height: 137px;
	margin-left: 62px;
	margin-top: 8px;
	width: 149px;
}

#draggables .draggable-item {
	cursor: pointer;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999em;
	z-index: 15;
}

.ui-draggable-dragging { z-index: 25 !important; }

#draggables #draggable-01-item {
	height: 134px;
	left: 0;
	top: 0;
	width: 156px;
}

#draggables #draggable-02-item {
	height: 137px;
	left: 0;
	top: 0;
	width: 172px;
}

#draggables #draggable-03-item {
	height: 144px;
	left: 0;
	top: 0;
	width: 199px;
}

#draggables #draggable-04-item {
	height: 137px;
	left: 0;
	top: 0;
	width: 158px;
}

#draggables #draggable-05-item {
	height: 137px;
	left: 0;
	top: 0;
	width: 149px;
}

.draggable a.infobutton:hover {
	background-position: 0 -24px;
}

/* overlay
---------------------------------------------------------- */

.crack-info-item {
	background: #fff;
	display: none;
	height: 467px;
	width: 520px;
	z-index: 350001 !important;
}

.crack-info-item img {
	margin: 20px 20px 0 20px;
}

.crack-info-item p {
	color: #165FAC;
	margin: 12px 20px 0 20px;
	width: 480px;
}

.crack-info-item p span { color: #C30115; }

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	z-index: 300000 !important;
	background: url(../img/bg_spacer.png) repeat 0 0;
}

/* lightbox
---------------------------------------------------------- */
/*
.lightbox {
    position: absolute;
    width: 520px;
    padding-top: 0;
    z-index: 350000 !important;
}

.lightbox .inner {
    padding: 0;
    background: url(../img/sprite_lightbox.png) no-repeat -700px 100%;
}

.lightbox .close {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 49px;
    height: 49px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../img/overlay-close.png) no-repeat 0 0;
}
*/

.lightbox {
	position: absolute;
	width: 530px;
	padding-bottom: 35px;
	color: #3e5975;
	z-index: 350000 !important;
	background: url('../img/sprite_lightbox2.png') no-repeat -535px 100%;
}

.lightbox .inner {
	padding: 45px 45px 20px 45px;
	min-height: 385px;
	background: url('../img/sprite_lightbox2.png') no-repeat -5px 0;
}

#overlay {
	background: url('../img/overlay.png') repeat 0 0;
}

.lightbox .close {
	position: absolute;
	top: 12px;
	right: 11px;
	width: 30px;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
	background: url('../img/sprite_lightbox2.png') no-repeat -540px -640px;
}

.lightbox .close:hover {
	background-position: -570px -640px;
}

.lightbox h2 {
	margin-bottom: 10px;
	font-size: 1.142857142857143em;
	font-weight: normal;
	color: #bf0014;
}

.lightbox p {
	margin-bottom: 20px;
}

/* summercontest
---------------------------------------------------------- */

.summercontest h1 {
	height: 310px;
	left: 0;
	position: relative;
	text-indent: -9999em;
	width: 370px;
	margin: -147px 0 20px -4px;
}

.summercontest-end h1 {
	height: 125px;
	left: 0;
	position: relative;
	text-indent: -9999em;
	width: 370px;
	margin: 0 0 20px -4px;
}

.summercontest .intro {
	font-size: 1.143em;
}

.summercontest p {
	margin-bottom: 10px;
	padding: 0 0 0 30px;
}

.summercontest .intro .emph {
	font-size: 1.286em;
	font-style: italic;
}

.summercontest .intro strong {
	color: #fcfb82;
}

.summercontest .button {
	margin-left: 25px;
}

/* forms */
.summercontest form {
	padding-left: 25px;
}

.summercontest form dd {
	margin-bottom: 20px;
}

.summercontest form label {
	display: block;
	margin-bottom: 5px;
	font-size: 1.143em;
}

.summercontest form .button {
	margin-left: 0;
}

.summercontest .usb {
	float: right;
	margin-top: -50px;
	height: 360px;
	width: 360px;
	background: url(../img/summercontest/usbfan.png) no-repeat 0 0;
}


/* validation */

.summercontest .errors {
	display: none;
	margin: 20px 0;
	padding: 10px 10px 10px 10px;
	color: #fff;
	background: #cf1a15;
}

.summercontest .errors p {
	padding-left: 0;
}

.summercontest .error a {
	display: inline-block;
	margin-right: 10px;
	padding: 1px 5px;
	font-weight: bold;
	background-color: #ecef83;
	color: #cf1a15;
	text-decoration: none;
}

.summercontest .error-inline {
	font-style: italic;
	color: #fcfb82;
}

.summercontest .form-members .error-inline {
	display: inline;
	float: left;
	width: 230px;
	margin-right: 20px;
}

.summercontest .form-members .error-email {
	float: right;
	margin-right: 0;
}

/* form -> members */

.summercontest .form-members {
	width: 600px;
}

.summercontest .header {
	padding-left: 110px;
	font-size: 1.143em;
}

.summercontest .header .label-name,
.summercontest .header .label-email {
	float: left;
	display: inline;
	margin-right: 20px;
	margin-bottom: 10px;
	width: 230px;
}

.summercontest .header .label-email {
	margin-right: 0;
}

.summercontest .form-members dl {
	display: block;
	clear: both;
}

.summercontest .form-members dt,
.summercontest .form-members dd {
	display: inline;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 0;
}

.summercontest .form-members dd {
	width:  490px;
}

.summercontest .form-members label {
	display: inline;
	float: left;
	margin-top: 7px;
	width: 110px;
	font-size: 1.143em;
	color: #fcfb82;
}

.summercontest .form-members .field {
	display: inline;
	float: left;
	width: 218px;
	margin-right: 20px;
	margin-bottom: 0;
	padding: 4px 5px ;
}

.summercontest .form-members .email {
	margin-right: 0;
}

.summercontest .form-members .submit {
	margin-left: 105px;
}

.summercontest .form-members .errors {
	width: 585px;
}

/* thanks */

.summercontest .thanks {
	margin-left: 30px;
	width: 520px;
	height: 432px;
	background: url(../img/summercontest/thanks.png) no-repeat 0 0;
}


/* Browser fixes
---------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */