/*oma2.css nm 29/9/2003 - 18/1/2004
NEEDS an notiewin version */
/* i have not reviewed this in the light of css notes */
/*to get the gap between the main nav and the following page title + right panel have had to fiddle with padding/margin bottom of nav, padding/margin top of page title and margin-top of div supplementary-text (for top of background image).*/
/*orange=#f06600 green=#009999 yellow=#ffffe0 base purple=#5e5d80 darker #4e4d6a still darker purple used for text=#1f1f29 lighter purple =#8483a5 background colour of page as viewed is #5E5D80 which is set in inner table*/

body{	background-color: #333333; margin-top: 0.2em; margin-bottom: 0.3em; margin-left: 0.2em; margin-right: 0.2em;}
table#backgroundsetter{background-color: #5e5d80;}/*container table #5e5d80*/
body,td,th{font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 1em; color: #1f1f29;}
h1,h2,h3,h4,h5,h6{color: #009999;font-size: 100%; font-weight: normal;}
p,ol,ul, blockquote {font-size:75%;} blockquote p{font-size:100%;} ul ul {font-size:100%;}
/*links - don't change the position of this section in the style sheet. Keep link pseudo class selectors in identical order and format each time they occur to avoid erratic behaviour*/
a:link{text-decoration: none;color: #ffffe0;} a:visited{text-decoration: none;color: #ffffe0;} a:hover{color: #f06600;} a:active{}

/* company name area used for all pages */
div.conamecontainter{/*border: red solid 1px; margin: 0em; padding: 0em; background-image: url("http://www.base10.ws/design/oma/images/conamebg.jpg");background-repeat: no-repeat;*/	padding-top: 4px; width: 256px;	/*height: 60px;*/}
div.dropshadowcontainer{/*border: white solid 1px; margin: 0em;	padding: 0em;*/	position: relative;}
div.dropshadow_top{/*border: blue solid 1px; margin: 0em; padding: 0em;*/ position: absolute; z-index:2;}/*higher index is on top*/
div.dropshadow_under{position: absolute; /*	margin: 0em; padding: 0em;*/ left: 3px; top: 3px; z-index:1}
div.leadingo{display: inline; font-size: 125%;}
p.companyname{font-size: 200%; font-weight: bold; letter-spacing: +.5em;margin-bottom: 0em;display: inline;}
/*div.dropshadow_top p.companyname{color: #ffffe0;} div.dropshadow_under p.companyname{color: #ffffe0;} div.dropshadow_under h1#companybyline{color: #1f1f29;}*/
h1#companybyline{font-size: 55%; color: #1f1f29; font-weight: bold;text-align: left; margin-bottom: 0em; letter-spacing: 0.1em; text-transform: uppercase; margin-top:.5em;}
/* OLD main navigation area */
div.mainnav {padding-top:0.5em;padding-bottom: 0.5em;}
div.mainnav a {font-size: 66%; width: 6.5em; height: 3em; display: block; background-color: #4e4d6a; border-left: solid 1px #8483a5;  padding-top:0.1em; padding-bottom: 0.1em; text-transform: lowercase; text-align: center;text-decoration: none;}
div.mainnav a#selected{color: #009999;/*border-left: solid 0.01em #009999; looks ok except on home page*/}
div.mainnav a:link{text-decoration: none;} div.mainnav a:visited{text-decoration: none;} div.mainnav a:hover{border-left: solid 1px #f06600;} div.mainnav a:visited{}
/* main navigation area */
div.jsmainnav {padding-top:0.5em;padding-bottom: .5em;}
div.jsmainnav a{font-size: 66%; display: block; background-color: #4e4d6a; padding-top:0.1em; padding-bottom: 0.1em; text-transform: lowercase;text-decoration: none;}
div.jsmainnav td a.startmenu {width: 6.5em; height: 3em; text-align: center; border-left: solid 1px #8483a5;}
div.jsmainnav a#selected{color: #009999; /*border-left: solid 0.01em #009999; looks ok except on home page*/}
div.jsmainnav a:link{text-decoration: none;} div.mainnav a:visited{text-decoration: none;} div.mainnav a:hover{border-left: solid 1px #f06600;} div.mainnav a:visited{}
div.jsmainnav div.point_menu {/* border-color:#000000;border-style:solid;border-width:10px 10px 10px 10px;*/position:absolute;left:0px;top:0px;visibility:hidden;z-index:9;background-color:#4e4d6a; filter:alpha(opacity=90); -moz-opacity:0.8;}
/*div.jsmainnav div.point_menu td {border-left: solid 1px #8483a5;}*/
/*div.jsmainnav div.point_menu {filter:alpha(opacity=100); -moz-opacity:1.0;}*/
div.jsmainnav div.point_menu a {padding:4px; text-decoration: none; border-left: solid 1px #8483a5;}
div.jsmainnav div.point_menu a.point_plain:link {border-bottom: 1px dotted #8483a5;}
div.jsmainnav div.point_menu a.point_plain:visited {border-bottom: 1px dotted #8483a5;}
div.jsmainnav div.point_menu a.point_plain:hover {border-left: solid 1px #f06600; border-bottom: 1px dotted #f06600;}
div.jsmainnav div.point_menu a.point_plain:active {border-bottom: 1px dotted #8483a5;}
div.jsmainnav div.point_menu a.point_l:link {border-bottom: 1px dotted #8483a5; background:#4e4d6a url(http://www.base10.ws/design/oma/images/point_l.gif) no-repeat right; /* padding-right:10px; */} /* ds removed - only true way to stop this was to add a 10px shim aligned right - Right padding added to prevent text from covering the arrow */
div.jsmainnav div.point_menu a.point_l:visited {border-bottom: 1px dotted #8483a5; background:#4e4d6a url(http://www.base10.ws/design/oma/images/point_l.gif) no-repeat right; /* padding-right:10px; */}
div.jsmainnav div.point_menu a.point_l:hover {border-bottom: 1px dotted #f06600; color: #f06600; background:#4e4d6a url(http://www.base10.ws/design/oma/images/point_l2.gif) no-repeat right; border-left: solid 1px #f06600;  /* padding-right:10px; */}
div.jsmainnav div.point_menu a.point_l:active {border-bottom: 1px dotted #8483a5; background:#4e4d6a url(http://www.base10.ws/design/oma/images/point_l.gif) no-repeat right; /* padding-right:10px; */}
/* these are used on all pages except home page */
div.pagetitle{position: absolute; height: 75px;}
h1#pagetitle{display:inline; margin: 0em; padding: 0em; /*text-transform: lowercase;*/ font-size: 200%;font-weight: bold;}

h1#pagesubtitle{font-size: 75%;	font-weight: bold; margin: 0em; padding:0em;/*text-transform: lowercase;*/ margin-bottom:1em; padding-right: 0.5em; padding-bottom: 0.3em; background-color: #5e5d80; /*width:90%;*/} /*mac ie has its own version*/

/* section nav area used on all but home page and search results pages */
div.sectionnav{margin-top: 75px;}
div.sectionnav a{display: block; font-size: 66%; margin-bottom: 1em; padding-left: 0em; padding-right: 1em; width: 10em; text-transform: lowercase; text-align: left; border-bottom: 1px #5e5f80 solid; border-top: 1px #5e5f80 solid;}
div.sectionnav a#selected{color: #009999; border-bottom: 1px dotted #009999;}
div.sectionnav a:link{text-decoration: none;color: #ffffe0;}
div.sectionnav a:visited{text-decoration: none;color: #ffffe0;}
div.sectionnav a:hover{border-bottom: 1px dotted #f06600; color: #f06600;} 
div.sectionnav a:active{}
/* search widget */
div.search{ display: none; background-image: url("http://www.base10.ws/design/oma/images/conamebg.jpg")}
div.search form{display: inline;}
div.search div.search-text{display:inline; font-size:66%;padding-right: 0.5em;color: #ffffe0;text-transform: lowercase;}
div.search input {font-size: 66%; color: #ffffe0; background-color: #5E5D80; border: 1px #ffffe0 inset;}
div.search input#inputbutton{ color: #ffffe0; border: 1px #ffffe0 outset;}

/*home page disjoint rollovers etc*/
div.navrolloverborder{border: 1px #f06600 solid; width: 331px;}
div.navrollovercontainer{position: relative; margin: 0em; padding: 0em;	width: 330px; height: 160px; background-image: url("http://www.base10.ws/design/oma/images/bluecomputer_320_halffade.jpg");}
div.navrollover{visibility: hidden; position: absolute; margin: 0em; padding: 0em; color: #ffffe0; font-size: 66%; line-height: 1.5; width: 330px; height: 160px; 	background-image: url("http://www.base10.ws/design/oma/images/bluecomputer_320_fade.jpg");}
div.navrollover h2 {margin: 1em; color: #ffffe0; font-size:100%; font-weight: bold; border-bottom: 1px #8483a5 solid;}
div.navrollover p  {margin-left: 5em; margin-right: 1em; font-size:100%; }

/*main body*/
div.mainbodytextright{margin-top: 75px;padding-left: 0.6em; padding-right: 0em; border-left: 1px #8483a5 solid /* #f06600 dotted*/; padding-bottom: 1em;}/*this has become mainbody*/
div.mainbodytextright p {/*text-align: justify;*/}
div.mainbodytextright h2,h3,h4,h5,h6{font-size: 75%; font-weight: bold; color: #009999;}
div.mainbodytextright h2#pageheading{display:inline; margin: 0em; padding: 0em; font-size: 125%;}
div.mainbodytextright h2#pagesubheading{margin: 0em; padding:0em;margin-bottom:1em; padding-right: 0.5em; padding-bottom: 0.3em; text-transform: lowercase;}
div.mainbodytextright strong {color: #009999;}
div.mainbodytextright div.displaytable table {}
div.mainbodytextright div.displaytable td {/*border-right: 0.01em #f06600 solid;*/ border-bottom: 1px #8483a5 solid; padding:0.3em; }
div.mainbodytextright div.displaytable th {border-top: 1px #f06600 solid; border-bottom: 1px #f06600 solid; padding:0.3em;
font-weight: bold; color: #009999; text-align: left; font-size:75%;}

/* 8/11/2003 ds added for contact form */
div.mainbodytextright form#contactform{}
div.mainbodytextright form#contactform table{ background-color: #8483a5; }
div.mainbodytextright form#contactform table table input,select,textarea {font-size: 66%; color: #ffffe0; background-color: #5E5D80; border: 1px #ffffe0 inset;}
div.mainbodytextright form#contactform table table input#inputbutton{font-size: 1em; color: #ffffe0; border: 1px #ffffe0 outset;}
div.mainbodytextright form#contactform table table p{ color: #ffffe0; text-align: left; font-size: 66%;}
div.mainbodytextright form#contactform table table p p{ font-size: 100%;} /* ds 20040924 - added to stop minute text on contact form */
div.mainbodytextright form#contactform table table td{}
div.mainbodytextright form#contactform table table td.alignright p{ text-align: right; }
div.mainbodytextright form#contactform table table tr{ background-color: #59587a; }
div.mainbodytextright form#contactform table table tr#error p{ color: #D95c00; }
/*div.mainbodytextright form#contactform table table tr.alt1{ background-color: #59587a; }
div.mainbodytextright form#contactform table table tr.alt2{ background-color: #667493; }*/
div.mainbodytextright form#contactform table table.checkboxdisplay table{}
div.mainbodytextright form#contactform table table.checkboxdisplay table tr{ background-color: #5E5D80; }

/*supplementary text (in rh panel) */
div.supplementary-text{padding-top: 78px; padding-left: 0.6em; padding-bottom: 1em; padding-right: .5em; height: 30em; background-repeat: repeat; border-left: solid 1px #8483a5;}
div.supplementary-text p, div.supplementary-text blockquote,  div.supplementary-text ul{color: #ffffe0; font-size: 66%;}
div.supplementary-text blockquote p{font-size:100%;}/*needed to allow for p within blockquote */
div.supplementary-text h2,div.supplementary-text h3,div.supplementary-text h4,div.supplementary-text h5,div.supplementary-text h6 {color: #ffffe0; font-size:66%; font-weight: bold; border-bottom: 1px #8483a5 solid;}

div.supplementary-text blockquote{margin-left: 10%; margin-right: 5%;}/*reduces the indents in narrow rhs panel*/
div.supplementary-text ul, div.supplementary-text ol{margin-left: 10%; margin-right: 5%;}/*non ie override in omanotie.css*/

div.supplementary-text a:link{text-decoration: underline;}
div.supplementary-text a:visited{text-decoration: underline;}
div.supplementary-text a:hover{}
div.supplementary-text a:active{}

/*The id-s here equal the folder_nm url_name -s*/
div.supplementary-text#internet  {background-image: url("http://www.base10.ws/design/oma/images/screen2_fade.jpg");}
div.supplementary-text#database  {background-image: url("http://www.base10.ws/design/oma/images/bluedesks_fade.jpg");}
div.supplementary-text#publishing{background-image: url("http://www.base10.ws/design/oma/images/studio_fade.jpg");}
div.supplementary-text#opensource{background-image: url("http://www.base10.ws/design/oma/images/infinitescreen_fade.jpg");}
div.supplementary-text#results   {background-image: url("http://www.base10.ws/design/oma/images/fireworks_fade.jpg");}
div.supplementary-text#corporate {background-image: url("http://www.base10.ws/design/oma/images/nightstreet_fade.jpg");}
div.supplementary-text#searchresults {background-image: url("http://www.base10.ws/design/oma/images/nightstreet_fade.jpg");}

/*used on home page although i had wanted it everywhere*/
p.pagecommentary{/*font-size: 66%; font-weight: bold;*/}

/*things in the footer*/
div.copyright-and-nadd p, div.page-signoff p {font-size:66%;margin-bottom: 1em; margin-top:1em;}

/*images*/ /*THERE ARE OVERRIDES TO THESE IN NON W IE CSS*/
div.rightimage{float: right;    margin-left:  0.5em;}/*width needed for mac */
div.leftimage {float: left;        margin-right: 0.5em;}/*width needed for mac */
div.centreimage{display: block;  width:80%;}/*this sets max img width c320px*/

div.fullsizeimage{display: block; text-align: center; /*padding:0.5em;*/}
div.rightimage, div.leftimage, div.centreimage{padding: 0.5em;
border-top: 1px #8483a5 solid; border-left: 1px #8483a5 solid; border-right: 1px #1f1f29 solid;border-bottom: 1px #1f1f29 solid; 
/*border: 1px solid black;*/
text-align: center; padding-bottom: 0.5em; padding-top: 0.5em; margin-top: 0em; margin-bottom: 0.5em;}
div.centreimage img, div.leftimage img, div.rightimage img, div.fullsizeimage img{margin-bottom: 0.5em;}
div.rightimage, div.leftimage, div.centreimage, div.fullsizeimage{font-size: 66%; font-weight: bold; font-style: italic;}

/* used just for the search results pages */
div.searchresults h3{margin-bottom: 0em;padding-bottom: 0em;}
div.searchresults p{margin-top: 0em;}
div.searchresults div.mainbodytextright{border-left: 1px #f06600 none;}/*see div.mainbodytextright*/
div.searchresults td.bglight{background-color: #8483a5;}
div.searchresults div.mainbodytextright tr.evenrow td, div.searchresults div.mainbodytextright tr.oddrow td {padding: .2em; border-bottom: 1px #8483a5 solid; /*border-top: 1px #8483a5 solid;*/}
div.searchresults p.searchresulttext{display:inline;}
div.searchresults div.searchresultlocated{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .75em; color: #1f1f29; text-align:right;}

/* used for the results select bar - ??? have we distinguished between this select bar and the search select bar ??? */
td.selectbar{ font-size: 66%;}