/*
----------------------------------------------------------------------------------------------------
-- Date Created: July 2006

-- Created By: JM
-- Purpose: Contains the styles for the default theme 
----------------------------------------------------------------------------------------------------
*/


/* HTML Tags
---------------------------------------------------------------------------------------------------- */
/*
html {
	height: 100%
}
body {
	height: 100% 
}
body {
	padding-right: 0px; 
	padding-left: 0px; 
	background: #fff;
	padding-bottom: 0px;
	margin: 0px; 
	padding-top: 0px; 
	font: 0.8em Verdana,Tahoma,Arial,sans-serif;
	color: #9C9C9C; 
}
img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px
}
h1 {
	font-size:1.6em; padding:0; margin:0 0 10px 0;
	}
h2 {
	font-size:1.4em;
	}
h3 {
	font-size:1.2em;
	}	
h4 {
	font-size:1.1em;
	}	
h5 {
	font-size:.9em;
	}	
h6 {
	font-size:.8em;
	}
input 
{
	font: 1em Verdana,Tahoma,Arial,sans-serif;
}

.f1 {
	font-size:1em;
	font-weight:bold;
}

/* Link Styles
----------------------------------------------- */
/*
a:link {
	color:#959595; text-decoration:none; 
	}
a:visited {
	color:#959595; text-decoration:none;
	}
a:hover {
	color:#000000; text-decoration:underline;
	}
a:active {
	color:#959595; text-decoration:none;
	}
	
.pager a:link {text-decoration: underline}
.pager a:visited {text-decoration: underline}
.pager a:hover {text-decoration: underline}
.pager a:active {color:red; text-decoration: underline}

.r {color:#000000;}
.r:link {color:#000000; text-decoration:none;}
.r:visited {color:#000000; text-decoration:none;}
.r:hover {color:#000000; text-decoration:underline;}
.r:active {color:#000000; text-decoration:none;}

.lnk {
	float:right;
}
*/
/* Layout Divs 
---------------------------------------------------------------------------------------------------- */
/*Normal Master Page*/
/*
#container {
	min-height: 80%;
	height: 80%; 
	width: 906px; 
}
#container {
    margin: -108px auto -20px auto; 
}
#content {
	clear: both; 
	margin: 9em auto 1em auto; 
	width: 906px;
}
#app-content {
	float: left; 
	margin-bottom: 1em; 
	width: 672px; 
	min-height: 466px; 
	height: 466px; 
}
#app-menu-wrapper {
	float: right; 
	min-height:466px; 
	height:466px; 
	width: 224px; 
	background: #ffffff url(rightside.gif) no-repeat right top; 
}
#app-menu {
	padding: 20px 20px 20px 20px;  
	position: relative; 
	text-align: left; 
	font-size:11pt;
	color: #959595;
}
/*Menu Master Page*/
/*
#container-m {
    margin: -108px auto -20px auto; 
}
#content-m {
	clear: both; 
	margin: 9em auto 1em auto; 
	width: 800px;
}
#app-content-m {
	float: right; 
	margin-bottom: 1em; 
	width: 590px; 
	min-height: 410px; 
	height: 410px; 
}
#app-menu-wrapper-m {
	float: left; 
	height:410px; 
	min-height:410px; 
	width: 180px; 
}
#app-menu-m {
	padding: 0px 0px 0px 0px;  
	position: relative; 
	text-align: left; 
	font-size:13pt;
}
#app-menu-footer-120 {
	padding: 120px 0px 0px 0px;  
	position: relative; 
	text-align: left; 
	font-size:13pt;
}
#app-menu-footer-205 {
	padding: 205px 0px 0px 0px;  
	position: relative; 
	text-align: left; 
	font-size:13pt;
}
.app-menu-spacer {
	min-height:2px;
	height:2px;
	clear:both;
}
.app-menu-spacer-lrg {
	min-height:20px;
	height:20px;
	clear:both;
}
.app-menu-image {
	padding: 25px 0px 0px 20px;
}
/* Header Styles
---------------------------------------------------------------------------------------------------- */
/*
#header {
	width: 906px; 
	margin: 0px auto; 
	position: relative;
}
#header-wrapper {
    top: 0px; 
    min-height: 168px;
    height: 168px;
    background: #ffffff url(banner.gif) no-repeat center bottom; 
    margin: 0px auto 0px auto; 
    width: 906px;  
}
#subheader {
	width: 906px; 
	margin: 5px auto 0px auto; 
	position: relative;
	font-size: 16px;
    color: #959595;
	text-align: center;
}
.logo {
	float: left;
}
.navigation {
	float: left; 
	width: 40em;
	padding-left:0px; 
	position: relative; 
	text-align: left; 
}
.navigation ul {
	margin:0px; 
	padding:2px;
}
.navigation ul li {
	display: inline; 
	color: #959595; 
}
.navigation ul li a {
	text-decoration: none; 
	padding:2px 5px 2px 5px; 
	color: #959595;
}
.navigation ul li a:hover {
	padding:2px 5px 2px 5px; 
	text-decoration: underline; 
	color: #959595;
}

/* Footer Styles
---------------------------------------------------------------------------------------------------- */
/*
#footer 
{
	clear: both;
}
#footer-wrapper {    
    min-height: 10px;
    height: 10px;
    margin: auto; 
    width: 906px;  
}
.f_navigation {
	float: left; 
	width: 50em; 
	padding-right: 0px; 
	position: relative; 
	font-size: 7pt;
}
.f_navigation ul {
	margin: 0px; 
	padding: 2px;
}
.f_navigation ul li {
	display: inline; 
	color: #959595; 
}
.f_navigation ul li a {
	text-decoration: none; 
	padding: 2px 5px 2px 5px; 
	color: #959595;
}
.f_navigation ul li a:hover {
	padding: 2px 5px 2px 5px; 
	text-decoration: underline; 
	color: #959595;
}
*/
/* Custom Classes
---------------------------------------------------------------------------------------------------- */
/*
.clear {
	clear: both
}
*/
/* Application Menu Styles
---------------------------------------------------------------------------------------------------- */
/*
.menu {
	width:166px;
}
.static-menu {
	color: #003333;
}
.static-menu-item-header {
	color: #3366CC; border: solid 1px #FFFFFF; padding: 2px 2px 2px 2px; margin-bottom:1px; font-weight:bold;      
}
.static-menu-item {
	color: #003333; border: solid 1px #FFFFFF; padding: 2px 2px 2px 2px; margin-bottom:1px; 
}
.static-menu-item-hover {
	color: #003333; border: solid 1px #003333; padding: 2px 2px 2px 2px;
}
.static-menu-item-selected {
	color: #ff9900; border: solid 1px #ff9900; padding: 2px 2px 2px 2px;
}
.dynamic-menu {
	color: #003333; border: solid 1px #003333; padding: 2px 5px 2px 5px; width:auto;
}
.dynamic-menu-item {
	color: #003333; border: solid 1px #FFFFFF; padding: 2px 2px 2px 2px; margin-bottom:1px; 
}
.dynamic-menu-item-hover {
	color: #003333; border: solid 1px #003333; padding: 2px 2px 2px 2px;
}
.dynamic-menu-item-selected {
	color: #ff9900; border: solid 1px #ff9900; padding: 2px 2px 2px 2px;
}
*/
/* Tab Menu Styles
---------------------------------------------------------------------------------------------------- */
/*
.tab-menu {
	vertical-align:bottom; position:relative; top: 1px; left:10px;
}
.tab-menu-item {
  background-color:#cccccc; color:#333333; font-weight:bold; font-size:1em; text-align:center; border:solid 1px #999999; padding: 3px 3px 3px 3px;
}
.tab-menu-item-selected {
  background-color:#ffffff; color:#333333; font-weight:bold; font-size:1em; text-align:center; padding: 3px 3px 3px 3px; border:solid 1px #999999; border-bottom: solid 1px #ffffff;
}
.tab-menu-item-hover {
  background-color:#dcdcdc;
}
.tab-content {
	border: solid 1px #999999; display: block; margin: 0 0 3em 0; padding: 0 1em 1em 1em;
}
*/
/* Modal Window Layout Styles
---------------------------------------------------------------------------------------------------- */
/*
.body-modal {
	color: #333333; background: #5b5b5b; font: 0.7em Verdana,Tahoma,Arial,sans-serif; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; width: 98%;
	}
#modal-content {
	margin-top: 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 0px;
}
#modal-content-header {
	background: url(bg_content.gif) no-repeat 0 0; padding: 0 0 0 15px;
}
#modal-content-header div div {
	background: url(bg_content.gif) #FFFFFF repeat-x -15px 0; height: 15px;
}
#modal-content-header div {
	background: url(bg_content.gif) no-repeat right top; padding: 0 15px 0 0;
}
#modal-content-main {
	background: url(bg_content.gif) #FFFFFF repeat-y left -14px; padding-left: 14px;
}
#modal-content-main-body {
	background: url(bg_content.gif) repeat-y right -10px; padding: 1px 10px 1px 0px;
}
#modal-content-footer {
	background: url(bg_content.gif) no-repeat left bottom; padding: 0 0 0 15px;
}
#modal-content-footer div div {
	background: url(bg_content.gif) no-repeat -15px bottom; height: 15px;
}
#modal-content-footer div {
	background: url(bg_content.gif) no-repeat right bottom; padding: 0 15px 0 0;
}
#modal-content-spacer {
	width:1px;
}

#modal {
	padding-right: 0px; padding-left: 11px; padding-bottom: 0px; padding-top: 0px; margin: 10px auto ; width: 97%; background: #ffffff;  
}
#modal .roundedStart {
	padding-left: 11px; background: url(ContentLeft.gif) no-repeat left top; margin: 0px 0px 0px -11px
}
#modal .roundedStart .roundedStartRight {
	padding:  0px, 10px, 10px, 0px; background: url(ContentRight.gif) no-repeat right top; height: 20px
}
#modal .roundedEnd {
	padding-left: 11px; background: url(ContentLeft.gif) no-repeat left bottom; margin: 0px 0px 0px -11px
}
#modal .roundedEnd .roundedEndRight {
	padding: 0px, 10px, 10px, 0px; background: url(ContentRight.gif) no-repeat right bottom; height: 36px
}
#modal .roundedContent {
	padding-left: 27px; background: #ffffff url(ContentMidLeft.gif) repeat-y left; margin: 0px 0px 0px -11px
}
#modal .roundedContent .roundedContentRight {
	padding:0px 27px 1px 0px; background: #ffffff url(ContentMidRight.gif) repeat-y right;
}
#modalFooter {
	padding: 5px 0px 10px 0px; color: #ff9900; text-align:center; clear: both; display:block;  
	}
*/
/* Title bar
---------------------------------------------------------------------------------------------------- */
/*
.title-icon { 
	float: left;
	}
	
.title-top {
	font-size: 1em; padding-left: 20px; padding-top: 6px;  padding-bottom: 2px; 
	}
	
.title-bottom {
	font-size: 2em; padding-left: 20px; 
	} 
	
.title-seperator {
	clear:both; display:block; 
	} 
.title-line {
	color: #5b5b5b; height: 1px;   
	}
	
	/* Hides from IE-mac \*/
