﻿/*This section will include items for the default fwicki page setup.*/
body
{
	font-family: Calibri, Arial;
	font-size: 1em;
	margin: 0px 0px 0px 0px; 
	padding-right: 2px;
}
*:first-child+html body
{
	font-family: Calibri, Arial;
	font-size: 1em;
	margin: 0px 0px 0px 0px; 
	padding-right: 1px;
}
img
{
	border: none;
}
#default_content_fwicki
{
	left: 50%;
	margin-left: -400px;
	width: 800px;
	position: relative;
	font-family: Calibri, Verdana, Arial;
}
#default_content_fwicki strong
{
	color: #000000;
}
#default_content_fwicki_header
{
	position: relative;
	background-color: #ffffff;
	margin-top: 10px;
}

#default_content_fwicki_marketing
{
	left: 50%;
	margin-left: -490px;
	width: 980px;
	position: relative;
	font-family: Calibri, Verdana, Arial;
}

.fwicki_page_top_bar
{
	padding: 1px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	background-image: url( 'http://www.fwicki.com/images/v3/ui/top_bar_bkg_grey.jpg' );
	background-repeat: repeat-x;
}
.fwicki_page_top_bar a:hover
{
	color: White;
	text-decoration: underline;
	font-weight: bold;
}
.top_nav_separator
{
	margin-right: 10px; 
	margin-top:-4px;
}
*:first-child+html .top_nav_separator
{
	margin-right: 10px; 
	position: relative;
	top: 0px;
}
.fwicki_item_title
{
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
}
.fwicki_item_title:hover
{
	font-size: 1.2em;
	text-decoration: underline;
	font-weight: bold;
}
.fwicki_item_description a
{
	text-decoration: none;
}
.fwicki_item_description a:hover
{
	text-decoration: underline;
}
.fwicki_page_title
{
	font-size: 1.8em;
	font-weight: bold;
}
.fwicki_page_created_by
{
	font-size: 1.1em;
	font-weight: bold;
	color: Gray;
}
.fwicki_page_info a
{
	text-decoration: none;
}
.fwicki_page_info a:hover
{
	text-decoration: underline;
}














/* Ratings */
div#rating 
{
	color: #B62D00;
}
.ratingStar {
    font-size: 0pt;
    width: 16px;
    height: 16px;
    margin: 0px;
    padding: 1px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(http://www.fwicki.com/images/ui/rating-logo.jpg);

}

.emptyRatingStar {
    background-image: url(http://www.fwicki.com/images/ui/rating-logo-grey.jpg);
}

.savedRatingStar {
    background-image: url(http://www.fwicki.com/images/ui/rating-logo-grey.jpg);
}
.styleRatingText {
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	width: 200px;
}









/* Injected Advertising */

#injected-ad {

	font-family: Calibri, Arial;
	font-size: 1.1em;
	color: #ACABAB;
	font-weight: bold;
	line-height: 110%;

}

.ad-highlight {

	font-family: Calibri, Arial;
	font-size: 1.1em;
	color: #F81300;
	font-weight: bold;
	font-style: italic;

}






/* Video Player Settings */


/*{{{ general playlist settings, light gray */

div.playlist {
	float:left;
}

div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:223px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(../media-video/images/light.png) no-repeat 0px -69px;
	padding-right:60px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ petrol colored */

div.clips.petrol a {
	background: transparent;
	/* background-color:#193947; */
	color:#fff;
	border:1px outset #8B20BD;
}

div.clips.petrol a.playing, div.clips.petrol a.paused, div.clips.petrol a.progress {
	background:url(../media-video/images/light.png) no-repeat 0px -69px;
	border:0;
}

div.clips.petrol a.paused {
	background-position:0 0;	
}

div.clips.petrol a span {
	color:#aaa;
}

div.clips.petrol a em {
	color:#FCA29A;
	font-weight:bold;
}	

div.clips.petrol a:hover {
	/* background-color:#ff6600; */
	background:url(../media-video/images/dark.png) no-repeat 0px 0px;		
} 

div.clips.petrol a.playing:hover, div.clips.petrol a.paused:hover, div.clips.petrol a.progress:hover {
	background-color:transparent !important;		 
}
/*}}}*/


/*{{{ low version */

div.clips.low a {	
	height:31px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(../media-video/images/light_small.png);
	background-position:0 -55px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(../media-video/images/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(../media-video/images/down.png);	
}

div.petrol a.go {
	background-image:url(../media-video/images/up_light.png);		
}

div.petrol a.go.down {
	background-image:url(../media-video/images/down_light.png);		
}

/*}}}*/


/* outmost wrapper element, containing all elements  */
#scrollable {
	/* background-color:#efefef; */
	background: transparent;
	/* border:1px solid #ddd;   */
	padding:10px 8px;
	width:523px;
	height:65px;
	margin-top:30px;
	-moz-border-radius:7px;
}

/* container for the scrollable items */
div.items {
	height:66px;	
	margin-left:8px;
	float:left;
	width:475px !important;
}

/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:8px;
	width:88px;
	height:66px;
	background:url(../media-video/images/entry.png) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}

div.items a:hover {
	color:#999;	
}

div.items a.active {
	background-position:-174px 0;		
	/* color:#555; */
	cursor:default;
}


/* next / prev buttons */
a.prev, a.next {
	background:url(../media-video/images/left.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;	
	margin:22px 0 0 0;
	cursor:pointer;
}

a.next {
	background-image:url(../media-video/images/right.png)		
}

a.prev:hover {
	background-position:0 -18px;		
}

a.next:hover {
	background-position:0 -18px;		
}


/* navigator */
div.navi {
	position:relative;
	top:-30px;
	left:310px;
	margin-left:-50px;
	width:50px;
	height:0px;
}


/* items inside navigator */
div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../media-video/images/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

div.navi span:hover {
	background-position:0 -8px;      
}

div.navi span.active {
	background-position:0 -16px;     
}





/* Fwicki Page Items */

#fwicki_page_items {width: 780px;} 





