/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* for all templates and grids */
body
{
	text-align:center;
}

#ft
{
	clear:both;
}

/**/
/* 750 centered, and backward compatibility */ 
#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 
{
	margin:auto;text-align:left;
	width:57.69em;
	*width:56.3em;
	min-width:750px;
}
/* 950 centered */ 
#doc2 
{
	width:73.074em;
	*width:71.313em;
	min-width:950px;
}
/* 100% with 10px viewport side matting */ 
#doc3 
{
	margin:auto; /* not for structure, but so content doesn't bleed to edge */
	width:auto;
}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

#yui-main 
{
	width:100%;
}

.yui-t1 #yui-main,
.yui-t2 #yui-main,
.yui-t3 #yui-main
{
	float:right;
	margin-left:-25em;/* IE: preserve layout at narrow widths */
}

.yui-t4 #yui-main,
.yui-t5 #yui-main,
.yui-t6 #yui-main
{
  position:relative;
}

.yui-t1 .yui-b 
{
	float:left;
    width:12.3207em;
	*width:12.0106em;
}

.yui-t1 #yui-main .yui-b
{
    margin-left:13.3207em;
	*margin-left:13.0106em;
}

.yui-t2 .yui-b 
{
	float:left;
    width:13.8456em;
	*width:13.512em;
}

.yui-t2 #yui-main .yui-b 
{
    margin-left:14.8456em;
	*margin-left:14.512em;
}

.yui-t3 .yui-b 
{
	float:left;
    width:23.0759em;
	*width:22.52em;
}

.yui-t3 #yui-main .yui-b 
{
    margin-left:24.0759em;
	*margin-left:23.52em;
}

.yui-t4 .yui-b 
{
	float:right;
    width:13.8456em;
	*width:13.512em;
}

.yui-t4 #yui-main .yui-b 
{
    margin-right:14.8456em;
	*margin-right:14.512em;
}

.yui-t5 .yui-b 
{
  margin-left:5px;
    width:18.4608em;
	*width:18.016em;
}

/*
.yui-t5 #yui-main .yui-b 
{
    margin-right:19.4608em;
	*margin-right:19.016em;
}
*/

.yui-t6 .yui-b 
{
	float:right;
    width:23.0759em;
	*width:22.52em;
}

.yui-t6 #yui-main .yui-b 
{
    margin-right:24.0759em;
	*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b 
{
	display:block;
	margin:0 0 1em 0;
}

#yui-main .yui-b
{
	width:810px;
}

/* GRIDS (not TEMPLATES) */
.yui-g .yui-u, 
.yui-g .yui-g, 
.yui-gc .yui-u,
.yui-gc .yui-g .yui-u,
.yui-ge .yui-u, 
.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first, 
.yui-gc div.first,
.yui-gc div.first div.first,
.yui-gd div.first, 
.yui-ge div.first, 
.yui-gf div.first{float:left;}
.yui-g .yui-u, 
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-gb .yui-u, 
.yui-gc .yui-u, 
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gb div.first, 
.yui-gc div.first, 
.yui-gd div.first{margin-left:0;}
.yui-gc div.first, 
.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first, 
.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,
.yui-g:after, 
.yui-gb:after, 
.yui-gc:after, 
.yui-gd:after, 
.yui-ge:after, 
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,
.yui-g, 
.yui-gb, 
.yui-gc, 
.yui-gd, 
.yui-ge, 
.yui-gf{zoom:1;}

html {
    margin: 0;
    padding: 0;
}

body {
    font-family: verdana, arial, helvetica, sans-serif;
    line-height: 18px;
    position: relative;
    background-color: #000000;
    color: #dad8d5;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    width: 98%;
    min-width: 990px;
    height: auto;
    font-size: 12px;
}

hr {
    height: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
    #margin-top : 5px;
    #margin-bottom : 5px;
    padding: 0;
}

#bd {
    width: 100%;
    min-width: 990px;
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#doc3 {
    width: 100%;
    min-width: 990px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    float: left;
}

#doc3 .yui-t5 {
    width: 100%;
    min-width: 990px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    float: left;
}

#yui-main {
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 990px;
}

#yui-main .yui-b{
    margin: 0 auto;
    margin-top: 0px;
    width: 80%;
    text-align: left;
    float: left;
    height: auto;
    position:relative;
    min-width: 810px;
}

#middle_header {
    top: 0;
    width: 100%;
    height: 119px;
    margin: 5px auto 0 auto;
    float: right;
    min-width: 990px;
}

