/**
 * Body element
 */
body {
   min-width: 750px;
   max-width: 750px;
   margin: 0 auto;

   padding:    15px;

   font: 12px Arial, sans-serif;
   color: #333333;

   background: white;
   background-repeat: repeat-x;
   background-image: url(../images/background.png);
}

h1, h2, h3, h4, h5 {
   color: black;
}

a{color:#0085CF;outline:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

table {
   border-collapse: collapse;
}

td, th {
   border-spacing: 0px;
   border: 1px solid;
   border-color: #a0a0a0;
   padding: 5px;
}

th {
   background: #f0f0f0;
   text-align: left;
}

img {
   border-style: none;
}

/**
 * Banner identifiers and classes
 */
#banner, #banner table {
   border: none;
   border-spacing: 0px;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

#banner td {
   margin: 0px;
   padding: 0px;
   border: none;
   border-spacing: 0px;
   vertical-align: top;
}

#bannerLeft {
   width: 256px;
}

#bannerSpan {
   height: 85px;
   background-repeat: repeat-x;
   background-image: url(../images/banner-span.png);
}

#bannerSearchBox {
   width: 176px;
}

#bannerSearchBoxTop {
   width: 154px;
   height: 47px;
   background-repeat: no-repeat;
   background-image: url(../images/banner-searchbox-top.png);
}

#searchInputCell {
   height: 16px;
   background: white;
   text-align: left;
   vertical-align: center;
}

#searchInput {
   width: 130px;
   height: 13px;
   border: none;
   border-spacing: 0px;
   font-size: 10px;
}

#searchGoButtonCell {
   height: 10px;
   text-align: right;
   background: white;
}

#bannerSearchBoxBottom {
   width: 154px;
   height: 22px;
   background-repeat: no-repeat;
   background-image: url(../images/banner-searchbox-bottom.png);
}

#bannerRight {
   width: 33px;
   height: 85px;
}

/**
 * Breadcrumbs and Links
 */
#breadcrumbs {
   width: 100%;
   margin: 0px;
   padding: 0px;
}

#breadcrumbs a {
   color: #a0a0a0;
   font-size: 11px;
   font-weight: normal;
}

#breadcrumbs a:hover {
   color:#0085CF;
}

#breadcrumbs table, #breadcrumbs td {
   border: 0px solid;
   border-color: #000000;
   margin: 0px;
   padding: 0px;
}

#breadcrumbLeftTable {
   width: 100%;
   background-repeat: repeat-x;
   background-image: url(../images/breadcrumbs-background.png);
}

.breadcrumbCell, .breadcrumbLinkCell {
   vertical-align: middle;
   white-space: nowrap;
}

.breadcrumbsSeparator {
   width: 20px;
   text-align: center;
}

#breadcrumbRightTable {
   width: 100%;
   background-repeat: repeat-x;
   background-image: url(../images/breadcrumbs-background.png);
}

.breadcrumbLinksSeparator {
   text-align: center;
}

/**
 * News Bar styles
 */
#newsBar {
   width: 100%;
   margin: 0px;
   padding: 0px;
}

#newsBar a {
   color:black;
   font-weight: bold;
}

#newsBar a:hover {
   color:#a0a0a0;
   text-decoration: none;
}

#newsBar table, #newsBar td {
   border: 0px solid;
   border-color: #000000;
   margin: 0px;
   padding: 0px;
}

#newsLeftTable {
   width: 100%;
   font-weight: bold;
   vertical-align: middle;
   background-repeat: repeat-x;
   background-image: url(../images/breadcrumbs-background.png);
}

.newsLogoCell {
   width: 14px;
}

#newsRightTable {
   width: 100%;
   background-repeat: repeat-x;
   background-image: url(../images/breadcrumbs-background.png);
}

#newsHeaderLine {
   padding-left: 5px;
   font-weight: normal;
}

/**
 * Left Menu Column
 */
#leftColumn {
   width: 200px;
   color:#76797c;
   float:left;
   margin-top: 10px;
   margin-bottom: 25px;
}

.menuTop {
   height: 19px;
   margin: 0px;
   padding: 0px;
   padding-top: 6px;
   padding-left: 15px;
   
   color: #f0f0f0;
   font-weight: bold;

   background-repeat: no-repeat;
   background-image: url(../images/menu-top.png);
}

.menuContent {
   background-repeat: repeat-y;
   background-image: url(../images/menu-content.png);
}

