@import url(Accordion.css);

body 
{
    background-color: #8E957E;
    color: #494949;
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
}

h2
{
   font-size: large;
   font-family: Arial, Helvetica, Sans-Serif; 
   color: #494949;
}

#wrapper
{
    background-color: #647d8f;
    width: 800px;
    margin: 0px auto 0px auto;
    border: solid 0px black;  
}

#navigation
{
    background-color: white;
    width: 100%;
    float: left;  
}

#header
{
    background: white url(/images/Manager_Banner.gif) top left;
    color: #cfdce6;
    letter-spacing: 2px;
    height: 100px;
    text-align: center;
    border-bottom: solid 0px #BBB;
}

#shoppingCart
{
    background-color: #596f80;
    color: #cfdce6;
    letter-spacing: 2px;
    height: 30px;
    text-align: right;
}

#content
{
    background-color: white;
    color: #494949;
    width: 100%;
    float: left;
    min-height: 400px;    
}

#innercontent
{
    margin-top: 3px;
    margin-bottom:20px;
    margin-left:20px;
    margin-right:20px;
}

#footer
{
    clear: both;
    background-color: #8E957E;
    color: white;
    letter-spacing: 2px;
    font-size: 80%;
    height: 25px;
    text-align: center;
    padding-top: 10px;
    border-top: solid 0px black;
}

div.borderedBox
{
	padding-right: 1em; 
	border-top: #494949 1px solid; 
	padding-left: 1em; 
	padding-bottom: 1em;
	border-left: #494949 1px solid; 
	border-right: #494949 1px solid;
	padding-top: 1em; 
	border-bottom: #494949 1px solid;
	background-color: #EEF3FA;
	width: 80%;
	margin:auto;
}

.error
{
    color:Red;
}

/* Data Form Formats */
.Form
{
	border:0;
	font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
}

.Form div
{
	 text-align: left;
}

.Form fieldset
{
	margin-bottom:.5em;
	
}

.Form legend 
{
    font-size: x-small;
}
.Form .Content 
{
	float: left; 
	margin:.3em;
	text-align: left;
	width:85%;
}

.Form .Buttons 
{
	float: right;
	 width: 13%; 
	 text-align: center;
	 padding:0;
	 margin:0;
}

.Form .Buttons .SmallGap 
{
	margin-top: .5em;
	 text-align: center;
}

.Form .Buttons .LargeGap 
{
	margin-top: 1.5em;
	text-align: center;
}

.Form .Button 
{
    font-size:small;
    width:5em;
}

.Label
{
   	color:#000080;
    text-decoration: none;
    font-size:small;
}

.Form p.title, label.title 
{
    color:#000080;
    text-decoration: none;
    font-size:small;
    margin-top:0.8em;
    margin-bottom:0.2em;
    display:block;
}

.Form p.titleinline, label.titleinline
{
    float:left;
    color:#000080;
    text-decoration: none;
    font-size:small;
    margin-top:0.3em;
    margin-bottom:0.3em;
    width:12em;
    text-align:right;
}
    
/* =Forms
-------------------------------------------------------------*/

.Form input.Data 
{
    font-size:small;
}

.LabelSmall
{
   	color:#000080;
	Font-Size:xx-small;
}

.LabelBold
{

   	color:#000080;
    font-weight:600;
}

.Data
{
   	color:black;
   	font-size:small;
}

.Form p 
{
    clear:left;
    margin:0;
    padding:0;
    font-size:x-small;
}
   
.DataBold
{
   	color:black;
    font-weight:600;
    font-size:x-small;
}

/* =DataGrids
-------------------------------------------------------------*/
.Grid 
{
      border: solid 1px #cfdce6;
      border-collapse:separate;
      padding:0;
      margin:0;
}

.GridHeader
{
      background: #CDDAF0;
      color:#295ba7;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: small;
}

.GridItem
{
      background-color:#FFFFFF;
      color:#153985;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: small;
      vertical-align:middle;
}

.GridItemAlt
{
      background-color:#EEF3FA;
      color:#153985;
      font-family: Arial, Helvetica, Sans-Serif;
      font-size: small;
      vertical-align:middle;
}

/*Menu
-----------------------------------------------*/

#chromemenu
{
    width: 99%;
    font-weight: bold;
    font-size: 90%;
}

#chromemenu:after
{ /*Add margin between menu and rest of content in Firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#chromemenu ul
{
    border: 1px solid #BBB;
    width: 100%;
    background: url(../Images/chromebg.gif) center center repeat-x;
    padding: 5px 0;
    margin: 0;
    text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li
{
    display: inline;
}

#chromemenu ul li a
{
    color: #494949;
    padding: 5px;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #DADADA;
}

#chromemenu ul li a:hover
{
    background: url(../Images/chromebg2.gif) center center repeat-x;
}

/*=Links
----------------------------------------------------------------*/
a
{
    color: #494949;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: small;
    text-decoration: underline;
}
a:link
{
    color: #494949;
    text-decoration: underline;
}
a:visited
{
    color: #494949;
    text-decoration: underline;
}
a:active
{
    color: #494949;
    text-decoration: underline;
}
a:hover
{
    color: #494949;
    text-decoration: none;
}

ul
{
	list-style: square;
	color:#596f80;
	margin-left:2.5em;
}