/*
**  pointer.css
**  Copyright (c) POINTER d.o.o. 2005. All rights reserved.
**
**  Name
**      pointer.css - description
**
**  Description
**      none
**
**  Remarks
**
**  Compatibility
**
**  Author
**      Branko Zecevic
**
**  Revision history
**      1.0.0   Initial release
**
**
**
*/

/* ###### Global ###### */

/*  base colours
    sun1 =  51, 51,102 = #333366;
    sun2 = 102,102,153 = #666699;
    sun3 = 153,153,204 = #9999cc;
    sun4 = 204,204,255 = #CCCCFF;

*/

body {
   color: black;
   background-color: white;
   background-color: #dcdcdc;
   font-family: Arial, Helvetica, sans-serif;
   width:99.7%;
   margin:0;
   padding:0;
/*    border-right: 1px solid #515D65; */
}

img {
  border: none;
}

code {
  font-family: "lucida console", "courier new", courier, monospace;
}

table {
   border-collapse: collapse;
   empty-cells: show;
   margin: 1em;
   color: #515D65;
   background-color: white;
   background-color: #dcdcdc;
   border: 1px solid #515D65;
   font-size: small;
}

td {
   border: 1px solid #515D65;
   padding:1ex;
}

ul, li{
   margin-bottom:0.1em;
   margin-top:0.1em;
}

input.searchButton  {
   color: white;
   background-color: #FF8800;

   font-size:small;
   border: 1px solid white;
   vertical-align: middle;

    cursor: hand; /* for IE */
   margin:0;
   padding:0;
   margin-left: 1em;
}
   
input.searchText  {
   font-size:small;
   border: 1px solid black;
   vertical-align: middle;
   padding-top:2px;
   padding-bottom:2px;
   }

/* ###### Headers ###### */
.header {
   color: #4B70AA;
   background-color: white;
   background-color: #dcdcdc;
}

.headerBanner {
/*    background-image: url(images/headerBackground620x1.png); */
/*    background-repeat: repeat-y; */
/*    background-attachment: scroll; */
/*    background-position: right; */

   border:none;
   border-bottom: 1px solid white;
   border-bottom: 1px solid #515D65;



/*    padding:0.5em 1em 0.5em; */
}

.headerTitle {
   vertical-align: baseline;
}

.headerTitle table {
    table-layout: auto;
    border-style: none;
    padding: 0px;
}

.headerTitle td {
    border-style: none;
    padding: 0px;
}

.headerTitle tr {
    border-style: none;
    padding: 0px;
}


.headerTitle h1{
   display: inline;
   margin:0;
   margin-left:0.5em;
   padding:0;
   font-weight: normal;
   font-size: 300%;
}

.headerTitle a {
   text-decoration: none;
   border:0;
}


.headerSearch {
   font-size:73%;
   float: right;
   padding-top: 1.5em;
}

.headerSearch form {
   display: inline;
   margin:0;
   padding:0;
}

.headerSearch input.searchButton  {
   color: white;
   background-color: #FF8800;

   font-size:small;
   border: 1px solid white;
   vertical-align: middle;

    cursor: hand; /* for IE */
   margin:0;
   padding:0;
   margin-left: 1em;
}

.headerSearch input.searchText  {
   font-size:small;
   border: 1px solid black;
   vertical-align: middle;
   padding-top:2px;
   padding-bottom:2px;
}

.headerSearch a {
   color: black;
   text-decoration: none;
   padding:0;
   padding-left:1em;
   padding-right:1em;
}

.headerSearch a:hover {
   text-decoration: underline;
}


/*    ### Menu Bar ###### */
.menuBar {
   font-size: 73%;
   color: black;
   background-color: #dcdcdc;
   background-color: #dcdcdc;

/*    border-top-width: 1px; */
/*    border-top-style: solid; */
/*    border-top-color: black; */

/*    border-bottom-width: 1px; */
/*    border-bottom-style: solid; */
/*    border-bottom-color: white; */
   padding-top:0.25em;
   padding-bottom:0.25em;

   text-align: center;
}

.menuBar p {
   padding:0;
   padding-top:0.25em;
   padding-bottom:0.25em;
   margin:0;
}

.menuBar a {
   color: black;
   text-decoration: none;
   padding:0;
   padding-left:1em;
   padding-right:1em;
}


.menuBar a:hover {
   text-decoration: underline;
   color: black;
}


