/* RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
a:active{outline:none;}a:focus{outline:none;}

/* GENERAL */
html, body { height:100%; background-color: black; }
body { font-family:tahoma, arial, verdana; font-size:12px; color:white; background:url(../img/bg/bg2.jpg) repeat-x -3px -1px; }
body * { background: no-repeat; background-repeat: no-repeat; }
body a { font-family:arial; color:white; }
.error { color:rgb(150,150,150) }
.succes { color:green; }

/* LAYOUT */
#wrapper { background: url(../img/bg/wrapper2.jpg) no-repeat center -1px; overflow: hidden; width:100%; padding-bottom:0px; height:100%; }
#container { background: url(../img/bg/bg.jpg) repeat left 1500px; overflow: hidden; }
#page { width:960px; margin: 0 auto; }
#page #header { overflow: hidden; position:relative; }
#page #header #logo { width:172px; height:40px; background:url(../img/brand/club-zebra3.png); text-indent:-6000px; float:left; margin-top:5px; margin-top:20px; margin-bottom:10px }
#page #header #nav { clear:left; margin-top:9px; overflow: hidden; float:left; }
#page #header #nav li { float:left; }
#page #header #nav li a { display:block; width:86px; height:47px; text-indent:-6000px; }
#page #header #nav li a.agenda { background-image: url(../img/buttons/agenda.png); }
#page #header #nav li.selected a.agenda { background-image: url(../img/buttons/agenda2.png); }
#page #header #nav li a.about { background-image: url(../img/buttons/aboutus.png); }
#page #header #nav li.selected a.about { background-image: url(../img/buttons/aboutus2.png); }
#page #header #nav li a.forum { background-image: url(../img/buttons/forum.png); margin-left:-15px; }
#page #header #nav li.selected a.forum { background-image: url(../img/buttons/forum2.png); }
#page #header #nav li a.sets { background-image: url(../img/buttons/sets.png); }
#page #header #nav li.selected a.sets { background-image: url(../img/buttons/sets2.png); }
#page #header #nav li a.gallery { background-image: url(../img/buttons/gallery.png); }
#page #header #nav li.selected a.gallery { background-image: url(../img/buttons/gallery2.png); }
#page #header #nav li a.archive { background-image: url(../img/buttons/archive.png); }
#page #header #nav li.selected a.archive { background-image: url(../img/buttons/archive2.png); }
#page #header #nav li a.menu { background-image: url(../img/buttons/menu.png); }
#page #header #nav li.selected a.menu { background-image: url(../img/buttons/menu2.png); }

#page #header #top-banner { position:absolute; top:5px; right:0px; }

#page #header .user { padding:10px; background-color: black; float:right; position:absolute; bottom:0px; margin-top:23px; color:#0178ee; right:0; text-align:right; }
#page #header .user a { text-decoration:none; }
#page #header .user a:hover { color:#b10247 }

#Header div.forumuser { padding:10px; background-color: black; float:right; margin-top:23px; color:#0178ee; position:Absolute; right:0; z-index:9999; font-family:tahoma; z-index:999; text-align:right; margin-top:77px; }
#Header div.forumuser a { text-decoration:none; }
#Header div.forumuser a:hover { color:#b10247 }
#Body #login input.text { width:100px }
#Header #top-banner { position:absolute; right:0px; top:5px; }

#page #banners { clear:both; }
#page #banners .banner { width:300px; height:150px; float:left; margin-right:23px; text-align:center; }
#page #banners #banner-right { margin-right:0; }

#page #main .heading { font-size:12px; font-weight:bold; background-color: black; padding:15px 10px; margin-top:10px; margin-bottom:10px; }
#page #main .heading .date { font-size:11px; font-weight: normal; }

#page #main #primary { padding:10px; }

#page #footer { background-color: black; padding:15px 10px; overflow: hidden; margin-top:20px; clear: both; }
#page #footer .copy { float:right; color:white !important; margin-top:10px; }
#page #footer .copy span { font-weight:bold; color:white !important; }

#page .traffic { margin-top:10px; float:left; clear:left; margin-bottom:10px; margin-left:10px; }
#page #footer .social { float:left; }
#page #footer .social .skype { position:relative; top:2px; }
#page #footer .social .yahoo { position:relative; top:-8px; }

