/*=====================================================================
 *
 * Filename: styles.css
 * Website: www.conundrum.org.uk
 * Author: David Lobo
 * Date Created: 01/10/2009
 * Media: Screen
 *
 * Description
 * -----------
 * Simple centered box layout for all resolution screens
 * 
 *
 *=====================================================================*/

/*Layout styles*/
html{height:100%;margin-top:20px;}

body{
text-align:center;
background-color:#ffffff;						
height:100%;
font-family:"Verdana",Sans-Serif;
font-size:0.8em;
}


#wrapper{
width:99.9%;
border-left: 1px solid #3F2F5B;
border-right: 1px solid #3F2F5B;
}

#content-container{
background-color:#f4f1f8;					
width:70%;
min-width:780px;
max-width:780px;
text-align:left;
position:relative;
}

#content{
background-color: #f4f1f8;
width:80%;
margin:auto;
min-height:400px;
padding-bottom:10px;
}

#header{
width:100%;
margin:auto;
height:50px;
font-size:2em;
background-color: #3F2F5B;
color:white;
background-image:url('/system/static/images/platelogo.png');
background-repeat:no-repeat;
background-position:left;
display:block;
}

#footer{
background-color: #3F2F5B;
width:100%;
margin:auto;
position:relative;
bottom:0;
height:20px;
text-align:right;
clear:both;
}

#footertext{
color:#FFFFFF;
font-size:0.8em;
font-weight:normal;
padding:2px;
}

body, #content-container{margin:0 auto;}

/*Component styles*/
#search{
margin-bottom:10px;
background-color:#f4f1f8;
text-align:center;
border-bottom: 1px solid #8c938c;
}
#results{
margin-bottom:0px;
background-color:#eae4f1;
text-align:left;
}

#links{text-align:center;}
#results{padding-top:20px;padding-bottom:20px;}
#search{padding-top:40px;padding-bottom:20px;}

div.textbox {
width:100%;
background-color:#eae4f1;	
padding:10px 15px 10px 15px;
float:left;
margin-top:10px;
border:1px solid #8c938c;
}


/*Menu links styles*/
.title {padding: 7px 0 2px 0; margin: 0 0 0 0;}
.menu ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
div .menu{margin-top:0px;background-color:red; width:500px;}
.menu ul li { list-style:none;display:block;float:left;}
.menu ul li a {padding:5px;background-color:#eae4f1;
display:block;color:black;text-decoration:none;width:5em;text-align:center;}
.menu ul li a:hover {padding:5px;background-color:#3F2F5B;color:#FFFFFF;}
.menu li{border-bottom:1px solid #8c938c;}
.menu li{border-right:1px solid #8c938c;}
#firstlink{border-left:1px solid #8c938c;}
#lastlink{clear:right;}
#selected{font-weight:bold;}

/* Web table styles*/
.data table{
border-collapse:collapse;
width:80%;
margin-left: auto;
margin-right: auto;
}

.data th {
background: #664A95;
color: #fff;
font-weight: bold;
padding: 2px 11px;
text-align: left;
border-right: 1px solid #fff;
line-height: 1.2;
}

.data td{
padding: 6px 11px;
border-bottom:1px solid #664A95;
vertical-align:top;
}

.data td *{	padding:6px 11px;}

.data tr.alt td{background:#ecf6fc;}
.data tr.over td{background: #bcd4ec;}

/* Data tables styles*/
table.web{
border-collapse:collapse;
width:80%;
margin-left: auto;
margin-right: auto;
}
.web th {
background: #664A95;
color: #fff;
font-weight: bold;
padding: 2px 11px;
text-align: left;
border-right: 1px solid #fff;
line-height: 1.2;
}

.web td{
padding: 6px 11px;
border-bottom:1px solid #664A95;
vertical-align:top;
}

.web td *{	padding:6px 11px;}

.inner td{border-bottom: none;}

/*form styles*/
input.number{margin:0em 1em 1em 1em;}
.error{color:red;font-weight:bold;}

a{color:#3F2F5B;}
p{margin-top:0;}