﻿html
{
    height: 100%;
    min-height: 100%;
    width: 100%;
    scrollbar-base-color: #FF9900;
}

body
{
    font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
    font-size: 1em; /*background-image: url('Images/background.jpg');*/ /*background-repeat: repeat;*/
    height: 100%;
    min-height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    scrollbar-base-color: #FF9900;
}

/* Layout */
div#container
{
    width: 100%;
    height: 78px;
    top: 0;
    left: 0;
}

div#header
{
    background-image: url('Images/head.jpg');
    background-repeat: repeat-x;
    height: 45px;
    padding: 3px;
}

div#headinfo
{
    background-image: url('Images/headinfo.png');
    background-repeat: repeat-x;
    text-align: right;
    height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 4px;
    color: #ffffff;
    font-weight: bold;
    font-size: 0.6em;
    vertical-align: middle;
}

div#titPag
{
    font-size: 9pt;
    font-weight: bold;
    color: #000000;
    text-align: left;
    padding-top: 1px;
}
div#cfooter
{
    width: 100%;
    height: 51px;
}

div#boxAlerta
{
    clear: both;
    width: 93%;
    height: 9px;
    background-image: url('Images/bgAlert.png');
    background-repeat: repeat-x;
    left: 0;
    font-size: 9px;
    text-align: left;
    font-family: Verdana;
    font-weight: bold;
    color: #971b1e;
    padding-top: 3px;padding-left:5px;
    padding-bottom:3px;
}

div#boxExcs
{
    font-size: 0.7em;
    font-family: Verdana;
    font-weight: bold;
    right: 0;
}

div#boxFooter1
{
    clear: both;
    height: 20px;
    width: 100%;
    left: 0;
    background-image: url('Images/bgFooter.png');
    background-repeat: repeat-x;
    text-align: center;
    color: #FFF;
    font-size: 0.7em;
    font-weight: bold;
    padding-top: 4px;
    bottom:0px;
}

div#headinfo a:link, div#headinfo a:visited
{
    color: #ffffff;
    font-weight: bold;
}

div#headinfo a:hover, div#headinfo a:active
{
    text-decoration: none;
}

/*Container Centro*/
div#cprincipal
{
    clear: both;
    min-width: 600px;
    left: 0;
}

