@charset "utf-8";
/* CSS Document */

/* 	-------------------------------------------------------------------------

	Document Setup 

	General reset to ensure proper behavior across all browsers.*/

	* 
    	{ 
        margin:0;
        padding:0;
        border:0;
        outline:0;
        font-weight: normal;
		font-style: normal;
        font-size:100%;
        font-family:inherit; 
        }

	:focus 
    	{ 
        outline:0; 
        }

/* 	-------------------------------------------------------------------------

	Global Elements
	
	Top-level, generic definitions go in this section. */
    
	body
		{
        background: #ffffff url('/themes/client_sphere/layout/background.png') repeat-x 0 0;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #333333;
		font-size: 16px;
		line-height: 20px;
		height: 100%; /* Key to making overlay work in IE6 */
		}
        
    a
    	{
        color: #2982c1;
        text-decoration: none;
        }
        a:hover
        	{
            text-decoration: underline;  
            }
            
    b
    	{
        font-weight: bold;   
        }
        
	sup
    	{
        font-size: 10px;   
        }
        
	/* Form Inputs and Selects */
			
	input.text,
	select,
	textarea
		{
		background: #ffffff url('/themes/client_sphere/layout/input-background.png') repeat-x 0 0;
		border: 1px solid #afafaf;
        font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		padding: 5px;
		font-size: 12pt;
		}
        
    .error input,
    .error select,
    .error textarea
        {
        border: 1px solid #ff9900;
        }
        
	/* Buttons */
	
	.button,
	.button a 
		{
		display: block;
		cursor: pointer;
		text-align: center;
		}
		.button 		
			{
			background: url("/themes/client_sphere/layout/elements.png") no-repeat 0 -404px;
			padding: 0 0 0 10px;
            margin: 0 10px 0 0;
			font-size: 14px;
			text-decoration: none;
			text-transform: capitalize; 
			height: 26px;
			}
		.button a	
			{ 
            display: block;
			background: url("/themes/client_sphere/layout/elements.png") no-repeat 100% -404px;
			height: 26px;
            padding: 0 20px 0 0;
			line-height: 26px;
			color: #001a2a;
			text-decoration: none;
            position: relative;
            left: 10px;
			}
			.button a:hover
				{
					color: #00578d; 
				}
        .neutral
        	{
            background-position: 0 -378px;
            }            
        .neutral a
        	{
            color: #666666;
            background-position: 100% -378px;
            }
            .neutral a:hover
            	{
                color: #333333;
                }
                
		.negative
			{
			background-position: 0px -430px; 
			}
		
		.negative a
			{
			color: #5e0000;
			background-position: 100% -430px;
			}
			.negative a:hover
				{
				color: #950000;
				}
                
	/* Cookie Trail for Navigational Positioning */

	.cookietrail
		{
        line-height: 40px;
        height: 40px;
		margin: 0 auto 10px auto;
        width: 960px;
        font-size: 13px;
		color: #999999;
		background: url('themes/client_sphere/layout/cookie-trail-background.png') no-repeat 0 0;
        text-indent: 20px;
		}
        .cookietrail a
        	{
            color: #666666;   
            }
            
	/* Ranking/Info Details Control */
		
	#details
		{
        clear: both;
		vertical-align: middle;
		text-align: right;
		font-size: 10pt;
		margin: 20px 20px 0 20px;
		line-height: 16px;
        padding: 20px 0 0 0;
		color: #999999;
        border-top: 1px solid #dddddd;
        height: 1%;
        overflow: hidden;
		}
		#details a
			{
			padding: 0 0 0 20px;
			line-height: 16px;
			}
        #details .vote
        	{
            float: right;
            }
		#details .helpful
			{
			background: url('/themes/client_sphere/icons/16x16/thumbsup.png') no-repeat 0 0;
			}	
		#details .unhelpful
			{
			background: url('/themes/client_sphere/icons/16x16/thumbsdown.png') no-repeat 0 0;
			}	
		#details i
			{
			float: left;
			font-size: 9pt;
			}
            
    /* Live Chat */
    
    #livechat
    	{
        float: right;
        width: 620px;
        height: 110px;
        line-height: 110px;
        color: #666666;
        margin: 0 5px 0 0;
        display: inline;
        text-align: right;
        }
        #livechat a
        	{
            background: url('/themes/client_shared/chat-online.png') no-repeat 0 0;
            float: right;
            width: 135px;
            height: 66px;
            margin-top: 22px;
			text-align: left;
            display: block;
            text-indent: -99999px;
            }


