@import "defaultContent.css"; 

/* ============================================================= */
/* Layout                                                        */
/* ============================================================= */
body
{
    font-family: "Lucida Sans Unicode" , Arial;
    font: 0.7em "Lucida Grande" , "Lucida Sans Unicode" , Arial, Helvetica, sans-serif; /* 	font-size: 11px; */
    line-height: 18px; /* general font color */
    color: #555555;
    background-color: #CCCCCC;
    background-image: url(images/shared/bg_main.jpg);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
    line-height:1.4em;
}

#mainContainer
{
    margin-right: auto;
    margin-left: auto;
    width: 800px;
}

img
{
    border-collapse: collapse;
    border: 0;
}

p
{
    margin: 10px 0 10px 0;
}

a
{
    color: #336699;
    text-decoration: none;
}

a:hover
{
    color: #DDA73A;
    text-decoration: underline;
}

h1
{
/*    font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1.5em;
    color: #336699;
    margin-bottom: 0;
}
.h1subheader
{
/*    font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1.2em;
    font-weight: bold;
    color: #3398CC;
    margin-top: 0px;
}
h2
{
/*    font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1.2em;
    font-weight: bold;
    color: #336699;
}

.generalHeader
{
    text-align: left;
/*    font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1em;
    font-weight: bold;
    padding-bottom:3px;
    color:#336699;
}

.generalBlueHeader
{
    text-align: left;
/*    font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 1em;
    font-weight: bold;
    color: #3398CC;
}

.formEntryBlock,
.formEntryBlockWithBG
{
    margin:20px 0 10px 0;
    padding:10px;
}
.formEntryBlock
{
    border:1px solid #CCCCCC
}
.formEntryBlockWithBG
{
    background-color:#EEEEEE;
    border:1px solid #CCCCCC
}

.formEntryBlockInstructions
{
    margin-bottom:8px;
    padding:5px 0;
}

.zeroLineHeight
{
    line-height:0px;
}

/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Layout: Header Section                                        */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
#headerSection
{
    margin: 0;
    padding: 0;
}
#headerTable
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 128;
}

#headerRow1
{
    background-image: url(/images/shared/header/hdr_bg_row1.jpg);
    height: 58px;
    padding-top: 10px;
    padding-right: 35px;
    color: #FFFFFF;
    font-size: 12px;
    white-space: nowrap;
    vertical-align: top;
    text-align: right;
}

#headerRow1 a:hover
{
    text-decoration: underline;
}
#headerRow1 input
{
    margin-left: 10px;
}


#headerRow2
{
    background-image: url(/images/shared/header/hdr_bg_row2.jpg);
    padding-left: 380px;
    padding-bottom: 0;
    margin-bottom: 0;
    white-space: nowrap;
}


