/* 
Document   : coverage
Created on : 27-Mar-2008, 2:55:33 PM
Author     : dsiino
Description:
Bell Mobility Coverage Locator.
*/

/* modification K09081 MG*/

#leftcol ,#street{width:168px;}
#leftcol ,#city{width:100px;}
#leftcol ,#province{width:50px;}
#leftcol ,#postalCode{width:45px;}

#leftcol ,#spanGeo{margin-right:2px;margin-left:2px;}

#spanGeoStreet{margin-right:2px;margin-left:2px;}

body {
    margin: 0px;
    color:#666;
    font-family: arial, helvetica, sans-serif;
    font-size:12px;
}
.title {
    font-weight: bold;
    margin-top: 2px;
}
.address {
    font-weight: bold;
}
.georow {
    cursor: pointer;
}

.errmsg {
    color: red;
    height:20px
}
#content {
    width:900px;
}

#top { 
    margin: 0;
    width:894px;
}

#leftcol { 
    display: inline;
    float:left;
    width:100%;
    background-color:white;
}

.buttons{
    text-align:right;
    height:25px;
    float:right;
    _width:187px;
}

#leftcol div{

    line-height:20px;
    vertical-align: middle;
    float:left;
}
#infoDiv{
    height:25px;
    width:100%;
    float:left;
    font-size:9pt;
    font-weight:bold;
    margin-top:10px;
    margin-right:20px;
    margin-left:5px
}

#infoDiv input{height:14px;font-size:8pt;}

#leftcol div.subtitle{
    margin: 2px 0px;
    color:#666666;
    font-size:16px;
    font-weight:bold;
    float:left;
}

#leftcol input, #leftcol select{    

}
#leftcol select {
    width: 138px;
    font-size: 0.95em;
    /*padding-top:2px;
    padding-bottom:1px;*/
    height:21px
}
#leftcol .btn {
    background:transparent none repeat scroll 0% 50%;
    float:right;
    padding:0px;
    border: 0px none;
    margin: 0 2px;
}
#leftcol form {
    margin: 0;
    padding: 0;
}

#rightcol { 
    position: relative;
    float:left;
    width:100%;
    height: 100px;
}


#promotion { 
    height: 50px;
    overflow: hidden;
    padding-left: 2px;
    float:left;
    width:740px;
    margin-top:5px;
}

#promotion span{ 
    line-height:15px;
    z-index:1;

}

#result { 
    float:left;
    height:21px;
    margin-top:8px;
    margin-bottom:5px;
    margin-left:15px;
}

#multiResult{
    background: #fff url("../img/gen_gr_fade152_54.gif") no-repeat bottom right;
    height: 200px;
    overflow: auto;
    width:370px;
    padding-bottom:1px;
}

.fieldsetMultiResult {
    position:absolute;
    top:225px;
    left:182px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 3px;
    padding:0px;
    z-index:999999;
}

.BusinessonthegoMultiResult {
    top: 150px; 
    left: 25px;
}

.WirelessMultiResult {
    top: 70px;
}

#coverageResult{
    height:20px;
}
#result div:first-child.title  {
    margin: 10px;
}

#jsonresults {
    display: none;
}
#info {
    margin-bottom: 8px;
    margin-left:3px;    
}
#coverage{
    margin-top: 10px;
}
#bottom {
    border: 0px none;
    margin: 0;
    width: 100%;
    height: 100%;
}

fieldset{
    border: 1px solid #dfdfdf;
    padding:1px;
    margin:3px;
}

.radioDiv{
    font-weight:bold;
    color:gray;
    width:300px;
    float:right;
    margin-top:20px;
}
#wsnav {
    display: block;
}

#zoominfo {
    position:absolute;
    border: 0 none;
    top: 235px;
    left: 35px;
    width: 65px;
    height: 100px;
    z-index: 1;
    opacity: 0;
    filter:alpha(opacity=0);
}

#zoominfo ul {
    position: absolute; 
    list-style-type:none; 
    padding-left: 10px; 
    margin: 0px;
}

