/* BK WETTEN DASS STYLES */

embed:focus, object:focus { outline: none; }

/* INDEX */

#homeBox { width: 910px; height: 403px; padding: 21px 30px 72px 52px; background: url(/bkWettenDassPlugin/images/home/homeBoxBg.jpg) left top no-repeat; position: relative; }
#homeBox .heads { height: 125px; }
#homeBox h1 { height: 90px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/home/homeBoxH1.gif) left top no-repeat; }
#homeBox h2 { height: 20px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/home/homeBoxH2.gif) left top no-repeat; }
#homeBox .contentBoxContent { padding: 10px 15px; width: 330px; }
#homeBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; margin: 0 0 16px; color: #ebebeb; }
#homeBox img { position: absolute; bottom: 0px; right: 15px; }
#homeBox #clipboard { position: absolute; bottom: 0px; left: 42px; }
#clipboard { width: 138px; height: 150px; padding: 134px 35px 0; background: url(/bkWettenDassPlugin/images/home/clipboardBg.png) left top no-repeat; }
#clipboard h3 { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
#clipboard ul { list-style-type: none; display: block; margin: 0 0 16px; }
#clipboard ul li, 
#clipboard p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #68a4d0; }
#clipboard p a { color: #68add0; }
#clipboard a#buttonExt { position: absolute; width: 183px; height: 65px; text-indent: -19999px; outline: none; display: block; top: 200px; left: 25px; background: url(/bkWettenDassPlugin/images/home/clipboardButton.png) left top no-repeat; }

#homeBox a#galleryBreaker { position: absolute; bottom: 15px; left: 54px; display: block; width: 198px; height: 82px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/home/btnFotoGallery.png) left top no-repeat; outline: none; }

.teaserTextContent p { color: #d3d3d3; }

#bkWettenDassHowToTeaser { background: url(/bkWettenDassPlugin/images/teaser/howToTeaserBg.png) left top no-repeat; }
#bkWettenDassHowToTeaser img { position: absolute; bottom: 0px; right: 10px; }

#bkWettenDassVotingTeaser { background: url(/bkWettenDassPlugin/images/teaser/votingTeaser.png) left top no-repeat; }
#bkWettenDassVotingTeaser img { position: absolute; bottom: 0px; right: 0px; }

#bkWettenDassUploadTeaser { background: url(/bkWettenDassPlugin/images/teaser/uploadTeaserBg.png) left top no-repeat; }
#bkWettenDassUploadTeaser img { position: absolute; bottom: -3px; right: 10px; }


/* HOW TO */

.bkWettenDassHowTos h1 { position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; overflow: hidden; }
.bkWettenDassHowTos .buttonShadowWrapper { width: 311px; height: 100px; margin: 0 auto; background: url(/bkWettenDassPlugin/images/howto/buttonWrapperShadow.png) left bottom no-repeat; }
.bkWettenDassHowTos .buttonShadowWrapper a { display: block; width: 100%; height: 78px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/howto/buttonToUpload.png) left top no-repeat; }

ol.howTos { list-style-type: none; display: block; }
ol.howTos li { display: block; width: 520px; height: 123px; padding: 26px 280px 44px 192px; position: relative; }
ol.howTos li h2 { height: 50px; text-indent: -19999px; }
ol.howTos li .contentBoxContent { width: 415px; height: 53px; padding: 10px 48px 10px 15px; }
ol.howTos li .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d3d3d3; }

ol.howTos li#firstHowTo { background: url(/bkWettenDassPlugin/images/howto/firstHowtoBg.png) left top no-repeat; }
ol.howTos li#firstHowTo h2 { background: url(/bkWettenDassPlugin/images/howto/firstHowtoH2.gif) left top no-repeat; }
ol.howTos li#secondHowTo { background: url(/bkWettenDassPlugin/images/howto/secondHowtoBg.png) left top no-repeat; }
ol.howTos li#secondHowTo h2 { background: url(/bkWettenDassPlugin/images/howto/secondHowtoH2.gif) left top no-repeat; }
ol.howTos li#thirdHowTo { background: url(/bkWettenDassPlugin/images/howto/thirdHowtoBg.png) left top no-repeat; }
ol.howTos li#thirdHowTo h2 { background: url(/bkWettenDassPlugin/images/howto/thirdHowtoH2.gif) left top no-repeat; }

