﻿body 
{
    height: 100%;
}
/** DIV CONTAINERS */

/** Main wrapper */
#Page 
{
    padding-top: 20px;
    width: 1024px;       
/**    background-color: #5e9fd5; */    
    margin-left: 30px;
    margin-right: auto;
    height: 100%;
}

#PageWrapper 
{
    width: 1000px;       
    clear: both;
    border-top: solid 1px #000; /**#e9376b;        */
    background-color: #fff;
    min-height: 1024px;
}

#Logo 
{
   height: 74px;
   width: 286px; 
   float: left;
   clear: left;
   font-size: xx-large;
   color: #fff;
   font-weight: bold;
   border-right: solid 0px;
   border-color: #fff;
   padding-top: 25px;  
   text-align: center;
   vertical-align: middle;
   background: transparent url(http://www.sexfaktor.no/img/logo.gif) no-repeat;
   
}

/** Linker på toppen stor skrift */
#TopMenuBar 
{
    float: right;        
    clear: right;
    width: 730px;
    background: #000000;
}


#TopMenuBar ul 
{
    margin:0;
	padding: 0px 0px 0px 0px;
	list-style:none;    
	font-size: xx-large;
	color: #fff;
    text-align: center;
}

#TopMenuBar li
{
  display:inline;
  margin: 6px 6px 6px 6px;  
  border-left: solid 0px;
  border-color: #fff;
}

#TopMenuBar a, #TopMenuBar a:link, #TopMenuBar a:visited 
{
    margin: 3px 3px 3px 3px;    
    color: #fff;
    font-size: x-large;
    text-decoration: none;
}


.clearDiv 
{
    height: 30px;
    width: 100%;
    clear: both;   
    z-index: -2;
}

.infoSquare 
{
   background: url('http://www.sexfaktor.no/img/square.gif') no-repeat; 
}

#PictureBoxWrapper 
{
   height: 160px;
   width: 160px;   
   z-index: 2;    
   margin-left: 10px;   
   position: relative;
   top: -65px;
}

#PictureBoxWrapper form 
{
    margin-left: 10px;
}

#PictureBoxWrapper input
{
    margin-top: 5px;
    border: solid 1px;
}


#LeftSideBar 
{
    clear: left;
/*  height: 580px;     */
    background: #fff;    
    float: left;
    width: 200px;
    display: inline-block;
}

#LeftMenuLinks 
{
    padding-left: 10px;
    width: 200px;    
    background-color: #fff;
    color: #f00;   
    clear: left;
    float: left;
    display: block;
}


#LeftMenuLinks ul
{    
    list-style-type: none;    
    margin: 0px;
    padding: 0px;
}

#LeftMenuLinks li
{
    border-left: solid 1px;
    border-top: solid 1px;
    border-right: solid 3px;
    border-bottom: solid 3px;
    border-color: #888;
    display: list-item;
    margin-top: 5px;
    padding: 5px;
}


ul.menuItemsListStyle
{
    list-style-type: none;    
    margin: 0 0 0 10px;
    padding: 0px;
}

.menuItemsListStyle  li
{
    display: list-item;
    margin-top: 5px;  
}

#LeftMenuLinks a, #LeftMenuLinks a:link, #LeftMenuLinks a:visited
{    
    font-size: medium;    
    padding: 0px;
    margin: 0px;
}


#MenuBarTop 
{
    margin-left: 250px;   
    color: #000;  
    position: relative;
    top: 1px;  
    font-family: Arial;
}
#MenuBarTop #MenuBar
{
    float: left;   
}

#MenuBarTop #MenuTopInfoBox 
{
    float: left;
}
#MenuBar ul 
{
    margin:0;
	padding: 0px 0px 0px 0px;
	list-style:none;    
}

/** Unselected */
#MenuBar li
{
  display:inline;
  margin: 0px 5px 0px 0px;
  
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-image: url(http://www.sexfaktor.no/img/tab.gif);
  background-color: #e9376b;  
  height: 30px;
  width: 140px;
  color: #BBBBBB;
  font-weight: bold;
}

#MenuBar a, #MenuBar a:link, #MenuBar a:visited 
{
    margin: 5px 3px 3px 3px;    
    color: #bbb;
    text-decoration: none;
}
#MenuBar .menuItemselected a, #MenuBar .menuItemselected a:link, #MenuBar .menuItemselected a:visited 
{
    margin: 5px 3px 3px 3px;    
    color: #fff;
    text-decoration: none;
}
/** Selected */
#MenuBar .menuItemselected 
{
      background-image: url(http://www.sexfaktor.no/img/pink_tab.gif);
      height: 30px;
      width: 140px;
      background-color: #fff;
/**      color: #e9376b; */
      color: #fff;
      font-weight: bold;
}

#PageContentWrapper 
{
    float: left;
    margin-left: 10px;
    clear: right;
    width: 790px;   
    background-color: #fff;
}

#RandomMembers 
{   
    position: relative;
    top: 10px;
    left: 12px;   
}

#PageContent
{
    float: left;    
    width: 600px;   
    clear: left;
}


#Footer 
{
    padding-bottom: 5px;
    text-align: center;
    font-size: small;
    font-weight: bold;   
    margin-top: 10px;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 1;
    clear:both;
}


#logon 
{
    width: 140px;
    border: 0px;
    padding: 5px;
}

#logon input 
{
    width: 120px;
}


table.EditProperties 
{
    width: 100%;   
}

/** Menulinje med bilder */
#Sidemenu 
{    
    position: relative;
    top: -45px;   
}

#SearchForMember 
{
    height: 105px;
    width: 200px;
    float: right;    
    background: #000000 url(http://www.sexfaktor.no/img/sokbg.gif) no-repeat;
    padding-left: 10px;    
    margin-right: 20px;
    
}
/** IE-HACK */
#SearchForMember form
{
    margin: 0px;
    padding: 0px;
}

#ItemToolbox
{
    float: left;
    width: 30px;    
    text-align: center;
}
#ItemToolbox table
{
    
    text-align: left;
    font-size: small;
}

#ItemToolbox img
{    
    float: left;
    clear: both;
    max-height: 30px;
    max-width: 30px;
}

/** Brukermenyer på venstre side under profil-bilde */
#UserMenuLinks 
{
    min-height: 100px;
    width: 161px;
    margin-left: 10px;
    color: #f00;   
    position: relative;
    top: -62px;

}

#UserMenuLinks ul
{
    list-style-type: none;    
    margin: 0px;
    padding: 0px;
}

#UserMenuLinks li
{    
    /**border-bottom: solid 1px;*/
    border-color: #888;
    display: list-item;
}


/** END Brukermenyer på venstre side under profil-bilde */
/** Current logged in user - Profile picture box*/ 
#PictureBoxWrapper .profilePicture 
{
    width: 150px;
    height: 150px;
    background-color: #fff;
    border: solid 1px;
    border-color: #e9376b;
    overflow: hidden;
    text-align: center;    
}

.rightAlignedSubmit 
{
    clear: both;
    float: right;
}
.float_left
{
    float:left;
}

.float_right 
{
    float:right;   
}

.clear_both 
{
    clear: both;
}