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

body {
	background-color: #ddd;
	color: #222;
	font-family: Helvetica;
	font-size:14px;
	margin:0;
	padding:0;
	}

#header {
	background-color: #575254;
	border-color: #666;
	border: 1px solid #999;	/*	background-image: -webkit-gradient{linear, left top, left bottom, from(#ccc), to(#999)); moved to the main signup, since was interfering with bubble island graphic */
	}

#header a {
	color:white;
	text-decoration:none;
	}

#header h1 {
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	margin: 0 0 -10px 0;;
	padding: 10px 0 15px 0;
	text-align: center;
	text-shadow: 0px 1px 0px #000000;
	}
	
/* #header ul.hide {
	display: none;
	}

#header div.leftbutton {
	position: absolute;
	top: 7px;
	left: 6px;
	height: 30px;
	font-weight: bold;
	text-align:center;
	color:white;
	text-shadow:rgba(0,0,0,0.6) 0px -1px 0px;
	line-height:28px;
	border-width: 0 8px 0 8px;
	-webkit-border-image: url(images/button.png) 0 8 0 8;
	}

#header div.pressed {
	-webkit-border-image: url(images/button_clicked.png) 0 8 0 8;
	} */

ul {
	list-style:none;
	margin:10px;
	background-color:#FFF;
	border: 1px solid #999;
	color: #222;
	display:block;
	font-size:17px;
	font-weight:bold;
	margin-bottom:-1px;
	padding:12px 10px;
	text-decoration:none;
	}

ul li {
	line-height: 29px;
	}
	
ul li:first-child a {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	}
	
ul li:last-child a {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	}

ul li a:active,ul li a:hover {
	background-color:blue;
	color:white;
	}

#content {
	padding:10px;
	text-shadow: 0px 1px 0px #fff;
	color:black;
	}

.formheader {
	color: #222;
	font-size:18px;
	font-weight:bold;
	margin: 0 auto;
	text-shadow: 0px 1px 0px #fff;
	}

legend {
	font-weight:bold;
	}

.maintitle {
	color:#FF9966;
	font-size:18px;
	font-weight:bold;
	}

table {
	background-color:#FFFFFF;
	}

.tabletitle {
	color:#FF9966;
	font-weight:bold;
	}

.smallinfo {
	font-size:10px;
	}

.warning {
	color:#FF0000;
	}
	
.bubbleimage {
	background-image: url('images/bubblecard.png') ;
	background-repeat: no-repeat;
	background-position:center top;
	height: 178px;
	width: 320px;
	margin:-10px;
	letter-spacing:23px;
	border-left:25px;
	padding-top: 110px;
	margin-bottom: -110px;
	font-size:45px;
	text-indent: 15px;	
	font-weight:bold;
	}

#specialmessages {
	text-align:center;
	margin:10px 10px 10px 10px;
	background-color:#FFF;
	border: 1px solid #999;
	color: #222;
	display:block;
	font-size:17px;
	font-weight:bold;
	margin-bottom:-1px;
	padding:12px 10px;
	text-decoration:none;
	}
	
.textfield_effect    {
    /*we will first set the border styles.*/
    border-width: 2px;
    border-style: solid;
    border-color: #999999;
    /*we are now going to add in the shadow image that we created earlier*/
    background-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some text formatting of my own*/
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    color: #333333;
    width: 160px;
    height: 20px;
	margin-bottom:5px;
    }
	
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.textfield_effect:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.textfield_effect:focus    {
    border-color: #64acd8;
    border-width: 1px;
    }

.submit_button    {
    /*we will first set the border styles.*/
    border-width: 2px;
    border-style: solid;
    border-color: #999999;
    /*we are now going to add in the shadow image that we created earlier*/
    background-image: url(back_field.gif);
    background-repeat: repeat-x;
    /*I am going to add some text formatting of my own*/
    font-family: Helvetica, sans-serif;
    font-size: 17px;
	font-weight:bold;
    color: #333333;
    width: 255px;
    height: 30px;
	margin-top:10px;
    }
	
/*we are now going to style how the textfield will look when we
hover over it and when we actually have it selected*/
 
.submit_button:hover    {
    border-color: #64acd8;
    border-width: 1px;
    }
 
.submit_button:focus    {
    border-color: #64acd8;
    border-width: 1px;
	background-color:#FF9900;
    }