/* Oculo global style sheet
    V2.1.2    
	    28-May-2003 - Initial release
	    30-Jan-2004 - Web release
	    04-Jan-2005 - Tidy up Opera
	    24-Sep-2005 - Support new services
*/

/* Basic elements */
body { font-family: Verdana, Arial, sans-serif;
    color: black;
    background-color: white;
    font-size: 10pt;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
h1 { font-size: 16px;
    margin: 10px 0px 0px 0px;
    color: #006699;
    font-family: Arial, sans-serif;
}
h2 { color:  #006699;
    margin: 0px 0px 0px 0px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
h3 { color:  #006699;
    margin: 8px 0px 3px 0px;
    font-family: Arial, sans-serif;
    font-size: 13px;
}
table { font-family: Arial, sans-serif;
    font-size: 10pt;
    background-color: white;
    border: black 2px solid;
    overflow: hidden;
    padding: 0px;
}
th {font-size: 10pt;
	color: white;
	background-color: black;
	border-bottom: black 1px solid;
    font-weight: bold;
}
img {padding: 0px;
    margin: 0px;
    border: black 0px solid;
}
s {font-weight: normal;
    color: white;
    font-style: normal;
    background-color: black;
    text-decoration: none;
}

/* Link Colours */
a { color: #009900; text-decoration: none; }
a.OcCommand, a.OcMenuLink, a.OcWhiteLink, a.OcSidebarLink, th a{color: #ffffff; }
a.OcCommand:hover { color: #009900; }
a.OcWhiteLink:hover { color: #000000; }
a:hover, a.OcMenuLink:hover, a.OcSidebarLink:hover { color: #ffcc00; }

/* General Classes */
.OcOK{color: #009900;}
.OcInfo{color: #006699;}
.OcWarn{color: #ffcc00;}
.OcError{color: #ff0033;}
.OcOKBack{background-color: #009900;}
.OcWarnBack{background-color: #ffcc00;}
.OcErrorBack{background-color: #ff0033;}
.OcFoot{font-size: 8pt;}
.OcEmphasis{font-weight: bolder;}
.OcCode {font-size: 8pt;
	color: #000088;
	border: black 0px solid;
	background-color: #f8f8f8;
}
.OcFooter {text-align: center;
    font-weight: bolder;
}
.OcKey {
    font-size: 8pt;
    color: black;
    border-top: #bbbbbb 1px solid;    
    border-bottom: #bbbbbb 1px solid;    
    font-family: Verdana, Arial, sans-serif;
}
.OcButton {color: #009900;
    font-family: Arial, sans-serif;
    border: #dddddd thin outset;
    background-color: #cccccc;
    margin-top: 0px;
    font-weight: bolder;
    width: 70px;
    text-align: center;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 1px;
}
.OcDayHeaderStyle,.OcSelectorStyle{ 
    background-color: White;
    border-bottom: Black 1px;
}
.OcTodayDayStyle{ background-color: #FFCC00;
    font-weight: Bold;
}
.OcTitleStyle{ background-color: Black;
    color: White; font-weight: Bold;
    font-size: 10pt;
    font-family: Arial, sans-serif;
}
/* POP-UP MENUS */
.OcSubMenu {
    border: 1px;
    width: 170px;
    color: white;
    background-color: #009900;
    font-weight: bold;
    font-size: 12px;
    border-style:solid;
    border-width:1px;
    border-left-color: #00aa00;
    border-top-color: #00aa00;
    border-right-color: #006600;
    border-bottom-color: #006600;
}
.OcSubMenu1{top: 135px;}
.OcSubMenu2{top: 165px;}
.OcSubMenu3{top: 165px;}
.OcSubMenu4{top: 185px;}
.OcSubMenu5{top: 260px;}
.OcSubMenu6{top: 230px;}
.OcSubMenu7{top: 345px;}
.OcSubMenu8{top: 330px;}
.OcSubMenu9{top: 390px;}


/* Specific classes */
p.OcList {margin-top: 0px;
	padding-left: 18px;
	margin-right: 10px;
    background-image: url(/images/obulletmedium.gif);
    background-repeat: no-repeat;
    background-position: 2px 4px;
}
p.OcBenefit {margin-top: 0px;
	padding-left: 16px;
	margin-right: 5px;
    background-image: url(/images/tick.bmp);
    background-repeat: no-repeat;
    background-position: 0px 3px;
}
p.OcSubList {padding-left: 30px;
	margin-right: 10px;
    margin-bottom : 0px;
    background-image: url(/images/ocbulletsmall.gif);
    background-repeat: no-repeat;
    background-position: 18px 5px;
}
p.OcMiniList {padding-left: 20px;
	margin-right: 0px;
    margin-bottom : 0px;
    background-image: url(/images/ocbulletsmall.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}
p.OcStandout{
    font-family: Arial, sans-serif;
    text-align: center;
    color: #006699;
    background: #eeeeee;
    padding-left: 10px;
    padding-right: 10px;
}
p.OcHighlight{
    color: #006699;
    text-align: center;
	font-style: italic;
    padding-left: 10px;
    padding-right: 10px;
}
p.OcNewsDate {
    margin-top: 0px;
    border-bottom: Black 1px Solid;
    color: #006699;
    text-align: right;
}
option.OcMoIcon{
    background: url(/images/om.gif) #ffffff no-repeat 0px 3px;
    padding-left: 15px;
}
option.OcCoIcon{
    background: url(/images/oc.gif) #ffffff no-repeat 0px 3px;
    padding-left: 15px;
}
td.Description {
    width: 120px;
    text-align: right;
}
td.Label{
    width: 100px;
    text-align: right;
}
td.TopBorder{
    border-top: Black 1px solid;
}
td.TopBorderLabel{
    border-top: Black 1px solid;
    width: 100px;
    text-align: right;
}
td.OcSpecialGraphic {
    font-size: 7pt;
    font-weight: normal;
    text-align:center;
    vertical-align: middle;
}
td.OcIButton {
    background:#009900;
}
td.OcMenuDiv {
    border-top: #00aa00 1px solid;
}
td.OcHeaderSmall {
    font-size: 7pt;
}
tr.OcMenuExplain {
    margin-top: 20pt;
    border-bottom: black 1px solid;
}
th.OcSubHeading{   border-top: Black 1px solid;
}
th.OcStatus, #OcGrid td.OcStatus
{   background-color: #006699;
    text-align: center;
}
th.OcStatusOK,#OcGrid td.OcStatusOK, #OcList a.OcStatusOK
{   color: #ffffff;
    background-color: #009900;
    text-align: center;
}
th.OcStatusInfo,#OcGrid td.OcStatusInfo, #OcList a.OcStatusInfo 
{   color: #ffffff;
    background-color:  #bbbbbb;
    text-align: center;
}
th.OcStatusWarning,#OcGrid td.OcStatusWarning, #OcList a.OcStatusWarning
{   color: #ffffff;
    background-color: #ffcc00;
    text-align: center;
}
th.OcStatusError,#OcGrid td.OcStatusError, #OcList a.OcStatusError
{   color: #ffffff;
    background-color: #cc3333;
    text-align: center;
}
th.OcStatusSevere,#OcGrid td.OcStatusSevere, #OcList a.OcStatusSevere
{   color: #ffffff;
    background-color: #660099;
    text-align: center;
}
/*  Input forms */
/* FORMS */
#OcForm .Bar {color: White;
    padding-left: 5px;
    background-color: Black;
	border-width: 0px;
	height: 25px;
    font-size: 14px;
    font-weight: bold;
}
#OcForm .Label {
    padding-left: 5px;
    padding-bottom: 0px;
    font-weight: bold;
    font-size: 11px;
}
#OcForm .Box{border: Black 1px solid;
    width: 300px;
    height: 40px;
}
#OcForm .DigitBox{border: Black 1px solid;
    font-size: 14px;
    font-weight: bold;
    width: 20px;
    height: 25px;
    padding-top:0px;
    text-align:center;
}
#OcForm .Text{font-size: 16px;
    padding-left:30px;
    padding-top:0px;
    margin: 0px;
}

/* Identifier based styles */
/* HEADER */
#OcHeader table { position:absolute;
    top: 0px;
    left: 0px;
    color: #009900;
    background-color: #ffcc00;
    width: 100%;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    border: 0px;
    padding: 0px;
}
#OcHeader .Picture { width: 175px; }
#OcHeader .Bar { color: White; 
    background-color: Black;
	border-width: 0;
}
#OcHeader .BarLink { color: white;
    background-color: black;
    border-left: white 1px solid;
    width: 70px;
    text-align: center;
}

/*	NAVIGATION SIDEBAR */
#OcSidebar table {
    position:absolute;
    top: 110px;
    left: 0px;
    width: 175px;
    color: white;
    font-weight: bold;
    font-size: 12px;
    background-color: #009900;
    text-align: right;
    border: 0px;
    padding: 0px;
}
#OcSidebar .SidebarTopLine { height: 10px; }
#OcSidebar .SidebarLegal { font-weight: normal;
    text-align: center;
	text-decoration: none;
	height: 20px;
	background-color: black;
}
#OcSidebar .SidebarCopyright { font-size: 10px;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	height: 20px;
	background-color: black;
}
#OcSidebar .SidebarIcon {
    vertical-align: middle;
    margin-right: 15px
}                 /* Vertical-Align only works on the latest browsers */
#OcSidebar .SideBarDropDown {
    margin-right: 22px
}                 /* Vertical-Align only works on the latest browsers */

#OcSidebar .SidebarRow {
    height: 35px;
    letter-spacing: 1px;
    text-align: right
}
#OcSidebar .SidebarLink { height: 35px; text-align: right; padding-right:65px; }
#OcSidebar p.OcSidebarMessage{
    font-size: 11px;
    text-align:center;
    padding-left: 10px;
    padding-right: 10px;
}
/* HOME PAGE */
#OcHome
{   margin-left: 185px;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: -25px;
    border: black solid 0px;
}
#OcHome h2{
    color: #006600;
    font-size: 13px;
}
#OcHome p{
    margin-top: 0px;
    margin-bottom : 2px;
}
#OcHome p.OcLink{
    text-align: left;
}
#OcHome p.OcSubList{
    padding-left: 15px;
	margin-right: 5px;
    margin-top : 0px;
    margin-bottom : 2px;
    background-position: 3px 4px;
}
#OcHome p.OcStandout{
    margin-top : 10px;
    margin-bottom : 0px;
}
#OcHome p.OcHighlight{
    margin-top: 5px;
    margin-bottom: 5px;
}
#OcHome a {margin-top: 0px;
    text-align: left;
	text-decoration: none; 
    padding-left: 10px;
    background-image: url(/images/occircletiny0.gif);
    background-repeat: no-repeat;
    background-position: left 3px;
}
#OcHome a:hover { background-image: url(/images/occircletiny1.gif); }