/* 	-------------------------------------------------------------------------

	Box Framework */
    
	/* Main Box */

    .box
    	{
        background: url('/themes/client_sphere/layout/box-middles.png') repeat-y 0 0;
        }
    	.box .heading
        	{
            height: 60px;
            overflow: hidden;
            background: url('/themes/client_sphere/layout/box-tops.png') no-repeat 0 0;
            }
        .box .heading h2
        	{
            font-weight: bold;
            font-size: 18px;
            letter-spacing: -1px;
            line-height: 60px;
            margin: 0 0 0 20px;
            float: left;
            display: inline;   
            }
        .box .heading h2 a
        	{
  
            }
        .box .heading h2 a:hover
        	{
            text-decoration: none;    
            }
        .box .heading .more
        	{
            display: inline;
            float: right;
            line-height: 60px;
            margin: 0 20px 0 0;
            font-size: 14px;
            }
        .box .heading .more .rating
        	{
            margin-top: 22px;
            }
        .box .content
        	{
            background: url('/themes/client_sphere/layout/box-tops.png') no-repeat 0 0;   
            padding-bottom: 20px;
            }
        .box .content p
        	{
            padding: 20px 20px 0 20px;
            font-size: 16px;
            line-height: 24px;
            }
        .box .panel
        	{
            background: url('/themes/client_sphere/layout/box-bottoms.png') no-repeat 0 0;
            }
            
		.box .content ul
        	{ 
            padding: 20px 20px 0 40px;
            }
        .box .content ul li
        	{
            padding-bottom: 10px;   
            }
            
        .box .content ol
        	{
            padding: 10px 20px 0 50px;   
            }
        .box .content ol li
        	{
            padding-top: 10px;   
            }
        
        .box .content h5
        	{
            padding: 20px 20px 0 20px;
            font-weight: bold;
            }

        .box .content table
        	{
            margin: 20px 20px 0 20px;   
            border-bottom: 1px solid #cccccc;
            border-right: 1px solid #cccccc;
            }
            .box .content table td
            	{
                padding: 10px;
                border-top: 1px solid #cccccc;
                border-left: 1px solid #cccccc;
                }
            .box .content table thead td
            	{
                background: #f5f5f5;   
                }
            .box .content table .accounting
            	{
                text-align: right;   
                }
            .box .content table .middle
            	{
                text-align: center;   
                }

        .box .content .list
            {
            padding: 0 20px 0 20px;
            }
            .box .content .list table
                {
                border: none;
                padding: 0;
                margin: 0;
                width: 100%;
                }
            .box .content .list table td
                {
                border: none;
                padding: 20px 0;
                margin:  0;
                border-bottom: 1px solid #dddddd;
                }
            .box .content .list table td .rating
                {
                float: right;
                margin-top: 2px;
                }
            .box .content .list table td p
                {
                font-size: 14px;
                line-height: 20px;
                margin: 0;
                padding: 10px 0 0 0;
                color: #666666;
                }
        
        .box .content .italic
        	{
            font-style: italic;   
            }
        .box .content .indicator
        	{
            font-weight: bold;
            color: #09c;
            }
        
        .box .panel .small p,
        .box .panel .small li
            {
            font-size: 12px;
            line-height: 18px;
            }
        .box .panel .small li
        	{
            padding-bottom: 10px;   
            }         
        .box .panel .small p	
            {
            padding-top: 15px;
            }
            


            
	/* Plain Box */

	.plain-box	 					{ width: 960px; }
    .plain-box .heading				{ display: none; }

	/* Narrow Box */

	.narrow-box 					{ background-position: -620px 0; width: 330px; margin-bottom: 10px; }
    .narrow-box .heading			{ background-position: -620px 0; }
    .narrow-box .content     		{ background-position: -620px -60px; }
    .narrow-box .panel      		{ background-position: -620px 100%; }
    .narrow-box .content ul       	{ padding: 10px 0 0 0; margin: 0 0 0 40px; line-height: 30px; }
    .narrow-box .content ul li    	{ padding: 0 0 0 10px; }    

	/* Wide Box */

	.wide-box 						{ width: 620px; margin-bottom: 10px; }
    .wide-box .heading				{ background-position: 0 0; }
    .wide-box .content    	 		{ background-position: 0 -60px; }
    .wide-box .panel      			{ background-position: 0 100%;  }


