/**
 * Theme-specific stylesheet, replaces colors, backgrounds, fonts, etc. 
 * 
 * Page Structure:
 * 
 *  .m_tile_sec      Class to identify "secondary" content on the module grid,
 *                   ie. a side column that uses different colours (this to avoid
 *                   using a specific tile id).
 *
 * Template for themes like DEFAULT_ALTERNATIVE 
 *
 * @author   fde
 * V1.0
 */

/**
 * This rule is necessary in order to detect that the dynamic loading
 * of stylesheets by the Theme Selector (Ribbon), has completed succesfully.
 *
 * For more on the principle see
 *  http://wonko.com/post/how-to-prevent-yui-get-race-conditions 
 *
 * @see ribbon.js > loadTheme > function poll()
 */
#ribbon-themesel-custom .loading { display:none; }

/**
 * Page background
 */
/* Property 1, 2, 3, 4 */
body.theme-custom { background-color:#FFFFFF; background-image:url(/mysite/media/54/76/7/background.gif); background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,Verdana,Arial;
  }

/**
 * for mobile, reset background properties
 */
body.mobile.theme-custom { background-color: transparent; background-image: none; }
body.mobile.theme-custom .container.mobileContainer {
  background-color:#FFFFFF;
  }
body.mobile.view-mode.theme-custom .container {
  background-color: transparent;
  background-image: none;
}
body.mobile.view-mode.theme-custom {
  background-color:#FFFFFF;
  }

/**
 * header & footer background images (if applicable)
 */
body.theme-custom #page_content {
    background-image: url(/mysite/media/54/76/7/d33aca48-a910-4481-8541-993256577645.png);
  background-position: 50% 0;
  background-repeat: no-repeat;
  }

body.theme-custom #custPage {
    background-image: url(/mysite/media/0 0 2px #aaa);
  background-position: center bottom;
  background-repeat: no-repeat;
  }


/*FONTS*/
/* Property 3, 6*/
.theme-custom #custHead h1,
.theme-custom #custHead h2,
.theme-custom #custHead h3,
.theme-custom #custGrid h1,
.theme-custom #custGrid h2,
.theme-custom #custGrid h3,
.theme-custom #custGrid h4,
.theme-custom #custGrid h5,
.theme-custom #custFoot h2,
.theme-custom #custFoot h3,
.theme-custom #custMenu li a,
.theme-custom #custMenu li span.active { font-family:Tahoma,Verdana,Arial; font-style: normal;  }



/**
 * Button row
 */
/* Property 100 */
.theme-custom #custTool { background-color:#fff; color:#555; }
/* Property 101 */
.theme-custom #custTool a,
.theme-custom #custTool a:hover,
.theme-custom #custTool .link-sep { color:#555; }
/* Property 102 */
.theme-custom #custTool .uiCBtn,
.theme-custom #custTool .uiCBtn:hover,
.theme-custom #custGrid .ig_container .uiCBtn,
.theme-custom #custGrid .ig_container .uiCBtn:hover { color:#555; }

