/*
// Name: main.css
//
// Purpose: This is the main css styles file referenced from
//          the index.php and master.php pages.
//
// Notes:
//    1. NA
//
// Original Author: rratshin
// Creation Date: 18-Aug-2009
//
// Copyright 2009, LunaSoftware, Inc.
*/


* {
   margin: 0px;
   padding: 0px;
}

/* Override HTML Defaults */
h1 {
   float: left;
   font-size: 24px;
   font-weight: 700;
   font-family: arial;
   color: #333333;
   vertical-align: bottom;
}

h2 {
   float: left;
   font-size: 22px;
   font-weight: 700;
   font-family: arial;
   color: #2F3C47;
   vertical-align: bottom;
   padding-top: 2px;
}

h3 {
   float: left;
   font-size: 20px;
   font-weight: 700;
   font-family: arial;
   color: #666666;
   vertical-align: bottom;
   padding-top: 2px;
}

h4 {
   float: left;
   font-size: 18px;
   font-weight: 700;
   font-family: arial;
   color: #999999;
   vertical-align: bottom;
   padding-top: 2px;
}

h5 {
   float: left;
   font-size: 16px;
   font-weight: 700;
   font-family: arial;
   color: #cccccc;
   vertical-align: bottom;
   padding-top: 6px;
}

h6 {
   float: left;
   font-size: 14px;
   font-weight: 700;
   font-family: arial;
   color: #cccccc;
   vertical-align: bottom;
   padding-top: 6px;
}

a {
   color: #333333;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
/* Coontinue */

html {
   height: 100%;
}

body {
   height: 100%;
   font: normal 500 12px arial;
   /*background: #2f3c47;*/
   background: #2f3c47 url('/images/bg_map.gif') no-repeat top center;
   border: solid 0px #00ffff;
   color: #333333;
}

#div_body_shell {
   margin-left: auto;
   margin-right: auto;
   /*height: 1000px;*/
   width: 920px;
}

#div_body {
   margin-top: 10px;
   margin-bottom: 40px;
   width: 100%;
   height: 100%;
}

#div_stage {
   width: 920px;
   margin-top: 10px;
   padding-bottom: 40px;
   padding-left: 20px;
   padding-top: 10px;
   visibility: visible;
   background: #ffffec;
   border: solid 2px #161819;
}

#div_navigation {
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#div_logo, #div_logo a {
   float: left;
   width: 200px;
   border: solid 0px #cccccc;
}

#div_sign_in {
   float: right;
   text-align: right;
   width: 400px;
   border: solid 0px #ffffff;
   /*margin-top: 12px;*/
}

#div_sign_in #div_user_create_link, #div_sign_in #div_user_create_link a {
   float: right;
   text-align: right;   
   border: solid 0px #ffffff;
   margin-top: 0px;
   font-size: 11px;
   text-decoration: none;
   color: #ffffec;
}
#div_sign_in #div_user_create_link a:hover {
   text-decoration: underline;
}

#div_sign_in #div_logout_link, #div_sign_in #div_logout_link a {
   float: right;
   text-align: right;   
   border: solid 0px #cccccc;
   margin-top: 0px;
   font-size: 11px;
   text-decoration: none;
   color: #ffffec;
}

#div_login_special {
   padding-top: 6px;
   padding-left: 0px;
}

#div_remember_me {
   float: left;
   text-align: left;
   border: solid 0px #cccccc;
   margin-top: 0px;
   font-size: 11px;
   text-decoration: none;
   color: #ffffec;
   width: 138px;
}

#div_forgot_password_link a {
   float: left;
   text-align: left;   
   border: solid 0px #cccccc;
   margin-top: 0px;
   font-size: 11px;
   text-decoration: none;
   color: #ffffec;
}
#div_forgot_password_link a:hover {
   text-decoration: underline;
}

#div_main {
   width: 920px;
   /*margin-left: auto;
   margin-right: auto;*/
   border: solid 0px #ff0000;
}

#div_manage_nav_bar {
   float: left;
   padding-left: 20px;
   width: 780px;
}

.div_nav_link {
   float: left;
   width: 160px;
   height: 18px;
}

.div_nav_link img:hover {
   padding-left: 1px;
   padding-top: 1px;
}

.div_shell {
   /*
   margin-top: 10px;
   visibility: visible;
   background: #FFFFEC;
   border: solid 2px #161819;
   */
   /* for IE */
   /*filter:alpha(opacity=100);*/
   /* CSS3 standard */
   /*opacity:1.0;*/
}

