@charset "utf-8";
/* CSS Document */


a { color: #819BE2; }
body { background: #000000; color:#FFFFFF; font-family: Helvetica, sans-serif; font-size:12px;margin:0px; padding:0px; }
h1 {font-size:16px; font-weight:normal; }
h1.extra {padding-top:20px; }
h2 {font-size: 12px; padding-top:8px;}
h2.first {padding-top:2px;}
div#leftcol { width:275px; float:left; padding-right:35px;}
div#leftcol li { padding-bottom: 10px; }
div#midcol { width:270px; float:left; }
div#rightcol { width:360px; float:left; }
div#wrapper {width:960px; margin: 0 auto;}
div#leftwrapper {width:600px; float:left;}
div#footer { float:left; clear:both; width: 100%; }
div#footer a {color:#628CD2; font-weight: bold; }
p.center {text-align:center; font-size: 14px; }


.hidden {display:none;}

ul { margin: 0; padding: 0 0 0 10px; list-style-image:url(bullet.gif);  }
p.slidepop {cursor:pointer; font-size:16px; font-weight:bold; } 

#slide_pop { display: none;	
	 width: 960px;
	 height:720px;
    border: 1px solid #666666;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -480px;
}
 }

/* container for slides */
div.images {
	border:1px solid #ccc;
	position:relative;	
	height:720px;
	width:960px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:720px;
	font-size:12px;
}

p.close {right:20px; position:absolute; cursor:pointer; z-index:99999; color:#000; font-size:16px;background: #FFF; }
p.message {left:10px; position:absolute; cursor:pointer; z-index:99999; color:#000; }


/* tabs (those little circles below slides) */
.slidetabs {
	float:left;
	position:relative;
	clear:both;
	margin-left:330px;
	background: #FFF;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 	


/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:140px;
	background:#fff url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  		{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

