﻿/* main styles */

body 
{
    width: 98%;
    height: 100%;
    position: absolute;
    background-color: #888;
    margin-left: 0px;
    
}


div.content
{
    margin: 0 auto 0 auto;
    width: 1024px; 
    background-color: White;
    color: Black;
    padding: 0px 0px 0px 0px;
    overflow: hidden
}

div.header
{
    width: 1024px;
    height: 60px;
    position: relative;
}

div.headerLeft
{
    width: 208px;
    height: 60px;
    background: #888 url('../../images/shared/OTCHeaderLeft.jpg') no-repeat;
    float: left;
}

div.headerRight
{
    width: 816px;
    height: 60px;
    background: #031553;
    /*background: #888 url('../../images/shared/OTCHeaderRight.jpg') no-repeat;*/
    float: right;    
}

div.headerRightCompanyInfo
{
    float:left;
    margin-top: -10px;
    margin-left: 17px;
    font-size: 9pt;
    font-family: Calibri;
    width: 150px;
}

div.bingSearch
{
    vertical-align: middle;
    float:right;
    margin-right: 45px;
    font-size: 9pt;
    font-family: Calibri; 
}

div.headerRightSlogan
{
    vertical-align: middle;
    float:left;
    text-align: center;
    margin-left: -20px;
    margin-right: 100px;
    margin-top: -5px;
    font-size: 20pt;
    font-family: Calibri;
    font-style: italic;
}

div.headerRightSlogan a, 
div.headerRightSlogan a:active, 
div.headerRightSlogan a:visited
{
    font-size : 15pt;
    font-family:Calibri;
    font-style:italic;
    color: White;
    text-decoration: none;
}

/* default styles */

h1
{
    font-family: Calibri;
    font-size:  x-large;
    font-weight: normal;
    color: #0078BC;
}

h2
{
    font-family: Calibri;
    font-size: larger;
    color: #0078BC;
}

p, td, ul, li
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    line-height: 20px;
    color: #062B79;
}

h4
{
    font-family: Calibri;
    font-size: larger;
    font-weight: bold;
    color: #062B79;
}


a, a:active, a:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
}

a:hover
{
    color: #0078BC;
}

/* general content styles */

div.colGeneralContent
{
    width: 748px;
    float: left;
    border-left: solid 3px #0078BC;
    border-right: 0px;
    min-height: 1240px;
    position: relative;
    background-color: #FFF;
    padding: 30px 15px 10px 50px;
}

div.colGeneralContent
{
    width: 748px;
    float: left;
    border-left: solid 3px #0078BC;
    border-right: 0px;
    min-height: 1240px;
    position: relative;
    background-color: #FFF;
    padding: 30px 15px 10px 50px;
}



h1.headerGeneralContent
{
    font-size:  xx-large;
    letter-spacing: 8px;
    padding-left: 15px;
}

h1.trainingHeaderGeneralContent
{
    font-size: x-large;
}

h1.subHeaderGeneralContent
{
    font-size:  medium;
    letter-spacing: 2px;
    padding-left: 20px;
}

h1.subTitleHeaderGeneralContent
{
    font-size: small;
    letter-spacing: 1px;
    padding-left: 20px;
}

h1.middleHeaderGeneralContent
{
    font-size:   x-large;
    padding-left: 15px;
}

/* horizontal header menu */

div.menu
{
    height: 5px;
    background-color: #0078BC;
    font-family: Calibri;
    font-size: small;
    color: White;
    padding: 0px 50px 0px 300px;
    position: relative;
}

a.menuItem:link, a.menuItem:active, a.menuItem:visited 
{
    margin: 0px 75px 0px 75px;
    color: White;
    text-decoration: none;
}

a.menuItem:hover
{
    text-decoration: underline;
}


/* Left column styles */

div.colLeft
{
    width: 208px;
    background-color: #FFFFFF;
    position: relative;
    float: left;
    min-height: 1040px;    
}

