/* ================================================================
Client    : OUTREACH 
Version   : 1.0
Note      : Site Layout Setting
Copyright : 2011 Mentorware, All rights Reserved. 
=================================================================== */

/* Tag Setting
=================================================================== */
body, p, div, table, th, td, li, label, a, input, select, textarea {
    font-family: Arial, Verdana, Helvetica, sans-serif;  
    font-size: 13px;
}

h1, h2, h3, h4, h5 {
    font: Arial, Verdana, Helvetica, sans-serif;
}

input, select, textarea {
    font-size: 12px;
}

body, form, div, table {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #fafafa;
    /*background:url(../../images/Images/body-bg.jpg) repeat-x;*/    
    /*background:url(../images/Images/body-bg.jpg) repeat-x;*/
    line-height: 18px;
    height: 220px;
}

a:link, a:visited {
    text-decoration: none;
    color: #08427C;
    outline: none;
}

a:hover {
    color: #890000;
}

.myDropDown {
    width: 170px;
    /*  font-family: Tahoma,Verdana,Arial, Sans-Serif; */
    text-align: left;
    color: Black;
    border: 1px solid #9f9f9f;
    padding: 2px;
    margin-top:10px;
    font-size:12px;
}

.tab_Header_bg {
    background: url(../images/dark_blue_bg.png) repeat-y;
}

/* Container Setting
=================================================================== */
#bodyContainer {
    background: #fafafa url(../../images/bg-body-l.png) repeat-y left top;
    clear: both;
    margin: 0px auto;
    overflow: hidden;
}

#pgContainer {
    clear: both;
    margin-left: 10px;
    padding-right: 10px;
    overflow: hidden;
    background: #fafafa url(../../images/bg-body-r.png) repeat-y right top;
}

#headerArea {
    background: #ffffff url(../../images/bg-top.png) repeat-x left bottom;
    clear: both;
    overflow: hidden;
    padding: 5px;
    height: 109px;
}

/*#dataArea {
    padding-top:10px;
  min-height: 400px;
	clear: both;
	width:100%;
   
   height:100%;
}*/
#dataArea1 {
    padding-top: 50px;
    min-height: 400px;
    clear: both;
    width: 100%;
    height: 100%;
}

#footerArea {
    background: #f8f8f8 url(../../images/bg-foot.png) repeat-x left top;
    clear: both;
    min-height: 20px;
    margin: 0px 9px;
    float: left;
    width: 98.74%;
}

    #footerArea .footNote {
        margin: 0px;
        text-align: right;
        font-size: 11px;
        color: #8c8c8c;
        padding: 10px;
    }

.btnClose {
    float: right;
    width: 15px;
    height: 15px;
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    background: url(../../images/btnClose.gif) no-repeat left top;
}

/* Header Area Setting
=================================================================== */
#siteLogo, #tagImg {
    height: 50px;
    display: block;
    text-indent: -9999px;
}

#logoArea {
    float: left;
    width: 1082px;
    height: 59px;
}

#siteLogo {
    width: 280px;
    background: url(../../images/logo-outreach-40.png) no-repeat left top;
}

#tagImg {
    margin: 5px;
    width: 500px;
    background: url() no-repeat right 3px;
}

#tagLine {
    font: bold italic 11px Arial, Verdana, Helvetica, sans-serif;
    float: left;
    color: #000000;
    margin-left: 7px;
    letter-spacing: 1px;
}


#toolsBox, #fontZoom, #mlt_languagelist, #skinbox, .skinbox-text, .ico-contact {
    float: right;
    /*margin-left: 86px;*/
    margin-left: 10px;
}

#skinbox {
    margin-top: -50px;
    width: auto;
}

#mlt_languagelist {
    /*margin-top: -8px;*/
    padding: 0px;
    height: 30px;
    overflow: hidden;
}

    #mlt_languagelist .goog-logo-link {
        display: none;
    }

#toolsBox {
    min-width: 300px;
    display: block;
    float: right;
    margin-top: 5px;
}

.textLbl {
    float: right;
    font: 14px Arial, Verdana, Helvetica, sans-serif;
    display: block;
}

#chatBox {
    float: left;
    overflow: hidden;
    margin-top: -5px;
    margin-right: 60px;
}

    #chatBox a {
        font: bold 14px Arial, Verdana, Helvetica, sans-serif;
    }

    #chatBox img {
        vertical-align: middle;
    }


.ico-contact {
    margin-top: 2px;
}

.skinbox-text {
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    margin-top: 6px;
}

#livehelp {
    float: right;
    clear: both;
    margin-top: 6px;
}
#fontZoom .decrease, #fontZoom .default, #fontZoom .increase {
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
	margin-left: 3px;
	float: left;
	margin-top: 3px;
	
}

#fontZoom .decrease {
  background-position: 0px -20px;
}

#fontZoom .decrease:hover {
   background-position: 0px 0px;
}

#fontZoom .default {
  background-position: -20px -40px;
}

#fontZoom .default:hover 
{
  background-position: -20px 0px;
  
}

#fontZoom .increase {
  background-position: -40px -60px;
	width: 25px;
	margin-right:10px;
}

#fontZoom .increase:hover 
{
  background-position: -40px 0px;
  
}


/* Genaral Setting
================================================================= */
#pageHead {
    font-size: 18px;
    font-weight: bold;
    background: #F5F5F5;
    margin: 0px;
    padding: 10px;
    border-bottom: 1px dotted #CCCCCC;
    height: 15px;
}


/* Tab Setting  
================================================================= */
.tabContainer {
    margin: 5px auto;
    clear: both;
    width: 99%;
    overflow: visible;
    padding-right: 12px;
}

