/* start of css reset */

html, body, div, ul, li, p, a, h3 {
    padding: 0px;
    margin: 0px;
    border: 0px;
}
    
html, body {
    font-family: Trebuchet MS, Calibri, Arial;
    font-size: small;
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
}

form {
	 height: 100%
}

p {
	 margin-bottom: 15px;
}

/* ------------------  HEADER ------------------  */

#divHeader {
    width: 100%;
    height: 97px;
    background-image: url(../images/Template/images/header_bg_repeat.png);
    background-repeat: repeat-x;
    border-bottom: solid 1px white;
}

#divHeaderLogo {
    height: 97px;
    width: 96%;
    margin: auto;
    background-image: url(../images/Template/images/header_logo.png);
    background-repeat: no-repeat;
    background-position: left;
}

#divToolbar {
    width: 100%;
    min-width: 750px;
    height: 33px;
    margin: 0;
    background-image: url(../images/Template/images/nav_bar_repeat.png);
    background-repeat: repeat-x;
}

/* ------------------  MAIN CONTENT ------------------  */

* { margin: 0; }
    
#divContainer {
	width: 100%;
	min-width: 955px;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: 0 auto -55px auto;            /*0 auto -110px auto;*/
    background-color: #f4f4f4;
    clear: both;
}
    
#divContent {
    width: 100%;
    margin: 0;
    margin-top: 5px;
    clear: both;
}
    
#divContentLeft {
    float: left;
    width: 165px;
    padding-left: 5px;
    padding-right: 5px;
}
    
#divContentMain {
    width: auto;
    border: solid 1px #cecdce;
    margin: 0px 5px 70px 188px;
    text-align: justify;
    background-color: #ffffff;
    padding: 5px;
}
   
div.push { height: 55px; }
div.clear_both { clear: both; }

/* ------------------  FOOTER ------------------  */
#divFooter {
    width: 100%;
    height: 55px;
    clear: both;
    text-align: right;
    vertical-align: middle;
    line-height: 55px;
    background-image: url(../images/Template/images/footer_bg_repeat.png);
    background-repeat: repeat-x;
}
#divFooter span.footerProgName {
    float: left;
}
#divFooter span, #divFooter a {
    margin-left: 10px;
    margin-right: 10px;
    color: White;
}

/* ----------------  UPDATE PROGRESS ---------------  */
.modalBackground {
    background-color:Gray;
    filter: alpha(opacity=60);
    opacity: 0.60;
    z-index: 30000;
}
.updateProgress {
    border: 1px solid black; 
    background-color:#FFFFFF;
    position:absolute;
    width: 170px;
    height: 50px;
    vertical-align: middle;
    z-index: 30100;
}
td.loadingText {
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}
td.loadingImage {
    vertical-align: middle;
    text-align: center;
}

/**/
 h3.introTitle {
	 font-size: 140%;
	 text-align: center;
	 text-decoration: underline;
	 text-transform: uppercase;
	 margin-bottom: 15px;
 }