html {
	/* 
	This is placed here to stop pages shifting in FireFox.
	Shifting is caused by the Scroll Bar Disappearing when the page is too short.
	*/
	height: 100%;
	margin-bottom: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	margin: 0;
	padding: 0;
	font-family: arial,sans-serif;
	line-height: 1.3em;
	font-size: 75%;
	background-color: #000;
}

#base {
	position: relative;
	width: 780px;
	padding: 0;
	margin: 0 auto;	
	background-color: #FFF;
}
	
/* ZONES */
#ZoneHeaderRow {
	clear: both;
	position: relative;
	width: 762px;
	margin: 0 auto;
	z-index: 90;
}

	
#LeftRightContainer {
	width: 762px !important;
	background-color: #fff;
}

#ZoneLrgLeftColumn {
	width: 380px;
	float: left;
	min-height: 10px;
}

#ZoneLeftColumn {
	width: 254px;
	float: left;
	/* 
		This min-height is  a Firefox fix to ensure the ZoneLeftColumn doesn't collapse when empty, moving content over.
	*/
	min-height: 10px;
}

/* class name context editor */
#ZoneLeftColumn .leftContainer, #ZoneLrgLeftColumn .leftContainer, #ZoneLrgLeftColumn #otexflv {
	margin: 14px 0 0 35px;
}

.leftContainer div.tvad, .leftContainer div.howworks { 
	position: relative;
	float: left;
	margin-bottom: 10px;
	padding: 0;
}

.leftContainer p {
	position: absolute;
	left: 9px;
	bottom: 24px;
	z-index: 80;
	line-height: 1.1em;
	padding: 0;
	margin: 0;
}

.leftContainer p a:link, .leftContainer p a:visited { 
	color: #8a1d03;
	font-weight: bold; 
	text-decoration: none;
}

.leftContainer p a:link:hover, .leftContainer p a:link:active { text-decoration: underline; }

#ZoneLeftColumn .leftContainer img {
	z-index: 10;
	border: 1px solid #ccc;
	padding: 4px;
	width: 180px;
	height: 130px;
}

#ZoneLrgLeftColumn .leftContainer img {
	z-index: 10;
	border: 1px solid #ccc;
	padding: 4px;
	width: 320px;
	height: 100px;
	margin-left: 2px;
}

#ZoneSmlRightColumn {
    width: 381px;
    float: left;
    padding: 0;
}

#ZoneRightColumn {
    width: 507px;
    float: left;
    padding: 0;
}
	
#ZoneCentreRow {
    width: 762px;
	margin: 0 auto;
}

#ZoneFooterRow {
    width: 762px;
    margin: 0 auto;
	padding-bottom: 20px;
	background-color: #FFF;
}

#ZoneFooterRow #footerEffect {
	height: 29px;
	margin: 0 10px 0 10px;
	background: #FFF url(../_images/footer_effect.jpg) no-repeat bottom right;
	border-bottom: 1px solid #ffe6a1;
}

#otexBanner {
	width: 762px;
	height: 179px;
	margin: 0 auto;
	/*background: #FFF url(../_images/otex_banner.jpg) no-repeat top;*/
	border-bottom: 1px solid #c2c2c2;
}

.greyGradient {
	width: 100%;
	float: left;
	height: 12px;
	margin: 2px auto;
	background: #FFF url(../_images/banner_gradient.jpg) repeat-x left;
}

/* DEFAULTS */
a, a:link, a:visited {
	color: #f57722;
	text-decoration: underline;
}

a:hover, a:active, a:focus { 
	text-decoration: none;
}

h1 {
    font-size: 1.4em;
	color: #8a1d03;
} 

h2 {
    font-size: 1.25em;
	color: #8a1d03;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: .9em;
}

pre {
	white-space: normal;
}

ul {
	color: #666;
	list-style-type: disc;
}

ol {

}

address {

}

p {

}

a.linkskip {
	position: absolute;
	top: -200px;
}

/* Element Logo */
div.elLogo {
	width: 762px;
	height: 60px;
	padding: 24px 0 22px 19px;
}

div.elLogo h1.ident {
	background-image: url(../_images/otex_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 154px;
	height: 60px;	
	margin: 0;
	padding: 0;
}

div.elLogo h1.ident a {
	width: 154px;
	height: 85px;
	display: block;
}
div.elLogo h1.ident span {
	display: none;
}

/* Element Horizontal Nav */
ul.elMainMenu {
	background-color: #fff;
	background-image: url(../_images/nav_bg.gif);
    height: 44px;
    line-height: 44px;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 99;
	overflow: hidden;
	border-bottom: 1px solid #bfbfbf;
}

ul.elMainMenu ul {
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index: 99;
}

ul.elMainMenu a, ul.elMainMenu a:link, ul.elMainMenu a:visited {
	display: block;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;	
	text-transform: none;
	font-size: 1em;	
	font-weight: normal;
	background-image: url(../_images/nav_divide.gif);
    background-position: right;
    background-repeat: no-repeat;
}

ul.elMainMenu a.depth01last { background-image: none; }

ul.elMainMenu a.current, ul.elMainMenu a.parent_current { 
	background-image: url(../_images/nav_on_bg.gif);
    background-position: top;
    background-repeat: repeat-x;
	height: 44px;
    line-height: 44px;
	color: #8a1d03;
}

ul.elMainMenu li {
	float: left;
	padding: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}

ul.elMainMenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 -1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #FFF;
}