#page .social { margin-top:0px; margin-bottom:10px; }

#page #main .title { color:#0178ee; }
#page #main .title a { color:#0178ee; text-decoration: none; }
#page #main .date { color:#b10247; }

.developer { display:block; float:right; text-indent:-6000px; background:url(../img/brand/arosca.png); margin-right:10px; width:65px; height:25px; margin-top:10px; }

#page form.default fieldset { margin:0; padding:0; }
#page form.default legend { color:#b10247; font-weight:bold; padding:5px; padding-left:0; }
#page form.default p { margin-bottom:3px; clear:left; }
#page form.default p.dateselect select { width:60px !important; }
#page form.default label { width:70px; float:left; position:relative; top:4px; }
#page form.default input { padding:3px; border: solid 1px rgb(30,30,30); color:white; background-color: black; }
#page form.default input#date { background: url(../img/icons/calendar.png) no-repeat 188px 2px black; }
#page form.default input.submit { margin-left:70px; background-color: #b10247; border: none; }
#page form.default .options { padding-left:70px; }
#page form.default .options a { margin-right:5px; text-decoration: none; }
#page form.default .options a:hover { color:#0178ee }
#page form.default select { background-color: black; color:white; border:solid 1px rgb(30,30,30); padding:3px; }
#page form.default select option { background-color: black; color:white;  }
#page form.default fieldset.music { margin-bottom:5px; overflow: hidden; }
#page form.default fieldset.music p { margin-top:5px; float:left; clear:left; }
#page form.default fieldset.music p label { top:0; }
#page #login { font-size:12px !important; }
#page #login p.error { margin-left:70px; color:red; }
#SiteContainer #login { margin-top:40px; }
#SiteContainer form { background-color: black; padding:5px; }

body #page #main a.expand { text-align: center; float:right; }
body #page #main a.expand { font-size:12px; padding:5px;  color:#b10247; font-weight:bold; text-decoration: none; }
body #page #main a.expand:hover { background-color: #b10247; color:black; }

body #page #main ul.contests { overflow: hidden; clear: both; }
body #page #main ul.contests li { float:left; overflow: hidden; background-color: black; width:480px; overflow: hidden; padding-bottom:30px; position: relative; }
body #page #main ul.contests li .container { margin:10px; padding:10px; float:left; background-color: #111; overflow: auto; height:230px; width:440px; }
body #page #main ul.contests li .visual { float:left; margin-right:10px; }
body #page #main ul.contests li .title { font-weight:bold; color:white; font-size:14px; margin-bottom:10px; }
body #page #main ul.contests li a.more { color:#b10247; position: absolute; right:10px; bottom:3px; font-weight:bold; text-decoration: none; padding:10px; }
body #page #main ul.contests li a.more:hover { background-color: #b10247; color:black; }
body #page #main ul.contests li.bis { background-color: #111; }
body #page #main ul.contests li.bis .container { background-color: black; }

body #page #main ul.events li .social { float:left; clear:left; width:225px; text-align:center; padding-top:10px }
body #page #main ul.events li .social a { margin:0 !important;}
body #page #main ul.events li .social a.yahoo { position:relative; top:5px; margin-left:10px; }
body #page #main ul.events li .social a.friend { font-size:10px; font-weight:bold !important; text-decoration:none; padding:2px; background-color:#5e77aa; border:solid 1px #1a356e; }
body #page #main ul.events li .social .fb_share_count_nub_right { display:none !important; }
body #page #main ul.events li.default .social { width:100%;}

/** USER **/
body#user #page #main #primary { padding:5px 10px; background-color: transparent; width:460px; float:left; }
body#user #page #main #secondary { padding:5px 10px; background-color: transparent; width:460px; float:right; }

body#user.register form.default legend { padding-left:120px; }
body#user.register form.default fieldset.music label { width:240px; }
body#user.register #page #main #secondary form.default .options { padding-left:120px;   }
body#user.register form.default label { width:120px;}
body#user.register form.default input.submit { margin-left:120px; }
body#user.register form.default input.text { width:200px; }
body#user.register form.default select { width:208px; }
body#user.register form.default .error { width:200px; margin-left:120px; }
body#user.register form.default .notice { width:300px; }
body#user.register form#login .error {  margin-left:120px; color:#666; }

