/* ostube css document */

body
{
  /* dimension, font-family, text color only partially set here */
  background-color:#000000;
/*  background-image:url('../images/body_back_top_thin.gif'); */
  background-color:#FFFFFF;
  background-repeat:repeat-x;
  color:#FF8C05;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
}

img
{
  /* in general no border for images */
  border:none;
}

.imgaccent
{
  border:solid 1px #d0d0d0;
}

td
{
  color:#808080;
  font-size:11px;
}
      
.background
{
  /* background color used on content parts */
  background-image:url('../images/header_back_frame_top.gif');
  background-repeat:no-repeat;    
}

.general_table_back 
{
  /* boxes background color */
  background-color:#f3f3f3;
  background-image:url('../images/dotted_bg.gif');
  background-repeat:no-repeat;     
  background-position: right bottom;
}

.general_table_back_no_dots 
{
  /* boxes background color */
  background-color:#f3f3f3;
}

.general_big_table_back 
{
  /* big boxes background color */
  background-color:#f3f3f3;
  background-image:url('../images/dotted_bg.gif');
  background-repeat:no-repeat;     
  background-position: right bottom;  
}

.header_top
{
  /* header row definition */
  margin-top:0px;
  background-color:#FFFFFF;
  background-image:url('../images/body_back_frame.gif');
  background-repeat:repeat-y;
}

.header_background
{
  /* background color of the header */
    
}

.footer_bottom
{
  /* background color of the footer */
  background-color:#FFFFFF;
  background-image:url('../images/header_back_frame_bottom.gif');
  background-repeat:no-repeat;    
}

.head1_button_frame
{
  /* top menu selected buttin image */
  background-image:url('../images/tab_inactive.gif');
  background-repeat:no-repeat;     
}

.head1_button
{
  /* top menu normal button image */
  background-image:url('../images/tab_active.gif');
  background-repeat:no-repeat;    
}

.filler_bottom
{
  /* filler characters used in the footer regions */
  padding-bottom:12px;
}

.filler_right
{
  /* filler characters used on the right side */
  padding-bottom:15px;
}

.err_msg_table_error
{
  /* background color for error messages */
	background-color:#ff0130;
}

.err_msg_table_success
{
  /* background color for success messages */
	background-color:#ffd201;
}

.errorText
{
  /* text color for error messages */
  color:red;
}
.successText
{
  /* text color for success messages */
  color:#808080;
}

.roundedTable
{
  /* tables used for detail views */
  margin:0px auto 1em auto;
}

.roundedTableSide 
{
  /* tables used for small detail views */
  margin:0px auto 1em auto;
  background-color:#FFFFFF;
}

.header_table_back_left 
{
  /* header image left for tables */
  background-image:url('../images/nv_2_l.gif');
}

.header_table_back 
{
  /* header image back for tables */
  background-image:url('../images/nv_2_bg.gif');
}

.header_table_back_right 
{
  /* header image right for tables */
  background-image:url('../images/nv_2_r.gif');
}

.footer_table_back_left 
{
  /* footer image left for tables */
  background-image:url('../images/nf_2_l.gif');
  line-height:1px;
}

.footer_table_back 
{
  /* footer image back for tables */ 
  background-image:url('../images/dotted_bg_bottom.gif');
  line-height:1px;
  background-repeat:no-repeat;     
  background-position: right bottom;
}

.footer_table_back_no_dots 
{
  /* footer image back for tables */ 
  background-image:url('../images/nf_2_bg.gif');
  line-height:1px;
}

.footer_table_back_right 
{
  /* footer image right for tables */
  background-image:url('../images/nf_2_r.gif');
  line-height:1px;
}

.submenu_header_table_back
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back1
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_1.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back2
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_2.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back3
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_3.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back4
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_4.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back5
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_5.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.submenu_header_table_back6
{
  /* submenu background image */
  background-image:url('../images/submenu_header_table_back_760_2_6.gif');
  background-repeat:no-repeat;  
  padding-bottom:3px;
}