ol.howTos li img { position: absolute; bottom: 0px; }
ol.howTos li#firstHowTo img { right: 90px; }
ol.howTos li#secondHowTo img { right: 80px; }
ol.howTos li#thirdHowTo img { right: 15px; }

/* GALLERY */

#galleryTopBox { padding: 31px 30px 31px 192px; width: 770px; height: 106px; background: url(/bkWettenDassPlugin/images/gallery/galleryTopBoxBg.png) left top no-repeat; }
#galleryTopBox h1 { height: 49px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/gallery/galleryTopBoxH2.gif) left top no-repeat; }
#galleryTopBox .contentBoxContent { position: relative; padding: 10px 15px; width: 644px; height: 37px; }
#galleryTopBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d3d3d3; }
#galleryTopBox .contentBoxContent a.btnNewFan { position: absolute; left: 650px; top:-65px; display: block; width: 185px; height: 159px; text-indent: -19999px; outline: none; background:url(/bkWettenDassPlugin/images/congratulations/btnNewFan.png) no-repeat;}

.columnGroup .leftColumn { width: 492px; }
.columnGroup .rightColumn { width: 492px; }
.columnGroup .column { padding: 6px 9px 10px; width: 474px; /*height: 550px;*/ background: url(/bkWettenDassPlugin/images/gallery/galleryColumnBg.png) left top no-repeat; }