body#user.edit form.default { margin:0 auto; width:350px; }
body#user.edit .succes { text-align:center; padding-bottom:20px; }

body#user.recommend #wrapper { background-image:none !important; }
body#user.recommend #wrapper #main { background-image:none !important; }
body#user.recommend #wrapper form.default { padding:20px; }
body#user.recommend #wrapper form.default label { width:200px; }
body#user.recommend #wrapper form.default input.text { width:150px;  }
body#user.recommend #wrapper form.default input.submit { margin-left:100px; }
body#user.recommend #wrapper p.succes { padding-top:50px; text-align:center !important; width:390px; }


/** HOMEPAGE **/
body#homepage #page #main ul.events { overflow: hidden;}
body#homepage #page #main ul.events li { overflow: hidden; margin-bottom:10px; background-color: black; width:960px; }
body#homepage #page #main ul.events li .head { padding:10px; background-color:#111; position:relative; }
body#homepage #page #main ul.events li .container { padding:10px; }
body#homepage #page #main ul.events li .title { font-size:14px; }
body#homepage #page #main ul.events li .date { color:#b10247; }
body#homepage #page #main ul.events li .visual { border:solid 10px #111111; width:200px; overflow: hidden; margin:0 auto; margin-bottom:10px; }
body#homepage #page #main ul.events li .visual a { display: block; overflow: hidden; }
body#homepage #page #main ul.events li .visual img { float:left; }

body#homepage #page #main ul.events li a.reservation { float:right; font-size:12px; padding:7px;  color:#b10247; font-weight:bold; text-decoration: none; }
body#homepage #page #main ul.events li a.reservation { background-color: #0178ee; color:white; }
body#homepage #page #main ul.events li .container { margin-top:10px; text-align: center; clear:both; overflow: hidden; }
body#homepage #page #main ul.events li.player .visual { float:left; margin: auto; }
body#homepage #page #main ul.events li.player .video { width:700px; text-align: center; float:right; }

body#homepage #page #main ul.enum li { padding:10px; border-bottom:solid 1px black; overflow: hidden; background: url(../img/bullets/dots.gif) no-repeat 945px 20px #111; overflow: hidden; cursor: pointer; }
body#homepage #page #main ul.enum li .date { float:left; width:100px; }
body#homepage #page #main ul.enum li .title { float:left; }
body#homepage #page #main ul.enum li .poster { display:none; }

#easyTooltip { padding-left:30px;  }
#easyTooltip img{ background:#fff; padding:1px; border:1px solid #e1e1e1; float:left; margin-right:10px; }

/** GALLERY **/
body#gallery #page #main ul.events li { margin-bottom:10px; background-color: black; }
body#gallery #page #main ul.events li .head { padding:10px; background-color: #111111; }
body#gallery #page #main ul.events li .body { padding:10px; overflow: hidden; }
body#gallery #page #main ul.events li .body .visual { width:200px; overflow: hidden; margin:0 auto; }
body#gallery #page #main ul.events li .body .visual img { width:200px; float:left; }
body#gallery #page #main ul.events li .visual { border:solid 10px #111111; width:200px; overflow: hidden; margin:0 auto; margin-bottom:10px; }
body#gallery #page #main ul.events li .player .visual { float:left; }
body#gallery #page #main ul.events li .player .video { width:700px; text-align:center; float:right; }
body#gallery #page #main ul.events li .player .video object {  }
body#gallery #page #main ul.events li div.thumbs { padding:10px; background-color: #111111; overflow: hidden; }
body#gallery #page #main ul.events li div.thumbs ul li a img { border:solid 1px #666666 }
body#gallery #page #main ul.events li div.thumbs ul li a:hover img { border:solid 1px #DADADA }
body#gallery #page #main ul.events li div.thumbs ul li.load { display:block; }
body#gallery #page #main ul.events li div.thumbs ul li.hidden { display:none; }
body#gallery #page #main .social { margin-left:0; padding-left:0; }