ul.LeftCTCLinks
{
    height: 75px;
    width: 100%;
    background-color: #031552;
    list-style: none;
    position: relative;
    margin: 0 0 0 0px;
}

li.LeftCTCLink
{
    padding: 3px 15px 3px 15px;
    width: 100%;
}

a.LeftCTCLink
{
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    width: 100%;
    color: White;
    text-decoration: none;
}

div #LeftCTCNavigation 
{
    width: 209px;
    margin: 0px;
    padding: 0px;
    background-color: #031552;
}
 
div #LeftCTCNavigation ul 
{
    margin: 0px;
    padding: 0px;
}
  
div #LeftCTCNavigation li 
{
    list-style-type: none;
    border: 0px;
    margin-bottom: 0px;
}
 
div #LeftCTCNavigation  li a.level1, 
    #LeftCTCnavigation  li a.level1:active, 
    #LeftCTCnavigation  li a.level1:visited 
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: White;
    width: 195px;
    height: 22px;
    background-color: #031552;
    display: block;
    text-decoration: none;
    padding-left: 14px;
    margin-left: 0;
    border-top: solid 1px #666666;
 }
 
 div #LeftCTCNavigation  li a.level1Indent, 
    #LeftCTCnavigation  li a.level1Indent:active, 
    #LeftCTCnavigation  li a.level1Indent:visited 
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: White;
    width: 202px;
    height: 22px;
    background-color: #031552;
    display: block;
    text-decoration: none;
    padding-left: 2px;
    margin-left: 0;
    border-top: solid 1px #666666;
}
 
 div #LeftCTCNavigation  li a.level2, 
     #LeftCTCnavigation  li a.level2:active, 
     #LeftCTCnavigation  li a.level2:visited 
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: White;
    width: 196px;
    height: 22px;
    background-color: #031552;
    display: block;
    text-decoration: none;
    padding-left: 24px;
    margin-left: 0;
 }

 div #LeftCTCNavigation  li a.level3, 
     #LeftCTCnavigation  li a.level3:active, 
     #LeftCTCnavigation  li a.level3:visited 
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: White;
    width: 170px;
    height: 22px;
    background-color: #031552;
    display: block;
    text-decoration: none;
    padding-left: 34px;
    margin-left: 0;
 }
 
 div #LeftCTCNavigation li a.level1:hover,  
 div #LeftCTCNavigation li a.level2:hover,
 div #LeftCTCNavigation li a.level3:hover,  
 div #LeftCTCNavigation li a.level1Indent:hover
 {
    /* background-color: #CE7004; */
    background-color: #0078BC;
 }
 
 
 /* Testimonial styles */

 hr.Testimonial
 {
    color: #CE7004; 
    height: 2px;
    border-style: dotted;
 }

 div.TestimonialContainer
 {
    float: left;
    margin: 5px 10px 5px 10px;
 }

 p.Testimonial
 {
    font-family : Calibri;
    font-size: small;
    font-weight: bold;
    font-style: italic;
    color: #062B79;
    margin-top: 4px;
    margin-left: 24px;
 }

 h2.Testimonial
 {
    margin-left: 24px;
 }
 
 /* Article style - Index */
 
 div.ArticleContainer
 {
    float: left;
    margin: 12px 5px 5px 0px;
    width: 100%;
    min-height: 900px;
 }
 
h2.Article
{
    font-family: Calibri;
    font-size: large;
    font-weight: normal;
    color: #0078BC;
    padding: 25px 5px 10px 5px;
    margin: 0px;
}

a.ArticleHeaderLink, a.ArticleHeaderLink:active, a.ArticleHeaderLink:visited
{
    font-family: Calibri;
    font-size: large;
    font-weight: bold;
    color: #0078BC;
    padding: 25px 5px 10px 0px;
    text-decoration: none;
}

a.ArticleHeaderLink:hover
{
    text-decoration: underline;
}

