/* Module Overrides */
.module  { position: relative; }
.module .headerBlock { position: relative; font-weight: bold;}
.module .headerBlock span { font-weight: normal; }
.module .subHeaderBlock { position: relative; font-weight: bold; }
.module .subHeaderBlock span { font-weight: normal; }
.module .contentBlock { position: relative; }

/* Primary */
#primary { width: 510px; }
#primary .slot { position: relative; float: left; padding: 0 0 5px; }
#primary .slot .img { float: left; margin: 5px 10px 10px 0; }
#primary .slot .img img { border: 1px solid #000; }

.slotHeader { font-weight: bold;  }

#primary .module {
    width: 495px;
    float: left;
    margin-bottom: 1em;
    padding: 0;
}

#primary .contentBlock {
    float: left;
    margin: 0;
    padding: 10px;
}

#primary .headerBlock
{
    padding: 2px 10px;
}

#primary .headerBlock span
{
    position: absolute;
    font-size: 0.95em;
    top: 2px; right: 10px;
}

/* Today Module */
#todayModule .contentBlock {
    padding: 0 10px 0 0;
}

#todayModule .headerBlock {
    color: #993300;
    padding: 0;
}

#todayModule #cg_home_superslot_slot1 {
    width: 225px;
    padding-right: 39px;
    border-right: 1px solid #d5d5d5;
}

#primary #todayModule #cg_home_superslot_slot1 img {
    margin-top: 0px;
}

#todayModule #cg_home_sublinks_slot4 {
    width: 180px;
    padding: 0 0 15px;
    margin-left: 20px;
}

#todayModule #cg_home_sublinks_slot5 {
    width: 180px;
    border-top: 1px solid #d5d5d5;
    padding: 10px 0 5px;
    margin-left: 20px;
}


/* Insider Module */
#primary #insiderModule {
    float: left;
    width: 493px;
    border: 1px solid #D5D5D5;
}

#insiderModule .headerBlock
{
    color: #993300; background-color: inherit;
    border-bottom: 1px solid #D5D5D5;
    border-left: 1px solid #FFF;
}

#insiderModule .contentBlock {
    width: 473px;
}

#insiderModule #cg_sponsor_hp_slot9,
#insiderModule #cg_sponsor_hp_slot10 {
    width: 284px;
    padding-right: 5px;
    border-right: 1px solid #d5d5d5;
}

#insiderModule #cg_sponsor_hp_slot9 .slotHeader,
#insiderModule #cg_sponsor_hp_slot10 .slotHeader {
    margin-bottom: 5px;
}

#insiderTextBlock {
    float: left;
    position: relative;
    width: 135px;
    margin-top: 5px;
}

#insiderModule #cg_boc_slot9,
#insiderModule #cg_boc_slot10 {
    width: 163px;
    padding: 0 10px;
}

#insiderModule .adblock {
    position: relative;
    float: right;
    width: 140px;
}

#primary #insiderModule .adblock img {
    padding: 0; margin: 0;
}


/* BOC Module */
#primary #bocModule {
    float: left;
    width: 493px;
    border: 1px solid #BBCCE0;
    background-color: #E3EDF6;
}

#bocModule .headerBlock
{
    color: #007EC6;
    background: url(../images/content/hm_boc_bg2.gif);
    border-bottom: 1px solid #BBCCE0;
}

#bocModule .headerBlock span
{
    color: #000;
}

#bocModule .contentBlock {
    width: 473px;
}

#bocModule .contentBlock .slot ul {
    margin-top: 0.5em;
}

#bocModule #home_boc_module_slot6 {
    width: 160px;
}


#bocModule #home_boc_module_slot7 {
    width: 160px;
    padding-left: 10px;
    border-left: 1px solid #BBCCE0;
    float: right;
}

#bocModule .adblock {
    position: relative;
    float: right;
    min-width: 90px;
    border: 1px solid #E3EDF6;
}

* html #bocModule .adblock {
    width: 90px;
}


/* Personals and Guide */
#personalGuide {
    float: left;
    width: 168px;
    padding: 10px;
}

#personalGuide #personalSlot {
    border-bottom: 1px solid #D5D5D5;
    padding: 0 0 15px;
}

#personalGuide #cg_links_horiz_twoline_slot8 {
    padding-top: 10px;
}

#singlesLinks {
    float: left;
    width: 100px;
}

#singlesLinks .slotHeader {
    margin-top: 5px;
}


#careerLinks {
    float: left;
    width: 168px;
}

#additionalInfo {
    background: url(../images/content/slot2bg.gif);
    float: right;
    width: 275px;
    padding: 10px;
}

#additionalInfo .slot {
    margin-bottom: 20px;
}

#additionalInfo .slot .textBlock {
    float: left;
    padding-top: 7px;
    width: 160px;
}

#additionalInfo .slot .textBlock ul {
    padding-top: 5px;
}

#primary #additionalInfo .slot img {
    margin-top: 5px;
}

/* Styling to vertically align personalGuideModule and additionalInfoModule */
#cityInfoBlock
{
    float: left;
    position: relative;
    width: 495px;
    overflow: hidden;
    margin-bottom: 10px;
}

#cityInfoBlock .top, #cityInfoBlock .bot,
#cityInfoBlock .left, #cityInfoBlock .right
{
    position: absolute;
    height: 1px; width: 1px;
    background-color: #D5D5D5;
    overflow: hidden;
    display: block;
}

#personalGuide .top { top: 0; left: 0; width: 189px; }
#personalGuide .bot { bottom: 0px; left: 0; width: 189px; }
#personalGuide .left { top: 0; left: 0; height: 2000px; }
#personalGuide .right { top: 0; left: 189px; height: 2000px; }