p.OcBanner{
    background: url(/images/banner.gif) #ffffff no-repeat center top;
    padding-top: 30px;
}
td.OcRightBar {
    background-color:#eeeeee;
    border: black 1px solid;
    width: 150px;
    vertical-align:top;
    padding: 5px;
}
td.OcProductPanel {
    border: black 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px 10px 10px 10px;
    vertical-align: top;
    width: 50%;
    padding-top: 5px;
}
/* STANDARD PAGE TEXT */
#OcExplain
{   margin-left: 190px;
    margin-right: 15px;
    margin-top: 120px;
    margin-bottom: 0px;
}
#OcExplain a { text-decoration: underline; }
#OcExplain h2 {
    padding-top: 0px;
    margin-top: 0px;
}
#OcExplain a:hover { text-decoration: underline; }
#OcExplain a.OcFooter, #OcExplain a.OcButton { text-decoration: none; }

#OcExplain p {
    margin-top: 2px;
    margin-bottom: 2px;
}
#OcExplain p.OcList  {
    font-family: Arial, sans-serif;
}
#OcExplain p.Sublist  {
    font-family: Arial, sans-serif;
    margin-bottom : 0px;
}
#OcExplain td.OcPanel {
    width: 75%;
    padding-right: 5px;
}
#OcExplain p.OcSidePanel {
    color: black;
    background: url(/images/octicksmall.gif) #ffffff no-repeat 4px 4px;
    font-size: 8pt;
    font-family: Verdana, Arial, sans-serif;
    padding-left: 22px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin: 0px;
}
#OcExplain td.OcSidePanelTop{
    background-color: #009900;
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
    color: white;
    font-size: 10pt;
}
#OcExplain table, #OcHome table {
    border: white 0px;
    color: black;
}
#OcExplain table.OcTour{
    font-family: Verdana, Arial, sans-serif;
}
#OcExplain td.OcTour{
    font-family: Verdana, Arial, sans-serif;
    text-align:left;
    padding-top: 10px;
    padding-bottom:10px;
    padding-right:0px;
}
/* PICTURE INSERT */
#OcPicture {
    float: right;
    width: 175px;
    height: 110px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 8px;
}
#OcPicture p.OcPictureTitle
{   margin-top: -23px;
    text-align: center;
    color: White;
}
/* MENU PAGE LAYOUT */
#OcMenuExplain
{   margin-left: 200px;
    margin-right: 15px;
    margin-top: 20px;
}
#OcMenuExplain a { height: 18px;
    font-size: 9pt;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 3px;
	margin-right: 10px;
    background-image: url(/images/obullet_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#OcMenuExplain a:hover { background-image: url(/images/obullet_1.gif); }
#OcMenuExplain td {
    border-top: #bbbbbb 1px solid;
    padding: 5px;
    font-size: 10pt;
}
/* GRAPH */
#OcGraph, #OcGraphResend
{   position: absolute;
    top: 200px;
    left: 185px;
}
#OcGraphLow, #OcGraphResendLow
{   position: absolute;
    top: 345px;
    left: 185px;
}