/* 	-------------------------------------------------------------------------

	Error Framework */
    
    #info
    	{
		text-align: center;
        padding: 20px 20px 0 20px;
        color: #666666;
        }
        
    #error
    	{
		text-align: center;
        padding: 20px 20px 0 20px;
        color: #cc0000;
        }


/* 	-------------------------------------------------------------------------

	Gallery Framework */
    
    .gallery
    	{
		clear: both;
        height: 1%;
        overflow: hidden;
        color: #cccccc;
        font-size: 12px;
        }
        .gallery li
        	{
            float: left;
            width: 195px;
            margin: 0 0 0 0;
            line-height: 25px;
            }
        .gallery li a
        	{
            font-size: 14px; 
            letter-spacing: -1px;
            }
        .gallery li a:hover
        	{

            } 
        
/* 	-------------------------------------------------------------------------

	Header */

	#header
    	{
        width: 960px;
        height: 110px;   
        margin: 0 auto;
        overflow:hidden;
        }
	    #header h1 a
        	{
            display: block;
            float: left;
            font-size: 32px;
            letter-spacing: -2px;
            line-height: 110px;
            display: inline;
            text-decoration: none;
            color: #333333;
            }
        #header .download
        	{
           	background: url('/themes/client_sphere/layout/elements.png') no-repeat -560px -423px;
            display: block;
            right: right;
            width: 250px;
            height: 50px;
            float: right;
            color: #ffffff;
            text-decoration: none;
            font-weight: bold;
            font-size: 22px;
            line-height: 48px;
            text-align: center;
            margin: 30px 20px 0 0;
	        letter-spacing: -1px;
            display: inline;
            cursor: pointer;
            }
        #header p
        	{
            float: right; clear: right;
            width: 250px;
            color: #ffffff;
            font-size: 11px;
            text-align: center;
            margin: 0 20px 0 0;
            display: inline;
            }

/*  -------------------------------------------------------------------------

	Terms and Conditions */
  
  	#terms
    	{
        padding-left: 20px;   
        }
    
        #terms label
            {
            width: 50px;
            float: left;
            font-weight: bold;
            }
        
        #terms h3
            {
            font-size: 18px;   
            }
    
        #terms .noheading
            {
            padding-left: 50px;
            font-weight: normal;
            }
        #terms .noheading label
            {
            font-weight: normal;
            margin-left: -50px;   
            }
    
        #terms h3,
        #terms h4
            {
            font-weight: bold;
            padding: 20px 20px 0 0;
            }
                
        #terms b
            {
            font-weight: bold;   
            }        
        #terms p
            {
            padding: 20px 20px 0 50px;
            }
        #terms #terms-introduction p
        	{
            padding-left: 0;
            }


/* 	-------------------------------------------------------------------------

	Search Box */
		
	#search
		{
		float: right;
        display: inline;
		height: 45px;
        margin: 0 10px 0 0;
		}
		#search h2
			{
			display: inline;
			height: 24px;
			width: 24px;
			float: left;
			background: url('/themes/client_sphere/icons/24x24/search.png') no-repeat 0 0;
			margin: 12px 0 0 24px;
			}
		#search h2 span
			{
			display: none;
			}
		#search .query
			{
			float: left;
			margin: 7px 0 0 10px;
			width: 250px;
			}
		#search .button
			{
			float: left;
			width: 70px;
			margin: 10px 0 0 10px;
			}
            
