/* ================================
    CSS STYLES FOR .NET Dashboard PORTAL 
    v1.0
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
	background-color: #FFFFFF;
}

/* background color for the content part of the pages */
/*	background-color: #ffefd5; */
Body
{
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	/*background-color: #C7D3E3;*/
	color: #003366;
	
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
    margin-bottom: 0px;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family: Verdana Bold, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color:#cccc99
}

/* Small text at the bottom of the page  */
.PageFooter
{
    background-color: #3EB4FF;
	border: #6083D7 1px solid;
	
	font-size: 10px;
	color: #FFFFFF;
}

/* SUB tab row */
.TabRow
{
	border-bottom: #d5d6e0 1px solid;
	background-color: #6C8FAE;
}

/* background/border colors for the selected tab */
.TabBg
{
	border-right: #EBFCFC 1px solid;
	border-top: #6C8FAE 0px solid;
	border-left-color: #EBFCFC;
	border-bottom: #6C8FAE 0px solid;
	background-color: #EBFCFC;
}


/* background/border colors for the unselected tabs */
.OtherTabsBg {
    background-color: #3EB4FF;
	border: #6083D7 1px solid;
}

/* text style for the selected tab */
.SelectedTab
{
	font-size: 11px;
	color: #003366;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style for the unselected tabs */
.OtherTabs {
	font-size: 11px;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link    {
    text-decoration:    none;
    color:#ffffff;
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#ffffff;
}

A.OtherTabs:active  {
    text-decoration:    none;
    color:#ffffff;
}

A.OtherTabs:hover
{
	color: #ccffff;
	text-decoration: underline;
}
    
/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
} 
/* text style for the site links (in the signup form for password reminder) */
.PasswordLink {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
} 


  
/* Table Style around each module in a page (Except Image module) */
.ModuleFrame
{
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	border-top-style: none;
	padding-top: 5px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}  

/* Same With no Margin */ 
.ModuleFrameNoMargin
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}   

/* TD Style for the left pane in the main layout */
.PaneLeft
{
	background-color: #EBFCFC;
}  
 
/* TD Style for the left pane in the main layout */
.PaneCenter
{
	background-color: #C7D3E3;
}   

/* TD Style for the left pane in the main layout */
.PaneRight
{
	background-color: #EBFCFC;
}  

/* Datagrid Styles used for administration items (list of users, Newsletter members...)   */
.GridViewHeader
{
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #9DAEC6;
}

.GridViewItem
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #C8D6F1;
}

.GridViewAlternatingItem
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #D0ECEC;
}

.GridViewSelectedItem
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #C8D6F1;
}

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:visited  {
    text-decoration: none;
    color:#ffffff;
}

A.SiteLink:active   {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:hover    {
    text-decoration:    underline;
    color:#ccccFF;
}

/* style for separator between site links */
.Accent
{
    color: #D4D9F9;
    font-weight:    bold;
}


/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message
{
	font-weight: normal;
	font-size: 11px;
	color: #4e5571;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #eeeeee;
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:  bold;
    color: #003366;
}



/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    color: #003366;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    line-height: 14px;
    font-weight: bold;
    color: black;
}

/* text style used for most text rendered by modules */
td{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 14px;
}

/* Style for Content Pane */
.Normal
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
}

.NormalBold
{
	font-weight: bold;
	font-size: 11px;
	color: #ccccff;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
}

.Title
{
	font-weight: bold;
	font-size: 14px;
	color: #ccccff;
	line-height: 16px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* Style for Content Pane */
.NormalRight
{
	font-weight: normal;
	font-size: 12px;
	color: #003366;
	line-height: 14px;
	font-family: Verdana, Helvetica, sans-serif;
}

/* Style for Content Pane */
.NormalLeft
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
	color: #000033;
    font-weight: normal;
    line-height: 14px;    
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #660000;
}

.NormalWhite
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
}

.NormalBoldBigRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 16px;
	color: #660000;
    font-weight: bold;
}

.BigBlk
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	color: #000000;
	text-decoration: underline;
}

A.CommandButton:visited  {
    text-decoration:    underline;
	color: #000000;
}

A.CommandButton:active   {
    text-decoration:    underline;
	color: #000000;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #003366;
}
    
/* small txt used under pictures under the corporate council sections */
.underPix
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
	color: #000000;
}

/* GENERIC */
H1  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
	color: #b22222;
}

H4  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    normal;
	color: #b22222;
}

H5, DT  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
	color: #b22222;
}

H6  {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
	color: #b22222;
}

TFOOT, THEAD    {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
	color: #b22222;
}

TH  {
    vertical-align: baseline;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
	color: #fff;
}

A:link  {
    text-decoration: none;
	font-weight:    bold;
	color: #003333;
}

A:visited   {
    text-decoration: none;
	font-weight:    bold;
	color: #003333;
}

A:active    {
    text-decoration:    none;
	font-weight:    bold;
	color: #003333;
}

A:hover {
    text-decoration:    underline;
	font-weight:    bold;
    color:#003333;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

blockquote {
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px  
}


/* Search textbox and Search button Styles */
.SearchButton
{
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	font-size: 11px;
	border-left: #003366 1px solid;
	color: #ffffff;
	border-bottom: #003366 1px solid;
	font-family: arial;
	background-color: #003366;
}

.SearchEditBox
{
	border: #003366 1px solid;
	font-size: 11px;
	color: #003366;
	font-family: arial;
	padding: 3;
	background-color: #EBFCFC;
}

/* Newsletter textbox and button Styles, brochure and e-list form styles */
.NewsletterButton
{
	cursor: hand;		
	border-right: #19203c 1px solid;
	border-top: #19203c 1px solid;
	font-size: 12px;
	border-left: #19203c 1px solid;
	color: #330000;
	border-bottom: #19203c 1px solid;
	font-family: arial;
	background-color: #d4d9f9;

}

.NewsletterEditBox
{
	border-right: #5F7BA1 1px solid;
	border-top: #5F7BA1 1px solid;
	font-size: 12px;
	border-left: #5F7BA1 1px solid;
	color: #003366;
	border-bottom: #5F7BA1 1px solid;
	font-family: arial;
	background-color: #DBE3ED;
}

input.info
{
	border: #6f0f0f 1px solid;
	font: 12px Arial, sans-serif;
	color: #330000;
	background: #FFF6E5;
    padding: 3;
	width : 150px;
}

textarea.msg {
	font: 12px Arial, sans-serif;
	background: #FFF9EE;
	border: #6f0f0f Solid 1px;
	scrollbar-base-color : #FFF6E5;
	scrollbar-highlight-color : White;
	scrollbar-arrow-color : #6f0f0f;
	scrollbar-3dlight-color: #6f0f0f;
	scrollbar-track-color: #FFCC99;
	scrolbar-face-color: #ffffcc;
	position : relative;
	height: 130px;
}

/* SUB tab section */

/* SUB tab row */
.SubTabRow
{
	border-bottom: #d5d6e0 1px solid;
	background-color: #8190c1;
}

/* background/border colors for the selected sub tab */
.SubTabBg
{
	border-right: #8190C1 1px solid;
	border-top: #d5d6e0 1px solid;
	border-left-color: #8190C1;
	border-bottom: #d5d6e0 1px solid;
	background-color: #d5d6e0;
}

/* background/border colors for the unselected sub tabs */
.OtherSubTabsBg {
 	border-right: #D4D9F9 1px solid;
	background-color:  #8190C1;
	border-top: #8190C1 1px solid;
	border-left-color: #8190C1;
	border-bottom:#8190C1 1px solid;
}

/* text style for the selected sub tab */
.SelectedSubTab {
	font-size: 10px;
	color: #000033;
	font-family: Verdana, Helvetica, sans-serif;
}

/* text style for the unselected sub tabs */
.OtherSubTabs {
	font-size: 10px;
	color: #003366;
	font-family: Verdana, Helvetica, sans-serif;
}

/* hyperlink styles of the unselected tabs */
A.OtherSubTabs:link    {
    text-decoration:    none;
   color:#003366;
}

A.OtherSubTabs:visited {
    text-decoration:    none;
    color:#003366;
}

A.OtherSubTabs:active  {
    text-decoration:    none;
    color:#003366;
}

A.OtherSubTabs:hover   {
    text-decoration:    underline;
    color:#ffffff;
}

/* end of SUB tab section
/* ******************************************************/

/********************************************************/
/* Commerce Styles                                      */
.MostPopularHead
{
	font-weight: bold;
	font-size: 12px;
	color: #ccccff;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #19203c;
	height: 20px
}

.MostPopularItemText
{
	font-size: 12px;
	color: #ccccff;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #878cab;
	height: 16px
}
.MostPopularItemTextAlt
{
	font-size: 12px;
	color: #ccccff;
	font-family: Verdana, Helvetica, sans-serif;
	height: 16px;
	background-color: #4E5571;
}

.ContentHead
{
    background-color: #19203C;
    color: #ccccff;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    height: 35px
}

.SubContentHead
{
    background-color: #19203C;
    color: #ccccff;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    height: 15px
}

.ProductListHead
{
	font-weight: bold;
	font-size: 12px;
	color: #ccccff;
	font-family: Verdana, Arial;
	text-decoration: underline;
}

.ProductListItem
{
    color:#ccccff;
    font-family: Verdana, Arial;
    font-size: 10px;
}

.ProductAddToCart
{
    color:#ff9900;
    font-family: Verdana, Arial;
    font-size: 12px;
}
/*Price of the item*/
.UnitCost
{
    color:#ccccff;
    font-family: Verdana, Arial;
    font-size: 15px;
    line-height: 20pt
}
/* Specials! When the price has been lowered */
.UnitCostCompare
{
	font-weight: bold;
	color: #ffbb54;
}

/* Specials! The old price (usually striked) */
.OldCost
{
	color: #ccccff;
	text-decoration: line-through;
}

.ModelNumber
{
    color: #ccccff;
    font-family: Verdana, Arial;
    font-size: 11px;
    line-height: 20pt
}


.MenuSelected
{
	background-color: #19203C;
}

.MenuUnselected
{
	
}

.CartListItemAlt
{
	background-color: #4E5571;
	color: #ccccff;
}

.CartListItem
{
	background-color: #878cab;
	color: #000033;
}

.CartListItemEdit
{
	background-color: #FFBB54;
	color: #000033;
}

.CartListFooter
{
    background-color: #19203C;
    color: #ccccff;
}

.CartListHead
{
    background-color: #19203C;
    color: #ccccff;
}

.MoveLinkButton
{
	width:25px;
	background-color:#ffffff;
}


/*Modal Popup*/
.modalBackground {
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#fff;
	border-width:10px;
	border-style:solid;
	border-color:#7EB2CE;
	padding:10px;
	width:500px;
/*	text-align:center;*/
}

.modalPopup table{
	background-color:#fff;
	text-align:center;
	margin:0 auto;
}
.modalHeader{
	font-size:14px;
	font-weight:bold;
	background-color:#7EB2CE;
	padding:9px 9px 9px 25px;
	color:#fff;
	font-family:Tahoma,Helvetica,"Bitstream Vera Sans",sans-serif;
	/*background-image:url('../images/bullet.1.gif');
	background-position:7px 12px;
	background-repeat:no-repeat;*/
	text-align:left;
	cursor:pointer;
	margin-bottom:10px;
	height:17px;
}
.modalHeader a{
	color:#fff;
}
.modalHeader a:hover{
	color:#434343;
}

