/* RBC On The Move application CSS 
*/

/* HTML	elements */
body {
    background-color : #ffffff;
    margin-left: 0px; 
    margin-top: 0px; 
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
}

p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #00234C;
    line-height: 13pt;
    margin-right: 20px;
}
/* links within content area */
a {
    color: #003399;
    text-decoration: underline;
}

a:hover {
	color: Black;
}

a.rightnav {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #003399;
    text-decoration: underline;
    margin-right: 2pt;
}

a.rightnav:hover {
    color: Black;
}
select{
    height: 20px;
}

table{
    font-size: 12px;
}

#content-wrapper_en{
    border: 0px solid blue;
    /*border-left: 1px dotted #999999;*/
    width: 599px;
    height: 830px;
    padding: 0px;
}
#content-wrapper_fr{
    border: 0px solid blue;
    /*border-left: 1px dotted #999999;*/
    width: 599px;
    height: 940px;
    padding: 0px;
}
#home-left-panel_en{
    float: left;
    width: 400px;
    height: 480px;
    padding: 0px;
}
#home-left-panel_fr{
    float: left;
    width: 400px;
    height: 480px;
    padding: 0px;
}
#home-banner-text_en{
    position: relative; 
    top: 184px; 
    left: 10px; 
    width: 400px; 
    height: 128px; 
    background: url(../images/en/Banner_HOME_TextBox1.gif) no-repeat;
}
#home-banner-text_fr{
    position: relative; 
    top: 184px; 
    left: 10px; 
    width: 400px; 
    height: 158px; 
    background: url(../images/fr/Banner_HOME_TextBox1.gif) no-repeat;
}
#home-right-nav-panel {
    border: 0px solid blue;
    float: right; 
    clear: right;
    width: 166px; 
    height: 530px;
    margin-right: 5px; 
    margin-top: 183px;
}
#home-right-nav-menu_en {
    font-size: 10px;
    margin-bottom: 10px;
    padding: 0px;
    width: 166px;
    height: 285px;
    background: url(../images/en/Banner_HOME_TextBox2.gif) no-repeat;
}
#home-right-nav-menu_fr {
    font-size: 10px;
    margin-bottom: 10px;
    padding: 0px;
    width: 166px;
    height: 322px;
    background: url(../images/fr/Banner_HOME_TextBox2.gif) no-repeat;
}
#home-bottom-table {
    height: 251px;
    width: 407px;
    margin-left: 3px;
    border-bottom: 1px solid #d1d4e5;
    border-right: 1px solid #d1d4e5;
}
.table-info{
    padding: 5px 0;
    line-height: 20px;
}

.findingTitle {
    font-size: 18px; 
    font-weight: bold; 
    color: #959595;
}
.table-link{
    font-size: 12px; 
    font-weight: bold;
    color: #003399;
}
.table-text{
    color: #003399;
}
a.table-link {
    text-decoration: underline; 
}
.related-links {
    font-size: 11px;
    padding: 10px 2px 2px 10px;
    text-decoration: underline; /* not showing in IE*/
    line-height: 14px;
}
a.related-links {
    text-decoration: underline; /* not showing in IE*/
}
related-links A{
    text-decoration: underline; /* not showing in IE*/
}
#home-right-menu-info_en {
    font-weight: bold;
    font-size: 12px; 
    padding-left: 10px; 
    width: 158px; 
    padding-top: 70px;
}
#home-right-menu-info_fr {
    font-weight: bold;
    font-size: 12px; 
    padding-left: 10px; 
    width: 158px; 
    padding-top: 100px;
}
#right-menu-list{
    margin-left: 5px;
    margin-top: 10px;
}
#right-menu-list a {
    text-decoration: none;
}

.arrow{
     background: url('../images/Arrow_icon.gif') no-repeat 4px 5px; 
    /*vertical-align: 20%; */
}
/*
#home-right-nav-footer {
    background: url(../images/Banner_HOME_TextBox2_footer.gif) no-repeat;
    width: 166px;
    height: 68px;
}
*/
/* the following class to be applied to tables etc. where you would not use the <p> tag */
.mainbodytext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #00234C;
	line-height: 13pt;
}

/* bold text within any content area */
.boldtext {
	font-weight: bold;
}

/* Legal text*/
.disclaimer {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #00234c;
	line-height: 12pt;
}
/*Content headings*/
/* h1 - for section titles only on the top of page */
h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #88898A;
	font-weight: bold;
	margin-top: 14px;
}
/* h2 - for page titles - navy blue */

h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #00234C;
}
/* h3 - for page subtitles - royal blue */
h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #0035ad;
}
/* h4 - to be used for titles in the left navigation column */
h4 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #0035AD;
	margin-left: 2pt;
	margin-bottom: 2pt;
}
/* h5 - */
h5 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
 	color: #00234C;
 	font-weight: bold;
}
/* h6 - */
h6 {

}

.notabletitle{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #0035ad;
}

