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

        MAIN > LEFT SIDE CONTENT > SIMPLE SEARCH

        THE SIMPLESEARCH LOOKS DIFERENT TO THE FRONT PAGE NOW, BUT IF YOU WANT TO CHANGE IT, JUST COMMENT THIS CODE BELOW!

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

#simplesearch
{
        margin: 0 0 10px 0;
}

#simplesearch
{
        text-align: left;

        border: 1px solid #F4F4F4;
        border-top: 3px solid #FAA414;
        background-color: #FCFCFC;
}

#simplesearch h1
{
        font: bold 10pt/20px Arial, Helvetica, sans-serif;
        color: #003365;

        padding: 5px;
        margin: 0;

        border-bottom: 1px solid #DADADA;
        background: #EEEEEE;
}

#simplesearch img,
#simplesearch form
{
        border: 0;
        margin: 0;
        padding: 0;
}

#simplesearch table
{
        font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
}

#simplesearch a,
#simplesearch a:link,
#simplesearch a:visited,
#simplesearch a:active,
#simplesearch a:hover
{
        text-decoration: none;
        color: #3B4B5B;
}

#simplesearch div.button ul li a:link,
#simplesearch div.button ul li input
{
        color: #3B4B5B;
}


#header
{
        height: 112px;
}

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

        TEXT BANNER

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

#banner-left-text
{
        margin-top: 10px;
        text-align: center;
        text-decoration: none;
        font: normal 8px Verdana, Arial;
}

#banner-left-text a.baseRightBanner:link,
#banner-left-text a.baseRightBanner:visited,
#banner-left-text a.baseRightBanner:active,
#banner-left-text a.baseRightBanner:hover
{
        font: normal 8pt Arial, Helvetica, sans-serif; text-align:left; text-decoration: none; padding: 0; display: block; background: #FBFBFB; border: 1px solid #EEE;
}

#banner-left-text a.baseRightBanner h1
{
        font: bold 8pt Arial, Helvetica, sans-serif; text-align:center; color: #4F46E6;
        padding: 5px; margin: 0;
}

#banner-left-text a.baseRightBanner p
{
        color:#666666; padding: 1px 5px 1px 5px; margin:0;
}

#banner-left-text a.baseRightBanner p.right-banner-url
{
        font: bold 7pt Arial, Helvetica, sans-serif;  padding: 1px 5px 1px 5px; text-align:center; text-decoration: underline; color: #B67703;
}


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

        MAIN > LEFT SIDE CONTENT > SIMPLE SEARCH

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

.left-menu
{
        width: 172px;
        font: normal 10px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align: left;
        color: #3B4B5B;

        margin: 0;
        padding: 5px;
}

.left-menu li,
.left-menu li.submenu
{
        margin: 0;
        padding: 0 0 0 15px;
        background: url("../../images/img_bullet.gif") no-repeat 0 50%;
        list-style: none;
}

.left-menu li.submenu
{
        background: none;
}

.left-menu li a,
.left-menu li a:link,
.left-menu li a:visited,
.left-menu li a:active,
.left-menu li a:hover
{
        color: #3B4B5B;
}

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

        RIGHT SIDE CONTENT

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


/****************
#rightside-content h2
{
 SEE THIS STYLE IN  "RIGHT SIDE CONTENT > STANDARD TABLE ON THE MEMBERS"
}
****************/

#rightside-content p.paragraph,
#rightside-content p
{
        font: normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
        text-align: left;
        padding: 2px;
}

#rightside-content p.warning
{
        text-align: center; margin: 0; padding: 10px 10px 5px 10px;
}

#rightside-content form
{
        margin: 0;
}

ul.simplelist
{
        font: normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
        text-align: left;

        padding: 5px 20px 20px 25px;
        margin: 0;
}

ul.simplelist li,
ul.simplelist li span.warning
{
        list-style: disc;
        border: 0;
        padding: 0;
        margin: 0;
}

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

        RIGHT SIDE CONTENT > LOGIN

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

.table-login
{
        width: 230px;
        border:1px solid #E9E9E9;
        border-bottom:3px solid #E9E9E9;
        background:#F9F9F9;
}