/* Property 103 */
.theme-custom #custTool .uiCBtn span,
.theme-custom #custGrid .ig_container .uiCBtn span,
.theme-custom .ig-overlay .uiCBtn span { border-color:#ddd; }
.theme-custom #custTool .uiCBtn span span,
.theme-custom #custGrid .ig_container .uiCBtn span span,
.theme-custom .ig-overlay .uiCBtn span span { background-color:#ddd; }

/**
 * Business Card
 */
/* Property 200, 201 */
.theme-custom #custHead { background-color:transparent; color:#ABABAB; }
/* Property 202 */
.theme-custom #custHead a,
.theme-custom #custHead a:hover,
.theme-custom #custHead .link-sep { color:#199AAB; }
/* Property 203, 204, 211, 212, 213, 214, 215, 216 */
.theme-custom #custHead div.businessname {background-color:transparent; color:#199AAB;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-text-shadow:0 0 2px #888;
-webkit-text-shadow:0 0 2px #888;
text-shadow:0 0 2px #888;
}
/* Property 205, 206 */
.theme-custom #custHead h2 {background-color:transparent;color:#464645;}
/* Property 209 */
.theme-custom #custHead .uiCBtn span { border-color:#ABABAB; }
.theme-custom #custHead .uiCBtn span span { background-color:#ABABAB;}
/* Property 210 */
.theme-custom #custHead .uiCBtn,
.theme-custom #custHead .uiCBtn:hover { color:#464645; }

/**
* Navigation
*/
/* Property 300 */
.theme-custom #custMenu, .theme-custom #custGrid .custMenu { background-color:transparent; }
/* Property 301, 306 */
.theme-custom #custMenu li a { color: #199AAB; border-right: none}
.theme-custom #custGrid .custMenu a { color: #199AAB; border-right: 1px solid transparent}
.theme-custom #custGrid .m_tile_sec .custMenu li a { border: 0; border-bottom: 1px solid transparent }
/* Property 304, 305 */
.theme-custom #custMenu li .active, .theme-custom #custGrid .custMenu .active, .theme-custom #custGrid .custMenu li a, .theme-custom #custMenu li li {background:transparent;color:#199AAB;}
.theme-custom .mod-gallery .ig_thumbnails .active a {border-color:transparent;}
/* Property 302, 303, 307, 308, 309 */
.theme-custom #custMenu li a:hover, .theme-custom #custGrid .custMenu a:hover {background-color:transparent;color:#ABABAB !important;
-moz-text-shadow: 0 1px 1px #aaa;
-webkit-text-shadow: 0 1px 1px #aaa;
text-shadow: 0 1px 1px #aaa;
}

.mobile.theme-custom .menu-icon span{color: #199AAB;}
.mobile.theme-custom #custHead { background-color:transparent; color: #ABABAB!important;}
.mobile.theme-custom #custMenu li a {border-right: none; color: #199AAB;}
.mobile.theme-custom #custGrid {color: #ABABAB!important;}
.mobile.theme-custom #custGrid h2{background-color:transparent; color:#199AAB; }
.mobile.theme-custom #custGrid .m_tile_top h3 { background-color:transparent;color:#464645; }
.mobile.theme-custom #custGrid .m_tile_top .link-sep,
.mobile.theme-custom #custGrid a{ color:#199AAB; }
.mobile.theme-custom #custGrid .link-sep { color:#199AAB; }
.mobile.theme-custom #custH1pageTitle  {font-family: Arial,Verdana,sans-serif;font-size: 2 10 3 20px; background-color: transparent; color: 0 0 10px;padding: 24px 10px 24px;margin: 0;vertical-align: top;}

/**
 * Module grid tile colors
 */
/* Property 500 m_tile_top*/
.theme-custom #tile1 { background:transparent; }
/* Property 400 */
.theme-custom #tile2, .theme-custom #tile5 { background:transparent; }
/* Property 600  m_tile_sec*/
.theme-custom #tile3, .theme-custom #tile6, .theme-custom #tile7 { background:transparent; }
/* Property 700 m_tile_bottom */
.theme-custom #tile4 { background:transparent; }

/**
 * Module grid & module base tile 2
 */
/* Property 401 */
.theme-custom #custGrid { color:#ABABAB}
/* Property 402 */
.theme-custom #custGrid a,
.theme-custom #custGrid a:hover,
.theme-custom #custGrid .link-sep { color:#199AAB; }
/* Property 403, 404, 411, 412, 413, 414, 415, 416 */
.theme-custom #custGrid h2 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-text-shadow:0 0 1px #888;
-webkit-text-shadow:0 0 1px #888;
text-shadow:0 0 1px #888;
background-color:transparent;
color:#199AAB;
}
/* Property 403 */
/*.theme-custom #custGrid h2 span { background-color:transparent; }*/
/* Property 405 */
.theme-custom #custGrid h3 { background-color:transparent; color:#464645; }
/* Property 409 */
.theme-custom #custGrid .uiCBtn span,
.theme-custom #custGrid .button span,
.theme-custom #custGrid .ig_container .uiCBtn span { border-color:#ABABAB; }
.theme-custom #custGrid .uiCBtn span span,
.theme-custom #custGrid .button span span,
.theme-custom #custGrid .ig_container .uiCBtn span span {background-color:#ABABAB;}
/* Property 410 */
.theme-custom #custGrid .uiCBtn, .theme-custom #custGrid .uiCBtn:hover { color:#464645; }

/**
 * Specific styles for each tiles
 */
