html {
scrollbar-face-color: #636363;
scrollbar-highlight-color: #636363;
scrollbar-shadow-color: #636363;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #636363;
scrollbar-darkshadow-color:#cccccc;
height:100%;
padding:0px;
margin:0px;
text-align:left;
}
center {
height:100%;
}
body { background-color: #787878;
padding:0; margin:0; color:#ffffff; font-size:12px; font-family: helvetica;
height:100%;
}
.lftside { background-image: url(http://www.cleobachelor.co.za/images/barbed-wire_L_grey.gif); background-repeat: repeat-y; }
.rtside { background-image: url(http://www.cleobachelor.co.za/images/barbed-wire_R_grey.gif); background-repeat: repeat-y; }
tr {
vertical-align:top;
}
.bodycopy {
color: #c2b832;
}
a {
font-family: Tahoma, Helvetica, sans-serif;
font-size: xx-small;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
a:hover {
font-family: Tahoma, Helvetica, sans-serif;
font-size: xx-small;
color: #CCCCCC;
text-decoration: none;
}
a:visited.bio, a:active.bio, a:link.bio {
color: #c2b832;
}
a:hover.bio {
color: #c2b832;
text-decoration:underline;
}
.bodytext {
font-family: Tahoma, Helvetica, sans-serif;
font-size: x-small;
color: #FFFFFF;
}
.style1 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: x-small;
color: #e0eaf3;
}
.style2 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: medium;
color: #c2b832;
}
.style3 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: x-small;
color: #e0eaf3;
}
.style4 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: small;
color: #8b8670;
}
.style5 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: x-small;
color: #000000;
font-weight: normal;
}
.style6 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: medium;
color: #c2b832;
}
input {
border: solid 2px #666;
font-weight: normal;
font-size: xx-small;
font color : #ffffff;
background-color: #c2b832;
padding: 0;
}
image {
border:0px;
}
textarea {
border: solid 1px #4c9f2b;
font-weight: normal;
font-size: xx-small;
font color : #ffffff;
background-color: #c2b832;
}
select {
border: solid 1px #4c9f2b;
font-weight: normal;
font-size: xx-small;
font color : #FFFFFF;
background-color: #c2b832;
color: #000000;
}
input.image {
border:0px;
}
dropdown box
option {
border: solid 1px #4c9f2b;
font-weight: normal;
font-size: xx-small;
font-color : FFFFFF;
background-color: #c2b832;
}
.block {
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}
.hdr_main {
font-weight:bold;
font-size:14px;
color: #c2b832;
text-transform:uppercase;
padding-bottom:4px;
}
.hdr_main2 { color: #c2b832; font-size: 14px; font-weight: bold; text-transform: uppercase; position: absolute; top: 400px; left: 280px; z-index: 100; padding-bottom: 4px; }
.set_width {
width:180px;
}
.long_width {
width:250px;
}
.bodytext {
color:#ffffff;
}
.black {
color:#000000;
}
.bio {
color: #c2b832;
}
.bio2 { color: #c2b832; position: absolute; top: 450px; left: 280px; }
.comments_top_tile {
background-image:url(/images/comments_top1_02.jpg);
background-repeat:repeat-x;
width:22px;
height:14px;
}
.comments_bottom_tile {
background-image:url(../cleobachelor/images/comments_bottom_02.jpg);
background-repeat:repeat-x;
width:220px;
height:14px;
}
.style3 {
font-family: Tahoma, Helvetica, sans-serif;
font-size: x-small;
color: #c2b832;
}
.browserDiv {
height:600% !important;
#height: 100%;
_height:100%;
}
.blankover {
background-image:url(/images/blank_spacer.gif);
background-repeat:repeat;
}
.chromestyle{ font-size: 12px; font-family: helvetica; width: 100%; font-weight: bold; height: 20px; }
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
font-size: 12px; content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.chromestyle ul{ color: #000; font-size: 12px; width: 100%; margin: 0; text-align: left; height: 20px; padding-top: 4px; padding-bottom: 4px; /*set value to "left", "center", or "right"*/
}
.chromestyle ul li{ font-size: 12px; width: 130px; height: 20px; padding: 4px 2px 8px 4px; display: inline; }
.chromestyle ul li a{ color: #000; font-size: 12px; margin: 0; text-decoration: none; text-align: left; width: 130px; height: 20px; padding: 4px 2px 8px 4px; }
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ color: #f0f0f0; height: 20px; /*script dynamically adds a class of "selected" to the current active menu item*/
/*THEME CHANGE HERE*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{ color: #605f5f; font: 12px/14px helvetica; position:absolute; top: 0; z-index:100; background-color: white; visibility: hidden; border-color: #bbb; border-style: solid; border-width: 1px 1px 0; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{ display: block; text-indent: 3px; border-bottom: 1px solid #bbb; /*THEME CHANGE HERE*/
padding: 2px 0; text-decoration: none; font-weight: bold; color: #000; font-size: 12px; line-height: 14px; background-color: #a79c02; }
* html .dropmenudiv a{ /*IE only hack*/
font-size: 12px; line-height: 14px; width: 100%; }
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #000; font-size: 12px; line-height: 14px; background-color: #f0f0f0; }
/***********************************
ADDITIONAL CSS ADDED FOR IE / FF
**********************************/
/* new css - jaco brewis 2009 */
table#mainTbl {
height:100%;
border:0px solid red;
}
td#topBannerPart1 {
height:59px!important;
}
tr#topBannerPart1 {
height:59px!important;
}
td#topBannerPart2 {
height:210px!important;
}
td#subNav { height:141px!important; }
td#mainNav { color: #000; padding-top:0; background-color:#a79c02; background-image: url(http://www.cleobachelor.co.za/images/bg_navbar.gif); height:22px!important; font-color:#ffffff; }
.middle {
vertical-align:middle!important;
}
.paddingLogin {
padding-top:5px;
}
.subHdr {
color: #c2b832;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
/* background-color:#666666;*/
}
.bach_bgcolor {
background-color:#343103;
}
.bg_black {
background-color:#000000;
}