.table-login th,
.label-login
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #2B3F79;

        text-align: right
}

.table-login input.input-login
{
        width: 100px;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
        color: #3B4B5B;
        border-top: 1px solid #B4BFC0;
        border-left: 1px solid #B4BFC0;

}

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

        RIGHT SIDE CONTENT > GENERAL ITEM

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

img
{
        border:0;
}

.general-item                                         /* This code are using in the promotions page                                                                                                        */
{
        width: 550px;

        margin: 10px auto 10px 0;
        padding: 5px 10px 10px 10px;
        text-align: left;
        color: #737373;

        border: 1px solid #E9E9E9;
        border-top: 3px solid #E9E9E9;

        background: #F9F9F9;

        voice-family: "\"}\"";                 /* The Hack start here                                                                                                                                                        */
        voice-family:inherit;                /* This code tricks the IE5win to get the correct value                                                                                        */
        width: 550px;                                /* correct value to IE                                                                                                                                                        */
        }
html>body .general-item
{
        width: 530px;                                /* correct value for Opera and FF                                                                                                                                */
                                                                /* The Hack finish here                                                                                                                                                        */
}

.general-item li
{
        font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
        padding: 0;
        margin: 0;
         list-style: none;
}

.general-item li.general-highlight
{
        font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
        color: #0054A8;
         list-style: none;
}

.general-item a,
.general-item a:visited,
.general-item a:active,
.general-item a:link,
.general-item a:hover
{
        text-decoration: none;
        font-weight: bold;
        color: #3B4B5B;
}

.general-item a:hover
{
        color: #5A738B;
}

.general-item a.sublink-front-navbar,
.general-item a.sublink-front-navbar:visited,
.general-item a.sublink-front-navbar:active,
.general-item a.sublink-front-navbar:link,
.general-item a.sublink-front-navbar:hover
{
        font-weight: normal;
        color: #3B4B5B;
        text-decoration: none;
}

.general-item a.sublink-front-navbar:hover
{
        color: #CC0000;
        background: #FFF;
}

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

        RIGHT SIDE CONTENT > STANDARD TABLE ON THE MEMBERS

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

.table-table
{
        font: 9px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; width: 520px; clear: left; border: 0; margin: 10px auto;
}

.reports-title
{
        font: bold 8pt/17px Verdana, Arial, Helvetica, sans-serif; padding: 2px; color: #333; ext-align:left;
}

.td-th-table
{
        font-weight: bold; font-size:11px; padding: 0 3px; color: #FFFFFF;  background-color: #0054A8; border:1px solid #799EBD;
}

.td-table
{
        padding: 4px; color:#3B4B5B; background-color: #F9F9F9; border:1px solid #EAEAEA;
}


.standard-table
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        width: 550px;
        color: #333;

        margin: 10px auto 0 auto;
        padding:0;
}

.standard-table td
{
        text-align: left;
        vertical-align: middle;
        padding: 4px;
}

.standard-table th
{
        width: 130px;

        color: #003365;
        font-weight: normal;
        text-align: right;
        vertical-align: middle;

        padding: 5px;
}

.standard-table a:link,
.standard-table a:active,
.standard-table a:visited,
.standard-table a:hover
{
        text-decoration: underline; color: #003365;
}


.standard-table a:hover
{
        text-decoration: none;
}

.standard-table th.standard-tabletitle,
#rightside-content h2
{
        font: bold 11px/10pt  Verdana, Arial, Helvetica, sans-serif;
        color: #EF6103;
        width: auto;

        text-align: left;
        font-weight: bold;

        border-bottom:1px solid #a3bcd5;
}

#rightside-content h3
{
        font: bold 9pt/10pt  Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
        margin:30px 0 0 0;
        padding:0;

        text-align: center;
        font-weight: bold;
}

#rightside-content h2
{
        padding-bottom: 5px;
}

.standard-table .first_line
{
        padding-top:10px;
}