/* 	-------------------------------------------------------------------------

	Rating Control */
    
    .rating
    	{
        height: 16px;
        width: 100px;
        text-indent: -99999px;   
        }
        
    .stars0
    	{
        background: url('/themes/client_sphere/icons/other/0stars.png') no-repeat 0 50%;
        }
    .stars1
    	{
        background: url('/themes/client_sphere/icons/other/1stars.png') no-repeat 0 50%;
        }
    .stars2
    	{
        background: url('/themes/client_sphere/icons/other/2stars.png') no-repeat 0 50%;
        }
    .stars3
    	{
        background: url('/themes/client_sphere/icons/other/3stars.png') no-repeat 0 50%;
        }
    .stars4
    	{
        background: url('/themes/client_sphere/icons/other/4stars.png') no-repeat 0 50%;
        }
    .stars5
    	{
        background: url('/themes/client_sphere/icons/other/5stars.png') no-repeat 0 50%;
        }
    .rating span
    	{
        display: none;
        }


/* 	-------------------------------------------------------------------------

	Navigation */
    
	#navigation
		{
        width: 960px;
        height: 45px;
	    line-height: 45px;
        margin: 0 auto;
		}
        #navigation ul
        	{
            list-style: none;
            float: left;
            display: inline;
            }
        #navigation ul li
        	{
            display: inline;
            float: left;
			padding: 0 20px;
            background: url('/themes/client_sphere/layout/elements.png') no-repeat 0 0;
            }
            
        #navigation ul li a
        	{
            text-decoration: none;
            font-weight: regular;
            font-size: 16px;
            letter-spacing: -1px;
            display: block;
            }
            #navigation ul li a:hover
            	{
                background: none;
                }
            
        #navigation ul li.selected a
        	{
            color: #1edfff;
            cursor: default;
            }
	        #navigation ul li.selected a:hover
            	{
	            cursor: default;
                }

        #navigation ul li.home
        	{
            background:  none;
            padding-left: 0;
            }
            
/* 	-------------------------------------------------------------------------

	Highlight */
    
    #highlight
    	{
        width: 960px;
        height: 300px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        }
        #highlight .frame
        	{
            position: absolute;
			z-index: 2;
            background: url('/themes/client_sphere/layout/elements.png') no-repeat 0 -45px;
            width: 960px;
            height: 300px;
            }
        #highlight .banner
        	{
            position: absolute;
            z-index: 1;
            /* background: #0cf; */
			width: 960px;
            height: 300px;
            background: url('/themes/client_sphere/highlights/highlight.jpg') no-repeat 0 0;
            }
        #highlight a
        	{
            position: absolute;
            display: block;
            z-index: 3;
            width: 960px;
            height: 300px;
			cursor: pointer;
            }
        #highlight .frame .controls
        	{
            display: none;
            background: url('/themes/client_sphere/layout/elements.png') no-repeat 0 -390px;
            height: 33px;
            width: 160px;
            list-style: none;
            text-indent: -99999px;
            margin: 267px 0 0 718px;
            }
        #highlight .frame .controls li
        	{
            float: left;
            }
        #highlight .frame .controls li a
        	{
            display: block;
            width: 80px;
            height: 33px;
            }

/* 	-------------------------------------------------------------------------

	Highlight Banner */
    
    #highlight .banner
    	{
        color: #ffffff;   
        }
        #highlight .banner .topics
        	{
            width: 230px;
            float: left;
           	display: inline;
            margin: 90px 0 0 230px;
            }
        #highlight .banner h2
        	{
            font-size:  24px;
            letter-spacing: -1px;
			margin-bottom: 10px;
            }
        #highlight .banner .morehelp
        	{
            margin: 90px 0 0 50px;
            width: 430px;
            float: left;
            }


/* 	-------------------------------------------------------------------------

	Categories */
    
    #categories
    	{
        height: 1%;
		overflow: hidden;
        }
        #categories .category
        	{
            float: left;
            display: inline;
            width: 280px;
			margin: 20px 0 0 20px;
			text-indent: 50px;
            background: url('themes/client_sphere/icons/48x48/folder.png') no-repeat 0 50%;
            }
        #categories .category h3
        	{
            font-size: 20px;
            letter-spacing: -1px;
            line-height: 48px;
            }
        #categories .category h3 a
        	{
            color: #333333;   
            }
        #categories .category i
        	{
            display: none;   
            }

            
