body {
background: url('../images/background.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
margin: 0px 0px 0px 0px;
}
div#header {
background: url('../images/header.png');
background-repeat: repeat-x;
width: 100%;
height: 51px;
}
div#login {
background: url('../images/bg_login.png');
background-repeat: no-repeat;
width: 970px;
height: 600px;
margin-left: auto;
margin-right: auto;
}
div#logo {
width: 970px;
margin-left: auto;
margin-right: auto;
}
img#logo
{
float: left;
position:absolute;
top: 2px;
clear: both;
display: block;
}
img#icons
{
float: right;
position: relative;
top: 6px;
display: block;
}
div#under {
width: 970px;
margin-left: auto;
margin-right: auto;
}
img#banner_ontop {
float: left;
margin-top: -9px;
display: block;
}
img#banner_cframe {
float: right;
margin-top: -9px;
display: block;
}
div#fb_login {
text-align: right;
position: absolute;
width: 600px;
margin-top: 8px;
display:block;
}
div#content {
width: 970px;
margin-left: auto;
margin-right: auto;
}
div#sx {
float: left;
top: 100px;
width: 485px;
vertical-align: top;
display: block;
position: absolute;
}
div#dx {
float: left;
top: 14px;
width: 485px;
vertical-align: top;
display: block;
position: relative;
left: 485px;
}
div#index {
background-color: #FFFFFF;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 12px;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
width: 448px;
line-height: 18px;
}
div#didascalia {
background-color: #5a74cf;
padding: 12px;
font-family: Tahoma, Arial;
font-size: 12px;
color: #FFFFFF;
width: 427px;
line-height: 18px;
border: 5px solid #FFFFFF;
}
div#vertical_space{
padding: 6px;
}
div#fb_box {
background-color: none;
font-family: Tahoma, Arial;
font-size: 12px;
color: #FFFFFF;
width: 460px;
}
div#header_media {
background-color: #FFFFFF;
padding: 12px;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
width: 461px;
}
div#header_fblike {
position: absolute;
background-color: none;
width: 200px;
margin-top: -17px;
margin-left: 264px;
}
div#header_buzz {
position: absolute;
background-color: none;
width: 200px;
margin-top: -18px;
margin-left: 200px;
}
div#header_gpluse {
position: absolute;
background-color: none;
width: 50px;
margin-top: -16px;
margin-left: 192px;
}
div#index_video {
background-color: #e5e7ee;
padding-top: 6px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 12px;
font-family: Tahoma, Arial;
font-size: 12px;
color: #333333;
width: 438px;
line-height: 18px;
border: 5px solid #dddddd;
}
div#multimedia {
background-color: #FFFFFF;
padding: 12px;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
width: 461px;
}
div#fb_comments {
background-color: none;
padding: 12px;
width: 461px;
}
#miniatura {
float: left;
height: 130px;
border: 4px solid #e5e7ee;
margin-top: -135px;
margin-left: 245px;
}

img#thumb {
background-color: #FFFFFF;
padding: 2px;
border: 12px solid #e5e7ee;
width: 123px;
vertical-align: middle;
}
img#bookmarks{
float: left;
position: relative;
bottom: 4px;
}
div#vertical_space{
padding: 6px;
}
div#footer
{
font-family: Tahoma, Arial;
font-size: 12px;
color: #666666;
line-height: 18px;
}
div#note
{
font-family: Tahoma, Arial;
font-size: 11px;
color: #898989;
line-height: 14px;
padding-top: 5px;
}
div#login_middle{
background: url('../images/div_middle.png');
background-repeat: repeat-y;
width: 475px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 15px;
font-family: Tahoma, Arial;
font-size: 14px;
color: #272727;
padding-top: 20px;
}
div#login_bottom{
background: url('../images/div_bottom.png');
background-repeat: no-repeat;
width: 475px;
height: 42px;
padding-left: 20px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;

}
#field {
background-color: #dddddd;
border: 3px solid #dddddd;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
}
input#button {
background-color: #c6031c;
border: 3px solid #c60e1c;
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
img#logoforum{
float: left;
position: relative;
margin-left: -3px;
padding-top:13px;
}
img#logomobile{
float: left;
position: relative;
margin-left: 6px;
padding-top:13px;
}

div#alert {
background: url('../images/opacity.png');
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0px;
left 0px;
z-index: 1;
position: absolute;
}

