/************************************************************
	NOTE:
	This file should only be changed for formatting and
	default color adjustments.
	The config.xml file should be edited for custom color 
	and image choices.
*************************************************************/ 

/* Body - Use for generic font settings */
body 
{
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
  color: #333;
  background: rgb(30,20,20);
  font-size: 67.5%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  border: none; 
 
}

/* Page Containers */
#Container 
{ 
	background: #fff url("../images/bottomrightred.gif") no-repeat bottom right;
	color: Black;
	padding: 0px;
	width: 95%;
	border-left: 2px solid rgb(128,205,5); 
	border-right: 2px solid rgb(128,205,5); 
	border-bottom: 2px solid rgb(128,205,5); 
}

/* Header Divisions */
#PageHeader 
{
	margin: 0px;
	padding: 0px;
	width: inherit;
}
#Logo 
{
	/* This is a trick to replace text with image */
	/*
	background: transparent url("../images/ps1000.jpg") no-repeat top left;
	color: Black;
	height: 155px;
	*/
}
#Logo span { display:none; /* removes the text */ }

#Title 
{ 
	position: relative;
	top: 0px;
	left: -2px;
	width: 450px;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid rgb(128,205,5); 
	border-left: 2px solid rgb(128,205,5); 
	background: #000 url('../images/headergradient.gif') left top;
	color: White;
}
#Title p
{
	margin: 0px;
	padding: 5px 0px 5px 10px;
	border-top: 2px solid rgb(128,205,5);
	background: inherit;
	color: inherit;
	font-size: x-large;
}
#MiniTitle
{
	position: relative;
	height: 30px;
	padding: 0px 0px 0px 5px;
	border-top: 1px solid rgb(137, 137, 137);
	border-left: 1px solid rgb(137, 137, 137);
	border-right: 1px solid rgb(137, 137, 137);
	background: #000 url("../images/sgg.jpg");
	/*font-size: large;*/
	color: black;
}

#ISDLogo 
{ 
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
}

/* Link Division */
#SideBar, #LinkPanel
{
	position: fixed;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	
}
#SideBar ul 
{     
	width: 175px; 
	margin: 5px 20px 5px 0px; 
	padding: 2px 0px 2px 0px;
}

/* Side bar headers */
ul.Header
{	
	line-height: 3ex;
	background: white; /* rgb(231,21,1) */
	color: black;
	padding: 0px 0px 0px 0px;
	border: 2px solid rgb(161,31,5); 
	list-style-type: none;
}
ul.Header li
{
	padding-left: 10px; 
	font-weight: bold; 
}

/* Account Balances */

#AccountBlock
{
	position: fixed;
	top: 0px;
	right: 185px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
}

#AccountBlock ul 
{ 
	line-height: 3ex;
	width: 175px; 
	margin: 5px 20px 5px 0px; 
	padding: 2px 0px 2px 0px;
}
/*
div.DragPanel
{
	position: absolute;
	top: 0px;
	right: 215px;
	padding: 0px;
	margin: 0px;
	z-index: 1;
	width: 179px;
}
*/
ul.AccountBalances 
{	
	line-height: 3ex;
	background: rgb(245,238,183);
	padding: 0px 0px 0px 0px;
	border: 2px solid rgb(205,128,5);  
	list-style-type: none;
}

ul.AccountBalances li 
{	
	background: inherit; 
	font-weight: normal; 
	font-size: xx-small;
	
	/* Causes indent of second line */
	padding-left: 10px; 	
}

ul.AccountBalances li.L1BalA { }
ul.AccountBalances li.L1BalB { /* background: rgb(235,235,245); */ }
/* Page Links */
ul.PageLinks 
{	
	line-height: 3ex;
	background: rgb(215,235,185);
	padding: 0px 0px 0px 0px;
	border: 2px solid rgb(128,205,5); 
	list-style-type: none;
}

ul.PageLinks li 
{
	padding-left: 10px; 
	background: inherit; 
}

ul.PageLinks li.L2
{
	padding-left: 20px; 
}

ul.PageLinks li a 
{
	font-weight: bold; 
	text-decoration: none;
	color: rgb(66,107,5);
}
ul.PageLinks li a:hover, a:active 
{ 
	text-decoration: underline;
	color: rgb(248,128,0);
}

ul.PageLinks li:hover
{
	color: rgb(161,31,5);
	/* background: rgb(161,31,5); */
}