#sidebar {
    width: 170px;
    height: auto;
    padding: 0;
    margin: 0;
    float: right;
    min-width : 170px;
}

.ride-map-static {
    float: left;
}

h1, h2, h3, h4, th {
    color: #FFFFFF;
}

p {
    color: #FFFFFF;
}

a, a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

a:hover {
    color: gold;
}

#sidebar h1 {
    display: block;
    margin: 0;
    color: #FFFFFF;
    font-weight: 800;
    text-align: center;
}

#sidebar h2 {
    padding: 0;
    margin: 0;
    font-weight: 800;
    color: #FFFFFF;
}

#map {
    position: relative;
    width: 100%;
    height: 500px;
    margin: 10px 10px;
    text-align: center;
    vertical-align: middle;
    z-index: 100;
    padding: 0;
    border: 0;
    min-width: 520px;
}

#map a {
    font-color: #000000;

}

#map_underlay {
    width: 100%;
    height: 520px;
    min-width:540px;
    padding: 0;
    border: 0;
    position: absolute;
    /*#margin-top : -10px;*/
    /*#margin-left : -10px;*/
    float:left;
    left:0px;
}

#map_description {
    height: auto;
    min-width: 550px;
    text-align: left;
    position: relative;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

#map_loading_bar {
    position: relative;
    width: 80%;
    min-width: 540px;
    height: 50px;
    top: 50%;
    left: 0;
    text-align: center;
    vertical-align: middle;
}

#display_whole_route {
    position: relative;
    padding: 5px 5px;
    border: 0px;
    float: left;
}

#distance {
    width: 80%;
    text-align: left;
    margin-top: 5px;
    position: relative;
    min-width: 550px;
    #margin-top : 5px;
}

#ride-edit-routes-trackfile-box {
    position: relative;
    padding: 5px 5px;
    border: 0;
    float: left;
}

#show-ride-center-box {
    position: relative;
    padding: 5px 5px;
    border: 0;
    float: left;
    z-index: 200;
}

#search_map_underlay {
    height: 650px;
    width: 100%;
    min-width:540px;
    position: absolute;
    padding: 0;
    border: 0;
    left:0px;
    float:left;
    text-align: left;        
}

#search_map_details {
    width: 65%;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0 auto;
    float: left;
    min-width: 500px;
    z-index: 5000;
}

#ride_map_details {
    width: 65%;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0 auto;
    float: left;
    min-width: 500px;
    /*margin-top: 510px;*/
    z-index: 5000;
}

#edit_ride_map_details {
    width: 65%;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0 auto;
    float: left;
    /*#margin-left : -10px;*/
    /*#margin-top : -10px;*/
    min-width: 500px;
    /*margin-top: 510px;*/
    z-index: 5000;
}

#motogp_map_pane {
    width: 75%;
    padding: 0;
    border: 0;
    margin: 0 auto;
    float: left;
    #margin-left : -10px;
    #margin-top : -10px;
    position: absolute;
    min-width: 820px;
    height: 600px;
}

#map_pane {
    width: 65%;
    padding: 0;
    border: 0;
    margin: 0 auto;
    float: left;
    #margin-left : -10px;
    #margin-top : -10px;
    text-align: left;
    min-width: 540px;
    height: 530px;
}

#search_signup {
    position: absolute;
    float: right;
    text-align: right;
    padding-top: 400px;                                                                   
}

#demo_boxes {
    height: auto;
    width: 270px;
    min-width : 270px;
    margin: 0;
    padding: 0;
    float: right;
}

#video_bar {
    background: url( "../images/video_box.jpg" );
}

#create_bar {
    margin-top: 10px;
    background: url( "../images/create_box.jpg" );
}

#centre_map_bar {
    background: url( "../images/create_box.jpg" );
}

#share_bar {
    background: url( "../images/share_box.jpg" );
}

#search_map_form {
    bottom: 0;
    #bottom : 0 px;
    left: 5px;
}

.info_bar {
    position: relative;
    padding: 5px;
    height: 148px;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.rides_location_info_bar {
    position: relative;
    padding: 5px;
    height: 190px;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.share_info_bar {
    position: relative;
    padding: 5px;
    height: 190px;
    width: 250px;
    margin-left: 20px;
    margin-bottom: 10px;
    text-align: left;
}

.search_info {
    width: 100%;
    position:relative;
    min-width : 550px;
    margin-left: 10px;
    margin-right: 10px;
    #margin-left: 20px;
}

.search_info_filter {
    position: relative;
    margin: 10px;
    text-align: left;
    width: 100%;
    min-width : 550px;
    #margin-top: -10px;
}

.view_button {
    position: absolute;
    bottom: 10px;
    left: 20px;
}

#ride_desc {
    position: relative;
    width: 540px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 0;
}

#star-ratings-block {
    position: relative;
    width: 540px;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

#ride-comments {
    position: relative;
    width: 540px;
    margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
}