/*Barral Lateral*/
div#announcements
{
    background: #DCDACE url(images/background_feature.jpg) repeat-x top;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

/*Widget Pannel*/
div.boxes
{
    padding: 5px;
    height: 450px;
    overflow-y: auto;
}

div.widget
{
    border: solid 2px #000;
    width: 193px;
    display: block;
    float: left;
    margin: 0px 3px 3px 3px;
}

div.widget .wHeader
{
    background-image: url('Images/widget_header.png');
    background-repeat: repeat-x;
    height: 25px;
}

div.widget .wContent
{
    background-color: #EEE;
    padding: 0px 2px 2px 2px;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    font-size: 11px;
    background: #DCDACE url(images/background_feature.jpg) repeat-x top;
    padding: 10px;
}

div.widget .wContent a
{
    color: #000;
}

div.widget .wContent a:hover
{
    color: #191919;
}

div.widget .wIcon
{
    background-image: url('Images/wIcon.png');
    background-repeat: no-repeat;
    float: left;
    height: 34px;
    width: 25px;
    margin-left: 5px;
}

div.widget .wTitulo
{
    font-family: Verdana;
    font-size: 0.9em;
    font-weight: bold;
    color: #FFF;
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

div.widget .wConteudo, div.widget .wConteudo a
{
    font-size: 1px;
}


/*Propriedades*/
.transparente
{
    background-color: Transparent;
}
.left
{
    float: left;
}
.right
{
    float: right;
    width: 300px;
}

.lklogoff
{
    float: left;
    padding-left: 1px;
    font-size: 11px;
}

.btnVoltar
{
    background-image: url('images/Undo_32x32.png');
    background-repeat: no-repeat;
    height: 32px;
    padding-left: 38px;
    padding-top: 8px;
    margin-left: 20px;
    margin-top: 15px;
}



/****  Copiar do Red2 ****/



/*
  To create a new color theme, replace the colors:
  
    #191919 with the color for hyperlinks
  and 
    #971B1E with the background color for the top navigation bar
  and
    #990000 for the color of page headings


  and
    provide a re-colored version of images/ul_bullet.gif,
    which is the bullted-list item dot.    

*/

#title h1 a:link, #title h1 a:visited
{
    text-decoration: none;
    color: #191919;
}

a:link, a:visited, #search a:visited, th a:visited
{
    color: #191919;
}
#appl
{
    position: fixed;
    top: 0px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana;
}
#title a:link, #title a:visited
{
    text-decoration: none;
    color: #191919;
}
#title h1
{
    color: #191919;
}

#color_bar
{
    background: #971B1E;
}

h3
{
    color: #990000;
}

/*
   COMMON THEME PROPERTIES FOLLOW
   (they contain no information specific to a theme color)
*/


a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}

.none
{
    display: none;
}

#title h1
{
    font-size: 18px;
    font-weight: bold;
    display: inline;
}

.item_list h3, .item_list h4, .item_list h5, .item_list h6
{
    font-size: 1em;
    font-weight: normal;
}

/* begin main layout divs */

#title
{
    position: relative;
    top: 0px;
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    font-family: Verdana;
    height: 17px;
    width: auto;
    min-width: 962px;
    padding-top: 4px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background: url(images/background_title.jpg) no-repeat center top;
}

.lnk_col_grid
{
text-decoration: none !important;
color: #000000 !important;
}
.lnk_col_grid:hover
{
text-decoration: underline overline !important;
color: #0000FF !important;
}
#nav_header
{
    margin: 0 auto;
    background: #75746E url(images/background_nav_top.gif) repeat-x top;
    line-height: normal;
    width: auto;
    min-width: 972px;
    height: 36px;
}
/* begin creating the tabs --------------------------------- */
#menutop
{
    font-size: 10px;
}
.menu
{
    margin: 0;
    padding: 0px 0;
    float: left;
    background: url(images/nav_top_left.gif) no-repeat left top;
}
/* set tab1 as top level container table, then target TDs inside*/
.menuItem td
{
    background: url(images/nav_top_filler.gif) repeat-x left top;
}
/* make current tab gray,set the background-color also in case images are not on*/
.menuSelectedItem td
{
    background: url(images/nav_top_filler.gif) repeat-x left top;
}
.menuItem a
{
    color: #fff;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    float: left;
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
    background: url(images/nav_top_right.gif) no-repeat right top;
    padding: 13px 25px 13px 15px;
}
.menuItem a:hover
{
    color: #00FFFF;
}
.menuItem a:active
{
    color: #000102;
}
/* make drop down menu container style */
.menuItem .active
{
    color: #000102;
}
.menuItemHover
{
    color: #00FFFF;
    background-color: white;
}
/* Sub -----------------*/
.menuPopup
{
    display: inline;
    background-color: #75746E;
    line-height: 24px;
}
/* make drop down menu item style */
.menuPopupItem
{
}
.menuPopup a
{
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    float: left;
    text-align: left;
}
.menuPopup td
{
    background-color: #75746E;
    border-top: solid 1px #fff;
    border-bottom: none;
}
.menuPopup a:hover
{
    color: #000000;
    text-decoration: none;
    background-color: #C0C0C0;
}
.menuPopup a:active
{
    color: #000102;
}
.menuPopup .active
{
    color: #000102;
}
/*--------------------------------*/
#color_bar
{
    font-size: 10px;
    font-weight: bold;
    width: auto;
    min-width: 952px;
    border-bottom: #ccc 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    height: 27px;
    padding-top: 13px;
    color: #FFFFFF;
}

#crumbs
{
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    height: 26px;
    width: auto;
    min-width: 952px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    background: #75746E url(images/background_crumbs.jpg) repeat-x top;
    text-indent: 144px;
}

#crumbs h2, #crumbs h3
{
    font-size: 10px;
    display: inline;
}

#crumbs_search
{
    float: left;
    font-size: 12px;
}

#whats_new
{
    float: right;
    font-size: 12px;
    width: 280px;
    text-align: right;
}

#crumbs p
{
    display: inline;
    vertical-align: middle;
}

#crumbs .search_box
{
    margin: 0px;
    padding: 0px;
    height: 15px;
    font-size: 11px;
    width: 170px;
}

#crumbs #category_select
{
    margin: 0px;
    padding: 0px;
    height: 17px;
    font-size: 11px;
    width: 170px;
}

#crumbs select
{
    padding: 0px;
    height: 17px;
    font-size: 11px;
    width: 160px;
    margin-top: 2px;
}

#crumbs .submit, #crumbs .go
{
    margin: 0px;
    padding: 0px;
    height: 20px;
    font-size: 11px;
    margin-top: 0px;
}

input .submit
{
    font-size: 11px;
    width: 70px;
}

input[type=button]
{
    background-color: #484848;
    height: 29px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    color: #FFFFFF;
    border-right: #FF0000 1px solid;
    border-top: #FF0000 1px solid;
    border-left: #FF0000 1px solid;
    border-bottom: #FF0000 1px solid;
}

input[type=button]:disabled
{
    background: #EDEDED;
    color: #808080 !important;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#EAEAEA,#DBDBDB);
    border: 1px solid #A1A1A1 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#nav_browse
{
    float: right;
}

#nav_login
{
    float: left;
}

#body
{
    width: auto;
    min-width: 972px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B6B3A6;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 5px;
    background: #F7F6F2;
}

#col_main_left
{
    width: 146px;
    float: left;
    background: #DCDACE url(images/background_feature.jpg) repeat-x top;
}

#col_main_right
{
    margin-left: 160px;
    margin-right: 10px;
    width: 100%;
}

#content
{
    width: auto;
    min-width: 952px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #B6B3A6;
    padding: 20px;
}

#content .display_left
{
    margin-top: -20px;
}

#content_header
{
    font-size: 0.8em;
    color: #000000;
    height: 129px;
    width: 177px;
    padding-top: 10px;
    padding-right: 7px;
    padding-left: 10px;
}

#content_header ul
{
    list-style-position: outside;
    margin-top: 10px;
    list-style-image: url(images/ul_bullet.gif);
}

#content_header li
{
    list-style-position: outside;
    margin-left: -17px;
}

#content_header h2, #content_header h3
{
    display: inline;
    font-weight: bold;
    font-size: 1em;
}

#featured_item
{
    height: 200px;
    width: 176px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #A29F93;
    border-bottom-color: #A29F93;
    border-left-color: #FFFFFF;
    text-align: center;
    padding: 10px;
    font-size: 0.8em;
    margin-bottom: 3px;
    margin-right: 0px;
    background: #DCDACE url(images/background_feature.jpg) repeat-x top;
}

.display_left #featured_item
{
    width: 160px;
    font-size: 1em;
}


#featured_item h2
{
    font-size: 1em;
    font-weight: bold;
    display: inline;
}

.row1 a:link img, .row2 a:link img, .display_left a:link img, #featured_item a:link img
{
    border: 1px solid #666;
}

.row1 a:visited img, .row2 a:visited img, .display_left a:visited img, #featured_item a:visited img
{
    border: 1px solid #666;
}



#announcements
{
    font-size: 0.8em;
    padding: 2px 4px 4px 1px;
    height: 99%;
    background: #F7F6F2;
}

#user_assistance
{
    color: #7F4728;
    padding: 10px;
    font-size: 0.8em;
    float: left;
    width: 169px;
    background: #F9F9F8 url(images/background_user_assist.jpg) repeat-x top;
}

#user_assistance h2, #user_assistance h3
{
    color: #000000;
    font-size: 1em;
}

.post_title
{
    margin: 0px;
    padding: 0px;
}

.post_dollars
{
    width: 50px;
}

#post_cents
{
    width: 25px;
}

.post_url, .post_title, .post_description
{
    width: 250px;
}

.post_description
{
    height: 90px;
}

.section
{
    padding: 8px;
    height: 17px;
    font-size: 0.8em;
    font-weight: bold;
    border-bottom: 2px solid #E4E2D5;
    margin-bottom: 0px;
}

h3.section
{
    font-size: 1.2em;
}

.content_right
{
    font-size: 0.8em;
    background-color: #DCDACE;
    padding: 5px;
    overflow: auto;
    min-height: 390px;
}

#crumbs_text
{
    top: 10px;
    font-size: 0.9em;
    font-weight: bold;
    color: #FFF;
    padding: 10px;
    background-image: url('Images/widget_header.png');
    background-repeat: repeat-x;
    height: 28px; /*background-color:#484848;*/
}

.content_right2
{
    font-size: 0.8em;
    padding: 5px;
    min-height: 300px;
}

.content_right form, .content_right fieldset
{
    border: none;
    padding: 0px;
    margin: 0px;
}

.content_right legend
{
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
}

.content_right td, .category_browse td
{
    padding-right: 2px;
}

.category_browse td h4
{
    font-size: 1em;
    display: inline;
}

.category_browse td h4 a:link, .category_browse td h4 a:visited
{
    text-decoration: none;
    color: #000000;
}

.category_browse td h4 a:hover, .category_browse td h4 a:active
{
    text-decoration: underline;
}

.category_browse td ul a:link, .category_browse td ul a:visited
{
    text-decoration: none;
}

.category_browse td ul a:hover, .category_browse td ul a:active
{
    text-decoration: underline;
}

.category_browse td ul
{
    list-style-position: outside;
    margin-top: 10px;
    list-style-image: url(images/ul_bullet.gif);
}

.category_browse td li, .category_browse td li
{
    list-style-position: outside;
    margin-left: -17px;
}

#search_n_browse
{
    height: 139px;
    width: 791px;
    padding-bottom: 3px;
    padding-left: 3px;
    float: right;
}

#search_n_no_browse
{
    height: 139px;
    width: 288px;
    padding-bottom: 3px;
    padding-left: 3px;
    float: right;
    background: #E1DFCF;
}

#search_n_browse div#search
{
    float: left;
    background: url(images/background_search.jpg) #d6d3c4 repeat-x;
}

#search_n_browse div#browse
{
    float: right;
    background: url(images/background_browse.jpg) #d2d4bf repeat-x;
}

#search a
{
    font-size: 11px;
}

#search legend, #browse legend
{
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}

#search select, #search .search_box, #browse select, #browse ul
{
    font-size: 11px;
    margin-top: 2px;
}

#search select, #search .search_box
{
    width: 240px;
}

#browse select
{
    width: 190px;
    vertical-align: middle;
    border: none;
    display: inline;
}

#search, #browse
{
    height: 125px;
    width: 265px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #A29F93;
    border-bottom-color: #A29F93;
    border-left-color: #FFFFFF;
    background: repeat-x top;
    padding: 7px 10px 10px;
}

#search form, #browse form
{
    display: inline;
    border: none;
}

#search .search_box, #search select
{
    margin-bottom: 8px;
}

/* begin admin panel (similar to search boxes) */
#admin_panel
{
    width: 791px;
    padding-bottom: 3px;
    padding-left: 3px;
    float: right;
    font-size: .7em;
}
#admin_panel div
{
    clear: both;
    padding-top: 5px;
}

#admin_panel #query span.input_label
{
    float: left;
    text-align: right;
    width: 70px;
}


#admin_panel #query input
{
    width: 170px;
}



#admin_panel #query select
{
    width: 175px;
}

#admin_panel #status span.input_label
{
    float: left;
    text-align: right;
    width: 100px;
}

#admin_panel #status select
{
    width: 145px;
}

#admin_panel #status input
{
    width: 145px;
}

#admin_panel span.input_control
{
    float: right;
    text-align: left;
}

#admin_panel div#query
{
    float: left;
    background: #F9F9F8 url(images/background_user_assist.jpg) repeat-x top;
}

#admin_panel div#status
{
    float: right;
    background: #F9F9F8 url(images/background_user_assist.jpg) repeat-x top;
}

#admin_panel #query a
{
    font-size: 11px;
}

#admin_panel #query legend, #admin_panel #status legend
{
    color: #333333;
    font-size: 13px;
    font-weight: bold;
}

#admin_panel #query select, #admin_panel #query .search_box, #admin_panel #status select, #admin_panel #status ul
{
    font-size: 11px;
    margin-top: 2px;
}

#admin_panel #query select, #admin_panel #query .search_box
{
    /* width: 290px; */
}

#admin_panel #status select
{
    /* width: 190px; */
    vertical-align: middle;
    border: none;
    display: inline;
}

#admin_panel #query, #admin_panel #status
{
    height: 185px;
    width: 265px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #A29F93;
    border-bottom-color: #A29F93;
    border-left-color: #FFFFFF;
    background: repeat-x top;
    padding: 7px 10px 10px;
}

.escondido {
    position:absolute;
    top:-1000px;left:-1000px;width:0px;height:0px;
}

.login_box input.text
{
    width: 150px;
}

input.user_info
{
    width: 200px;
}

input.register_password
{
    width: 100px;
}

input.register_question
{
    width: 250px;
}

/* begin item grid */


#item_images
{
    text-align: center;
    float: left;
    width: 161px;
    clear: none;
}

.item_list
{
    width: 100%;
    font-size: .7em;
    padding-left: 5px;
    padding-right: 5px;
}

.item_list th
{
    height: 25px;
    background: #DEDDD3;
}

.item_list_footer
{
    height: 20px;
    width: 100%;
    margin-top: 5px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    background: #DEDDD3;
}

.item_list_footer li
{
    list-style-type: none;
    white-space: nowrap;
    display: inline;
    margin: 0px 3px;
}

.item_list_footer ul
{
    margin: 0;
    padding: 0;
}

.display_left
{
    text-align: center;
    float: left;
    clear: none;
    font-size: .8em;
}


.display_right
{
    text-align: left;
    padding-left: 181px;
    font-size: .8em;
}

.display_right#ad_details h3, .display_right#ad_details h4, .display_right#ad_details h5
{
    text-align: left;
    font-size: 1.1em;
    padding: 10px;
    display: block;
    background: #E5E2CC;
}

.display_right#ad_details h5.action
{
    padding: 5px 10px;
    font-size: 0.9em;
}


/* begin footer */

#footer
{
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    width: auto;
    min-width: 932px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    color: #FFFFFF;
    text-align: center;
    background: #75746E url(images/background_nav_footer.jpg);
}

#footer_nav
{
    width: 100%;
}

#footer_nav a
{
    list-style-type: none;
    white-space: nowrap;
    display: inline-block;
    margin: 0px 10px 0px 0px;
    text-decoration: underline;
}

#footer_nav a, #nav_login a, #nav_browse a, #crumbs a
{
    color: #FFFFFF;
}

#disclaimer
{
    font-size: 0.6em;
    color: #888679;
    text-align: center;
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}


/* begin classes */

legend.select_category
{
    display: inline;
}

.col_select, .col_photo, .col_photo_nopreview, .col_startdate, .col_price, .col_type, .col_location, .col_category, .col_general, .col_checkbox
{
    text-align: center;
}

.col_title
{
    text-align: left;
    width: 325px;
}

#ad_details td.col_heading
{
    color: #7F4728;
    vertical-align: top;
}

#ad_details td.col_detail
{
    padding-left: 10px;
}

#ad_details .ad_description_text td.col_detail
{
    font-weight: bold;
}

.ad_description_text
{
    padding-top: 20px;
}



.col_checkbox, .col_photo_nopreview
{
    width: 30px;
}


.row1, .row2
{
    height: 60px;
}

.row2
{
    background: #E8E7E1 url(images/background_table_row.gif) repeat-x top;
}

.small_text
{
    font-size: 0.8em;
    color: #666666;
    font-weight: normal;
}

.normal_weight
{
    font-weight: normal;
}


tr.new_section
{
    padding-top: 1em;
}

p.new_section
{
    margin-top: 1em;
}
.boxwait
{
    font-size: 10pt;
    color: Red;
    left: 42%;
    top: 50%;
    width: 268px;
    height: 48px;
    margin-left: -114px;
    margin-top: -31px;
    cursor: wait;
    position: fixed;
    background-color: white;
    border-right: red 2px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 2px solid;
    -webkit-box-shadow: 2px 2px 3px #361E1E;
    -moz-box-shadow: 2px 2px 3px #361E1E;
    box-shadow: 2px 2px 3px #361E1E;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.dropShadow(Color=black,offX=3,offY=3,positive=true);
}
/*------------------------------------*/

.botsub
{
    background-color: #484848;
    height: 29px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
    color: #FFFFFF;
    border-right: #FF0000 1px solid;
    border-top: #FF0000 1px solid;
    border-left: #FF0000 1px solid;
    border-bottom: #FF0000 1px solid;
}
.detalhes
{
    color: Black;
    background-color: white;
    border-color: #DEDFDE;
    border-width: 1px;
    border-style: None;
    border-collapse: collapse;
    padding: 4px;
    margin-bottom: 9px;
}

.detalhes img
{
    border: none;
}

.det_header
{
    color: White;
    background-color: #7F7C73;
    font-weight: bold;
    height: 19px;
    padding-right: 2px;
}
.det_1
{
    background-color: White;
    height: 20px;
    empty-cells: show;
    table-layout: fixed;
}
.det_fh
{
    width: 210px;
    text-align: right;
    padding-right: 7px;
}
.det_foot td
{
    background-color: #D7D7FF;
    height: 30px;
    border-top: solid 2px black;
    border-top-color: #000000;
    border-top-width: 2px;
}
.det_edit
{
    color: black;
    background-color: #F5F5F5;
    height: 20px;
}
.det_2
{
    background-color: #D8D8D8;
    height: 20px;
    empty-cells: show;
    table-layout: fixed;
}
.comando
{
    vertical-align: middle;
    text-align: center;
    margin-left: 2px;
    margin-right: 2px;
    height:34px !important;
    background-color: #dcdace;
}
.comando a
{
    background-color: #484848;
    height: 29px;
    font-size: 11px;
    font-family: "Century Gothic" , Arial;
    color: #FFFFFF;
    border: 1px solid #000000;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
}
.comando a:link a:visited a:active
{
    background-color: #484848;
    color: #FFFFFF;
    font-size: 11px;
    font-family: "Century Gothic" , Arial;
    border: 1px solid #000000;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
}
.comando a:hover
{
    color: #000000;
    background-color: #ff9010;
    font-size: 11px;
    font-family: "Century Gothic" , Arial;
    border: 1px solid #000000;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 6px;
    padding-top: 6px;
    text-decoration: none;
}
.grid_header
{
    color: White;
    background-color: #7F7C73;
    font-weight: bold;
    height: 20px;
    text-align: left;
}
.grid_header a
{
    color: White;
}
.grid-page
{
    background-color: #B4B4B4;
    height: 20px;
    border-top: solid 1px black;
    font-size: 8.5pt;
    text-align: left;
}
.detalhespainel
{
    color: Black;
    background-color: white;
    border-color: #DEDFDE;
    border-width: 1px;
    border-style: None;
    border-collapse: collapse;
    padding-left: 1px;
    padding-right: 1px;
    line-height: 15px;
}
.det_3
{
    background-color: White;
    height: 15px;
    font-size: 9px;
}
.det_4
{
    background-color: #E6E6FA;
    height: 15px;
    font-size: 9px;
}
.grid_hd2
{
    color: White;
    background-color: #484848;
    font-weight: bold;
    height: 15px;
    text-align: left;
    font-size: 9px;
}
.grid_hd2 a
{
    color: White;
    font-size: 9px;
}
#rfilter
{
    font-family: Verdana,Helvetica;
    font-size: 8pt;
    text-transform: uppercase;
    margin-top: 1px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 1px;
    border: solid 1px #484848;
}
.logotipia
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 73px;
    height: 50px;
    border: none;
}
.handleImage
{
    width: 15px;
    height: 16px;
    background-image: url(images/HandleHand.png);
    overflow: hidden;
    cursor: se-resize;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.txtStatusGrupo
{
    color: #971b1e;
    font-weight: bold;
}

/*---------------------------------------------------  LAYOUT PANES ---------------------------*/

.ui-layout-pane
{
    /* all 'panes' */
    border: 1px solid #BBB; /* DO NOT add scrolling (or padding) to 'panes' that have a content-div, 	   otherwise you may get double-scrollbars - on the pane AND on the content-div 	*/
    padding: 0px;
}
/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
.ui-layout-content
{
    padding: 0px;
}
.ui-layout-west
{
    padding: 0px !important;
    overflow: hidden !important;
    max-width: 238px;
}
.ui-layout-south
{
    padding: 0px !important;
    overflow: hidden !important;
}
.ui-layout-center
{
    padding: 1px !important;
}

/* mapa */

.mapParentFull
{
    width: 100%;
    height: 90%;
    position: absolute;
}

#map
{
    width: 100%;
}

.mapFooter
{
    width: 100%;
    height: 10%;
    position: absolute;
    bottom: 0px;
    min-height: 85px;
}
.mapFooter input[type=button]
{
    cursor: pointer;
}
.hidebutton
{
    top:-1000px;left:-1000px;
    position: absolute;
 }
.boxProgress
{
    background-color: White;
    border-right: red 2px solid;
    border-top: red 1px solid;
    border-left: red 1px solid;
    border-bottom: red 2px solid;
    font-size: 10pt;
    color: Red;
    left: 50%;
    top: 50%;
    width: 268px;
    height: 48px;
    margin-left: -114px;
    margin-top: -31px;
    cursor: wait;
    position: fixed;
    z-index: 2;
    filter: progid:DXImageTransform.Microsoft.dropShadow(Color=black,offX=3,offY=3,positive=true);
}
/******************************************/
/**************CSS Popup Marker************/
/******************************************/
.bordaBox
{
    background-color: transparent;
    width: auto;
}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b
{
    display: block;
    overflow: hidden;
    font-size: 1px;
}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b
{
    height: 1px;
}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4
{
    background: #EFEFEF;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}
.bordaBox .b1
{
    margin: 0 5px;
    background: #999;
}
.bordaBox .b2
{
    margin: 0 3px;
    border-width: 0 2px;
}
.bordaBox .b3
{
    margin: 0 2px;
}
.bordaBox .b4
{
    height: 2px;
    margin: 0 1px;
}
.bordaBox .conteudo
{
    padding: 5px;
    display: block;
    background: #EFEFEF;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    white-space: nowrap;
}

/* Mover veículo */
.wizardStep
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 25px;
}

.wizardStep table
{
    padding: 5px;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 45px;
}

.wizardHeader
{
    color: black;
    display: block;
    height: 24px !important;
    font-size: 14px;
    background-color: #FF953F;
    border-style: none !important;
    border-width: 0px !important;
    font-weight: bold;
    padding-left: 18px;
    padding-top: 7px;
    position: absolute;
    margin-top: 11px;
    width: 382px;
    white-space: nowrap;
}
.wizard
{
    background: #fefefe;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border: #b2aaaa 1px solid;
    border-radius: 12px;
    color: #444;
    font-size: 13px;
    overflow: hidden;
    height: 100px;
    width: 402px;
    border-collapse: separate !important;
    margin: 0 auto;
}

.wizard input[type=text], .wizard input[type=password], .divCenter input[type=text], .divCenter input[type=password]
{
    background-color: rgb(250, 255, 189);
    background-image: none;
    color: rgb(0, 0, 0);
}

.wizard input[type=text], .wizard input[type=password]
{
    margin-left: 19px;
    margin-top: 15px;
}

.wizardNavigation
{
    height: 50px !important;
    border-top: 1px solid #B2AAAA;
    background: #DCDACE url(images/background_feature.jpg) repeat-x top;
}

.wizardSpan
{
    float: left;
    margin-left: 30px;
}
.wizardError
{
    float: left;
    margin-left: 25px;
    margin-right: 25px;
}

.wizard input[type=text], .wizard input[type=password]
{
    width: 340px !important;
}

.labelPtDesenho
{
    display: none;
}
/* Desktop */
.dxmMenu_SoftOrange{border:solid 3px darkorange !important;}
#menudesktop{display:table;}
/* MENUS / MOBILE */
@media only screen and (min-width: 1023px) 
{
    /* Desktop */
    #menudesktop	{display:table;}
    #menumobile  {display:none;}
    
    .topnav,.topnav2 {display:none;}
    .topnav .icon,.topnav2 .icon {display: none;}    
}
@media only screen and (max-width: 1022px) 
{
    /* Mobile */
    #menudesktop{display:none;}
    #menumobile {display:block;}

    .topnav, .topnav2 {
      overflow: hidden;
      background-color: #333;
    }
    .topnav a,.topnav2 a {
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
    }
    .topnav a:hover, .topnav2 a:hover, .topnav.responsive a:hover, .topnav2.responsive a:hover
    {
        background-color: #FF6600;
        color: #000000;
    }
    .active
    {
        background-color: #FF9933;
        color: #000000;
    }
    .active2
    {
        background-color: #000000;
        color: #FF6600;
    }
    .home {
      background-color: #ffffff;
      color: white;
    }
    .topnav a:not(:first-child),.topnav2 a:not(:first-child)  {display: none;}
    .topnav a.icon,.topnav2 a.icon {
        float: right;
        display: block;
    }
    .topnav.responsive,.topnav2.responsive {position: relative;}
    .topnav.responsive .icon,.topnav2.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a,.topnav2.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive a .subicon,.topnav2.responsive a .subicon {
        float: right;
        vertical-align:middle;
    }
}
.previewSar{
    width: auto;height:182px;
}
.previewSarGrd{
    width: auto;height:128px;
}
.previewCursor{
    cursor:zoom-in;
}