ul.elMainMenu li li
, ul.elMainMenu li li.first {
    width: 200px;
    background-image: none;
    line-height: 20px;
    border-bottom: solid 1px #FFF;
    background-color: #ddd;	 
}
ul.elMainMenu ul a
, ul.elMainMenu ul a:link
, ul.elMainMenu ul a:visited {
	width: 180px;
    border-width: 0;
    font-size: .9em;
    padding: 0 10px;
    color: #444;
    text-transform: none;    
}

ul.elMainMenu ul a:hover
, ul.elMainMenu ul a:active {
	background-color: #eee;
	color: #000;
}

ul.elMainMenu ul a.ChildItems{
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}

ul.elMainMenu ul a.ChildItems:hover {
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}

ul.elMainMenu li ul ul {
	margin: -21px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}

ul.elMainMenu li li li
, ul.elMainMenu li li li.first {
    border-color: #fff;	
}

ul.elMainMenu li li a
, ul.elMainMenu li li a:link
, ul.elMainMenu li li a:visited {
    color: #444;
    background-image: none;
}

ul.elMainMenu  li a:hover
, ul.elMainMenu  li a:active 
{
	 color: #FFF;
}
ul.elMainMenu ul li a:hover
, ul.elMainMenu ul li a:active 
{
	background-color: #efefef;
	color: #000;
}
ul.elMainMenu li:hover ul ul
, ul.elMainMenu li:hover ul ul ul
, ul.elMainMenu li:hover ul ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul
, ul.elMainMenu li.MenuItemHover ul ul ul ul 
{     
    left: -999e
	m; 
    display: none;
} 
ul.elMainMenu li:hover ul
, ul.elMainMenu li li:hover ul
, ul.elMainMenu li li li:hover ul
, ul.elMainMenu li li li li:hover ul
, ul.elMainMenu li.MenuItemHover ul
, ul.elMainMenu li li.MenuItemHover ul
, ul.elMainMenu li li li.MenuItemHover ul
, ul.elMainMenu li li li li.MenuItemHover ul 
{
    left: auto; 
	display: block;
} 
/* end main menu */

#otexflv {
	padding: 3px;
	/*text-align: center;*/
	display: block;
}

/*** START; ADMIN MENU ***/
ul.elAdminMenu {
	float: left;
    height: 25px;
    line-height: 25px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 4px;    
	z-index: 99;
	overflow: hidden;
}

ul.elAdminMenu ul {
	line-height: 1;
	list-style: none;
	padding: 0;
	margin: 0;  	
	z-index:99;
}

ul.elAdminMenu a, ul.elAdminMenu a:link, ul.elAdminMenu a:visited {
	display: block;
	padding: 0 10px;
	color: #222;
	text-decoration: none;	
	text-transform: none;
	font-size: 1.2em;	
	font-weight: normal;
	text-transform: uppercase;
}

ul.elAdminMenu li a:hover, ul.elAdminMenu li a:active {
	color: #222;
}

ul.elAdminMenu li {
	float: left;
	padding: 0;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}

ul.elAdminMenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	margin: 0 0 0 -1px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;
}

ul.elAdminMenu li li, ul.elAdminMenu li li.first {
    width: 200px;
    background-image: none;
    line-height: 20px;
    border-bottom: solid 1px #fff;
    background-color: #ddd;	 
}

ul.elAdminMenu ul a, ul.elAdminMenu ul a:link, ul.elAdminMenu ul a:visited {
	width: 180px;
    border-width: 0;
    font-size: .9em;
    padding: 0 10px;
    text-transform: none;    
}

ul.elAdminMenu a:hover, ul.elAdminMenu ul a:active {
	background-color: #eee;
}

ul.elAdminMenu ul a.ChildItems {
    background-image: url(../_images/default/more_nibble.gif) !important;
    background-repeat: no-repeat;
    background-position: top right;	
}

ul.elAdminMenu ul a.ChildItems:hover {
    background-image: url(../_images/default/more_nibble_on.gif) !important;	
}

ul.elAdminMenu li ul ul {
	margin: -21px 0 0 200px;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #fff;	
}

ul.elAdminMenu li li li, ul.elAdminMenu li li li.first {
    border-color: #fff;	
}

ul.elAdminMenu li li a, ul.elAdminMenu li li a:link, ul.elAdminMenu li li a:visited {
    color: #f57722;
    background-image: none;
}

ul.elAdminMenu li:hover ul ul, ul.elAdminMenu li:hover ul ul ul {     
    left: -999em; 
    display: none;
} 

ul.elAdminMenu li:hover ul, ul.elAdminMenu li li:hover ul, ul.elAdminMenu li li li:hover ul {
    left: auto; 
	display: block;
} 

ul.elAdminMenu a, ul.elAdminMenu a:link, ul.elAdminMenu a:visited {
	color: #f57722;
}
/* END ADMIN MENU */

