/*

	Main website structural styles

	Author:		Peter Santos <psantos@esolutionsgroup.ca>
	Date:		November 24, 2008
		
*/

body {
    font-family: Arial, Verdana, Serif;
    font-size: 12px;
    background-color: #ebebeb;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
ul, li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/* below code is need to make share dropdown work in ie, otherwiswe results in javascrip error. This bascially sets the line heightat printarea level*/
#printArea,
#printArea .none {
    font-size: 12px;
    line-height: 16px;
	margin-top:34px;
}

#printArea h1 {
	color: #4E4E4E !important;
    font-size: 1.3em !important;
    font-weight: bold;
    margin: 15px 0;
    padding: 0;
    text-transform: uppercase;
}

#printArea h2 {
    color: #4E4E4E !important;
    font-size: 1.2em !important;
    font-weight: bold;
    margin: 15px 0;
    padding: 0;
    text-transform: uppercase;
}

#printArea h3 {
    font-weight: bold;
    font-size: 1.2em !important;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #333333;
}

#printArea h4,
#printArea h5,
#printArea h6 {
    margin: 15px 0;
    font-size: 12px;
    line-height: 16px;
}

#printArea .intro {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}
#printArea .caption {
    font-size: 11px;
    font-style: italic;
    line-height: 15px;
}

#printArea p{
    font: Helvetica, Arial, sans-serif;
   
}

#printArea li p
{
    margin:0;
}

/* Ensuring content-related lists display properly in content areas 

#contentLeft ul, #printArea ul { margin: 15px 0px 30px 30px; }
#contentLeft ol, #printArea ol { margin: 15px 0px 30px 30px; }
#contentLeft li, #printArea li { margin: 10px 0px 10px 0px; line-height:19px;}*/

/* Text
*************************************************************************************/
.fontSize {
    font-size: 0.9em;
    font-weight: bold;
    color: #335583;
    line-height: 33px;
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 0px 7px;
    float: right;
}
.actionOne {
    float: right;
    font-size: 0.9em;
    color: #2d2d2d;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 15px;
    text-transform: uppercase;
    background: url('../images/printIcon.gif') no-repeat 0px 27px;
}
.actionTwo {
    float: right;
    font-size: 0.9em;
    color: #2d2d2d;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 20px;
    text-transform: uppercase;
    background: url('../images/shareIcon.gif') no-repeat 0px 29px;
    
}
.actionThree {
    float: right;
    font-size: 0.9em;
    color: #2d2d2d;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 20px;
    text-transform: uppercase;
    background: url('../images/emailIcon.gif') no-repeat 0px 28px;
}
.actionFour {
    float: right;
    font-size: 0.9em;
    color: #2d2d2d;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 15px;
    text-transform: uppercase;
    background: url('../images/rssIcon.gif') no-repeat 0px 27px;
}
/* Images
*************************************************************************************/
.logoOne {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneIMG {
    float: left;
    border-bottom: solid 1px #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneGreenIMG {
    float: left;
    border-bottom: solid 1px #39ce5a;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryGreenIMG {
    float: left;
    border-bottom: solid 1px #39ce5a;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOnePurpleIMG {
    float: left;
    border-bottom: solid 1px #c346dc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryPurpleIMG {
    float: left;
    border-bottom: solid 1px #c346dc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneAquaIMG {
    float: left;
    border-bottom: solid 1px #08c7ff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryAquaIMG {
    float: left;
    border-bottom: solid 1px #08c7ff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneBlueIMG {
    float: left;
    border-bottom: solid 1px #00669d;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryBlueIMG {
    float: left;
    border-bottom: solid 1px #00669d;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneOrangeIMG {
    float: left;
    border-bottom: solid 1px #ff8808;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryOrangeIMG {
    float: left;
    border-bottom: solid 1px #ff8808;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelOneYellowIMG {
    float: left;
    border-bottom: solid 1px #f7d300;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.LevelSecondaryYellowIMG {
    float: left;
    border-bottom: solid 1px #f7d300;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.searchBox {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
}
.imageTwo {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 7px 0px;
}
.blueArrow {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 11px 0px 0px 0px;
}
.ImageTitleOne {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 31px 0px;
}
.eventsTitle {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
}
.esolutionsLogo {
    float: right;
    margin: 10px 0px 0px 0px;
}
.footerLogoOne {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 23px 0px 0px;
}
.footerLogoTwo {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 26px 0px 0px;
}
.footerLogoThree {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}
/* Other
*************************************************************************************/
.nolistStyle {
    list-style-type: none;
}
.floatRight {
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
}
.Pipe {
   margin: 0px 0px 0px 0px;
   padding: 0px 10px 0px 10px;
   float: left;
}

.pictureright {
	float: right;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.pictureleft {
	float: left;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-bottom-color: #999999;
	border-right-color: #999999;
	padding-bottom: 3px;
	padding-right: 3px;
	margin-bottom: 5px;
	margin-right: 10px;
}

/* Tabular Data Table */

.datatable {
	margin: 0px 0px 15px 0px;
	padding: 0;
	border: 1px solid #B6B4B4;
}

.datatable td { padding: 7px 10px; }

.datatable .titlerow, .datatable .titlerow_even, .datatable .titlerow_odd {
	background: #EFEBEF;
	text-align: left;
	font-weight: bold;
	color: #335583;
}

.datatable .row { background: #F3F3F3; }

.datatable .altrow { background: #ECECEC; }