/*
############################################################
Base styles
############################################################

* { margin:0; padding:0; } 
option {padding-left: 0.4em}
*/

html, form, div, body {
	scrollbar-base-color: #e9e9e9;
	scrollbar-3dlight-color: #dbdbdb;
	scrollbar-arrow-color: #787878;
	scrollbar-darkshadow-color: #aeaeae;
	scrollbar-face-color: #e9e9e9;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #e9e9e9;
	scrollbar-track-color: #f5f5f5;
}

html, form {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

/* page bodies */
body {
	position: relative;
	font-family: Verdana, sans-serif;
	font-size: 8.5pt;
	text-align:left;
	color: #333;
}

body#DefaultMaster, body#AppPageMaster {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #ffffff; 
    }

body#DefaultMaster {
    }

body#AppPageMaster {
    overflow:hidden;
    }

body#WindowPageMaster {
	height: auto;
	padding: 0px 4px 4px 4px;
	margin: 0;
	background: #ffffff;
}

/* Headings */ 
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	margin: 0;
	padding: 4px 0;
	font-weight: normal;
	color: #666666;
}

h1 {
	font-size: 13pt;
	padding: 8px 0px 8px 0px;
	font-family: Verdana;
}

h2 {
	font-size: 11pt;
	padding: 16px 0px 8px 0px;
}

h3, h4, h5 {
	font-size: 10pt;
	padding: 8px 0px 4px 0px;
}

h3 {
	font-weight: bold;
   }

h4, h5 {
	font-weight: normal;
}

h5 {
	font-weight: normal;
    border-bottom: 1px dashed #666666;
}

p, pre {
	line-height:1.3em;
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
    text-align:justify;
}

pre {
	background-color: #dddddd;
	padding: 4px 4px 4px 4px;
	font-size: 11px
}

code {
	background-color: #dddddd;
	padding: 4px 4px 4px 4px;
}

img {
	border:0;
}

/* anchor element */ 
a {
	text-decoration: none;
	color: #1F3976;
}

blockquote, cite {
    margin: 0 0 4px 30px;
    width: auto;
} 

fieldset {
	border: 0px;
}

table {
	font-size: 100%;  /*IE 5.5 requirement */
	background-color: transparent;
	empty-cells: show;
}

/* Print styles */
@media screen {
    .printonly {
        display: none !important;
    }
}

@media print {
    .noprint {
        display: none !important;
    }
}



/*
############################################################
Layout styles
############################################################
*/
.pageSection {
	position: relative;
	width: 820px;
	min-height: 100% !important; /* must always be 100% */
	margin: 0px auto; /* top/border must always be 0!; left right can be set */
	padding: 0px 0px; /* top/border must always be 0!; left right can be set */
	background-color: transparent !important;
	border-left: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	background: transparent url('/App_Themes/Default/Images/Layout/default_content.jpg') repeat-y scroll left top;
	_height: 100% !important; 
}

.noFooterSection {
	position: relative;
	width: auto;
	min-height: 100% !important; /* must always be 100% */
	margin: 0px 0px 0px 0px; /* top/bottom must always be 0!; left right can be set */
	padding: 0px 0px; /* top/bottom must always be 0!; left right can be set */
	background-color: transparent;
	height: 100%;
	border-left: 0px solid #2222ff;
	border-right: 0px solid #2222ff;
	_height: 100% !important; 
}

.headerSection {
	position: relative;
	z-index:10;
	width: auto;
	height: 171px;
	margin: 0px auto 0px auto; /* top must always be 0 (Firefox rendering error!); bottom/left/right can be set */
	padding: 4px;
	border: 0px none;
	background: transparent url('/App_Themes/Default/Images/Layout/default_head.jpg') no-repeat scroll left top; 
    z-index: 20;
}

.menuSection {
	position: relative;
	height:50px;
	width: auto;
	padding:0;
	margin:0;
	z-index:10;
	background-color: transparent;
	border: 1px solid #666666;
}

.mainSection {
	position: relative;
	padding: 0px 0px 30px 0px; /* bottom padding must corelate to footer height (its the are where the footer moves to on short pages) */
	margin: 0px auto;
	width: auto;
	background-color: transparent;
	height:100%;
	border: 0px solid #33ffff;
    z-index: 10;
}

.mainLeft {
	position: relative;
	float: left;
    display:inline;
	margin: 12px 24px 0 11px;
	padding: 0;
	background: transparent; 
	z-index: 10;
}

.mainContent {
	position: relative;
    float: left;
    display:inline;
    margin: 12px 0 0 0;
	padding: 0;
    background: transparent; 
	z-index: 5;
	height:100%;
}

.footerSection	{
	position: relative;
	width: 820px;
	height: 22px;
	overflow: hidden;
	margin: -30px auto 0px auto; /* top must be at least the overall NEGATIVE height of the footer Section */
	padding: 4px 0px 4px 0px;
	border: 0px none;
	background: transparent url('/App_Themes/Default/Images/Layout/default_footer.jpg') no-repeat scroll left top; 
}

/*
############################################################
Classes styles
############################################################
*/
/* --------------------------------*/
/* Float Clearfix */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}
/* Workaround: Clearfix all IE */
.clearfix { display: inline-block; } 

* html .clearfix { height: 1%; } 
.clearfix { display: block; } 

/* Float Clearer */
.clearer {
	clear: both;
	position: relative;
	height: 1px;
	line-height: 1px;
	margin: 0 0 -1px;
}

/* --------------------------------*/
.warningColor {
    color: #A00000;
}

.infotext {
	color: #6d6b67;
    line-height:1em;
    font-size: 7pt !important;
}

/*
############################################################
Rounded Box
############################################################
*/
@media screen {
    .rndBox {
    position:relative;
    margin:0px auto;
    min-width:8em;
    max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
    z-index:1;
    margin-left:10px; /* default, width of left corner */
    margin-bottom:4px; /* spacing under dialog */
    }

    .rndBox .c, .rndBox .t, .rndBox .b, .rndBox .b div {
    background:transparent url('/App_Themes/Default/Images/RndBox/rndBox_grey.png') no-repeat top right;
    _background-image:url('/App_Themes/Default/Images/RndBox/rndBox_grey.gif');
    }

    .rndBox .c {
    position:relative;
    zoom:1;
    _overflow-y:hidden;
    padding:8px 10px 0px 0px;
    }

    .rndBox .t {
    /* top+left vertical slice */
    position:absolute;
    left:0px;
    top:0px;
    width:10px; /* top slice width */
    margin-left:-10px;
    height:100%;
    _height:1600px; /* arbitrary long height, IE 6 */
    background-position:top left;
    }

    .rndBox .b {
    /* bottom */
    position:relative;
    width:100%;
    }

    .rndBox .b,
    .rndBox .b div {
    height:10px; /* height of bottom cap/shade */
    font-size:1px;
    }

    .rndBox .b {
    background-position:bottom right;
    }

    .rndBox .b div {
    position:relative;
    width:10px; /* bottom corner width */
    margin-left:-10px;
    background-position:bottom left;
    }

    .rndBox .hd,
    .rndBox .bd,
    .rndBox .ft {
    position:relative;
    }

    .rndBox .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position:static;
    max-height:1000px;
    overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
    }

}