/*CSS for Datasafe * Author: Moustique Design http://www.moustique.net/ * Date: 
22 January 2007 */ /* Generic elements =========================*/ body { background-color: 
#fff; color: #000; font: normal 76% Arial, Tahoma, Verdana, sans-serif; } body, 
td { background-color: #FFF; font: normal 76% Arial, Tahoma, Verdana, sans-serif; 
font-size: 12px; color: #000; } h1 { margin: 5px 0 0px 0; width: 215px; height: 
123px; float: left; } h2 { font-size: 1.4em; color: #000; margin: 1.3em 0px; } 
h3 { font-size: 1.2em; color: #000; margin: 1.3em 0px; } h4 { font-size: 1em; 
font-weight: bold; color: #000; margin: 1.3em 0px; } p { font-size: 1em; margin: 
1.3em 0px; text-align: justify; line-height: 1.4em; } #main-content ul li { list-style-image: 
url(../img/gt.gif); padding-left: 0px; margin-left: 3; padding-bottom: 6px; } 
#right-sidebar p { font-size: 1em; margin: 1.3em 20px; text-align: justify; line-height: 
1.4em; } #main-content ul { list-style-type: disc; line-height: 1.4em; text-align: 
justify; } #main-content ul li { font-style: italic; margin-top: 10px; margin-bottom: 
10px; } img { border: 0; } table { margin: 0; } th { text-align: left; } address 
{ font-style: normal; margin: 10px 20px; } /* input, select, textarea { border: 
1px solid #999; background-color: #fff; color: #333; font: 0.9em Arial, Verdana, 
sans-serif; } */ /* Links ====================================*/ a:link, a:visited 
{ color: #000; text-decoration: underline; } a:hover, a:active, a:focus { color: 
#65d142; text-decoration: none; } a.active { color: #65d142; text-decoration: 
none; } /* Layout Divs ==============================*/ #wrapper { margin: 0; 
width: 99%; height: 100%; } #middle-main-content { float: left; margin-top: 5px; 
width: 100%; } #content { float: left; margin-top: 5px; width: 100%; } #middle-main-content 
img { float: left; margin: 0 10px 0 0; } #left-image { float: left; margin: 0 
0 0 0; width: 215px; } #main-content { height: auto; margin: 0 0 0 235px; } #right-sidebar 
{ width: 220px; float: right; margin: 0 0 0 20px; } #right-sidebar h3 { margin: 
0; font-size: 1em; color: #fff; background-color: #4c738b; padding: 3px 5px; } 
#right-sidebar .panel { border: 1px solid #4c738b; margin-bottom: 20px; } #right-sidebar 
.panel ul { margin: 10px 10px 10px 25px; padding: 0; } #right-sidebar .panel ul 
li { margin: 8px 0; } #right-sidebar li { list-style-image: url(../img/gt.gif); 
} #home-step-by-step { clear: both; width: 100%; min-width: 817px; height: 140px; 
background: #ddd url("../img/steplist.jpg") bottom left no-repeat; } #home-step-by-step 
h3 { margin: 0; float: left; background-color: #b2c3cd; width: 215px; color: #000; 
font-weight: normal; font-size: 1.8em; } #home-step-by-step p { margin: 0; text-align: 
right; padding: 4px 5px; background-color: #99afbc; } #home-step-by-step p a { 
margin: 0 5px; } #home-step-by-step p a:link, #home-step-by-step p a:visited { 
color: #fff; } #footer { clear: both; width: 100%; font-size: 0.9em; margin: 6px 
0 1px 0; } #footer p { font-style: italic; margin: 0; text-align: right; } /*-- 
bof HEADER COMPONENTS --*/ #logo { position:absolute; width:215px; height:100px; 
z-index:1; left: 0px; top: 15px; } #header { /*width: 100%;*/ padding: 0 0 10px 
215px; } #header p { float: left; width: 20%; margin: 0; } #header #top-nav { 
width: 70%; float: right; } #header div#h2 { float: left; background-color: #65d142; 
padding: 15px 1%; min-width: 400px; width: 98%; } #header h2 { margin: 0; color: 
#fff; font-weight: normal; font-size: 1.8em; } #main-nav { clear: left; float: 
left; background-color: #4c738b; list-style-type: none; margin: 0; padding: 10px 
1%; width: 98%; min-width: 400px; } /*-- eof HEADER COMPONENTS --*/ /* Nav ====================================*/ 
#main-nav li { float: left; padding: 0; margin: 0 3px; color: #fff; } #main-nav 
li a { float: left; padding: 0; margin: 0 3px 0 0; padding: 0 10px 0 0; border-right: 
1px solid #FFF; } #main-nav li a.last { border: 0; } #main-nav li a:link, #main-nav 
li a:visited { color: #fff; text-decoration: none; } #main-nav li a:hover, #main-nav 
li a:active, #main-nav li a:focus, #main-nav li a#active { color: #65d142; text-decoration: 
none; } /* Top Nav ====================================*/ #top-nav ul { float: 
right; list-style-type: none; margin: 0; padding: 0; } #top-nav ul li { margin: 
0; padding: 0; float: left; } #top-nav ul li a { float: left; padding: 0; margin: 
0; padding: 0 3px 0 3px; border-right: 1px solid #000; } #top-nav ul li a:link, 
#top-nav ul li a:visited { color: #000; text-decoration: none; } #top-nav ul li 
a:hover, #top-nav ul li a:active, #top-nav ul li a:focus, #top-nav li a#active 
{ color: #65d142; text-decoration: none; } #top-nav li a.last { border: 0; } /* 
Miscellaneous classes and IDs ============*/ .floatright { float: right; } .floatleft 
{ float: left; } .clear { clear: both; } .lgbg { background-color: #E0F5D9; } 
table.rb { border: 1px solid #4C738B; } th.rb { color: white; background-color: 
#4C738B; padding-left: 15; padding-right: 5; padding-bottom: 3px; text-align: 
left; font-size: 12px; } td.rb { padding: 5px; padding-left: 0; } .X { background-color: 
#E0F5D9; padding: 3px 0 3px 0; } .Y { padding: 3px 0 3px 0; } a.cl:link, a.cl:visited 
{ text-decoration: none; color: black; } a.cl:hover { color: #65D142; } .luridtext 
{ color: #65D142; } #faq { margin: 0 240px 0 25px; padding: 0px; } .top a:link 
, .top a:visited { color: #50C32B; float: right }