#articles_summary {
    position: relative;
    height: auto;
    text-align: left;
    width: 540px;
    margin-top: 30px;
    margin-left: 5px;
}

#author_rides_info {
    float: right;
    min-width : 270px;
    width: 270px;
    #min-width : 260px;
    #width: 260px;
    padding: 0;
}

#ride_details, #author_other_rides, #user_subscribe, #other_stuff, #subscribe_bar, #find_ride_bar, #signup_bar, #most_rides_by_users_bar, #popular_rides, #users_with_most_visuals_bar {
    background: url( "../images/blank_box.jpg" );
}

#ride-show-routes-places-box {

}

#location_summary_bar, #rides_by_countries_summary_bar, #video_gallery_bar {
    background: url( "../images/summary_blank_box.jpg" );
}

#ft_outer {
    text-align: center;
    width: 100%;
    min-width: 990px;
    position: relative;
    margin: 0 auto;
}

#ft {
    position: relative;
    width: 100%;
    min-width: 990px;
    height: 51px;
    margin: 50px auto 10px auto;
    float: none;
    background: url( ../images/blank_footer.jpg );
    color: #999998;
}

#footer_links a {
    color: #999998;
}

#copyright_bar {
    padding: 7px 10px;
    float: left;
    vertical-align: middle;
}

#footer_links {
    width: 100%;
    min-width: 500px;
    margin: 15px auto 15px auto;
    #margin : 15px auto 15px auto;
    position: absolute;
    float: right;
    text-align: right;
    vertical-align: middle;
    right: 85px;
}

#crapp_logo {
    float: right;
    text-align: right;
    width: 25px;
    vertical-align: middle;
    margin: 15px 10px 10px auto;
}

.boxes {
    position: absolute;
    padding: 20px;
}

#box1, #box2, #box3, #box4 {
    position: absolute;
    left: 0;
    top: 0;
}

#box1 {
    width: 600px;
    height: 460px;
}

#box2 {
    width: 300px;
    height: 460px;
}

#box2 {
    left: 600px;
}

#box4 {
    left: 400px;
}

#box3, #box4 {
    top: 500px;
}

#logo_header {
    position:absolute;
    top:0;
    left:0;
    width:339px;
    padding:0;
    margin:0;
    z-index: 5000;
}

#header_text_contents {
    width: 65%;
    min-width: 649px;
    float: right;
    height: 119px;
    z-index: 100;
}

#public_nav_links {
    position: absolute;
    top: 25px;
    text-align: right;
    right: 10px;
    width: 65%;
    min-width: 639px;
    color: #999998;
    z-index: 5000;
}

#admin_nav_links {
    top: 5px;
    position: absolute;
    right: 10px;
    text-align: right;
    width: 65%;
    min-width: 639px;
    color: #999998;
    z-index: 5000;
}

#header_search_box_container {
    position: absolute;
    width: 100%;
    min-width: 220px;
    height: 11px;
    top: 77px;
    right: 0;
    text-align: right;
    padding: 5px 25px 5px 5px;
    vertical-align: middle;
    z-index: 5000;
}

#header_search_box {
    color: #999999;
}

#search_underlay {
    position: absolute;
    top: 72px;
    height: 50px;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 5px 5px 5px 5px;
    float: right;
    z-index: 1;
}

#phrase {
    position: absolute;
    float: left;
    text-align: left;
    text-decoration: none;
    width: auto;
    margin-left: 50px;
    margin-top: 80px;
}

#news_feeds {
    position: absolute;
    top: 79px;
    bottom: 0;
    right: 250px;
    height: 50px;
    padding: 5px 5px 5px 5px;
    z-index: 6000;
}

h1 {
    font-size: 20px;
    padding: 10px;
}

h2 {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}

p, ol, ul, td {
    font-size: 12px;
    line-height: 18px;
}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #EEEEEE;
    color: #000000;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0;
}

/* Subsection Tabs
--------------------*/
#subsection_tabs_div {
    position: relative;
    height: 24px;
    border-bottom: 1px solid #CCCCCC;
}

