<?
require_once($_SERVER['DOCUMENT_ROOT'].'/../libs/cssControl.php');
?>
body {
    background-color:#fff;
	font-family: 'Droid Sans', arial, serif;
    font-size:12px !important;
    margin:0 auto;
    padding:0;
    width:1024px;
}

p {
    margin:0.5em 0;
}

a.light {
    color:<? echo $color1 ?>;
    text-decoration:none;
}

img,input {
    border:0;
}

.bgcolor1 {
    background-color:<? echo $color1 ?>;
}

h1 {
    color:#333;
    font-size:16px;
}
h1.h1title {
    margin:0;
    padding:0;
    font-size:1.0em;
}

h2 {
    color:<? echo $color1 ?>;
    font-size:14px;
}

h3 {
    color:#eee;
    font-size:13px;
}

h4 {
    color:#ccc;
    font-size:12px;
}

form {
    margin-bottom:0;
    margin-top:0;
}

.lang-images {
    background-color:<? echo $color2 ?>;
    float:right;
    height:25px;
    padding-right:2px;
    width:200px;
}

.lang-images img {
    background-color:<? echo $color2 ?>;
    cursor:pointer;
    float:left;
    height:25px;
}

fieldset {
    border:1px solid <? echo $color1 ?>;
    margin:5px 7px;
    padding:3px;
}

fieldset.related-links a {
    color:<? echo $color2 ?>;
    display:block;
    float:left;
    width:120px;
}

fieldset.related-links2 a {
    color:<? echo $color2 ?>;
    display:block;
    float:left;
}

legend {
    color:<? echo $color2 ?>;
    font-size:11px;
    font-weight:700;
}

input,select,textarea,span.input {
    border:1px solid #000;
    font-family:Arial, sans-serif;
    font-size:1em;
    padding:1px;
}

/* *********** 
 Page layout 
  *********** */
ul.topmenu {
    background:<? echo $color2 ?> url(<? echo $VertGradSmConvex ?>) repeat-x right center;
    color:#fff;
    height:15px;
    list-style-type:none;
    margin:0;
    padding:5px 0 5px 5px;
}

ul.topmenu li {
    display:inline;
    padding-left:3px;
    padding-right:13px;
}

a.menu {
    color:<? echo $color1 ?>;
    font-weight:700;
    text-decoration:none;
}

.header {
    background:transparent url(<? echo $headerBgImage ?>) repeat-x;
    height:110px;
}

.header a.hdr-link {
    background-image:url(<? echo $headerImageClear ?>);
    display:block;
    height:110px;
    margin-left:auto;
    position:absolute;
    top:25px;
    width:420px;
}

.wrapper1 {
    background:transparent url(<? echo $leftmenuBgImage ?>) repeat-y top left;
    position:relative;
    text-align:left;
    width:1024px !important;
}

.wrapper2 {
    position:relative;
    text-align:left;
}

.mainbody {
    min-width:650px;
}

.container {
    position:relative;
}

.leftmenu {
    background:transparent url(<? echo $leftmenuTopBgImage ?>) no-repeat left top;
    float:left;
    position:relative;
    width:177px;
    z-index:1;
}

.left-wp-list-header {
    background-color:<? echo $color2 ?>;
    border:outset 1px <? echo $color2 ?>;
    clear:both;
    color:<? echo $FontLowColor ?>;
    font:bold .85em arial, helvetica, sans-serif;
    margin:0;
    padding:4px 29px 4px 5px;
    text-transform:uppercase;
}

.left-wp-list {
    background-color:#FFF;
    border:outset 1px <? echo $color1 ?>;
    color:<? echo $color2 ?>;
    font:bold .85em arial, helvetica, sans-serif;
    height:300px;
    margin:0;
    overflow:auto;
}

.left-wp-list div {
    background:#fff url(<? echo $VertGradSmConvex ?>) repeat-x right bottom;
    border:outset 1px <? echo $color1 ?>;
    border-left:none;
    border-right:none;
    cursor:pointer;
    padding:0 2px 0 4px;
}

.left-wp-list div:hover {
    background:#fff url(<? echo $VertGradSmConcave ?>) repeat-x right bottom;
    color:<? echo $color3 ?>;
}

.left-wp-list a {
    color:<? echo $color2 ?>;
    font-weight:700;
}

.kwcloud {
	color:<? echo $color3 ?>;
	text-align:center;
	background-color:#fff;
	padding:2px;
}
.kwcloud a {
	color:<? echo $color2 ?>;
}