.column .rate_feedback { padding-top: 5px; font-size: 1.1em; line-height: 16px; color: #FFFFFF; }
.column .hr { margin: 5px 0; }

	/* LEFT COLUMN */
	
#betContent { padding: 10px 15px; width: 444px; overflow: hidden; }
#betContent .rating { float: right; width: 164px; }
#betContent .rating div.done { padding: 4px 0 0 1px; font-size: 1.1em; line-height: 16px; color: #FFFFFF; font-weight: bold; }
#betContent h2 { float: left; width: 260px; height: 32px; font-size: 1.1em; line-height: 16px; color: #FFFFFF; font-weight: bold; }
#betContent .betInfo { font-size: 1.1em; line-height: 16px; color: #FFFFFF; display: block; }
#betContent .betVideoWrapper { height: 343px; padding: 10px 0; }
#betContent .betVideoWrapper p { font-size: 1.1em; line-height: 16px; color: #FFFFFF; }
#betContent .betVideoWrapper p a { color: #FFFFFF; }

#betContent .betTextWrapper { position: relative; width: 444px; height: 283px; padding: 10px 0 60px; background: url(/bkWettenDassPlugin/images/gallery/betTextWrapperBg.png) no-repeat; font-size: 1.1em; line-height: 16px; font-weight: bold; color: #afafaf; }
#betContent .betTextWrapper p { padding: 0 20px 10px; }
#betContent .betTextWrapper .betTextWrapperBottom { position: absolute; left: 0px; bottom: 10px; width: 444px; height: 43px; padding: 7px 0 0; color: #fce8cc; overflow: hidden; }
#betContent .betTextWrapper .betTextWrapperBottom  a { float: right; padding: 0 0 0 13px; background: url(/bkWettenDassPlugin/images/gallery/textWrapperLinkBg.gif) 0px 3px no-repeat; color: #fce8cc; text-decoration: none; }

#betContent .ratingWrapper { width: 100%; overflow: hidden; }
#betContent .fixedHeight { height: 45px; }
#betContent .ratingWrapper span { display: block; float: left; width: 275px; padding: 4px 5px 4px 0; text-align: right; font-size: 1.1em; line-height: 16px; font-weight: bold; color: #FFFFFF; }

#betContent ul.betBookmarks { width: 100%; list-style-type: none; display: block; overflow: hidden; }
#betContent ul.betBookmarks li { display: block; float: left; width: 25%; padding: 5px 0 0; }
#betContent ul.betBookmarks li.googleBookmarks { width: 50%; }
#betContent ul.betBookmarks li a { display: block; float: left; height: 16px; padding: 1px 0 1px 25px; font-size: 1.1em; font-weight: bold; line-height: 16px; color: #909090; text-decoration: none; background-image: url(/images/layout/navigation/socialLinks.png); background-position: left top; background-repeat: no-repeat; }
#betContent ul.betBookmarks li a:hover { color: #FFFFFF; text-decoration: underline; }
#betContent ul.betBookmarks li a:focus { outline: none; }
#betContent ul.betBookmarks li a.deliciousLink { background-position: left -18px; }
#betContent ul.betBookmarks li a.mrwongLink { background-position: left -72px; }
#betContent ul.betBookmarks li a.webnewsLink { background-position: left -90px; }
#betContent ul.betBookmarks li a.diggLink { background-position: left -108px; }
#betContent ul.betBookmarks li a.beboLink { background-position: left -126px; }
#betContent ul.betBookmarks li a.googleLink { background-position: left -144px; }


	/* RIGHT COLUMN */

.column ul.tabs { list-style-type: none; display: block; width: 100%; height: 36px; overflow: hidden; background-image: url(/bkWettenDassPlugin/images/gallery/galleryTabsBg.gif); }
.column ul#contentNewest { background-position: left top; }
.column ul#contentBest { background-position: left -36px; }
.column ul#contentAll { background-position: left -72px; }
.column ul.tabs li { display: block; float: left; height: 36px; }
.column ul.tabs li#tabNewest { width: 155px; }
.column ul.tabs li#tabBest { width: 159px; }
.column ul.tabs li#tabAll { width: 160px; }
.column ul.tabs li a { display: block; width: 100%; height: 36px; background: transparent; text-indent: -19999px; outline: none; }

.column #tabContent { height: 468px; padding: 15px 15px 0; }
.column #tabContent .scrollContent { position: relative; width: 100%; height: 468px; overflow: auto; }

ul.betList { list-style-type: none; display: block; width: 420px; background: url(/images/layout/horizontalLine.png) left top repeat-x; padding: 2px 0 0; }
ul.betList li { display: block; width: 100%; overflow: hidden; background: url(/images/layout/horizontalLine.png) left bottom repeat-x; padding: 9px 0 11px; }
ul.betList li .previewImage { width: 128px; height: 96px; overflow: hidden; float: left; padding: 0 12px 0 0; }
ul.betList li .previewContent { width: 280px; float: left; }
ul.betList .previewContent h3 { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #FFFFFF; }
ul.betList .previewContent span { display: block; font-size: 1.1em; line-height: 16px; color: #FFFFFF; margin: 0 0 5px; }

.bkWettenDassGallery .column .buttonShadowWrapper { width: 311px; height: 100px; margin: 0 auto; background: url(/bkWettenDassPlugin/images/howto/buttonWrapperShadow.png) left bottom no-repeat; }
.bkWettenDassGallery .column .buttonShadowWrapper a { display: block; width: 100%; height: 78px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/howto/buttonToUpload.png) left top no-repeat; }


/*SWITCH */

.bkWettenDassSwitch { width: 822px; height: 176px; padding: 154px 91px 163px 79px; background: url(/bkWettenDassPlugin/images/upload/switchBoxBg.png) left top no-repeat; position: relative; overflow: hidden; }
.bkWettenDassSwitch h1 { position: absolute; left: 210px; top: 27px; width: 647px; height: 40px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/upload/switchBoxH1.gif) left top no-repeat; }
.bkWettenDassSwitch .contentBoxContent { float: left; position: relative; height: 176px; }
.bkWettenDassSwitch .contentBoxContent#boxText { width: 362px; padding: 0 91px 0 0; }
.bkWettenDassSwitch .contentBoxContent#boxVideo { width: 369px; }
.bkWettenDassSwitch .contentBoxContent p { padding: 125px 70px 20px; font-size: 1.1em; line-height: 16px; font-weight: bold; color: #a9a9a9; text-align: center; }
.bkWettenDassSwitch .contentBoxContent img { position: absolute; left: 105px; top: -40px; }
.bkWettenDassSwitch .contentBoxContent .buttonShadowWrapper { position: absolute; left: 55px; top: 190px; width: 270px; height: 78px; background: url(/bkWettenDassPlugin/images/upload/btnWrapperShadow.png) left bottom no-repeat; }
.bkWettenDassSwitch .contentBoxContent#boxText .buttonShadowWrapper a { display: block; width: 100%; height: 56px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/upload/btnUploadText.png) center top no-repeat; }
.bkWettenDassSwitch .contentBoxContent#boxVideo .buttonShadowWrapper a { display: block; width: 100%; height: 56px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/upload/btnUploadVideo.png) center top no-repeat; }

/* UPLOAD */

#uploadBox { padding: 30px 30px 0 25px; width: 937px; height: 485px; background: url(/bkWettenDassPlugin/images/upload/uploadBoxBg.png) left top no-repeat; position: relative; }
#uploadBox h1 { height: 70px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/upload/uploadBoxH1.gif) right top no-repeat; }
#uploadBox .innerLeftColumn { float: left; width: 459px; padding: 52px 0 0; }
#uploadBox .innerRightColumn { float: right; width: 454px; }
#uploadBox .topGroup { padding: 10px 7px 10px 13px; height: 85px; margin: 0 0 45px; }
#uploadBox .innerLeftColumn p, 
#uploadBox .innerLeftColumn ul li { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d3d3d3; }
#uploadBox .innerLeftColumn ul { margin: 0 0 0 13px; }
#uploadBox .innerLeftColumn h2 { font-size: 1.6em; line-height: 18px; height: 25px; padding: 0 0 0 100px; font-weight: normal; color: #d3d3d3; text-transform: uppercase; }
#uploadBox .bottomGroup .contentBoxContent { padding: 25px 7px 15px 13px; height: 80px; }
#uploadBox form { width: 100%; overflow: hidden; }
#uploadBox fieldset { padding: 10px 14px 10px 15px; }
#uploadBox fieldset label { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d3d3d3; display: block; padding: 0 0 5px; }
#uploadBox fieldset label a { color: #d3d3d3; }
#uploadBox fieldset input { width: 405px; height: 15px; font-size: 1.1em; font-weight: bold; line-height: 15px; color: #000; padding: 5px 10px 3px; background-image: url(/bkWettenDassPlugin/images/upload/input425x23Bg.gif); background-color: transparent; background-repeat: no-repeat; background-position: left top; }
#uploadBox fieldset textarea { width: 405px; height: 140px; padding: 5px 10px; font-weight: bold; font-size: 1.1em; line-height: 15px; color: #000; background-color: transparent; background-image: url(/bkWettenDassPlugin/images/upload/textarea425x150Bg.gif); background-position: left top; background-repeat: no-repeat; }
#uploadBox fieldset .formGroup { width: 100%; overflow: hidden; padding: 0 0 10px; }

#uploadBox fieldset .checkboxGroup { padding: 0px; }
#uploadBox fieldset #uploaderContainer { width: 150px; float: left; }
#uploadBox fieldset #selectedFileDisplay { float: left; width: 275px; }
#uploadBox fieldset #selectedFileDisplay input { width: 255px; background-image: url(/bkWettenDassPlugin/images/upload/input275x23Bg.gif); }
#uploadBox a#selectLink { display: block; text-decoration: none; width: 81px; height: 15px; color: #d3d3d3; font-size: 1.1em; line-height: 15px; padding: 3px 15px 5px; font-weight: bold; background: url(/bkWettenDassPlugin/images/upload/filesearchButton.gif) left top no-repeat; }

#uploadBox p#errorMessage { color: #f22835; font-size: 1.1em; font-weight: bold; line-height: 16px; position: absolute; top: 80px; left: 522px; }
#uploadBox fieldset label.error { color: #f22835; }
#uploadBox fieldset label.error a { color: #f22835; }
#uploadBox fieldset input.error { background-position: right top; }
#uploadBox fieldset textarea.error { background-position: left bottom; }

#uploadBox fieldset .checkboxGroup label { float: left; width: 390px; padding: 0 0 5px 5px; }
#uploadBox fieldset .checkboxGroup input { float: left; width: auto; height: auto; background: transparent none; }

#uploadBox .buttonShadowWrapper { float: right; width: 309px; padding: 0 0 22px; background: url(/bkWettenDassPlugin/images/upload/uploadButtonWrapperShadow.png) left bottom no-repeat; }
#uploadBox .buttonShadowWrapper#submitText { padding-top: 60px; }
#uploadBox .buttonShadowWrapper a { display: block; cursor: pointer; width: 309px; height: 56px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/upload/uploadSubmitButton.png) left top no-repeat; }
#uploadBox .buttonShadowWrapper button{ display: block; cursor: pointer; width: 309px; height: 56px; margin: 0; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/upload/uploadSubmitButton.png) left top no-repeat; }

#uploadBox #successBox { padding: 10px 15px; }
#successBox h3 { color: #d3d3d3; text-transform: uppercase; font-weight: normal; font-size: 1.6em; line-height: 18px; margin: 0 0 16px; }
#successBox p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #d3d3d3; }

#uploadBox .videoButtonShadowWrapper { float: right; width: 200px; height: 86px; padding:244px 0 0; margin: 0 auto; background: url(/bkWettenDassPlugin/images/upload/videolistWrapperShadow.png) left bottom no-repeat; }
#uploadBox .videoButtonShadowWrapper a { display: block; width: 100%; height: 56px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/upload/videolistButton.png) left top no-repeat; }


/* LAYER */

#dbnLayer a#closeButton { background: url(/bkWettenDassPlugin/images/upload/closeButton.gif) left top no-repeat !important; width: 24px !important; height: 23px !important; top: 10px !important; right: 10px !important; }
#dbnLayer .contentBox { padding: 10px 0 0; background: url(/bkWettenDassPlugin/images/upload/layerTopBg.gif) left top no-repeat; }
#dbnLayer .contentBox .innerContentBox { padding: 0 0 10px; background: url(/bkWettenDassPlugin/images/upload/layerBottomBg.gif) left bottom no-repeat; }
#dbnLayer .contentBox .innerContentBox .contentBoxContent { padding: 0 15px; background: url(/bkWettenDassPlugin/images/upload/layerBg.gif) left top repeat-y; }

#dbnLayer .boxContent { padding: 15px 0 0; background: url(/bkWettenDassPlugin/images/upload/layerInnerTopBg.gif) left top no-repeat; }
#dbnLayer .boxContent .boxInnerContent { padding: 0 0 15px; background: url(/bkWettenDassPlugin/images/upload/layerInnerBottomBg.gif) left bottom no-repeat; }
#dbnLayer .boxContent .boxInnerContent .boxContentBox { padding: 0 15px; background: url(/bkWettenDassPlugin/images/upload/layerInnerBg.gif) left top repeat-y; }

#dbnLayer #requirementsContent h2 { font-size: 1.6em; line-height: 18px; padding: 0 0 10px; font-weight: normal; color: #fff; text-transform: uppercase; }
#dbnLayer #requirementsContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #a8a8a8; padding: 0 0 18px; }

/* WINNER */

#winnerBox { width: 925px; height: 428px; background: url(/bkWettenDassPlugin/images/winner/winnerBoxBg.png) left top no-repeat; padding: 20px 63px 30px 24px; }
#winnerBox h1 { height: 56px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/winner/winnerBoxH1.gif) right top no-repeat; }
#winnerBox .innerLeftColumn { width: 236px; padding: 153px 0 0 0; float: left; }
#winnerBox .innerLeftColumn .contentBoxContent { padding: 10px 15px; }
#winnerBox .innerLeftColumn .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #ebf0f6; }
#winnerBox .innerRightColumn { width: 674px; float: right; }

#winnerBox .flexcroll { width: 674px; height: 354px; position: relative; overflow: auto; }
#winnerBox .tableWrapper { width: 654px;  }
#winnerBox .tableWrapper table { color:#fff; padding: 15px; }
#winnerBox .tableWrapper table th { border-bottom: 1px solid #1a1a1a; font-size: 13px; padding: 5px 10px; text-align: left; }
#winnerBox .tableWrapper table td { border-bottom: 1px solid #1a1a1a; border-top: 1px solid #676767; font-size: 11px; font-weight: bold; padding: 10px; vertical-align: top; }
#winnerBox .tableWrapper table .last td { border-bottom: 0 }

/* CONGRATULATIONS */
#congratBox { width: 932px; height: 403px; padding: 21px 30px 72px; background: url(/bkWettenDassPlugin/images/congratulations/congratBoxBg.png) no-repeat; position: relative; }
#congratBox h1 { width: 917px; height: 40px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/congratulations/congratBoxH1.gif) no-repeat; }
#congratBox h2 { position: relative; top: 80px; left: 0px; width: 228px; height: 61px; text-indent: -19999px; background: url(/bkWettenDassPlugin/images/congratulations/congratBoxH2.gif) no-repeat; }
#congratBox .contentBoxContent { position: relative; top: 120px; left: 0px; width: 250px; padding: 0 10px; }
#congratBox .contentBoxContent p { font-size: 1.1em; line-height: 16px; font-weight: bold; color: #ebf0f6; }
#congratBox .contentBoxContent a.btnBack { position: relative; top: 50px; left: -20px; display: block; width: 170px; height: 80px; text-indent: -19999px; outline: none; background: url(/bkWettenDassPlugin/images/congratulations/btnBack.png) no-repeat; }
#congratBox img { position: absolute; bottom: -35px; right: 15px; }