.tbl_headline_regular
{
  /* regular headline link for tables */
  color:#FFFFFF;
  font-size:11px;
  text-decoration:none;
}
.tbl_headline_regular:link
{
  color:#FFFFFF;
  font-size:11px;
  text-decoration:none;
}
.tbl_headline_regular:visited
{
  color:#FFFFFF;
  font-size:11px;
  text-decoration:none;
}
.tbl_headline_regular:hover
{
  color:#FFFFFF;
  font-size:11px;
  text-decoration:underline;
}
.tbl_headline_regular:active
{
  color:#FFFFFF;
  font-size:11px;  
  text-decoration:none;
}

.tbl_headline_bold
{
  /* bold headline for tables */
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
}


/* standard link */
a:link 
{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:none;
}
a:visited 
{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:none;
}
a:hover 
{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:underline;
}
a:active 
{
  font-size:11px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:underline;
}

/* standard but smaller links */
a.small:link 
{
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:underline;
}
a.small:visited 
{
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:underline;
}
a.small:hover 
{
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:none;
}
a.small:active 
{
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF8C05;
	text-decoration:underline;
}


/* top index links */
.index_top:link
{
	color:#000000;
	text-decoration:none;
	font-size:10px;
  font-weight:normal;	
}
.index_top:visited
{
color:#000000;
	text-decoration:none;
	font-size:10px;
  font-weight:normal;	
}
.index_top:hover
{
	color:#ff0000;
	text-decoration:none;
	font-size:10px;
  font-weight:normal;	
}
.index_top:active
{
color:#ff0000;
	text-decoration:none;
	font-size:10px;
  font-weight:normal;	
}

/* numbers next to icons - amount of videos/photos/favs/friends */
.icon_nums
{
	text-decoration:none;
	font-size:9px;
  font-weight:bold;
  vertical-align:top;
}
.icon_nums:link
{
	text-decoration:none;
	font-size:9px;
  font-weight:bold;
  vertical-align:top;
}
.icon_nums:visited
{
	text-decoration:none;
	font-size:9px;
  font-weight:bold;
  vertical-align:top;
}
.icon_nums:hover
{
	text-decoration:underline;
	font-size:9px;
  font-weight:bold;	
  vertical-align:top;
}
.icon_nums:active
{
	text-decoration:none;
	font-size:9px;
  font-weight:bold;	
  vertical-align:top;
}

/*labels in boxes*/
.boxLabel
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-size:11px;
  color:#808080;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}

