/* Main styles */
h1.accountName, h2.accountName
{
	/* currently not using this class, but it is in place if we ever want to style the Account and Sub account names. */ /*background-color: Gray*/
}
h1.big, h1.big a.noUnderline
{
	font-size: 1.8em; /*font-size: 16pt;*/
	color: #00009c; /*color: #01a4df; */
	margin-bottom: 4px;
	margin-top: 8px;
}
h1, h1 a.noUnderline
{
	font-size: 1.6em; /*14pt;*/
	color: #00009c; /*color: #01a4df; */
	margin-bottom: 4px;
	margin-top: 8px;
}
.dark /*This is always the darker color*/
{
	color: #00009c;
}
.darkHeader
{
	color: #00009c;
	font-family: Arial;
	
}
.light /*This is always the lighter color*/
{
	color: #C9D3F9;
}
.highlight /*This should be the opposite of the primary heading colors */
{
	color: #01a4df;
}
.comment
{
	font-style: italic;
	color: #01a4df;
}
h2
{
	font-size: 1.3em;/*12pt;*/
	color: #00009c;
	margin-bottom: 4px;
}

h2 a.noUnderline
{
	color: #00009c;
	margin-bottom: 4px;
}

/* half way between h2 and h3 */
h2.andAHalf, h2.andAHalf a.noUnderline
{
	font-size: 125%;/*10pt;*/
	color: #00009c;
	margin-bottom: 4px;
}
h3, h3 a.noUnderline
{
	/*font-size: 9pt;*/
	color: #00009c;
	margin-bottom: 2px;
	font-size: 1.1em;
}
h4, h4 a.noUnderline
{
	font-size: 90%;/*8pt;*/
	color: #00009c;
	margin-bottom: 2px;
}
a[disabled="disabled"]
{
	color: rgb(191, 186, 161); /*Gray*/
}
/* if you can link to a specific anchor by name, don't know the underline */
/*a[name] { TEXT-DECORATION: none }
a[href] { text-decoration: underline }*/
/**
* Force a link to appear small
*/
a.small
{
	font-size: 85%;/*7pt;*/
	text-decoration: underline;
}
a.help
{

	/*bottom: 3px; */
	font-size: 75%;/*7pt;*/
	color: #01a4df;
	text-decoration: none;
}
a.noUnderline
{
	text-decoration: none;
}
a.delete
{
	font-size: 90%;/*8pt;*/
}
/* Help pop ups - use along with the "title" attribute to show the help cursor, 
	so the user knows that the browser delayed popup will appear*/
.popup
{
	cursor: help;
	text-decoration: none;
}

/* Another popup method. 
	This style of pop ups supports multiple lines, but it does not wait to appear */
div.info
{
	position: relative; /*this is the key*/
	z-index: 24;
}

div.info:hover
{
	z-index: 25;
}

div.info span
{
	display: none;
}

div.info:hover span
{
	/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #0cf;
	background-color: #01a4df;
	color: #000;
	text-align: left;
	font-size: 90%;/*8pt;*/
	padding: 10px;
}

/* Use this to force centering 
 *(related to an apparent bug where <td align=center> doesn't override td { text=align: left } */
.center
{
	text-align: center;
}
td.Account
{
	width: 360px; /* This must be less than half of 763 */
}
td.subAccount
{
	width: 360px;
	margin-left: 18px;
	padding-left: 18px;
}
td.spacer
{
	width: 18px;
}
/** Page level "return" "cancel" "okay" alignement */
/* this allows buttons to appear to the right, but not all the way to the right*/
table.pageLevelButton
{
	left: 0;
	width: 75%;
}

td.pageLevelButton
{
	text-align: right;
}



/** Queue styles */
table.queue
{
	/*width: 1200;*/
}

table.wide
{
	width: 1200px;
}



table.queue tr
{
	/* width: 100%; */
	white-space: nowrap;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-right: 8px;
	padding-left: 8px;
	/*font-size: 100%;/*10;*/
	color: Black;
}
table.queue td
{
}
/** Queue styles */
table.queue .headerRow
{
	color: white;
}
/*table.queue td:hover
{
	color: red;
	font-size: 14;
}
table.queue span
{
	color: #009ed8;
	font-weight: bold;
}*/
/* Error styles */
td > div.panelError
{
	display: none;
}
td:hover > div.panelError
{
	display: inline;
}