.subsection_tab_current {
    width: 150px;
    height: 22px;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    background-image: url( '../images/subsection_tab_selected.jpg' );
    margin-right: 7px;
    text-align: center;
    float: left;
    position: relative;
    font-weight: bold;
    font-color: #000000;
}

.subsection_tab_current a#route_tab, .subsection_tab_current a#tlv_tab, .subsection_tab_current a#description_tab,
    .subsection_tab_current a#list_users_tab, .subsection_tab_current a#filter_users_tab {
    color: #000000;
    font-color: #000000;
    padding-left: 8px;
}

#clusterInfoWindow {
    text-align: center;
    font-size: 11px;
    color: #000000;
    font-color: #000000;
}

#clusterInfoWindow h4 {
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

#clusterInfoWindow a {
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-color: #000000;
}

#clusterInfoWindow a:hover {
    color: blue;
}

.subsection_tab {
    width: 150px;
    height: 22px;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    background-image: url( '../images/subsection_tab_unselected.jpg' );
    margin-right: 7px;
    text-align: center;
    float: left;
    position: relative;
}

.subsection_tab li a {
    display: block;
    height: 24px;
    padding: 0 0 0 8px;
    width: 150px;
}

.subsection_tab a {
    padding-left: 8px;
}

.subsection_tab a:hover {
    color: #FFFFFF;
}

ul.register_tabs {
    border-bottom: none;
}

ul.register_tabs li a.active {
    background-color: #6d7a81;
    color: #fff;
}

.more_boxes {
    position: relative;
}

#boxaa, #boxa, #boxb, #boxc, #boxd, #boxe {
    position: absolute;
    width: 100px;
    height: 30px;
    left: 0;
    top: 0;
}

#boxaa {
    top: 0;
    width: 300px;
}

#boxa, #boxb {
    top: 40px;
    width: 100px;
    height: 30px;
}

#boxb, #boxd {
    left: 120px;
}

#boxc, #boxd {
    top: 60px;
}

#boxe {
    top: 100px;
    width: 300px;
}

/* stops list*/
ul#stops {
    padding-left: 5px;
    #padding-left : 0px;
}

#stops li {
    display: block;
    list-style-type: none;
    padding: 2px;
    #padding : 2px 0px 2px 0px;
    text-align: left;
}

.rides_places_stop_content {
    padding-left: 2px;
    #padding-left : 0px;
    background-color: #333333;
    width: 100%;
}

#stops .current {
    color: orange;
}

label {
    display: block;
    margin: 5px 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: normal;
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}

div.login_failed {
    color: #FF0000;
    font-size: 15px;
}

.flash-notice {
    color: yellow;
    font-weight: bold;
}

.response-notice {
    color: yellow;
    font-weight: bold;
}

.flash-errors, .errors {
    color: red;
    font-weight: bold;
}

.stop-info-window-narrative {
    text-align: left;
    font-weight: normal;
    font-size: 10px;
    color: #000000;
}

.stop-info-window-date, .ride-info-window-date-time, .stop-info-window-time {
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    color: #000000;
}

.stop-info-window-header, .ride-info-window-header {
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    color: #000000;
}

.ride-info-window-view-ride-link, .ride-info-window-view-ride-link a, .gmls-result-wrapper, .gmls-result-wrapper a {
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-color: #000000;
}

#info-window .ride-info-window-view-ride-link, #info-window .ride-info-window-view-ride-link a {
    text-align: left;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    font-color: #000000;
}

#info-window .ride-info-window-view-ride-link a:hover, .gmls-result-wrapper a:hover {
    color: blue;
}

#ride-edit-routes-places-box {
    position: relative;
    width: 265px;
    #max-width : 245 px;
    float: right;
}

.delete-tlv-marker-link {
    color: #000000;
    text-decoration: underline;
}

.point_of_interest_box {
    float: left;
    position: relative;
    background-color: #121212;
    padding: 10px;
    border-width: 1px;
    border-style: dashed;
    margin: 20px;
}

.box_with_main_content {
    position: relative;
    background-color: #121212;
    padding: 10px;
    border-width: 1px;
    border-style: dashed;
    margin: 20px;
    min-height: 450px;
    width: 90%;
}

#public_users_manage_details_box {
    width: 90%;
}

#public_users_signup_box {
    min-width: 300px;
    width: auto;
}

#login_details_box {
    position: relative;
    width: 200px;
}

#feedback_details_box {
    min-width: 400px;
    width: auto;
}

