/**
	* This file contains global styling and basic layout for Bingo Beano
	* @author Ryan Thomas <ryan@existem.com>
	*/


/**
	* Body container
	*/
body
{
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background-color: #D1ECED;
	background: #D1ECED;
	background-image: url(../media/backgrounds/body.png);
	background-position: 0px -355px;
	background-repeat: repeat-x;
	background-color: #05BDDB;
	color: #3A3A3A;	
}


/**
	* Custom links
	*/
a
{
	text-decoration: none;
	color: #EC008C;
}

a:hover
{
	text-decoration: underline;
	color: #00A0C6;
}


a img
{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

a:hover img
{
	padding: 1px;
	border: 1px solid #00A0C6;
}

a.noborder img
{
	padding: 0;
	border: none;
}

a.noborder:hover img
{
	padding: 0;
	border: none;
}

div.image_15 a img,
div.image_25 a img, 
div.image_50 a img, 
div.image_100 a img
{
	border: 0px;
}

.cursor
{
	cursor: pointer;
}

.pink
{
	color: #EC008C;
}

.light_blue
{
	color: #00A0C6;
}

/**
	* Document layout
	*/
div.document
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 850px;
	text-align: left;
	background-color: #FFFFFF;
}	

div.header1
{
	margin: 0px;
	padding: 0px;
}

div.header2
{
	margin: 0px; 
	padding: 0px;
}

div.body
{
	padding: 0px 20px 20px 20px;
}

div.banner_1, 
div.banner_1_index
{
	position: absolute;
	top: 120px;
	left: -140px;
	width: 120px;
	height: 600px;
}

div.banner_2, 
div.banner_2_index
{
	position: absolute;
	top: 120px;
	right: -140px;
	width: 120px;
	height: 600px;
}

div.banner_1_index, 
div.banner_2_index
{
	top: 210px;
}

div.column1
{
	float: left;
	width: 500px;
}

div.column2
{
	float: right;
	width: 300px;
}

div.footer1
{
	padding: 20px;
}

div.footer2
{
	padding: 20px;
	border-top: 10px solid #EC008C;
	background-color: #3A3A3A;
}

div.footer_left
{
	float: left;
	width: 400px;
}

div.footer_right
{
	float: right;
	width: 400px;
}

div.clear_left
{
	clear: left;
	width: 0px;
	height: 0px;
	font-size: 0px;
}

div.clear_right
{
	clear: right;
	width: 0px;
	height: 0px;
	font-size: 0px;
}

div.clear_both
{
	clear: both;
	width: 0px;
	height: 0px;
	font-size: 0px;
}

div.block
{
	clear: both;
	margin: 0px 0px 20px 0px;
}

div.block div.image_25, 
div.block div.image_50
{
	margin: 0px 5px 5px 0px;
}

div.block div.image_100
{
	margin: 0px 10px 10px 0px;
}

div.block div.title
{
	font-size: 1.2em;
}

/**
	* Custom paragraphs, headings and spans
	*/
p
{
	margin: 5px 0px 10px 0px;
}

div.column1 p
{
	margin: 5px 0px 15px 0px;
}

div.column2 p
{
	margin: 10px 15px 10px 15px;
}

h1
{
	margin: 5px 0px 15px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.6em;
	font-weight: normal;
}

h2
{
	margin: 5px 0px 10px 0px;
	font-weight: normal;
	font-size: 1.4em;
}

h3
{
	margin: 5px 0px 10px 0px;
	font-weight: bold;
	font-size: 1.1em;
}

ul
{
	list-style-type: none;
}

.center
{
	text-align: center;
}

.left
{
	text-align: left;
}

.right
{
	text-align: right;
}

span.small
{
	font-size: 0.8em;
}

span.control
{
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

span.offline
{
	color: #000000;
	font-size: 14px;
	font-weight: normal;
}

span.tip
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 0.8em;
}

span.date
{
	font-size: 0.8em;
	color: #666666;
}

p.stats
{
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-size: 0.7em;
	text-align: center;
}

p.gambling_aware
{
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 0.8em;
	text-align: center;
}

/**
	* Headings
	*/
h1.heading_grey, 
h1.heading_blue, 
h1.heading_green, 
h1.heading_pink
{
	margin: 0px 0px 20px 0px;
	padding: 25px 0px 0px 25px;
	width: 475px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
	font-weight: normal;
}

h1.heading_grey
{
	background-image: url(../media/headings/grey_large.jpg);
}

h1.heading_blue
{
	background-image: url(../media/headings/blue_large.jpg);
}

h1.heading_green
{
	background-image: url(../media/headings/green_large.jpg);
}

h1.heading_pink
{
	background-image: url(../media/headings/pink_large.jpg);
}

h2.heading_blue, 
h2.heading_green, 
h2.heading_grey, 
h2.heading_pink
{
	margin: 0px 0px 10px 0px;
	padding: 24px 0px 0px 0px;
	width: 295px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
}