/* Disclaimer in footer*/
div.disclaimer {
	color: #333;
	font-size: .9em;
	padding-top: 10px;
	line-height: 1.2em;
	float: right;
}

/* Element Footer Menu */
ul.elFooterMenu {
	padding: 10px 0 0 0;
	margin: 0;
	height: 1.5em;
	line-height: 1.2em;
	float: left;
}

ul.elFooterMenu li {
	display: block;
	float: left;
}

ul.elFooterMenu li.first {
	float: left;
	/*border-right: solid 1px #363636; */
}

ul.elFooterMenu li.last {
	border-left: 0px;
}
ul.elFooterMenu li a, ul.elFooterMenu li a:link, ul.elFooterMenu li a:visited 
{
    font-size: .9em;
	color: #363636;
	display: block;
	padding: 0 10px;
	text-decoration: none;
}
ul.elFooterMenu li a:hover, ul.elFooterMenu li a:active {
	color: #333;
	text-decoration: underline;
}


/* CONTENT PANEL OUTPUT */
div.elContent {
    padding: 0 40px 0 10px;
    line-height: 1.6em;
    font-size: 1em;
}

div.elContent h1 {
    font-size: 1.4em;
    margin: .8em 0 1.4em;
    padding: 0;
}

div.elContent h1 span.new {
    color: #f9d22b;
}

h1.elPageTitle {
    margin: 15px 30px 10px 10px;
    padding: 0 0 3px 0;
    
}

div.elContent p {
    margin: 1.2em 0;
    padding: 0;
    color: #666;
}

div.elContent ul { 
	padding: 0;
	margin-left: 24px;
}

div.elContent ul.noBullet { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 99%;
}

ul.noBullet li .Wrapper { width: 99%; float: left; }
ul.noBullet li .image { float: left; padding: 2px 10px 2px 0; }
ul.noBullet li .text { float: left; }

div.elContent a.pdf { 
	background: #fff url(../_images/pdf_icon.gif) no-repeat left;
	padding-left: 26px;
	line-height: 1.5em;
}

div.elContent a, div.elContent a:link, div.elContent a:visited {
    font-weight: bold;
}

div.elContent a:hover, div.elContent a:active {
    text-decoration: underline;
}

div.elContent div.ColumnLeft {
    width: 49%;
    float: left;
} 

div.elContent div.ColumnRight {
    width: 46%;
    float: left;
    margin: 0 1% 0 2%;   
}

div.elContent table {
    border-collapse: collapse;
    border-color: #C3C3C3;
}

div.elContent div.homepage_teaser {
    background: url(../_images/homepage_teaser_bg.jpg) no-repeat;
    display: block;
    width: 445px;
    height: 181px;
}

div.elContent div.homepage_teaser div.copy {
    display: block;
    float: right;
    width: 180px;
    padding-right: 43px;
}

