/*
 * Style sheet for newly skinned ABiD page
 * Pius Ott - 20091016
 * Implementation Copyright (c) 2009 ABnote Australasia
 */


/* background color for the content part of the pages */

* 
{
    margin: 0;
}

html
{
	overflow: scroll; /* remove ie's main scrollbar */ 
	margin: 0; 
	padding: 0; 
	height: 100%; 
}

body 
{ 
	margin: 0; 
	padding: 0; 
	height: 100%;	
}

#wrapper
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -78px; /* the bottom margin is the negative value of the footer's height */
}

#footer, #push 
{
    height: 78px;
}

#header
{
	width: 100%; 
	left:0;
}

#content 
{
	border: 0px solid gray;
	width: 100%; 
	left: 0; 
	overflow: hidden; 
}  

FORM
{
	/*height:100%;*/
}

SELECT
{
	height:			22px;
	font-family:	Arial, Helvetica;
    font-size: 		11px;
    font-weight: 	normal;
}

.btn
{
	height: 22px;
	background: #004990;
	color: White;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	border-right: #5787B6 1px solid;
	border-top: #5787B6 1px solid;
	border-left: #5787B6 1px solid;
	border-bottom: #5787B6 1px solid;
	padding:2px 2px 2px 2px;
	vertical-align:middle;
}
.btn[disabled]
{
	height: 22px;
	background: #D5DADD;
	color:Gray;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	padding:2px 2px 2px 2px;
	vertical-align:middle;
}

.btn1
{
	height: 24px;
	background: #004990;
	color: White;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	border-right: #5787B6 1px solid;
	border-top: #5787B6 1px solid;
	border-left: #5787B6 1px solid;
	border-bottom: #5787B6 1px solid;
	padding:0px 6px 2px 6px;
	vertical-align:middle;
}
.btn1[disabled]
{
	height: 24px;
	background: #D5DADD;
	color: Gray;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	border-right: #808080 1px solid;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #808080 1px solid;
	padding:0px 6px 2px 6px;
	vertical-align:middle;
}

INPUT
{
	font-family: 	Arial, Helvetica;
    font-size: 		11px;
    font-weight: 	normal;
}

/*p.note:before { content: "Note: " }*/


	
/* text style used for most text rendered by modules */
.Normal
{
    font-family: 	Arial, Helvetica;
    font-size: 		11px;
    font-weight: 	normal;
    color:			Black;
}

/* text shown in the checkout treeview */
.CheckOutTreeView
{
	font-family:	Arial, Helvetica;
	font-size:		12px;
	font-weight:    normal;
	color:			Black;
}

/* checkbox style */
.NormalCheckBox
{
font-family: 	Arial, Helvetica;
font-size:		12px;
color:			#888888;
font-weight:	bold;
}

/* Treenode style */
.NormalTree
{
 font-family: 	Arial, Helvetica;
    font-size: 		11px;
    font-weight: 	normal;
    color:#666699;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #ff0000
}

.NormalBold
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
   	line-height: 	16pt;
}

.NormalSmall
{
    font-family: 	Arial, Helvetica;
    font-size: 		11px;
    font-weight: 	normal;
   	line-height: 	12pt;
}

.ErrorMsg
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #ff0000
}

.Msg
{
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #0000ff
}

.RequiredIndicator
{
    font-family: 	Arial, Helvetica;
    font-size: 		10px;
    color: 			#ff0000
}

.Header1
{
	font-family:	Arial, Helvetica;
    font-size:		16px;
    font-weight:    bold;
    color:			#000000;	
}
.Header2
{
	font-family: Arial, Helvetica;
    font-size:  20px;
    font-weight:    bold;
    color: #666644;	
}
.Header3
{
	font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #000000;
    letter-spacing: 1px;
}

.Header4
{
	font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}