/** ARCHIVE **/
body#archive #page #main ul.events { overflow: hidden; }
body#archive #page #main ul.events li { margin-bottom:10px; background-color: black; width:400px; float:left; }
body#archive #page #main ul.events li .head { padding:10px; background-color: #111111; overflow: hidden; height:30px; }
body#archive #page #main ul.events li .body { padding:10px; overflow: hidden; height:300px; }
body#archive #page #main ul.events li .body .visual { width:200px; overflow: hidden; margin:0 auto; }
body#archive #page #main ul.events li .body .visual img { width:200px; float:left; }
body#archive #page #main ul.events li div.thumbs { background-color: #111111; overflow: hidden; }
body#archive #page #main ul.events li div.thumbs ul { padding:2px; }
body#archive #page #main ul.events li div.thumbs ul li { float:left !important; clear: none; width: 62px; overflow:hidden; margin:2px; }
body#archive #page #main ul.events li div.thumbs ul li a img { border:solid 1px #666666 }
body#archive #page #main ul.events li div.thumbs ul li a:hover img { border:solid 1px #DADADA }
body#archive #page #main ul.events li.bis { background-color: #111111; }
body#archive #page #main ul.events li.bis .head { background-color: black; }
body#archive #page #main ul.events li.bis .thumbs { background-color: black; }
body#archive #page #main ul.events li div.thumbs ul li.load { display:block; }
body#archive #page #main ul.events li div.thumbs ul li.hidden { display:none; }

body #page #main ul.years { overflow:hidden; margin-bottom:10px; }
body #page #main ul.years li { float:left; margin-right:5px; }
body #page #main ul.years li a { padding:5px; background-color:#111; display:block; text-decoration:none; }
body #page #main ul.years li.selected a { background-color:#b10247 }

/** EVENT **/
body#event #page #main { overflow: hidden; }
body#event #page #main p.visual img { width:200px; float:left; border:solid 10px #111111; }
body#event #page #main.novideo ul.pictures { width:540px; float:right; overflow: hidden; padding:0; clear:none; margin-right:15px; }
body#event #page #main ul.pictures { clear:both; overflow: hidden; padding-left:40px; }
body#event #page #main ul.pictures li { float:left; margin-right:5px; margin-bottom:5px; }
body#event #page #main ul.pictures li a img { border:solid 1px #666666 }
body#event #page #main ul.pictures li a:hover img { border:solid 1px #DADADA }

body#event #page #main .heading { font-family:arial; font-weight:normal; font-size:14px; }
body#event #page #main div.video { width:700px; float:right; text-align:center; padding-bottom:20px; }
body#event #page #main .body { clear:both; text-align:center; padding:10px; }
body#event #page #main.novideo .body { float:left; clear:none; width:540px; }

body#event.reservation #page #main .visual { float:right; }
body#event.reservation #page #main .body { width:550px; float:left; margin-left:20px; clear:none; text-align:justify }
body#event.reservation #page #main .body #login { margin:0 auto; width:250px; }
body#event.reservation #page #main .body .notice { text-align:center; margin-bottom:10px; }

body#event.reservation #page #main div.body { float:left; margin:0; }
body#event.reservation #page #main table.default td { padding:5px; border:solid 1px rgb(30,30,30); }
body#event.reservation #page #main table.default thead tr { background-color:#111; }
body#event.reservation #page #main table.default thead tr td { font-weight:bold; }
body#event.reservation #page #main form.res p.message { background-color:#111; padding:5px; }
body#event.reservation #page #main form.res p.message label { display:block; float:none; font-weight:bold; margin-left:25px; margin-bottom:10px; }
body#event.reservation #page #main form.res p.message textarea { background-color:black; color:white; padding:5px; width:525px; border:solid 1px rgb(30,30,30) }
body#event.reservation #page #main form.res input.submit { float:right; }
body#event.reservation #page #main form.res p.error { color:red; text-align:center; }

/** SETS **/
body#sets #page #main #primary { width:640px; float: left; margin-bottom:10px; background-color: black; }
body#sets.loggedIn #page #main #primary { width:auto; float: none; margin-bottom:10px; }
body#sets #page #main #primary ul.sets { padding-top:5px; border-top: dotted 1px #666; }
body#sets #page #main #primary ul.sets li .title { float:left; font-weight:bold; color:#666; }
body#sets #page #main #primary ul.sets li { color:#666; overflow: hidden; padding-bottom: 5px; margin-bottom:5px; border-bottom: dotted 1px #666; }
body#sets #page #main #primary ul.sets li .expand { float:right; }
body#sets #page #main #primary .notice { color:#b10247; font-weight:bold; text-align: center; margin-bottom:5px; }

