/* Height of banner and navigation must equal the vertical position of background that tiles in the page body. */

body {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: verdana, arial, helvetica, sans-serif;
    }

h1 {
    margin: 0;
    padding: 0;
    /*font: bold 1.2em Arial, Helvetica, sans-serif;*/
    font: bold 12pt  Arial, Helvetica, sans-serif;
    color: #768899;
    }
    
h2 {
    margin: 10px 0 10px 0;
    font: bold 12pt Arial, Helvetica, sans-serif;
    color: #637280;
    }
    
h2.eventTitle {
    font: bold 12pt Arial, Helvetica, sans-serif;
    color: #000000;
    /*border: 0px solid #B6C2CC;*/
    }
    
h2.eventTitleRegistration {
    font: bold 12pt Arial, Helvetica, sans-serif;
    color: #000000;
    border: 1px solid #B6C2CC;
    }
    
h3 {
    margin: 40px 0 20px 0;
    font: bold 11pt Arial, Helvetica, sans-serif;
    color: #637280;
    }
    
p {
    font-size: 10pt;
    }

strong {
    color: #637280;
    }

img {
    border-width: 0;
    }
    
a:link, a:visited {
    color: #657799;
    text-decoration: none;
    }
 
a:hover, a:active {
    color: #000000;
    text-decoration: underline;
    }
/*****************************/

/* BANNER The banner and its elements. */
div#banner {
height: 65px;
background: url(/images/public_emm/bg_tile_one.gif) repeat-x;
border-bottom: 1px solid #778899;
}

div#banner img#logoOrg {
float: left;
margin: 0;
}

div#banner img#logoSys {
margin: -5px -10px 10px 0;
}

div#bannerInfo {
float: right;
width: 50%;
height: 65px;
border: 0px solid red;
}

div#bannerInfo p {
margin-top: 15px;
padding-right: 10px;
text-align: right;
font-size: .8em;
color: #339;
border: 0px solid gold;
}
    
div#nav {
    display: none;
    margin: 0;
    padding: 0;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    border: 0px solid red;
    }
    
div#nav ul {
    margin: 0;
    padding-top: 10px;
    }
    
div#nav li {
    margin: 0;
    display: inline;
    font-size: 10pt;
    color: #cccccc;
    padding: 0 5px 0 5px;
    }
    
div#nav a:link, div#nav a:visited {
    color: #657799;
    text-decoration: none;
    }
 
div#nav a:hover, div#nav a:active {
    color: #000000;
    text-decoration: underline;
    }
    
div#container {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #778899;
    background: url(/images/public_emm/bg_tile_content_left.gif) #fff repeat-y -80px;
    }
    
div#containerWide {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px;
    border: 0px solid orange;
    background: url(/images/public_emm/bg_tile_content_left.gif) #fff repeat-y -220px;
    }
    
div#content {
    display: block;
    margin: 0;
    padding: 10px;
    border: solid #768899;
    border-width: 0;
    background: url(/images/public_emm/bg_content_heading.gif) no-repeat -80px 0;
    }

div#contentWide {
    display: block;
    margin: 10px;
    padding: 0;
    border: solid #768899;
    border-width: 0;
    background: url(/images/public_emm/bg_content_heading.gif) no-repeat -80px 0;
    }
    
div.containerBox {
    margin: auto;
    width: 325px;
    padding: 10px;
    border: 3px solid #768899;
    background-color: #efefef;
    }
    
div.contentSubSection {
    /*margin: 20px 0 20px 0;*/
    width: auto;
    padding: 10px;
    border: 1px solid #B6C2CC;
    background-color: #efefef;
    }
    
div.contentSubSection p {
    margin: 0 0 10px 0;
    }
    
p.contentCenterData {
    margin: 15px;
    padding: 0px;
    text-align: center;
    border: 0px solid red;
    }
    
p.confirmMessage {
    display: none;
    }

p.unConfirmMessage {
    display: none;
    }

p.warning {
    display: none;
    }
    
p.contentCenterDataMessage {
    margin: 15px;
    padding: 20px;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    color:#cd5c5c;
    border: 1px solid #9FAAB3;
    background-color: #ffffcc;
    }
    
div#colLeft {
    display: none;
    position: absolute;
    top: 150px;
    left: 50px;
    width: 150px;
    padding: 0 0 0 8px;
    color: #336699;
    }
    
div#colLeft p {
    font-size: 9pt;
    }
    
div#colLeft ul {
    margin: 5px;
    }
    
div#colLeft li {
    margin: 0 0 8px 10px;
    font-size: 9pt;
    list-style-type: circle;
    }
    
div#colLeft a:link, div#colLeft a:visited {
    color: #657799;
    text-decoration: none;
    }
    