a.ArticleHeaderLinkHome, a.ArticleHeaderLinkHome:active, a.ArticleHeaderLinkHome:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    padding: 25px 5px 10px 0px;
    text-decoration: none;
}

a.ArticleHeaderLinkHome:hover
{
    text-decoration: underline;
}
 
 hr.Article
 {
    /* color: #CE7004;  */
    color: #333;
    height: 1px;
    border-style: groove;
 }
 
 p.Article
 {
     margin: 0px 12px 0px 18px;
     color: #444;
 }
 
 span.Article
 {
    font-family: Calibri;
    font-size: small;
    font-weight: bold;
    color:  #CE7004;
 }
 
a.Article, a.Article:active, a.Article:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #CE7004;
    text-decoration: none;
}

a.Article:hover
{
    text-decoration: underline;
}

div.ArticleList
{
    margin: 0px 0px 55px 0px;
}

 /* home styles */

 p.banners
 {
    margin-left: 0px;
    text-align: center;
 }

/*
div.colHomeContent
{
    width: 812px;
    float: left;
    border-left: solid 3px #CE7004;
    border-right: 0px;
    min-height: 1250px;
    position: relative;
    background-color: #F5F5D9;
}
*/


div.colHomeContentLeft
{
    width: 540px;
    background-color: White;
    border-right: solid 3px #0078BC;
    float: left;
    min-height: 1150px;
}

div.colHomeContentRight
{
    width: 268px;
    background-color: #F5F5D9;
    float: right;
    min-height: 1240px;
    overflow: visible;
}

p.Payoff
{
    font-family: Calibri;
    font-size: medium;
    font-style: italic;
    font-weight: normal;
    color: White;
    width: 492px; 
    height: 44px;
    background-color: #031552;
    padding: 0px 24px 0px 24px;
    margin: 0px;
    border: 0px;
    text-align: center;
}

h1.HomeConsultancy
{
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    color: #0078BC;
    width: 250px; 
    height: 44px;
    padding:  20px 0px 20px 18px;
    margin: 0px;
    float: left;
}

a.HomeConsultancy, a.HomeConsultancy:link, a.HomeConsultancy:active, a.HomeConsultancy:visited 
{
    text-decoration: none;
    cursor: pointer;
}

h1.HomeTraining
{
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    color: #CE7004; 
    width: 223px; 
    padding:  20px 0px 20px 18px;
    margin: 0px;
    float: right;
}

p.HomeTraining
{
    font-family: Calibri;
    font-size: x-large;
    font-weight: bold;
    color: White;
    width: 270px; 
    /* height: 38px; */
    background-color: #CE7004; 
    text-align: center;
    vertical-align: middle;
    padding: 20px 0px 20px 0px;
    margin: 0px;
    float: right;
    cursor: pointer;
}

a.HomeTraining, a.HomeTraining:link, a.HomeTraining:active, a.HomeTraining:visited 
{
    text-decoration: none;
    cursor: pointer;
}

p.HomeConsultancy
{
    font-family: Calibri;
    font-size: x-large;
    font-weight: bold;
    color: White;
    width: 270px; 
    /*height: 38px;*/
    background-color: #0078BC;
    text-align: center;
    vertical-align: middle;
    padding: 20px 0px 20px 0px;
    margin: 0px;
    float: left;
    cursor: pointer;
}

a.HomeQuickLinksConsultancy,
a.HomeQuickLinksConsultancy:active,
a.HomeQuickLinksConsultancy:visited
{
    font-family  : Calibri;
    font-size: small;
    font-weight: normal;
    text-decoration: none;
    width: 222px; 
    color: #062B79;
    padding: 5px 2px 5px 18px;
    margin: 0px;
    float: left;
}

a.HomeQuickLinksConsultancy:hover
{
    text-decoration: underline;
}


a.HomeQuickLinksTraining,
a.HomeQuickLinksTraining:active,
a.HomeQuickLinksTraining:visited
{
    font-family  : Calibri;
    font-size: small;
    font-weight: normal;
    text-decoration: none;
    width: 219px; 
    color: #062B79;
    padding: 5px 2px 5px 18px;
    margin: 0px;
    float: right;
}

