* {margin:0;padding:0}
body {padding: 0 0 0 0px;background: #fff url("images/body_bg.gif") repeat-x 0 100%;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}

/* LINKS */
a {background:transparent;text-decoration:none;cursor:pointer; color:black;} 
a:visited {color:#999} 
a:hover {text-decoration:underline;} 
.checkBorder { border-color:#DC143C}

/* FORMS */
form {margin: 0 0 1.5em}
.formMain{background-color:#EEEDE8}
.formBody{background-color:white}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}

/* FORMS - general classes */
input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

/* TYPOGRAPHY */
p, ul {margin: 0 0 1.5em}
h1, h2, h3, h4 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 156%;margin-top:.0em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
.body {font-size: 85%}
.adminBody {font-size: 110%}
.admin{font-size: 115%}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.bodyTitle {font-size: 95%}

/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */
#MainContent {background-color:white; height:420px; width:auto; overflow:auto;}
#MainContentTT {background-color:white; min-height:400px; width:auto; overflow:auto;}
#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}

/* Menu and Banners*/
/*.menu {position: absolute}*/
.greyBack {background-color: Gray; color: White}
.beigeBack {background-color:#EEEDE8}
.rowShade{background-color:#e7e3c9}
.crimson {background-color:#DC143C}
.bodyStyle{background-color:#DAD4C4}
.whiteBack {background-color:#FFFFFF}

.headerFiller
{
	height:20px;
}

img 
{
	border:0
}

.popupSurround
{
	position: relative;
    background-color: White; 
    border: solid 5px firebrick;
    padding: 10px;
    /*border:solid 1px blue;*/
}

/* Blocks out the bg when using ajax popups */
/* Ignore the sligthly odd filter/opacity tags! */
.modal_bg
{
	background-color: silver;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

ul
{
	list-style-type:circle;
	list-style-position:inside;	
}

/* BreadCrumb Styles*/
#Breadcrumb
{     
    width: 100%;
	font-size:x-small;
}

#Breadcrumb li
{
	float:left;
	list-style:none;
	text-align:center;
	width:auto; 
}

#Breadcrumb span
{
      margin: 0 0 0 5em;
      font-family: Arial, San-Serif;
}
#Breadcrumb a
{
      color:#AAAAAA;
      text-decoration:none;
}
#Breadcrumb a:hover
{
      color:#777777;
      text-decoration:underline;
}

/**************************************
Paging, used throughout site
**************************************/
tr.paging
{
	background-color:#EEEDE8;
}

tr.paging td td
{	
	padding:0 0 0 0em;
}

tr.paging td td span
{
	background-color:#EEEDE8;
	padding:.5em;
	font-weight:bold;
}

tr.paging td td a
{
	background-color:#E2E0D8;
	padding:.5em;
}

/**************************************
Listbuilder
**************************************/
td.CompartmentHeader
{
	background:#DC143C;
	color: #FFFFFF;
	font-weight:bold;
}

.fullScreen
{
	width:100%;
}
.fullScreen td
{
	vertical-align:text-top;
	text-align:left;
}
.buttonRight
{
	float:right;
}

.controllabel{width:150px;}

.controlfield{width:200px;}

/** Edit Bar **/
#EditBar 
{
	height: 30px;
	background: #FFFFFF;	
	padding: 5 0 5 0;	
}
#rightContent {float: left; width:45%; padding: 6px;}
#leftContent {float: left;width: 45%; padding: 6px;}


/****** Table for adding time trackers*********/
.tableAdd
{
	width:95%;
}

.tableAdd td
{
	width:20px;
}

.tdSmall
{
	width:10px;
}

div.ExitPanel
{
	float:right;
}
div.FooterPanel
{
	float:left;
}
.centred
{
	text-align:center;
}