.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. */
/*------------------------------------------
Copyright 2007 - BENEM TECH SERVICES LLC
        ALL RIGHTS RESERVED


Color Values:
    Dark Blue:          24/55/101   #183765
    Medium Blue                     #8a91ad
    LightBlue:                      #E4ECF8
    Dark Orange:        227/123/38  #e37b26
    VeryLight Orange:   249/189/144 #f9bd90
------------------------------------------*/


/*------------------------------------------
    TYPE Selectors
------------------------------------------*/

body
{
    font-family: "trebuchet MS" , tahoma, verdana, arial, helvetica, sans-serif;
    background-color: white;
    color: black;
    font-size: .8em;
    line-height: 160%;
    height:100%;
    width: 800px;
    margin-left: 10px;
    margin-right: auto;
}


a.Navigation                        /* Links with class="Navigation" */
{	font:13px;
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	/*border-right:1px solid #FF6600;*/
}
a{ color: #0066cc;}         /* All links will be this color */
a:hover.Navigation { color: white;} /* When we hover on links with a class="Navigation" turn white */
a:hover {color:#f9bd90;
    text-decoration:none;}    /* When hovering over links they should change colors */



/* datagrid styles */
TABLE.DataGrid
{
	font-size: 10px;
	width: 100%;
	font-family: Verdana, Arial;
}

TR.dgHeader
{
	font-size: 11px;
	font-weight: bold;
	color: white;
	background-color: #8a91ad;
	text-align: center;
}
/* used for import to display different color messages based on the type */
TR.dgMessageError
{
	color:red;
	background-color: white;
	text-align: left;
	
}
TR.dgMessageWarning
{
	color:Firebrick;
	background-color: white;
	text-align: left;
}
TR.dgMessageStatus
{
	color: Blue;
	background-color: white;
	text-align: left;
}



/*------------------------------------------
    CLASS Selectors
------------------------------------------*/
.PageName                   /* Used in the Header of pages to indicate what page we are on. */
{
    font-size: 24px;
    line-height: 32px;
    font-style: italic;
    letter-spacing: 0.2em;
    font-variant: normal;
}

.TextLabel
{
	font-weight:bold;
}
.TextLabelLeft
{
	font-weight:bold;
	text-align:left;
}
.TextLabelRight
{
	font-weight:bold;
	text-align:right;
}

.KeyWord
{
	color: #b42038;
	font-style: italic; 
}

.CustomerQuote
{
	font-size: 10pt;
	color: #eb7c00;
	font-style: italic;
}
.CustomerQuoteSource
{
	font-size: 9pt;
	color: #063868;
	font-style: italic;
}
.ErrorMessage
{
	font-size: 11px;
	color: red;
	font-family: Verdana, Helvetica, sans-serif;
}
.PageMessage
{
	font-size: 11px;
	color: blue;
	font-family: Verdana, Helvetica, sans-serif;
}


	
.toolbar                    /* Used for the Menu "toolbar" */
{
 font-family: Verdana;
}

.contents-outside
{
    background: #E4ECF8;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contents-inside
{
    background: white;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 18px;
    padding-top: 18px;
}

.contents-inside-tl-curve
{
    position:absolute;
    background: url(../../Images/Content-Inside-TL-curve.png) no-repeat;
    width:36px;
    height:36px;
}

.contents-inside-tr-curve
{
    float:right;
    position:relative;
    background: url(../../Images/Content-Inside-TR-curve.png) no-repeat;
    width:36px;
    height:36px;
 }


.SlideShowImage
{
border: 10px solid #000000; 
background-color:#e37b26;
padding: 15px;
margin:30px;
width: auto
}
/*------------------------------------------
    ID Selectors
------------------------------------------*/
#header-container 
{
	height:63px;
	width:800px;
   	background-image:  url(../../Images/Background-Gradient.png);
   	background-repeat: repeat-y;
   	padding:0px;
   	spacing:0px;
}
#header-container a {text-decoration:none;}     /* Prevent links in header containers from being underlined etc. */

#header-left        /* Adds the curved edge to the header */
{
    width: 172px;
    height: 63px;
    background: url(../../Images/bg-curve-top-left.gif) no-repeat;
    padding-right: 10px;
    padding-left: 18px;
    padding-bottom: 4px;
    padding-top: 4px;
    float:left;
}

#header-pagename
{
    width:600px;
    height:38px;
    color: White;
    text-align: center;
    float:Left;
    margin-top:5px;
}

.header-links a
{
    height: 20px;
    margin: 0;
    background: url(../../Images/Login-Gradient.png);
    background-repeat: repeat-x;
    font-size: 13px;
    text-align: left;
    z-index: 0;
    float: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}	

#Menu-Container
{
    width:800px;
    background: #b42038;    /* maroon */
}



#footer-container
{
    font-size: 11px;
    background-color: silver;
    text-align: center;
    clear: both;
    padding: 0;
    line-height: 140%;
}

.footer-left 
{
	float:left;
	padding:0
}
.footer-right 
{
	float:right;
	padding:0
}