body {
 
margin:0;
    font-family: Helvetica, Arial, Sans-Serif;
        !important;
        background-color: #2C4762;
        text-align:center;
}

h1 {
    text-align: center;
    font-size: 150%;
    font-family: Helvetica, Arial, Sans-Serif;
    color: #aaddff;
    text-shadow: 1px 2px 1px #222;
    padding-top:10px;
}

a {
    text-decoration: none;
   color: #556677;
}
#menu a {
	 color: #aaddff;
    font-weight:bold;
	}

a:visited {
    color: #556677;
}

#menu a.visited{
	color: #aaddff;
	}

a:hover {
    text-decoration: underline;
    background-color: #eeeeff;
}

#menu a:hover {
    text-decoration: underline;
    background-color: #2C4762
}

input {
    margin-top: 2px;
    margin-bottom: 2px;
    width:160px;
}

.checkbox input{
	width:20px;
	margin: 5px 0 0 0;
	padding:0;
	}

img {
    border: 0px;
}

#powered {
    text-align: center;
    font-size: x-small;
}

#tabs {
    margin: 2em auto 2em auto;
    text-align: left;
    
}

.narrow {
    width: 30em;
}

.medium {
    width: 40em;
}

.wide {
    width: 800px;
}

.vwide {
    width: 950px;
}

#menu {
    margin-bottom: 1em;
}

#heading {
   border-top: 2px solid #2C4762;
      border-bottom: 2px solid #2C4762;
    text-align: center;
    background:#f0fff0 url('bg.png') repeat-x top left;
    height:120px;
    margin-top:0px;
    
    
}

.form {
    margin: 1em auto;
    background-color: #ddeef6;
    border-collapse: collapse;
}

.form th {
    border: 1px solid #778899;
    padding: 5px 10px;
}

.form td {
    border: 1px solid #778899;
    padding: 5px 10px;
    vertical-align: baseline;
}

.form .topsep {
    border-top: 3px solid #778899;
}

.form .bottomsep {
    border-bottom: 3px solid #778899;
}

.form .submit {
    text-align: center;
}

.form .mergeleft {
    border-left: 0px;
    padding-left: 0px;
}

.form .mergeright {
    border-right: 0px;
    padding-right: 0px;
}

.form .mergeup {
    border-top: 0px;
}

.form .mergedown {
    border-bottom: 0px;
}

.form table {
    margin: 0px;
    border: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.form table td {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

.form table .spacer {
    padding: 5px;
}

td.largecelllabel {
    vertical-align: middle;
}

td.largecell {
    padding: 10px;
}

td.largecell * {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#navigation {
    text-align: center;
}

#addnew {
    text-align: center;
}

.graphs {
    padding: 5em 0px;
    text-align: center;
}

.yes {
    color: #408040;
}

.no {
    color: #ff4040;
}

.dialogue {
    font-size: small;
    display: none;
}

#changebanner {
    margin: 10px auto 0px;
    display: block;
}

.banner {
    margin: 10px auto;
    display: block;
}

/* Work around a bug in jQuery 1.5.2, where the buttons are slightly off the
   bottom of dialogue boxes: */

.ui-dialog-buttonpane {
    padding-bottom: 10px;
}

#bubblebig{
	margin:auto;
	width:300px;
	
	}
#bubble {
	background:transparent url(bubble.png) no-repeat scroll left top;
	
	}
	
#bubble p {
	-x-system-font:none;
font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:25px;
	padding:18px 10px 0 15px;
	text-align:left;
	color:#10487D;
	}
	
#signup2 {
	bottom:30px;
position:relative;
text-indent:80px;
	}