.comparisonTableTopHeaderFirst {
    font-size: 12pt;
    color: #0035AD;
    border-width: 0px;
    padding-left: 5px;
    
}
.show{
    display: block;
}
.hide{
    display: none;
}
#banner_fr{
    width: 599px;
    height: 85px;
    background-image: url(../images/fr/top_banner.gif);
    padding: 0px;
}
#banner_en{
    width: 599px;
    height: 85px;
    background-image: url(../images/en/top_banner.gif);
    padding: 0px;
}
.comparisonTableTopHeader  {
	font-size: 12px;
        font-weight: bold;
        border-width: 0px;
        padding-left: 5px;
        border-color: #999999;
        border-width: 1px;
        border-left-style: dotted;
        text-align: center;
}
.comparisonTableHeader  {
	font-size: 11pt;
        font-weight: bold;
        border-width: 0px;
        border-color: #999999;
        border-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-style: none;
}
.select{
    width: 150px;
}
#btnSubmit_en{
    text-decoration: none; 
    border: 0px;
    width: 60px;
    height: 20px;
    background: transparent url(../images/en/BTN_Submit.gif) no-repeat;
}
#btnSubmit_fr{
    text-decoration: none; 
    border: 0px;
    width: 84px;
    height: 20px;
    background: transparent url(../images/fr/BTN_Submit.gif) no-repeat;
}

#btnReset_en{
    border: 0px;
    text-decoration: none; 
    width: 60px;
    height: 20px;
    background: transparent url('../images/en/BTN_Reset.gif') no-repeat;
}
#btnReset_fr{
    border: 0px;
    text-decoration: none; 
    width: 81px;
    height: 20px;
    background: transparent url('../images/fr/BTN_Reset.gif') no-repeat;
}
#btnCompare_en{
    text-decoration: none; 
    border: 0px;
    width: 63px;
    height: 20px;
    cursor: pointer;
    background: transparent url('../images/en/BTN_Compare.gif') no-repeat;
}
#btnCompare_fr{
    text-decoration: none; 
    border: 0px;
    width: 70px;
    height: 20px;
    cursor: pointer;
    background: transparent url('../images/fr/BTN_Compare.gif') no-repeat;
}
#description {
    font-size: 12px;
}
#searchResult-description {
    font-size: 12px;
    width: 98%;
    height: 40px;
    text-align: justify;
}
#selectTool{
    vertical-align: middle;
}
#title {
    margin-top: 15px;
    font-weight: bold;
    font-size: 18px;
    color: #88898A;
}
#title hr{
    color: #C1C1C1;
    background-color: #C1C1C1;
    height: 1px;
    border: 0;
    width: 591px;
}
#requiredFields{
    padding: 15px 0;
    font-size: 10px;
    font-weight: bold;
}
.tableTitle{
    font-size: 12px;
    font-weight: bold;
}
.tableTitle hr{
    color: #0035AD;
    background-color: #0035AD;
    height: 1px;
    border: 0;
    width: 587px;
}
.tableLeftColumn{
    width: 339px;
    background-color: #CCD6EB;
    border: 1px solid #E5EAF5;
    border-left: 0px;
}
.tableRightColumn{
    width: 247px;
    padding-top: 15px;
    background-color: #E5EAF5; 
}
.tableLeftColumn div{
    padding: 3px;
    padding-left: 20px;
}
.buttonCell{
    padding-top: 10px;
}
.submitReset {
    position: absolute;  
    bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
#tipDiv{
    width: 225px;
    border: 1px solid white;
    background-color: #CCD6EB; 
    text-align: center;
    padding-bottom: 15px;
    padding-top: 5px;
}
#tipButtonDiv{
    margin-top: -10px;
    cursor: pointer;
}
.comparisonTableHeaderFirstCell {
    font-size: 12pt;
    padding-left: 5px;

}

.comparisonTableHeaderCell {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #CCD6EB;
    font-size: 12pt;
    color: #0035AD;
    padding-left: 5px;
    height: 29px;
    border-width: 1px;
    border-left-style: solid;
    border-color: #C1C1C1;
}


.comparisonTableBodyFirstCell {
    background-color: #CCD6EB;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    padding-left: 5px;
}
.comparisonTableBodyCell {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #E5EAF5;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    padding-right: 5px;
    text-align: right;
}

#selectedIds {
    background-color: #E5EAF5;
    border-width: 1px;
    border-style: solid;
    border-color: white;
    padding-left: 5px;

}

.comparisonTableBodySection {
    font-size: 10pt;
    font-weight: bold;
    padding-left: 0px;
    margin-left: 0px;
}

.comparisonSearchTitle {
    font-size: 12pt;
    font-weight: bold;
}

.comparisonTable {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 600px;
    height: auto;
}



.comparisonTableBody {

}
.comparisonTableBody td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    border-width: 1px;
    border-color: white;
    border-style: solid; 
    text-align: left;
    padding-left: 5px;
}

