/* ###--------------------------------------------------------###
 * Template wanda
 *
 * Copyright (c) 2007 - 2010 Big Fish Games, Inc.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 *
 *
 * @author William Moffett <william.moffett@bigfishgames.com>
 * @version 0.8
 * @package PNP Tools
 * @subpackage SGS
 *
 * @modified 01/06/2008 william
 * @copyright Copyright (c) 2007 - 2010 Big Fish Games, Inc.
 * @license http://creativecommons.org/licenses/GPL/2.0/ Creative Commons GNU GPL
 */
/* base elements */
		body{
			margin:0px;
			padding:0px;
			font: 11px/14px Verdana, Tahoma, Arial, Helvetica, sans-serif;
			color:#333333;
			text-align:center;
			background:#d4e3f0 url(images/body.gif) top left repeat-x;
		}

		a{ text-decoration:none; color:#0549c9;}
		a:hover{ text-decoration:underline; color:#008800;}

		h1,h2,h3,h4,h5{
			margin:0px;
			padding:0px;
		}

		h1{ font-size:20px; }
		h2{ font-size:18px; }
		h3{ font-size:16px; margin:0px 0px 16px 0px; padding:16px 0px 4px 0px; color:#00305b; border-bottom:1px solid #b6cddd; }
		h4{ font-size:12px;   margin:4px 0px 4px 0px; padding:16px 0px 4px 0px; color:#00305b; border-bottom:1px solid #b6cddd;} 
		h5{ font-size:12px; }

		p{ margin:0px; padding:4px 4px 4px 4px; display:block; clear:both; }
	

		img{ border:none;}
		form{ padding:8px 8px 20px 8px;
			background: #ffffff url(images/textbox.gif) top left repeat-x;
			border:1px solid #b7d2db;
			width:400px;
		}

		/* page layout */

		#page{
			margin:0px auto;
			padding:0px;
			width:760px;
			background:transparent url(images/layout_tile.gif) top left repeat-y;
		}

		#header{
			position:relative;
			margin:0px;
			padding:0px;
			width:758px;
			height:141px;
			background: transparent url(images/header.gif) top left repeat-x;
			border-right: 1px solid #bed7e3;
			border-left:1px solid #bed7e3;
		}

		#content{
			margin:0px;
			padding:0px 0px 14px 0px;
			width:760px;
			background: transparent url(images/layout_bottom.gif) bottom left no-repeat;
			text-align:left;
		}

		/* content elements */

		#main{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 15px;
			width:545px;
			float:left;
		}

		#sidebar{
			margin:40px 10px 0px 0px;
			padding:4px 0px 4px 0px;
			width:155px;
			float:right;
			border:1px solid #a2bdcf;
			border-top:3px solid #a2bdcf;
			background-color:#d4e3f0;
			overflow:hidden;
		}

		#footer{
			margin:0px;
			padding:34px 0px 0px 0px;
			width:760px;
			clear:both;
			background:#d4e3f0 url(images/layout_top.gif) left 20px no-repeat;
		}

		#fcontent{
			margin:0px;
			padding:0px;
			height:40px;
			background:transparent url(images/layout_tile.gif) top left repeat-y;
		}

		#copyright{
			background:#d9d9d9;
		}

		/* header elements */
		#header h1, #header h2{
			position:absolute;
			top:0px;
			margin:0px;
			color:#ffffff;
		}

		#header h1{
			padding:0px 0px 0px 122px;
			height:107px;
			left:0px;
			background:transparent url(images/logo.jpg) left top no-repeat;
			line-height:105px;
			text-align:left;
			font-size:26px;
		} 
				
		#header h2 {
			right:-1px;
			padding-right:20px;
			width:450px;
			height:109px;
			line-height:179px;
			text-align:right;
			background: transparent url(images/bubbles.gif) top right no-repeat;

		}

		#utility{
			position:absolute;
			top:0px;
			right:-1px;
			display:inline;
			margin:0px;
			padding:0px 0px 0px 44px;
			height:25px;
			background: transparent url(images/utility.gif) top left no-repeat;
			z-index:100;
		} 
				
		#utility a{
			display:block;
			margin:0px;
			padding:0px 20px 0px 0px;
			float:left;
			line-height:25px;
			background-color:#ffffff;
		}

		#navigation{
			display:block;
			position:absolute;
			top:109px;
			left:0px;
			margin:0px 0px 0px 40px;
			padding:0px 0px 0px 1px;
			width:718px;
			height:32px;
			line-height:32px;
			text-align:left;
			background: transparent url(images/divider.gif) top left no-repeat;
		}
		
#sidebar h4{
	font-size:10px;
	margin-left:4px;
}		

#sidebar p{
	margin-left:4px;
}
#sidebar ul { margin: 0px; padding:2px 4px 2px 4px; list-style : none; } 	
		
		.clearfix{
			clear:both;
			height:1px;
		}

		#formdata{
			margin:20px 0px 20px 0px;
			padding:8px 0px 8px 40px;
		}

		label{ height:18px; line-height: 16px; display:block; float:left; width:170px; text-align:right; }

		.textbox{
			height:100px;
			width:540px;
			border:1px solid #c2d9e1;
			background: transparent url(images/textarea.gif) top left repeat-x;
			border:1px solid #b7d2db;
		}
		.textbox:hover{
			background: #ffffff;
			border:1px solid #9cbfcb;
		}

		.button{
			margin-left:170px;
			color:#ffffff;
			background: #0549ad;
		}

/* Text Colors */
.txt_red { color: #FF0000; }
.txt_blue { color: #0549c9; }
.txt_green { color: #008800; }

.divider{	color:#7FB0DB; }


.exampleBox{
	margin:15px 5px;
	padding:10px 5px 10px 10px;
	border:1px solid #a2bdcf;
	border-top:3px solid #a2bdcf;
	background-color:#d4e3f0;
	overflow:hidden;
}