/*pagination styling*/

#paging_header {
    width: 100%;
    min-width: 800px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

#paging_header-sort-options {
    float: left;
    text-align: left;
}

#paging_header-pagination {
    text-align: right;
    padding-right: 10px;
}

.paging_footer {
    width: 100%;
    min-width: 800px;
    text-align: center;
    padding: 10px;
    position: relative;
}

#footer-pagination {
    width: 90%;
    min-width: 780px;
    text-align: right;
}

#rideCont {
    padding: 10px;
    position: relative;
}

#footer_link_page_text {
    margin: 15px 40px;
    text-align: justify;
}

#public_users_signup_explanation {
    margin: 15px;
}

#login_explanation {
    margin: 15px;
}

#edit-single-ride-link {
    margin-left: 20px;
    z-index: 60000;
}

#save-single-ride-link {
    margin-left: 20px;
}

#trackfile_uploaded_data, #uploaded_data, #add_a_segment_movie_file {
    color: #2a3e95;
}

#info-window {
    width: 330px;
    #max-width : 330 px;
    white-space: pre-wrap;
    line-height: 15px;
    overflow: auto;
    max-height: 250px;
    #height : auto;
}

#ride_title {
    width: 100%;
    min-width: 520px;
    padding-top: 0px;
    margin-top: 0px;
}

.ride-description {
    width: 100%;
    min-width: 800px;
}
                                ÷
.ride-description-view-ride-button {
    width: 260px;
    position: relative;
    float: right;
    text-align: center;
}

.ride-description-legends {
    float: right;
    text-align: left;
    width: 260px;
}

/******************************************************************************************************/

/*             styles for the star rater                */
.star-rating {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 95px;
    height: 18px;
    position: relative;
    background: url( ../images/star_unrated.gif ) top left repeat-x;
}

.star-rating li {
    padding: 0px;
    margin: 0px; /*\*/
    float: left; /* */
}

.star-rating li a {
    display: block;
    width: 19px;
    height: 18px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}

.star-rating li a:hover {
    background: url( ../images/star_hover.gif ) left center;
    z-index: 2;
    left: 0px;
    border: none;
}

.star-rating a.one-star {
    left: 0px;
}

.star-rating a.one-star:hover {
    width: 19px;
}

.star-rating a.two-stars {
    left: 19px;
}

.star-rating a.two-stars:hover {
    width: 38px;
}

.star-rating a.three-stars {
    left: 38px;
}

.star-rating a.three-stars:hover {
    width: 57px;
}

.star-rating a.four-stars {
    left: 57px;
}

.star-rating a.four-stars:hover {
    width: 76px;
}

.star-rating a.five-stars {
    left: 76px;
}

.star-rating a.five-stars:hover {
    width: 95px;
}

.star-rating li.current-rating {
    background: url( ../images/star_rated.gif ) left bottom;
    position: absolute;
    height: 18px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}


/******** MotoGP CSS ********/

.subsection_tab_current a#map_view_landing_tab, .subsection_tab_current a#list_view_landing_tab {
    color: #000000;
    font-color: #000000;
    padding-left: 8px;
}

#list_view {
    position: relative;
    min-height: 700px;
}

#map_view {
    position: absolute;
}

#flashcontent {
    z-index: 100;
}

/* Hover Styles */

#spinner
{

}

#processing-hover
{
  text-align:center;
}

.agr-loading-bar
{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:40px;
    background-color:#333333;
    z-index:9999;
    padding:0;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
    font-size:15px;
    border-bottom:1px white dashed;
    /*opacity:0.7;*/
    /*filter:alpha(opacity=70);*/
    /* IE Hacks*/
    #position:absolute;
    #top:expression(eval(document.documentElement.scrollTop));
}

#background-opaque-layer
{
  position:fixed;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color:#000000;
  z-index:9988;
  opacity:0.85;
  display:block;
  /* IE Hacks*/
  filter: alpha(opacity=85);
  #position:absolute;
  #top:expression(eval(document.documentElement.scrollTop));
  #height:expression(eval(document.documentElement.clientHeight));
}

.agr-popup-box
{
  background-image: url('../images/logo_small.jpg');
  background-position:20px 10px;
  background-repeat:no-repeat;
  position:fixed;
  width:500px;
  height:auto;
  left:30%;
  top:10%;
  padding:20px;
  padding-top:80px;
  border:dashed;
  border-color:#FFFFFF;
  border-width:1px;
  background-color:#333333;
  z-index:9999;
  display:none;
  text-align:left;
  /* IE Hacks */
  #position:absolute;
  #top:expression(eval(document.documentElement.scrollTop) + 50 + "px");
}



