/** HTML ELEMENTS */
* {margin:0; padding: 0}
body {color: white; font-family: Verdana, Arial, Sans; font-size: 12px; margin: 0; padding: 0}
h1 {float:left; margin: 9px 0px 12px 12px; padding: 0;}
h1 a {display: block; height: 110px; text-indent: -9999px; width:246px} /*background: url(../img/logo.png) 0px 0px no-repeat;*/
a {color: #E00E7A; text-decoration: none; outline: none}
a:hover {text-decoration: underline}
input[type=text], input[type=password] {border: none; display: block; height: 20px; margin-bottom: 10px; width: 140px}
label {display: block; margin-bottom: 5px; }
p {margin:0; padding: 0}
div.break {clear:both; height:0px; line-height:1px; font-size:1px;}
iframe {border: none}
/** CLASSES */
.error {color: red}
.small {font-size: 10px}
a.more {display: block; height: 12px; padding-left: 17px; margin-top: 8px;}
a.add-more {
background: url(../img/edit_profile_sprite.png) -728px -44px no-repeat;
color: #5E5E5E;
display: block;
clear: both;
float:left;
line-height: 19px;
margin-left: 10px;
margin-top: 10px;
padding-left: 25px;
text-decoration: none
}
a.add-more:hover {text-decoration: underline}
/** CONTENT WRAP */
div#content {clear:both; margin-left: 221px; margin-bottom: 20px; float: left;}
/** FOOTER */
div#footer {clear: both; color: white; font-size: 10px; margin-left: 221px; margin-bottom: 20px; text-align:center; width: 780px}
div#footer a {color: white; text-decoration: none}
div#footer a:hover {text-decoration: underline}
/** MENUS **/
ul#menu {margin: 0; left: 239px; padding: 0; position: absolute; list-style: none; top: 107px; z-index: 13}
ul#menu li {display: inline; margin:0; padding: 0;}
ul#menu li a {display: block; float:left; height: 23px; text-indent: -9999px;}
body#home ul#menu li a {background: url(../img/home_sprite.old.png) no-repeat;}
body#home ul#menu.phase2 li a {background: url(../img/home_sprite.png) no-repeat;}
body#registration ul#menu li a {background: url(../img/registration_sprite.png) no-repeat;}
body#edit_profile ul#menu.phase2 li a {background: url(../img/edit_profile_sprite.png) no-repeat;}
body#profile ul#menu li a {background: url(../img/profile_sprite.old.png) no-repeat;}
body#profile ul#menu.phase2 li a {background: url(../img/profile_sprite.png) no-repeat;}
body#teams ul#menu li a {background: url(../img/profile_sprite.old.png) no-repeat;}
body#teams ul#menu.phase2 li a {background: url(../img/profile_sprite.png) no-repeat;}
body#cum_particip ul#menu li a {background: url(../img/cum_particip_sprite.old.png) no-repeat;}
body#cum_particip ul#menu.phase2 li a {background: url(../img/cum_particip_sprite.png) no-repeat;}
body#products ul#menu li a {background: url(../img/products_sprite.old.png) no-repeat;}
body#products ul#menu.phase2 li a {background: url(../img/products_sprite.png) no-repeat;}
body#house_of_fun ul#menu li a {background: url(../img/house_sprite.old.png) no-repeat;}
body#house_of_fun ul#menu.phase2 li a {background: url(../img/house_sprite.png) no-repeat;}
body#events ul#menu li a {background: url(../img/events_sprite.old.png) no-repeat;}
body#events ul#menu.phase2 li a {background: url(../img/events_sprite.png) no-repeat;}
body#home ul#menu li#spacer div {background: url('../img/home_sprite.png') -457px 0px;}
body#edit_profile ul#menu li#spacer div {background: url('../img/edit_profile_sprite.png') -457px 0px;}
body#profile ul#menu li#spacer div {background: url('../img/profile_sprite.png') -457px 0px;}
body#products ul#menu li#spacer div {background: url('../img/products_sprite.png') -457px 0px;}
body#teams ul#menu li#spacer div {background: url('../img/profile_sprite.png') -457px 0px;}
body#house_of_fun ul#menu li#spacer div {background: url('../img/house_sprite.png') -457px 0px;}
body#events ul#menu li#spacer div {background: url('../img/events_sprite.png') -457px 0px;}
body ul#menu li#spacer div {margin-left: 346px; width: 320px; height: 23px}
body ul#menu li#home a {background-position: 0px 0px; width: 91px}
body ul#menu.phase2 li#home a {background-position: 0px 0px; width: 91px}
body ul#menu li#events a {background-position: -192px 0px; width:109px}
body ul#menu.phase2 li#events a {background-position: -192px 0px; width:109px}
body ul#menu li#cum_particip a {background-position: -362px 0px; width:115px}
body ul#menu.phase2 li#cum_particip a {background-position: -362px 0px; width:115px}
body ul#menu li#summer2010 a {background-position: -91px 0px; width:150px}
body ul#menu.phase2 li#summer2010 a {background-position: -91px 0px; width:150px}
body ul#menu li#participants a {background-position: -241px 0px; width: 210px;}
body ul#menu.phase2 li#participants a {background-position: -241px 0px; width: 210px;}
body ul#menu li#about-house a {background-position: -451px 0px; width: 133px}
body ul#menu.phase2 li#about-house a {background-position: -451px 0px; width: 133px}
body ul#menu li#registration a {background-position: -620px 0px; width:142px}
body ul#menu.phase2 li#registration a {background-position: -620px 0px; width:142px}
/** LOGIN BOX */
div#sidebar {margin-left: 598px; padding-top: 3px; width: 180px;}
div#login {background: url(../img/home_sprite.png) -606px -23px no-repeat; height: 178px; margin-left: 13px; overflow: hidden; padding-top: 30px; width: 167px}
div#login form {margin-left: 18px;}
div#login h3 {text-indent: -9999px}
div#login a.login {color: #DC0A4D; display: block; font-size: 11px; text-align: right; width: 140px}
div#login label {color: #FFFFFF}
div#login input {
border: none;
display: block;
height: 20px;
margin-bottom: 5px;
width: 140px
}
div#login div.submit input {
background: url(../img/home_sprite.png) -256px -480px no-repeat;
border: none;
cursor: pointer;
font-size:0px;
height: 27px;
line-height: 0px;
margin-left: 70px;
margin-top: 5px;
text-indent: -9999px;
width: 70px;
}
div#login div.image-scroller {margin-left: 32px}
.teams-image-scroller {margin-left: 32px}
div#login a#edit-profile-btn {
background: url(../img/common_sprite.png) -30px 0px no-repeat;
display: block;
float:left;
height: 33px;
margin-top: 7px;
margin-left: 16px;
text-indent: -9999px;
width: 143px
}
div#login a#logout-btn {
background: url(../img/common_sprite.png) 0px -51px no-repeat;
display: block;
float:left;
height: 33px;
margin-top: 7px;
margin-left: 16px;
text-indent: -9999px;
width: 143px
}
div#login h4 {color: #E00E7A; font-weight: normal; line-height: 12px; margin-bottom: 3px; text-align: center}
div#login h4.echipa {background: url(../img/common_sprite.png) 0px -33px no-repeat; font-weight: bold; line-height: 17px; margin-left: 38px; width: 90px}
div#login h4 a {color: #E00E7A}
div#sidebar a.teams_link {float: right; margin-top:10px; margin-left-20px;}
div#sidebar a.teams_link .teams_img {border:none;}
/** IMAGE SCROLLER */
div.image-scroller {float:left;}
div.big {width: 148px}
div.large {width: 256px}
div.image-scroller a.image-scroll {float: left; display: block; width: 14px; height: 28px; margin-top: 16px; text-indent: -9999px; }
div.big a.image-scroll {margin-top: 30px;}
div.large a.image-scroll {margin-top: 57px; width: 22px; height: 44px;}
div.image-scroller a.next-btn {background: url(../img/common_sprite.png) -14px 0px no-repeat; position: relative}
div.image-scroller a.prev-btn {background: url(../img/common_sprite.png) 0px 0px no-repeat; position: relative}
div.image-scroller.large a.next-btn {background: url(../img/common_sprite.png) -208px 0px no-repeat; position: relative}
div.image-scroller.large a.prev-btn {background: url(../img/common_sprite.png) -186px -44px no-repeat; position: relative}
div.image-scroller ul {float:left; list-style: none;}
div.image-scroller ul li {margin:0; padding: 0}
div.image-scroller ul li img {border: 1px solid white}
div.image-scroller div.dot-nav {margin: auto; width: 39px}
div.image-scroller div.dot-nav a.dot-link {background: url(../img/profile_sprite.png) -919px -352px no-repeat; display: block; float:left; height: 9px; margin-right: 4px; text-indent: -9999px; width: 9px}
div.image-scroller div.dot-nav a.dot-link.selected {background-position: -919px -341px}
div.teams-image-scroller {float:left;}
div.teams-image-scroller a.teams-image-scroll {float: left; display: block; width: 14px; height: 28px; margin-top: 32px; text-indent: -9999px; }
div.teams-image-scroller a.teams-next-btn {background: url(../img/common_sprite.png) -14px 0px no-repeat ;}
div.teams-image-scroller a.teams-prev-btn {background: url(../img/common_sprite.png) 0px 0px no-repeat ;}
div.teams-image-scroller ul {float:left; list-style: none}
div.teams-image-scroller ul li {margin:0; padding: 0}
div.teams-image-scroller ul li img {border: 1px solid white}
/** FLASH BACKGROUND */
div#container div#flashbg {height: 700px; position: absolute; top: 0px; left: 0px; width: 1200px; z-index: -1}
a#products-btn {background: url(../img/common_sprite.png) 0px -86px no-repeat; display: block; height: 23px; left: 231px; position: absolute; text-indent: -9999px; width: 177px; z-index: 10}
a#products2-btn {background: url(../img/ab_header.png) 0px 0px no-repeat; display: block; height: 29px; left: 306px; position: absolute; text-indent: -9999px; width: 279px; z-index: 10}
ul#menuHome {margin: 0; left: 320px; padding: 0; position: absolute; list-style: none; top: 80px; z-index: 13}
ul#menuHome li {display: inline; margin:0; padding: 0;}
ul#menuHome li a {display: block; float:left; height: 38px; text-indent: -9999px;}
body#gallery ul#menuHome li a {background: url(../img/x.gif) no-repeat;}
body ul#menuHome li#home a {width: 88px;}
body ul#menuHome li#summer2010 a {width: 154px;}
body ul#menuHome li#participants a {width:232px}
body ul#menuHome li#about-house a {width: 145px}
body#summer2010 ul#menu.phase2 li a {background: url(../img/summer2010/intra_menu.png) no-repeat;}
body#summer2010 ul#menu.phase2 li#summer2010 a {background-position: -91px 0px; width:150px}
body#summer2010 ul#menu.phase2 li#participants a {
background-position:-241px 0;
width:210px;
}
body#summer2010 ul#menu.phase2 li#about-house a {
background-position:-451px 0;
width:133px;
}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 1000px;
background-color: #000000;
z-index:101;
-moz-opacity: 0.5;
opacity: .50;
filter: alpha(opacity=50);
}
.overlay_content {
display: none;
left:50%;
margin-left:-170px;
position:absolute;
top: 130px;
width: 340px;
z-index: 102;
}