/* 

############################################################################################################################

# This file contains all classes for the maingroup `men`

# Read the comments before you make any changes!

# © ontwerplijn|nl

############################################################################################################################

*/

/* The first classes are defined for the FIRST page in the `men` section wich contains the latest news */

/*
.items {
 width: 418px;
}

.item {
 position: relative;
 width: 418px;
 height: 100px;
 margin-bottom: 25px;
}

.itemimage {
 float: left;
 width: 145px;
 height: 100px;
 border: 1px solid #FFFFFF;
}

.itemimage image {
 width: 145px;
 height: 100px;
}

.itemcontent {
 float: right;
 width: 256px;
 height: 72px;
 color: #FFFFFF;
}

.itemcontent h3.itemtitle { 
 margin: 0px;
 color: #019fc6;
 font-size: 9pt;
}

h3.itemtitle a {
 color: #05bdeb;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-decoration: none;
}

.itemlink {
 float: right;
 width: 256px;
 height: 30px;
 vertical-align: bottom;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #999999; 
}

.itemcontent a {
 color: #019FC6;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 text-decoration: none;
}

*/

/* The next classes are defined for the detail page of a specified product */

/*
.productheader {
 position: relative;
 width: 416px;
 height: 200px; 
 margin-bottom: 10px;
 border: 1px solid #c5c5c5;
}

.productheader image{
 width: 416px;
 height: 200px; 
}

.producttitle {
 position: relative;
 float: left;
 width: 295px;
 height: 50px;
}

.producttitle h3 {
 color: #05bdeb;
}

.productcontent {
 float: left;
 width: 295px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
 text-align: left;
 color: #FFFFFF;
 line-height: 13pt;
 padding-bottom: 30px;
}

.productoptions {
 float: right;
 width: 98px;
 top: 26px;
}

.optiontitle {
 position: relative;
 width: 98px;
 font-size: 7pt; 
 color: #E7E7E7; 
 text-align: center;
 margin-bottom: 7px;
}

.optionobject {
 width: 96px;
 height: 66px;
 border: 1px solid #C5C5C5;
 margin-bottom: 10px;
 position: relative;
}

.optionobject image {
 width: 96px;
 height: 66px;
}

*/
.optionlinks {
 width: 96px;
 position: relative;
 margin-bottom: 10px;
 background-color: #0093D1;
 text-align: left;
}

.optionlinks table td {
 padding: 5px;
 background-image: url(../images/visitit.bg.iconsub.gif);
 border-bottom: 1px solid #595d3d;
}

img.play {
 float: left;
 margin-top: 2px;
}

a.broadcasts {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #FFFFFF;
 text-decoration: none;
 float: right;
}

a.broadcasts:hover {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #FFFFFF;
 text-decoration: underline;
}

/*
.productfooter {
 clear:both;
 width:100%;
}

.productfooter a {
 color: #FFFFFF;
 text-decoration: none;
}

.productfooter hr {
 clear:both;
 width:100%;
 height: 1px;
 color: #999999;
}

span.source {
 color: #FFFFFF;
}

span.product_source {
 float: right;
 width:150px;
 text-align: right;
 font-size: 8pt;
 color: #FFFFFF; 
}

span.product_placed {
 float: left;
 width:150px;
 text-align: left;
 font-size: 8pt;
 color: #FFFFFF; 
}

a.product_source, a.product_placed {
 font-size: 8pt;
 color: #FFFFFF;
}

*/

/* Responses */

#responses {
 position: relative;
 width: 418px;
 height: auto;
}

#responses table {
 width: 418px;
}

#responses td.dark {

}

#responses td.light {

}

span.next_broadcast {
 color: #36ff0e;
 font-weight: bold;
}

span.next_broadcast a {
 color: #36ff0e;
 font-weight: bold;
 text-decoration: none;
}

span.previous_broadcast {
 color: #ff6100;
 font-weight: bold;
}

span.previous_broadcast a {
 color: #ff6100;
 font-weight: bold;
 text-decoration: none;
}