/* 	-------------------------------------------------------------------------

	General Structure */
    
    .main
    	{
        width: 960px;
        margin: 10px auto 0 auto;
        }
        
    /* Columns */
    
    #column1
    	{
        float:left;
        }
        
	#column2
    	{
        float: left;
        margin: 0 0 0 10px;
        }   
     
/* 	-------------------------------------------------------------------------

	Support Snap-In */
    
    #support-snap
    	{
        }
        #support-snap .content
        	{
            overflow: hidden;
            }
        #support-snap .content ul
        	{
            padding: 10px 0 0 0;
            margin: 0 0 0 20px;
            list-style: none;
            line-height: 30px;
            }
        #support-snap .content ul li
        	{
            padding: 0 0 0 26px;   
            }
        #support-snap .live-chat	{ background: url('/themes/client_sphere/icons/16x16/live-chat.png') no-repeat 0 50%; }
        #support-snap .voice		{ background: url('/themes/client_sphere/icons/16x16/voice.png') no-repeat 0 50%; }
        #support-snap .email		{ background: url('/themes/client_sphere/icons/16x16/email.png') no-repeat 0 50%; }
            
/* 	-------------------------------------------------------------------------

	Deposit Options Snap-In */
    
    #deposit-methods-snap
    	{
           
        }
        #deposit-methods-snap .content
        	{

            }    

/* 	-------------------------------------------------------------------------

	Fixed */

    pre
    	{
        font-family: "Lucida Console", Monaco, monospace;
		margin: 0 0 20px 20px;
		border-left: 1px solid #cccccc;
        padding: 50px;
        }
    .fixed
    	{
        font-family: "Lucida Console", Monaco, monospace; 
        }
        
        

/* 	-------------------------------------------------------------------------

	Deposit Methods Box */

    #deposit-methods
    	{
        color: #666666;
        }
        #deposit-methods h3
        	{
            margin: 20px 0 0 20px;
            font-weight: bold;
            letter-spacing: -1px;
            color: #333333;
            }
        #deposit-methods .methods
        	{
			margin-top: 20px;
            background: url('/themes/client_sphere/logos/payment-methods.jpg') no-repeat 50% 50%;
            height: 75px;
            text-indent: -99999px;
            }

/* 	-------------------------------------------------------------------------

	Footer */
    
    #footer
    	{
        width: 960px;
        margin: 0 auto 0 auto;
        clear: left;
        }
        #footer .links ul
        	{
            list-style: none;
            height: 50px;
            background: url('/themes/client_sphere/layout/footer-divider.png') no-repeat 50% 100%;
            font-size: 12px;
            }
        #footer .links ul li
        	{
            float: left;
            display:  inline;
            margin-right: 57px;
            }
        #footer .links ul li a
        	{
            display: block;
            color: #333333;
            line-height: 30px;
            }
        #footer .links ul li a:hover
        	{
            background: none;
            color: #2982c1;
            }
            
        #footer .links ul li a.download
        	{
            background: url('/themes/client_sphere/layout/elements.png') no-repeat -560px -473px;
            display: block;
            width: 150px;
            height: 30px;
            text-align: center;
            font-weight: bold;
            color: #ffffff;
            line-height: 30px;
            }
            
        #footer .credits
        	{
            clear: both;
            background: url('/themes/client_sphere/layout/footer-divider.png') no-repeat 50% 100%;
			height: 100px;
            }
        #footer .credits ul
        	{
            display: block;
            height: 100px;
            list-style: none;
            background: url('/themes/client_sphere/logos/credits.png') no-repeat 50% 50%;
            }
        #footer .credits ul li
        	{
            float: left; 
            }
        #footer .credits ul li a
	        {
            display: block;
            height: 100px;
            margin: 0 50px 0 0;
            text-indent: -99999px;
            }
            
		#footer .credits ul li .sphere-bingo-network		{ width: 112px; margin-left: 150px; }
		#footer .credits ul li .technical-systems-testing	{ width: 93px; }
		#footer .credits ul li .realtime-gaming				{ width: 131px; }
		#footer .credits ul li .adults-only					{ width: 45px; }
		#footer .credits ul li .ssl							{ width: 90px; }
        
        #footer .copyright
        	{
            text-align: center;
            padding: 20px 0;
            font-size: 12px;
            color: #999999;
            }

