html { height: 100%; }
body {
margin:0; padding:0;
position: relative;
z-index: 0;
height: auto !important;
height: 100%;
min-height: 100%;
background: url(side.png) 100% 0% repeat-y;
}
table { /* IE hack */ }
#main {
font-size: 62.5%;
font-family: arial, sans-serif;
margin: 0px;
/* padding-bottom: 14em; */
}
ul { margin: 0px; padding: 0px; }
p { color: #555; }
hr {
height: 1px;
size: 1px;
border-width: 1px 0px 0px 0px;
border: 1px dashed #E5E5E5;
}
/* widths
**********************************************************/
#links_container, #menu, #content, #footer {
}
/* links / footer
**********************************************************/
#links_container {
border-top: 1px solid;
border-bottom: 1px solid;
font-size: 1.1em;
}
#links, #footer {
height: 8.0em;
padding: 1.6em 0em 0em 0em;
text-transform: uppercase;
}
#links {
text-align: right;
padding: 1.0em 10px 0em 0em;
}
#footer {
text-align: center;
border-top: 4px solid;
clear: both;
margin-top: 4em;
/*
position: absolute;
bottom: 0px;
width: 100%;
*/
}
#links a, #footer a, #links a:hover, #footer a:hover {
text-decoration: none;
}
/* logo
**********************************************************/
#logo {
font-family: verdana, arial, sans-serif;
padding-left: 19px;
float: left;
}
#logo h1 {
margin: 0em;
padding: 0.8em 0px 0px 0px;
letter-spacing: 0.2em;
font-size: 1.8em;
text-transform: uppercase;
}
#logo h2 {
margin: 0em;
padding: 0.5em 0em 0em 0em;
letter-spacing: 0.2em;
font-size: 1.2em;
}
/* navigation menu
**********************************************************/
#menu {
height: 40px;
font-size: 1.1em;
border-bottom: 1px solid;
clear: left;
}
#menu ul {
float: left;
margin: 0em;
padding: 0em;
}
#menu li {
float: left;
margin: 0em;
padding: 0em;
list-style: none;
}
#menu li a {
height: 30px;
float: left;
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 10px 20px 0px 20px;
border-right: 1px solid;
}
#submenu form, #submenu table {margin: 0px; padding: 0px;}
#submenu {
height: 26px;
font-size: 1.1em;
border-bottom: 1px solid;
clear: left;
}
#submenu div a {
height: 20px;
font-size: 0.9em;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
float: left;
display: block;
padding: 6px 20px 0px 20px;
border-right: 1px solid;
}
.login { float: right; }
.login a {
font-size: 1.1em;
color: #ffffff;
text-decoration: none;
}
.login a:hover {
color: #83B82E;
}
.login input {
font-size: 1.1em;
color: #555555;
text-decoration: none;
width: 70px;
border: 1px #83B82E solid;
}
#menu .login { padding: 9px 10px 0px 0px; }
#submenu .login { padding: 0px 5px 0px 0px; }
/* main content
**********************************************************/
#content {
height: auto;
padding: 20px 0px 0px 0px;
overflow: hidden;
border: 1px solid #ffffff;
}
/* column 1 - contains sidebar
**********************************************************/
#column1 {
float: right;
font-size: 1.25em;
width: 220px;
padding: 4px 10px;
1padding: 0px;
margin: 0px;
}
#column1 h1 {
font-size: 1.28em;
padding: 0px 0px 10px 0px;
margin: 0em;
}
#column1 li {
margin: 0.8em 0em;
}
#column1 a {
color: #4F9EC9;
}
/* column 2 - page content
**********************************************************/
#column2 {
font-size: 1.45em;
text-align: justify;
padding: 0px 10px 15px 10px;
margin: 0px 250px 0px 0px;
}
#column2 h1 {
font-size: 1.28em;
text-transform: uppercase;
font-weight: normal;
}
#column2 h2 {
font-size: 1em;
letter-spacing: .1em;
color: #555;
}
#column2 strong {
font-size: 1.11em;
text-transform: uppercase;
font-weight: bold;
}
#column2 a, #column2 a:hover {
text-decoration: none;
}
/* other **********************************************************/
.rang div {margin: 10px 10px 20px 10px;font-size: 1.4em;}
.rang img {cursor: pointer;}
.shade {background: url(../img/shade.gif) no-repeat 24px 0px;padding: 5px 0px 5px 0px;}
#listquote table {margin-top: 1em;clear: left;}
/* Paginator -----------------------------------------------------*/
#column2 #menubar {margin: 20px 0px 20px 0px;float: right;}
#column2 #menubar div {float: left;margin: 0px;padding: 2px;text-align: center;}
#column2 #menubar div span {
padding: 1px 4px;
background-color: #4F9EC9;
color: #fff;
}
#column2 #menubar a:hover {
background-color: #4F9EC9;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
#column2 #menubar a {
text-decoration: none;
border: 1px solid #4F9EC9;
color: #555;
padding: 1px 4px;
background: #FFF;
}
#column2 #menubar div#prev span, #column2 #menubar div#next span {
border: 1px solid #dddddd;
background: #fff;
color: #dddddd;
padding: 1px 7px;
}
#column2 #menubar div#prev a, #column2 #menubar div#next a {
padding: 1px 7px;
}
#indicator {
float: left;
display: none;
}
#help {
position: absolute;
background: url(../img/help_right.gif) no-repeat 100% 0%;
padding: 0px 7px 0px 0px;
}
#helptext {
background: url(../img/help_left.gif) repeat-x;
padding: 6px 0px 12px 7px;
font-size: 1.2em;
}
#registration input, #registration textarea, #bugreport textarea {
font-family: arial, sans-serif;
font-size: 1em;
border: 1px solid #ccc;
color: #555;
background-color: #eeebea;
background-repeat: no-repeat;
width: 300px;
}
#registration textarea, #bugreport textarea {
width: 500px;
height: 200px;
padding: 5px;
}
#registration input:focus, #registration textarea:focus, #bugreport textarea:focus {
border: 1px solid #4F9EC9;
background-color: #fff;
}
#comment {
}
#username {
background-image: url(../img/form_user.gif);
padding: 5px 7px 5px 30px;
}
#password, #passconf {
background-image: url(../img/form_pass.gif);
padding: 5px 7px 5px 30px;
}
#email {
background-image: url(../img/form_mail.gif);
padding: 5px 7px 5px 30px;
}
#captcha {
background-image: url(../img/form_look.gif);
padding: 5px 7px 5px 30px;
}
#submit, #cancel {
padding: 5px 7px 5px 30px;
font: normal 0.9em Arial, Helvetica, sans-serif;
color: #555;
border: 1px solid #4F9EC9;
cursor: pointer;
}
#submit {
background: #fff url(../img/true.gif) no-repeat 0px 3px;
}
#cancel {
background: #fff url(../img/false.gif) no-repeat 0px 3px;
}
.discription_text {
text-align: right;
padding: 5px 10px;
font: bold 0.9em Arial, Helvetica, sans-serif;
width: 100px;
}
.footer_abs {
position: absolute;
bottom: 0;
width: 100%;
}
.date {
font: bold 0.85em Arial, Helvetica, sans-serif;
}
#shadebugreport {
position: fixed;
z-index: 300;
top: 0px;
left: 0px;
background-color: #000;
opacity: 0.7;
filter: alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#bugreport {
position: fixed;
z-index: 400;
top: 0px;
left: 0px;
background-color: #fff;
padding: 20px;
width: 512px;
border: 1px solid #83B82E;
}
#bugreporttext {
font: bold 1em Arial, Helvetica, sans-serif;
}
* html #shadebugreport{position:absolute;}
* html #bugreport{position:absolute;}
.fam_txt {font-size: 12px;margin-left:5px;margin-right:5px;text-decoration: none; text-align: left; }
.fams{width: 250px; border: 1px solid #006400; padding-left: 15px; margin-bottom: 15px; float: left; margin-right: 25px;}
.img{margin-left:15px;margin-bottom:15px;float: right;}
.advs{width: 400px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
* html .clearfix { height: 1px; }