/*This is the parent style sheet that defines styles to be used
site wide and defines common elements*/

/* quote line 629 */


/*HTML elements*/
* 
{ 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 

hr
{
    height: 2px;
    color: #B30909;
}
h1
{
    color: #DB1A1B;
    font-family: verdana;
    font-size: 13pt;
    font-family: arial;
    line-height: 19px;
}

h2
{
    color: #DB1A1B;
    font-size: 9.5pt;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 10px;
}

h3
{
    color: #DB1A1B;
    font-weight: bold;
    font-size: 8.5pt;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 0px;
}

h4
{
    color: #DB1A1B;
    font-weight: bold;
    font-size: 8pt;
}

h5, DT
{
    color: #DB1A1B;
    font-weight: normal;
    font-size: 8pt;
}

h6
{
    color: #DB1A1B;
    font-weight: normal;
    font-size: 8pt;
    text-decoration: underline;
}


body 
{
    background-color: white;
    color: Black;
    font-family: trebuchet ms;
    font-size: 9pt;
    margin: 0px;
    padding: 0px;
}

a:link img
{
    border: 0px;
}

a:link
{
    color: black;
}

a:visited
{
    color: black;
}


input
{
    font-size: 8pt;
}


em
{
    color: #DB1A1B;
    font-style: normal;
    font-weight: bold;
}

ul
{
    font-size: 8pt;
    margin-top: 0px;
    list-style-position: outside;
    list-style-type: square;
    margin-left: 10px;
    padding-left: 10px;
}

li
{
    font-size: 8pt;
    list-style-position: outside;
    list-style-type: square;
}

p
{
    font-size: 8pt;
    margin-top: 10px;
    margin-bottom: 10px;
}


/*parent div which holds everything below the main menu (silver)
includign the side menu*/
.bodyHolder
{
    background-color: white;
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -45px;
    width: 100%;
    border-top: solid 1px white;
}

/*holds the left hand menu and main content*/
.bodyHolder .bodyContent
{
    margin-top: 130px;
}

.bodyHolder .bodyContent a:link, a:visited, a:active
{
   color: red;
}

/*left menu holder*/
.bodyHolder .leftMenu
{
    background-color: White;
    width: 229px;
}

/*main content holder*/
.bodyHolder .contentHolder
{
    background-color: White;
    min-width: 700px;
    padding-top: 12px;
}



/*headings used on every page as these are the main headings per page
a h1 has been used and will be used throughout*/
.bodyHolder .contentHolder .header
{
    background-image: url(/images/css/header/heading-background.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    padding-top: 5px;
    height: 30px;
    width: 100%;
}
.bodyHolder .contentHolder .header h1
{
    color: white;
    display: inline;
}
.bodyHolder .contentHolder .header img
{
    padding-right: 1%;
    vertical-align: middle;
    position: relative;
    top: -2px;
}


/*footer this is not the footer at the bottom of the page but rather
the name and address of the company which goes just above*/
.footer
{
    clear: both;
    font-size: 7.5pt;
    font-weight: bold;
    text-align: center;
    overflow: hidden;
}
.footer p
{
    margin-top: 10px;
}


/*bottom links - this goes at the very bottom push is used to force
the bottom links down to the bottom of the page content or the window
depending on which is further down*/
.push 
{ 
    height: 35px; 
}
.bottomLinks
{
    background-image: url(/images/css/bottom-links-background.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    color: White;
    height: 30px;
    margin-top: 10px;
    width: 100%;
    /* follows added for the layout display correctly */
    clear:both;
    float:left;
    /* margin-top:20px; */
    bottom:30px;
}
.bottomLinks ul
{
    display: inline;
    float: left;
    list-style: none;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    padding: 0px;
}
.bottomLinks ul li
{
    float: left;
    height: 11px;
    list-style: none;
    margin-left: 0px;
    margin-right: 7px;
    padding-top: 7px;
    padding-bottom: 3px;
    padding-right: 10px;
}
.bottomLinks ul li a:link,.bottomLinks ul li a:visited, .bottomLinks ul li a:active
{
    border-right: dotted 2px white;
    color: orange;
    font-size: 7.5pt;
    font-weight: bold;
    padding-right: 10px;
    text-decoration: none;
}
.bottomLinks ul li a:hover
{
    border-right: dotted 2px white;
    color: orange;
    font-size: 7.5pt;
    font-weight: bold;
    padding-right: 10px;
    text-decoration: underline;
}


/*Content panes, for different skins
main difference is the width*/
.contentpane75
{
	text-align: left; 
	width: 100%;    /* change from 75 -> 100 on 15/09/2008 */
	padding: 10px; 
	min-height:570px;   /* added on 15/09/2008 */
	overflow-y: auto;
	overflow-x: hidden;
	float: left;
}

/*covers css regarding the side menu, this is not the main
menu*/

/*advert at the top*/
.bodyHolder .bodyContent .leftMenu .advert
{
    color: Orange;
    min-height: 95px;
    margin: 15px 0px 10px 15px;
    padding: 0px 10px 5px 10px;
    width: 194px;
    overflow-y: auto;
}
.bodyHolder .bodyContent .leftMenu .advert p
{
    font-weight: bold;
    margin-top: 10px;
}

/*spacer*/
.bodyHolder .bodyContent .leftMenu .spacer
{
    margin: 0px;
    padding: 0px;
    height: 6px;
}

/*bottom advertising space*/
.bodyHolder .bodyContent .leftMenu .bottomAdvert
{
    margin: 25px 0px 0px 15px;
    padding-bottom: 15px;
    text-align: center;
    width: 214px;
    overflow: auto;
}

/*header bar this covers the red bar at the top of all pages
including the login controls, preference controls, shaping
the future image and silver menu*/
.bodyHolder .headerBar
{
    background-image: url(/images/css/header/headerbackground.jpg);
    background-position: left top;
    background-repeat: repeat-x;
    clear: both;
    height: 100px;
    margin: 0px;
    min-width: 1000px;
    padding: 0px;
    top: 0px;
    right: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    /*
    width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "auto");
    */
}
.bodyHolder .headerBar img
{
    float: left;
    margin: 0px;
    padding: 0px;
}



/*Silver menu which is known as the main menu, this must stretch all the
way accross screen.*/
.bodyHolder .headerBar .mainMenu
{
    background-image: url(/images/css/header/menusilver.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    clear: both;
    height: 30px;
    margin: 0px;
    min-width: 1000px;
    padding: 0px;
    width: 100%;
    /*width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "1000px" : "auto");
    */
}
.bodyHolder .headerBar .mainMenu img
{
    float: left;
}

.bodyHolder .headerBar .mainMenu ul
{
    display: inline;
    float: left;
    list-style: none;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    padding: 0px;
}

.bodyHolder .headerBar .mainMenu ul li
{
    float: left;
    line-height: 29px;
    list-style: none;
    font-size: 8pt;
}
.bodyHolder .headerBar .mainMenu ul li a:link. a:visited, a:active
{
    font-weight: bold;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}
.bodyHolder .headerBar .mainMenu ul li a:hover
{
    background-color: #CC1414;
    background-image: url(/images/css/header/menu-over.jpg);
    background-repeat: repeat-x;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}
.bodyHolder .headerBar .mainMenu ul li ul
{
   margin-left: 0px;
}
.bodyHolder .headerBar .mainMenu ul li ul li
{
   background-color: #CC1414;
   background-image: url(/images/css/header/menusilver-sm.gif);
   background-repeat: repeat-x;
   border: 0px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 7.5pt;
   line-height: 20px;
}
bodyHolder .headerBar .mainMenu ul li ul li 
{
   padding: 0px 3px 0px 0px; color: black;
}
a:link, a:active, a:visited
{
    padding: 0 0 0 0;
}
.bodyHolder .headerBar .mainMenu ul li ul li a:hover
{
    color: white;
    text-decoration: none;
}

/* newly added css */
#leftLogin
{
    margin-top:12px;
    margin-left:7px;
    font-size:120%;
}

/*
    Following is added for the new design since 15/09/2008
*/
.login_left
{
    margin-left:4em;
    background-image:url("/images/login_button.png");
}
.login_input_style
{
    border:0px solid white;
	color:Black;  /*#767575;*/
	font:.85em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-.03em;
	width:195px;
	vertical-align:middle;
	margin-left: 5px;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom:3px;
}
.update_info_input_style
{
    border:0px solid white;
	color:#767575;
	font:.80em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-.03em;
	width:160px;    /* give 8px space for display * hint */
	vertical-align:middle;
	margin-left: 3px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom:2px;
}
/* IE6 PNG fix */
* 
{
    _behavior: url(/iepngfix.htc);
    margin:0; 
}

table
{
    font-size: 9pt;
}