h2.heading_blue
{
	background-image: url(../media/headings/blue_small.jpg);
}

h2.heading_green
{
	background-image: url(../media/headings/green_small.jpg);
}

h2.heading_grey
{
	background-image: url(../media/headings/grey_small.jpg);
}


h2.heading_pink
{
	background-image: url(../media/headings/pink_small.jpg);
}

h2.wide_subtitle
{
	border-bottom: 1px dotted #CCCCCC;
	width: 800px;
	padding: 10px 0 4px 0;
	margin-bottom: 15px;
}

div.column2 h3
{
	margin: 10px 0px 0px 15px;
}

div.footer1 h2
{
	margin: 0px auto 20px auto;
}


/**
	* Custom bullets
	*/
ul.blue,
ul.pink,
ul.green,
ul.grey 
{
	margin: 0px;
	padding: 0px 0px 10px 20px;
}
	
ul.blue li, 
ul.pink li, 
ul.green li, 
ul.grey li
{
	padding: 0px 0px 2px 0px;
}

ul.blue 
{
	list-style-image: url(../media/bullets/bean_blue.jpg);
}

ul.pink 
{
	list-style-image: url(../media/bullets/bean_pink.jpg);
}

ul.green
{
	list-style-image: url(../media/bullets/bean_green.jpg);
}

ul.grey 
{
	list-style-image: url(../media/bullets/bean_grey.jpg);
}

ul
{
	margin: 0px 15px 10px 15px;
	padding: 0px;
}

ul.navigation li
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	display: inline;
}


/**
	* Custom form elements
	*/
form
{
	margin: 0px;
	padding: 0px;
}
	
input, select, textarea
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}
	
