/*Quick Notes
Gray letters-> #e7e9ea
Border Color-> #555d61
Sidebar bkgcolor -> #2a2f31
Bulletlist a:link->#5da4ff
Bulletlist a:visited->#3f6ca5
DarkRed->#9d0a0e optional #dd0101
___ALERT BOX___
Yellow = #fff7bd
Border= #FFAA80
Title is darkred
___ERROR BOX___
Background = #fedbdb
__AUTOCOMPLETION__
Highlighted_background = #405cc0
__TopOfPage__
Letters color = #147dc0
__DETAILS__
Caption cool blue = #eef6ff
---------------
____UI_____
Colors UI
CNYURL Available
border-> #0d9806
bg-> #c5fbd5
CNYURL Used
border-> #98061b
bg -> #fbd7dd

_____New Dark Banner______
New Dark Banner Notes
Normal Title: #f4f8ff
Over Title: #5991fa
Title within: #7aa1df
Logo size: 295x220
Top Btn size: 155x38
Searchbox : 455x130


bss-detail-pic: 300x300
*/

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

/*++++Master+++++
.topsection {max-height:220px;text-align:center;}*/
.ow {margin:auto;text-align:center;width:100%;}
.tb-ls {float:left;width:295px;height:220px;max-width:295px;max-height:220px;text-align:center;}
.tb-rs {float:left;}
.tb-ls a {display:block;max-width:295px;height:220px;}

/*Logos for master page*/
.master-sp-logo {background-image:url('../images/master/db/sp-logo.jpg');}
.master-en-logo {background-image:url('../images/master/db/en-logo.jpg');}
/*the extra h is for the extra home icon when not in the home page*/
.master-sp-logo-h {background-image:url('../images/master/db/sp-logo.jpg');}
.master-en-logo-h {background-image:url('../images/master/db/en-logo.jpg');}