/* ###### Left Menu  ###### */
.leftMenuBox {
   background-image: url(images/leftmenu-top-shadow.png);
   background-repeat: repeat-x;

   background-color: white;
   background-color: #dcdcdc;
   width: 210px;
   height: 30em;

   border-right-width: 1px;
   border-right-style: solid;
   border-right-color: #515D65;

   text-align: left;

   padding:0;
   padding-left:10px;
   padding-top:4px;
   padding-bottom:1em;

   float: left;
   clear: left;

   color: #696969;
}

.leftMenuBox h2 {
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-bottom-color: white;
}

.leftMenuBox h2 a,
.leftMenuBox h2 a:hover,
.leftMenuBox h2 a:visited {
   border: 0;
}

.leftMenuBox h2,
.leftMenuBox h2 a,
.leftMenuBox h2 a:hover,
.leftMenuBox h2 a:visited {
   color: #333366;
   background-color: white;
   margin:0;
   margin-bottom: 0.1em;
   padding:0;

   padding-top:0.04em;
   padding-bottom:0.09em;
   padding-left: 0.6em;

   text-align: left;

   font-size: 90%;
   font-weight: bold;
}

.leftMenuBox h2 a:hover{
   color: #515D65;
}

.leftMenuBox a {
   text-decoration: none;
   font-weight: bold;
   display: block;
   color: #696969;
   font-size: 90%;

   border: 1px solid white;
   border-right: 0;

   margin-left: 1.8em;
   margin-bottom: 0.15em;
   margin-top: 0.15em;

   padding-bottom: 0.25em;
   padding-top: 0.25em;
   padding-left: 0.3em;
}

.leftMenuBox a:hover {
   color: black;
   background-color: white;

   border: 1px solid #515D65;
   border-right: 0;

   text-decoration: none;
   font-weight: bold;
}

.leftMenuBox p {
   padding:0;
   padding-top:0.15em;
   padding-bottom:0.15em;
   margin:0;
   margin-left: 1em;
   font-size: 73%;
}

/* ###### Main Content box ###### */
.mainContent {
   background-color: white;
   background-color: #dcdcdc;
}

/*    ### bread crumbs ###### */
.breadcrumbsBar {
   background-color: white;
   color: #515D65;
   padding: 0;
   font-size: x-small;
}

.breadcrumbsBar a {
   text-decoration: none;
   color:#515D65;
}

.breadcrumbsBar a:hover {
   text-decoration: underline;
}

/* ###### Body Text ###### */
.bodyTextContent {
   font-size:small;
   margin:0.2em;
}

.bodyText p , .bodyTextContent p {
   padding: 0.2em;
   margin:0.2em;
   font-weight: bold;
   font-size: 90%;


}

.bodyText b, .bodyTextContent b {
   margin:0em;
}

.bodyText .searchword , .bodyTextContent .searchWord {
   background-color: #FFC039;
   color: #515D65;
}

.bodyText {
/*    background-image: url(images/content-top-shadow.png); */
/*    background-repeat: repeat-x; */
   background-color: white;
   background-color: #dcdcdc;

   color: #515D65;
   margin: 0;
   margin-left: 220px;

/*    padding:0; */
/*    padding-left: 1em; */
/*    padding-top: 1em; */

/*    border-left-width: 1px; */
/*    border-left-style: solid; */
/*    border-left-color: #515D65; */

}


.bodyText h1 {
   font-weight: bold;
   font-size: x-large;
   padding: 0;
   margin: 0;
   margin-bottom: 1.00em;
}

.bodyText a {
   text-decoration: none;
   font-weight: bold;
   display: block;
   color: #515d65;
   font-size: 90%;
}



/* ###### Optional right side Text Box ###### */
.rightBox {
   display: inline;
   float: right;
   clear: right;
   border-left-color: #515D65;
   border-left-style:solid;
   border-left-width: 1px;
   margin:0
}


/* ###### Footer ###### */

.footer {
   color: #515D65;
   clear: both;

   padding:0;
   padding-top:0.1em;
   padding-bottom:1.5em;

   margin:0;

   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #515D65;

/*    border-bottom-width: 1px; */
/*    border-bottom-style: solid; */
/*    border-bottom-color: #515D65; */
   font-size: x-small;
}

.footer a{
   color: #515D65;
   text-align: right;
   text-decoration: underline;
}

.footer a:hover {
   text-align: right;
   color: black;
   text-decoration: underline;
}

.footerLeft {
   float: left;
   text-align: left;
}

.footerRight {
   text-align: right;
}

.footerLeft p , .footerRight p{
   margin:0;
   padding:0;
}

.footerLeft p {
   margin-left:1em;
}

.footerRight p{
   margin-right:1em;
}