.Header5
{
	font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
.Header6
{
	font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* style for module titles */
.SectionHeading
{
	font-family: 	Arial, Helvetica;
	font-size:  	15px;
	font-weight:    normal;
	color: 			#888888;
	height:21px;
}


/* Left hand side menu items */
.RootNode
{
	display:none;
}
.SelectedItem
{
    font-family: 	Arial, Helvetica;
    font-size:  	11px;
    font-weight:    bold;
    color:			#21007F;
  	line-height: 	14pt;
}

A.SelectedItem:visited
{
    font-weight:    bold;
    color:			#CCFBFF;
}

A.SelectedItem:active
{
    font-weight:    bold;
    color:			#CCFBFF;
}

.MenuItem
{
    font-family: 	Arial, Helvetica;
    font-size:  	11px;
    font-weight:    bold;
    color:			#21007F;
  	line-height: 	14pt;
}
/*A.MenuItem:before
{
	content: 		url("../imagelib/greendot.gif");
	padding-right:	8px;
	line-height: 	16pt;
}*/

A.MenuItem:hover
{
	text-decoration: none;
    color:			#0099dd;
}
/* SubMenuItems are always below MenuItems 
 color: 			#003366;*/
.SubMenuItem
{
    font-family: 	Arial, Helvetica;
    font-size:  	11px;
    font-weight:    normal;
    color:			#21007F;
    line-height: 	14pt;
}

/*A.SubMenuItem:before
{
	content: 		url("../imagelib/greendot.gif");
	padding-right:	8px;
	line-height: 	16pt;
}*/

A.SubMenuItem:hover
{
	text-decoration: none;
    color:			#0099dd;
}

A.SubMenuItem:visited
{
	text-decoration: none;
    color:			#21007F;
}

/* Standard text used mainly on tabs and coloured backgrounds */
.InfoTextGrey
{
    font-weight: 	normal;
    font-size: 		8.5pt;
    color: 			#f8f8f8;
    font-family: 	Arial, Helvetica;
    text-decoration: none;
}

/* Used for the menu link buttons */
.TabMenu
{
    font-weight: 	bold;
    font-size: 		8.5pt;
    color: 			white;
    font-family: 	Arial, Helvetica;
    text-decoration: none;       
}

.TabMenuSelected
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #93D5FF;
	font-family: Arial, Helvetica;
	text-decoration: none;
}

/* hyperlink style for the InfoTextWhite */
A.TabMenu:link
{
    text-decoration: none;
    color:white;
}

A.TabMenu:visited
{
    text-decoration: none;
    color:#eeeeee;
}

A.TabMenu:active
{
    text-decoration: none;
    color:#eeeeee;
}

A.TabMenu:hover
{
    text-decoration: none;
    color:#cccccc;
}

/*
 The below hold the column widths of the various table columns. Make sure these match up
 with the images you want to display in these. I.e. the ABiDBannerImage width should be
 the same width as the BannerEnd (x2), IssuerSpacerLeft, IssuerSpacerRight combined.
 The main table that holds all display contains the following columns :
 1. left blank space
 2. BannerEnd
 3. IssuerSpacerLeft
 4. IssuerLogo
 5. IssuerSpacerRight
 6. BannerEnd
 7. right blank space
*/
td.BannerEnd
{
	width:6px;
}
td.IssuerSpacerLeft
{
	width:700px;
}
td.IssuerSpacerRight
{
	width:56px;
}
td.IssuerLogo
{
	width:200px;
}

td.MenuBanner
{
	width: 968px;
	height: 27px;
	color: #004990;
}
td.BannerSpacerHeight
{
	height:			2px;
}

/* Issuer Logo is defined here so it can be changed with the issuer style sheet */
#ctl00_ABiDBannerImage
{
	top: 			0px;
	width: 			968px;
	height: 		114px;
	border: 		none;
	z-index: 		1;
	background-position:center;
	background: 	url("../imagelib/ABiD-Banner.jpg")
}

#IssuerLogo
{
	top:		0px;
	width: 		158px;
	height: 	56px;
	border: 	none;
	z-index: 	1;
	background-repeat:no-repeat;
	background: url("../imagelib/ABNoteLogo.jpg")
}

#IssuerSpacerLeft
{
	width: 			700px;
/*	height: 		56px; */
	border: 		none;
	z-index: 		1;
}
#IssuerSpacerRight
{
	width: 			68px;
/*	height: 		56px; */
	border: 		none;
	z-index: 		1;
}

/* Placeholder table row for the issuer logo. Needs to match the logo image height minus
   the TabImage height */
#IssuerTR
{
	height:			47px;
	background-color: #ffffff;
}
/* Placeholder table cell for the issuer logo. Needs to match at least the width of the logo */
#IssuerTD
{
	width:			230px;
}

/* The darker of the two rows tabs. This one allows for an image to create a nicer tab */
tr.TabDark
{
	text-align:		center;
	background-color: #004990;
	white-space: 	nowrap;
}

td.TabDark
{
	text-align:		right;
	background-color: #004990;
	white-space: 	nowrap;
}

td.TabLight
{
	text-align:		left;
	background-color: #5787b6;
	white-space: 	nowrap;
}

table.abid
{
	table-layout:fixed;
	background-repeat:no-repeat;
}

td.TabImageDarkLeft
{
	width:6px;
	height:27px;
	border:none;
	z-index:1;
	background:url("../imagelib/TabImageDarkLeft.jpg")
}
td.TabImageDarkRight
{
	width:6px;
	height:27px;
	border:none;
	z-index:1;
	background:url("../imagelib/TabImageDarkRight.jpg")
}

td.TabImageLightLeft
{
	width:6px;
	height:27px;
	border:none;
	z-index:1;
	background:url("../imagelib/TabImageLightLeft.jpg")
}
td.TabImageLightRight
{
	width:6px;
	height:27px;
	border:none;
	z-index:1;
	background:url("../imagelib/TabImageLightRight.jpg")
}

.TabBevel
{
	height: 		11px;
	border: 		none;
	z-index: 		1;
	background: 	url("../imagelib/bevel.gif")
}

/* The lighter of the two rows of tabs. A plain, square tab */
tr.TabLight
{
   background-color: #5787b6;
   text-align:		center;
   white-space: nowrap;
}

tr.RowGrey
{
	background-color:	#eeeeee;
	height:				6px;
}

tr.RowWhite
{
	background-color:	#ffffff;
	height:				6px;
}


/* ------------------------------------------------------------------------- */
/* Generic Styles */

HR
{
    color:GrayText;
    height:1pt;
    text-align:left;
	background-color:	black;
}

H1
{
    font-family: Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2
{
    font-family: Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3
{
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #666644;
    letter-spacing: 1px
}

H4
{
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT
{
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6
{
    font-family: Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD
{
    font-family: Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH
{
    vertical-align: baseline;
    font-family: Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

/*A:link
{
    text-decoration:    none;
  /*  color:  Silver;/
  color :Green;
}
A:visited
{
    text-decoration:    none;
	color:red;
}
A:active
{
    text-decoration:    none;
    /*color:  Silver;/
    color :Green;
}

A:hover
{
    text-decoration:    underline;
    color:  White;
}*/

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;
}

.RowLink
{
	background-color: #f5f5f5;
	cursor: pointer;
	text-decoration: underline;
}
.Table
{
	vertical-align:baseline;
	text-align:left;
	font-family: Arial, Helvetica;
	font-size:  11px;
    font-weight:normal;
    padding:0 0 0 0;
}
.TableRow
{
	vertical-align: baseline;
	text-align: left;
	background-color: Silver;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.TableHeader
{
	background-color:White;
	text-align: left;
	color: Black;
}
.TableAlterRow
{
	background-color:White;
	vertical-align: baseline;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.TableReport
{
	vertical-align:baseline;
	text-align:left;
	font-family: Arial, Helvetica;
	font-size:  11px;
    font-weight: bold;
    color: Black;
    padding:0 0 0 0;
}
.TableRowReport
{
	vertical-align: baseline;
	text-align: left;
	background-color:White;
	font-size: 11px;
	font-weight: normal;
	color: Black;
}
.TableHeaderReport
{
	border-bottom:solid;
	border-bottom-width:thick;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-top-style:solid;
	border-top-color:#000000;
	border-top-width:thick;
	background-color:White;
	text-align: left;
	color: Black;
}

.hidden
{
	visibility:hidden;
}

.dropdown
{
	text-align:left;
	font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}


#footer1 { 
width: 100%; 
position: static; 
bottom: 0; 
left: 0; 
height: 50px; 
}

.gridviewRowstyle
{
	background-color:#F7F6F3;
	color:#222222;
}
.gridviewSelectedRowStyle
{
	background-color:#E2DED6; 
	color:#222222;
}
.gridviewEditRowStyle
{
	background-color:#D1D1D1;
}
.gridviewAlternatingRowStyle
{
	background-color:White;
}

.gridviewHeaderStyle
{
	color:#CA082C;
	text-align:left;	
	vertical-align:middle;
	text-indent:5px;
}