/* 	-------------------------------------------------------------------------

	Popups View
	
	Emailing an article defitions go here. */
	
	#email,
    #chatinfo
		{
		
		}
        #chatinfo .department
        	{
            display: none;
            }
		#email p,
        #chatinfo p
			{
			border-top: 1px solid #dddddd;
			margin: 20px;
			padding: 20px 0 0 0;
			}
        #email h2
        	{
            font-size: 24px;  
            letter-spacing: -1px;
            }
		#email h2,
        #chatinfo h2
			{
			margin: 20px 20px 5px 20px;
			}
		#email b,
	    #chatinfo b
			{
			margin: 0 20px 0 20px;
			font-weight: normal;
			color: #666666;
			display: block;
			}
	    #chatinfo b
        	{
            font-size: 10pt;
            margin: 20px 20px 0 20px;
            text-align: center;
            }
         #email .form,
         #chatinfo .form
         	{
            padding: 20px 20px 0 20px;
            margin: 20px;
			border: 1px solid #dddddd;
            }
        #chatinfo .form .department
        	{
            display: none;   
            }
            
        #email .form label,
        #chatinfo .form label
        	{
            display: block;
			padding-bottom: 3px;
            }
        #email .form input
        	{
            display: block;
            width: 305px;
            }
       	#email .form .field,
        #chatinfo .form .field
        	{
			margin-bottom: 10px;
            }
            
         #email .button,
         #chatinfo .button
         	{
            margin: 0 auto 20px auto;
            width: 120px;
            }
         #chatinfo input.text,
         #chatinfo select
         	{
			width: 95%;
            display: block;
            }
         #chatinfo textarea
         	{
			width: 95%;
            display: block;
            height: 50px;
            }
            


	/* Chat Header */

    #chatheader
    	{
        height: 50px;
        background: url('/themes/client_sphere/layout/chatheader-background.png') repeat-x 0 0;
        }
        #chatheader h2
        	{
            font-size: 24px;
            line-height: 50px;
            text-indent: 47px;
            background: url('/themes/client_sphere/icons/32x32/chat.png') no-repeat 10px 10px;
            }
            
	#chatpost
    	{
        height: 95px;
        background: url('/themes/client_sphere/layout/chatpost-background.png') repeat-x 0 0;
        }
        #chatpost textarea
        	{
            float: left;
            display: inline;
            width: 380px;
            height: 60px;
            margin: 13px 0 0 10px;
            }
        #chatpost div
        	{
            display: inline;
            float: left;
            width: 50px;
            margin: 13px 0 0 10px;
            }
    #infobuffer
    	{
        padding: 0 0 0 3px;
        height: 25px;
        background: url('/themes/client_sphere/layout/chatstatus-background.png') repeat-x 0 0;
        line-height: 22px;
        font-size: 9pt;
        color: #666666;
        }
            
/* 	-------------------------------------------------------------------------

	Overrides */
    
    body.print,
    body.popup
    	{
        border: 0;
		margin: 0;
		padding: 0;
		background: none;
        }
	body.print
    	{
        padding: 20px;   
        }
		body.popup h1
			{
            border: 0;
			margin: 0 0 0 20px;
            line-height: 60px;
            height: 60px;
            letter-spacing: -1px;
            font-size: 18pt;
            font-weight: normal;
			}
        body.print h1
        	{
            font-size: 24px;
            letter-spacing: -1px;
            line-height: 24px;
            display: block;
            padding-bottom: 20px;
            border-bottom: 1px solid #dddddd;
            }
       	body.print .content
        	{
            padding: 20px 0 5px 0;   
            }
        body.print .content p
        	{
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 15px;   
            }
        body.print .footer
        	{
			border-top: 1px solid #dddddd;
            list-style: none;
			padding-top: 20px;
            }
        body.print .footer li	
        	{
            font-size: 14px;
            color: #999999;
            }
        body.print h5
        	{
            font-weight: bold;
            padding-bottom: 20px;
            }
        body.print ul
        	{
            margin: 0 0 10px 30px;   
            }
        body.print ul li
        	{
            padding-bottom: 10px;
            }