.tb-ls a:hover {background-position:-295px;}
.m-tb-clock {max-width:295px;font-size:12px;color:white;}
.m-toplinks {text-align:right;color:Silver;font-weight:bold;font-size:12px;margin:10px 20px 0px auto;}
.m-toplinks a:link, .m-toplinks a:visited {color:white;}
.m-toplinks a:hover {color:#5da4ff;}
.m-topbtns {padding-bottom:40px;}
.m-topbtns a {width:155px;max-width:155px;height:22px;max-height:38px;color:White;margin-left:45px;
                background-image:url('../images/master/db/topbtns.jpg');float:left;display:block;
                padding-top:10px;font-weight:bold;text-decoration:none;font-size:12px;}
                /*This was added from above margin-left:45px;, because person was removed*/
.m-topbtns a:hover {background-position:-155px 0px;color:#b9d1fc;padding-top:10px;}
.m-sb {background-image:url('../images/master/db/searchbox.jpg');width:455px;max-width:455px;max-height:135px;
       background-repeat:no-repeat;height:130px;margin:auto 0px 5px 0px;clear:both;}
/* The m-sb-searchboxes is the outer box which holds de searchcat, searchppl, etc. */
.m-sb-searchboxes {padding-top:5px;margin:0px;}
.m-sb-searchboxes .smallinfo {color:White;}
/* The cat-blocks are used only on searchcat*/
.m-sb-cat-blocks {float:left;margin:10px 0px 0px 40px; text-align:left;padding:0px;}
.m-sb-cat-blocks .textboxes {margin:0px;}
/*The phone blocks*/
.m-sb-phone-blocks {text-align:center;margin-top:10px;}/*margin:10px 0px 0px 40px;*/
.m-sb-phone-blocks .m-sb-titles {margin-left:-20px;}
.m-sb-phone-blocks .textboxes {margin-right:20px; width:50px;font-size:14px;font-weight:bold;}
/*The ppl blocks*/
.m-sb-person-blocks {float:left;margin:10px 0px 0px 30px; text-align:left;}
.m-sb-person-blocks .textboxes {width:100px;}
.m-sb-person-blocks .m-sb-titles {margin-bottom:3px;}
/*The infobox below, was created because on person search, smallinfo is not necessary under titles*/
.m-sb-searchboxes .infobox {clear:both;margin-left:30px;}
.m-sb-titles {margin:0px;color:#7aa1df;font-size:14px;font-weight:bold;}
.m-sb-searchbtn {text-align:center;margin-top:15px;}
.m-sb-searchbtn a {background-image:url('../images/master/db/btns.gif');width:120px;height:22px;max-width:120px;
                    max-height:18px;display:block;margin:auto;padding:2px 0px;font-size:12px;font-weight:bold;color:White;
                    text-decoration:none;}
/*++++Master ends here*/

/*++++Home*/
.Bullet-mp-currentcats {font-size:12px; margin-top:5px;margin-bottom:5px;}


body 
{
background-color:black;
margin:0;
padding:0;
text-align:center;
font-size:62.5%;
font-family:Arial, Sans-Serif;
}

div { margin:0;
padding:0;
}

.wrapper 
{width:960px;max-width:960px;clear:both;
background:#122338 url('../images/bggradient.jpg') repeat-x;
border:solid 1px silver;padding:0px;margin:auto;text-align:left;margin-bottom:10px;padding-top:10px;}
    .topsection
{   margin:auto;
    height:220px;
    max-width:750px;
}

.topwrapper
{text-align:center;width:100%;}

#logodiv 
{
    float:left;
    }
#rightwrapper
{
    float:left;
    width:545px;
    height:210px;
    }
#datediv
/*It seems that as usual IE will give some headaches here, reduce some points in the hack css */
{
    height:25px;
    max-height:30px;
}

#searchbuttonsholder 
{
    
    padding:0;
    margin:0px;
    }

#searchbuttonsholder img 
{
    cursor:pointer;
    }

#searchbkg
{
    height:146px;
    background-image:url(../Images/Master/Search-Box.jpg);
    background-repeat:no-repeat;
}
    
/* Divs used for the search block 

#divsearchcat div, #divsearchphone div
{
    float:left; 
    }
    
#divsearchphone, #divsearchperson, #divsearchbbcode, #divsearchcat
{
    width:545px;
    position:absolute;
    margin:0;
    /*display:none;* /
    visibility:hidden;  
}*/

.floatedleft 
{
    float:left;
    }

.floatedright
{float:right;}

.cleared 
{
    clear:both;
    }
.searchbtn 
{
    margin:51px auto auto 30px;
    width:110px;
    cursor:pointer;
    border-style:none;
    }

#bottomsearchbtn 
{
   float:left;
    margin:60px auto;
    }
    
.phonetip {font-size:10px;padding:0px;margin:0px;color:Maroon;font-weight:bold;font-style:italic;}
.searchtip
{
    font-size:10px;
    margin:0 auto 0px 0px;
    padding:0px;
    color:Maroon;
    font-weight:bold;
    font-style:italic;
    }
    
.size15
{
    width:11.5em;
    }

.size10
{
    width:10em;
    }

.phonetitles
{
    font-size:20px;
    font-weight:bold;
    color:Black;
        margin:20px auto 2px 30px;
        padding:0px auto auto 5px;
    }
    
.searchtitles
{
    font-size:20px;
    font-weight:bold;
    color:Black;
        margin:30px auto 2px 30px;
        padding:0px auto auto 5px;
    }
    
.digit3 
{
   margin-right:20;
   width:30px;
    }

.digit4
{
   width:40px;
   margin-right:10px;
    }
    
.searchbtnmiddle
{
    clear:both;
    text-align:center;
    margin:auto 40%;
    padding-top:10px;
    }

#bcnavigator
{
    height:20px;
    clear:both;
}

.bccontainer 
{
    /*padding: 5px auto 5px 150px;*/
    margin:auto 10px 8px 10px;
    background-color:white;
    padding:5px;
    font-size:12px;

    min-height:15px;
    font-weight:bold;
}
      
#bccontainer 
{
    /*padding: 5px auto 5px 150px;*/
    margin:5px auto 8px 5px;
    background-color:white;
    padding:10px;
}

.results_detail
{
    border:solid 1px silver;

    margin:8px 5px 5px 5px;
    }
    
.bc-breadcrumb 
{
    font-size:12px;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    }
    
.bc-results-style
{
    color:Black;
    font-size:16px;
    margin:4px;
    padding-left:5px;
    font-weight:bold;
}

.bc-alt-result
{
    color:Black;
    font-size:13px;
    margin:4px;
    padding-left:7px;
}

/*========== Alert boxes ===============*/

.alert 
{
    background-color:#fff7bd;
    border:solid 1px #FFAA80;
    margin:5px;
    padding: 5px
    }
.alert p {    background:url(../images/info30.jpg) no-repeat left center;
    margin:0px;
    padding-left:40px;
    font-size:12px; }
    
.alertonmain 
{
    background-color:#fff7bd;
    border:solid 1px #FFAA80;
    margin:10px;
    
    padding: 5px
    }

/* .alertonbccontainer -> Alert on bc container, this is shown on results.*/
.alertonbccontainer 
{
    background-color:#fff7bd;
    border:solid 1px #FFAA80;
    margin:10px;
    
    padding: 5px;
    }

.alert-style
{
    background:url(../images/info30.jpg) no-repeat left center;
    margin:0px;
    padding-left:40px;
    font-size:12px;
    }

/*      Since there will be an alert box, there should be an error box as well*/

.errorbox {background-color:#FFDDDD;border:solid 1px Red;margin:5px;padding: 5px}
.errorbox p {background:url(../images/ErrSymbol.gif) no-repeat left center;
    margin:0px;
    padding-left:50px;
    font-size:12px;color:#550000;}
    
.greenbox {background-color:#d7fbd2;border:solid 1px #159001;text-align:center;
              margin:0px 10px 10px 10px;padding:5px;font-size:11px;}

/*      Master alert will be used to show unavailability of language*/    
.master-alert {    background-color:#fff7bd;  border:solid 1px #FFAA80; margin:0px 10px 10px 10px;
    padding: 5px;text-align:center;font-size:11px;}
/*      Master info will show information about maintenances in a soft green color*/    
.master-info {background-color:#d7fbd2;border:solid 1px #159001;text-align:center;
              margin:0px 10px 10px 10px;padding:5px;font-size:11px;}
    

.pagefooter
{
    background-image:url(../images/master/footer.jpg);
    background-repeat:no-repeat;
    background-position:center;
    margin-bottom:10px;
    height:104px;
    clear:both;
    text-align:center;
}
.pagefooter p {padding-top:5px;color:#e7e9ea;font-size:12px;}

.pagefooter a:link, .pagefooter a:visited {color:#e7e9ea;}
.pagefooter a:hover {color:#5da4ff;}


/*CONTENT*/
#contentholder
{
    width:790px;
    margin-right:0px;
    margin-left:0px;
    float:left;    
}
.r-sidebar
{
    margin:0px 7px auto 0px;
    width:160px;
    max-width:160px;
    float:right;
    min-height:180px;
}

.sidebarwrapper
{
    margin:0px 5px 10px 5px;
    max-width:160px;
    float:left;
    }
  
.roundtitle 
{
        background-image:url(../images/r-roundtitle.gif);
        height:40px;
        padding:1px;
    }

.roundtitle-thin
{
        background-image:url(../images/r-roundtitle-thin.gif);
        height:25px;
        padding:0px;
    }
    
.roundtitle p, .roundtitle-thin p
{
    text-align:center;
    margin:0;
    padding:3px 2px;
    color:#afb0b2;
    font-size:1.4em;
    font-weight:bold;

    
    }
.r-roundtitle a:link, .r-roundtitle a:visited, .r-roundtitle-thin a:link, .r-roundtitle-thin a:visited {color:#2dff90;text-decoration:none;}

.bl-textbox {width:140px; margin:5px auto;}
      
.bulletlist 
{
   text-align:left;
   border:solid 1px #555d61;
   border-top:none;
   background-color:#2a2f31;
   height:100%;
   padding:3px 7px 10px 7px;
   margin-bottom:15px;
   width:145px;
   max-width:145px;
}

.bulletlist-menu {padding-bottom:0px;}

.bulletlist hr {width:100%;color:Silver;height:1px;margin-left:0px;padding:0px;}

.bulletlist a:link
{
   color:#5da4ff;
   font-weight:bold;
}

.bulletlist a:visited
{
   color:#5da4ff;
   font-weight:bold;
}

.bulletlist a:hover
{
   color:#087686;
   font-weight:bold;
}

.bulletlist p {color:Silver;font-size:12px;margin:0px;}

/*Roundtitle settings for Right Sidebar*/
.r-roundtitle 
{
        background-image:url(../images/r-roundtitle.gif);
        height:40px;
        padding:1px;
        max-width:159px;
        width:159px;
    }

.r-roundtitle-thin
{
        background-image:url(../images/r-roundtitle-thin.gif);
        height:25px;
        padding:0px;
        max-width:159px;
        width:159px;
    }
    
.r-roundtitle p, .r-roundtitle-thin p
{
    text-align:center;
    margin:0;
    padding:3px 2px;
    color:#afb0b2;
    font-size:1.4em;
    font-weight:bold;
    width:155px;
    max-width:155px;
    
    }


.r-sidebar .bulletlist {max-width:155px;}

.r-sidebar .txtbox {width:120px;max-width:120px;margin:10px auto;}

.res-options
{
    margin:5px 3px;
    font-size:12px;

    
}
.bulletlist ul
{
    margin:0;
    padding:0;
    font-size:12px;
}
  
.bulletlist ul li
{
    text-align:left;
    color:white;
    background: url(../images/bulletii.gif) no-repeat left 8px;
    padding:4px 5px 4px 20px;
    list-style:none;
    }

.bulletlist ul li ul
{
    padding:0px 0px 0px 0px;
    }
.bulletlist .title {text-align:center;font-weight:bold;font-size:14px;color:#afb0b2;
padding:0px;margin:0px;}

.current-azi, .alert-title {font-weight:bold; font-size:14px; }
 
 #citylist, #ziplist 
 {
     display:none;}
/*
.bulletlist ul li ul li
{
    padding:5px 0px 0px 20px;
} */
.sub-list 
{
    padding-left:20px;
    }

.maincontent 
{
   width:605px;
   max-width:605px;
   height:100%;
   min-height:400px;
   float:left;
   background-color:White;
   border:solid 1px silver;
   padding: 5px;
   margin:0px 0px 5px 0px;
}

.maincontent-nosidebar {margin:0px 10px 10px 10px;background-color:White;padding:10px;width:752px;
max-width:762px;min-height:300px;font-size:12px;}

/*Maps on search results*/
.res-maponmain {width:600px;max-width:600px;height:380px;max-height:380px;border:solid 1px black;}
.sidebarmap {width:160px;max-width:160px;height:390px;max-height:390px;overflow:auto;
             background-color:White;border:solid 1px black;color:Black;font-size:12px;margin-bottom:10px;}
.sidebarmap .gicon {float:left;padding:5px 5px 0px 0px;}
.sidebarmap .regitems {float:right;padding:5px 0px;width:110px;max-width:110px;font-size:12px;}
.sidebarmap .reg {clear:both;border:solid 1px silver;}
.regomimg {width:70px;height:70px;float:left;margin:0px 10px;border:solid 1px black;}
.regomdiv {font-size:12px;}

/* .maincontent-nosidebar OPTIONAL
{
    /*padding: 5px auto 5px 150px;
    margin:5px auto 8px 5px;
    background-color:white;
    padding:10px;
} */

.content 
{
    margin:10px 10px;
    padding:0px;}
    
.content h1 {color:#9d0a0e; font-size:16px; font-weight:bold; text-align:center; margin-bottom:5px; padding:0px 40px;}
/*.content h2 {font-size:14px; font-style:italic; text-align:center;}*/
.content p {font-size:12px; margin:0px; padding:0px; }
.listonmain {font-size:12px; font-weight:bold;}
.dropdownboxes-main{margin:10px 20px; font-size:12px;}
     
#result-options 
{
    border:solid 1px silver;
    height:19px;
    padding:2px;
    background-color:silver;
    }

#result-options p
{    
    font-weight:bold;
    font-size:12px;
    margin:0px;
    padding: 1px;
 }

.totalresults {width:110px;}
.pagenumbers 
{
    width:200px;
    }

.show-npp
{
    margin-bottom:5px;
    font-size:12px;  
    width:80px;
}

.main-item-wrapper 
{
    border:solid 1px silver;
    padding:5px 5px 10px 5px;
    margin:5px 0px 15px 0px;

    }

.pic-thumb 
{
    border:solid 1px black;margin:5px;max-width:110px;max-height:110px;
    width:120px;height:120px;
    }

.more-info-text 
{
    margin:0px;
    padding:0px 5px;
    margin-bottom:5px;
    text-align:center;
    }

.item-title 
{
    font-size:1.6em;
    max-width:240px;
    font-weight:bold;
    margin:3px 5px 3px 5px;
    }
.bssiconsspan {text-align:right; margin:0px; padding-bottom:0px;}
.bssiconsspan a:link {float:right;display:block;
                      width:20px; height:20px;
                      margin-left:2px; padding:0px;}
.bssiconsspan a:hover {background-position: -20px 0px;}
.bssiconsspan a:visited {width:20px;height:20px;display:block;float:left;margin-left:2px;}

/*Backup of old bssiconsspan
.bssiconsspan {text-align:left; margin:0px; padding-bottom:5px;}
.bssiconsspan a:link {float:left;display:block;
                      width:20px; height:20px;
                      margin-left:2px; padding:0px;}
.bssiconsspan a:hover {background-position: -20px 0px;}
.bssiconsspan a:visited {width:20px;height:20px;display:block;float:left;margin-left:2px;}
*/

.CNYURLDIV {text-align:center; display:block; font-weight:bold;}
.CNYURLDIV p {margin:0px; padding:0px;}
.cnyurltitle {color:#9d0a0e;}
/*Multiple Items*/
.item-div {float:left; width:124px;text-align:center; margin:10px 0px;}
.item-div p {margin:0px;padding:0px;font-weight:bold;font-size:12px;}
.item-div img {width:80px;height:80px;border:solid 1px black;}
.item-div-showall {text-align:center;font-style:italic;clear:both;margin:0px;font-size:11px;}
.middle-div { border-left:solid 1px silver; border-right:solid 1px silver;}


/*.bssiconsspan a:hover {border:solid 1px blue; background-color:Blue;}*/
.border1pxblack {border:solid 1px black;}

/*Showcity */
.boxoncontent {border:solid 1px silver; clear:both;font-size:12px;}
.boxoncontent300 {border:solid 1px silver; clear:both;font-size:12px;width:300px;max-width:300px;}
.searchboxmain {width:240px;}
.catdropdown {padding:0px; font-size:12px; font-weight:bold;}
h1 {font-size:20px;font-weight:bold;text-align:center; color:#9d0a0e; margin:20px 0px 15px 0px;}
.scbullets {font-size:13px; font-weight:bold;}
.top10boxes {padding:0px; font-size:12px; margin-top:15px;}
.indexletters
{
    font-weight:bold;
    margin-top:15px;
    font-size:14px;
    text-align:center;
    margin:15px 0px 0px 0px;
    }
.indexletters a:visited, .indexletters a:link {color:blue;} /*In case color wants to be changed*/
.currentindex {font-size:20px;}

/*Show*/
/*FONTS */
.margin-auto {margin:auto;}

.centered 
{
    text-align:center;
    }

.left-aligned 
{
    text-align:left;
    }
    
.right-aligned
{
    text-align:right;
    }
    
.dateclass 
{
   color:#e7e9ea;
   font-size:1.4em;
   margin:5px 10px;
   font-weight:bold;
   max-height:20px;
}

.redit 
{
    /*color:#dd0101;*/
    color:#9d0a0e;
    }
    
/*Person classes */
.p-name, .p-position, .p-bss, .p-cat, .p-city {font-weight:bold;margin:2px 5px;}
.p-name {font-size:16px;color:Blue;}
.p-position {font-size:13px;font-style:italic;}
.p-bss {font-size:13px;font-weight:bold;}
.p-cat {font-size:12px;color:#9d0a0e;}
.p-city {font-size:12px;}
.p-iconsspan {text-align:left; margin:5px; padding-bottom:0px;}
.p-iconsspan a:link {float:left;display:block;
                      width:20px; height:20px;
                      margin-left:2px; padding:0px;}
.p-iconsspan a:hover {background-position: -20px 0px;}
.p-iconsspan a:visited {float:left;display:block;
                      width:20px; height:20px;
                      margin-left:2px; padding:0px;}
.p-CNYURL {text-align:center; display:block; font-weight:bold;clear:both;margin:0px;}
/*BSS classes */
.item-reg-text 
{
    font-size:1.4em;
    margin:0px 5px 0px 5px;
    padding:0px 0px;
    }

.item-phone 
{
    font-size:1.8em;
    font-weight:bold;
    margin:3px 5px;
    }
    
.options-text
{
    margin:0px;
    text-align:center;
    padding:0px 5px;
    font-size:1.4em;
    }

.item-dropdown
{
    margin:0px 6px;
    padding:0px;
    font-size:1.2em;
    display:inline;
    }

.leftpadding 
{
    padding-left:5px;
    }

.sort-by 
{
    margin:5px 0px 0px 0px;
    padding:0px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    }


   
/*BSS Detail CSS */

.bss-detail-pic 
{
    text-align:center;
    margin-top:0px ;
    height:380px;
    width:380px;
    max-height:360px;
    max-width:360px;
    border: solid 1px black;
    }
 .bss-detail-frontpicsv {height:380px;width:100%;width:380px;}
 .bss-detail-bsstitle {font-weight:bold;font-size:22px;color:#9d0a0e;margin:10px;
 text-align:center;}
 .detail-notverifiedlabel {color:Gray;font-size:12px;text-align:center;margin:5px 0px;}
 .detail-notverifiedlabelsmall {color:Gray;font-size:10px;margin:5px 0px;}
 .detail-position {font-weight:bold;font-size:14px;margin:0px;font-style:italic;color:#9d0a0e;}
 .detail-pbsstitle {font-weight:bold;font-size:14px;margin:0px;color:#9d0a0e;}
 .detail-pbsstitle a {color:#9d0a0e;}
 .detail-gtitle {font-weight:bold;font-size:16px; color:#9d0a0e;margin:0px;}
 .detail-wwwtitle {font-weight:bold;font-size:16px; color:#9d0a0e;margin:0px;}
 .detail-wwwurl  {margin:5px 0px;font-size:14px;}
 .detail-fi-wrapper {margin:0px 10px 10px 5px;float:right;}
 .detail-maininfo-wrapper {max-width:260px;margin:0px 5px 10px 10px;}
 .detail-maininfo-wrapper-alt {}
 .detail-map {height:400px;width:570px;margin:auto;border:solid 1px black;} /*margin:10px 12px*/
 /*.detail-map div p {overflow:hidden;}*/
 .detail-mapdiv {border:solid 1px black;text-align:center;width:350px;height:350px;}
 .detail-mapsv {border:solid 1px black;width:580px;height:400px;margin:10px;}
 .detail-sidebar-box { border:solid 1px #555d61; background-color:#2a2f31;
   height:100%;padding:5px;margin-bottom:15px;max-width:160px;text-align:center;}
 .detail-sidebar-box img {border:solid 1px #5da4ff;margin:5px;width:120px;max-width:120px;
 height:120px; max-height:120px;}
 .detail-sidebar-bsstitle {text-align:center; font-weight:bold;font-size:16px;
 color:#5da4ff;padding:0px;margin:0px;}
 .detail-sidebar-regtext, .detail-sidebar-boldtext {font-size:12px;color:#e7e9ea;
 margin:0px;padding:0px;}
 .detail-sidebar-boldtext {font-weight:bold;font-size:13px;}
 
 .detail-sidebar-optionicons-fb {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/fb-ico.jpg') no-repeat top left;}
 .detail-sidebar-optionicons-print {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/print-single.jpg') no-repeat top left;
 }
 .detail-sidebar-optionicons-mail {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/mail-single.jpg') no-repeat top left;
 }
 .detail-sidebar-optionicons-favorite {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/fav.jpg') no-repeat top left;
 }
 .detail-sidebar-optionicons-report {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/report.jpg') no-repeat top left;
 }
 .detail-sidebar-optionicons-plus {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/plus.gif') no-repeat top left;
 }
 .detail-sidebar-optionicons-minus {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/minus.gif') no-repeat top left;
 }
 .detail-sidebar-plusminus {padding:0px;margin:0px 0px 10px 0px;
 text-align:center; padding-top:4px;}
 
 .detail-sidebar-directions-walk {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/walk.jpg') no-repeat top left;
 }
 
 .detail-sidebar-directions-drive {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/drive.jpg') no-repeat top left;
 }
 
 .detail-sidebar-directions-public {padding:2px 0px 2px 25px; font-size:12px;
 background:url('../images/bss option icons/public.jpg') no-repeat top left;
 }
 
 .detail-bssbanner {margin:5px auto 15px auto;text-align:center;
 max-width:760px;max-height:120px;}
 .detail-bssbanner img {margin:0px;max-width:760;max-height:120px;border:solid 1px silver;}
 .detail-phone {font-weight:bold;}
 .detail-fax {font-weight:bold;}
 .detail-email {font-weight:bold;}
 .detail-CNYURL, .detail-sidebar-CNYURL {font-weight:bold;font-style:italic;}
 .detail-sidebar-CNYURL {color:#9d0a0e;}
 .detail-directions-printsend {text-align:center; font-size:12px;}
 .detail-getdirections {text-align:center;font-size:14px;margin:10px;margin:10px;font-weight:bold;}
 /*Gallery img is the one that is closing the tab, working as boxoncontent.*/
 .gallery-img {text-align:center; border:solid 1px silver; max-width:600px;}
 /*gallery-imgctlholder is the div that'll hold the image in rotating gallery*/
 .gallery-imgctlholder {position:relative;}
 /*gallery-imgctlholder img is the actual image of the gallery*/
 .gallery-imgctlholder img {max-width:378px;}
 .gallery-caption {width:95%;border:solid 1px blue; font-size:12px;background-color:#eef6ff;
 margin:0px auto 10px auto;padding:5px;text-align:center;} /*margin-top:10px;margin-bottom:5px;}*/
 .gallery-controls {max-height:25px; width:93px; margin:auto;max-width:93px;}
 .gallery-pbutton {width:27px;height:25px;display:block;float:left;}
 .gallery-controls a:hover {background-position:-27px;}
 .gallery-loadingdiv {width:380px;width:100%;text-align:center;font-size:12px;}
 /* These line was taken out from above position:absolute;
 z-index:100;*/
 .gallery-loadingdiv img {margin-top:5px;}
 
 .dimbkg-gal  
 {
     min-width:480px;min-height:420px;position:relative;
     max-width:740px;max-height:8000px;background-color:black;border:dotted 1px silver;}
 .dimbkg-gal .divloading 
  {  font-weight:bold;
     position:absolute;background-color:Black;width:100%;height:100%;color:White;font-size:16px;
     }
 .dimbkg-gal .galtitle {font-size:18px;font-weight:bold;color:White;margin:5px;padding:0px;text-align:center;}
 .dimbkg-gal .galimg {margin:0px 10px 10px 10px;padding:5px;background-color:White;}
 .dimbkg-gal .galimgtitle {font-size:15px;font-weight:bold;color:White;
                        margin:5px;padding:0px;text-align:center;text-decoration: underline;}
 .dimbkg-gal .galcaption {color:White;font-size:14px;margin:0px 20px 10px 20px;}
 .dimbkg-gal .lbutton {background-image:url('../images/dimbkg/lbutton.gif');height:27px;width:27px;
                       display:block;float:left;margin:0 5px 5px 5px;}
.dimbkg-gal .lbutton:hover {background-position:-27px;}

.dimbkg-gal .rbutton {background-image:url('../images/dimbkg/rbutton.gif');height:27px;width:27px;
                       display:block;float:right;margin:0 5px 5px 5px}
.dimbkg-gal .rbutton:hover {background-position:-27px;} 

 .gparagraph {margin:5px 0px;font-size:14px;}
 .gparagraph ul {margin:0px 20px;}
 /*pmlabel is the TD for the table that holds the Payment methods.*/
 .pmlabel {width:200px;}   
.tab-wrapper {clear:both; padding:10px 0px 0px 0px;}

.tab-left, .tab-right
{
    float:left;
    height:30px;
    margin:5px 0px;
}   
.info {cursor:help;}

/*Tab on the left*/
.tab-left a:link {color:Navy;}
.tab-left {background-image: url(../images/tabs/text.jpg); margin:0px; height:28px;padding:0px;}
.tab-left p {margin:6px;
             margin-left:8px;
             font-size:15px;
             font-weight:bold;
             color:Navy;
             max-width:250;}
.tab-right 
{
    width:112px;
    height:28px;
    background-image: url(../images/tabs/right.jpg);
    margin:0px;
    }
    
    
/*Tab on right*/
.tabi-right, .tabi-left
{
    float:right;
    height:30px;
    margin:5px 0px;
}   

.tabi-right a:link {color:Navy;}
.tabi-right {background-image: url(../images/tabs/text.jpg); margin:0px; height:28px;padding:0px;
             float:right;}
.tabi-right p {margin:6px;
             margin-left:8px;
             font-size:15px;
             font-weight:bold;
             color:Navy;
             max-width:250;}
.tabi-left 
{
    width:112px;
    height:28px;
    background-image: url(../images/tabs/left.jpg);
    margin:0px;
    }

    
/* Global */
.regsize {font-size:12px;margin:2px auto;padding:2px auto;}
/*--chrleft will be used for small text that tells user how many chars are left in the txtbox*/
.chrleft {font-size:10px;text-align:left;font-style:italic;margin:0px;}
.smallsize {font-size:10px;color:Gray;margin:0px;padding:0px;}
.small-title {font-size:12px; font-weight:bold;color:#9d0a0e; margin:0px;text-align:left;}
.medium-title {font-size:14px; font-weight:bold;color:#9d0a0e; margin:0px;text-align:left;}
h1, h2, h3 {font-weight:bold;color:#9d0a0e; margin:0px 0px;padding:0px;}
h1 {font-size:16px;text-align:center;}
h2 {font-size:14px;}
h3 {font-size:12px;}
.pagemaintitle {font-size:16px; font-weight:bold;color:#9d0a0e; margin:0px 0px 10px 0px;text-align:center;}
.titles-centered {font-size:14px; font-weight:bold;color:#9d0a0e; margin:0px; text-align:center;}

.big-title {font-size:16px; font-weight:bold;color:Navy;}
.city-titles {font-size:14px;color:#9d0a0e;font-weight:bold; text-align:center;
              padding:0px;margin:10px 0px;}
.city-header {font-size:20px;font-weight:bold;text-align:center; color:red; margin:20px 0px 15px 0px;}
.city-titles-bullets {font-size:1.4em; font-weight:bold; padding:0px;margin:0px;}
.bullets-title {margin:0px;padding:0px;font-size:14px; text-align:center;}
.bullets-title a {color:#5da4ff;}
.extratoppadding {padding-top:10px;}
.reg-p {margin:10px;font-size:12px;}
.left-margin {margin:10px;padding:10px;}
.bottom-margin {margin-bottom:10px;}
.pad20 {padding:20px;}
.pad10 {padding:10px;}
.pad5 {padding:5px;}
.padtb5 {padding:5px 0px;}
.mtb5 {margin:5px 0px;}
.m20 {margin:20px;}
.m10 {margin:10px;}
.m5 {margin:5px;}
.m0 {margin:0px;}
.pad0 {padding:0px;}
.indent {padding-left:10px;}
.smallinfo{background: url(../images/smallinfo.gif) no-repeat left; 
           padding:2px 0px 1px 17px; text-align:left; margin:3px;font-size:10px;}
           
/*Autocompletion CSS*/
.highlighted {padding-left:12px;text-align:left;font-size:12px;color:White;
background: url(../images/bulletii.gif) no-repeat left 3px;
background-color:#405cc0;font-weight:normal;}
.list-items {padding-left:0px;background-color:white;text-align:left;margin:0px;font-weight:normal;}

/*Advertisement*/
.ad-main {height:385px;width:385px;}

/* DIM */
.db {
background-color: rgb(0, 0, 0);
opacity: 0.7; /* Safari, Opera */
-moz-opacity:0.70; /* FireFox */
filter: alpha(opacity=70); /* IE */
z-index: 50;
height: 100%;
width: 100%;
background-repeat:repeat;
position:fixed;
top: 0px;
left: 0px;
}

.semitrans 
{
    opacity: 0.7; /* Safari, Opera */
     -moz-opacity:0.70; /* FireFox */
     filter: alpha(opacity=70); /* IE */
    }

.relative {position:relative;}

.overdiv {
position:fixed;
z-index:60;
}

.overdiv-nf 
{
position:absolute;
z-index:61;
}

.noborder {border-width:0px;}

/* DIM ENDS HERE */

.trans {
/*PADDING-RIGHT: 10px; PADDING-LEFT: 13px; */
FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=1.00); 
WIDTH: 305px; COLOR: black; HEIGHT: 150px; 
/*BACKGROUND-COLOR: skyblue;*/
}

.topofpage {display:block;border: solid 1px silver;text-align:center;
height:20px;width:80px;max-height:20px;max-width:80px;}

.span-topofpage a:link, .span-topofpage a:visited, .span-topofpage a:hover, .span-topofpage a:active
{color:#147dc0; font-weight:bold; text-decoration:none;font-size:12px;
padding:0px 0px 0px 20px;background-image:url(../images/topofpage.jpg);}

/*Input Box (Point B on BSSDetail)*/
.pointb-input {width:290px; max-width:270px;border:solid 1px blue;padding:20px; 
background-color:#eef6ff;}
.pointb-input input {border:solid 1px silver;}
.divaddress {}
.divcity {float:left;}
.divstate {float:left; padding:0px 10px;}
.divzipcode {width:90px;float:right;}
.ctladdress {width:250px;}
.ctlcity {width:80px;}
.ctlstate {width:20px;}
.ctlzipcode {width:80px; max-width:80px; }
.input-maintitles {font-size:14px;font-weight:bold;font-style:italic;text-align:center;color:#9d0a0e;
padding:0px;margin:0px;}

/*Popup Windows*/
.prtpage-bodyprint {width:400px;background-color:white;position:absolute;text-align:center;
max-width:400px;top:0px;left:0px;font-size:14px;padding:20px;}
.prtpage-bodyprint td {width:165px;text-align:right; vertical-align:top;padding:5px;}
.prtpage-bodyprint span {padding:5px;}
.prtpage-bodyprint table {padding-left:0px;}
.prtpage-boldlabels {font-weight:bold; text-align:left;font-size:12px;}
.prtpage-inputwidth {width:150px;margin:0px;}
.prtpage-detailbox {width:160px;border:solid 1px black;padding:5px 0px 10px 0px;max-width:160px;margin:auto;}
.prtpage-thumbnail {margin: 10px 0px;display:block;width:90px;height:90px;
max-height:90px;max-width:90px;border:solid 1px black;}
.prtpage-bssTitle {font-size:16px;font-weight:bold;padding:0px;margin:0px;display:block;
color:#9d0a0e;}

/*PrintDirections*/
.printdirections-dmap td {}

/*Errors on Main*/
.divalert-main {width:450px;max-width:450px;border:solid 1px red;
background-color:White;text-align:center;}
.divalert-main img {border-width:0px;}
.diverror {border:solid 1px red;background-color:#fedbdb;text-align:center;margin:10px 10px 10px 10px;}
.diverror img {margin:10px;}
.diverror-errdetail {margin:10px 20px;font-size:14px;text-align:left;}
.diverror-errtitle {font-size:16px;color:#9d0a0e;padding:0px;margin:0px;font-weight:bold;}
.boxoncontent-main {border:solid 1px silver;margin:0px;padding:0px;font-size:14px;
                     text-align:left;clear:both;}
 /*Sending/report info*/
 .bodywhite {background-color:White;}
 
 /*Default*/
 
.main-item-wrapper-home 
{
    border:solid 0px silver;
    padding:5px 5px 0px 5px;
    margin:0px 0px 0px 0px;
    width:500px;
    }
.default-lastreg-wrapper {margin:0px;border: solid 1px silver;max-height:125px;padding-bottom:10px;
clear:both;
}

/*Contact Page */
.contact-labels {font-size:12px; font-weight:bold;color:#9d0a0e;}
.contact-table td {width:150px;padding:5px 0px;vertical-align:middle;}
.contact-table {margin:10px;}
.contact-phones {text-align:center;color:#AAAAAA;font-size:16px;font-weight:bold;padding:0px;margin:0px;}
.contact-ctls {width:250px;}

/*+++++UI++++++ */
.ui-body {background-color:Black;text-align:center;}
.ui-body .wrapper {width:780px;max-width:780px;margin:auto;text-align:center;
border-width:0px;background-color:Black;margin-bottom:10px;background-image:none;}
.wrapper .topbanner a:link, .wrapper .topbanner img {border:none;}
.ui-body .content {width:780px;max-width:780px;
background:#122338 url('../images/bggradient.jpg') repeat-x;
border:solid 1px silver;padding:0px;margin:0px;}
.ui-body .sidebarwrapper {margin:0px 0px 0px 10px;}
.ui-body .pagemaintitle {font-size:16px;}
.ui-body .alert-style {padding:0px 0px 0px 40px;}
.ui-body .roundtitle p {font-size:14px;font-weight:bold;margin:4px;}
.ui-body .roundtitle-thin p {font-size:14px;font-weight:bold;margin:0px;padding-top:4px;}
.content .bccontainer {margin:10px;width:750px;max-width:750px;background-color:White;
padding:5px; text-align:left;font-weight:bold;}
.labels {font-size:12px; font-weight:bold;color:#9d0a0e;margin:0px;}
.sublabels {font-size:12px; font-weight:bold;color:navy;margin:0px; font-style:italic;}
.cnyurl {color:green;font-weight:bold;}
.labelerror {font-size:12px;font-style:italic;color:Red;font-weight:bold;text-align:center;}
.nr-txtbox {width:350px;border:solid 1px silver;}
.nr-txtbox-border {border:solid 1px silver;}
.nr-divmform {text-align:left;}
/*.nr-divmform p {margin:0px;}*/
.nr-divmform .alert {width:515px;}
.nr-divmform .alert p {padding-left:40px;}
.nr-divmform .alert-style {padding:0px 0px 0px 40px;}
.ui-maincontent {text-align:left;background-color:White;width:535px;max-width:535px;
min-height:400px;padding:10px 20px;margin:auto auto 10px 10px;float:left;font-size:12px;}
/*for unknown reasons, the smallinfo had no padding, so the following line will solve that issue.*/
.ui-body .smallinfo {padding-left:20px;background-position:0px 0px;font-size:10px;}
.ui-cbss-div-img {width:300px;max-width:300px;margin-right:50px;}
.claimalert {margin-bottom:10px;}


/*himgctls holds the controls that allow to update information about imgs entered*/
.ui-himgctls {width:360px; max-width:360px; border:solid 1px blue;background-color:#eef6ff;
text-align:left;padding:20px;}
.linkbuttons {margin:0px;text-align:center;font-size:16px;font-weight:bold;}
.ui-cnyurl-avail {width:150px;text-align:center;font-size:14px;color:#0d9806;border:solid 1px #0d9806;
background-color:#c5fbd5;font-weight:bold;}
.ui-cnyurl-used {width:150px;text-align:center;font-size:14px;color:#98061b;border:solid 1px #98061b;
background-color:#fbd7dd;font-weight:bold;}
/*The banner and img thumb are used for managebssreg, where current images will be shown to the user
when he or she wants to modify his or her listing.*/
.ui-banner-thumb img {border:solid 1px black;max-width:520px;}
.ui-frontimg-thumb {border:solid 1px black;max-width:300px;}
.ui-gimg-thumb {border :solid 1px black; max-width: 100px;}
.ui-cnyurl-current {font-size:16px;color:Blue;font-style:italic;font-weight:bold;}
.has {display:none;}/*display:none;*/

/*-----Summary------*/
.ui-summary-table-profile {}/*border:solid 1px silver;margin-top:5px;}*/
.table-headers {text-align:center;font-weight:bold;border:solid 1px silver;background-color:#eef6ff;}
/*.ui-summary-table-profile {padding:auto 10px;}*/
.ui-summary-table-profile td {padding:2px 4px;
text-align:left;}
.ui-summary-table-profile .cell-label {font-weight:bold;color:#9d0a0e;text-align:right;}
.ui-summary-table-listing {border:solid 1px silver;width:530px;}
.ui-summary-table-listing .cell-label {font-weight:bold;background-color:#eef6ff;text-align:center;}
.ui-summary-table-listing td {border:solid 1px silver;text-align:center;}
.ui-summary-table-listing .bsscell {text-align:left;padding-left:5px;}
.ui-sections {border:solid 1px silver;padding:10px;}
/*-----Blue box inside UI, used in Profile and Regdetail------*/
.changevaluesbox {border:solid 1px blue;background-color:#eef6ff;padding:15px;}
.infobox {border:solid 1px blue;padding:0px;margin:0px;}
.infobox .contentbox {margin:0px 10px 10px 10px;font-size:12px;}

/*--------Comparison Chart ------------*/
.forbsscomparisontable {border:solid 1px silver;background-color:#f4f9fc}
.forbsscomparisontable td {border:solid 1px silver;}
.forbsscomparisontable {width:100%;text-align:center;}
.forbsscomparisontable .desc {text-align:left;}
.tdfeature {background-color:#eeeeee;font-weight:bold;font-size:14px;color:navy;}
.tdfree, .tdst, .tdpro {width:15%;font-weight:bold;font-size:14px;color:Navy;}
.tdfree {background-color:#e0edf5}
.tdst {background-color:#e0f5e1}
.tdpro {background-color:#f5e0e1}

/*-----Login------*/
.loginbox{margin:auto;background-color:#eef6ff;border:solid 1px blue;
          width:330px;height:170px;text-align:center;}
.loginbox table {margin:auto;}


/*++++++FAQ++++++++*/
.faq-q {color:#9d0a0e;margin:5px 0px;font-size:12px;font-weight:bold;}
.faq-a {margin:2px 0px 10px 0px;font-size:12px;}

/*++++++++Infowindow+++++++++*/
.infowindow {padding:10px; background-color:White;text-align:left;font-size:12px;}

/*++++++++ ForBSS Page ++++++++++*/
.forbss table img {float:left;margin:2px 6px;}
.forbss table td {width:350px;padding:5px;}
.forbss table h2 {font-size:14px;font-weight:bold;margin:0px;padding:0px;display:inline;
                  color:Navy;}
.divregmapwrapper {margin:10px 20px;}
.divregmap {float:left;margin-right:30px;}
.divregmapgroups {float:left;padding:10px;width:300px;}
.divregmapgroups h2 {text-align:center;font-size:16px;font-weight:bold;color:Navy;}
.divregmapgroups p {text-align:center;font-size:14px;margin:20px;}
.topscreenshottext {text-align:center;font-size:14px;font-style:italic;}

/*+++++++++Admin Section +++++++++++++*/
.admin-typelinks {margin-bottom:10px;font-size:12px;color:White;}
.admin-typelinks a{background-image:url('./images/AdminBtnsBG.jpg');color:White;
 background-repeat:repeat-x;margin-right:20px;padding-bottom:5px;}
 .admin-listinginformation td{border-top:solid 1px silver;border-bottom:solid 1px silver;
 padding:10px;}