/* mac hide\*/
html, body {height:100%
}
/* end hide */
body {
padding:0;
margin:0;
text-align:center;
min-width:777px;/* for mozilla*/
background: #404552;
color: #FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align: center; /* for IE */
background: url(../img/bg.png) repeat;
}
#outer{
height:100%;
min-height:100%;
width:777px;
text-align:left;
margin:auto;
position:relative;
background: url(../img/bg_stretch.png) repeat-y bottom left transparent;
left:0px;
}

html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
float:left;
width:777px;
padding-left:5px;
}
#header{
position:absolute;
top:0;
left:0px;
width:777px;
height:156px; /*70*/
background: url(../img/header.png) no-repeat top left transparent;
overflow:visible;
color: #000000;
z-index:100;
}
#logo{
display:none;
/*background: url(../img/Look4me_logo.png) no-repeat top left transparent;
position:absolute;
left:-20px;
height:120px;
width:100px;*/
}
#bugs{
display:none;
}
#shout{
position:absolute;
top:20px;
left:450px;
color:black;
font-size:18px;
font-weight:bold;
display:none;
}
#shout IMG{ position:relative; top:20px;}
#shout A{color:black; text-decoration:none;}
#shout A:Link{color:black; text-decoration:none;}
#shout A:Visited{color:black; text-decoration:none;}
#shout A:Hover{color:orange; text-decoration:underline;}

#top_menu{
position:relative;
top:0px;
}
#left {
position:relative;/*ie needs this to show float */
width:130px;
float:left;
left:-5px;
padding-top:156px;/*72*//*needed to make room for header*/
padding-bottom:88px;/* needed to make room for footer */
margin-left:35px;
display:none;
}

*html #left{
width:130px;
margin-left:17px;
}
#right {
display:none;
position:relative;/*ie needs this to show float */
width:120px;
float:right;
padding-top:156px;/*72*//*needed to make room for header*/
padding-bottom:88px;/* needed to make room for footer */
}

#footer {
width:777px;
clear:both;
height:88px;
padding-top:15px;
padding-left:15px;
color: #6f802b;
font-size:10px;
text-align:left;
left:0;
bottom:0;
position: absolute;
text-align:center;
background: url(../img/footer.png) no-repeat top left #404552;
}
#footer_buttons{
display:none;
}

#footer SPAN {
position:relative;
top:61px;
margin-left:5px;
}


#footer SPAN.orange{
color:#f4a62a;
}
#footer SPAN.blue{
color:#5a87ab;
}
* html #footer {/*only ie gets this style*/
\height:88px;/* for ie5 */
he\ight:88px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
width:737px;
float:right;
margin-right:25px;
margin-left:15px;
padding-top:160px; /*74*/
padding-bottom:88px;/* needed to make room for footer */
}
*html #centrecontent{

padding-right:0px;
}
#clearfooter {width:100%;height:88px;clear:both} /* to clear footer */

/***** MY CLASSES *******/
.pointerwrapper{
overflow:visible;
color:grey;
background-color:transparent;
width:99%;
height:20px;
display:none;
}
.pointerwrapper A{color:black;text-decoration:none;}
.pointerwrapper A:Link{color:black;text-decoration:none;}
.pointerwrapper A:Visited{color:black;text-decoration:none;}
.pointerwrapper A:Hover{color:black;text-decoration:underline;}

.pointer{
text-align:left;
background-color:transparent;
float:left;
display:block;
width:70%;
}
.imgsize{
float:right;
/*font-size:10px;*/
}

#errors{
border:1px solid red;
background-color:pink;
}
#messages{
border:1px solid green;
background-color:#BFFFE3
}

#page_title{
width:364px;
height:25px;
background: url(../img/title.png) no-repeat top center transparent;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
text-align:center;
position:relative;
top:-1px;
display:none;
}
#title_text{
text-align:center;
position:relative;
font-size:18px;
color:#AECCEF;
top:0px;
font-weight:bold;
}


#debug{
display:block;
/*
position:absolute;
top:100px;
left:5px;*/
background-color:#CCC;
border: 1px solid #333;
width:350px;
text-align:left;
font-size:11px;
}

#led_view{
display:none;
}
#led_create{
display:none;
}
#led_modify{
display:none;
}
#led_delete{
display:none;
}
#avatar{
display:none;
}


