/* CSS style adjustments specific to IE6+ browsers */


/* Include styles definitions common to all browsers */
@import url("Toolkit-Common.css");

/* All standard tags font set to small arial */
*
{
    font-size:  12px;
}

h1
{
    font-size: 18px;
}

h2
{
    font-size: 16px;
}

h3
{
    font-size: 16px;
}

/* Sets bullet image and spacing */
ul li
{
    padding: 0px 0px 0px 20px;
}

ul li ul li
{
    padding: 0px 0px 0px 20px;
}

ol li
{
    margin-left: 20px;
    padding-left: 10px;
}

/* CUSTOM STYLES */

.line
{
    padding-top: 13px;
}

.note
{
    font-size: x-small;
}

.pageHeading
{
	font-size:large;
}

/* Main toolkit banner - appears on every page */
#topBanner
{
    top: 0px;
    left: 0px;
}

/* This id controls the Main Area container of each page (below the banner) */
#mainArea
{
    background-image: url(../Images/Common/mainFill.png);
    width: 940px;
    font-weight:normal;
}

#breadCrumb
{
    float: left;
    padding-top: 8px;
    padding-bottom: 0px;
    margin: 0;
    margin-left: 35px;
    margin-bottom: 10px;
}

#userName
{
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 0px;
    margin: 0;
    margin-right: 35px;
    margin-bottom: 10px;
}

/* This id should be used for a single column layout that utilises the full width of the main area */
#contentFullWidth
{
    float: left;
    margin-left: 20px;
}

#contentFullWidthPagePreview
{
    width: 700px;
    float:left;
    padding: 20px;   
    margin-left: 50px;
    background-color: white; 
}


/* This id is used by TrainingDetails, Enrol/Default.aspx */
#contentFullWidthTraining
{
    width: 880px;
    float: left;
    margin-left: 0px;    

}

/* These ids control the 3 column layout of the page within the Main Area */
#contentleft
{
    margin-left: 10px;
    margin-right: 5px;

}

#contentright
{
    width: 265px;
}

/* This id controls the right main section in a 2 column layout where a menu appears on the left NB-use contentleft for the left column */
#contentmain
{
    margin-right: 0px;
}

#themeContent
{
     width:630px;
     font-weight:normal;
     left:0px;
}

/* This id controls the round-cornered container, which forms the bottom of the Main Area of each page */
#mainBtm
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    background-image: url( '../Images/Common/mainBtm.png' );
    left: 0px;
}

.wizardTabListStyle
{
    width: 800px;
}
.wizardTabListStyle li
{
    margin-right:-5px;
}

.dbFormatOverride h1, .dbFormatOverride h2, .dbFormatOverride h3 {
    font-size: 12px;
}

#crm 
{
    padding-left: 30px;
    padding-right: 15px;
}