div#noscript {
background-color: #FFFFFF;
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
width: 100%;
height: 100%;
top: 0px;
left 0px;
z-index: 1;
position: absolute;
font-family: Tahoma, Arial;
font-size: 23px;
color: #c60e1c;
font-weight: bold;
}

div#account {
background: url('../images/opacity.png');
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0px;
margin-left: auto;
margin-right: auto;
z-index: 1;
position: absolute;
font-family: Tahoma, Arial;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
}

div#message {
background: url('../images/opacity.png');
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0px;
left 0px;
z-index: 1;
position: absolute;
}

div#edit {
background: url('../images/opacity.png');
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0px;
left 0px;
z-index: 1;
position: absolute;
display: none;
}

div.bg_fixed {
background: url('../images/opacity.png');
background-repeat: repeat;
width: 100%;
height: 100%;
top: 0px;
left 0px;
z-index: 1999;
position: fixed;
}

a{ text-decoration: none; color: #5a74cf; }
a:hover { text-decoration: underline; color: #272727; }
a:visited { }
a:active { }

a.footer { text-decoration: none; color: #5a74cf; }
a.footer:hover { text-decoration: none; color: #141414; }
a.footer:visited { }
a.footer:active { }

a.white { text-decoration: none; color: #000000; }
a.white:hover { text-decoration: none; color: #FFFFFF; }
a.white:visited { }
a.white:active { }

img#banner {
width: 424px;
border: 2px solid #FFFFFF;
}

img#icon_user {
height: 26px;
margin-right: 5px;
}

div#small {
font-size: 11px;
}

div.book {
width:889px;
height:450px;
background: url('../images/div_photobook1.png');
background-repeat: no-repeat;
margin-left:auto;
margin-right:auto;
}
div.book img.close {
float:right;
border:none;
width:36px;
height:28px;
margin-top:22px;
margin-right:25px;
}
div.book .top {
text-align:left;
padding-top:75px;
padding-left:20px;
width:490px;
font-family:arial,helvetica;
font-size:14px;
line-height:18px;
}
div.book .gray {
font-family:arial,helvetica;
font-size:14px;
color:#DDDDDD;
}
div.book a.red {
color: #ec3e10;
text-decoration:none;
}
div.book a:hover.red {
color: #ec3e10;
text-decoration:underline;
}
div.book a.blue {
color: #00adef;
text-decoration:none;
}
div.book a:hover.blue {
color: #00adef;
text-decoration:underline;
}
div.book a.dark {
color: #5c5c5c;
text-decoration:none;
}
div.book a:hover.dark {
color: #5c5c5c;
text-decoration:underline;
}
div.book .footer {
text-align:left;
padding-top:80px;
padding-left:20px;
width:400px;
color:#666666;
font-family:arial,helvetica;
font-size:11px;
line-height:16px;
}
.photobook_input {
background-color: #f7f7f7;
border: 3px solid #dddddd;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
outline: none;
}
.photobook_input:focus {
background-color: #ffffff;
border: 3px solid #ffffff;
}
.photobook_textarea {
background-color: #f7f7f7;
border: 3px solid #dddddd;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
overflow-y: hidden;
resize:none;
outline: none;
}
.photobook_textarea:focus {
background-color: #ffffff;
border: 3px solid #ffffff;
}
.photobook_button {
background-color: #dddddd;
border: 3px solid #dddddd;
font-family: Tahoma, Arial;
font-size: 12px;
color: #272727;
}
.videolink_box {
position:fixed;
top:75px;
right:-1px;
background-color:#fff;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
width:auto;
height:auto;
padding:8px 5px 5px 8px;
-moz-box-shadow:2px 3px 5px #999;
-webkit-box-shadow:2px 3px 5px #999;
box-shadow:2px 3px 5px #999;
}
.videolink_box img {border:none;}
.video_box {
position:fixed;
top:130px;
right:-1px;
background-color:#fff;
border-top: 3px solid #ddd;
border-left: 3px solid #ddd;
border-bottom: 3px solid #ddd;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
width:160px;
height:auto;
padding:8px 5px 5px 8px;
-moz-box-shadow:2px 3px 5px #999;
-webkit-box-shadow:2px 3px 5px #999;
box-shadow:2px 3px 5px #999;
font-size:11px;
font-family:Arial;
color:#333333;
line-height:18px;
z-index:1900;
}