.boxLabel:link
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-size:11px;
  font-weight:bold;	
  color:#808080;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.boxLabel:visited
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-size:11px;
  font-weight:bold;	
  color:#808080;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.boxLabel:hover
{
	text-decoration:none;
  background-color:#808080;
  font-size:11px;	
  font-weight:bold;	
  color:#FFFFFF;
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.boxLabel:active
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-size:11px;	
  font-weight:bold;	
  color:#808080;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}

/* nicknames */
.nicks:link
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.nicks:visited
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.nicks:hover
{
	text-decoration:none;
  background-color:#FCA933;
  font-weight:bold;	
  color:#FFFFFF;
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}
.nicks:active
{
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:2px;
  margin-top:12px;
  margin-bottom:8px;
  line-height:20px;
}

/* skip links */
.skips:link
{
  display:block;
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:3px;
}
.skips:visited
{
  display:block;
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:3px;
}
.skips:hover
{
  display:block;
	text-decoration:none;
  background-color:#FCA933;
  font-weight:bold;	
  color:#FFFFFF;
  padding:3px;
}
.skips:active
{
  display:block;
  text-decoration:none;
  background-color:#FFFFFF;
  font-weight:bold;	
  color:#FF8C05;  
  padding:3px;
}

/* main menu link (the ones on buttons) */
.mainmenu:link
{
	/*color:#434242;*/
	color:#808080;	
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;
}
.mainmenu:visited
{
	color:#808080;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}
.mainmenu:hover
{
	color:#000000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}
.mainmenu:active
{
  color:#5555ff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}

/* main menu link currently selected (the ones on buttons) */
.mainmenu_active:link
{
	/*color:#434242;*/
	color:#FFFFFF;	
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;
}
.mainmenu_active:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}
.mainmenu_active:hover
{
	color:#FFFFFF;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}
.mainmenu_active:active
{
  color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	margin-right: 8px;	
}

/* sub menu links, see headbottom directory*/
.submenu:link
{
	/*color:#808080;*/
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;	
}
.submenu:visited
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;	
}
.submenu:hover
{
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;	
}
.submenu:active
{
	color:#000000;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;	
}

/* used to seperate entrys with | or ( or ) */
.divider
{
  /*color:#808080;*/
  color:#FFFFFF;
}
.divider_top
{
  /* used in the top index */
  color:#000000;
  font-size:10px;
}
.divider_body
{
  /* dividers used in body text */
  font-size:9px;
  color:#808080;
  font-weight:normal;
}

/* different text sizes and colors */
.normalText
{
  font-size:12px;
  margin-left:5px;
}

.smallText
{
  font-size:9px;
}

.infoText
{
  color:#808080;
  font-size:11px;
}

.infoTextMedium
{
  color:#808080;
  font-size:12px;
  font-weight:normal;
}

.infoTextBig
{
  color:#808080;
  font-size:14px;
  font-weight:bold;
}

.formFieldInfo
{
  color:#808080;
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 5px;
}


/* used for previous/next media */
.moduleEntry 
{
	background-color:#eaeaea;
	padding:10px;
}

.moduleEntryThumb 
{
	border:3px solid #FFFFFF;
	margin-right:10px;
}

.moduleEntryTitle 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:2px;
	color:#333333;
}

.moduleEntryDescription 
{
	font-size:12px;
	margin-bottom:6px;
	color:#333333;
	padding-right:10px;
}

.moduleEntryTags 
{
	font-size:12px;
	margin-bottom:5px;
	color:#444444;
}

.moduleEntryDetails 
{
	font-size:11px;
	margin-bottom:5px;
	color:#808080;
}
.moduleEntrySpecifics 
{
	font-size:11px;
	margin-bottom:1px;
	color:#444444;
}

.moduleTitle 
{
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 5px 5px;
	color:#444444;
}

.moduleTitleBar 
{
	width:100%;
}

.moduleFeatured 
{
	padding:5px 5px 15px 5px;
}

.moduleFeaturedThumb 
{
	border:5px solid #FFFFFF;
	/*margin:5px;*/
}

.moduleFeaturedIndex 
{
	border:3px solid #FFFFFF;
	/*margin:5px;*/
}

.moduleFeaturedTitle 
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
	color:#0033CC;
}

.moduleFeaturedDetails 
{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	margin-bottom:3px;
}

.moduleFrameEntrySelected 
{
	width:100%;
	background-color:#ffffff;
	padding:8px;
	/*border-bottom:dashed 1px gray;*/
}

.moduleFrameEntry 
{
	width:100%;
	background-color:#f3f3f3;
	padding:8px;
}

.moduleFrameTitle 
{
	font-size:11px;
	font-weight:bold;
	margin-bottom:3px;
	color:#0033CC;
}

.moduleFrameDetails 
{
	font-size:10px;
	font-weight:normal;
	margin-bottom:5px;
	color:#666666;
}

.moduleFrameRightBorder
{
  border-right: 1px dotted #808080;
}

.moduleFrameTopBorder
{
  border-top: 1px dotted #808080;
}

.moduleFrameDottedBorder
{
  background-color:#FFFFFF;
  border: 1px dotted #d0d0f0;
  padding:10px;
word-wrap : break-word ;
width:350px;

}

.moduleBoxInFrame
{
  background-color:#f3f3f3;
  border: 1px solid #FFFFFF;
  padding:7px;
}

.moduleBigBoxInFrame
{
  background-color:#FFFFFF;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 120px;
border: 1px solid black;
padding: 10px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* highslide*/

.highslide {
    cursor: url(./include/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 10px solid #eeeeee;
}
.highslide:hover img {
	border: 10px solid white;
}

.highslide-image {
	border: 10px solid white;
border-bottom: 5px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 10px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: #eee;
}
.highslide-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
   
}


.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}