/* URLSELECTOR */
#OcURLSelector
{   position:absolute;
    z-index: 104;
    top: 45px;
    left: 200px;
}

/* ALERTREPORT */
#AlertReport td
{   border-right: Black 1px solid;
    border-top: Black 1px solid;
}
#AlertReport td.RightColumn
{   border-right-width: 0px;
}
#AlertReport td.TopRow
{   border-top-width: 0px;
}

/* DATESELECTOR */
#OcCalendar,#OcCalendarWithGraph
{   margin-left:80px;
    margin-bottom: 10px;
}

/* HELP */
#OcHelpText {
    margin: 65px 15px 15px;
    height: 130px;
}

#OcHelpText p.OcUpdateDate{
    color: #666666;
    font-size:8pt;
    margin-top: 20px;
    text-align: right; 
}

#OcHelpText table{
    width: 100%;
    border: white 0px solid;
    border-bottom: black 1px solid;
}
#OcHelpText th{
    color: white; background-color: #009900; 
    text-align:left;
    padding-left: 5px;
    border: white 0px solid;
}
#OcHelpText td.OcLabel{
    text-align:right; width:85px;
    color:  #006699;
    font-size: 12px; font-weight: bold;
}

/* MAIN BODY - FOR FORMS */
#OcMain
{   margin-left: 200px;
    margin-right: 15px;
    margin-top: 20px;
}
#OcMain table.OcFormTable {
    border-style: none;
    font-family: Verdana, Arial, sans-serif;
}
#OcMain td.OcSpacer {
    padding-top: 10px;
}
#OcMain .OcLabel { 
    width: 150px;
}
#OcMain table.OcBox {border: black 1px solid;
}
#OcMain td.OcBoxLabel { 
    width: 140px;
    padding-right: 10px;
    text-align:right;
    background-color:#eeeeee;
}
#OcMain td.OcBox { 
    width: 350px;
    background-color:#eeeeee;
}
#OcMain img {padding: 0px;
    margin: 0px;
    border: black 0px solid;
}
#OcMain table#Graph {padding: 0px;
    margin: 0px;
    border: black 0px solid;
}
#OcMain .OcIndent { margin-left: 140px; }
#OcMain .OcWarn { width: 135px; }
#OcMain .OcInput { width: 200px; }
#OcMain .OcLongInput { width: 300px; }
#OcMain .OcMediumInput { width: 140px; }
#OcMain .OcMidiInput { width: 100px; }
#OcMain .OcSmallInput { width: 80px; }
#OcMain .OcShortInput { width: 60px; }
#OcMain .OcTinyInput { width: 40px; }