body#sets #page #main #secondary #login { float:right; margin-bottom:10px; width:250px; }

/** CONTEST **/
body#contest #page #main { overflow: hidden; }
body#contest #page #main #primary { float:left; width:560px; background-color: black; overflow: hidden; }
body#contest.loggedIn #page #main #primary { width:auto; float: none; margin-bottom:10px; }
body#contest #page #main #primary .title { font-size:14px; font-weight:bold; margin:10px; margin-top:0; margin-left:0; }
body#contest #page #main #primary p.visual { margin-right:10px; float:left; }
body#contest #page #main #primary p.visual a img { border:solid 10px #111111; }
body#contest #page #main #primary form.default { margin-top:10px; }
body#contest #page #main #primary form.default textarea { background-color: white; width:99%; height:70px; border:solid 1px #666; float:right; margin-bottom:10px; padding:3px; color:#666; font-family:arial; }
body#contest #page #main #primary form.default textarea { background-color: #111; border:solid 1px #666; color:white; color:rgb(150,150,150); }
body#contest #page #main #primary form.default input.submit { float:right; }
body#contest #page #main #primary form.default .error { color:Red; }
body#contest #page #main #secondary { float:right; width:210px; padding-top:35px; }

/** ABOUT **/
body#about #page #main { padding-top:10px; overflow: hidden; }
body#about #page #main .primary { background-color: black; width:460px; float:left; background-color: black; padding:10px; overflow: hidden; }
body#about #page #main .primary ul { margin-bottom:10px; }
body#about #page #main .primary p { margin-bottom:10px; }
body#about #page #main .primary ul li { list-style:square; margin-left:15px; }
body#about #page #main .secondary { background-color: black; width:460px; float:left; background-color: #111; padding:10px; padding-bottom:10px; overflow: hidden; }
body#about #page #main .secondary ul.pictures li { float:left; margin:10px; margin-top:0px; margin-left:8px; }
body#about #page #main .secondary ul.pictures li a img { border:solid 5px rgb(50,50,50); }
body#about #page #main .secondary ul.pictures li a:hover img { border:solid 5px rgb(100,100,100); }
body#about #page #main .secondary ul.pictures li.bis { margin-right:0; }
body#about #page #main .full { margin:10px 0 10px 0; clear:both; float:left; background-color: #111 !important; overflow: hidden; width:960px; }
body#about #page #main .full { background-color: #111; margin-top:10px; clear:both; }
body#about #page #main .full .title { font-weight:bold; margin-bottom:10px; margin-left:70px; }
body#about #page #main .full form.default textarea { background-color: #111; border:solid 1px #666; color:white; width:290px; height:80px; padding:5px; color:rgb(150,150,150); }
body#about #page #main .full form.default .error { margin-left:70px; width:390px; }
body#about.loggedIn #page #main div.contact .primary { width:960px; }
body#about.loggedIn #page #main div.contact .primary form textarea { width:690px; }
body#about #page #main ul.contests { margin-top:10px; float:left; overflow:hidden; width:960px; }

body#about #page #main .details { padding:10px; width:940px; }

/** MENU **/
body#menu #page #main #primary { padding:0; }
body#menu #page #main ul.categories li { margin-bottom:20px; }
body#menu #page #main ul.categories li .category { background-color:#b10247; padding:5px; }
body#menu #page #main ul.categories li ul.products li { padding:5px; background-color:#111; margin:5px 0 5px 0; }
body#menu #page #main ul.categories li ul.products li .container { overflow:hidden; }
body#menu #page #main ul.categories li ul.products li .product { float:left; color:#0178ee }
body#menu #page #main ul.categories li ul.products li .price { float:right; }
body#menu #page #main ul.categories li ul.products li .visual { display: none; }
body#menu #page #main div.description { text-align:center; padding:10px; margin-bottom:10px; }
body#menu #page #main div.description ul.pictures { margin-bottom:10px; }
body#menu #page #main div.description ul.pictures li { display: inline; marginleft:5px; margin-right:5px; }