/*

        RIGHT SIDE CONTENT > TABLE VARIATIONS

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

.standard-table table
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.standard-table th span
{
        color: #587897;
        font-weight: normal;
        font-size:9px;
}

.standard-table td textarea,
.standard-table td select
{
        width: 340px;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.standard-table td.image-space,
.standard-table th.image-space
{
        text-align: center;
}

.standard-table td input
{
        width: 340px;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.standard-table td input.image-input
{
        width: 300px;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.standard-table th input
{
        font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.standard-table td input.standard-table-putradio,
.standard-table-putradio
{
        width: auto;
        border: 0;
        margin: 0;
        padding: 0;
}

.standard-table td.standard-tablenote
{
        color: #EF413D;
        padding: 10px;

        background-color: #FFF;
        border: 1px solid #EEE;
}

.link-table:link,
.link-table:active,
.link-table:visited,
.link-table:hover
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #3B4B5B;
        text-align: left;

        text-decoration: none;
}

/*

        RIGHT SIDE CONTENT > TABLE SAMPLE LISTING

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

.standard-tableSAMPLE
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #3B4B5B;
        width: 550px;
        border: 0 solid #FFF;
        /*border-collapse: collapse;*/
        margin: 0 auto 0 auto;
}

.standard-tableSAMPLE td
{
        text-align: center;
}

#rightside-content a.samplelink:link,
#rightside-content a.samplelink:visited,
#rightside-content a.samplelink:active,
#rightside-content a.samplelink:hover
{
        font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
        color: #990000;
        text-decoration: none;
}

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

        ICON DESCRIPTION

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

.standard-iconDESCRIPTION
{
        font: normal 10px/13px Verdana, Arial, Helvetica, sans-serif;
        padding: 5px 0 5px 0;
        margin: 0;

        border: 0;
}

.standard-iconDESCRIPTION li
{
        display: inline;
        padding: 2px 0 2px 20px;
        margin: 0 0 0 5px;

        border: 0;
}