#google_ads_div_banner120x240 ins,
#google_ads_div_banner120x600 ins,
#google_ads_div_banner120x240_ad_container ins {
    margin-top:10px;
}

.centermenu {
    width:846px;
    border-right:solid 1px <? echo $color2?>;
    color:#000;
    position:relative;
    float:left;
    z-index:0;
}

.topcorner {
    max-height:62px;
    min-height:19px;
    width:100%;
}

.topcornerarrow {
    background:transparent url(/images/trans.png) repeat-x 0 0;
    font-size:1.5em;
    max-height:62px;
    min-height:19px;
    padding-left:10px;
    padding-top:10px;
}

.text {
    background-color:#a69346;
    clear:both;
    color:#fff;
    font-size:0.9em;
    margin:0;
    padding:3px 0;
}

div.search {
    padding-left:20px;
    padding-top:60px;
}

ul.favorites {
    float:right;
    list-style-type:none;
    margin:60px 10px 0 0;
    padding:3px 0 0;
}

ul.favorites li {
    display:inline;
}

div.loginoutform {
    clear:both;
    float:right;
    margin:65px 10px 0 0;
}

.top-banner {
    left:auto;
    margin-left:500px;
    position:absolute;
    top:25px;
}

.ht-ad-logo {
    border:0;
    height:8px;
    width:468px;
}

.right-banner img {
    height:600px;
    width:120px;
}

.rss-items {
    list-style:none;
    margin:0;
    padding:20px 0 0 10px;
    width:140px;
}

.rss-date {
    color:<? echo $FontLowColor ?>;
    font-size:.8em;
}

.rss-item {
    background:<? echo $color2 ?>;
    border:1px outset <? echo $color2 ?>;
    color:<? echo $FontSubHighColor ?>;
    display:block;
    margin:0;
    padding:5px 3px;
}

.rss-item a {
    background:<? echo $color2 ?>;
    border:1px outset <? echo $color2 ?>;
    color:<? echo $FontSubLowColor ?>;
    display:block;
    margin:0;
    padding:5px 3px;
    text-decoration:none;
}

.rss-item a:hover {
    background:<? echo $color2 ?> url(<? echo $headerBgImage ?>) repeat-x right center;
    color:<? echo $FontSubHighColor ?>;
}

/* ************** 
 Waypoint entry 
  ************** */
.mapmarkerconsole,.mapmarkeroptions,.mapselectoptions {
    /*background-image:url('<? echo $imageroot ?>/console_bg.png');*/
    background-color:#fff;
    border:outset 1px <? echo $color2 ?>;
    display:none;
    position:absolute;
    text-align:right;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:99;
}

.mapmarkerconsole a,.mapmarkeroptions a,.mapselectoptions a {
    color:<? echo $color2 ?>;
    display:block;
    text-decoration:none;
}

.mapmarkerconsole a:hover,.mapmarkeroptions a:hover,.mapselectoptions a:hover {
    background-color:<? echo $color2 ?>;
    color:<? echo $color1 ?>;
}

