html, body {
	width:545px;
	height:660px;
	text-align:center;
}

ul#toc
{
    padding: 8px 16px;
    font-size: 0;
    margin:0;
	width:100%;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
    border:3px solid #25A0DA;
    border-bottom:none;
    background:#94D0ED;
}
        
ul#toc li
{
    display: inline;
    margin: 0;
    margin-right:0px; /*distance between tabs*/
}
        
ul#toc li a
{
    font: bold 14px Verdana;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 8px 20px;
    border: 1px solid #25A0DA;
    border-right:none;
    color: #000;
    background: #FFF;
    outline:none;
} 

        
ul#toc li a:visited
{
    color: #000;
}

ul#toc li a:hover
{
    text-decoration: none;
    color: #15c;
}

ul#toc li.selected a
{
    /*selected tab style */
    position: relative;
    top: 0px;
    font-weight:bold;
    background: #25A0DA;
    color:White;
}

ul#toc li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}

div.tabcontents {
    border: #25A0DA solid 3px;
    clear: left;
    padding: 1em;
	width:100%;
	height:100%;
}

div.tabcontent {
	width:100%;
	height:100%;
}

div.tabcontent.inactive {
	display: none;
}

/* Fix style for favourite location ul so it can use buttons to select the div's whilst using the same tab control javascript */ 
ul#buttonmenu {
	list-style-type: none;
	margin: 0; 
	padding: 0;
}

ul#buttonmenu li {
	display: inline;
	margin: 0;
	padding: 0;
}


#footer {
 clear: both;
 position: relative;
 z-index: 10;
 height: 3em;
 margin-top: -3em;
}

#tabcontent { padding-bottom: 3em; }

input[type=button] {
	background-color:#ffffff;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	padding:2px 2px;
	color:#000000;
	text-decoration:none;
}

.selectbuttons button[type=button] {
	background-color:#000000;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #000000;
	display:inline-block;
	padding:2px 2px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}
/* This imageless css button was generated by CSSButtonGenerator.com */