hr {
margin : 10px 0 10px 0;
list-style : none;
border : none;
border-bottom : 1px dotted #ccc;
}
.sres {
margin : 4px 0 4px 0;
}
h3 {
color : #000000;
font-weight : bold !important ;
}
* {
margin : 0;
padding : 0;
}
*:focus {
outline : none;
}
.hidden {
display : none;
}
.show {
display : block !important ;
}
.no-margin {
margin : 0 !important ;
}
.no-padding {
padding : 0 !important ;
}
.no-bg {
background : none !important ;
}
.no-border, img {
border : none !important ;
}
.container {
overflow : hidden;
}
.img-repl {
text-indent : -9999px;
overflow : hidden;
display : block;
}
html {
background : #f4f4f4;
font : 0.75em/1.5 Verdana, Arial, Helvetica, sans-serif;
}
body {
padding : 20px;
}
a {
color : #0066cc;
}
#site {
width : 1000px;
margin : 0 auto;
padding : 20px 40px;
background : #fff;
border : 1px solid #ccc;
}
#header {
padding-bottom : 1em;
border-bottom : 2px solid #ccc;
margin-bottom : 1em;
}
#col-left {
float : left;
width : 200px;
}
#content {
width : 100%;
float : right;
}
#footer {
clear : both;
padding-top : 1em;
border-top : 2px solid #ccc;
}
.menu-h {
overflow : hidden;
border-left : 1px solid #ccc;
}
.menu-h li {
float : left;
list-style : none;
padding : 0 0.8em;
border-right : 1px solid #ccc;
}
.menu-h-d {
min-height : 24px;
border-left : 1px solid #ccc;
}
.menu-h-d li {
float : left;
display : block;
position : relative;
border : 1px solid #ccc;
border-width : 1px 1px 1px 0;
list-style : none;
}
.menu-h-d a {
text-decoration : none;
padding : 2px 10px;
display : block;
}
.menu-h-d ul {
display : none;
position : absolute;
top : 22px;
left : -1px;
width : 160px;
background : #fff;
border : 0;
border-bottom : 1px solid #ccc;
}
.menu-h-d ul ul {
left : 100%;
top : -1px;
}
.menu-h-d li li {
float : none;
border-width : 1px 1px 0 1px;
}
.menu-h-d li:hover {
background : #ccc;
}
.menu-h-d a:hover {
color : #fff;
}
.menu-h-d li:hover ul ul, .menu-h-d li:hover ul li:hover ul ul {
display : none;
}
.menu-h-d li:hover ul, .menu-h-d li:hover ul li:hover ul, .menu-h-d li:hover ul li:hover ul li:hover ul {
display : block;
}
.menu-h-d.d-up ul {
bottom : 22px;
}
.menu-h-d.d-up ul ul {
bottom : -1px;
}
.menu-v a, .menu-h a {
text-decoration : none;
}
.menu-v a:hover, .menu-h a:hover {
text-decoration : underline;
}
.menu-v {
border-top : 1px dotted #ccc;
}
.menu-v li {
padding : 2px 0;
list-style : none;
border-bottom : 1px dotted #ccc;
}
.menu-v li ul {
padding-left : 1em;
margin-top : 2px;
}
.menu-v li li {
border : none;
border-top : 1px dotted #ccc;
}
.menu-v-d {
border-top : 1px solid #ccc;
}
.menu-v-d li {
padding : 2px 0;
display : block;
position : relative;
border : 1px solid #ccc;
border-width : 0 1px 1px 1px;
list-style : none;
}
.menu-v-d li a {
display : block;
position : relative;
text-decoration : none;
padding-left : 10px;
}
.menu-v-d li:hover {
background : #ccc;
}
.menu-v-d a:hover {
color : #fff;
}
.menu-v-d li ul {
display : none;
position : absolute;
top : -1px;
border-top : 1px solid #ccc;
left : 100%;
width : 100%;
background : #fff;
}
.menu-v-d li ul li {
background : #fff;
}
.menu-v-d li:hover ul ul, .menu-v-d li:hover ul li:hover ul ul {
display : none;
}
.menu-v-d li:hover ul, .menu-v-d li:hover ul li:hover ul, .menu-v-d li:hover ul li:hover ul li:hover ul {
display : block;
}
.menu-v-d ul ul {
left : 100%;
}
.content h1, .content h2, .content h3, .content h4 {
font : 1.7em Verdana, Arial, Helvetica, sans-serif;
margin-bottom : 0.5em;
}
.content h2 {
font-size : 1.5em;
}
.content h3 {
font-size : 1.3em;
}
.content h4 {
font-size : 1.1em;
font-weight : bold;
}
blockquote {
margin-left : 10em;
padding-left : 1em;
border-left : 2px solid #ccc;
}
pre, code {
font : 1.2em/1.8 "Courier New", Courier, monospace;
border : 1px dashed #aaa;
padding : 1em;
background : #eee;
}
code {
padding : 0.2em 0.5em;
}
.content ul, .content ol {
margin-left : 3em;
line-height : 1.3em;
}
.content ul li, .content ol li {
margin-bottom : 0.2em;
}
.icons a, .icon {
padding-left : 20px;
background-repeat : no-repeat;
background-position : left center;
}
.content p, .content ul, .content ol, .content table, blockquote, pre, .columns, .content img {
margin-bottom : 1em;
}
.a-left {
text-align : left;
}
.a-center {
text-align : center;
}
.a-right {
text-align : right;
}
.f-left {
float : left;
}
.f-right {
float : right;
}
table {
border-collapse : collapse;
}
table.brand {
font-size : 12px;
}
table.params {
border-collapse : collapse;
font-size : 10px;
}
table.params tr {
padding : 2px 0;
list-style : none;
border-bottom : 1px dotted #ccc;
}
table th, table td {
padding : 2px 3px;
vertical-align : top;
}
table th {
background : #f4f4f4;
}
table.user_comments {
border-collapse : collapse;
font-size : 14px;
}
table.user_comments td {
border : 1px solid #ccc;
padding : 2px 3px;
}
table.user_comments th {
border : 1px solid #ccc;
padding : 2px 3px;
background-color : #aaeeff;
}
.columns {
width : 100%;
overflow : hidden;
}
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 {
float : left;
overflow : hidden;
}
.col-content {
padding : 0 6px;
}
.col-first {
padding-left : 0 !important ;
}
.col-last {
padding-right : 0 !important ;
}
.w-5 {
width : 5%;
}
.w-10 {
width : 10%;
}
.w-15 {
width : 15%;
}
.w-20 {
width : 20%;
}
.w-25 {
width : 25%;
}
.w-30 {
width : 30%;
}
.w-35 {
width : 35%;
}
.w-40 {
width : 40%;
}
.w-45 {
width : 45%;
}
.w-50 {
width : 50%;
}
.w-55 {
width : 55%;
}
.w-60 {
width : 60%;
}
.w-65 {
width : 65%;
}
.w-70 {
width : 70%;
}
.w-75 {
width : 75%;
}
.w-80 {
width : 80%;
}
.w-85 {
width : 85%;
}
.w-90 {
width : 90%;
}
.w-95 {
width : 95%;
}
.w-100 {
width : 100%;
}
.w-33 {
width : 33%;
}
.w-66 {
width : 66%;
}
.w-38 {
width : 38%;
}
.w-62 {
width : 62%;
}
.content img {
padding : 5px;
border : 1px solid #ccc !important ;
margin-top : 0.4em;
}
.content img.null-image {
padding : 0 !important ;
border : none !important ;
margin : 0 !important ;
}
img.f-left {
margin-right : 1em;
}
img.f-right {
margin-left : 1em;
}
.content form {
padding : 0.5em 0;
}
.content fieldset {
margin-bottom : 1em;
border : none;
}
.content legend {
margin-top : -1px;
padding-bottom : 1em;
font-size : 1.1em;
font-weight : bold;
}
.content .f-row {
overflow : hidden;
margin-bottom : 0.5em;
}
.content label {
float : left;
text-align : right;
width : 25.99%;
padding : 0 2%;
}
.content .f-inputs {
padding-left : 30%;
}
.f-actions {
padding-top : 1em;
border-top : 1px solid #ccc;
}
input, textarea {
vertical-align : middle;
border : 1px solid #666666;
}
.i-checkbox {
margin-top : 3px;
}
.i-text {
width : 200px;
padding : 0 1px;
font : 1em sans-serif;
}
.button {
padding : 0 0.25em;
width : auto;
overflow : visible;
cursor : pointer;
}
p {
margin : 5px 0 0 0;
}
p:first-line {
margin : 5px 0 0 15px;
}