/* Session Links */
ul.SessionLinks 
{
	line-height: 3ex;
	background: rgb(225,235,185); 
	padding: 0px 0px 0px 0px;
	border: 2px solid rgb(128,205,5); 
	list-style-type: none;
	
	border: 2px solid rgb(13,84,134);
	background: rgb(195,216,238);
}
ul.SessionLinks li
{ 
	padding-left: 10px;
	background: inherit;
}
ul.SessionLinks li a 
{
	font-weight: bold; 
	text-decoration: none;
	color: rgb(13,84,134);
}
ul.SessionLinks li a:hover, a:active 
{ 
	text-decoration: underline;
	color: rgb(248,128,0);
}

ul.SessionLinks li:hover
{
	color: rgb(161,31,5);
	/* background: rgb(161,31,5); */
}

/* Page Content */
#PageContent 
{
	background: #fff url("../images/topleftred.gif") no-repeat top left;
	position: relative;
	margin: 0px 0px 0px 0px;	
	padding: 15px 15px 15px 15px;	
	/* width: 500px; */
	z-index: 1;
}
#PageContent hr
{
	background: rgb(161,31,5);
	color: rgb(161,31,5);
}

#MiniContent
{
	position: relative;
	border-bottom: 1px solid rgb(137, 137, 137);
	border-left: 1px solid rgb(137, 137, 137);
	border-right: 1px solid rgb(137, 137, 137);
	
}
/* Footer Divisions */
#PageFooter 
{
	position: relative;
	font-size: x-small;
	border-top: 2px solid rgb(128,205,5);
	/* width: 400px; */
	left: 0px;
	margin: 5px 15px 5px 15px;
	padding: 5px 0px 10px 0px;
	
	/* For floating ISDe Logo 
		May increase with SSL seal */
	height: 70px;
}
#PageFooter p
{
	text-align: left;
}

/* Common Overrides */
/* Text */
p, a { margin: 0px; }
p.Note { font-size:x-small; }
p.Error { color:Red; }
p.Heading
{
	font-weight: bold;
	margin: 5px 0px 5px 0px;
}
p.BigHeading
{
	font-size: large;
	font-weight: bold;
}
p.Example
{
	font-style:italic;
}
p.Grouping
{
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	text-decoration: underline;
}
/* Links */
a 
{
	font-weight: bold; 
	text-decoration: none;
	color: rgb(161,31,5); 
} 
a:hover
{
	text-decoration: underline;
	color: rgb(248,128,0);
}

td, th { text-align: left; padding: 2px 5px 2px 2px; }
th { padding: 5px 5px 5px 2px; text-decoration: underline; }
table { margin: 5px 0px 5px 0px; padding: 5px 5px 5px 5px; }


/* Colored Tables */
table.FirstColor
{           
	border: 2px solid rgb(128,205,5);
	background: rgb(215,235,185);
}
table.SecondColor
{
	border: 2px solid rgb(205,128,5);
	background: rgb(245,238,183);
}
table.ThirdColor
{
	/* Red Version
	border: 2px solid rgb(161,31,5);
	background: rgb(245,195,165);
	*/
	/* Blue Version */
	border: 2px solid rgb(13,84,134);
	background: rgb(195,216,238);
}
/* For tables without top padding */
table.InnerTable, table.InnerTable tr, table.InnerTable td
{
	padding-top: 0px;
	margin-top: 0px;
}

table.ColorPicker, table.ColorPicker tr, table.ColorPicker td
{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-size: 8px;
}

/* ASP Control Classes */
tr.GridView
{
	color:rgb(13,84,134);
	background:rgb(195,216,238);
}
#Hidden
{
	display: none;
}

/* Account History Table */
td.AccountingColumn, th.AccountingColumn
{
	text-align:right;
	vertical-align:top;
}
td.CenteredColumn, th.CenteredColumn
{
	text-align:center;
	vertical-align:top;
}
table.Results
{
	border: 2px solid rgb(13,84,134);
}

/* Rss Feed Formatting */
table.RssFeed
{
	border: 2px solid rgb(102,102,102);
	background: rgb(215,215,225);
	padding: 0px;	
}
table.RssFeed td
{
}
tr.RssHeaderStyle
{
}
tr.RssItemStyle1
{
	background: rgb(225,225,235);
}
tr.RssItemStyle2 td, tr.RssItemStyle1 td
{
	border-top: 1px solid rgb(102,102,102);
}
table.RssFeed p
{
	padding: 5px 7px 5px 7px;
}

/* Customize */
/*
#CustomizeSite
{
	height: 100px;
}
*/
div.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    cursor: pointer;
}
div.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

#colorPickerDiv
{
	position: absolute;
	padding: 0px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 1px;
	font-size: 3px;
	font-family: Arial;
}

/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */

