* {
margin:0px;
padding:0px;
font-family:Arial;
font-size:13px;
color:#686868;
outline:none;
}

img {
border:none;
}

a {
text-decoration:none;
}

body {
background-image:url(images/background.gif);
}

ul.navigation {
margin:auto;
width:975px;
height:40px;
background-color:#61b2fa;
}

ul.navigation a {
font-size:15px;
color:#fff;
}

ul.navigation li {
padding:11px;
height:18px;
font-size:15px;
color:#fff;
float:left;
list-style-type:none;
}

ul.navigation li:hover {
background-color:#4c93d1;
}

ul.navigation li.pink {
background-color:#f8529c;
}

ul.navigation li.bold {
font-weight:bold;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.navigation ul {
margin-top:12px;
margin-left:-11px;
visibility:hidden;
position:absolute;
background-color:#61b2fa;
}

ul.navigation ul li {
float:none;
display:block;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
ul.navigation table {
position:absolute;
top:0;
left:0;
border-collapse:collapse;
}

/* make the second level visible when hover on first level list OR link */
ul.navigation li:hover ul, ul.navigation a:hover ul {
visibility:visible;
}

.header {
margin:auto;
width:975px;
height:93px;
background-image:url(images/header.jpg);
}

.main_logo {
margin:auto;
width:450px;
height:172px;
background-image:url(images/main_logo.png);
}

#main {
margin:auto;
margin-top:20px;
padding:15px;
padding-top:30px;
padding-bottom:30px;
width:945px;
background-color:#fff;
}

.input_normal, .input_error {
margin-bottom:15px;
width:572px;
border:2px solid #ebb5b5;
background-color:#ffefef;
}

.input_error {
border:2px solid #cc0000;
}

label {
padding-top:4px;
padding-left:15px;
width:557px;
height:22px;
font-weight:bold;
background-color:#f3d5d5;
display:block;
}

input {
margin-top:11px;
margin-left:15px;
margin-bottom:11px;
font-size:15px;
}

select {
margin-top:11px;
margin-left:15px;
width:180px;
height:21px;
}

textarea {
margin-top:11px;
margin-left:15px;
margin-bottom:11px;
width:400px;
height:80px;
}

.spacer {
margin-left:15px;
width:390px;
height:1px;
background-color:#d3d8d3;
}

.flower {
margin-top:5px;
margin-right:2px;
margin-bottom:5px;
width:56px;
height:49px;
background-image:url(images/flower.png);
float:right;
}

h1 {
margin-bottom:15px;
font-family:Georgia, Arial;
font-size:30px;
font-weight:normal;
color:#83BFFB;
}

h1.title {
margin-bottom:20px;
padding-bottom:5px;
background:url(images/img03.jpg) no-repeat left bottom;
}

h1.short_title {
margin-bottom:20px;
padding-bottom:5px;
background:url(images/img02.jpg) no-repeat left bottom;
}

.red {
color:#cc0000;
}

.green {
color:green;
}

.profile_picture {
margin-top:11px;
margin-left:15px;
float:left;
}

.del_sign {
margin-top:8px;
margin-left:3px;
float:left;
}

#left_main {
margin-right:15px;
width:715px;
float:left;
}

#right_main {
margin-left:15px;
padding-left:15px;
width:169px;
border-left:1px solid #ccc;
float:left;
}

#left {
width:200px;
float:left;
}

#right {
margin-left:15px;
width:500px;
float:left;
}

.left {
float:left;
}

.right {
float:right;
}

.blue {
color:#83bffb;
text-decoration:underline;
}

.blue:hover {
text-decoration:none;
}

/** AUTOCOMPlETE STUFF **/
.suggestionsBox {
margin-top:-8px;
margin-left:15px;
position:relative;
width:176px;
background-color:#f3d5d5;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border:2px solid #f3d5d5;
}
	
.suggestionList li {
padding:3px;
padding-left:5px;
cursor:pointer;
list-style-type:none;
text-align:left;
}
	
.suggestionList li:hover {
background-color:#ffefef;
}

table {
border:1px solid #ddd;
border-collapse:collapse;
}

.message {
margin-bottom:3px;
border:1px solid #ddd;
background-color:#ffefef;
}

.message_header:hover {
background-color:#f3d5d5;
}

.album_images_preview {
margin-top:10px;
}

.user_online_box_head {
padding-top:4px;
padding-left:7px;
height:20px;
font-size:12px;
color:#333;
border-top:1px solid #777;
border-left:1px solid #777;
border-right:1px solid #777;
background-image:url(images/user_online_bg.png);
}

.user_online_box_head:hover {
background-image:none;
background-color:#dfafc9;
}

.user_online_box_content {
border-top:1px solid #777;
border-left:1px solid #777;
border-right:1px solid #777;
line-height:1.5em;
background-color:#ffe9ff;
}

.user_online_box_content a {
font-size:12px;
color:#333;
}

table.user_online {
width:186px;
border:none;
}

table.user_online tr:hover {
background-color:#dfafc9;
}

table.user_online td {
height:25px;
}

/** MAIN CHAT **/
.chat_screen {
margin-left:15px;
padding:2px;
width:533px;
height:250px;
overflow:-moz-scrollbars-vertical;
border:1px solid #cc99cc;
}

.chat_input {
margin-top:5px;
margin-left:15px;
width:497px;
border:1px solid #cc99cc;
float:left;
}

.chat_button {
padding-bottom:2px;
margin-top:4px;
margin-left:5px;
font-size:11px;
height:20px;
}

.user_online_main_chat {
padding:2px;
width:150px;
height:250px;
overflow:-moz-scrollbars-vertical;
border:1px solid #cc99cc;
}