/*
    site: 		share with www.capcom-europe.com and Capcom Hub
	author:		johan de silva and matt issacs
	company:	www.flipsidegroup.com

	   	  index:-
		  		1. global
				2. layout template(s)
				3. content
					3.1 css buttons
				4. bug fixing
				6. flash replacement
				7. jQuery scroller
*/

/* 1. global */
img{vertical-align:bottom; border:0}
body{background:url('/images/bg.gif') repeat-x top #e0e0e0; margin:0; padding:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:100%}
hr{display:none}
.hr{background:#CC3300; height:0; border-bottom:1px solid #bebebe; width:100%; clear:both}
p a strong{color:#000}	

/* 2. layout template(s ) */
#container{width:1004px; margin:auto; padding:0; background:url('/images/bg_container.png') repeat bottom}
#footer{width:956px; margin:10px 0 0 0; padding:0 24px 24px 24px; float:left;font-size:x-small}

/* accessibility */
a.skip{position:absolute; left:-1000em; width:200px; z-index:999; display:block}
a.skip:active,
a.skip:focus{left:0; color:#fff; background-color:#0f218b; padding:10px; font-weight:bold; width:98%; text-decoration:none}

/* 3. content */	
	ul.button-list-horizontal{padding:0; margin:0 0 10px 0}
	.button-list-horizontal li{padding:0; margin:0 0 10px; float:left; list-style:none}
	ul.button-list-vertical{padding:0; margin:0}
	.button-list-vertical li{padding:0; margin:0 0 5px; float:left; clear:both; list-style:none}
	ul.button-list-center{padding:0; margin:0; width:100%; text-align:center}
	.button-list-center li{padding:0; margin:5px auto;clear:both; list-style:none}	
	
	a.button{background:transparent url('/images/bg_button_a.png') no-repeat scroll top right; color:#fff; display:block; float:left; font:10px Helvetica, sans-serif; cursor:pointer; padding:0; display:inline-block; height:24px; margin-right:6px; padding-right:10px; /* sliding doors padding */ text-decoration:none; text-transform:uppercase}
	a.button span{background:transparent url('/images/bg_button_span.png') no-repeat; display:block; line-height:14px; padding:5px 0 5px 10px}	
	a.button img{float:left;margin-right:4px}
	a.button:hover, a.button:focus{color:#ffcc00; text-decoration:none}
	a.button:active{background-position:bottom right; color:#fff; outline:none; /* hide dotted outline in Firefox */ }
	a.button:active span{background-position:bottom left; padding:6px 0 4px 10px; /* push text down 1px */ }
	 
	a.button-large-256{display:block; width:256px; background:transparent url('/images/btn-large-256.gif') no-repeat top left; color:#fff; float:left; font:18px Helvetica, Arial, sans-serif; cursor:pointer; display:inline-block; height:35px; margin:0 0 10px 14px; padding-top:7px; text-decoration:none; text-transform:uppercase; text-align:center}
	a.button-large-256:hover, a.button-large-256:focus{display:block; background-position:bottom left; color:#ffcb00}
	
	
	.errorMessage{padding:0 10px; margin:0 0 10px 0; border:#e6b7b7 1px solid; color:#000; background:url('/images/bg_error.gif') bottom repeat-x #FFF;}
	.errorMessage p{padding:0 10px}
	.successMessage{padding:10px; border:#9cd39c 1px solid; color:#000; background:url('/images/bg_success.gif') bottom repeat-x}
	.successMessage ul{margin:0; padding:0 0 0 15px}
	
/* 4. bug fixing */
	/* 4.1 clearing */
	.clear{clear:both; width:100%; overflow:hidden}
	.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
	.clearfix{display:inline-block}
		/* Hides from IE-mac \*/
		* html .clearfix{height:1%}
		.clearfix{display:block}/* End hide from IE-mac */

/* 6 flash replacement */
.flash-replaced .alt {display:block; height:0; position:absolute; overflow:hidden; width:0}

/* 7 JQuery Scroller */
#pane1{height:330px; width:93%; overflow:auto; float:left; padding:0px 20px 20px 20px}
#pane1.news{height:350px}
.scroll-pane { width:93%; height:382px; overflow:auto; float:left; padding:20px; position:relative} 
.ui-tabs-hide {	position:absolute; left:-10000px; display:block}
a.jScrollArrowUp{background:url('/images/scroll-pane-images/basic_arrow_up.gif') repeat-x 0 0}
a.jScrollArrowUp:hover{background-position:0 -13px}
a.jScrollArrowDown{background:url('/images/scroll-pane-images/basic_arrow_down.gif') repeat-x 0 0}
a.jScrollArrowDown:hover{background-position:0 -13px}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{background-position:0 -33px}
/**********/ 		 		 		 		
.jScrollPaneContainer{position:relative; overflow:hidden; z-index:1}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#aaa}
.jScrollPaneDrag{position:absolute; background:#666; cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden;background:url(/images/scroll-pane-images/drag_grab.gif) no-repeat center}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666;*/ height:9px}
a.jScrollArrowUp:hover{/*background-color:#f60;*/}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; /*background-color:#666;*/ height:9px}
a.jScrollArrowDown:hover{/*background-color:#f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{/*background-color:#f00;*/} 		 		
.jScrollPaneTrack{background:url('/images/scroll-pane-images/osx_track.gif') repeat-y}
.jScrollPaneDrag{background:url('/images/scroll-pane-images/osx_drag_middle.gif') no-repeat 50% 50%}
.jScrollPaneDragTop{background:url('/images/scroll-pane-images/osx_drag_top.gif') no-repeat; height:6px}
.jScrollPaneDragBottom{background:url('/images/scroll-pane-images/osx_drag_bottom.gif') no-repeat; height:7px}
a.jScrollArrowUp{height:33px; background:url('/images/scroll-pane-images/osx_arrow_up.png') no-repeat 0 -33px}
a.jScrollArrowUp:hover{background-position:0 0}
a.jScrollArrowDown{height:33px; background:url('/images/scroll-pane-images/osx_arrow_down.png') no-repeat 0 -33px}
a.jScrollArrowDown:hover{background-position:0 0}

.left .jScrollPaneTrack{left:0; right:auto}
.left a.jScrollArrowUp{left:0; right:auto}
.left a.jScrollArrowDown{left:0; right:auto}

#jumpTo{float:left}
#jumpTo ul{list-style:none; float:left; margin:0 0 0 10px; padding:0}
#jumpTo ul li{float:left}
#jumpTo ul li a{margin:0 2px 2px 0; padding:7px 4px; color:#FFF; font-weight:bold; display:block; white-space:nowrap; text-decoration:none; background:url('/images/bg_black.gif') repeat-x bottom #3c3c3c}
#jumpTo ul li a:focus,
#jumpTo ul li a:hover{color:#ffcc00; text-decoration:underline}