/*

        ICON DESCRIPTION - IMAGE

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


.standard-iconDESCRIPTION li.view-icon
{
        background: url("../images/bt_view.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.edit-icon
{
        background: url("../images/bt_edit.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.delete-icon
{
        background: url("../images/bt_delete.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.gallery-icon
{
        background: url("../images/icon_gallery.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.traffic-icon
{
        background: url("../images/icon_traffic.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.promotion-icon
{
        background: url("../images/icon_promo.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.transaction-icon
{
        display: none;
        background: url("../images/icon_coin.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.rating-icon
{
        background: url("../images/star_small.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.pending-icon
{
        background: url("../images/bt_approve.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.approved-icon
{
        background: url("../images/bt_approved.gif") no-repeat 0 50%;
}

.standard-iconDESCRIPTION li.moreinfo-icon
{
        background: url("../images/icon_eye.gif") no-repeat 0 50%;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

        TABLE TOP BLUE | MEMBERS/SITEMGR

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


.standard-tableTOPBLUE
{
        width: 550px;
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #6A6A6A;

        margin: 10px auto 0 auto;
        clear: left;

        border: 1px solid #E1E5E8;
        border-left:1px solid #EDEDEF;
        border-top:1px solid #EDEDEF;
        background:#FCFCFC;
}

.standard-tableTOPBLUE th
{
        font-size:11px;
        font-weight: bold;
        color: #FFF;
        text-align:left;

        padding: 5px;
        background-color: #0054A8;
}


.standard-tableTOPBLUE td
{
        padding: 4px;
        color:#4D4D4D;
        border:1px solid #EEEEEE;
        text-align:left;
}

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

        TABLE TOP BLUE - STATUS | MEMBERS/SITEMGR

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

.status-active
{
        color: #587F51;
}

.status-deactive
{

        color: #647C84;
}

.status-expired
{
        color: #EF413D;
}

.status-pending
{
        color: #990000;
}

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

        RIGHT SIDE CONTENT > LIST VIEW

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.list-view
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #EF413D;

        text-decoration: none;
        text-align: left;

        margin: 0;
        padding: 10px;
        border: 0;
}


.list-view li
{
        margin: 3px;
        padding: 0;
        list-style:none;
}

.list-view li a:link,
.list-view li a:visited,
.list-view li a:active,
.list-view li a:hover
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #12118C;
        text-decoration: none;
}

.list-view li a:hover
{
        text-decoration: underline;
}

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

        RIGHT SIDE CONTENT > PAGING CONTENT

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

.paging-content
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        margin: 10px auto 10px auto;
        border: 0;
}

.paging-content td
{
        text-align: center;
}

.paging-content td.paging-letters a:link,
.paging-content td.paging-letters a:visited,
.paging-content td.paging-letters a:active,
.paging-content td.paging-letters a:hover
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
        color: #3B4B5B;

        text-decoration: none;
}

.paging-content select
{
        font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

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

        RIGHT SIDE CONTENT > MEMBERS SCREENSHOT

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

.screenshot-base
{
        width: 520px;
        border: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #585858;
        font-weight: normal;
        text-decoration: none;
        text-align: left;
        margin: 0 auto;

}

.screenshot-base h1
{
        font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
        color: #003365;
}

.screenshot-base ul
{
        padding: 10px 0 0 10px;
        margin: 0 0 0 10px;
}

.screenshot-base ul li
{
        padding: 0;
        margin: 0 0 5px 0;
}


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

        LISTING DETAIL > ** VIEW DETAIL TABLE

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

.table-listing-detail
{
        width: 560px;

        margin: 15px auto;
        padding: 5px;

                border: 0;
                border-bottom: 2px solid #E2E2E2;
                border-right: 1px solid #E2E2E2;
                background:#F7F7F7;
}


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

        RIGHT SIDE CONTENT > ** VIEW SUMMARY

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


.table-view-summary
{
        width: 560px;
        margin: 5px auto;

        border-bottom: 2px solid #E2E2E2;
        border-right: 1px solid #E2E2E2;
        background:#F7F7F7;

}

.rating
{
        display: none;
}

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

        RIGHT SIDE CONTENT > WARNING BOX

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

table.warningBOX
{
        height: 60px; margin: 20px auto 0 auto; background: #F6FFF4; border: 1px solid #DADADA;
}

table.warningBOX th,
table.warningBOX td
{
        text-align: center;
}

table.warningBOX th a.warningBOXcontent:link,
table.warningBOX th a.warningBOXcontent:visited,
table.warningBOX th a.warningBOXcontent:active,
table.warningBOX th a.warningBOXcontent:hover
{
        font: bold 12pt/20px Arial, Helvetica, sans-serif; color: #146D01; text-decoration: none; padding: 0 0 0 15px; float: left; border: 0;
}

table.warningBOX td
{
        padding: 0 5px 0 10px;
}


div#rightside-content table.warningBOXtext
{
        width: auto; font: normal 8pt/14px Verdana, Arial, Helvetica, sans-serif; color: #CC0000; text-align: center; margin: 15px auto 0 auto;
}


div#rightside-content table.warningBOXtext th,
div#rightside-content table.warningBOXtext td
{
        width: auto; padding: 2px;
}

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

        RIGHT SIDE CONTENT > PAGING CONTENT

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

a.goTO:link,
a.goTO:visited,
a.goTO:active,
a.goTO:hover
{
        font: bold 10pt/normal Arial, Helvetica, sans-serif; color: #003365; text-decoration: none; float: right; margin: 12px 0 0 0; border: 0;
}

a.goTO:hover
{
        color: #006633;
}

a.goTO span
{
        color: #006633;
}

a.link-promotion:link,
a.link-promotion:visited,
a.link-promotion:active,
a.link-promotion:hover
{
        font: bold 10pt/normal Arial, Helvetica, sans-serif; margin: 0; padding: 0; padding-top: 10px; color: #134678; text-decoration: none;
}

a.link-promotion:hover
{
        text-decoration: underline;
}

.table-promotion-form
{
        clear: left; margin: 5 auto; text-align:left;
}

.td-promotion-form
{
        font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #3B4B5B; text-align: center;
}

.th-promotion-form
{
        font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: #3B4B5B;
}

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

        AUX

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

.tab-graphicreport-active {
        background-color: #EBEBEB;
}
.tab-graphicreport-inactive {
        background-color: #FCFCFC;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
BILLING ERROR MESSAGE => LINK TO HELP
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.billing-contact
{
        font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color: #12118C;
}