.intranetMapError {background-color: #DDDDDD; font-family: Arial, Helvetica, sans-serif}
.intranetMapError .text {font-size: 11px; color: #777777}
.intranetMapError a:link {color: #777777; text-decoration : underline;}
.intranetMapError a:visited {color: #777777; text-decoration : underline;}
.intranetMapError a:hover {color: #525252; text-decoration : underline;}  

.intranetMapwrapper { 
    margin: 0 auto;
    width: 977px;
}

.intranetMapwrapper .header {
    width: 977px;
    height: 37px;
    margin: 10px 0px 5px 0px;
}

.intranetMapwrapper .header .left {
    background: url('../img/embed_header_left.gif') no-repeat left center;
    width:5px;
    height:37px;
    line-height:37px;
    float:left;
}

.intranetMapwrapper .header .content{
    float:left;
    background: url('../img/embed_header_BG.gif');
    width:957px;
    height:27px;
    line-height:27px;
    padding:5px;
    text-align:center;
    font-weight:bold;
    font-family:Arial;
    font-size:18px;
    overflow:hidden;
    border:none;
    margin:0px;
}
.intranetMapwrapper .header .right {
    background: url('../img/embed_header_right.gif') no-repeat left center;
    width:5px;
    height:37px;
    line-height:37px;
    float:left;
}
.intranetMapwrapper .content { 
    width: 965px;
    color: #333;
    border: 1px solid #ccc;
    background: #F9F9F9;
    margin: 0px 0px 5px 0px;
    padding: 5px;
    height: 600px;
}
.intranetMapwrapper .footer { 
    width: 967px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}


.intranetMapwrapper .footer .top {
    background: url('../img/embed_footer_top.gif');
    width:977px;
    height:7px;
    line-height:7px;
}
.intranetMapwrapper .footer .contentText {
    background: url('../img/embed_footer_BG.gif');
    width:967px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:0px;
    padding-top:0px;
    margin:0px;
    border:none;

}

.intranetMapwrapper .footer .bottom {
    background: url('../img/embed_footer_bottom.gif');
    width:977px;
    height:7px;
    line-height:7px;
}
.intranetMapwrapper .copy {
    color:#999999;
    font-size:10px;
}

.inputBtn {
    border: none;
    background: none;
    padding: 3px 3px 3px 3px;
    width: auto;
    overflow: visible;
    cursor: pointer;
    color: white;
    font-size: inherit;

}

.inputBtn div {
    padding: 0 0 0 5px;
    height: 25px;
    margin:0px;
}

.inputBtn div div {

    margin-bottom:0px;
}

.inputBtn div div span {
    display: block;
    height: 25px;
    padding-left:8px;

    font-weight: normal;
    font-size: .9em;
    white-space: nowrap;
    font-family: Arial, Helvetica, sans-serif;
    margin:0px;
}

.inputBtnGris div {
    background: url(../img/bt_gray_left.gif) top left no-repeat;
}
.inputBtnGris div div {
    background: url(../img/bt_gray_right.gif) no-repeat top right;
    padding:0 7px 0 0;
}
.inputBtnGris div div span {
    color: #000000;
    background: url(../img/bt_gray_fill.gif) top left repeat-x;
    padding-right:5px;
}

.inputBtnDark div {
    background: url(../img/bt_blue_left.gif) top left no-repeat;
}
.inputBtnDark div div {
    background: url(../img/bt_blue_right.gif) no-repeat top right;
    padding: 0 5px 0 0;
}
.inputBtnDark div div span {
    background: url(../img/bt_blue_fill.gif) top left repeat-x;
    padding-right:10px;
}


.inputBtnSoloGray div {
    background: url(../img/Bouton_gray_Left.gif) top left no-repeat;
}
.inputBtnSoloGray div div {
    background: url(../img/Bouton_gray_Right.gif) no-repeat top right;
    padding: 0 5px 0 0;
}
.inputBtnSoloGray div div span {
    background: url(../img/Bouton_gray_Fill.gif) top left repeat-x;
    padding-right:10px;
}


.inputBtnSoloOrangePale div {
    background: url(../img/Bouton_orangePale_Left.gif) top left no-repeat;
}
.inputBtnSoloOrangePale div div {
    background: url(../img/Bouton_orangePale_Right.gif) no-repeat top right;
    padding: 0 5px 0 0;
}
.inputBtnSoloOrangePale div div span {
    background: url(../img/Bouton_orangePale_Fill.gif) top left repeat-x;
    padding-right:10px;
}


.inputBtnSoloOrange div {
    background: url(../img/Bouton_orange_Left.gif) top left no-repeat;
}
.inputBtnSoloOrange div div {
    background: url(../img/Bouton_orange_Right.gif) no-repeat top right;
    padding: 0 5px 0 0;
}
.inputBtnSoloOrange div div span {
    background: url(../img/Bouton_orange_Fill.gif) top left repeat-x;
    padding-right:10px;
}

.roundedCorner {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

legend{
    color:#666666;
    font-size:16px;
    font-weight:bold;
}

#legendId {
    margin-top:30px;
    margin-bottom:20px;
    margin-left:3px;
}

#legendId input{
    margin:0px 2px;
}

#legendId img{
    margin:0;
    vertical-align:bottom;
}

.buttonsPosition {
    width:180px;
}

/* over writh css de bell */
.genericTabs .ui-tabs-panel {
    padding-right:0;
}

/* Gestion des 2 onglets de Virgin*/
/* test du web */
.tabContainer {
    position: relative;
    width:300px;
    height:25px;
    margin-top: 10px;
    padding-left: 5px;
     _height:25px;
    top:3px;
}

.tab_L {
    z-index:1;
    margin-right: 5px;
}

.tab_R {
    z-index:2;
}

.tab {
    width:110px;
    height:20px;
    float:left;
    display:inline;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
     _height:25px;
    padding-left:5px; 
    padding-right:5px;
    padding-top: 5px;
    font-weight: bold;
    text-align:center;
}

.tabSelected {
    background-color: black;
    color: white;
}

.tabNotSelected {
    background-color: #dfdfdf;
    color: #218DCE;
    cursor: pointer;
}