div.elContent div.homepage_teaser div.copy p.Heading {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

div.elContent div.homepage_teaser div.copy p.Body {
    color: #fff;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 1.4em;
}

div.elContent div.homepage_teaser div.copy a {
    font-weight: normal;
    color: #fff;
}


/* SITEMAP */
ul.elSitemap {    
    width: auto;
	padding: 0;
    margin: 20px 30px 40px 10px;
}

ul.elSitemap, ul.elSitemap ul {
    list-style-type: none;
}

ul.elSitemap li {
    margin: .5em 0;
    display: block;
    padding: 2px 0 0 0;
}

ul.elSitemap a {
    font-weight: bold;
    background-image: url(../_images/sitemap_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 8px;    
    padding-left: 10px;
    padding-top: 5px;
    font-size: 1em;   
}

ul.elSitemap a:hover, ul.elSitemap a.ChildItems {

}

ul.elSitemap ul {
    margin: 0 2.5em;
}

ul.elSitemap ul a, ul.elSitemap ul a:link, ul.elSitemap ul a:visited {

}

/* TEXT FOOTER MENU */
ul.elTextMenu 
{
    padding: 5px 0 10px 0;
    margin: 0;
    clear: both;
    background-color: #FFF;
    text-align: center;
	z-index:90 !important;
}
ul.elTextMenu li 
{
    display: inline;
    margin: 0 5px;
    padding: 0 5px 1px 0;
    line-height: 1.5em;
    border-right: solid 1px #3e3e3e;
}
ul.elTextMenu li.last 
{
    border: 0;
}
ul.elTextMenu li a
, ul.elTextMenu li a:link
, ul.elTextMenu li a:visited 
{
    color: #3e3e3e;
    font-size: .9em;
    text-decoration: none;
}
ul.elTextMenu li a:hover
, ul.elTextMenu li a:active 
{
    text-decoration: underline;
    color: #333;
}



/* LOGIN FORM */
fieldset.frmLogin {
	padding: 3em 0 2em 0;
	font-family: Arial;
	margin: 0;
	font-size: 1em;
	letter-spacing: .1em;
	border: 0;
    background-color: #FFF;
    height: 500px;
    clear: left;

}
fieldset.frmLogin legend 
{
    padding: 10px 1em 1em 1em;
    margin: 0 auto;
    font-size: 1.6em;
    font-weight: bold;
    color: #363636;
    display: block;
    width: 220px;

    text-transform: uppercase;
}
fieldset.frmLogin p 
{
    color: #363636;
    width: 260px;
    margin: .5em auto 1.5em auto;
}
fieldset.frmLogin ul, fieldset.frmLogin ol 
{
    list-style-type: none;
    width: 240px;
    margin: 0 auto;
}
fieldset.frmLogin li 
{
    margin: 0 1em 1em 1em;
}
fieldset.frmLogin li.last 
{
    clear: right;
    padding-bottom: 10px;
}
fieldset.frmLogin label 
{
    clear:left;
    display: block;
    font-weight: bold;
    margin-bottom: .1em;
    color: #363636;
}
fieldset.frmLogin label em
{
    color: #F00;
    font-weight: bold;
    font-size: 1.3em;
    display: block;
    float: left;
    margin: 0 0 0 -.8em;
}
fieldset.frmLogin input, fieldset.frmLogin select, fieldset.frmLogin textarea  
{
    width: 210px;
	font-size: 1em;
	color: #222;
	padding: .2em;
	margin: 0 0 .5em 0;
	font-weight: normal;		
}

/* Listing - TAG REPEATER */
ul.elTagListing 
{
    margin: 0 20px 10px 20px;
    padding: 0 0 5px 0;
	font-size: 1em;
	list-style: none;
}
ul.elTagListing li 
{
    margin: 0;
    padding: 10px 0 10px 0;
    display: block;
    border-bottom: dotted 1px #3e3e3e; 
}
ul.elTagListing li.first 
{
    border: 0;
    padding: 10px 0;
}
ul.elTagListing h1.elContentTitle {
    margin: .8em 0 10px 0;
    padding: 0 0 3px 0;
}
ul.elTagListing h2.elContentDescription 
{
    display: none;
}
ul.elTagListing div.ContentWrapper
{
    padding: 5px;
    clear: both;
    border: solid 1px #FFF;
}

ul.elTagListing div.elContent 
{
    padding: 0 0 10px 0;
    margin: 0;
}

ul.elTagListing div.elContent h1.Title {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0 0;
    padding: 0 5px 0 10px;
    background-image: url(../_images/default/arrow.gif);
    background-repeat: no-repeat;
    background-position: left center;
    font-style: normal;
    color: #3e3e3e;
    
}
ul.elTagListing div.elContent a
, ul.elTagListing div.elContent a:link
, ul.elTagListing div.elContent a:visited 
{
    text-decoration: none;   
    color: #3e3e3e;
}
ul.elTagListing div.elContent a:hover
, ul.elTagListing div.elContent a:active 
{
    color: #333;
}
ul.elTagListing div.elContent h2.DateStart
, ul.elTagListing div.elContent h2.DateEnd
{
    font-size: 1em;
    font-weight: normal;
    padding: 0 5px 0 10px;
    margin: 0;
	color: #555;    
}
ul.elTagListing div.elContent h2.DateStart span
, ul.elTagListing div.elContent h2.DateEnd span 
{
    font-style: italic;   
}
ul.elTagListing div.elContent h3.Author
{
    padding: 0 5px 0 10px;
    margin: 0;
    font-size: 1em;
    font-weight: normal;
}
ul.elTagListing div.elContent p.Description
{
    padding: 10px 5px 5px 10px;
    margin: 0;
}

ul.elTagListing div.ContentImage {
    padding: 0;
    margin: 0;
    width: 90px;
    float: left;
}

ul.elTagListing div.ContentImage img {
    border: solid 1px #364761;
}

ul.elTagListing div.HasImage {
    margin-left: 100px;
}

/* TOOLS */
div.Tools {
    float: right;
}

div.Tools a, div.Tools a:link, div.Tools a:visited {
    padding: 0 0 0 10px;
    margin-left: 10px;
	margin-right: 6px;
    background-image: url(../_images/sitemap_arrow.gif);
    background-repeat: no-repeat;
    background-position: 1px 3px;   
    color: #f57722; 
    font-weight: bold;
}

div.Tools a:hover, div.Tools a:active {
    color: #333;
}

/* LEFT MENU */
/* top level */
ul.elLeftMenu {
	background: #d5622a url(../_images/subnav_bg.jpg) repeat-x left;
    margin: 14px 0 0 35px;
    padding: 10px 0 12px 0;
    list-style-type: none;
   	width: 190px;
}

/* all list items */
ul.elLeftMenu li {
    margin: 0;
    padding: 0;
}

ul.elLeftMenu li.depth01 { padding-left: 27px; }

/* all links */
ul.elLeftMenu a, ul.elLeftMenu a:link, ul.elLeftMenu a:visited {
    min-height: 20px;
	line-height: 2em;
    padding-top: 2px;
	padding-bottom: 2px;
    text-decoration: none;
    display: block;
	color: #fff;
    font-weight: bold;
	background: url(../_images/subnav_divider.jpg) no-repeat bottom left;
}

ul.elLeftMenu a.depth02last { background: none; }

ul.elLeftMenu a:hover, ul.elLeftMenu a:active {
    text-decoration: underline;
}

ul.elLeftMenu a.current {
    text-decoration: underline;
}

/* all lists below top level */
ul.elLeftMenu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* 2nd level */
ul.elLeftMenu ul a, ul.elLeftMenu ul a:link, ul.elLeftMenu ul a:visited {
    padding-top: 2px;
	padding-bottom: 2px;
}

/* 3rd level */
ul.elLeftMenu ul ul a
, ul.elLeftMenu ul ul a:link
, ul.elLeftMenu ul ul a:visited {
    padding-left: 30px !important;
    font-size: .9em;
    background-position: 20px 9px; 
}

/* SEARCH RESULTS */
.TagHighLight {
    background-color: #FFFF00;
}

div.elTags 
{   
    clear: left;
    margin-top: 15px;   
}

/* PAGING */
ul.Paging 
{
    clear: both;
    font-weight: bold;
    font-size: .9em;
    margin: 5px 10px 10px 30px;
}
ul.Paging li 
{
    display: block; 
}
ul.Paging li.PagingPageTotal
{
    
    display: none;
}
ul.Paging li.PagingPageNumbers
{
    
    float: right;
        margin: 0 10px 0 0;
}
ul.Paging li.PagingLastPage
{
    display: none;
}
ul.Paging li.PagingNextPage
{    
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingPreviousPage
{
    float: right;
    margin: 0 10px 0 0;
}
ul.Paging li.PagingFirstPage
{
    display: none;
}
ul.Paging li .disabled 
{
    color: #B0B0B0;
}
ul.Paging li .current 
{
    text-decoration: underline;
}
ul.Paging li.PagingNextPage a
, ul.Paging li.PagingNextPage a:link
, ul.Paging li.PagingNextPage a:visited
, ul.Paging li.PagingNextPage span.disabled
{
    background-image: url(../_images/default/next.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 12px;
}
ul.Paging li.PagingPreviousPage a
, ul.Paging li.PagingPreviousPage a:link
, ul.Paging li.PagingPreviousPage a:visited
, ul.Paging li.PagingPreviousPage span.disabled
{
    background-image: url(../_images/default/prev.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 12px;
}

p.elNoContent 
{
    margin: 10px;   
}

a.Delete 
{
    cursor: pointer;   
}

a.Delete:hover, a.Delete:active {
	text-decoration: underline;
	color: #333;
}
/*
Clears all hoverbuttons in the Header zone 

Makes Styling a lot easier.
When problems are incurred use !important;

*/
div#ZoneHeaderRow a.hoverbutton
, div#ZoneHeaderRow a.hoverbutton:link
, div#ZoneHeaderRow a.hoverbutton:visited
{
		margin:0;
		padding:0;
		
		background-color:transparent;
		background-image:none;
		border:0;
		
		height:auto;
		width:auto;
}
div#ZoneHeaderRow a.hoverbutton span.hoverbutton_button
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonRight
, div#ZoneHeaderRow a.hoverbutton span.hoverbutton_buttonLeft
{
	margin:0;
	padding:0;
}
/* 

All the Controls (Screensize, Textsize and Bookmark site are placed insite a HTML Element called

div.elHeaderControls

This is done so the controls can be floated and therefore increase text size, etc easily and wouldn't function properly when positioned absolutely.

The container CAN be positioned absolutely.
*/

div.elHeaderControls
{
	position:absolute;
	top:40px;
	right:0;
	display:inline;
}


/*SCREENSIZE CSS*/
div.elScreensize 
{
	/*Borders, Margin Padding*/
	margin:0 0 0 1em;
	padding:0;
	float:right;
	
	/*
	Please ensure the width on this element is kept in em's so it increases proportionatly with the rest of the site.
	*/
	width:7.1em;
	height:1.5em;
}
	/* Styling Specific to the Screensize Button*/
	div.elScreensize a.hoverbutton,
	div.elScreensize a.hoverbutton span,
	div.elScreensize a.hoverbutton:link,
	div.elScreensize a.hoverbutton:visited
	{
		line-height:1.1em;
		color:#666 !important;
		font-weight:normal;
	}
	div.elScreensize a.hoverbutton:hover,
	div.elScreensize a.hoverbutton:focus,
	div.elScreensize a.hoverbutton:active
	{
	
	}

	
/* FONT SIZE */
div.elFontSize
{
	float:right;
	height:1.5em;
	line-height:1em;
}	
	div.elFontSize span.text
	{
		/*Padding, Margin & Borders*/
		margin:0 0 0 1em;
		padding:0;
		border:0;
		float:left;
		color:#666;
	}
	/*Generic, This applies to both buttons*/
	div.elFontSize a.hoverbutton,
	div.elFontSize a.hoverbutton:link,
	div.elFontSize a.hoverbutton:visited
	{
		color:#666 !important;
		float:left;
		line-height:.9em;
		text-indent:.2em;
	}
	div.elFontSize a.hoverbutton:hover,
	div.elFontSize a.hoverbutton:active,
	div.elFontSize a.hoverbutton:focus
	{
		
	}
		/* STYLING SPECIFIC TO THE BUTTON TO REDUCE FONT SIZE */
		div.elFontSize span.smaller a.hoverbutton:link,
		div.elFontSize span.smaller a.hoverbutton:visited,
		div.elFontSize span.smaller a.hoverbutton
		{
		
		}
		div.elFontSize span.smaller a.hoverbutton:hover,
		div.elFontSize span.smaller a.hoverbutton:active,
		div.elFontSize span.smaller a.hoverbutton:focus
		{
		
		}
		/*STYLING SPECIFIC TO THE BUTTON TO INCREASE FONT SIZE*/
		div.elFontSize span.larger a.hoverbutton:link,
		div.elFontSize span.larger a.hoverbutton:visited,
		div.elFontSize span.larger a.hoverbutton
		{
		
		}
		div.elFontSize span.larger a.hoverbutton:hover,
		div.elFontSize span.larger a.hoverbutton:active,
		div.elFontSize span.larger a.hoverbutton:focus
		{
		
		}
/* Quick Search Dashboard */
div.elQuickSearch
{
	/*Positioning*/
	position:absolute;
	top:10px;
	right:0;

	/*Padding, Margins & Borders*/
	margin:0;
	padding:0;
	border:0;
	
	/*Sizing*/
	width:175px;
}
div.elQuickSearch input
{
	float:left;
		height: 16px;
		margin-right: -1px;
}
div.elQuickSearch a
{
    background-image:url(../_images/default/search_icon_on.gif) !important;
}
div.elQuickSearch a.hoverbutton,
div.elQuickSearch a.hoverbutton:link,
div.elQuickSearch a.hoverbutton:visited
{
	float:left;
	margin:0;
	padding:0;
	border: solid 1px #666 !important;
	height:20px !important;
	width:18px !important;
	display:block !important;
	background-image:url(../_images/default/search_icon_off.gif) !important;
	background-repeat:no-repeat  !important;
	background-position:top left !important;
	
}
div.elQuickSearch a.hoverbutton:hover,
div.elQuickSearch a.hoverbutton:active,
div.elQuickSearch a.hoverbutton:focus
{
	background-image:url(../_images/default/search_icon_on.gif) !important;
}

/*Contact Form*/
div.elContactUsForm
{
		/*
			Pre & Post Text is placed inside this wrapper.
			
			For ease, this should be kept to the same width as the UL
			to ensure the hoverbutton is kept inline to the right of the form.
		*/
		
	width:600px;
	margin:0;
	padding:0;
	border:0;		
}
	div.elContactUsForm ul.elContactUsForm
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;		
		background-color:#A7B0BD;			
		width:600px;
	}
	div.elContactUsForm ul.elContactUsForm li
	{
		list-style-type:none;		
		margin:0;
		padding:0;
		border:0;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset
	{
		border:0;
		margin:0;
		padding:0;
	}
	/*Styles the Header of Each Section*/
	div.elContactUsForm ul.elContactUsForm li fieldset legend
	{
			/* NOTE:
				This LEGEND tag should only be used to Style TEXT
				as this is all Firefox will currently display.

				Use the SPAN Below for more flexibility.
			*/
		margin:0;
		padding:0;
		border:0;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset legend span
	{
	
		/*
		This is displayed at the top of every section the form generates.
		*/
	
		width:593px;
		background-color:#999;
		height:1.5em;
		line-height:1.5em;
		font-size:1em;			
		display:block;
		margin:0 0 0 -7px;
		padding:0 0 0 7px;
		
	}
	
	div.elContactUsForm ul.elContactUsForm li fieldset ul
	{
		list-style-type:none;
		margin:0;
		padding:0;

	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li
	{
		list-style-type:none;
		margin:5px 0 5px 0;
		padding:0 0 0 0;
		clear:both;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li label
	{
		float:left;
		clear:left;	
		
		padding:0 0 3px 10px;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li input
	{
		float:left;
		clear:both;
		width:250px;	
		
		padding:0;
		margin:0 0 0 10px;
	}
	div.elContactUsForm ul.elContactUsForm li fieldset ul li textarea
	{
		clear:left;
		float:left;
		width:250px;
		
		padding:0;
		margin:0 0 0 10px;
	}
	div.elContactUsForm a.hoverbutton,
	div.elContactUsForm a.hoverbutton:link,
	div.elContactUsForm a.hoverbutton:visited
	{
		display:block;
		border:0;
		padding:0;
		margin:0;
		background-image:none;
		
		color:#000000 !important;
	}
	div.elContactUsForm a.hoverbutton:hover,
	div.elContactUsForm a.hoverbutton:active,
	div.elContactUsForm a.hoverbutton:focus
	{
	
	}
	
div.elCredits
{
	/*  */
	font-size:.9em;
	/* */
	float: right;
    height: 1.5em;	
}
	div.elCredits a,
	div.elCredits a:link,
	div.elCredits a:visited
	{
	}
	div.elCredits a:hover,
	div.elCredits a:focus,
	div.elCredits a:active
	{
	}

div.divProtect
{
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100% !important;
	margin: 0;
	padding: 0;
	background-color: #b0b0b0;
	z-index: 99;
	cursor: wait;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);

/*
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-moz-opacity: 60;
	opacity: 60;
*/	
}

.MessageArea
{
	z-index: 100;
	height: 100px;
	width: 400px;
	margin: 0;
	position: absolute;
    left: 50%;
    top: 25%;
	border: solid 1px #999900;
	background: #FFF;
	background-image: url(../_images/messagearea/bg_slice.gif);
	background-repeat: repeat-x;
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Color=#B0B0B0, direction=135, strength=5);	 */
}

.MessageAreaText
{

	height: 72px;
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 5px;
	padding: 3px;
	/*font-size:larger;*/
}

.MessageAreaWarning
{
	border: solid 2px #FF0000;	
}
.MessageAreaValidation
{
	border: solid 2px #FF9900;	
}
.MessageAreaInfo
{
	border: solid 2px #00FF00;	
}

.MessageAreaStopError
{
    border: solid 2px #FF0000;	
}

.MessageAreaQuestion
{
	border: solid 2px #999900;	
}

.messagearea_list
{
    position: absolute;
    right: 4px;
    bottom: 4px;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 22px;
	width: 250px;

}

ul.messagearea_list li 
{
    display: inline;
}

/***********************************************************************************************************************/
/*                                                                                                       Hover Buttons */
/***********************************************************************************************************************/

a.hoverbutton_messagearea
{
    margin: 2px;
    padding: 0 15px;
    display: block;
    float: right;
	border-style: solid;
	border-width: 0 1px;
	border-color: #bcc2cd;   
	height: 18px;    
	line-height: 17px;    
	color: #D0D0D0 !important;
	text-decoration: none;
	text-align: center;
	font-weight: bold;	
}   
a.hoverbutton_messagearea, a.hoverbutton_messagearea:link, a.hoverbutton_messagearea:visited
{
	background: url(../_images/hoverbutton/button_slice_off.gif) center repeat-x;
}
a.hoverbutton_messagearea:hover, a.hoverbutton_messagearea:active
{
    color: #FFF !important;
	background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x;
	text-decoration: none;
}
span.hoverbutton_messagearea_buttonLeft, span.hoverbutton_messagearea_buttonRight
{
    display: none;
}


a.hoverbutton_messagearea_disabled, a.hoverbutton_messagearea_disabled:link, a.hoverbutton_messagearea_disabled:visited
{
	margin: 2px;
	background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x;
	height: 18px;
    display: block;
	float: right;
	border-style: solid;
	border-width: 0 1px;
	border-color: #bcc2cd;
	color: #333 !important;
	line-height: 17px;
	padding: 0 15px;	
	text-decoration: none;
	text-align: center;
	font-weight: bold;

}
a.hoverbutton_messagearea_disabled:hover, a.hoverbutton_messagearea_disabled:active
{
    background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x !important;
    color: #333 !important;
}
span.hoverbutton_messagearea_disabled_buttonLeft, span.hoverbutton_messagearea_disabled_buttonRight
{
    display: none;

}
a.hoverbutton
{
    margin: 2px;
    padding: 0 15px;
    display: block;
    float: right;
	border-style: solid;
	border-width: 0 1px;
	border-color: #bcc2cd;   
	height: 18px;    
	line-height: 18px;    
	color: #D0D0D0 !important;
	text-decoration: none;
	text-align: center;
	font-weight: bold;	
}   
a.hoverbutton, a.hoverbutton:link, a.hoverbutton:visited
{
	background: url(../_images/hoverbutton/button_slice_off.gif) center repeat-x;
}
a.hoverbutton:hover, a.hoverbutton:active
{
    color: #FFF !important;
	background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x;
	text-decoration: none;
}
span.hoverbutton_buttonLeft, span.hoverbutton_buttonRight
{
    display: none;
}


a.hoverbutton_disabled
{
	margin: 2px;
	background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x;
	height: 18px;
    display: block;
	float: right;
	border-style: solid;
	border-width: 0 1px;
	border-color: #bcc2cd;
	color: #333 !important;
	line-height: 18px;
	padding: 0 15px;	
	text-decoration: none;
	text-align: center;
	font-weight: bold;

}
a.hoverbutton_disabled:hover, a.hoverbutton_disabled:active
{
    background: url(../_images/hoverbutton/button_slice_on.gif) center repeat-x !important;
    color: #333 !important;
}
span.hoverbutton_disabled_buttonLeft, span.hoverbutton_disabled_buttonRight
{
    display: none;

}


/* SMALLER BUTTONS */
a.hoverbutton_small, a.hoverbutton_small:link, a.hoverbutton_small:visited
{
	color: #D0D0D0 !important;
	line-height: 15px;
	height: 16px;
	display: block;
	width: 24px;
	padding: 0 0 2px 0;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	background: url(../_images/hoverbutton/button_slice_off.gif) top repeat-x;
	margin: 1px 1px 2px 1px;
	border-width: 0 1px;
	border-color: #bcc2cd;
	border-style: solid;    
}

a.hoverbutton_small:hover, a.hoverbutton_small:active
{
	background: url(../_images/hoverbutton/button_slice_on.gif) top repeat-x;
	color: #FFF !important;
}

.hoverbutton_buttonLeft, .hoverbutton_buttonRight {
    display: none;
}


/* SMALL IMAGE BUTTONS */

a.hoverbutton_image, 
a.hoverbutton_image:link, 
a.hoverbutton_image:visited
{
    margin-bottom: 4px;
	border-style: solid;
	border-width: 0 1px;
	border-color: #bcc2cd;   
    height: 18px;
    display: block;	 
    width: 24px;    
    cursor: pointer;	
    background-repeat: repeat-x;
    background-image: url(../_images/hoverbutton/button_slice_off.gif);  	
}
a.hoverbutton_image span
{
    display: block;
    height: 18px;
    width: 24px;
    font-size: 0;
    line-height: 0;
    background-repeat: no-repeat;    
    background-position: center;    
    border: 0;
}

a.hoverbutton_image:hover, 
a.hoverbutton_image:active, 
a.hoverbutton_image:focus
{
    background-image: url(../_images/hoverbutton/button_slice_on.gif);
}

a.hoverbutton_btnMoveTop_disabled, 
a.hoverbutton_btnMoveTop_disabled:link, 
a.hoverbutton_btnMoveTop_disabled:visited,
a.hoverbutton_btnNewFolder_disabled, 
a.hoverbutton_btnNewFolder_disabled:link, 
a.hoverbutton_btnNewFolder_disabled:visited,
a.hoverbutton_btnMoveUp_disabled, 
a.hoverbutton_btnMoveUp_disabled:link, 
a.hoverbutton_btnMoveUp_disabled:visited,
a.hoverbutton_btnDelete_disabled, 
a.hoverbutton_btnDelete_disabled:link, 
a.hoverbutton_btnDelete_disabled:visited,
a.hoverbutton_btnMoveDown_disabled, 
a.hoverbutton_btnMoveDown_disabled:link, 
a.hoverbutton_btnMoveDown_disabled:visited,
a.hoverbutton_btnMoveBottom_disabled, 
a.hoverbutton_btnMoveBottom_disabled:link, 
a.hoverbutton_btnMoveBottom_disabled:visited,
a.hoverbutton_btnOrderByName_disabled, 
a.hoverbutton_btnOrderByName_disabled:link, 
a.hoverbutton_btnOrderByName_disabled:visited
{
    background-image: url(../_images/hoverbutton/button_slice_on.gif);  	
    cursor: default;
}


span.hoverbutton_btnMoveTop_button, span.hoverbutton_btnMoveTop_disabled_button 
{
    background-image: url(../_images/hoverbutton/top.gif);
}
span.hoverbutton_btnNewFolder_button, span.hoverbutton_btnNewFolder_disabled_button 
{
    background-image: url(../_images/hoverbutton/add_folder.gif);
}
span.hoverbutton_btnMoveUp_button, span.hoverbutton_btnMoveUp_disabled_button 
{
    background-image: url(../_images/hoverbutton/up.gif);
}
span.hoverbutton_btnDelete_button, span.hoverbutton_btnDelete_disabled_button 
{
    background-image: url(../_images/hoverbutton/delete.gif);
}
span.hoverbutton_btnMoveDown_button, span.hoverbutton_btnMoveDown_disabled_button 
{
    background-image: url(../_images/hoverbutton/down.gif);
}
span.hoverbutton_btnMoveBottom_button, span.hoverbutton_btnMoveBottom_disabled_button 
{
    background-image: url(../_images/hoverbutton/bottom.gif);
}
span.hoverbutton_btnOrderByName_button, span.hoverbutton_btnOrderByName_disabled_button 
{
    background-image: url(../_images/hoverbutton/sort_by_name.gif);
}

span.hoverbutton_btnMoveTop_buttonLeft, 
span.hoverbutton_btnMoveTop_buttonRight, 
span.hoverbutton_btnMoveTop_disabled_buttonLeft, 
span.hoverbutton_btnMoveTop_disabled_buttonRight,
span.hoverbutton_btnNewFolder_buttonLeft, 
span.hoverbutton_btnNewFolder_buttonRight, 
span.hoverbutton_btnNewFolder_disabled_buttonLeft, 
span.hoverbutton_btnNewFolder_disabled_buttonRight,
span.hoverbutton_btnMoveUp_buttonLeft, 
span.hoverbutton_btnMoveUp_buttonRight, 
span.hoverbutton_btnMoveUp_disabled_buttonLeft, 
span.hoverbutton_btnMoveUp_disabled_buttonRight,
span.hoverbutton_btnDelete_buttonLeft, 
span.hoverbutton_btnDelete_buttonRight, 
span.hoverbutton_btnDelete_disabled_buttonLeft, 
span.hoverbutton_btnDelete_disabled_buttonRight,
span.hoverbutton_btnMoveDown_buttonLeft, 
span.hoverbutton_btnMoveDown_buttonRight, 
span.hoverbutton_btnMoveDown_disabled_buttonLeft, 
span.hoverbutton_btnMoveDown_disabled_buttonRight,
span.hoverbutton_btnMoveBottom_buttonLeft, 
span.hoverbutton_btnMoveBottom_buttonRight, 
span.hoverbutton_btnMoveBottom_disabled_buttonLeft, 
span.hoverbutton_btnMoveBottom_disabled_buttonRight,
span.hoverbutton_btnOrderByName_buttonLeft, 
span.hoverbutton_btnOrderByName_buttonRight, 
span.hoverbutton_btnOrderByName_disabled_buttonLeft, 
span.hoverbutton_btnOrderByName_disabled_buttonRight
{
    display: none !important;
}