.comparisonTableBodySectionDiv {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-width: 0px;     
    border-bottom-width: 1px; 
    border-color: black;
    border-style: solid; 
    margin-bottom: 2px;
    padding-left: 0px;
    margin-left: 0px;
}
.comparisonTableBodySectionDivHidden {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    border-width: 0px;     
    border-bottom-width: 1px;
    border-color: black;
    border-style: solid; 
    margin-bottom: 2px;
    padding-left: 0px;
    margin-left: 0px;
 
}

/* links
--------------------------------------------------------------------------*/
a:link, a:visited {
    /* text-decoration: none; */
}
a:hover {
}
a:active {
    text-decoration: none;
}

/* body 
--------------------------------------------------------------------------*/
body {
}
p {
}


#map-panel {
    border: 0px solid blue;
 /*   width: 330px;*/
    height: 450px;
    margin: 0px;
    padding: 0px;
}
#divToolbar {
    border: 0px solid green;
    width: 410px;
    /*height: 40px;*/
}
#map-image {
    border: 0px solid red;
    background-color: #FFFFFF;
    width: 410px;
    height: 370px;
    /* IE only... size inside panning frame: wrong Box Model... */
    /* height: expression('370px'); */
}

#td_overlay {
    border : 1px solid Black;
    background-color: #FFFFFF;
    font-size: 8px;
    font-weight: bold;
}

#headerDiv{
    /*position: absolute; */
    top: 0px; 
    left: 0px;
}
#headerDiv iframe{
    width: 780px;
    height: 115px;
}
#menuDiv{
  /*  position: absolute; */
    top: 80px; 
    left: 0px;
}
#menuDiv iframe{
    width: 170px;
    height: 800px;
}
#contentDiv{
    /*position: absolute;*/
    top: 80px; 
    left: 170px;
    width: 599px;
    /*border-left: 1px dotted #999999; */
    /*width: expression('599px');*/
    /* IE only... */
    /*width: expression('583px');*/
    border-right: 1px solid #0135AD;
    padding: 0 0 0 1px;
    margin: 0;
 /*   vertical-align: middle;*/
    background: url(../images/css-dotted.gif) repeat-y;

}
#contentDiv #mainContentDiv{
/*    position: relative;*/
    /*border-left: 1px dotted #999999;*/
    padding: 7px;
    padding-right: 0px;
    margin: 0px;
   /* vertical-align: middle;*/
   
}
#footerDiv{
    /*top: 880px;*/
    width: 758px;    
    left: 0px;
    display: block;
}   
#footerDiv iframe{
    width: 758px;
    height: 135px;
}
.welcome {
    margin: 0px;
    padding: 0px 4px;
    font-size: 12px;
    width: 390px;
}
#quickComparisonForm_en {
    padding-top: 1px;
    margin-top: 2px;
    border: 0px solid blue;
    width: 412px;
    position: relative; 
    top: 170px;
    /* IE only... */
    top: expression('180px');
}
#quickComparisonForm_fr {
    padding-top: 1px;
    margin-top: 15px;
    border: 0px solid blue;
    width: 412px;
    position: relative; 
    top: 170px;
    /* IE only... */
    top: expression('180px');
}
#quickComparisonTable {
    border-top: 1px solid #002888;
    margin: 0px 5px 0 10px;
}

#quickComparisonTable tr td select{
    width: 123px;
    font-size: 11px;
}
#quickComparisonTable .zip{
    width: 110px;
    font-size: 11px;
}
.emphasis {
    font-weight: bold; 
    /* font-family:  'Arial Black', sans-serif; */
    /* font-size: 1.1em; */
    padding: 0 3px 2px 3px;
}
.location {
    font-weight: bold; 
    /* font-family:  'Arial Black', sans-serif; */
    font-size: 1em;
    text-align: left;
    padding: 0 0 0 10px;
    line-height: 18px;
    border: 0px solid blue;
}

.formLabel {
    float: left;
    width: 90px;
    margin-left: 0px;
}
.formInput {
    float: left;
    left: 300px;
}

.formElement{
    margin-left: 22px;
}
#or{
    font-weight: bold;
}
#jobForm {
    margin-top: 2px;
}
#schoolForm{
    margin-top: 2px;
}
#immigrationForm {
    padding-left: 4px;
}
#immigrationForm select{
    width: 160px;
    
}
#immigrationForm .criterias{
    width: 100%;
}
#generalForm select{
    width: 150px;
}
#generalForm .criterias{
    width: 100%;
}
#housing {
    height: 150px;
}
#housingTypeDiv select{
    width: 200px;
}
/* RULES for printing
--------------------------------------------------------------------------*/
@media print {
  /*  body {size: landscape;}
    .print {display: block;}
*/

    #headerDiv {
        display: none;
    }

    #menuDiv {
        display: none;
    }

    #footerDiv {
        display: none;
    }

    #contentDiv {
        display: block;    
        left: 0px;
        top: 0px;
        border-width: 0px;
        
    }
    .backtotop { 
        visibility: hidden;
    }
    .printOff {
        display: none;
    }
    .navigationButtons {
        visibility: hidden;
    }
}