/* --------- Header ------------- */
	body {
		font-family: Tahoma;
		margin: 0px;
		margin-left: 3px;
		color: #333;
		background-image: url(../images/bg_side.jpg);
		background-repeat: repeat-y;
		background-attachment:fixed;
		background-position: 50% 0;
		background-color: #648EAE;
	}
	.top_bar {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		margin-bottom: 5px;
		padding-top: 5px;
		background-color: #99C4E4;
		width: 920px;
		height: 23px;
	}
	.top_bar_middle {
		color: #1F527F;
		background-color: #99C4E4;
		font-size: 14px;
		text-align: center;
		width: 900px;
		height: 28px;
		float: left;
	}
	.top_bar_left {
		width: 10px;
		height: 28px;
		background: url('../images/top_bar_left.jpg');
		float: left;
	}
	.top_bar_right {
		width: 10px;
		height: 28px;
		background: url('../images/top_bar_right.jpg');
		float: left;
	}
	.drinking_games_link { }
	div.drinking_games_link a:link { color: #333; text-decoration: none; }/*  #8FAA80 */
	div.drinking_games_link a:visited { color: #333; text-decoration: none; }
	div.drinking_games_link a:hover { color: #333; text-decoration: underline; }
	div.drinking_games_link a:active { color: #333; text-decoration: none; }

	.logo_bar {
		margin-top: 10px;
		width: 1000px;
		text-align: center;
		background-color: #8FAA80;
	}
	.strSearch {
		width: 340px;
		height: 32px;
		background-color: #F3FAFF;
		color: #333;
		border: 2px solid #1F527F;
		font-size: 32px;
	}
	
	.search_area {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		margin-top: 2px;
		width: 920px;
		text-align: center;
	}

	.search_button {
		padding-top: 7px;
		float: left;
	}

	.intro {

		text-align: center;
	}
	
	.tool_wrapper {
		position: relative;
		margin-right:auto;
		margin-left:auto;
		text-align: center;
		background-color: #99C4E4;
		color: #FFF;
		width: 920px;
		height: 350px;
	}
	.advanced_left {
		width: 225px;
		padding-left: 8px;
		padding-right: 17px;
		text-align: left;
		background-color: #99C4E4;
		float: left;
	}
	.advanced_mid {
		width: 245px;
		padding-right: 17px;
		text-align: left;
		background-color: #99C4E4;
		float: left;
	}

	.advanced_right {
		width: 400px;
		padding-right: 8px;
		text-align: left;
		background-color: #99C4E4;
		float: left;
	}

	.advanced_section {
		width: %100;
		height: 255px;
		padding: 7px;
		background-color: #E5EBE1;

	}
	
	.strSearchIngredient {
		width: 200px;
		height: 28px;
		background-color: #FFF;
		font-size: 22px;
	}
	
	.strSelectIngredientCategory {
		width: 205px;
		height: 28px;
		background-color: #FFF;
		font-size: 18px;
		text-align: center;
	}
	
	.selectIngredientsResults {
		margin-top: 3px;
		width: 205px;
		height: 160px;
		background-color: #FFF;
		color: #333;
		overflow: auto;
	}
	div.selectIngredientsResults a:link { color: #333; text-decoration: none; }
	div.selectIngredientsResults a:hover { color: #989898; text-decoration: none; }

	.selectedIngredients {
		color: #333;
		margin-top: 3px;
		width: %100;
		height: 250px;;
		background-color: #FFF;
		
		overflow: auto;
	}
	div.selectedIngredients a:link { color: #989898; text-decoration: none; }
	div.selectedIngredients a:hover { color: #989898; text-decoration: underline; }

	.resultsDrinks {
		color: #333;
		margin-top: 3px;
		width: %100;
		height: 250px;;
		background-color: #FFF;
		overflow: auto;
	}
	
	.tool_top_left {
		width: 11px;
		height: 11px;
		background-image: url('../images/blue_t_l.jpg');
		float: left;
	}
	.tool_top_right {
		width: 11px;
		height: 11px;
		background-image: url('../images/blue_t_r.jpg');
		float: left;
	}
	.tool_mid {
		width: 898px;
		height: 11px;
		background-color: #99C4E4;
		float: left;
	}
	.tool_bottom_left {
		width: 11px;
		height: 11px;
		background-image: url('../images/blue_b_l.jpg');
		float: left;
	}
	.tool_bottom_right {
		width: 11px;
		height: 11px;
		background-image: url('../images/blue_b_r.jpg');
		float: left;
	}

	.content {
		margin-top: 3px;
		margin-right:7px;
		margin-left:35px;
		width: 920px;
		float:left;
	}


	.site_wrapper {

		margin-right:auto;
		margin-left:auto;
		width:1000px;
		/* background-color: #FFF; */
		z-index: 1;
	}
	
	.hiddenMore {
		display:none;
		position: absolute;
		width:200px;
		border: 2px solid #FFF;
		background-color: #000;
		padding: 3px;
	}


/* --------- Drink Page ------------- */
	.drink_ingredients {
		width: 220px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}

	.drink_instructions {
		width: 250px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}
	
	.drink_about {
		width: 200px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}
	
	.drink_related {
		width: 188px;
		float: left;
	}
	
/* --------- Game Page ------------- */
	.game_ingredients {
		width: 370px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}

	.game_instructions {
		width: 200px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}
	
	.game_about {
		width: 150px;
		margin-right: 10px;
		background-color: #F3FAFF;
		border: 2px solid #1F527F;
		padding: 3px;
		float: left;
	}
	
	.game_related {
		width: 138px;
		float: left;
	}
	
	.games {
		position: relative;
		margin-right:auto;
		margin-left:auto;		
		width: 500px;
	}
	
/* --------- Search Pages ------------- */
	.search_panel {
		width: 200px;
		float: left;
		border: 1px solid #E3E3E3;
		margin-top: 7px;
		margin-right: 7px;
		padding: 3px;
	}
	.search_results {
		width: 695px;
		float: left;
		border: 1px solid #E3E3E3;
		margin-top: 7px;
		padding: 3px;
	}
/* --------- Footer ------------- */
	.footer {
		text-align: center;
		font-size: 10px;
		margin-top: 7px;
/* 		margin-right: 7px;
		margin-left: 7px; */		
		float: left;
		width: 900px;
	}


/* --------- Cross-Site things ------------- */

	.success {
		text-align: center;
		width:1000px;
		float: left;
		color: green;
		border:0px solid green;
	}
	.error {
		text-align: center;
		width:1000px;
		float: left;
		color: red;
		border:0px solid red;
	}
	

    .image {
        border:1px solid #747170;
    }
    .image:hover {
        border:1px solid #EEE;
    }

/* --------- Shadow Popup ------------- */
	div.shadow_box {
		position: absolute;
		text-align:center;
		width: 350px;
		z-index: 9999;
		background-color: #FFF;
		display:none;
	}
	
	div.winDarkBackground {
		display:none;
		background-color: rgb(0, 0, 0);
		background-repeat:repeat;
		opacity: 0.3;
		-moz-opacity:0.3;
		filter: alpha(opacity=30);
		position:absolute;
		width: 100%;
		height: 1500px;
		margin-left: 0px;
		z-index: 20;
		top:0px;
	}

	.shadow_box_top {
		width: 338px;
		height: 28px;
		text-align: center;
		color: #FFF;
		font-weight: bold;
		font-size: 18px;
		background-image: url('../images/nav_header_bg.jpg');
		background-repeat: repeat-x;
		float: left;
	}

/* --------- AutoComplete ------------- */
	.ac_results {
		padding: 0px;
		border: 1px solid WindowFrame;
		background-color: Window;
		color: #000;
		z-index: 9999;
		overflow: hidden;
	}
	
	.ac_results ul {
		width: 100%;
		list-style-position: outside;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.ac_results iframe {
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
		filter:mask();
		width:3000px;
	}
	
	.ac_results li {
		margin: 0px;
		padding: 2px 5px;
		cursor: pointer;
		display: block;
		width: 100%;
		font: menu;
		font-size: 12px;
		overflow: hidden;
	}
	
	.ac_loading {
		background : Window url('../images/indicator.gif') right center no-repeat;
	}
	
	.ac_over {
		background-color: Highlight;
		color: HighlightText;
	}
/* --------- Facebook Comments ------------- */
	.testing {
		color: #FFF;
		background-color: #FFF;
	}
	
	
	/********************************************
	*		Tooltip
	*********************************************/
	#tooltip {
		width: 350px;
		color:#000;
		position:absolute;
		z-index:101;
	}

	#tooltip_info {
		padding:7px 7px 7px 7px;
		border: 2px solid #000;
		background-color:#F3FAFF;
		/* height:16px; */
		overflow:hidden;
	}

	#tooltip_arrow {
		height:5px;
		overflow:hidden;
	}

	.tooltip {
		/* deprecated */
		/* background:url( '../images/tooltip.gif' ) no-repeat; */
	}