.latlngdisplay {
    background-color:#fff;
    padding:4px;
    border:solid 1px #6e8bcd;
    font-size:.9em;
    font-weight:bold;
    left:100px;
    position:absolute;
    top:420px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.favorites-cbo {
    left:180px;
    padding:0 0 0 3px;
    position:absolute;
    top:37px;
}

.groups-cbo {
    left:430px;
    padding:0 0 0 3px;
    position:absolute;
    top:37px;
}

.lcd-display {
    background-color:#fff;
    border:solid 1px #6e8bcd;
    left:100px;
    position:absolute;
    top:63px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:.9em;
    font-weight:bold;
    margin:1px 0 0 1px;
    padding:3px;
}

.lcd-display img {
    margin-bottom:-1px;
    padding-bottom:0;
}

/* ****************** 
 waypoint styles 
  ****************** */

ul.waypointlist {
    display: block;
    list-style-type: none;
    margin: 0;
    padding-left:30px !important;
    padding-top:20px;
}

ul.waypointlist li.waypointresult {
    clear:both;
    display: block;
    list-style-type: none;
    margin:0 0 13px 0;
    padding:0 10px 2px 0;
    width:750px;
    border:solid 1px <? echo $color2 ?>;
}

ul.waypointlist li.waypointresult dl {
    position: relative;
    min-height: 10px;
    display: block;
    margin:0;
    padding:0;
}
li.waypointresult img {
    height:50px;
}

dl.row dd {
    display: block;
    float: left;
    padding:0;
    line-height: 1.2em;
    margin-left:0;
    margin-right:5px;
}
dl.row  .wptitle {
    margin-bottom:-1em;
    position:relative;
    top:-1.2em;
    font-weight:700;
    font-size:1.2em;
    background-color:#fff;
    padding:2px 5px 2px 5px;
}
dl.row  .wpdescr {
    margin-left:15px;
    margin-top:0;
    margin-bottom:20px;
}
dl.row dd.wpid {
    margin-left:10px;
}
dl.row dd.wpid, dl.row dd.wpmember, dl.row dd.wpdate,dl.row dd.wpbuttons {
    padding-left:15px;
    margin-top:-20px;
}
dl.row dd.wpbuttons {
    padding:4px 0 4px 0;
}
dl.row dd.wpid, dl.row dd.wpmember, dl.row dd.wpdate {
    padding-top:7px;
}
dl.row dd div {
    margin:5px 0 0 5px;
}
dl.row dd span {
    font-weight:700;
    margin-left:5px;
}

/* ****************** 
 report styles 
  ****************** */
div.report,div.report-list,div.report-small {
    border:1px solid <? echo $color2 ?>;
    font-size:.9em;
    margin:20px 20px 5px;
    padding:0 0.75em 2em;
}

div img.wpimage,img.wpdetail-image {
    border:outset 1px <? echo $color2 ?>;
}

div img.wpimage {
    width:70px;
}

div.report-list p span img {
    display:none;
}
div.report-list span {
    padding-left:5px;
}

div.report-small img {
    width:60px;
}

div.report-list-item {
    background-color:#e6ebe1;
    height:24px;
    margin:1px 0;
}

div.report p.label,div.report-list p.label,div.report-small p.label {
    margin-bottom:-1em;
    position:relative;
    top:-1.2em;
}

div.report p.label span,
div.report p.label span a,
div.report-list p.label span,
div.report-list p.label span a,
div.report-small p.label span,
div.report-small p.label span a {
    background-color:#fff;
    color:<? echo $color2 ?>;
    padding:0 0.5em;
    text-decoration:none;
}

/* ****************** 
 Custom form styles 
  ****************** */
form ol {
    border:inset 1px #252525;
    list-style-type:none;
    margin:5px;
    padding:5px;
}

form ol li {
    padding:5px;
}

form fieldset {
    border:inset 1px #252525;
    font-size:1em;
}

form .req {
    color:red;
    font-weight:700;
}

div.field,div.field2,div.field4,form div.submit {
    clear:both;
    padding:.2em 0.25em;
}

div.field label,div.field2 label,form span.label {
    float:left;
    font-size:1.1em;
    padding-right:3px;
    text-align:right;
    width:20em;
}

div.field3 label {
    float:left;
    padding-right:3px;
    padding-top:10px;
    width:10em;
}

div.field4 label {
    float:left;
    padding-right:3px;
    text-align:right;
    width:28em;
}
div.field4 div {
    width:300px;
    float:right;
    position:relative;
    left:-19em;
}

form label .small,form span.label .small {
    display:block;
    font-size:smaller;
}

form div.field input[type="text"],form div.field span.input {
    float:left;
}

form div.field a.navlink {
    float:left;
    width:200px;
}

input[type="submit"],input[type="button"],input[type="reset"] {
    background:#fff url('<? echo $imageroot ?>/vertical_convex_trans_sml.png') repeat-x right top;
    border:outset 1px <? echo $color3 ?>;
    font-weight:700;
    margin:2px;
    padding:2px 5px;
}

input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover {
    background-color:<? echo $color1 ?>;
    cursor:pointer;
}

input[type="submit"]:active,input[type="button"]:active,input[type="reset"]:active {
    background-color:<? echo $color3 ?>;
    border:inset 1px #000;
}

.display-box,.forum-list {
    background-color:#fff;
    margin:0 5px 10px;
    padding-bottom:5px;
}

.wp-report {
    padding-bottom:10px;
}

.display-box .label a {
    color:<? echo $FontLowColor ?>;
}

.display-box .label a:hover {
    color:#FFF;
}

.display-box .label {
    background:<? echo $color2 ?> url(<? echo $VertGradSmConvex ?>) repeat-x right center;
    border:outset 1px <? echo $color1 ?>;
    color:<? echo $FontLowColor ?>;
    display:block;
    font-weight:700;
    margin:0 0 5px;
    min-height:18px;
    min-width:100px;
    padding-top:4px;
    text-align:center;
    text-transform:uppercase;
}

.display-box img {
    background-color:#FFF;
    border:outset 1px <? echo $color2 ?>;
    width:60px;
}

.forum-list-header {
    height:18px;
    margin-top:1px;
    min-width:100px;
}

.forum-list-body {
    border-bottom:1px;
    border-color:#000;
    min-width:100px;
}

.forum-list-body a {
    border:outset 1px <? echo $color1 ?>;
    color:#545454;
    display:block;
    font-weight:none;
    padding:3px 4px;
}

.forum-list-body a:hover {
    background-color:#d1d1d1;
    color:<? echo $color3 ?>;
    font-weight:none;
}

/* GROUPS */
.group-list {
    background-color:#e6ebe1;
    clear:both;
    color:<? echo $color3 ?>;
    height:35px;
}

.group-list a {
    color:<? echo $color2 ?>;
    display:block;
    height:35px;
    padding:0 5px;
}

.group-list a:hover {
    background-color:#eef3e9;
    color:<? echo $color3 ?>;
}

/* ALL 
 ******************************* 
  Reusable content customizations 
   ******************************* */
.wp-html {
    color:<? echo $color2 ?>;
    font-size:.8em;
    font-weight:700;
    width:150px;
}

.c1 {
    color:<? echo $color1 ?>;
}

.clearing {
    clear:both;
    height:1px;
    margin:0;
    padding:0;
}

.std-mem-btn {
    background-color:green;
}

.pre-mem-btn {
    background-color:#ffb400;
}

.button,.linkbutton {
    border:outset 1px <? echo $color2 ?>;
    float:left;
    text-align:center;
    vertical-align:middle;
    width:120px;
}

.button a,.linkbutton a {
    background-color:<? echo $color1 ?>;
    color:<? echo $color2 ?>;
    display:block;
    font-weight:700;
    height:15px;
    width:120px;
}

.button a {
    padding:4px 0;
}

.linkbutton a {
    padding:2px 0;
}

.button a:hover,.linkbutton a:hover {
    background-color:<? echo $color3 ?>;
}

.privUDialog {
    background-color:<? echo $color3 ?>;
    border:solid 1px <? echo $color2 ?>;
    display:none;
    height:auto;
    left:200px;
    padding:3px;
    position:absolute;
    top:400px;
    width:265px;
}

.privUDialog span {
    background-color:#efefef;
    border:inset 1px <? echo $color2 ?>;
    display:block;
}

.map-border {
    border:inset 1px #252525;
    margin-right:10px;
}

.map-prefs {
    height:400px;
}

.gmnoprint {
    z-index:0;
}

.youradhere {
    background:#FFF;
    border:solid 1px #000;
    color:#000;
}

.shadowlarge {
    -moz-box-shadow:6px 6px 10px #252525;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#252525')";
    -webkit-box-shadow:6px 6px 10px #252525;
    box-shadow:6px 6px 10px #252525;
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#252525');
}

.shadow,.shadowmedium {
    -moz-box-shadow:3px 3px 7px #252525;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#252525')";
    -webkit-box-shadow:3px 3px 7px #252525;
    box-shadow:3px 3px 7px #252525;
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#252525');
}

.shadowsmall {
    -moz-box-shadow:1px 1px 4px #777;
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#252525')";
    -webkit-box-shadow:1px 1px 4px #777;
    box-shadow:1px 1px 4px #777;
    filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#252525');
}

a,ol.faq li a,.field a {
    color:<? echo $color2 ?>;
    text-decoration:none;
}

ol.faq li a:hover,fieldset.related-links a:hover,fieldset.related-links2 a:hover,div.report a:hover,div.report-list a:hover,div.report-small a:hover {
    color:<? echo $color3 ?>;
}

a:hover,a.menu:hover {
    color:<? echo $color3 ?>;
    text-decoration:none;
}

.top-loginform,.reportcredits {
    text-align:right;
}

.top-loginform a,form ol li:first-line,.std-mem-btn,.pre-mem-btn {
    font-weight:700;
}

.favorites-cbo select,.groups-cbo select {
    font-size:0.9em;
}

div.report a,div.report-list a,div.report-small a,.privUDialog a {
    color:<? echo $color2 ?>;
}

p.report-image img,div.report-list-item:hover {
    background-color:#fff;
}