/*----------------------------------------------------------------------------------------------------------------------------------------------------------- CSS for Mason Infotech - Main Stylesheet Author: David Ball (davidball@silktide.com) / Silktide Ltd Created: 22/08/2008 -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Global Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* commented backslash hack \*/ html, body { height: 100%; } /* end hack */ body { background: #fff url("templatefiles/body-bg.jpg") repeat-y center top; font: 75% verdana, arial, helvetica, sans-serif; text-align: center; padding: 0; margin: 0;} h1 { font: bold 1.7em verdana, arial, helvetica, sans-serif; text-transform:lowercase; color: #A177AF; margin: 0 0 10px; padding:5px 0 0 0; font-weight:normal; } h2 { font: 1.4em verdana, arial, helvetica, sans-serif; color: #A177AF; margin: 20px 0 5px; } h3 { font: bold 1.2em verdana, arial, helvetica, sans-serif; color: #000; margin: 20px 0 5px; } p, li { font-size: 1.0em; line-height: 1.6em; color: #666; margin: 9px 0; } li { margin: 5px 0; } .smalltext, .breadcrumb { font-size: 0.9em; margin: 0 0 5px; } a, a:visited { color: #6B1986; text-decoration: none; } a:hover, a:active { color: #52066B; text-decoration:underline; } hr { height: 1px; background-color: #e8e8e8; color: #e8e8e8; border: 0; margin: 10px 0; } img { border: 0; } form, table { background: transparent; font-size: 1.0em; color: #666; } .tablestyle { border-collapse: collapse; } .tablestyle td, .tablestyle th { font-size: 0.9em; vertical-align: top; padding: 5px 5px 5px 0; } .tablestyle td td { font-size: 1.0em; } .tableborder td, .tableborder th { vertical-align: top; padding: 5px; border: 1px solid #e8e8e8; } fieldset { } legend { font-size: 1.2em; text-transform: uppercase; color: #A177AF; } .clear { height: 0; clear: both; font-size: 0.1em; line-height: 0.1em; padding: 0; margin: 0; } .right { float: right; } .left { float: left; } .right { float: right; } .imgleft { width: 205px; float: left; margin: 0 15px 15px 0; } .imgright { width: 205px; float: right; margin: 0 0 15px 15px; } .centerimg { text-align: center; } .centerimg img { margin: 0 auto; } .alignright { text-align: right; } .widthwrapper { width: 100%; } .autowidth table { width: auto!important; } .padding { padding: 20px; } #accessibility { display: none; } /* Layout Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #container { width: 878px; min-height: 100%; height: auto; position: relative; background: url("templatefiles/container-bg.jpg") repeat-y top left; text-align: left; margin: 0 auto -143px; } /* margin-bottom to match #clearfooter */ * html #container { height: 100%; } #contentwrapper { margin: 0 4px; } #header { height: 116px; position: relative; background: #A177AF; padding: 0; margin: 0 4px; } #topnav { height: 29px; background: #272727 url("templatefiles/topnav.jpg") repeat-x; margin: 0 4px; } #sidecol { width: 225px; display: block; float: left; } #content { padding: 0; margin: 0 10px 10px 237px; } .fullwidth #content { margin-left: 15px; } #subcontent { width: 200px; float: right; background: #eeeeee url("templatefiles/subcontent_grad.jpg") bottom repeat-x; margin: 0 0 15px 15px; } #clearfooter { height: 143px; clear: both;} /* height to match height + padding + margin etc in #footer */ /* Header Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header #logo { position: absolute; left: 12px; top: 1px; } #header #headertext { width: 180px; position: absolute; top: 8px; right: 5px; text-align: center; } #header p { color: #fff; line-height: 1em; } #header strong { font-size: 1.5em; } #header a, #header a:visited { font-size: 1.2em; color: #fff; } #header a:hover, #header a:active { text-decoration: underline; } #header #headerbar { height:30px; background:#9881A0 url("templatefiles/top-bar.gif") repeat-x top; position:absolute; bottom:0; width:100%; margin:0; } #header #headerbar a { font-size:1em; } #header #headerbar ul { padding: 0; margin: 0; } #header #headerbar ul li { display: inline; padding: 0; margin: 0 12px; } #header #headerbar a { line-height: 28px; color: #fff; } #header #search { float:right; margin:0 10px; } #header #search input { vertical-align:middle; padding:2px; } #header #search .button { height:23px; width:34px; background:#A9A9A9 url("templatefiles/search-btn.jpg") no-repeat; border:none; padding:0; } /* Navigation Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #topnav ul { padding: 0; margin: 0; } #topnav ul li { display: inline; padding: 0; margin: 0 12px; } #topnav a { line-height: 28px; color: #fff; } #sidecol #subnav { background: #F4F4F4 url("templatefiles/sidecol_grad.jpg") repeat-x bottom left ; padding: 0; margin: 0; } #sidecol #subnav ul { padding: 10px 0; margin: 0; } #sidecol #subnav ul li { background: transparent url("templatefiles/bullet.gif") no-repeat 7px 5px; font-size: 0.85em; font-weight: bold; line-height: 1.5em; list-style-type: none; padding: 0 10px 3px 21px; margin: 2px 0; } #sidecol #subnav ul li ul { padding: 2px 0; margin: 0; } #sidecol #subnav ul li ul li { font-size: 1.0em; } /* Sidecol Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidecol h2 { background: transparent url("templatefiles/bullet_large.gif") no-repeat 0 2px; font-weight: normal; font-size: 1.2em; line-height: 1.5em; color: #000; padding: 0 10px 0 23px; margin: 0 5px; } #firstblock { height: 179px; background: #818181 url("templatefiles/sidecol_grad_dark.jpg") repeat-x top; padding: 10px 0; margin: 0; } /* the height of this plus the padding is the same as #homebanner height */ #firstblock hr { background-color: #CACACA; color: #CACACA; } #secondblock { background: #fff; padding: 10px 0; border: 1px solid #eee; border-width: 1px 1px 0 0; margin: 0; } #secondblock ul { padding: 10px 0 0 0; margin: 0; } #secondblock hr { padding: 0; margin: 10px 11px 0; } #secondblock #newsmenu { padding: 0 7px; margin: 10px 0 0 0; } #secondblock #newsmenu h3 { font-size:0.85em; padding: 0 10px 0 0; margin: 2px 0; } #secondblock #newsmenu p { font-size:0.85em; color: #000; padding: 0; margin: 0; } #thirdblock { height: auto; background :#F4F4F4 url("templatefiles/sidecol_grad.jpg") repeat-x bottom; padding: 10px 0; margin: 0; } #thirdblock #featuredmenu { padding: 0 5px; margin: 10px 0 0 0; } #thirdblock #featuredmenu h3 { background: transparent url("templatefiles/bullet.gif") no-repeat 3px 3px; font-size: 0.85em; padding: 0 10px 0 18px; margin: 2px 0; } #thirdblock #featuredmenu p { font-size: 0.85em; padding: 0; margin: 0 10px 0 18px; } #thirdblock hr { background-color: #BFBFBF; color: #BFBFBF; margin: 10px 5px; } /* Subcontent Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #subcontent h2 { background: #838383 url("templatefiles/subcontent_header.jpg") repeat-x top; font-weight: normal; font-size: 1em; color: #000; padding: 2px 20px; border-top-color: #eee; border-bottom-color: #eee; margin: 0; } #subcontent p { font-size: 0.95em; color: #000; margin: 10px 20px; } /* Home Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home #homebanner { height: 199px; position: relative; background: #818181 url("templatefiles/home_banner_bg.jpg") repeat-x; text-align: right; padding: 0; margin: 0 4px; } #home #homebanner h1 { color: #fff; } #home #homebanner p { color: #000; } #home #homebanner img { float: right; } #home #homebanner #bannertext { padding: 10px 10px; } #home #content { margin-left: 227px; margin-right: 0; } #home #hometable { padding: 0; border-collapse: collapse; margin: 0; } #home #hometable td { width: 160px; } #home #hometable .row { background: #838383 url("templatefiles/subcontent_header.jpg") top repeat-x; font-size: 0.9em; padding: 0; margin: 0; } #home #hometable .content { background: #eeeeee url("templatefiles/subcontent_grad.jpg") bottom repeat-x; vertical-align: top; /*padding: 5px 3px;*/ margin: 0; } #home #hometable .borderright { border-right: 1px solid #fff; } #home #hometable img { overflow: hidden; border: 0; margin: 1px 0 0 0; } #home #hometable .padding { padding: 0; margin: 3px 6px; } #home #hometable h3 { font-size: 1.0em; padding: 0; margin: 0; } #home #hometable h3 a { color: #000; text-decoration: none; } #home #hometable h3 a:hover, #home #hometable h3 a:active { color: #fff; } #home #hometable .content a, #home #hometable .content a:visited { color: #333; } #home #hometable .content a:hover, #home #hometable .content a:active { color: #6B1986; text-decoration: none; } #home #hometable p { font-size: 0.9em; color: #333333; padding: 0; margin: 0; } /* Other Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #partners { display: block; position: relative; text-align: left; margin: 0 10px 10px 237px; } #partners img { display: inline; margin-right: 80px; } #partners h3 { position: relative; background: transparent url("templatefiles/bullet_large.gif") no-repeat 0 3px; font-weight: bold; font-size: 1.2em; line-height: 1.8em; color: #9B6FAA; padding: 0 10px 0 23px; margin: 10px 5px; } .newstable { border-collapse: collapse; } .newstable td { vertical-align: top; padding: 5px; } .newstable td p { padding-bottom: 5px; border-bottom: 1px solid #e8e8e8; margin-top: 0; } .newstable td img { padding: 2px; border: 1px solid #c5d596; margin-top: 2px; } .imagegallery td { vertical-align: top; padding-bottom: 10px; } .imagegallery img { padding: 5px; border: 1px solid #e8e8e8; margin-bottom: 5px; } td.userguides { width: 200px; } .caption { font-size: 0.85em; text-align: left; margin: 5px 20px; } .textblock { clear:right; } .textblock .right { float:right; margin:0 0 10px 15px; } /* Footer Styles -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #footer { width:878px; height: 133px; position: relative; background: url("templatefiles/container-bg.jpg") center repeat-y; font-size: 0.85em; padding: 0; margin: 0 auto; } #footer #clientzone { width: 225px; float: left; text-align: center; margin: 0 4px; } #footer #clientzone img { margin: 10px auto 0; } /* NOT CURRENTLY IN USE #footer #login { width: 210px; float: left; text-align: left; margin: 0 10px 0; } #footer #login label { } #footer #login input { height: 15px; } #footer #login .button { width: 49px; height: 19px; background: transparent url("templatefiles/login.gif") right no-repeat; font-size: 1.0em; text-align: right; color: #fff; padding: 0 10px; border: 0; margin: 0; } */ #footer #footerbar { width: 860px!important; background: #A177AF; padding: 0 5px; margin: 0 auto; } #footer #footerbar p { text-align: left; color: #fff; padding: 3px 0 0 0; margin: 0; } #footer #footerbar p a { color: #fff; } #footer #footerbar .right a { display: block; color: #D0BBD7; margin-top: 20px; }