#footer
{
	margin:0 auto;
	margin-bottom:1em;
	font-size:13px;
	color:#333;

	margin-left:3%;
	width:67%;
	min-width:545px;
	padding:0px 15px;
	margin-bottom:3.5em;
}

#content form {margin-bottom:0;}

#content p.subtle {
	margin:0 0 0.5em;
	float:right;
	}
#content .subtle a
{
	color:#999;
	font-size:12px;
}

#search_box {
  font-size:14px;
}

p.pages
{
	xfloat:right;
	font-size:14px;
	margin-top:1.2em;
}

div.news
{
	font-size:12px;
	font-weight:bold;
}

p.notice,
p.sections
{
	font-size:14px;
}

h1 span { font-size:20px; color:#999; font-weight:normal; padding-left: 1em;}

h2 {
	font-size:16px; }

h2 span
{
	color:#999;
	font-size:15px;
	margin-left:1em;
}

h3
{
	font-size:13px;
}

#monitor_topic {
  font-size: 12px;
}
#monitor_topic .icon {
  background-image:none;
}

ul.quotes,
ul.flat
{
	margin-left:0;
	padding-left:0;
	font-size:13px;
	list-style-type:none;
}
ul.talking li span
{
	color:#666;
	font-size:14px;
}

ul.flat li
{
	padding-left:15px;
}

ul.quotes
{
	font-size:14px;
}

a.utility
{

	font-size:14px;
}

div.asset
{
	font-size:14px;
}

p.private,
#content .legend
{
	font-size:14px;
}

p.psmall {
  font-size:12px;
  font-weight:normal;
}

div.upload a
{
	color:#666;
	font-size:14px;
}

label
{
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
}

table.wide tr th
{
    font-size: 13px;
}

/* specific table styles */

table.forums,
table.topics
 { font-size:14px;}
table.forums tr th { font-size:14px; }
table.forums tr td .title {
	font-size:1.4em;
	}

table.forums tr td .desc {
margin:0.5em 0;
}
table.forums tr td
{
	padding:4px 15px;
}
table.forums a.tiny
{
	font-size:14px;
	color:#666;
}

table.forums .posts
{
	color:#666;
	font-size:14px;
}

table tr td.inv { background:#eee; }
table tr td.vat { vertical-align:top; }

table tr td.narrow { padding:2px 5px;}

table tr td.ca
{
    text-align:center;
    color: #000000;
}

table tr th.la
{
    text-align:left;
    font-size: 16px;
}

/* users */

/* misc */

.button_or
{
  color:#666;
  padding-left:0.5em;
  font-size:13px;
}

form .help
{
	font-size:14px;
}

div.stats
{
	margin-top:2em;
	background:#333333;
	font-size:14px;
	padding:15px 15px;
	border:2px solid #FFFFFF;
	border-width:1px;
}
div.stats .posts { float:right; text-align:right; }

/* breadcrumbs */

.crumbs
{
	font-size:11px;
}

.post .author img {
	float:left;
	margin-right:0.5em;
	}

.post .author .posts
{
	display:block;
	font-size:13px;
	color:black;
	color:#666;
}

.post .date
{
	font-size:13px;
}

.posts .post .body pre
{
	font-size:14px;
}

.posts .post .body blockquote p
{
	margin:0.5em 0;
}

.post .body p.topic
{
  font-size:14px;
  font-weight:bold;
  padding:2px 10px;
}

/* editing posts */

/*
table.posts .editing td {
}
table.posts .editing td.author {
  background:#030;
  }

table.posts .editing td.author * { color:#ccc; }
table.posts .editing td.body { }
*/

/* other stuff */

p.online {margin-bottom:0;}

img.icon
{
	background:#696;
	background-repeat: no-repeat;
	vertical-align: bottom;
}

/* reply */

div.editbox
{
	border:2px solid #333;
	border-width:2px 0;
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	padding:6px 0 7px;
	z-index:50;
}

div.editbox textarea
{
  width:100%;
	background:white;
	opacity:1;
	font-size:14px;
}

div.editbox p.help,
div.editbox ul.help
{
  padding:3px 10px;
  font-size:13px;
  color:#ccc;
}

div.editbox ul.help {
  list-style-type:none; }

#monitor_topic a
{
  color: #666;
}