.tabBlock {
    width: 100%;
    margin: 0px auto;
    clear: both;
}

.tabList {
    margin: 0px;
    padding: 0px;
    background: url(../../images/bg-tab-line.jpg) repeat-x left bottom;
    overflow: hidden;
    width: 99.7%;
}

    .tabList li {
        float: left;
        margin: 0px 2px 0px 0px;
        width: auto;
        list-style: none;
        text-align: center;
        background: url(../../images/bg-tab-top-l.gif) no-repeat left top;
    }

        .tabList li a {
            float: left;
            display: block;
            padding: 5px 15px 5px;
            background: url(../../images/bg-tab-top-r.gif) no-repeat right top;
            white-space: nowrap;
            width: auto;
            font-weight: bold;
            letter-spacing: 1px;
        }

        .tabList li.selected {
            background: url(../../images/bg-tab-top-l.gif) no-repeat left top;
        }

            .tabList li.selected a {
                background: url(../../images/bg-tab-top-r.gif) no-repeat right top;
                color: #08427C;
                border-bottom: none;
                padding-bottom: 6px;
                /*cursor: default;*/
            }

.tabContentBox {
    float: left;
    padding: 10px;
    width: inherit;
    clear: both;
    overflow: auto;
    overflow-y: hidden;
    border-right: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    /*	height: 184px; */
    height: auto;
    margin-bottom: 20px;
}

.tabContentBox1 {
    float: left;
    padding: 10px;
    width: inherit;
    clear: both;
    overflow: auto;
    overflow-y: hidden;
    border-right: 1px solid #b6b6b6;
    border-bottom: 1px solid #b6b6b6;
    border-left: 1px solid #b6b6b6;
    /*	height: 184px; */
    height: auto;
    margin-bottom: 20px;
}

table.style1 {
    width: auto;
    margin: 0px auto;
}

    table.style1 td {
        padding: 0px 25px;
    }

/* Form Setting
================================================================= */
.formList {
    margin: 5px;
    padding: 0px;
    clear: both;
    overflow: hidden;
}

    .formList li {
        list-style: none;
        padding: 5px;
        overflow: hidden;
    }

.fieldHead {
    display: block;
    float: left;
    width: auto;
    min-width: 100px;
    font-weight: bold;
}

.textBox, .dropBox, .button {
    border: 1px solid #cccccc;
    background: #FFFFFF;
    width: 171px;
    padding: 2px;
}

.dropBox {
    padding: 0px;
    width: 178px;
}

.button {
    background: url(../../images/bg-foot.png) repeat-x left top;
    color: #646464;
    font-weight: bold;
    padding: 1px 3px;
    width: auto;
}

li.buttonBox {
    margin-top:20px;
    /*padding-top: 27px;*/
}


/* Data Grid Setting
================================================================= */
.dataGrid {
    border: 1px solid #b6b6b6;
    width: 98%;
    margin: 10px 0px;
    float: left;
    clear: both;
}

    .dataGrid th, .dataGrid td {
        border: 1px dotted #b6b6b6;
        border-width: 1px 1px 0px 0px;
        padding: 5px;
        background-color: #FFFFFF;
        min-width: 200px;
        max-width: 250px;
    }

    .dataGrid thead th, .dataGrid tfoot td {
        background-color: #CCCCCC;
    }

    .dataGrid tbody td {
        text-align: left;
        vertical-align: top;
    }

    .dataGrid .altrRow td {
        background-color: #F5F5F5;
    }

th.clmCheck, td.clmCheck {
    width: 50px;
    min-width: 50px !important;
    text-align: center !important;
}


/* Search Legend Setting
================================================================= */
.searchLegend {
    clear: both;
    width: 100%;
    height:100%;
    overflow: hidden;
    margin: 15px 0px;
}

.pagination {
    float: right;
    text-align: right;
    width: auto;
}

    .pagination label {
        float: left;
        width: auto;
        font-style: italic;
        margin-right: 10px;
    }

    .pagination a {
        display: table-cell;
        float: left;
        margin-left: 2px;
        border: 1px solid #b6b6b6;
        background: #F5F5F5;
        font-weight: bold;
        padding: 1px 4px;
        text-align: center;
    }

        .pagination a.active {
            background: #FFFFFF;
        }

.legendButton {
    float: left;
    width: auto;
}



/* Custom Setting
================================================================= */
#advanceSearch .formList li, #basicSearch .formList li,
#distanceSearch .formList li, #categorySearch .formList li {
    float: left;
}

#basicSearch .fieldHead, #basicSearch .textBox,
#basicSearch .dropBox, #basicSearch .button {
    float: left;
    clear: both;
}

#advanceSearch .fieldHead, #advanceSearch .textBox,
#advanceSearch .dropBox, #advanceSearch .button {
    float: left;
    clear: both;
}

#categorySearch .fieldHead, #categorySearch .textBox,
#categorySearch .dropBox, #categorySearch .button {
    float: left;
    clear: both;
}

#pgHome #basicSearch .formList li {
    float: none;
}

#pgHome #basicSearch .textBox, #pgHome #basicSearch .dropBox,
#pgHome #basicSearch .button {
    float: none;
    clear: none;
}

.searchLegend .button, .searchLegend .dropBox {
    float: none !important;
}

.dxeButton {
    width: 120px;
    float: left;
}
.dxeButton1 {
    width: 210px;
    float: left;
}
/*Service area map Styles
================================================================= */
.ServiceAreaMap {
    margin-left: 12px;
    color: Red;
    font-family: Georgia;
}