a.HomeQuickLinksTraining:hover
{
    text-decoration: underline;
}

/* training overview styles */

h1.TrainingOverview
{
    font-family  : Calibri;
    font-size: medium;
    font-weight: bold;
    color: #062B79;
    padding: 10px 2px 5px 18px;
    margin: 0px;
}

h2.TrainingOverview
{
    font-family  : Calibri;
    font-size: medium;
    font-weight: bold;
    color: #062B79;
    padding: 5px 2px 2px 18px;
    margin: 0px;
}

table.TrainingOverview
{
    margin: 5px 2px 2px 18px;
}

td.TrainingOverviewDate
{
    font-family  : Calibri;
    font-size: small;
    font-weight: normal;
    color: #CE7004;
    padding: 1px 2px 1px 2px;
    vertical-align: top;
    width: 50px;
}

td.TrainingOverview
{
    padding:  0px 0px 5px 0px;    
}


a.TrainingOverview,
a.TrainingOverview:active,
a.TrainingOverview:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
    padding: 1px 2px 1px 2px;
    text-decoration: none;
}

a.TrainingOverview:hover
{
    text-decoration: underline;
}

a.TrainingOverviewAll,
a.TrainingOverviewAll:active,
a.TrainingOverviewAll:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
    padding: 1px 2px 1px 18px;
    text-decoration: none;
}

a.TrainingOverviewAll:hover
{
    text-decoration: underline;
}

input.TrainingOverviewSearch
{
    margin: 1px 2px 1px 18px;
    height: 13px;
    width:  225px;
}



/* training list styles */

a.TrainingList, a.TrainingList:active, a.TrainingList:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: bold;
    color: #062B79;
    text-decoration: none;
}

a.TrainingList:hover
{
    text-decoration: underline;
}


div.colHomeContent
{
    width: 713px;
    float: left;
    border-left: solid 3px #0078BC;
    border-right: 0px;
    position: relative;
    background-color: #FFF;
    padding: 0px 50px 50px 25px;
}

/* training detail styles */

div.colTrainingContent
{
    width: 763px;
    float: left;
    border-left: solid 3px #0078BC;
    border-right: 0px;
    min-height: 1040px;
    position: relative;
    background-color: #FFF;
    padding: 30px 0px 10px 50px
}

div.colTrainingContentLeft
{
    width: 431px;
    background-color: #FFF;
    border-right: solid 3px #0078BC;
    float: left;
    min-height: 1040px;
}

div.colTrainingContentRight
{
    width: 329px;
    background-color: #FFF;
    border: 0px;
    float: right;
    min-height: 1040px;
    overflow: visible;
}

h1.Training
{
    font-family: Calibri;
    font-size: large;
    font-weight: bold;
    color: #CE7004;
    padding: 10px 0px 0px 0px;
}

h2.Training
{
    font-family : Calibri;
    font-size: medium;
    font-weight: bold;
    color: #0078BC;
    padding: 0px;
    margin: 0px;
}

h2.TrainingList
{
    font-family : Calibri;
    font-size: medium;
    font-weight: bold;
    color: #0078BC;
    padding: 2px 2px 2px 15px;
    margin: 0px;
}

p.Training 
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
    padding: 2px 2px 15px 2px;
    margin: 0px;
}

p.TrainingList
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
    padding: 2px 2px 2px 15px;
    margin: 0px;
}

td.TrainingLeftIconBar
{
    width: 60px;
    vertical-align: top;
}

td.TrainingRightIconBar
{
    width: 45px;
    vertical-align: bottom;
}

a.Training, a.Training:active, a.Training:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
}

a.Training:hover
{
    color: #CE7004;
}


/* Schedule styles */

