html { margin:0; padding:0; width:100%; height:100%;}
body {background:#dcdcdc; width:100%; height:100%; color:#000; text-align:center; margin:0; padding:0; font-size:10pt; font-family: Geneva, Arial, Helvetica, sans-serif;}
#header { margin:0 auto; width:977px; height:250px; background-image:url(http://space2.rol.ro/design/pic/header.png); background-repeat:no-repeat;}
#header_top{ width:957px; height:110px; text-align:left;}
#header_menu{ width:967px; height:27px; clear:both; text-align:center; padding:5px;}
#logo { width:300px; float:left; padding-left:20px; padding-top:0px;}
#header_left{ width:230px; margin-right:50px; height:26px; padding-top:3px; text-align:center; color:#FFFFFF; float:right; background-image:url(http://space2.rol.ro/design/pic/login.png); background-repeat:no-repeat;}
#header_left_under {float:right; clear:right; margin-top:15px;}
img {border:0px;}
a:link {color:#0F3A5C; font-size:13px; text-decoration:none;}
a:visited {color:#0F3A5C; font-size:13px; text-decoration:none;}
a:hover {color: #666666; font-size:13px; text-decoration:none;}
table, td, th {font-size:9pt;}
input {
background:#F6F6F6;
border:1px #000 solid;
font-size:10pt;
color:#000;
}
.inputmain {
background:#fff;
border:1px #000 solid;
font-size:10pt;
color:#000;
}
textarea {
background-color:#F6F6F6;
border:1px #000 solid;
font-size:8pt;
color:#000;
}
.textarea {
background-color:#fff;
border:1px #000 solid;
font-size:8pt;
color:#000;
}
/*########################
MAIN SURR.
########################*/
#outer {
width:775px;
margin-left:auto;
margin-right:auto;
font-size:8pt;
text-align:left;
}
/*########################
INPUT BUTTONS / FORMS
########################*/
.button {
background:#195B85;
color:#fff;
border:1px #fff solid;
font-size:8pt;
cursor:pointer;
}
.button2 {
background:#3E99DA;
color:#fff;
border:1px #fff solid;
font-size:8pt;
cursor:pointer;
}
.input {
background:#E7F2FC;
border-right:2px #344D71 solid;
border-bottom:2px #344D71 solid;
border-top:2px #6689AA solid;
border-left:2px #6689AA solid;
font-size:8pt;
color:#000;
}
.input2 {
background:#B4E9FF;
border:2px #FF0052 solid;
font-size:8pt;
}
.input3 {
background:#000;
border:1px #fff solid;
font-size:8pt;
color:#fff;
}
.input4 {
background:#000;
border:1px #459DCF solid;
font-size:8pt;
color:#fff;
}
/*########################
IMAGES
########################*/
.pic1 { padding:5px; border:1px #cccccc solid; background-color:#FFFFFF; }
.pic1galerie { padding:5px; border:1px #cccccc solid; background-color:#FFFFFF; }
.pic2 { padding:5px; border:1px #dddddd solid; background-color:#DCDCDC;}
.pic2galerie { padding:5px; border:1px #dddddd solid; background-color:#DCDCDC; }
.pic3 { padding:5px; border:1px #dddddd solid; background-color:#FFFFFF; }
.pic4 { /*filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;*/ background-color:#FFFFFF; border:1px #fff solid; }
.pic5 { border:1px #ccc solid; background-color:#FFFFFF; }
.pics1 {
}
.pics4 {
}
.pics2 {
}
.pics3 {
}
.wrap1 {
}
.wrap2 {
}
.wrap3 {
}
.wrap4 {
}
.wrap5 {
}
.wrap5 img {
}
/*########################
TOP AREA
########################*/
#top .top_text a { color:#fff; }
#top .top_text a:hover { color:#54A4DE; }
#top .top_text { color:#fff; }
#top {
background:#195B85;
width:100%;
border-left:1px #D9D9D9 solid;
border-right:1px #D9D9D9 solid;
color:#fff;
}
#top td {
color:#fff;
}
#top input,select {
font-size:8pt;
background:#fff;
color:#000;
}
#top a {
font-size:7pt;
color:#fff;
}
#top a:hover {
font-size:7pt;
color:#fff;
text-decoration:underline;
}
.top2 {
background:#fff;
border-top:10px #E9E9E9 solid;
}
#menu { padding:0; margin:0; padding-top:5px; cursor:pointer;}
#menu a:link { color:#111111; font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration:none; font-weight:bold; padding-left:10px; padding-right:3px;}
#menu a:visited { color:#111111; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none; font-weight:bold; padding-left:10px; padding-right:3px;}
#menu a:hover {color:#666666; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:10pt; text-decoration:none; font-weight:bold; padding-left:10px; padding-right:3px;}
.menu a {
color:#111111;
font-size:9pt;
text-decoration:none;
font-weight:bold;
}
.menu2 { padding:0; margin:0;}
.menu2 a {color:#333333; text-decoration:none; }
.menu2 a:visited {color:#333333; text-decoration:none; }
.menu2 a:hover {color:#333333; text-decoration:none;}
/*########################
MENU LINKS 4
########################*/
.menu4 {
padding:2px;
/* border-top:1px #014E82 solid;
border-left:1px #000 solid; */
border-bottom:1px #014E82 solid;
/*cursor:pointer;*/
font-size:7pt;
font-weight:bold;
}
.menu4-1 {
padding:2px;
border-bottom:1px #195B85 solid;
/*cursor:pointer;*/
font-size:7pt;
font-weight:bold;
}
.menu4-2 {
font-size:7pt;
font-weight:bold;
padding-left:15px;
}
.menu4-4 a {
color:#fff;
}
.menu4-4 a:hover {
color:#fff;
}
/*########################
LOGIN BOX
########################*/
.LoGin1 {background:#fff;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;}
.LoGin2 {background:#195B85;border-left:1px #D9D9D9 solid;border-right:1px #D9D9D9 solid;color:#fff;font-size:8pt;}
/*########################
MENU LINKS 5
MAIN LINKS FOR THE MEMBERS AREA border-bottom:1px #332F2F solid;
########################*/
.menu5border {
}
.menu5 {
font-size:7pt;
color:#fff;
padding-left:5px;
cursor:pointer;
background:#000 url(menu_BG.gif);
}
.menu5c {
font-size:7pt;
color:#fff;
padding-left:5px;
cursor:pointer;
background:#000 url(menu_BG.gif);
}
.menu5a {
background:#000 url(line5red.gif) right;
background-repeat:no-repeat;
text-align:right;
width:24px;
height:41px;
}
.menu5b {
background:#000 url(line5.gif) right;
background-repeat:no-repeat;
text-align:right;
width:24px;
height:41px;
}
.menu5d {
font-size:7pt;
color:#000;
text-align:center;
background:#fff;
}
.menu5e {
font-size:8pt;
color:#fff;
text-align:right;
padding-right:10px;
padding-top:8px;
background:#000;
font-weight:bold;
}
.menu5f {
background:#000;
width:24px;
height:35px;
}
.menu5g {
border:1px #000 solid;
padding:5px;
background:#000;
font-size:7pt;
}
.menu5g2 {
border:1px #000 solid;
padding:5px;
background:#1F1F1F;
font-size:7pt;
}
.menu5 a {
color:#fff;
}
.menu5c a {
color:#fff;
}
.menu5d a {
color:#064D9F;
}
.menu5d a:hover {
color:#000;
}
.menu5g a {
color:#fff;
}
.menu5g2 a {
color:#000;
}
/*########################
MAIN PAGES
########################*/
#main {
font-size:8pt;
color:#000;
}
#music {margin:0 auto; background-image:url(http://space2.rol.ro/design/pic/content_top.gif); background-repeat:no-repeat; background-position: top center; padding:5px; width:967px;}
.main2 {
background:#fff;
border-right:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main3 {
background:#fff;
border-left:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main3-b {
background:#000;
vertical-align:bottom;
}
.main3-a {
background:#fff;
text-align:right;
vertical-align:bottom;
}
.main3-c {
background:#fff;
border-left:1px #D9D9D9 solid;
font-size:7pt;
color:#fff;
}
.main4 {
background:#fff;
border-right:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
.main3 a {
color:#fff;
}
.main3 a:hover {
color:#fff;
text-decoration:underline;
}
#topright {
background:#fff;
border-right:1px #D9D9D9 solid;
font-size:8pt;
color:#000;
}
/*##############################
#topleft - TOP LEFT AREA BLACK SWOSH
A:LINKS - USERNAME
###############################*/
#topleft {
background:#fff url(swosh.gif);
background-repeat:no-repeat;
width:480px;
height:45px;
color:#fff;
border-left:1px #D9D9D9 solid;
}
#topleft a { color:#fff; text-decoration:underline; }
#topleft a:hover { color:#fff; text-decoration:none; }
.page {
color:#fff;
}
.pbar1 {
background:transparent;
}
.pbar2 {
background:#941D31;
}
.pbar3 {
font-size:8pt;
padding:1px;
border:solid #014E82 1px;
}
/*########################
MENUS
########################*/
.mainmenu {
background:#1F1F1F url(line11.gif);
font-size:7pt;
color:#000;
}
.mainmenu2 {
color:#fff;
}
.mainmenu2 a { color:#fff; }
.mainmenu2 a:hover { color:#54A4DE; }
.mainmenu3 {
background:#195B85;
font-size:7pt;
color:#fff;
}
.mainmenu4 {
background:#195B85;
font-size:7pt;
color:#fff;
}
.mainmenu5 {
background:#65CCF3;
font-size:10pt;
font-weight:bold;
color:#000000;
text-transform:uppercase;
}
.mainmenu6 {
border:1px #195B85 solid;
padding:3px;
font-size:8pt;
cursor:pointer;
color:#fff;
background:#2ae;
}
.mainmenu6 a { color:#fff; text-decoration:none; }
.mainmenu6 a:hover { color:#fff; text-decoration:none; }
.mainmenu7 {
border:1px #195B85 solid;
padding:3px;
background:#195B85;
font-size:8pt;
cursor:pointer;
color:#fff;
}
.mainmenu7 a { color:#FFF; text-decoration:none; }
.mainmenu7 a:hover { color:#FFF; text-decoration:none; }
/*########################
SITE MENUS
########################*/
.item {
padding:5px;
cursor:pointer;
font-size:12px;
font-weight:bold;
background:#fff url(line9.gif);
text-transform:lowercase;
}
.item2 {
font-weight:bold;
background:#fff;
font-size:14px;
padding:0;
margin:0;
}
.item3 { }
.item a { color:#195B85; font-weight:bold; text-decoration:none; font-size:14px; padding:0; margin:0; }
.item2 a:visited { color:#195B85; text-decoration:none; font-size:14px; padding:0; margin:0; }
.item2 a:hover { color:#54A4DE; text-decoration:none; background-color: font-size:14px; padding:0; margin:0; }
/*########################
BORDERS
########################*/
.border {
border:1px solid #f1f1f1;
background:#F0F0F0;
}
.border2 { color:#000; background:#ffffff; padding:5px;
}
.border3 { border:0px #95C719 solid; background: #f1f1f1; color:#111111; }
.border4 { border:1px #BDBDBD solid; background:#54A4DE; }
.border4 .color { color:#fff; }
.border4 .sqr { background:#fff; vertical-align:middle; }
.border5 { border:1px #cccccc solid; margin:3px; background-color:#f1f1f1; }
.border6 { border:1px #95C719 solid; background:#2589C5; color:#fff; }
.border7 { border-bottom:1px #98C920 dashed; }
.border8 { background:#F5F5F5; border:1px #000 solid; }
.border9 { background:#fff; color:#000; }
/* USED IN MAIL ALERT */
.border10 { background:#000 url(line10.gif); color:#fff; }
.border11 { border:1px #BDBDBD solid; background:#fff; color:#000; }
/* B-BOARD */
.border12 { background:#fff; color:#000; }
.border13 { color:#000; background-color:#eaebef; }
.border14 { background:#F9F9F9; color:#fff; }
/*########################
TEXT COLORS
########################*/
.color { color:#000; }
.color2 { color:#fff; }
.color3 { color:#ff0000; }
.color4 { color:#000; }
/*########################
BACKGROUNDS & EXTRAS
########################*/
.cur { cursor:pointer; }
.pollinput {
background:transparent;
font-size:7pt;
border:0px;
}
.frame1 { background:#fff; margin:0px; }
.main_frame1 { background:#FFFFFF; margin:0px; }
.link1 a { color:#195B85; }
.link1 a:hover { color:#195B85; text-decoration:underline; }
/* USED IN MAIN MENU SQURE */
.sqr { background:#54A4DE; vertical-align:middle; }
.sqr1
{
background:#54A4DE;
vertical-align:middle;
margin-left: 4px;
margin-right: 3px;
}
/* COMMENT BOX */
.comment {
border:1px #BDBDBD solid;
background:#fff;
color:#000;
}
.comment-text {
color:#000;
font-size:8pt;
}
.comment-headline {
background:#fff;
color:#000;
padding:5px;
font-size:7pt;
}
.comment-head {
background:#195B85;
font-size:7pt;
color:#fff;
padding:5px;
}
.comment-head a { color:#fff; }
.comment-head a:hover { color:#54A4DE; }
/*########################
BOTTOM MENUS
########################*/
#footer { width:977px; padding:5px; margin-top:200px; font-size:7pt; font-weight:bold; background-color:#f0f0f0; text-align:center; color:#fff; background-image:url(http://space2.rol.ro/design/pic/footer.jpg); background-repeat:no-repeat; }
#footer a {color:#111111; font-size:12px;}
#footer a:hover {color:#666666; font-size:12px;}
#bottom4 {
width:100%;
color:#333333;
}
/*########################
FORUM
########################*/
.forum-1 {
background:#EBE9E5;
color:#111111;
font-size:8pt;
}
.forum-2 {
background:#EBE9E5;
color:#111111;
font-size:8pt;
}
.forum-2 a { color:#053A7E; font-size:13px; font-weight:bold; }
.forum-2 a:hover { color:#333333; text-decoration:underline; }
.forum-3 {
border:2px #ffffff solid;
text-align:left;
}
.forum-4 {
border:1px #EBE9E5 solid;
background:#fff;
color:#000;
font-size:9pt;
text-align:left;
vertical-align:top;
}
.forum-q {
background:#F5F5F5;
color:#000;
font-size:8pt;
border:1px #54A4DE solid;
}
/*########################
DROP DOWN MENU
########################*/
#dropmenudiv{
padding:5px;
border:1px #c0c0c0 solid;
background:#1c4c80;
position:absolute;
z-index:100;
font-size:7pt;
text-align:left;
}
#dropmenudiv a {
color:#fff;
}
#dropmenudiv a:hover {
color:#fff;
text-decoration:underline;
}
/*########################
MESSAGES AND ERRORS
########################*/
span.message_message {
background-image: url("/design/pic/message.gif");
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 6px;
}
span.error {
background-image: url("/design/pic/warning.gif");
background-repeat: no-repeat;
padding-left: 20px;
color: #FF0000;
padding-bottom: 6px;
}
span.message_error {
background-image: url("/design/pic/warning.gif");
font-weight: bold;
background-repeat: no-repeat;
padding-left: 20px;
color: #FF0000;
padding-bottom: 6px;
}