/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Layout: Body Section                                          */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
#bodySection
{
    margin: 0px auto 0px auto;
    padding-top:10px;
    height: 500px;
    vertical-align: top;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

.bodyLeft
{
    float: left;
    width: 180px;
    padding: 10px 20px 20px 40px;
}
.bodyRight
{
    float: right;
    width: 490px;
    padding: 10px 40px 20px 20px;
}

.bodyLeftItem
{
    padding-bottom: 20px;
}

#backToPreviousLink
{
    padding:0 10px 0 10px;
    text-align:right;
}

/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Layout: Footer Section                                        */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
#footerSection
{
    margin: 0px auto 0px auto;
    background-color: #F1F1F1;
    border: 1px solid #CCCCCC;
}

#footerSectionLeft
{
    float: left;
    padding-left: 20px;
    padding-top: 5px;
}

#footerSectionRight
{
    float: right;
    font-size: 10px;
    text-align: right;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 15px;
}
#footerSectionRight a
{
    padding-left: 20px;
    color: #999999;
    text-decoration: underline;
}


/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Pattern for all Ektron Lists                                  */
/* ============================================================= */
/* ============================================================= */
/* Set wrapper tag to DIV ====================================== */
.ListSummary
{
}
.ListSummaryRow
{
   margin:15px 0px;
}
.ListSummaryTitle
{
}

.ListSummaryData
{
}


/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Blue Box                                                      */
/* ============================================================= */
/* ============================================================= */
/* Example ===================================================== */
/* ============================================================= 
        <div class="bluBox">
            <div class="boxTop"></div>
            <div class="boxBody">
                content goes here .....
            </div>
            <div class="boxBottom"></div>
        </div>
   ============================================================= */
.bluBox
{
    color: #FFFFFF;
    width: 156px;
}
.bluBox a
{
    color: #FFFFFF;
    text-decoration:underline;
}
.bluBox .boxTop
{
    background: url(/images/shared/leftSideMenu/bluBox_top.jpg) no-repeat bottom left;
    height: 9px;
    width: inherit;
    border: 0px;
}
.bluBox .boxBody
{
    background: url(/images/shared/leftSideMenu/bluBox_bg.jpg);
    padding-left: 7px;
    border: 1px solid transparent;
}
.bluBox .boxBottom
{
    background: url(/images/shared/leftSideMenu/bluBox_btm.jpg) no-repeat top left;
    height: 9px;
    width: inherit;
    border: 0px;
}

.bluBoxMedium
{
    color: #FFFFFF;
    width: 300px;
}
.bluBoxMedium a
{
    color: #FFFFFF;
    text-decoration:underline;
}
.bluBoxMedium .boxTop
{
    background: url(/images/shared/leftSideMenu/bluBox_med_top.jpg) no-repeat bottom left;
    height: 13px;
    width: inherit;
    border: 0px;
}
.bluBoxMedium .boxBody
{
    background: url(/images/shared/leftSideMenu/bluBox_med_bg.jpg);
    padding-left: 7px;
    border: 1px solid transparent;
}
.bluBoxMedium .boxBottom
{
    background: url(/images/shared/leftSideMenu/bluBox_med_btm.jpg) no-repeat top left;
    height: 13px;
    width: inherit;
    border: 0px;
}


/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* goAllianceBox                                                 */
/* ============================================================= */
/* ============================================================= */
/* Example ===================================================== */
/* ============================================================= 
        <div class="bluBox">
            <div class="boxTop"></div>
            <div class="boxBody">
                content goes here .....
            </div>
            <div class="boxBottom"></div>
        </div>
   ============================================================= */
.goAllianceBox
{
    width: 158px;
}
.goAllianceBox a
{
}
.goAllianceBox .boxTop
{
    background: url(/images/shared/goAllianceNav/bg_goalliancenav_top.gif) no-repeat bottom left;
    height: 9px;
    width: inherit;
}
.goAllianceBox .boxBody
{
    background: url(/images/shared/goAllianceNav/bg_goalliancenav_mid.gif);
    padding-left: 7px;
}
.goAllianceBox .boxBottom
{
    background: url(/images/shared/goAllianceNav/bg_goalliancenav_btm.gif) no-repeat top left;
    height: 9px;
    width: inherit;
}


/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Campaign Details                                              */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
.campaignDetails
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.campaignAttribute
{
    margin-bottom: 5px;
}
.campaignLogo
{
    float:right;
}

.campaignAttribute .header
{
    font-weight: bold;
}


.campaignMediaListInInGridview
{
    width: 100%;
    background: url(/images/shared/divider.png) top left no-repeat;
    padding-top: 10px;
}
.campaignMediaListInInGridview .leftSide
{
    float: left;
    text-align: left;
    vertical-align: top;
    width: auto;
    margin-bottom: 20px;
}
.campaignMediaListInInGridview .rightSide
{
    text-align: left;
    float: right;
    vertical-align: top;
    width: 300px;
    margin: 0px 0px 10px 10px;
    padding: 0px 0px 5px 5px;
    background-color: #EEE;
}

/* Campaign Media attributes */
.campaignMediaAttribute
{
    float: left;
    clear: both;
    width: 100%;
}
.campaignMediaAttribute .header
{
    float: left;
    font-weight: bold;
    width: auto;
}
.campaignMediaAttribute .value
{
    float: right;
    width: 175px;
}





/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Campaign Search                                               */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */



.campaignSearchContainer
{
    padding: 15px 0 0 0;
    margin:0px;
    width: 100%;
    float:left;
    
}

.campaignSearchSection
{
    width: 100%;
    text-align: left;
    float:left;
}

.campaignSearchSectionDivider
{
    border-top:1px solid #eeeeee;
    width: 100%;
    float:left;
}

.campaignSearchProductsSection
{
    float: left;
    clear: left;
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 5px;
}
.campaignSearchProductsSection .subSection
{
    float: left;
    clear: left;
    padding-top: 5px;
    width:100%;
}
.campaignSearchProductsSection .subSection .subHeader
{
    float: left;
    color: #999999;
    font-weight: bold;
    font-size: .8em;
    white-space: nowrap;
}
.campaignSearchProductsSection .subInput
{
    float: right;
}
.campaignSearchCriteria
{
    border: 1px solid #CCCCCC;
    float: right;
    padding:10px;
    width:300px;
}
.campaignSearchCriteria .header
{
    font-weight: bold;
    padding-right:5px;
    width:80px;
    clear:left;
    float:left;
    vertical-align:top;
    text-align:left;
}
.campaignSearchCriteria .value
{
    float:left;
    vertical-align:top;
    text-align:left;
    width:auto;
}

.campaignSearchCampaignListInInGridview
{
    width: 100%;
    background: url(/images/shared/divider.png) top left no-repeat;
    padding-top: 10px;
}





/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Campaign Search                                               */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */

.submitCampaignSection
{
    border: 1px solid #CCCCCC;
    margin: 10px 0 20px 0;
    padding: 5px;
    width: 100%;
    text-align: left;
    vertical-align: top;
}

.submitCampaignMediaListInInGridview
{
    width: 100%;
    background: url(/images/shared/divider.png) top left no-repeat;
    padding-top: 10px;
}




/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
/* Case Studies in Gridview                                      */
/* ============================================================= */
/* ============================================================= */
/* ============================================================= */
.caseStudyInGridview
{
    float: left;
    background: url(/images/shared/divider.png) top left no-repeat;
    padding-top: 20px;
}

.caseStudyHeader
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    color: #3398CC;
}