a.ScheduleTrainingList, a.ScheduleTrainingList:active, a.ScheduleTrainingList:visited
{
    font-family: Calibri;
    font-size: medium;
    font-weight: normal;
    color: #062B79;
    text-decoration: none;
}

a.ScheduleTrainingList:hover
{
    text-decoration: underline;
}

tr.ScheduleHeader
{
    font-family: Calibri;
    font-size: medium;
    color: #CE7004;
}

tr.ScheduleData
{
    vertical-align: middle;

}

td.Schedule
{
    font-family: Calibri;
    font-size: small;
    font-weight: normal;
    color: #062B79;
}

a.ScheduleTrainingAction, a.ScheduleTrainingAction:active, a.ScheduleTrainingAction:visited
{
    font-family: Calibri;
    font-size: Small;
    font-weight: bold;
    color: #062B79;
    text-decoration: underline;
    padding: 1px;
}

a.ScheduleTrainingAction:hover
{
    color: #CE7004;
}

/* Training outline styles */

h3
{
    font-family: Calibri;
    font-size: small;
    color: #CE7004;
}

ul
{
    font-family: Calibri;
    font-size: small;
    font-weight: normal;
    color: #062B79;
}

/* Register styles */

input.adminTextBox
{
    width: 750px;
    height: 15px;
    /*background-color: #F6FFB7;*/
    color: #062B79;
}

textarea.adminTextBox
{
    width: 750px;
    height: 200px;
    /*background-color: #F6FFB7;*/
    color: #062B79;
}

dropdownlist.adminTextBox
{
    width: 750px;
    /*background-color: #F6FFB7;*/
    color: #062B79;
}

input.registerTextBox
{
    width: 250px;
    height: 15px;
    /*background-color: #F6FFB7;*/
    color: #062B79;
}

textarea.registerTextBox
{
    /*background-color: #F6FFB7;*/
    color: #062B79;
    font-family: Calibri;
    font-size: small;
}

td.leftRegisterColumn
{
   width: 100px;
}

p.optionWarning
{
    color: Red;
    font-weight: bold;
}

.field-validation-error
{
    color: Red;
}

/* Terms of Delivery */

body.terms 
{
    width: 90%;
    height: 100%;
    background-color: #FFF;
    margin: 10px;
}

span.green
{
    color: Green;
}

/* certification */

span.certificationStatusHeader
{
    font-weight: bold;
}

div.certificeringList
{
    margin: 0px;
    padding: 0px;
    width: 500px;
}

div.certificeringHeader
{
    cursor: pointer;
    position: relative;
    margin:1px;
    /*text-decoration: underline; */
    font-family: Calibri;
    font-size: 14px;
    font-weight: normal;
    color: #062B79; 

}

div.certificeringBody
{
    padding: 5px 10px 15px;
    font-family: Calibri;
    font-size: small;
    font-weight: normal;
    color: #000000;
    background-color: #EEE;
}

/* special offers */

div.specialOffers
{
    width: 500px;
    color: Black;
}

span.ExtraAttention
{
    font-size: larger;
    font-weight: bold;
    /*color: #CE7004;  */
}
.editor-field
{
    width: 500px;
}

td.SelectedTestimonial
{
    font-family    : Calibri;
    font-size: small;
    font-weight: normal;
    font-style: italic;
    color: #062B79;
    margin-top: 4px;
    padding-left: 18px;    
}

span.SelectedTestimonialAuthor
{
    font-family    : Calibri;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    color: #062B79;
    margin-top: 4px;
    margin-left: 4px;     
}

p#Audit
{
  text-align: center;   
}

div#DevDays11
{
    width: 700px;
    margin: 100px 0px 0px 0px;
}

div.auditPanelHead
{
    cursor: pointer;
    position: relative;

}

div.auditPanelBody
{
    padding: 5px 10px 15px;
    font-family: Calibri;
    font-size: small;
    font-weight: normal;
    background-color: #EEE;
}

h2.auditPanelHead
{
    text-decoration: underline;    
}