/* * html .title-top {height: 1%;}
* html .title-bottom {height: 1%;}
/* End hide from IE-mac */

/* Input Styles
---------------------------------------------------------------------------------------------------- */
/*
.label-primary {
	float: left; display: block; margin: 1em 1em 0 0; font-weight: bold;
}
.input-primary {
	display: block; width: 15em; margin-left:10px;  
}
.input-bold {
	font-weight:bold; 
}
.error-primary {
	color: red; 
}
.hr-primary {
	border: 0; color: #3366CC; background-color: #3366CC; height: 2px;
}
.scroll-div {
	display:block; overflow:scroll; height:200px; border: ridge 1px; padding:0px; background-color:#FFFFFF; float:left; 
}

/* Form Layout Styles
---------------------------------------------------------------------------------------------------- */
/*
.fieldset-block-370 {
	float: left; display: block; margin: 0 0 0 0.3em; width:370px;
}
.fieldset-block-right {
	float: right; display: block; margin:  0 0 0 0.3em;
}
.fieldset-block-right-bot {
	float: right; display: block; margin:  4em 0 0 0.3em; 
}
.fieldset-block {
	float: left; display: block; margin: 0 0 0 0.3em;
}
.fieldset-block-bot {
	float: left; display: block; margin:  4em 0 0 0.3em;
}
.fieldset-spacer {
	min-height:4px;	height:4px;	clear:both; 
}

/*
.fieldset-horizontal 
{
    display: block; margin: 0 0 0 0; padding: 0 1em 1em 1em;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC);
}
 /* Changed the margin from bottom to top on the above class to get round an
    IE6 bug which causes the fieldset to move when javascript is executed.
    Removed margins on the class below so it can be used on the top of the page. 
*//*
.fieldset-horizontal-tm {
	display: block; margin:  3em 0 0 0; padding: 0 1em 1em 1em;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC);
}
.fieldset-horizontal-nm {
	display: block; margin:  0 0 0 0; padding: 0 1em 1em 1em;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC);
}
.fieldset-horizontal-basic {
	display: block; margin:  0 0 0 0; padding: 0 0 0 0; border: 0;
}
.fieldset-vertical {
	display: block; width: 17em; margin: 0 0 3em 0; padding: 0 1em 1em 1em;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC);
}
.fieldset-command {
	display: block; border:0px;
}
.fieldset-info {
	margin: 1em 1em 0 0;
}
.fieldset-block-only {
	float: left; display: block; margin: 0 0 0 0;
}
.fieldset-block-wide {
	float: left; display: block; margin: 1em 0 0 0;
}
.fieldset-input {
	display: block; width: 15em; margin-left:0px; font-size: 1em;  
}
.fieldset-input-lst {
	display: block; margin-left:0px; font-size: 1em;  
}
.fieldset-input-lst-line {
	display: inline; margin-left:0px; font-size: 1em;  
}
.fieldset-input-line {
	display: inline; width: 15em; margin-left:0px; font-size: 1em;  
}
.fieldset-label {
	margin-left:10px; font-size: 1em;  
}
.fieldset-input-disabled {
	display: block; width: 15em; margin-left:10px; font-size: 1em; background-color: #DCDCDC; 
}
.fieldset-input-smallmargin {
	margin-left:9px; margin-right:0px; font-size: 1em;  
}
.fieldset-input-smallmargin-disabled {
	display: block; width: 15em; margin-left:9px; margin-right:0px; font-size: 1em;  background-color: #DCDCDC;  
}
.fieldset-input-line {
	display: inline; width: 15em; margin-left:0px; font-size: 1em;  
}
.fieldset-input-line-disabled {
	display: inline; width: 15em; margin-left:10px; font-size: 1em;  background-color: #DCDCDC;  
}
.fieldset-input-line-nospace {
	display: inline; width: 15em; margin-left:0px; font-size: 1em;  
}
.fieldset-input-table {
	 margin-bottom: 5px; margin-left:10px; font-size: 1em;  
}
.fieldset-spacer {
	float: left; display: block; margin: 3em 3em 0 0;
}

/* Command Bar Styles
---------------------------------------------------------------------------------------------------- */	
/*
.command-left {
	padding:10px; text-align:left; float:left; width:50%; 
}
.command-right {
	padding:10px; text-align:right; float:right;width:40%; 
}

/* Button Styles
----------------------------------------------- */
/*
.button-go {
	vertical-align:middle; height:16px; width:16px; border:0px; padding:0px 2px 0px 0px;
	}

.button-right {
     float: right; vertical-align:top
    }
    
span.progress div
{
	display: inline;
} 
*/