/*------------------------------------*\
    NAV
\*------------------------------------*/
.nav {
    list-style: none;
    font-weight: bold;
    margin-bottom: 10px;
    float: left; /* Clear floats */
    width: 100%;
    /* Bring the nav above everything else--uncomment if needed.
    position: relative;
    z-index: 5;
    */
}
.nav li {
    float: left;
    margin-right: 10px;
    position: relative;
}
.nav a {
    display: block;
    padding: 5px;
    color: #fff;
    background-color: #333;
    text-decoration: none;
}
.nav a:hover {
    color: #fff;
    background-color: #6b0c36;
    text-decoration: underline;
}

/*--- DROPDOWN ---*/
.nav ul {
    background-color: #fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    background: rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
    list-style: none;
    position: absolute;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display: none;) */
}
.nav ul li {
    padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
}
.nav ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.nav li:hover ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}
.nav li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    background-color: #6b0c36;
    text-decoration: underline;
}
.nav li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
.nav li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */
    background-color: #333;
}

.main_menu
    {
       
        background-color: rgb(128,205,5);
        color: #FFFFFF;
        text-align: center; 
        height: 20px;  
        line-height: 20px;
        margin-right: 5px;
    }
    .level_menu
    {
       
        background-color: rgb(128,205,5);
        color: #FFFFFF;
        text-align: center;
        height: 20px;  
        line-height: 20px;
        margin-top: 5px;
    }
    .selected
    {
        background-color: rgb(128,205,5);
        color: #fff;
    }

.TranCal
{
	/*
    visibility: collapse;
	position: fixed;
	*/
}

  div#divContainer
        {
            max-width: 800px;
            margin: 0 auto;
            font-family: Calibri;
            padding: 0.5em 1em 1em 1em;
 
            /* rounded corners */
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
 
            /* add gradient */
            background-color: #FFFFFF;  
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#00CCCC));
            background: -moz-linear-gradient(top, #00CCCC, #00EEEE);
 
            /* add box shadows */
            -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
            -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
            box-shadow: 5px 5px 10px rgba(0,0,0,0.3);
        }
 
        h1 {color:#FFE47A; font-size:1.5em;}
 
        /*** sample table to demonstrate CSS3 formatting ***/
        table.formatHTML5 {
            width: 100%;
            border-collapse:collapse;
            text-align:left;
            color: #606060;
        }
 
        /*** table's thead section, head row style ***/
        table.formatHTML5 thead tr td  {
            background-color: White;
            vertical-align:middle;
            padding: 0.6em;
            font-size:0.8em;
        }
 
        /*** table's thead section, coulmns header style ***/
        table.formatHTML5 thead tr th
        {
            padding: 0.5em;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #0000FF, #00EEFF);
            color: #dadada;
        }
 
        /*** table's tbody section, odd rows style ***/
        table.formatHTML5 tbody tr:nth-child(odd) {
           background-color: #fafafa;
        }
 
        /*** hover effect to table's tbody odd rows ***/
        table.formatHTML5 tbody tr:nth-child(odd):hover
        {
            cursor:pointer;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #606060, #909090);
            color: #dadada;
        }
 
        /*** table's tbody section, even rows style ***/
        table.formatHTML5 tbody tr:nth-child(even) {
            background-color: #efefef;
        }
 
        /*** hover effect to apply to table's tbody section, even rows ***/
        table.formatHTML5 tbody tr:nth-child(even):hover
        {
            cursor:pointer;
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #606060, #909090);
            color: #dadada;
        }
 
       /*** table's tbody section, last row style ***/
        table.formatHTML5 tbody tr:last-child {
             border-bottom: solid 1px #404040;
        }
 
        /*** table's tbody section, separator row pseudo-class ***/
        table.formatHTML5 tbody tr.separator {
            /* add gradient */
            background-color: #808080;
            background: -webkit-gradient(linear, left top, left bottom, from(#606060), to(#909090));
            background: -moz-linear-gradient(top, #606060, #909090);
            color: #dadada;
        }
 
        /*** table's td element, all section ***/
        table.formatHTML5 td {
           vertical-align:middle;
           padding: 0.5em;
        }
 
        /*** table's tfoot section ***/
        table.formatHTML5 tfoot{
            text-align:center;
            color:#303030;
            text-shadow: 0 1px 1px rgba(255,255,255,0.3);
        }

/* Page Specific Overrides */
/* Login - #Login */
/* Customer Default - #DefaultCustomer */
/* My Account - #MyAccount */
/* Contact Info - #ContactInfo */
/* Account Deposit - #AccountDeposit */