#div_map {
   float: right;
   width: 120px;
   border: solid 0px #ff0000;
}

#div_tv {
   float: right;
   width: 80px;
   border: solid 0px #ff00ff;
}

#div_manage_menu {
   float: left;
   width: 220px;
   border: solid 0px #ff00ff;   
}

.div_manage_menu {
   border: solid #333333 0px;
   padding: 8px;
   width: 200px;
}

.div_navigation {
   float: left;
   width: 960px;
   /*background: #ececec;*/
   /*background: #ffcc33;*/
   /*background: #ff9933;*/
   /*background: #666666;*/
   /*background: #333333 url('/images/manage_bar_top.gif') no-repeat;*/
   /*background: #ffffff url('/images/manage_bar_top.gif') no-repeat;*/
   /*background: #ffffff url('/images/top_bar.gif') no-repeat;*/
   /*height: 100px;*/
}
.div_manage_bar_bottom {
   float: left;
   width: 760px;
   /*background: #ececec;*/
   /*background: #ffcc33;*/
   /*background: #ff9933;*/
   /*background: #666666;*/
   /*background: #333333 url('/images/manage_bar_bottom.gif') no-repeat;*/
   /*background: #ffffff url('/images/manage_bar_bottom.gif') no-repeat;*/
   height: 30px;
}

#div_manage_logo {
   float: left;
   /*margin-left: 20px;*/
   margin-top: 4px;
   width: 80px;
   border: solid 0px #ff0000;
}
#div_manage_title {
   float: left;
   width: 0px;
   margin-top: 15px;
   font-size: 14px;
   font-weight: 700;
   border: solid 0px #ff0000;
}
#div_logged_in_status {
   float: right;
   text-align: right;
   font-size: 11px;
   color: #ffffec;
   padding-right: 10px;
   margin-top: 4px;
   border: solid 0px #ff0000;
}
#div_logged_in_status a {
   font-size: 11px;
   color: #ffffec;
   text-decoration: underline;
}
#div_logged_in_status a:hover {   
   text-decoration: underline;
}
#div_logged_in_status #div_logout_link {
   font-size: 11px;
   color: #ffffec;
   text-decoration: none;
}

#div_logged_in_status #div_logout_link a {
   font-size: 11px;
   color: #ffffec;
   text-decoration: underline;
}

#div_logged_in_status #div_logout_link a:hover {   
   text-decoration: underline;
}

#div_display_error {
   float: left;
   /* minus curved bars */
   width: 880px;
   padding: 10px;
   color: #333333;
   background: #ffcb6a;
   border: solid 0px #ff6600;
}
#div_display_error_top {
   width: 518px;
   height: 10px;
   font-size: 0px;
   background: #ffffff url('/images/error_bar_top.gif') no-repeat;
}
#div_display_error_bottom {
   width: 518px;
   height: 10px;
   font-size: 0px;
   background: #ffffff url('/images/error_bar_bottom.gif') no-repeat;
}
#div_display_error_message {
   width: 506px;
   padding-left: 10px;
   /*color: #333333;
   background: #ffcb6a;
   border-right: solid 1px #ff6600;
   border-left: solid 1px #ff6600;*/
}
#div_display_error_item {
   width: 506px;
   padding-left: 10px;
   /*color: #333333;
   background: #ffcb6a;
   border-right: solid 1px #ff6600;
   border-left: solid 1px #ff6600;*/
}
div.div_display_error_item {
   padding-left: 10px;
}

#div_manage_display {
   float: left;
   width: 518px;
   /*background: #ffffff;*/
   /*height: 304px;*/
   /*height: 410px;*/
   border: solid 0px #333333;
   overflow: hidden;
   /*overflow: auto;*/
}

#div_manage_display_menu {
   float: left;
   border: solid 0px #0000ff;
}

.div_manage_display_menu {
   /*
   border: solid #333333 0px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 8px;
   */
   /*width: 160px;
   height: 282px;*/
   /*width: 600px;*/
   /*height: 73px;*/
   /*height: 70px;*/
}

.div_manage_edit_user {
   border: solid #333333 1px;
   padding: 8px;
   /*width: 160px;
   height: 282px;*/
   width: 500px;
   height: 286px;
}

#div_map_canvas {
   float: left;
   /*width: 318px;
   height: 298px;*/
   width: 516px;
   height: 210px;
   border: solid 1px #333333;
}

.div_centered {
   width: 400px;
   margin-left: auto;
   margin-right: auto;
}

