/*
----------------------------------------------------------------------------------------------
												BODY 
----------------------------------------------------------------------------------------------
*/
body 
{
	font-family:   "MS Reference Sans Serif", "Trebuchet MS", verdana, arial, Tahoma;
	font-size: small;
	height: 100%;
}

/*------------------------------*/
/*          FOOTER              */
/*------------------------------*/
html, body {
height: 100%;
}
#container {
min-height: 100%;
border-left: 2px solid #666;
border-right: 2px solid #666;
width: 100%;
margin: 0 auto;
}
* html #container {
height: 100%;
}
#footer {
width: 100%;
color: purple;
text-align: center;
height: 50px;
padding-top: 50px;
margin: -50px auto 0 auto;
}
#clearfooter {
height: 50px;
}
/*--- end of Footer ---*/



/*
----------------------------------------------------------------------------------------------
												TABLES
----------------------------------------------------------------------------------------------
*/

.dsFilter
{
	background-color: beige;
}

.dsTable
{
	background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #800080;
}

.dsTableHeader
{	background: url(http://www.pewmate.com/images/backbar_purple.jpg);
	font-weight: bold;
	color: white;
}

.dsTableButtonRow
{
	background-color: #f1efe2;			/*#f1efe2;*/
	font-weight: bold;
	color: Purple;
}

.dsTableCol1
{
	background-color: #ffffff;
	/*font-weight: bold;*/
	color: purple;
}

.dsTableCol2
{
	background-color: #f5f5f5;
	color: purple;
}


/*
----------------------------------------------------------------------------------------------
												MENU
----------------------------------------------------------------------------------------------
*/
    .toolbar
    {
		background-color: gold;		/*#f7f2ea*/
        font-size: 13px;
        font-family: Verdana;
        font-weight: 400;
        color: black;
        padding: 4px;
		border-width: 1px;
		border-color: #ffe #aaab9c #ccc #fff;
		border-style: solid;
    }
    
	.submenu
	{
		background-color: gray;
		color: white;
		font-weight: 400;
		border-width: 1px;
		border-color: #ffe #aaab9c #ccc #fff;
		border-style: solid;		
	}
	

/*
----------------------------------------------------------------------------------------------
												HELP MENU 
----------------------------------------------------------------------------------------------
*/


ul#navlistHELP
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
/* width: 70%; */
width: 100%;
}

ul#navlistHELP li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlistHELP li a
{
display: block;
width: 100%;
padding-left: 0.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: purple;
text-decoration: none;
/* default color = #f7f2ea */
/* light purple  = #d8bfd8 */
background: #f1eadc;
}

#navcontainer>ul#navlistHELP li a { width: auto; }

ul#navlistHELP li#active a
{
background: #f0e7d7;
color: purple;
}

ul#navlistHELP li a:hover, ul#navlistHELP li#active a:hover
{
color: purple;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


/*
----------------------------------------------------------------------------------------------
												MENU 
----------------------------------------------------------------------------------------------
*/

ul#navlist
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
/* width: 70%; */
width: 100%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding-left: 0.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
/* color: #777; */
color: purple;
text-decoration: none;
/* default color = #f7f2ea */
/* light purple  = #d8bfd8 */
background: #f1eadc;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: purple;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: purple;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

/*
----------------------------------------------------------------------------------------------
												MENU 
----------------------------------------------------------------------------------------------
*/
.ModalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.ModalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}