input, textarea
{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

input:focus, textarea:focus
{
	border: 1px solid #00A0C6;
}

input.small
{
	width: 250px;
}

input.image
{
	padding: 0px;
	border: 0px;
}

input.button_blue, 
input.button_grey, 
input.button_pink
{
	margin: 0px;
	padding: 0px 20px 0px 45px;
	height: 45px;
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
}

input.button_blue_compact
{
	margin: 0px;
	padding: 2px;
	background-image: url(../media/buttons/plain_blue.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
}

input.button_blue
{
	background-image: url(../media/buttons/button_blue.png);
}

input.button_grey
{
	background-image: url(../media/buttons/button_grey.png);
}

input.button_pink
{
	background-image: url(../media/buttons/button_pink.png);
}

input.verification
{
	width: 135px;
}

input.checkbox, 
input.radio
{
	border: 0px;
}

fieldset
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

td ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

td ul li
{
	margin: 0px;
	padding: 0px;
}

form td
{
	padding-bottom: 5px;
}

div.field
{
	padding: 0px 10px 4px 10px;
}

div.controls
{
	background-image: url(../media/borders/section_bottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	text-align: center;
	padding: 10px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
}

div.controls_simple
{
	text-align: center;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}


/**
	* Custom table
	*/
table
{
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

div.column2 table
{
	margin: 5px auto 10px auto;
}

td
{
	padding: 2px 4px 2px 0px;
	vertical-align: top;
}

td.verification input
{
	margin-bottom: 7px;
}

th
{
	padding: 0px 0px 10px 0px;
	text-align: left;
}


/**
	* Admin table
	*/
table.admin
{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

table.admin th
{
	padding: 2px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-image: url(../media/backgrounds/th_1.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

table.admin td
{
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/**
	* Custom widths
	*/
.width_25
{
	width: 25px;
}
	
.width_30
{
	width: 30px;
}
	
.width_35
{
	width: 35px;
}

.width_45
{
	width: 45px;
}

.width_50
{
	width: 50px;
}

.width_60
{
	width: 60px;
}

.width_75
{
	width: 75px;
}

.width_100
{
	width: 100px;
}

.width_125
{
	width: 125px;
}

.width_150
{
	width: 150px;
}

.width_175
{
	width: 175px;
}

.width_200
{
	width: 200px;
}

.width_full
{
	width: 100%;
}


/**
	* Menu header
	*/
div.menu_header
{
	height: 79px;
	background-color: #3A3A3A;
}

div.menu_header div.logo
{
	position: absolute;
}

div.menu_header div.logo img
{
	padding: 5px 0px 0px 30px;
	border: 0px;
}

/**
	* Menu header large
	*/
div.menu_header_large
{
	height: 170px;
	background-color: #3A3A3A;
}

div.menu_header_large div.logo
{
	text-align: center;
}

div.menu_header_large div.logo img
{
	padding: 0px;
	border: 0px;
}

/**
	* Index only content
	*/
div.index_register_box
{
	width: 465px;
	height: 268px;
	padding: 45px 0px 0px 50px;
	background-image: url(../media/backgrounds/register.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
}

div.index_register_box div.terms
{
	float: left;
	width: 270px;
	font-size: 0.6em;
}

div.index_register_box div.control
{
	float: left;
}

div.index_register_box div.control input.button_register
{
	margin: 0px;
	padding: 0px;
	width: 92px;
	height: 39px;
	background-color: transparent;
	background-image: url(../media/buttons/register_index.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px;
	cursor: pointer;
}

div.index_register_box td
{
	margin: 0px;
	padding: 2px 4px 2px 0px;
}

div.index_register_box input
{
	width: 225px;
	padding: 1px;
}

div.index_register_box input.button, 
div.index_register_box input.checkbox
{
	width: auto;
}

ul.bean_prizes
{
	margin: 2px 0px 0px 0px;
}

ul.bean_prizes li
{
	margin: 0px;
	padding: 0px;
}

div.testimonials
{
	min-height: 250px;
	background-image: url(../media/backgrounds/bertha.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 100px 0px 0px;
}

input.button_login
{
	margin: 0px;
	padding: 0px;
	width: 92px;
	height: 39px;
	background-color: transparent;
	background-image: url(../media/buttons/login_index.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px;
	cursor: pointer;
}


/**
	* Boxes
	*/
div.blue_box,
div.pink_box, 
div.green_box
{
	float: left;
	width: 239px;
	height: 152px;
	padding: 10px;
	margin: 0px 5px 10px 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
}

div.blue_box
{
	background-image: url(../media/backgrounds/blue_box.jpg);
}

div.pink_box
{
	background-image: url(../media/backgrounds/pink_box.jpg);
}

div.green_box
{
	background-image: url(../media/backgrounds/green_box.jpg);
}

div.blue_box div.heading, 
div.pink_box div.heading, 
div.green_box div.heading
{
	margin: 0px 0px 15px 0px;
	font-size: 1.6em;
	text-align: center;
}

div.blue_box ul, 
div.pink_box ul, 
div.green_box ul
{
	font-size: 1.3em;
}



div.blue_box_small,
div.pink_box_small, 
div.green_box_small
{
	float: left;
	width: 225px;
	height: 153px;
	padding: 5px 2px 5px 2px;
	margin: 0px 5px 10px 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
}

div.blue_box_small
{
	background-image: url(../media/backgrounds/blue_box_small.jpg);
}

div.pink_box_small
{
	background-image: url(../media/backgrounds/pink_box_small.jpg);
}

div.green_box_small
{
	background-image: url(../media/backgrounds/green_box_small.jpg);
}

div.blue_box_small div.heading, 
div.pink_box_small div.heading, 
div.green_box_small div.heading
{
	margin: 0px 0px 15px 0px;
	font-size: 1.6em;
	text-align: center;
}

div.blue_box_small p, 
div.pink_box_small p, 
div.green_box_small p
{
	margin: 6px;
}


/**
	* Menu 1
	*/
div.menu_1
{
	padding: 0px 15px 0px 15px;
	height: 41px;
	background-image: url(../media/menu/background_repeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	line-height: 41px;
	font-size: 1.2em;
}

div.menu_1 div.left
{
	float: left;
	width: 23px;
	height: 41px;
	background-image: url(../media/menu/blue_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

div.menu_1 div.middle
{
	height: 41px;
	background-image: url(../media/menu/blue_repeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

div.menu_1 div.right
{
	float: right;
	width: 23px;
	height: 41px;
	background-image: url(../media/menu/blue_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

div.menu_1 ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.menu_1 li
{
	display: inline;
	padding: 0px 4px 0px 4px;
}

div.menu_1 a
{
	color: #FFFFFF;
	text-decoration: none;
}

div.menu_1 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

/**
	* Menu 1
	*/
div.menu_2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 50px 0px 50px;
	height: 30px;
	line-height: 30px;
	color: #DDDDDD;
}

div.menu_2 div.left
{
	float: left;
	width: 21px;
	height: 30px;
	background-image: url(../media/menu/pink_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}

div.menu_2 div.middle
{
	height: 30px;
	background-image: url(../media/menu/pink_repeat.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

div.menu_2 div.right
{
	float: right;
	width: 200px;
	height: 30px;
	padding: 0px 10px 0px 0px;
	background-image: url(../media/menu/pink_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;	
}

div.menu_2 div.right input.button
{
	margin: 0px 0px 0px 2px;
	padding: 2px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	background-color: transparent;
}

div.menu_2 ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.menu_2 li
{
	display: inline;
	padding-right: 5px;
}

div.menu_2 a
{
	color: #FFFFFF;
	text-decoration: none;
}

div.menu_2 a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

div.menu_2 input
{
	padding: 1px;
}

div.smoke
{
	width: 688px;
	height: 39px;
	margin: 0px auto 10px auto;
	background-image: url(../media/backgrounds/pink_smoke.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}


/**
	* Header 
	*/
div.header_login
{
	padding: 20px 0px 0px 385px;
}

div.header_login table
{
	margin: 0px;
	padding: 0px;
}

div.header_login table td
{
	color: #CCCCCC;
	padding: 0px 5px 0px 0px;
}
	
div.header_login input
{
	width: 120px;
	margin: 0px;
	padding: 2px 2px 1px 2px;
}

div.header_login input.login_button, 
div.header_login input.register_button
{
	width: 80px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: normal;
	font-size: 1.2em;
	color: #FFFFFF;
	border: 0px;
	cursor: pointer;
	background-color: transparent;
}

div.header_login input.login_button
{
	background-image: url(../media/buttons/login.gif);
}

div.header_login input.register_button
{
	background-image: url(../media/buttons/register.gif);
}


/**
	* User header
	*/
div.user_header
{
	padding-top: 10px;
	color: #FFFFFF;
}

div.user_header div.user_avatar
{
	float: right;
	width: 63px;
	height: 67px;
	margin: 0px 50px 0px 10px;
	background-repeat: no-repeat;
}

/* hack to display the avatar image in the correct place on IE 6 */
* html div.user_header div.user_avatar
{
	margin: 0px 25px 0px 10px;
}

div.user_header div.user_avatar img
{
	padding: 8px 0px 0px 7px;
}

/* user menu */
div.user_header div.user_menu
{
	text-align: right;
}

div.user_header div.user_menu h1
{
	margin: 10px 0px 0px 0px;
	font-size: 1.25em;
	font-weight: normal;
	border: 0px;
}

div.user_header div.user_menu ul
{
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
}

div.user_header div.user_menu li
{
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}

div.user_header div.user_menu a
{
	color: #C2F4F9;
	text-decoration: none;
}

div.user_header div.user_menu a:hover
{
	color: #00A0C6;
	text-decoration: none;
}


/**
	* Flash menu
	*/
div.flash_menu
{
	margin: 0px;
	padding: 0px;
}


/**
	* Error and success reporting
	*/
div.error h2
{
	margin: 0px;
	padding: 45px 0px 0px 55px;
	width: 475px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(../media/headings/error.jpg);
}

div.error ol
{
	margin: 10px 0px 20px 40px;
	padding: 0px;
}

div.error li
{
	margin: 0px;
	padding: 0px;
}

div.success h2
{
	margin: 0px;
	padding: 45px 0px 0px 55px;
	width: 475px;
	height: 55px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
	font-weight: normal;
	background-image: url(../media/headings/success.jpg);
}

div.success ul
{
	margin: 10px 0px 20px 40px;
	padding: 0px;
	list-style-type: none;
}

div.success li
{
	margin: 0px;
	padding: 0px;
}

div.small_result div.success h2
{
	width: auto;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	color: green;
}

div.small_result div.error h2
{
	width: auto;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: none;
	color: red;
}

div.small_result div.success ul
{
	margin: 10px 0px 20px 20px;
}


/**
	* Boxes
	*/
div.box_header img
{
	margin-top: -35px;
}

div.box_content
{
	padding: 15px;
}
	
div.box_pink
{
	width: 285px;
	margin-top: 60px;
	background-color: #EC008C;
	background-image: url(../media/borders/pink_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.box_pink div.box_header
{
	background-image: url(../media/borders/pink_header.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

div.box_pink div.box_header img
{
	margin-top: -35px;
}

div.box_grey
{
	width: 285px;
	margin-top: 60px;
	background-color: #4C4C4C;
	background-image: url(../media/borders/grey_footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

div.box_grey div.box_header
{
	background-image: url(../media/borders/grey_header.jpg);
	background-repeat: no-repeat;
	text-align: center;
}

div.box_grey div.box_content
{
	color: #FFFFFF;
}


/**
	* Images and image borders
	*/
div.deleted_25
{
	background-image: url(../media/avatars/deleted_25.png);
	background-repeat: no-repeat;
	text-align: center;
}
	
div.image_100
{
	float: left;
	width: 115px;
	height: 122px;
	background-repeat: no-repeat;
}

div.image_100 img
{
	padding: 11px 6px 6px 8px;
}

div.image_50
{
	float: left;
	width: 63px;
	height: 67px;
	background-repeat: no-repeat;
}

div.image_50 img
{
	padding: 8px 6px 6px 7px;
}

div.image_25
{
	float: left;
	width: 29px;
	height: 31px;
	background-repeat: no-repeat;
}

div.image_25 img
{
	padding: 3px 1px 0px 2px;
}
	
div.image_black_100
{
	background-image: url(../media/avatars/black_100.png);
}

div.image_black_50
{
	background-image: url(../media/avatars/black_50.png);
}

div.image_black_50_user_menu
{
	background-image: url(../media/avatars/black_50_user_menu.png);
}

div.image_black_25
{
	width: 29px;
	height: 31px;
	background-image: url(../media/avatars/black_25.png);
}

div.image_blue_100
{
	background-image: url(../media/avatars/blue_100.png);
}

div.image_blue_50
{
	background-image: url(../media/avatars/blue_50.png);
}

div.image_blue_25
{
	background-image: url(../media/avatars/blue_25.png);
}

div.image_pink_100
{
	background-image: url(../media/avatars/pink_100.png);
}

div.image_pink_50
{
	background-image: url(../media/avatars/pink_50.png);
}

div.image_pink_25
{
	background-image: url(../media/avatars/pink_25.png);
}

div.image_grey_100
{
	background-image: url(../media/avatars/grey_100.png);
}

div.image_grey_50
{
	background-image: url(../media/avatars/grey_50.png);
}

div.image_grey_25
{
	background-image: url(../media/avatars/grey_25.png);
}

div.avatars div.image_25
{
	margin: 0px 5px 5px 0px;
}

div.avatars div.image_50
{
	margin: 0px 5px 5px 0px;
}

div.avatar_select
{
	width: 290px;
}

div.avatar_select a img
{
	cursor: pointer;
}

div.avatar_select a:hover img
{
	border: 1px solid #00A0C6;
}

div.avatar_select img.deselected
{
	border: 1px solid #CCCCCC;
}

div.avatar_select img.selected
{
	border: 1px solid #EC008C;
}


/**
	* Mini login form
	*/
div.mini_login 
{
	margin: 0px;
	padding: 15px;
	width: 255px;
	height: 70px;
	background-image: url(../media/backgrounds/mini_login.jpg);
	background-repeat: no-repeat;
}

div.mini_login table
{
	margin: 0px;
	padding: 0px;
	width: 100%;
}

div.mini_login td
{
	padding: 2px;
}
	
div.mini_login input
{
	margin: 0px;
	padding: 0px;
	width: 150px;
}

div.mini_login input.image
{
	margin: 0px;
	padding: 0px;
	width: auto;
}


/**
	* Alerts
	*/
div.alerts	table
{
	font-size: 0.8em;
	margin: 5px 15px 10px 15px;
}


/**
	* Page header
	*/
div.page_header
{
	width: 850px;
	height: 175px;
	background-repeat: no-repeat;
	background-position: top center;
	color: #FFFFFF;
}

div.profile_header
{
	background-image: url(../media/headers/profile.jpg);
}

div.page_header div.header_container
{
	float: right;
	margin: 10px 0px 0px 0px;
}


/**
	* User profile
	*/
div.user_profile 
{
	margin-bottom: 20px;
}

div.user_profile h1
{
	margin: 0px;
	font-size: 1.6em;
	font-weight: normal;
	color: #9E005D;
	border: 0px;
}
	
div.user_profile div.image_100
{
	margin: 5px 10px 0px 0px;
}

div.user_profile table
{
	float: left;
	width: 350px;
	font-size: 0.9em;
	line-height: 1.1em;
}

table.status_table
{
	width: 270px;
	margin: 0px;
}


/**
	* Comments
	*/
div.comments ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.comments li
{
	margin: 0px;
	padding: 0px;
}

div.comments ul ul
{
	list-style-type: none;
	margin: 0px 0px 0px 10px;
}

div.comments div.comment
{
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
	border-top: 1px dotted #CCCCCC;
}

div.comments div.comment_header
{
	line-height: 31px;
}

div.comments div.comment_header div.image_25
{
	margin: 0px 5px 0px 0px;
}

div.comments div.comment_header div.author
{
	float: left;
}

div.comments div.comment_header div.deleted
{
	float: left;
	text-decoration: line-through;
	color: #999999;
}

div.comments div.comment_header div.deleted a, 
div.comments div.comment_header div.deleted a:hover
{
	color: #999999;
}

div.comments div.comment_header div.control
{
	padding: 2px 0px 0px 0px;
	float: right;
}

div.comments div.comment_body
{
	padding: 5px 0px 0px 0px;
}

div.comments div.last_updated
{
	padding: 5px 0px 0px 0px;
	font-size: 0.8em;
	font-style: italic;
}

div.comments div.comment_edit_form textarea
{
	width: 100%; 
	font-size: 1em;
}

div.comments div.comment_actions
{
	text-align: right;
}


/**
	* Google map div
	*/
div.gmap
{
	margin-bottom: 20px;
	width: 450px; 
	height: 300px;
	overflow: hidden;
}


/**
	* Autocomplete tooltip fields
	*/
div.tooltip_container
{
	position: relative;
}

div.tooltip_box
{
	visibility: hidden;
	position: absolute;
	left: 0px;
	z-index: 1;
	text-align: left;
	width: 306px;
}

div.tooltip_box div.content
{
	width: 285px;
	height: 100px;
	overflow: auto;
	padding: 0px 0px 32px 0px;
	background-color: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 0.9em;
	color: #000000;
}

div.tooltip_box div.top
{
	background-image: url(../media/tooltip/right.png);
	background-position: top right;
	background-repeat: repeat-y;
	width: 306px;
}

div.tooltip_box div.top div.top_corner
{
	float: right;
	width: 19px;
	height: 19px;
	background-image: url(../media/tooltip/top_right.png);
	background-position: top right;
	background-repeat: no-repeat;	
}

div.tooltip_box div.bottom_shadow
{
	width: 306px;
	height: 19px;
}

div.tooltip_box div.bottom_shadow div.left_corner
{
	float: left;
	width: 19px;
	height: 19px;
	background-image: url(../media/tooltip/bottom_left.png);
	background-position: bottom left;
	background-repeat: no-repeat;	
}

div.tooltip_box div.bottom_shadow div.middle
{
	float: left;
	width: 268px;
	height: 19px;
	background-image: url(../media/tooltip/bottom.png);
	background-position: bottom left;
	background-repeat: repeat-x;
}

div.tooltip_box div.bottom_shadow div.right_corner
{
	float: left;
	width: 19px;
	height: 19px;
	background-image: url(../media/tooltip/bottom_right.png);
	background-position: bottom left;
	background-repeat: no-repeat;	
}

.AutoCompleteBackground
{
	background-color: #FFFFFF;
	padding: 2px;
}

div.content *
{
	padding: 2px;
}

.AutoCompleteHighlight
{
	background-color: #0869AE;
	color: #FFFFFF;
	padding: 2px;
	cursor: pointer;
}
	

/**
	* Layout for items (events and groups)
	*/
div.item
{
	margin: 0px 0px 20px 0px;
	padding: 20px 0px 0px 0px;
}

div.item_border
{
	border-top: 1px dotted #CCCCCC;
}

div.item div.image_100, 
div.item div.image_50
{
	margin: 0px 10px 0px 0px;
}

div.item div.details
{
	float: left;
	width: 250px;
	margin-right: 10px;
	font-size: 0.8em;
}

div.item div.details table
{
	margin: 0px;
	padding: 0px;
}

div.item div.details td
{
	padding: 0px;
}

div.item div.actions
{
	float: right;
	width: 100px;
}

div.item div.actions ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.item div.actions li
{
	margin: 0px;
	padding: 0px;
}

div.items_new
{
	padding: 0px 10px 0px 10px;
	margin-bottom: 10px;
}

div.items_new div.image_25, 
div.items_new div.image_50
{
	margin: 0px 5px 5px 0px;
}

div.item_latest_comments ul
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;
}

div.item_latest_comments li
{
	margin: 0px;
	padding: 0px;
}

div.items_upcoming ul
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

div.items_upcoming li
{
	margin: 0px;
	padding: 0px 10px 0px 10px;
}

div.items_upcoming li.heading
{
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}


/**
	* Chat room
	*/
textarea.chat_message
{
	width: 486px;
	height: 90px;
}
	
div.chat_room
{
	padding: 5px;
	width: 480px;
	height: 350px; 
	overflow: auto; 
	background-color: #EFEFEF; 
	border: 1px solid #CCCCCC;
}

div.chat_room div.admin_message
{
	padding: 5px 0px 5px 0px;
	font-style: italic;
}

div.chat_room div.message
{
	padding: 5px 0px 5px 0px;
}

div.chat_room div.message div.header div.image_25
{
	margin: 0px 5px 5px 0px;
}

div.chat_room div.message div.header div.user
{
	line-height: 30px;
}

div.chat_room span.time
{
	font-size: 0.8em;
	color: #999999;
}

div.chat_room div.message div.body
{
	clear: left;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

div.chat_users
{
	padding: 0px 10px 0px 10px;
}

div.chat_users div.user
{
	clear: left;
}

div.chat_users div.image_25
{
	margin: 0px 5px 5px 0px;
}


/**
	* Styling for the events calendar
	*/
div.calendar_controls
{
}

div.calendar_controls div.month_heading
{
	float: left;
}

div.calendar_controls div.month_controls
{
	float: right;
	padding-top: 10px;
}

div.calendar_month_large table
{
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

div.calendar_month_large th
{
	padding: 2px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-image: url(../media/backgrounds/th_1.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

div.calendar_month_large td
{
	width: 14.25%;
	padding: 0px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #DEDEDE;
}

div.calendar_day
{
	height: 80px;
	padding: 2px;
	overflow: auto;
	font-size: 0.8em;
	background-color: #f3f3dc;
}

div.calendar_day a
{
	color: #007CAC;
}

div.calendar_day a:hover
{
	text-decoration: underline;
	color: #EC008C;
}

div.calendar_day h1
{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	border: 0px;
}

div.calendar_day h1 span.date
{
	color: #000000;
	font-weight: normal;
	font-size: 0.9em;
}

div.calendar_day div.avatars div
{
	margin: 0px 2px 4px 2px;
	padding: 0px;
}

div.event
{
	background-color: #C7E1C4;
}

div.today
{
	background-color: #E8A6D8;
}

div.past
{
	background-color: #8EB8D0;
}

table.legend
{
	margin-bottom: 15px;
}

table.legend td
{
	padding: 0px;
}

table.legend div
{
	border: 1px solid #CCCCCC;
	width: 15px;
	height: 15px;
	margin: 0px 15px 0px 4px;
}

table.legend div.block_red
{
	background-color: #E8A6D8;
}

table.legend div.block_yellow
{
	background-color: #f3f3dc;
}

table.legend div.block_blue
{
	background-color: #8EB8D0;
}

table.legend div.block_green
{
	background-color: #C7E1C4;
}


/**
	* Articles
	*/
div.small_article
{
	margin: 0px 0px 15px 0px;
	padding: 5px 0px 0px 0px;
}

div.small_article div.image_25
{
	margin: 0px 5px 5px 0px;
}

div.small_article div.title
{
	font-size: 1.2em;
}

div.small_article div.title a
{
	color: #000000;
}

div.small_article div.author
{
	font-size: 1em;
	font-weight: normal;
}

div.small_article div.author a
{
	color: #000000;
}

div.small_article div.content
{
	clear: left;
	padding: 5px 0px 0px 0px;
}

	
div.article
{
	margin: 0px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}

div.article div.image_50
{
	margin: 0px 10px 0px 0px;
}

div.article div.title
{
	font-size: 1.4em;
}

div.article div.title a
{
	color: #000000;
}

div.article div.author
{
	font-size: 1.1em;
	font-weight: normal;
}

div.article div.author a
{
	color: #000000;
}

div.article div.content
{
	clear: left;
	padding: 10px 0px 0px 0px;
}

div.article_categories
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
}

div.article_categories ul
{
	margin: 0px 0px 10px 10px;
	padding: 0px;
}

div.authors
{
	margin-bottom: 10px;
}

div.authors div.author
{
	margin: 0px 0px 3px 10px;
}

div.authors div.author div.image_25
{
	margin: 0px 5px 5px 0px;
}


/**
	* Activity List
	*/
div.activity_list
{
	margin-bottom: 10px;
}

div.activity_list div.activity
{
	margin: 0px 5px 5px 0px;
	font-size: 0.9em;
}

div.activity_list div.activity a
{
	color: #0178A3;
}

div.activity_list div.activity a:hover
{
	color: #EC008C;
}

div.activity_list div.activity span.date
{
	font-size: 0.95em;
}

div.activity_list div.activity div.image_15
{
	display: inline;
	padding: 0px;
	margin: 0px 2px 0px 0px;
}


/**
	* Reviews
	*/
div.rating div.image_25
{
	margin: 0px 5px 5px 0px;
}

div.review_content
{
	margin: 10px 0px 10px 0px;
}

div.review_author
{
	font-size: 1.1em;
	font-weight: normal;
}

div.review_title
{
	color: #000000;
	font-size: 1.4em;
}

div.review_title span.date
{
	font-size: 0.7em;
}

div.review_title a
{
	color: #000000;
}

div.user_rating
{
	margin-bottom: 15px;
}

div.views
{
	margin-top: 4px;
}

ul.ratings
{
	list-style-type: none;
	cursor: pointer;
	text-align: center;
}

ul.ratings li
{
	display: inline;
}

ul.ratings li img
{
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity: 0.3;
}

ul.ratings li img.highlight
{
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}

p.rating_text
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 1.4em;
}

div.website_review
{
	margin: 0px 0px 15px 0px;
}

div.website_review div.image_25
{
	margin: 0px 5px 5px 0px;
}

div.website_review div.info
{
	margin-bottom: 10px;
	float: left;
}

div.website_review div.info img
{
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}


/**
	* Promotions
	*/
div.promotion_content
{
	margin: 10px 0px 10px 0px;
}

div.promotion_author
{
	font-size: 1.1em;
	font-weight: normal;
}

div.promotion_title
{
	width: 325px;
	color: #000000;
	font-size: 1.4em;
}

div.promotion_title span.date
{
	font-size: 0.7em;
}

div.promotion_title a
{
	color: #000000;
}

div.promotion_logo
{
	float: left;
	margin: 0px 10px 0px 0px;
}

div.promotion_info
{
	float: left;
}



/**
	* Adverts
	*/
div.ads
{
	text-align: center;
	margin-bottom: 10px;
}


/**
	*	Mini result box
	*/
div.mini_result
{
	margin: 5px 10px 10px 10px;
	padding: 5px;
}

div.mini_result div.heading
{
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: normal;
	color: #EC008C;
	border-bottom: 1px dotted #CCCCCC;
}

/**
	*	Mini result box for home page
	*/
div.mini_result_index
{
	margin: 10px 0px 5px 0px;
	padding: 0px;
}

div.mini_result_index div.heading
{
	margin: 0px 0px 5px 0px;
	font-size: 1.2em;
	font-weight: normal;
	color: #EC008C;
	border-bottom: 1px dotted #CCCCCC;
}


/**
	* Styling for the news and blog articles in the footer
	*/
div.footer2 h2
{
	margin: 5px 0px 10px 0px;
	font-weight: normal;
	font-size: 1.4em;
	color: #00A0C6;
}
	
div.footer2 div.authors div.author
{
	margin: 0px 0px 3px 0px;
}

div.footer2 div.authors div.author a
{
	color: #EFEFEF;
}

div.footer2 div.footer_links
{
	color: #AAAAAA;
	text-align: center;
	font-size: 0.7em;
}

div.footer2 div.footer_links a
{
	color: #EFEFEF;
}

div.footer2 div.footer_links li
{
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div.footer2 div.footer_links li
{
	margin: 0px;
	padding: 0px 5px 0px 5px;
	display: inline;
}


/**
	* Photo styling
	*/
div.photo_block
{
	margin: 0px 0px 20px 0px;
	padding: 10px;
}

div.photo
{
	margin: 0px 0px 10px 0px;
}

div.photo_block div.photo
{
	width: 90px;
	height: 120px;
	float: left;
	margin: 15px 30px 15px 30px;
}

div.photo_large
{
	margin: 0px 0px 20px 0px;
}

div.photo img, 
div.photo_large img
{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div.photo a:hover img, 
div.photo_large a:hover img
{
	border: 1px solid #00A0C6;
}


/**
	* Bingo websites
	*/
div.website_logo
{
	float: right;
	width: 129px;
	margin: 0px;
	padding: 0px;
}

div.jackpot
{
	float: left;
	width: 195px;
	height: 125px;
	margin: 0px 20px 10px 0px;
	padding: 0px;
	background-image: url(../media/backgrounds/jackpot.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

div.jackpot_value
{
	margin-top: 60px;
	text-align: center;
	font-size: 1.4em;
	color: #EFEFEF;
}

div.beano_says
{
	width: 795px;
	height: 98px;
	margin: 0px 0px 20px 5px;
	background-image: url(../media/backgrounds/beano_says.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.beano_says p
{
	margin: 0px;
	padding: 12px 20px 10px 260px;
	color: #FFFFFF;
}

div.website
{
	margin: 40px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
	border-bottom: 1px dotted #CCCCCC;
}	

div.website div.website_logo
{
	float: left;
	margin: 0px 20px 0px 0px;
}

div.website div.website_info
{
	float: left;
	width: 660px;
}

div.website div.jackpot_info
{
	float: left;
	width: 590px;
}

div.website div.website_heading
{
	float: left;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
}

div.website div.website_options
{
	float: right;
}

div.website div.website_options ul li
{
	display: inline;
	margin-left: 20px;
}

div.website div.website_options img
{
	border: 0px;
}


/**
	* Keyword tag clouds
	*/
div.cloud
{
	padding: 0px 10px 0px 10px;
	margin-bottom: 15px;
}

div.cloud_small
{
	height: 150px;
	padding: 0px 10px 0px 10px;
	margin-bottom: 15px;
	overflow: hidden;
}

div.cloud_large
{
	padding: 0px 10px 0px 10px;
	margin-bottom: 15px;
}

p.cloud_tip
{
	margin-top: 0px;
	padding-top: 25px;
	background-image: url(../media/backgrounds/cloud.gif);
	background-position: -10px 0px;
	background-repeat: no-repeat;
	text-align: center;
}

.do_not_display
{
	display: none;
}

/**
	* Product catalogue
	*/
div.catalogue
{
	margin-bottom: 25px;
}
	
div.catalogue div.product
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
}

div.catalogue div.product div.image
{
	float: left;
	width: 125px;
}

div.catalogue div.product div.image img
{
	border: 1px solid #CCCCCC;
}

div.catalogue div.product div.information
{
	float: left;
	width: 365px;
}

div.catalogue div.product div.information div.detail
{
	margin: 0px;
	padding: 4px 0px 4px 0px;
}

div.cart
{
	margin: 10px 20px 10px 20px;
}

div.cart ul
{
	padding-bottom: 10px;
}

div.cart table
{
	margin-bottom: 0px;
}

div.cart img
{
	border: 1px solid #CCCCCC;
}

input.cart_button
{
	width: 25px;
	height: 25px;
	background-image: url(../media/icons/add_to_cart.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 0px;
	cursor: pointer;
	border: 0px;
}

div.admin_alert
{
	width: 250px;
	margin: 0px 10px 10px 0px;
	padding: 10px;
	border: 1px dotted #CCCCCC;
}

div.admin_alert div.icon
{
	float: left;
	margin: 0px 10px 10px 0px;
}

div.admin_alert div.alert_text
{
	float: left;
	width: 198px;
}


div.crossfade_container
{
	position: relative;
	height: 125px;
}

div.crossfade_container div.index_item
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px 10px 0px 10px;
	background-color: #FFFFFF;
}

div.crossfade_container div.index_item div.image
{
	float: left;
	margin: 0px 10px 0px 0px;
	height: 105px;
}

div.crossfade_container div.index_item div.title
{
	font-weight: bold;
	color: #EC008C;
}

div.crossfade_container div.index_item div.description
{
	margin-top: 4px;
	font-size: 0.8em;
}

div.crossfade_container div.index_item div.message
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	font-size: 0.8em;
}

div.crossfade_container div.index_item div.message span
{
	font-weight: bold;
	color: #EC008C;
}