@media all {

/*===============================================================================================
 * Reset to a common baseline for styling. Note this fuile in not overrideable
 *===============================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus
{
    outline: 0;
}

body
{
    color: black;
    line-height: 1;
}

ol, ul
{
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}

blockquote, q
{
    quotes: "" "";
}


.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.group {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .group {
    height:1%;
}
.group {
    display: block;
}
}
@media all {

/* Child css start: /Css/Common/modules/module_templated.css?v=1272607549671043016 */ 
/*======================== core mod styling - structural ======================== */
.mod {
    margin: 0;
}
.body, .footer, .header {
    zoom:1;
	padding: 0;
}
.body:before, .footer:before, .header:before, .body:after, .footer:after, .header:after {
    content: " "; 
    display: table; 
}
.body:after, .footer:after, .header:after {
    clear: both;
}
.mod p, .mod ul, .mod ol, .mod dl, .mod blockquote {
    margin: 0;
}
.body .header {
    margin: 0;
}

/*======================== core mod skins - structural ======================== */
.mod, .mod:before, .mod:after {
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;  
    box-sizing: border-box;
}
.mod .footer i {
     font-style: normal;
}

/*======================== content-module-module ======================== */
.mod-content {
    margin: 10px;
    padding: 10px;
    background-color: transparent;
    border: solid 0 #000000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.mod-content-alt {
    padding: 5px;
    margin: 10px 0 10px 0;
    background-color: #F2FBFD;
    border: solid 0 #000000;
}
.mod-content-alt-outer-box {
    padding: 0; /* 'cos this is an outer box it leaves the spacing\gutters up to the inner boxes*/
}
.mod-content-full-width {
    margin: 10px 0 10px 0;
    padding: 10px;
    background-color: transparent;
    border: solid 0 #000000;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;    
}
.mod-content-dashed {
    background-color: #f7f7f8;
    border: dashed 1px #c8c8c8;
}
.mod-content-hover:hover {
    background-color: #E7F5FB;
}
.mod-content-hover-alt:hover {
    background-color: #E7F5FB;
}
.mod-actions {
    float: right;
}
.mod-actions-alt {
    float: left;
    margin-left: 10px;
}
.mod-action-text {
    text-transform: uppercase;
    float: left;
    margin: 2px;
}
.mod-actions-icon {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.mod-actions-icon-link {
    text-transform: uppercase;
    padding-left: 5px;
    font-size: 10px;
}

.mod-actions .button {
    margin: 0 0 0 10px;
    display: inline-block;
}

.mod-actions-alt .button {
    margin: 0 10px 0 0;
    display: inline-block;
}

/*======================== generic css ======================== */
.no-border {
	border: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.image-edit {
    position:relative;
}
.image-edit-default {
    bottom: 0;
    display: block;
    opacity: 0.75;
    position: absolute;
    right: 0;
}
.experience-degraded .small-panel-overlay,
.experience-degraded .small-panel-overlay {
    display: none;
}

/* Stand Control */
.stand p {
    margin-right: 3px;
    display: inline;
}
.stand ol, .stand li {
    display: inline;
    margin: 0;
}

/* Sharer count module */
.sharer-badge {
    background: url('../Images/Global/Icons/StandSharers.png?v=1272607549671043016');
    width: 17px;
    height: 13px;
    display: inline-block;
    position: relative;
    top: 2px;
}

/* List Module Skins */ 
.list-item-line {
    border-bottom: 1px solid #000000;
    padding: 5px 5px 5px 10px;
}

/* Messages */
.message-warning {
    background: #F9F2D4;
    border: 1px solid #E5B857;
    padding: 5px;
}

.body .company-account-badge-module h3 {
    margin-top: 4px;
}
/* Child css end: /Css/Common/modules/module_templated.css?v=1272607549671043016 */ 


/* Child css start: /Css/Common/modules/user-portal-icon.css?v=1272607549671043016 */ 
/*==================================================================================================
 * User Portal Icon Image Stripe
 * Date Created: 06/09/2013
 * Date Modified:09/06/2013
 * Reason for Modification: Icons sizes changed.
 * Generated By TooL: http://spritegen.website-performance.org/
 * In order to generate the sprite go to the above web site and perform following steps
    a) Upload your Zip file contianing the images
    b) Remove the CSS prefix from CSS Output Optins
    c) Genrate the Stripe
    d) Replace the Image userPortal-iconPack.png @ CSS/Common/Images with the newly generated image.
    e) Replace the CSS Classes in the User Portal Icon Classes Section with the newly generated CSS classes.
    f) Change the class name for all hover icons. Currently there are three Icons to change. 
        ******* Please add the newly added hover Icons to this list *******
            1) .image-edit-default-hover to .image-edit-default:hover
            2) .print-default-hover to .print-default:hover
            3) .a-removeicon-default-hover to .a-removeicon-default:hover
            4) .download-default-hover to download-default:hover
    g) Ensure that the all references to this file (userPortal-iconPack.png) are updated
        ******* Show Planner specific CSS - ShowPlannerFavourites_templated.css
 *==================================================================================================*/
 
 /*==================================================================================================
 * User Portal Icon Stripe
 *==================================================================================================*/
.user-portal-icon {
    background: url('Common/modules/../images/userPortal-iconPack.png?v=1272607549671043016') no-repeat top left;
    display: inline-block;
    vertical-align: middle;
}

.user-portal-icon-block {
    background: url('Common/modules/../images/userPortal-iconPack.png?v=1272607549671043016') no-repeat top left;
    display: block;
}

/*==================================================================================================
 * User Portal Icon Classes
 *==================================================================================================*/
.a-removeicon-default:hover{ background-position: 0 0; width: 16px; height: 16px; } 
.a-removeicon-default{ background-position: 0 -66px; width: 16px; height: 16px; } 
.calendar-item-read-default{ background-position: 0 -132px; width: 24px; height: 24px; } 
.calendar-new-blue-default{ background-position: 0 -206px; width: 24px; height: 24px; } 
.chevron-blue-default{ background-position: 0 -280px; width: 16px; height: 16px; } 
.chevron-blue-leftpointing{ background-position: 0 -346px; width: 16px; height: 16px; } 
.company-group-default{ background-position: 0 -412px; width: 24px; height: 24px; } 
.company-pressrelease-default{ background-position: 0 -486px; width: 24px; height: 24px; } 
.company-products-default{ background-position: 0 -560px; width: 24px; height: 24px; } 
.company-rvideos-default{ background-position: 0 -634px; width: 24px; height: 24px; } 
.company-socialmedia-profile-default{ background-position: 0 -708px; width: 24px; height: 24px; } 
.company-standsharers-default{ background-position: 0 -782px; width: 24px; height: 24px; } 
.download-default:hover{ background-position: 0 -856px; width: 16px; height: 16px; } 
.download-default{ background-position: 0 -922px; width: 16px; height: 16px; } 
.edit-default{ background-position: 0 -988px; width: 16px; height: 16px; } 
.event-edition-drop-default{ background-position: 0 -1054px; width: 10px; height: 10px; } 
.facet-search-icon{ background-position: 0 -1114px; width: 24px; height: 24px; } 
.image-edit-default:hover{ background-position: 0 -1188px; width: 16px; height: 16px; } 
.image-edit-default{ background-position: 0 -1254px; width: 16px; height: 16px; } 
.leads-companylist-default{ background-position: 0 -1320px; width: 24px; height: 24px; } 
.maintask-green-complete-default{ background-position: 0 -1394px; width: 16px; height: 16px; } 
.meeting-accepted-default{ background-position: 0 -1460px; width: 24px; height: 24px; } 
.meeting-accepted-new-info{ background-position: 0 -1534px; width: 24px; height: 24px; } 
.meeting-declined-default{ background-position: 0 -1608px; width: 24px; height: 24px; } 
.meeting-declined-new-info{ background-position: 0 -1682px; width: 24px; height: 24px; } 
.message-companylist-default{ background-position: 0 -1756px; width: 24px; height: 24px; } 
.message-new-defualt{ background-position: 0 -1830px; width: 24px; height: 24px; } 
.message-opened-default{ background-position: 0 -1904px; width: 24px; height: 24px; } 
.message-repliedto-default{ background-position: -74px 0; width: 24px; height: 24px; } 
.modal-closed-default{ background-position: -74px -74px; width: 10px; height: 10px; } 
.modal-open-default{ background-position: -74px -134px; width: 10px; height: 10px; } 
.print-default:hover{ background-position: -74px -194px; width: 24px; height: 24px; } 
.print-default{ background-position: -74px -268px; width: 24px; height: 24px; } 
.services-default{ background-position: -74px -342px; width: 24px; height: 24px; } 
.settings-default{ background-position: -74px -416px; width: 16px; height: 16px; } 
.standsharer-default{ background-position: -74px -482px; width: 16px; height: 16px; } 
.subtask-complete-green-default{ background-position: -74px -548px; width: 16px; height: 16px; } 
.task-companylist-default{ background-position: -74px -614px; width: 16px; height: 16px; } 
.task-notcomplete-default{ background-position: -74px -680px; width: 16px; height: 16px; } 
.utilitybelt-leads-default{ background-position: -74px -746px; width: 24px; height: 24px; } 
.utilitybelt-message-default{ background-position: -74px -820px; width: 24px; height: 24px; } 
.utilitybelt-tasks-default{ background-position: -74px -894px; width: 24px; height: 24px; } 
.view-frontend{ background-position: -74px -968px; width: 16px; height: 16px; } 



/* Child css end: /Css/Common/modules/user-portal-icon.css?v=1272607549671043016 */ 


/* Child css start: /Css/Common/modules/skins/grid-module.css?v=1272607549671043016 */ 
/* Grid Module
*********************************************************/
.grid-module > .body > .mod,
.grid-module > .body > a > .mod {
    float:left;
    width: 50%;
    margin:0;
}

.grid-module > .body > a > .mod {
    display: inline-block;
}

.grid-module .body {
    padding: 0;
}

.grid-module .footer {
    padding: 0 10px 10px 10px;
}

.grid-module {
  *zoom: 1;
}
.grid-module:before,
.grid-module:after {
  display: table;
  content: "";
  line-height: 0;
}
.grid-module:after {
  clear: both;
}


.grid-module .header, .grid-module .body {
    margin: 0;
    padding: 0;
}

.grid-module .mod .header:first {
    border-right: none;
}

.content-module .grid-module .footer{
    padding: 10px;
}

.grid-module .default-module .body 
{
    padding-bottom: 0;
}

.grid-module .footer i 
{
    font-style: normal;   
}
/* Child css end: /Css/Common/modules/skins/grid-module.css?v=1272607549671043016 */ 


/* Child css start: /Css/Common/modules/skins/list-module.css?v=1272607549671043016 */ 
/* List Module
*********************************************************/
.list-module .mod {
    margin:0;
}
.list-module-alt .mod {
    margin-bottom: 10px;
}
/* Child css end: /Css/Common/modules/skins/list-module.css?v=1272607549671043016 */ 


/* Child css start: /Css/Common/modules/skins/media-module.css?v=1272607549671043016 */ 
/*======================== media-object-module ======================== */
.media-object-module {
    padding: 0;
}
/* ====== media-object extensions ====== */
.media-object .content,
.media-object .footer {
    min-height: 28px;
    padding: 0 0 0 10px;
    overflow: hidden;
}
/*======================== media-action-module ======================== */
.media-action-module {
    margin: 0 0 10px 0;
    display: block;
}
.media-action-module .content {
    min-height: 28px;
    display: block;
}
.media-action-module .media-object {
    margin: 0;
    width: 75%;
    display: inline-block;
    float: left;
}
.media-action-module .media img {
    display:block;
}
.media-action-module-alt .media {
     float: right;
}

/*======================== pseudo media module ======================== */
.pseudo-media-object .media {
    margin-right: 10px;   
    display:inline-block;
}
.pseudo-media-object .content {
    margin-left: 35px;
}
.pseudo-media-object .jewel
{
    text-align: center;
    position: absolute;
    margin-left: 10px;
    margin-top: -4px;
    padding: 0 1px;
    width: 18px;
}
/*======================== media module skins ======================== */
.media-action-module .content {
    border-left: 1px solid #D7D7D7;
}
.media-action-module .title {
    color: #333333;
}
.media-action-module .title-link {
    color: #0674C3;
}
/* Child css end: /Css/Common/modules/skins/media-module.css?v=1272607549671043016 */ 

}