div#colLeft a:hover, div#colLeft a:active {
    color: #000000;
    text-decoration: underline;
    }
/*****************************/

/* FOOTER Container used for the footer. */
div#footer {
    padding: 5px 0;
    text-align: center;
    color: #999999;
    border: 1px solid #768899;
    background: #F1F4F7 url(/images/public_emm/bg_tile_footer.gif) repeat-x bottom;
    }

div#footer p {
    margin: 5px 0;
    font-size: 9pt;
    }

div#footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    }

div#footer ul li {
    display: inline;
    padding: 0 2em;
    font-size: 9pt;
    }
/*****************************/
    
/** DEFAULT TABLE used for displaying (tabular) data **/    
table {
    margin: auto;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #9FAAB3;
    }
    
th {
    padding: 5px;
    font-size: 10pt;
    color: #768899;
    border: 1px solid #9FAAB3;
    background-color: #F2F2F2;
    }

td  {
    padding: 8px;
    font-size: 10pt;
    /*
    border: dotted #9FAAB3;
    border-width: 0 1px;*/
    border: 1px solid #DAE0E5;
    }
    
tr.odd {
	background-color: #ffffff;
    }

tr.even {
	background-color: #efefef;
    }
    
/** TABLE used as layout **/
table.infoLayout {
    padding-bottom: 30px;
    border: 0px solid #dfdfdf;
    }

table.infoLayout td {
    border: 0px solid #dfdfdf;
    }
    
table.infoLayout td p {
    font-size: 9pt;
    }

.requiredDataText  {
    color: #cd5c5c;
	}
    
/** TABLE and its elements used for the calendar. **/
table#calendar th {
    padding: 5px;
    width: 14%;
    font-size: 8pt;
    color: #768899;
    border: 1px solid #9FAAB3;
    background-color: #F2F2F2;
    }
    
table#calendar td {
    padding: 8px;
    vertical-align: top;
    color: #637280;
    border: 1px solid #B6C2CC;
    height: 100px;
    }
    
table#calendar td {
    text-align: right;
    }

table#calendar td p.day {
    font: bold 10pt Arial, Helvetica, sans-serif;
    color: #637280;
    }
    
table#calendar td p.event {
    margin: 0 0 8px 0;
    padding: 0 0 2px 0;
    font-size: 8pt;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #B6C2CC;
    /*border: 1px solid red;*/
    }

table#calendar td.nonCurrMonth {
    font: normal 8pt Arial, Helvetica, sans-serif;
    color: #637280;
    background-color: #E5E5E5;
    }
/*****************************/
    
div.colsContainer {
    padding: 5px 0 10px 0;
    width: auto;
    font-size: 10pt;
    border: 0px solid #dfdfdf;
    }
        
div#progressionContainer {
    margin-top: -17px;
    height: 60px;
    border: 0px solid #dfdfdf;
    }

div.row {
    clear: all;
    padding-top: 0px;
    }

div.row div.progressionStep  {
    float: left;
    margin: 0;
    padding: 20px 0 0 0;
    width: 33%;
    height: 40px;
    text-align: center;
    vertical-align: bottom;
    color: #336699;
    border: 0px solid #cccccc;
    }
    
 div.row div.progressionStep p {
    margin: 0;
    }
/*****************************/
    
/* FORM The form and its elements */ 
form select {
    width: 175px;
    font: 1em verdana, arial, hevetica, sans-serif;
    border: 1px solid #669999;
    }

form textarea {
    border: 1px solid #669999;
    }

form input.fieldStyle { /* Styles applied to input type of text and password */
    margin: 0;
    width: 175px;
    font: 1em verdana, arial, hevetica, sans-serif;
    border: 1px solid #669999;
    }

form input.buttonForm { /* Styles for the form buttons */
    margin: 0 .75em;
    height: 20px;
    color: #455880;
    font-size: 8pt;
    font-weight: bold;
    border-collapse: collapse;
    border: 1px solid #7D8DB3;
    }

/* BUTTON LINKS Class made to have links look like form buttons. */
a.linkButton:link, a.linkButton:visited, a.linkButton:hover, a.linkButton:active  {
    padding: 3px 10px;
    font-size: 8pt;
    color: #455880;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #7D8DB3;
    }
/*****************************/

/* CALENDAR POP-UP Used for the pop-up calendar  */
table.popCalendar {
	width: 20%;
	background-color: #EFEFEF;
    border: 1px solid #eFeFeF;
	}

table.popCalendar td {
	font-size: 90%;
	background-color: #EFEFEF;
	padding: 5px;
    border: 0px solid #C1C5D6;
	}
    
/* 'SKIP TO' LINKS */
a.skip:link, a.skip:visited, a.skip:hover {
display: none;
}

a.skip:active, a.skip:focus {
display: none;
}
/**********************************************/