.center
{
	text-align: center;
}
.right
{
	text-align: right;
}

.unbulleted
{
	text-indent: -4em;
	list-style-type: none;
	line-height: 200%;
	text-indent: -3em;
}

.indented
{
	margin-left: 1em;
}


.destOpts div 
{
	/*display: -moz-inline-block; /* fix Firefox's rendering */
	display: inline-block;
	margin-right: 2em;
	line-height: 200%;
}

* html .destOpts div /* fix IE's rendering */
{
	display: inline;
	vertical-align: top;
}

/*
.destOpts .type
{
	width: 5em;
	white-space: nowrap;
}

.destOpts label.item
{
	/*display: -moz-inline-block; /* fix Firefox's rendering 
	display: inline-block;
	width: 6em
	text-align: right;
}

.destOpts .example
{
	vertical-align: top;
}
*/

.help
{
	/*border-bottom: 1px dotted black; */
	cursor: help;
}

.error
{
	color: red;
	font-style:italic;
}

.inlineblock
{
	display: -moz-inline-box;
	display: inline-block;
	text-indent: 0;
}


#pathdescript
{
	display: none;
	font-size: larger;
}

#pathdescript code
{
	font-weight: bold;
	font-size: 100%;
}

.HeaderText
{
	font-size: 90%;
}



table.stripeTable tr
{
	color: Black;
}

tr.stripeTableHeader td, tr.stripeTableHeader a
{
	/*Font-Bold="True" ForeColor="White" BackColor="#00009C"*/
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00009C;
}

.stripeTableBlue
{
	background-color: #C9D3F9;
	color: Black;
}

.stripeTableBlue th
{
	text-align: right;
}

.stripeTableWhite
{
	/*Don't need to say background-color: White;*/
	color: Black;
}

.stripeTableWhite th
{
	text-align: right;
}

.scrollingBox
{
	overflow: auto;
	height: 150px;
	width: 399px;
}

/* The below are from the Software Downloads page. */
P.shiftUp 
{ 
	left: 5px; 
	position: relative; 
	top: -10px; 
}

table.shiftUp strong
{ 
	position: relative; 
	top: 5px; 
}

table.shiftUp 
{ 
	position: relative; 
	top: -25px; 
}

table#listSoftware 
{ 
	text-align: center; 
}
/* End from Downloads page. */

/* The below is from the AccountControl.ascx file.*/
table.viewInfo TD 
{ 
	padding-right: 40px;
	vertical-align: top;
}
/*End from AccountControl.ascx*/

div#panelAccount
{
	display: block;
}

/* The following is for the pools.aspx and required pages */
.poolcategory
{
}

.poolcategory div
{
	margin-left: 1em;
}

.poolcell
{
	width: 300px;
	float: left;
}

/* Grids require shifting should use the following class instead of tables. Stacks on
   spans due to how datagrids and datalists work. */
.indentedgrid span
{
	margin-left: 5em;
}

.spacer
{
	clear: both;
}

.smaller
{
	font-size: 20px;
}

a img
{
	border: 0;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	overflow:hidden;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;

}

/*End Modal Popup */


.queueLoadingBackground {
	background-color:Gray;
	filter:alpha(opacity=97);
	opacity:0.97;
}

.queueLoadingPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;

}

/* mouse over info */
 #dhtmltooltip
	{
		position: absolute;
		border: 2px solid black;
		padding: 2px;
		background-color: LemonChiffon;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	}
	
.SelectedButtonText
	{
		font-weight: bold;  
		Color: #FFFFFF; 
		font-size: 10pt;  
		position: absolute; 
		top: 5px;
		cursor: default;
		text-decoration: none;
	}
	
.UnSelectedButtonText
	{
		font-weight: bold; 
		font-size: 10pt; 
		position:absolute; 
		top: 5px; 
		cursor: hand;
		text-decoration: none;
	}