/* Property 501 */
.theme-custom #custGrid .m_tile_top {color:#ABABAB}
/* Property 502 */
.theme-custom #custGrid .m_tile_top a,
.theme-custom #custGrid .m_tile_top a:hover,
.theme-custom #custGrid .m_tile_top .link-sep { color:#199AAB; }
/* Property 503, 504, 511, 512, 513, 514, 516 */
.theme-custom #custGrid .m_tile_top h2 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-text-shadow:0 0 1px #888;
-webkit-text-shadow:0 0 1px #888;
text-shadow:0 0 1px #888;
background-color:transparent;
color:#199AAB;
}
/* Property 503 */
/*.theme-custom #custGrid .m_tile_top h2 span { background-color:transparent; }*/
/* Property 505, 506 */
.theme-custom #custGrid .m_tile_top h3 { background-color:transparent;color:#464645; }
/* Property 509 */
.theme-custom #custGrid .m_tile_top .uiCBtn span,
.theme-custom #custGrid .m_tile_top .button span,
.theme-custom #custGrid .m_tile_top .ig_container .uiCBtn span { border-color:#ABABAB; }
.theme-custom #custGrid .m_tile_top .uiCBtn span span,
.theme-custom #custGrid .m_tile_top .button span span,
.theme-custom #custGrid .m_tile_top .ig_container .uiCBtn span span { background-color:#ABABAB; }
/* Property 510 */
.theme-custom #custGrid .m_tile_top .uiCBtn, .theme-custom #custGrid .m_tile_top .uiCBtn:hover { color:#464645; }

/* Property 509 mobile*/
body.mobile.theme-custom #custGrid .uiCBtn span span { border-color:#ABABAB;background-color:#ABABAB;}
/* Property 510 mobile*/
.mobile.theme-custom #custGrid a.uiCBtn {color:#464645!important;}
/**
 * Specific right column
 */
/* Property 601 */
.theme-custom #custGrid .m_tile_sec {color:#8E8E8C}
/* Property 602 */
.theme-custom #custGrid .m_tile_sec a,
.theme-custom #custGrid .m_tile_sec a:hover,
.theme-custom #custGrid .m_tile_sec .link-sep { color:#199AAB; }
/* Property 603, 604, 611, 612, 613, 614, 615, 616 */
.theme-custom #custGrid .m_tile_sec h2 {
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-text-shadow:0 0 1px #888;
-webkit-text-shadow:0 0 1px #888;
text-shadow:0 0 1px #888;
background-color:transparent;
color:#199AAB;
}
/* Property 603 */
/*.theme-custom #custGrid .m_tile_sec h2 span { background-color:transparent; }*/
/* Property 605, 606 */
.theme-custom #custGrid .m_tile_sec h3 { background-color:transparent; color:#464645; }
/* Property 609 */
.theme-custom #custGrid .m_tile_sec .uiCBtn span,
.theme-custom #custGrid .m_tile_sec .button span,
.theme-custom #custGrid .m_tile_sec .ig_container .uiCBtn  span { border-color:#ABABAB; }
.theme-custom #custGrid .m_tile_sec .uiCBtn span span,
.theme-custom #custGrid .m_tile_sec .button span span, 
.theme-custom #custGrid .m_tile_sec .ig_container .uiCBtn span span { background-color:#ABABAB; }
/* Property 610 */
.theme-custom #custGrid .m_tile_sec .uiCBtn, .theme-custom #custGrid .m_tile_sec .uiCBtn:hover {color:#464645;}

/**
 * Specific bottom
 */
/* Property 701 */
.theme-custom #custGrid .m_tile_bottom { color:#ABABAB}
/* Property 702 */
.theme-custom #custGrid .m_tile_bottom a,
.theme-custom #custGrid .m_tile_bottom a:hover,
.theme-custom #custGrid .m_tile_bottom .link-sep { color:#199AAB; }
/* Property 704 */
.theme-custom #custGrid .m_tile_bottom h2 { background-color:transparent; color:#199AAB; }
/* Property 703 */
/*.theme-custom #custGrid .m_tile_bottom h2 span { background-color:transparent; }*/
/* Property 705, 706 */
.theme-custom #custGrid .m_tile_bottom h3 { background-color:transparent; color:#464645; }
/* Property 707, 708 */
/* Property 709 */
.theme-custom #custGrid .m_tile_bottom .uiCBtn span,
.theme-custom #custGrid .m_tile_bottom .button span,
.theme-custom #custGrid .m_tile_bottom .ig_container .uiCBtn span { border-color:#ABABAB; }
.theme-custom #custGrid .m_tile_bottom .uiCBtn span span,
.theme-custom #custGrid .m_tile_bottom .button span span,
.theme-custom #custGrid .m_tile_bottom .ig_container .uiCBtn span span { background-color:#ABABAB; }
/* Property 710 */
.theme-custom #custGrid .m_tile_bottom .uiCBtn, .theme-custom #custGrid .m_tile_bottom .uiCBtn:hover {color:#464645;}