.menu ul {
   list-style: none;
   margin: 0px;
   padding: 5px;
   padding-left: 15px;
}

.menu li {
   padding-top: 2px;
}

.menuBottom {
   height:6px;
   margin-bottom: 10px;
   background-position: bottom left;
   background-repeat: no-repeat;
   background-image: url(../images/menu-bottom.png);
}

/**
 * Body column classes
 */
#bodyColumn {
   margin-top: 10px;
   margin-left: 200px;
   margin-bottom: 25px;
}

#contentBox table {
   width: 100%;
}

/**
 * Body styled boxes
 */
table.styledBox {
   table-layout: fixed;
   margin-top: 10px;
   padding: 0px;
}

.sbHeaderLeft {
   width: 3px;
   height: 25px;

   padding: 0px;

   border: none;
   background: none;
   background-repeat: no-repeat;
   background-image: url(../images/styled-box-header-left.png);
}

.sbHeaderCenter {
   height: 25px;

   color: #f0f0f0;
   font-weight: bold;

   padding: 0px;
   padding-left: 7px;

   border: none;
   background: none;
   background-repeat: repeat-x;
   background-image: url(../images/styled-box-header.png);
}

.sbHeaderRight {
   width: 3px;
   height: 25px;

   padding: 0px;

   border: none;
   background: none;
   background-repeat: no-repeat;
   background-image: url(../images/styled-box-header-right.png);
}

.sbContentRow {
   border: none;

   background: none;
   background-position: -0px -50px;
   background-repeat: repeat-x;
   background-image: url(../images/background.png);
}

.sbContentLeft {
   width: 3px;
   border: none;
}

.sbContent {
   border: none;
}

.sbContentRight {
   width: 3px;
   border: none;
}

.sbFooterLeft {
   width: 3px;
   height: 4px;
   border: none;
   background: none;
   background-repeat: no-repeat;
   background-image: url(../images/styled-box-footer-left.png);
}

.sbFooter {
   height: 4px;
   border: none;
   background: none;
   background-repeat: repeat-x;
   background-image: url(../images/styled-box-footer.png);
}

.sbFooterRight {
   width: 3px;
   height: 4px;
   border: none;
   background: none;
   background-repeat: no-repeat;
   background-image: url(../images/styled-box-footer-right.png);
}

div.styledBox table.bodyTable td {
   border: none;
   vertical-align: top;
}

div.styledBox table.bodyTable {
   border: none;
   vertical-align: top;
}

/**
 * Ad boxes layout
 */
table.adBox td {
   border: 1px solid;
   background: none;
}
 
.abTitle {
   font: 14px Arial, sans-serif;
   font-weight: bold;
   width: 60%;
}

.abSubTitle {
   display: block;
   font: 12px;
   padding-top: 3px;
   color: #a0a0a0;
}

.abImage {
   max-width: 110px;
   max-height: 80px;
}

.abImageCell {
   padding-right: 5px;
   width: 40%;
   text-align: left;
}

.abLinkCell {
   text-align: right;
   padding-top: 0px;
}

/**
 * Alter some Google search result styles
 */
.gsc-control {
   width: 100%;
   padding-top: 10px;
}

.gsc-resultsHeader {
   clear: none;
}

.gsc-resultsHeader td {
   border: none;
}

/**
 * Download boxes layout
 */
table.downloadBox td {
   border: 1px solid;
   background: none;
}
 
.dnlTitle {
   font: 28px Arial, sans-serif;
   font-weight: bold;
}

.dnlSubTitle {
   display: block;
   font: 24px;
   padding-top: 3px;
   color: #a0a0a0;
}

.dnlImage {
   width: 75%;
}

.dnlImageCell {
   padding-right: 5px;
   width: 50%;
   text-align: center;
}

.dnlLinkCell {
   text-align: right;
   padding-top: 0px;
}

/**
 * Footer classes
 */
#footer {
   clear: both;
   margin-bottom: 25px;
   padding-top: 10px;
   border-top-style: solid;
   border-top-width: 1px;
   border-color: #d7d7d7;
   color: #a0a0a0;
}

#copyright {
   clear: both;
   padding-top: 5px;
   text-align: center;
}

/**
 * Utility Classes
 */
.xleft {
   float: left;
}

.xright {
   float: right;
}

/**
 * Dedicated classes (especialy Tutorial ones)
 */
.source {
   background-color: lightgray;
   border: 1px solid;
}