﻿/* Physical Page Layout*/
body 
{
	margin:20px;
	width:100%;
	text-align:center;
	background:#FEFAFB url(../../Images/memoriesbackground.jpg) top no-repeat;
}
#wrapper
{
    text-align:left;
    width:952px;
	overflow:hidden;
	margin:0 auto;
	/*
	background:url(../../Images/wrapper_background.png);
*/
	padding-bottom:20px;
}

#header{margin-bottom:5px;}
#left{width:200px;float:left;border-right:solid 1px #eee;}
#right{width:204px;float:right;}
#content{margin:0 10px;width:525px;float:left;overflow:hidden;}
#content h1{color:#791e20}
#footer
{
    clear:both;
    width:952px;
    font-size:10px;
    text-align:left;
    color:#a22;
    border-top:dotted 1px #a22;
    padding:6px 0;
    overflow:hidden;
	margin:0 auto;
	
}

#footer div img{float:left;padding:0 10px;border:none;}
#footer div address{float:left;padding-right:10px; font-style:normal;line-height:1.5em;}
#footer img{float:right;border-left:dotted 1px #a22;padding:0 15px 30px 15px;margin-left:10px}

/* Side menu */
div.SideMenu {background:url(../../Images/SideMenuBottom.png) no-repeat bottom right;float:left;width:200px;padding-bottom:10px;}
div.SideMenu div.ihie{background:url(../../Images/SideMenuTop.png) no-repeat top right;float:left;width:200px;padding-top:4px;}
div.SideMenu ul{}
div.SideMenu ul a{color:#fff;line-height:26px;padding-left:18px;
display:block;
text-decoration:none;
height:26px;
display:block;
line-height:26px;
padding-bottom:8px;
background:url(../../Images/SideMenuSeperator.gif) no-repeat bottom center;
}
div.SideMenu ul a:hover{
background:url(../../Images/SideMenuArrow.gif) no-repeat 0px 8px;
}
div.SideMenu ul{}
div.SideMenu ul li{}
div.SideMenu ul ul {display:none;padding-left:10px;}
div.SideMenu ul li ul li a{background:none;line-height:26px;height:26px;}
div.SideMenu ul li.selected {background:none;}
div.SideMenu ul li.selected ul {display:block;background-image:url(../../Images/SideMenuSeperator.gif);
                                background-repeat: no-repeat;
                                background-position:bottom center;}
div.SideMenu ul li.selected ul li{background:none;}
div.SideMenu ul li.selected ul li ul{display:none;}
div.SideMenu ul ul ul{}

/* Search box */
div.Search.Page div.tab
{
    position:relative;
    background:transparent url(../../images/SearchTab.gif) no-repeat top left;
    height:32px;
    z-index:10;
    margin-left:250px;
    color:#fff;
    padding:0 10px;
    }
div.Search.Page div.tab label{margin:-20px 4px 0 0;display:inline-block;*zoom:1;*display:inline;}
div.Search.Page div.tab a.DoSearch{}
div.Search.Page div.tab input.SearchTerm{width:150px}

div.Search.Page div.options{background:transparent url(../../images/SearchOptions.gif) no-repeat top left;
    position:relative;
    height:34px;
    width:524px;
    color:#fff;
    line-height:34px;
    padding:0 10px;
    margin-top:-1px;
    z-index:1;
    }
div.Search.Page div.options label{height:34px;line-height:34px;}
div.Search.Page div.options input{margin-left:.5em;}

div.Search.SideBar {width:204px;overflow:hidden;margin-bottom:6px;color:#fff;line-height:20px;}
div.Search.SideBar input{vertical-align:top;margin-top:4px;}
div.Search.SideBar div.tab{background:transparent url(../../Images/GoldSearchBack.gif) no-repeat top left;padding:6px 10px;}
div.Search.SideBar div.options div.info{background:none;font-size:11px;border:none;margin:0;padding:0 0 5px 0;}
div.Search.SideBar div.options{background:transparent url(../../Images/GoldSearchBack.gif) no-repeat bottom left;padding:0 10px 10px 10px;}
div.Search.SideBar div.options td input, div.Search.SideBar div.options td{vertical-align:top;}
div.Search.SideBar div.options label{color:#fff;padding-left:6px;display:inline-block;.padding-top:6px;}

/* Memory styling - most is in timeline.css */
table.memory{}
table.memory td {vertical-align:top;padding-bottom:10px;}
table.memory td img{margin-right:6px;}
table.memory td.c{width:500px;}
table.memory td div.header{margin:0;}
table.memory td div.header h3{float:left;margin-top:0;padding:0;}

/* Button styling */
a.but
{
    background:url(../../Images/Tabs/tabstates.png) no-repeat top left; 
    background-position:left 0px;
    padding-left:11px;
    margin:5px 2px 5px 0;
    vertical-align:middle;
    height:25px;
    line-height:25px;
    text-decoration:none;
    cursor:pointer;
    display:inline-block;
    zoom:1;
    *display:inline;
    }
a.but span
{
    vertical-align:middle;
    font-size:12px;
    color:#fff;
    text-decoration:none;
    background:url(../../Images/Tabs/tabstates.png) no-repeat top right; 
    background-position:right 0px;
    padding:0 12px 0 0;
    height:25px;
    line-height:25px;
    display:inline-block;
    zoom:1;
    *display:inline;
    font-weight:bold;
    min-width:100px;
    text-align:center;
    }
    
a.but:hover{background-position:left -50px}
a.but:hover span {background-position:right -50px}

/* Form Control styling */
fieldset legend{margin:0 0 1em 0}
fieldset label{margin-right:10px;width:100px;margin-top:2px;}
fieldset input{margin-bottom:5px;width:250px;font-size: 9pt;}
fieldset .checkbox, fieldset .checkbox input{margin:0px;width:20px;border:none;}
fieldset label.checkbox{width:auto;color:#000;margin:4px 0 0 160px }
fieldset textarea{width:350px;height:200px;font-size: 9pt;}
fieldset textarea.small{height:50px;margin-bottom:5px;}
fieldset textarea.medium{height:100px;margin-bottom:5px;}
ul.feedback {margin:1em 2em;list-style-type:disc;}