/**
 * Footer
 */
/* Property 800, 801, 824, 825  */
.theme-custom #custFoot { background-color:transparent;color:#464645;
border-bottom:1px solid #ccc;
padding-bottom:$theme_property825;
}
/* Property 802  */
.theme-custom #custFoot a,
.theme-custom #custFoot a:hover,
.theme-custom #custFoot .link-sep { color:#199AAB; }
/* Property 804 */
.theme-custom #custFoot .footertitle, .theme-custom #custFoot h3 {color:transparent;}
/* Property 809, 811, 812, 813 */
.theme-custom #custFoot .uiCBtn span {
border:#ABABAB;
-moz-box-shadow:0 0 2px #aaa;
-webkit-box-shadow:0 0 2px #aaa;
box-shadow:$theme_property813;
}

/* Property 809, 814, 815, 816 */
.theme-custom #custFoot .uiCBtn span span {
  background-color:#ABABAB;
  color:$theme_property815;
  text-decoration:$theme_property816;
}
/* Property 817 */
.theme-custom #custPage #tinymce p {
  line-height:$theme_property817;
}
/* Property 818 */
.theme-custom #custPage #custFoot .uiCBtn:hover strong {
  background-color:$theme_property818;
}
/* Property 819, 820, 821 */
.theme-custom #custFoot .uiCBtn span span:hover {
  background-color:$theme_property819;
  color:$theme_property820;
  text-decoration:$theme_property821;
}
/* Property 822, 823 */
#custPage .uiCBtn:hover strong { text-decoration:$theme_property822; }

.theme-custom #truvoFootsie .logo { float:$theme_property823; }

/* Property 810 */
.theme-custom #custFoot .uiCBtn, .theme-custom #custFoot .uiCBtn:hover {color:#FFFFFF; text-decoration:$theme_property826;}

/**
 * Send Email dialog (the only "themed" dialog so far,; visible from the "visitor mode" landing page)
 * Note: watch for rule precedence! (see base.css yui panel styles)
 * @date  09-Dec-2009
 */
.theme-custom .themed-dialog .hd { border-color:#ddd; /* Property 103 */ color:#ddd;  /* Property 103 */}
.theme-custom .themed-dialog .bd { border-color:#ddd; /* Property 103 */ }

.theme-custom .module-openinghours .today {background-color:#FDDD23;}
.theme-custom .module-openinghours .today strong {color:#000000;}

/* navigation as a module colour fix */
/* fix to overwrite theme default settings */
.theme-custom #custGrid .m_tile_sec .custMenu li a {color: #199AAB;}
.theme-custom #custGrid .m_tile_sec .custMenu li a:hover {background-color:transparent !important;; color:#ABABAB;}

.theme-custom #custGrid .m_tile_top .custMenu li a {color: #199AAB;}
.theme-custom #custGrid .m_tile_top .custMenu li a:hover {background-color:transparent !important;; color:#ABABAB;}

.theme-custom #custGrid .m_tile_bottom .custMenu li a {color: #199AAB;}
.theme-custom #custGrid .m_tile_bottom .custMenu li a:hover {background-color:transparent !important;; color:#ABABAB;}

/**
 * dynamiclayout properties
 */
.dynamiclayout.theme-custom #custGrid .m_grid_4 .custMenu li a { color: #199AAB; border-bottom: 1px solid none}
/**

#tinymce .m_content_inner h2:first-child {
  margin:0 0 10px;
  padding:2 10 3 20px;
}

/* disable border for last module of a tile */
td.m_tile div:last-child .m_content_inner { background:transparent; }