/* Simple for T&Cs */
#OcTerms h1{ font-size: 12px;}
#OcTerms h2{ font-size: 10px;}
#OcTerms p {
    font-size: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Table/Grid Controls */
#OcGrid table
{   font-size: 10pt;
    color:Black;
    margin-bottom: 20px;
}

#OcGrid td
{   border: Black 1px solid;
    padding: 3px;
}

#OcGrid .OcGridHeader
{   color: White;
    background : Black;
    font-size: 9pt;
    font-weight: Bold;
    text-align: center;
}

#OcGrid .OcGridLabel
{   width: 100px;
}
#OcGrid .OcGridImage
{   padding: 0px;
    margin: 0px;
    border-width: 0px;   
}

/* List's Grid Controls */
#OcList table
{   font-size: 10pt;
}
#OcList a.OcStatusOK:hover, #OcList a.OcStatusInfo:hover, 
#OcList a.OcStatusWarning:hover, #OcList a.OcStatusError:hover,
#OcList a.OcStatusSevere:hover
{   color: Black;
}
#OcList .OcListHeader
{   color: White;
    background: Black;
    text-align: center;
    font-weight: bold;
}
#OcList td
{   border: Black 0px solid;
    padding: 1px;
}
#OcList td.OcListLabel
{   text-align: right;
    width: 120px;
    padding-right: 2px;
}