/**********MODULES **********/
.module{
display:block;
width:100%;
background:#efefef;
border: #cecece 1px solid;
margin-bottom:5px;

}
.module_header{
color:#000;
padding:2px;
font-size:12px;
font-weight:bold;
background:url(../img/tabel_balk_blue.jpg) repeat top left #efefef;
overflow:auto;
height:100%;
}
.module_header SPAN{
float:left;
}
.module_header IMG{
float:right;
margin-top:2px;
border:none;
display:none;
}
.module_body{
font-size:10px;
padding:3px;
background-color:#FFF;
height:100%;
}
.module_item{
padding:0;
}
.module_item A{color:black;text-decoration:none;display:block;width:100%;padding:0 0 0 2px;}
.module_item A:Link{color:black;text-decoration:none;}
.module_item A:Visited{color:black;text-decoration:none;}
.module_item A:Hover{color:black;text-decoration:underline;}

.module_item A.inactive{color:#999;text-decoration:none;display:block;width:100%;padding:0 0 0 2px;}

.module_item UL{
list-style:none;
margin:0;
padding:0;

}
.module_item UL UL{
margin-left:5px;
}
.module_item:Hover{

}
.module_footer{
}


/* table */
.table{
width:100%;
font-weight:normal;
border-spacing:0;
}
.table CAPTION{
color:white;
background-color:#818181;
font-weight:bold;
text-align:left;
}
.table TH{
color:#818181;
border-bottom:2px solid #818181;
}
.table TH A{color:#818181;text-decoration:none;}
.table TH A:Link,{color:#818181;text-decoration:none;}
.table TH A:Visited{color:#818181;text-decoration:none;}
.table TH A:Hover{color:#8e0016;text-decoration:none;}


.table TR{
background-color:white;
}
.table TR.alternate{
background-color:#F0F0F0;
}
.table TR.alternate TD{
border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;
}

.table TR:Hover TD{background-color:#e2e2e2;}
.table TFOOT TD{
font-weight:bold;
background-color:#CCCCCC;
}

h1{
color:#6f802b;
border-bottom:1px solid #6f802b;
font-size:14px;
font-weight:bold;
}

ul.overview{
background-color:#EEF6FF;
padding:5px 5px 5px 20px;
margin:0px;
border:1px solid #AECCEF;
}

ul.overview li{
background-color:white;
margin:2px 0px 2px 0px;

}
ul.overview li A{
padding:5px 0px 5px 0px;
color:black;
text-decoration:none;
display:block;
}
ul.overview li A:hover{
background-color:#f9fcff;
}
.overflow{
overflow:auto;
}


/**** submenu LI ****/

.menu_level_2 UL{
list-style:none;
margin:0;
padding:0;
display:none;
}

.menu_level_2 UL LI UL{
list-style:disc outside url(../img/bullet.gif);

/*list-style-type: circle*/
}
.menu_level_2 UL LI UL LI A{
padding-left:23px;
color:black;
}
.menu_level_2 UL LI A{
display:block;
color:black;
border-bottom:1px dotted #999999;
text-decoration:none;
padding-left:4px;
padding-top:3px;
padding-bottom:3px;
/*background: url(../img/button.png) no-repeat bottom left transparent;*/
font-weight:bold;
}

.menu_level_2 UL LI UL LI A:Hover{
background:none white;
text-decoration:underline;
}
.menu_level_2 UL LI A:Hover{
/*background: url(../img/button_hover.png) no-repeat bottom left transparent;*/
text-decoration:underline;
}

.menu_level_2 UL LI UL {
padding:0px;
margin:0px;
}

.menu_level_2 UL LI UL LI A{
margin-left:0px;
margin-right:1px;
background-color:white;
background-image:none;
font-weight:normal;
}

.menu_level_2 UL LI UL LI A.active{
background:none white;
color:orange;
}
.menu_level_2 UL LI A.active{
color:black;
/*background: url(../img/button_hover.png) no-repeat bottom left transparent;*/
/*background-color:#6da4d0;*/
}

.tabset{
display:block;
text-align:left;
padding:3px;
border-bottom:1px solid #CCCCCC;
margin-bottom:2px;
}
.tabset A{
border:1px solid #CCCCCC;
background-color:#e9e9e9;
border-bottom:none;
margin-left:1px;
margin-right:1px;
text-decoration:none;
color:black;
padding:2px;
position:relative;
top:1px;
}
.tabset A:Hover{
/*color:#FF5500;*/
background-color:#c3c3c3;
/*background-image:url(../img/tab_hover.png);*/
}
.tabset A.active{
border:1px solid grey;
background-color:white;
border-bottom:1px solid white;
font-weight:bold;
}


/*******profile left *********/
.profile_info{
height:140px;
position:relative;
top:-110px;
}
.profile_image{
text-align:center;
height:100px;
}
.profile_image IMG{
border:3px solid #772f03;
}
.profile_text{
color:#772f03;
padding-left:20px;
padding-right:20px;
}

.age, .gender{
float:right;
}
.foto_dirs{

}
.friends{


/*background: url(../img/friends_bg.jpg) repeat right top black;*/
text-align:center;
overflow:auto;
}
.friends A{
display:block;
float:left;
width:80px;
height:80px;
border:1px solid black;
margin:1px;
}
.friends A IMG{
position:relative;
top:-15px;
}
.friends A:hover SPAN{
color:red;
}
.friends A SPAN{
display:block;
position:relative;
top:60px;
background-color:black;
color:white;
z-index:100;
}

.hide{
display:none;
}

.site_languages{
margin-right:20px;
margin-top:-40px;
float:right;
}
.login{
float:right;
margin-right:7px;
margin-top:10px;
color:black;
font-weight:normal;
display:none;
}
.login A{
color:#5a87ab;
}
.login .miniloginform{
display:none;
}
.period{
position:absolute;
float:left;
margin-left:70px;
margin-top:100px;
color:white;
font-weight:bold;
display:none;
}
.server{
position:absolute;
float:left;
margin-left:100px;
font-size:20px;
font-weight:bold;
color:red;
}


/*****image browser ******/

.imagecontainer80{
width:87px;
display:block;
float:left;
margin-left:7px;
margin-right:6px;
margin-bottom:5px;
text-align:center;
display:table-row;
background: url(../img/imgbox80.png) no-repeat top center transparent;
}
.image80{
display:block;
height:60px;
width:80px;
background-color:#dcdcdc;/*#f4ede2;*/
/*border:1px solid #f4a62a;*/
padding:0px;
margin-top:5px;
margin-left:4px;
}

.image80 IMG{
max-width:80px;
max-height:60px;
}
.imagecontainer96{
width:109px;
display:block;
float:left;
margin-left:7px;
margin-right:4px;
margin-bottom:5px;
text-align:center;
display:table-row;
background: url(../img/imgbox96.png) no-repeat top center transparent;
}
.image96{
display:block;
height:64px;
width:96px;
background-color:#dcdcdc;/*#f4ede2;*/
/*border:1px solid #f4a62a;*/
padding:0px;
margin-top:5px;
margin-left:6px;
}
.image96 IMG{
max-width:96px;
max-height:64px;
}

.imagecontainer120{
width:130px;
display:block;
float:left;
margin-left:10px;
margin-right:10px;
margin-bottom:5px;
text-align:center;
display:table-row;
background: url(../img/imgbox120.png) no-repeat top center transparent;
}
.image120{
display:block;
height:80px;
width:120px;
background-color:#dcdcdc;/*#f4ede2;*/
/*border:1px solid #f4a62a;*/
padding:0px;
margin-top:5px;
margin-left:4px;
}
.image120 IMG{
max-width:120px;
max-height:80px;
}


.imagecontainer80 A, .imagecontainer96 A, .imagecontainer120 A{ position:relative;top:-2px;font-size:10px;color:black;text-decoration:none;}
.imagecontainer80 A:Link, .imagecontainer96 A:Link, .imagecontainer120 A:Link{ color:black;text-decoration:none;}
.imagecontainer80 A:Visited, .imagecontainer96 A:Visited, .imagecontainer120 A:Visited{ color:black;text-decoration:none;}
.imagecontainer80 A:Hover SPAN, .imagecontainer96 A:Hover SPAN, .imagecontainer120 A:Hover SPAN{ color:orange;text-decoration:underline;}


/*****Pages*******/
.pages{
clear:both;
overflow:auto;
margin:2px;
text-align:center;
background: url(../img/box_body.png) repeat-y top center transparent;
}
.pages SPAN.pages_txt{
display:inline-block;
font-weight:bold;
}
.pages A, .pages SPAN.disabled{
color:black;
display:inline-block;
min-width:15px;
height:15px;
background-color:#F0F0F0;
border:1px outset #CCCCCC;
text-align:center;
text-decoration:none;
}
.pages A:Hover{
border:1px inset #CCCCCC;
}

.pages SPAN.disabled{
color:grey;
background-color:#CCCCCC;
}
.pages SPAN.current_page A{
background-color:orange;
border:1px inset orange;
font-weight:bold;
}

.button{
border:1px solid grey;
background-color:#e9e9e9;
text-decoration:none;
color:black;
}
IMG{
vertical-align:middle;
}

BLOCKQUOTE{
border:1px solid #999999/*#f4a62a*/;
background-color:white;

}
.new_messages{
display:none;
}

#sitename{
color:#c1dff4;
font-size:40px;
margin-top:20px;
margin-left:20px;
}