#additionalInfo .top { top: 0; right: 0; width: 294px; }
#additionalInfo .bot { bottom: 0px; right: 0; width: 294px; }
#additionalInfo .left { top: 0; right: 294px; height: 2000px; }
#additionalInfo .right { top: 0; right: 0; height: 2000px; }


/* Yellow Pages Module */
#primary #yellowPagesModule
{
    float: left;
    border-left: 1px solid #FFE352;
    border-right: 1px solid #FFE352;
    border-bottom: 1px solid #FFE352;
    width: 493px;
}

#yellowPagesModule .headerBlock
{
    background-color: #FFE352;
    padding: 0;
}

#yellowPagesModule .headerBlock a
{
    color: #000;
    background-color: inherit;
    text-decoration:none;
}

#yellowPagesModule .headerBlock h2
{
    height: 23px; line-height: 23px;
    padding: 0; margin: 0;
    text-indent: 45px;
    background: url("../images/yp/hdr_yp.gif") top left no-repeat;
}

#yellowPagesModule .headerBlock span
{
    position: absolute;
    font-size: 1em;
    top: 2px; right: 10px;
}

#yellowPagesModule .subHeaderBlock
{
    background-color: #FFFFCD;
    padding: 2px 10px;
}

#yellowPagesModule .subHeaderBlock span
{
    position: absolute;
    top: 1px; right: 10px;
}

#yellowPagesModule .contentBlock { width: 473px;}
#yellowPagesModule ul.contentBlock
{
    padding: 0; margin: 10px 0 0 10px;
    border-bottom: 1px dashed #d5d5d5;
}

* html #yellowPagesModule ul.contentBlock { margin-left: 5px; }

#yellowPagesModule ul.contentBlock li.sublist
{
    float: left;
    width: 157px;
    background: none;
    padding: 0; margin: 0;
}

#yellowPagesModule ul.contentBlock li.sublist span
{
    font-weight: bold;
}

* html #yellowPagesModule ul.contentBlock li.sublist span
{
    text-indent: 0;
}

#yellowPagesModule ul.contentBlock li.sublist ul
{
    margin: 0 0 1em 0;
}

#yellowPagesModule ul.contentBlock li.sublist ul li span
{
    font-weight: normal;
}

#yellowPagesModule .categories ul
{
    float: left;
    width: 157px;
    font-weight: bold;
}

#yellowPagesModule div.viewall
{
    padding-top: 0;
}

#yellowPagesModule div.viewall a
{
    font-weight: bold;
}


/* Secondary */
#secondary { width: 300px; }
#secondary .module {
    float: left;
    width: 298px;
    border: 1px solid #B4D6B4;
    margin-bottom: 1em;
}

#secondary .headerBlock
{
    background-color: #B4D6B4;
    color: #006600;
    padding: 2px 10px;
}

#secondary .headerBlock span
{
    position: absolute;
    top: 0px; right: 10px;
}

#secondary .contentBlock { float: left; width: 278px; padding: 10px;  }
#secondary ul.contentBlock
{
    list-style: none;
    padding: 10px 0 10px 10px; margin: 0;
}

#secondary ul.contentBlock li.sublist { float: left; }

/* Ad Call Module */
#secondary .adblock
{
    width: 300px;
    margin-bottom: 1em;
}

/* Dinner n Movie Module */
#movieLink { width: 90px; }
#showLink { width: 108px; }
#eatLink { width: 80px; }

/* Weather Forecast Module */
#secondary #weatherModule .contentBlock
{
    padding-bottom: 0px;
}

.forecast
{
    float: left;
    width: 33%;
}

.temperature
{
    line-height: 1em;
    font-size: 1em;
}

.forecastImg
{
    float: left;
    margin-right: 0.5em;
}

.weather_hi
{
    font-weight: bold;
    color: #DD8700; background-color: inherit;
}

.weather_lo
{
    font-weight: bold;
    color: #8494A3; background-color: inherit;
}

#weatherModule div.viewall
{
    margin-bottom: 10px;
    padding-top: 0px;
    font-weight: bold;
}

#weatherModule .home_xsm
{
    font-size: 0.9em;
    color: #666666; background-color: inherit;
    font-weight: normal;
}


/* Top Searches Module */
.searchRank { font-weight: bold; }

#topSearchesModule .topSearches ul
{
    float: left;
    width: 130px;
    list-style: none;
    padding: 0; margin: 0 0 0 0;
}


/* Events Calendar Module */
#eventsCalendarModule { border: 1px solid #B9E1BC; background-color: #D1F2D3; padding-bottom: 5px; }
#eventsCalendarModule .headerBlock { background-color: #D1F2D3; padding-top: 5px }
#eventsCalendarModule .headerBlock span { top: 4px; }
#eventsCalendarModule .headerBlock span a { color: #000; background-color: inherit; }
#secondary #eventsCalendarModule ul.contentBlock { margin: 0; padding: 5px 0 5px 6px; width: 288px; }

.eventDate
{
    float: left;
    display: inline;
    width: 41px;
}

.eventDate a
{
    display: block;
    width: 39px;
    background: url(../images/events/evcal_butt_bg_sm.gif) no-repeat 1px -35px;
    padding: 9px 0 5px 0;
    text-decoration: none;
    color: #333; background-color: inherit;
    line-height: 1em;
    text-align: center;
    font-size: 0.9em;
}

.eventDate a:hover, #eventDateOn a { background-position: 1px 0; }

/* CS411 Module */
#cs411Module { float: left; height: 81px; }
#cs411Module #new { color: #993300; display: inline; }
#cs411Module .headerBlock { width: 278px; }
#cs411Module .contentBlock { width: 220px; }
#cs411Module .phone { float: right; position: absolute; left: 240px; top: 3px; z-index: 5000; }
