/* Element Definitions */

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>
*/





#header-old
{
  width: 770;
  float: left;
}

.float-left {
    float: left;
}

#two-col-layout-left {
    display: block;
    float: left;
	font-family: Verdana;
	font-size: 11px;
	width: 660px;
}

#two-col-layout-right {
    width: 300px;
    float: right;
}

#cat-bottom-bar {
    width: 760px;
    height: 25px;
}

#cat-box {
    padding: 6px 0 0 0px;
}

.media-footerline-left {
     width: 7px;
     height: 29px;
     background: url('http://foto.bihon.ro/@@/bar_bottom_light_le.gif') repeat-x;
}

.media-footerline-right {
     width: 7px;
     height: 29px;
     background: url('http://foto.bihon.ro/@@/bar_bottom_light_ri.gif') repeat-x;
}

.media-headline-title {
    float: left;
}

.media-headline-title h3 {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.media-headline-content {
     /*height: 29px;*/
     vertical-align: middle;
     line-height: 29px;
}

.media-footerline-content {
     height: 29px;
     vertical-align: middle;
     line-height: 29px;
     padding-left: 5px;
     padding-right: 5px;
     background: url('http://foto.bihon.ro/@@/bar_bottom_light_mi.gif') repeat-x;
     overflow: hidden;
}

.media-headline-additional {
    float: right;
    font-size: 10px;
}

.media-header {
    clear: both;
    margin-bottom: 5px;
}

.two-col-header-size {
  width: 636px;
}


/* start content-block styles */



/* end content-block styles */



/* Start Content Block Styles */


.content-header {
    float: left;
    position: relative;
}

.content-box-header {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    height: 18px;
    line-height: 18px;
    padding-left: 18px;
    background-color: #369;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 1px;
}

.content {
    border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor; !important;
}


/* start content-block (cb) styles (pt/content-block.pt), introduced 07/02/06 */
/* header */

.cb-header {
  margin:0; padding:0; height:28px;
}
  .cb-header .cb-header-left {
    width:7px; height:28px;
    /*background: url('http://foto.bihon.ro/@@/bar_top_le.gif') no-repeat left top;*/
    float:left;
  }
  .cb-header-login {
     height:30px;
     width:485px;
     background: url('http://foto.bihon.ro/@@/login-top.gif') no-repeat ;
    float:left;
  }
  .cb-footer-login {
     height:10px;
     width:485px;
     background: url('http://foto.bihon.ro/@@/login-bottom.gif') no-repeat ;
    float:left;
  }
  .cb-body-login {
     width:485px;
     background: url('http://foto.bihon.ro/@@/login-middle.gif') repeat-y;
    float:left;
  } 
  .cb-header .cb-header-content {
     height:28px; overflow: hidden;
    vertical-align: middle; line-height: 28px; float:left;    
  }
  
  .cb-size {
    width:416px; /* override value if needed: box-width - 24px */
  }
    .cb-header .cb-header-content h3 {
      font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
      font-size:18px;
      font-weight:bold;
      float:left;
    }
    .cb-header-login .cb-header-content h3 {
      font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
      font-size:17px;
      font-weight:bold;
      float:left;
      padding-left:10px;
      padding-top:10px;
    }
    
    .cb-header .cb-header-content .cb-header-additional {
      font-size:10px;
      float:right;
    }
    
    .cb-header-additional {
        font-weight:bold;
        font-size:12px !important;
    }
  
  .cb-header .cb-header-right {
    width:7px; height:28px;
    float:left;
  }
/* body */
.cb-body {
  margin:0;
  padding:0;
  clear: both;
}

.cb-body-alternate {
  margin:0;
  padding:0;
  clear: both;
}

/* footer */  
.cb-footer {
  margin:0; padding:0; height:28px;
}
  .cb-footer .cb-footer-left {
    width:7px; height:28px;
    background: url('http://foto.bihon.ro/@@/bar_bottom_light_le.gif') no-repeat left bottom;
    float:left;
  } 
  .cb-footer .cb-footer-content {
    padding:0 5px; height:28px; overflow: hidden;
    vertical-align: middle; line-height: 28px; float:left;    
  }
  
    .cb-footer .cb-footer-content .cb-footer-main {
      font-size:10px;
      float:left;
    }
    
    .cb-footer .cb-footer-content .cb-footer-additional {
      font-size:10px;
      float:right;
    }
  
  .cb-footer .cb-footer-right {
    width:7px; height:28px;
    background: url('http://foto.bihon.ro/@@/bar_bottom_light_ri.gif') no-repeat right bottom;
    float:left;
  }  
/* end content-block-styles */

/* tags box*/

.BlueBoxSingleBorderTitle {
    float:left;
    width:288px;
    height:21px;
    padding-left:5px;
    font-weight:bold;
    font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
}

.BlueBoxSingleBorderHeader {
    height:37px;
    clear:both;
    background: url('http://foto.bihon.ro/@@/BlueBoxSingleBorderTop.jpg') no-repeat;
}

.TagsBoxHeader {
    height:21px;
    clear:both;
}

.BlueBoxSingleBorderContent {
    background: url('http://foto.bihon.ro/@@/BlueBoxSingleBorderMiddle.jpg') repeat-y;
    /*width:300px;*/
}
.BlueBoxSingleBorderBottom {
    background: url('http://foto.bihon.ro/@@/BlueBoxSingleBorderBottom.jpg') no-repeat;
    height:4px;
}

.TagsBoxTitle {
    background-color:#a4a094;
    float:left;
    width:288px;
    height:21px;
    padding-left:5px;
    font-weight:bold;
    font-family:"Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif;
}

.BlueBoxSingleBorderContentPadding {
    padding:0px 2px 0px 2px;
}
.titlecenter {
    margin-top:3px;
} 

.titlecentersingle {
    margin-top:12px;
}

.TagsBoxLeft {
    background: url('http://foto.bihon.ro/@@/left.gif') no-repeat;
    height:21px;
    width:3px;
    float:left;
}

.TagsBoxRight {
    background: url('http://foto.bihon.ro/@@/right.gif') no-repeat;
    height:21px;
    width:3px;
    float:left;
}

/*Online user list CSS, common for all portals*/


.collapsibleBoxInputVideo {
    width: 280px;
    font-size: 12px;
    margin-left:5px;
    border: 1px solid #999999;
}

#onlineUsersTarget a { 
	position: relative;
	padding: 0px 0px 0px 17px;
    font-size: 10px;
    line-height: 15px;
}


#onlineUsersTarget a.girl {
	background: url(http://freunde.vol.at/@@/icon_girl.png) top left no-repeat;
}

#onlineUsersTarget a.boy {
	background: url(http://freunde.vol.at/@@/icon_boy.png) top left no-repeat;
}

#onlineUsersTarget a:hover {
	color: #CC0000;
	text-decoration: underline;
}