.div_table_header {
   background: #FFFFA6;
   padding-left: 4px;
   padding-top: 4px;
   padding-bottom: 4px;
   width: 100%;
}

.div_error_login {
   float: left;
   color: #ff0045;
   font-size: 14px;
   font-weight: 700;
   margin-left: 0px;
   margin-top: 2px;
}

.div_error_form {
   float: left;
   color: #ff0000;
   font-size: 11px;
   margin-top: 0px;
   padding-left: 220px;
}

.div_spot_input {
   float: left;   
}

.div_spot_input_description {
   float: left;
   font-style: italic;
   font-size: 11px;
}

.div_text_input {
   float: left;   
}

.div_text_input_description {
   float: left;
   font-style: normal;
   font-size: 12px;
   width: 120px;
}

.div_spot_name {
   font-size: 14px;
   font-weight: 700;
}
.div_spot_gaddress {}
.div_spot_url {}

.div_spot_link, .div_spot_link a {
   font-size: 11px;
   text-decoration: none;
   color: #333333;
}
.div_spot_link a:hover {   
   text-decoration: underline;
}

.div_confirm {
   font-size: 13px;
   font-weight: 500;
}

.div_button_confirm {
   float: left;
   width: 150px;
}


/* TDs */
td.td_list_head {
   background: #666666;
   color: #ffffff;
   padding-left: 10px;
   height: 20px;
}
td.td_list {
   text-decoration: none;
   padding-left: 10px;
   color: #333333;
   height: 20px;
}
td.td_list a {
   text-decoration: none;
   color: #333333;
}
td.td_list a:hover {
   text-decoration: underline;
}

/* Lists */
ul.ul_manage_menu {
   margin-left: 20px;
}

ul.ul_manage_menu li a {
   text-decoration: none;
   color: #333333;
}

ul.ul_manage_menu li a:hover {
   text-decoration: underline;
}

/* SPECIALTY DIVS */
.div_spacer_0 {
   clear: both;
   height: 0px;
   font-size: 0px;
}
.div_spacer_1 {
   clear: both;
   height: 1px;
   font-size: 0px;
}
.div_spacer_2 {
   clear: both;
   height: 2px;
   font-size: 0px;
}
.div_spacer_4 {
   clear: both;
   height: 4px;
   font-size: 0px;
}
.div_spacer_10 {
   clear: both;
   height: 10px;
   font-size: 0px;
}
.div_spacer_20 {
   clear: both;
   height: 20px;
   font-size: 0px;
}


/* FORMS */
/*
form {
}
*/
fieldset {
   padding-left: 180px;
   border: solid 0px #ff0000;
}
label {
   clear: left;
   float: left;
   text-align: left;
   width: 140px;
   border: solid 0px #ff0000;
   padding-bottom: 10px;
}
input {
   width: 160px;
   border: solid 1px #333333;
}

textarea {
   float: left;
   font: normal 500 12px arial;
   padding: 2px;
   width: 200px;
   height: 100px;
   border: solid 1px #333333;
}

input.file {
   float: left;
   width: 10px;
   border: solid 1px #333333;
}

select {
   float: left;
   font-size: 10px;
   border: solid 1px #333333;
}

span.required {
   font-size: 15px;
   padding-left: 3px;
   font-weight: 700;
   color: #ff0000;
}

span.required_small {
   font-size: 11px;
   padding-left: 3px;
   font-weight: 700;
   color: #ff0000;
}

/* FOOTER */
#div_footer {
   visibility: visible;
   clear: both;
   width: 770px;
   padding-left: 200px;
   height: 10px;
   /*margin-left: auto;
   margin-right: auto;*/
}

#div_footer_nav_links {
   border: solid 0px #ff00ff;   
   /*text-align: center;*/
}
#ul_footer_nav_links {
   width: 100%;
   margin: 0 auto;
   border: solid 0px #ff0000;
}
#ul_footer_nav_links li {
   display: inline;
   list-style-type: none;
   color: #333333;
   padding: 20px;
   margin: 0px;
   font-size: 12px;
}
#ul_footer_nav_links li a {
   text-decoration:none;
   color: #333333;
}
#ul_footer_nav_links li a:hover {
   text-decoration: underline;
}

.medialistitem
{
    position: relative;
    display: block;
    float: left;    
    list-style-type: none;
}

a.nice_link {
   text-decoration: underline;
   font-style: italic;
   color: #333333;
}

a.nice_link:hover {
   color: #999999;
}