#OcList td.OcListData
{   text-align: left;
    width: 250px;
    padding-left: 2px;
}

/* NEWS PAGE RELATED */
#OcNews
{   margin-left: 200px;
    margin-right: 10px;
}
#OcNews .OcNewsMain
{   border-right: Black 1px Solid;
}
#OcNews a.Click
{   font-weight: bolder;
}
#OcNews a.Major{
    font-size: 11pt;
    font-weight: bolder;
    font-family: Arial, sans-serif;
    line-height: 20px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 30px;
    background-image: url(/images/newssmall_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#OcNews a.MajorIE5{
    font-size: 11pt;
    font-weight: bolder;
    font-family: Arial, sans-serif;
    margin-top: 0px;
}
#OcNews a.Minor {
    font-size: 10pt;
    font-weight: bolder;
    font-family: Arial, sans-serif;
    margin-top: 0px;
    padding-left: 15px;
    background-image: url(/images/newstiny_0.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}
#OcNews a.MinorIE5 {
    font-size: 10pt;
    font-weight: bolder;
    font-family: Arial, sans-serif;
    margin-top: 0px;
}
#OcNews a.Major:hover { background-image: url(/images/newssmall_1.gif); }
#OcNews a.Minor:hover { background-image: url(/images/newstiny_1.gif); }
#OcNews table { border: White 0px; }
#OcNews table.OcNews {border: white 0px;
    font-family: Verdana, Arial, sans-serif;
    color: black;
    font-size: 10pt;
}
#OcNews td { padding-left: 5px; padding-right: 5px; }
#OcNews p {
    margin-top: 8px;
    margin-bottom: 8px;
}
#OcNews p.OcNewsOther {
    margin-top: 0px;
    background: url(/images/roof.jpg) #ffffff no-repeat center top;
    color: white;
    padding-top: 90px;
    text-align: center;
}