/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	TAGS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
body {
	background-color: #feedd9;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	font-size: 100%; /* 16px */
	}
#mother, #footer {
	font-size: .75em; /* 16*.75=12px */
	}
td, pre, input, textarea, select {
	font-size: 1em; /* 12*1=12px */
	}
body, td, pre, input, textarea, select {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	}
a:link {
	text-decoration: none;
	color: #970202;
	}
a:visited {
	text-decoration: none;
	color: #970202;
	}
a:hover {
	text-decoration: underline;
	color: #970202;
	}
a:active {
	text-decoration: none;
	color: #970202;
	}
a img {
	border: 0 none;
	}
code {
	color: #f09;
	}
	
	
p, li, pre, blockquote, dt, dd {
	line-height: 1.5;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, blockquote, dl, dt, dd {
	margin-top: 0;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote, dl {
	margin-bottom: 2em;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	}
h1 {
	margin: 0 0 1em 0;
	font-size: 1.5em; /* 12*1.5=18px */
	padding: 0 0 3px 0;
	border-bottom: 1px solid #74B706;
	}
h2 {
	font-size: 1.17em; /* 12*1.17=14px */
	font-style: italic;
	margin-bottom: 1.5em;
	}
h3 {
	font-size: 1em; /* 12*1=12px */
	font-style: italic;
	color: #175556;
	font-weight: normal;
	margin-bottom: 1.3em;
	}
dt {
	margin-top: .7em;
	}
dd {
	margin-left: 20px;
	}
ul {
	list-style-type: square;
	}
li {
	margin-bottom: .6em;
	}
li ol,
li ul {
	margin-top: .4em;
	}
th {
	text-align: left;
	}
object, embed {
	margin: 0;
	padding: 0;
	}
blockquote {
	margin: 0 0 2em 0;
	color: #510102;
	/*background-image: url(../images/bg_left_quote.gif);
	background-repeat: no-repeat;*/
	padding: 0 0 0 15px;
	}
blockquote p {
	/*margin: 0 0 .6em 0;*/
	display: inline;
	background-image: url(../images/bg_right_quote.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 0 0;
	}
blockquote p span {
	background-image: url(../images/bg_left_quote.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 15px;
	}
#ieDiv blockquote p,
#ieDiv blockquote p span {
	background-image: none;
	padding: 0;
	}
blockquote p.quotedBy {
	display: block;
	color: #636262;
	font-size: .92em; /* 12*.92=11px */
	background-image: none;
	padding: 3px 0 0 0;
	margin: 0;
	}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MAIN DIVISIONS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#mother {
	width: 980px;
	margin: 0;
	}

#banner {
	background-image: url(../images/bg_banner.jpg);
	background-repeat: no-repeat;
	height: 183px;
	}
#banner p {
	margin: 0;
	}
#clientLogin {
	text-align: right;
	}
#logo {
	padding: 40px 0 0 30px;
	}
	
#footer {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	height: 47px;
	clear: both;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	}
#footer pre {
	width: 980px;
	text-align: center;
	}
#footer,
#footer pre,
#footer a {
	color: #fff;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	CONTENT
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#content {
	padding: 20px 0 20px 40px;
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	min-height: 460px;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	MENU
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */		
#menu {
	width: 400px;
	float: right;
	padding: 15px 50px 0 0;
	}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#menu li {
	float: left;
	margin: 0;
	text-align: center;
	}
#menu a {
	display: block;
	text-indent: -9999px;
	height: 54px;
	background-image: url(../images/sprite_menu.gif);
	background-repeat: no-repeat;
	}
#products a {
	background-position: 0% 3px;
	width: 99px;
	}
#support a {
	background-position: -102px 3px;
	width: 90px;
	}
#about a {
	background-position: -195px 3px;
	width: 74px;
	}
#contact a {
	background-position: -273px 3px;
	width: 87px;
	}
	
#products a:hover {
	background-position: 0% -64px;
	}
#support a:hover {
	background-position: -102px -64px;
	}
#about a:hover {
	background-position: -195px -64px;
	}
#contact a:hover {
	background-position: -273px -64px;
	}
	
#productsPage #products a {
	background-position: 0% -131px;
	}
#supportPage #support a {
	background-position: -102px -131px;
	}
#aboutPage #about a {
	background-position: -195px -131px;
	}
#contactPage #contact a {
	background-position: -273px -131px;
	}

#menu a,
#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover {
	}
#menu a:hover {
	}
	


/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	HOME PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#ourMission {
	color: #381F01;
	font-size: .92em; /* 12*.92=11px */
	width: 190px;
	float: left;
	padding: 10px 0 0 0;
	}
#ourMission strong {
	display: block;
	font-weight: normal;
	}
#homePage .col1 blockquote {
	text-align: right;
	margin-left: 190px;
	}
#splashGraphic {
	margin: 0 0 20px -40px;
	}

#theToolsList {
	background-image: url(../images/bg_tools_top.jpg);
	background-repeat: no-repeat;
	padding: 60px 0 0 0;
	width: 176px;
	font-size: .92em; /* 12*.92=11px */
	}
#theToolsList h1 {
	height: 0;
	text-indent: -9999px;
	border: 0 none;
	padding: 0;
	margin: 0;
	}
#theToolsList ul {
	background-image: url(../images/bg_tools_bot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 20px 40px 33px;
	list-style-type: none;
	margin: 0;
	}
#theToolsList ul li strong {
	display: block;
	font-weight: normal;
	color: #970202;
	font-style: italic; 
	font-size: 1.27em; /* 11*1.27=14px */
	line-height: normal;
	padding: 0 0 5px 0;
	}
#theToolsList ul li {
	margin: 0 0 20px 0;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	PRODUCT PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#productList {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#productList li {
	padding: 0 0 50px 0;
	clear: both;
	}
#productList .demoLink {
	margin-left: 155px;
	}
#productList h2 {
	margin-bottom: 5px;
	border-bottom: 1px solid #175557;
	padding: 0 0 3px 0;
	width: 300px;
	clear: both;
	}




/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	SUPPORT PAGE
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#supportProducts {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	}
#supportProducts a,
#supportProducts a:hover {
	font-size: 1.17em; /* 12*1.17=14px */
	font-style: italic;
	font-weight: bold;
	color: #000;
	}
#supportInfo {
	background-image: url(../images/bg_support_box_top.gif);
	background-repeat: no-repeat;
	width: 263px
	}
#supportInfo div {
	background-image: url(../images/bg_support_box_bot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px 30px 20px 20px;
	}
#supportInfo dt {
	color: #175556;
	font-style: italic;
	}
#supportInfo a {
	background-image: url(../images/icon_document.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 15px 0 0;
	}
#sendFile {
	border-top: 1px dashed #000;
	padding: 10px 20px;
	margin: 0 20px 0 0;
	}
#sendFile img {
	vertical-align: middle;
	}



/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	APPLICATION PAGES
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
#applicationMenu {
	background-color: #fff8f1;
	min-width: 780px;
	background-color: #0E8385;
	}
#applicationMenu #mother {
	background-image: url(../images/bg_app_page.jpg);
	background-repeat: repeat-x;
	width: 100%;
	}
#topBar {
	text-align: right;
	padding: 5px 15px 0 0;
	margin: 0 0 0 500px;
	line-height: normal;
	height: 17px;
	}
#topBar a {
	background-image: url(../images/bullet_green_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	line-height: 15px;
	color: #246263;
	background-color: #FFF8F1;
	}
#profileLogOut {
	color: #fff;
	width: 100px;
	float: right;
	text-align: right;
	padding: 30px 15px 0 0;
	font-weight: normal;
	line-height: normal;
	}
#profileLogOut,
#profileLogOut a {
	color: #fff;
	}
#applicationMenu #banner {
	background-image: url(../images/bg_app_banner.jpg);
	height: 150px;
	}
#applicationMenu #logo {
	padding: 15px 0 0 15px;
	}
#applicationMenu #content {
	background-image: none;	
	padding: 0 0 30px 50px;
	min-height: 0;
	}
#applicationMenu h1 {
	/*background-image: url(../images/bg_app_h1.gif);
	background-repeat: no-repeat;
	background-position: right center; */
	padding: 0;
	margin: -40px 0 10px 280px;
	width: 370px;
	height: 45px;
        border-bottom: 1px solid #94A9A6;
	}
#adminTools {
	width: 650px;
	text-align: right;
	margin: 0 0 20px 0;
	}
#applicationMenu h1 span {
	text-indent: -9999px;
	display: block;
	}
#applicationMenu #footer {
	margin: 0;
	padding: 5px 0 0 170px;
	height: auto;
	background-image: none;
	}
#applicationMenu #footer p {
	margin: 0;
	}
#appMenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
#appMenu li {
	width: 720px;
	float: left;
	clear: left;
	}
#appMenu a {
	display: block;
	width: 385px;
	float: left;
	font-size: 1.17em; /* 12*1.17=14px */
	}
#appMenu span {
	display: block;
	width: 310px;
	float: left;
	padding: 15px 0 0 10px;
	color: #FAE196
	}
#appMenu a img {
	vertical-align: middle;
	margin: 0 0 0 10px
	}
#appMenu a:link,
#appMenu a:visited,
#appMenu a:active {
	color: #FFF8F1;
	text-align: right;
	text-decoration: none;
	}
#appMenu a:hover {
	color: #8CB2A5;
	}


#applicationPage {
	background-color: #246263;
	}
#applicationPage #mother {
	background-image: none;
	width: 100%;
	min-width: 780px;
	}
#applicationPage #banner {
	width: 100%;
	height: 127px;
	background-image: none;
	}
#applicationPage #banner p,
#applicationPage #banner div {
	banner: 1px solid red;
	}
#applicationPage #content {
	background-image: none;
	padding: 0 0 5px 0;
	min-height: 0;
	background-color: #fff;
	}
#applicationPage #footer {
	padding: 0;
	background-image: none;
	}

#topBarMenu {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 0 5px;
	float: left;
	width: 450px;
	background-color: #FFF8F1;
	font-size: .92em; /* 12*.92=11px */
	}
#topBarMenu li {
	display: inline;
	padding: 0 6px 0 16px;
	line-height: normal;
	background-image: url(../images/bullet_topbar_menu.gif);
	background-repeat: no-repeat;
	background-position: left center;
	}
#topBarMenu li:first-child {
	padding-left: 0;
	background-image: none;
	}
html>body #topBarMenu {
	margin-left: 15px;
	}
#topBarMenu a:link,
#topBarMenu a:visited,
#topBarMenu a:active,
#topBarMenu a:hover {
	color: #000;
	}
#appLogo {
	width: 130px;
	height: 50px;
	float: right;
	text-align: right;
	padding: 0 15px 0 0;
	/*border-bottom: 1px solid red;*/
	}
#homeLogOut,
#homeLogOut a:link,
#homeLogOut a:visited,
#homeLogOut a:active,
#homeLogOut a:hover {
	color: #fff;
	font-weight: normal;
	}

#topTabbedMenu {
	list-style-type: none;
	padding: 0;
	height: 30px;
	margin: 39px 0 0 0;
	/*border: 1px solid red;*/
	}
#topTabbedMenu li {
	float: left;
	padding: 11px 18px 6px 10px;
	background-color: #fff;
	height: 15px;
	line-height: normal;
	background-image: url(../images/bg_tab.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}
#topTabbedMenu a:link,
#topTabbedMenu a:visited,
#topTabbedMenu a:active,
#topTabbedMenu a:hover {
	color: #000;
	}
	
	
	
#downloadFile {
	margin: 0;
	padding: 14px 15px 0 0;
	text-transform: lowercase;
	text-align: right;
	/*border: 1px solid red;*/
	}
#downloadFile a {
	padding: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	color: #4d4d4d;
	line-height: 15px;
	}
#downloadFile.excel a {
	/*background-image: url(../images/icon_excel.gif);*/
	background-image: url(../images/icon/icon_excel.gif)
	}


#appForm {
	background-color: #FEF5EB; 
/*	background-color: #FEEDD9; */
	padding: 15px;
	}
#appForm select,
#appForm input {
	margin: 0 20px 0 0;
	}

#pagingNav {	
	float: right;
	padding: 0 15px 0 0;
	margin: 0;
	width: 200px;
	text-align: right;
	}
#pagingNav a {	
	color: #000;
	}
#pagingTitle {
	padding: 0 0 5px 15px;
	margin: 0;
	}
	
.dataTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	border-bottom: 1px solid #ccc;
	}
.dataTable th {
	color: #246263;
	}
.dataTable th,
.dataTable td {
	text-align: center;
	padding: 2px;
	vertical-align: middle;
	}
.dataTable td {
	background-color: #FEEDD9;
	}
.dataTable tr.alternate td {
	background-color: #F9D7B0;
	}



.ezlp {
	background-image: url(../images/bg_banner_ezlp.jpg);
	}
.ezlp #topTabbedMenu li.selected {
	background-color: #FAD7B2;
	}
	
.eztt {
	background-image: url(../images/bg_banner_eztt.jpg);
	}
.eztt #topTabbedMenu li.selected {
	background-color: #F8CFCA;
	}

.ezpm {
	background-image: url(../images/bg_banner_pm.jpg);
	}
.ezpm #topTabbedMenu li.selected {
	background-color: #FEF98B;
	}
	
.ssnet {
	background-image: url(../images/bg_banner_ssn.jpg);
	}
.ssnet #topTabbedMenu li.selected {
	background-color: #E4C7D9;
	}
	
.dcg {
	background-image: url(../images/bg_banner_dcg.jpg);
	}
.dcg #topTabbedMenu li.selected {
	background-color: #B6D6DA;
	}

.ezap {
	background-image: url(../images/bg_banner_ezap.jpg);
	}
.ezap #topTabbedMenu li.selected {
	background-color: #DAE6A3;
	}

/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

form {
	margin: 0;
	}
fieldset {
	padding: 0 10px 10px 10px;
	margin: 0 0 10px 0;
	}
legend {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 30px 0;
	padding: 3px 10px 3px 10px;
	color: #333;
	}
.columnize label {
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;
	padding: 2px 10px 0 0;
	}
.columnize input,
.columnize select,
.columnize textarea {
	display: block;
	width: 290px;
	float: left;
	margin-bottom: 20px;
	}
.columnize br {
	clear: left;
	}
.columnize p label,
.columnize p input,
.columnize p select,
.columnize p textarea {
	margin-bottom: 0;
	}
.columnize p em {
	display: block;
	margin: 0 0 20px 80px;
	font-size: .83em; /* 12*.83=10px */
	}

p.submitButton {
	text-align: center;
	clear: left;
	padding-top: 1.0em;
	padding: 0;
	}
p.submitButton input {
	background-color: #7796b1;
	color: #fff;
	font-weight: bold;
	border: 0 none;
	padding: 3px 12px 4px 12px;
	margin: 0;
	cursor: pointer;
	}






/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	UTILTY CLASSES/MISC
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.photo {
	padding: 6px;
	background-color: #fff;
	border: 1px solid #82776b;	
	}
.picRight {
	margin: 0 0 15px 15px;
	float: right;
	}
.picLeft {
	margin: 0 15px 15px 0;
	float: left;
	}
.picMiddle {
	text-align: center;
	}
.unbulleted {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	}
.unbulleted li {
	background-image: none;
	padding: 0;
	}	
.cl {
	clear: both;
	}
.note {
	font-size: 90%;
	color: #666;
	}
ul.note {
	padding: 0;
	margin-left: 0;
	}
ul.note li {
	padding: 0;
	margin: 0;
	background-image: none;
	}
	
	
/* COLUMNS (940px total) */
.col1, .col2, .col3 {
	float: left;
	margin: 0 0 0 20px;
	}


/* ONE COLUMN */
.oneColumn {
	padding: 0 200px 0 180px;
	}
	
/* TWO COLUMN */
.twoColumn {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0 200px 0 180px;
	}
.twoColumn .col1 {
	width: 260px;
	margin: 0;
	}
.twoColumn .col2 {
	width: 280px;
	}
	
/* THREE COLUMN */
.threeColumn .col1 {
	clear: both;
	}
.threeColumn .col1 {
	width: 444px;
	margin: 0;
	}
.threeColumn .col2 {
	width: 274px;
	}
.threeColumn .col3 {
	width: 176px;
	}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */


.demoLink {
	display: block;
	background-image: url(../images/bullet_thetools.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 5px 0 0 20px;
	margin: 0;
	text-decoration: none;
	}
a.demoLink:hover {
	text-decoration: underline;
	}








.fontSizesInEmsForBase-12 {
	font-size: .83em; /* 12*.83=10px */
	font-size: .92em; /* 12*.92=11px */
	font-size: 1em; /* 12*1=12px */
	font-size: 1.17em; /* 12*1.17=14px */
	font-size: 1.33em; /* 12*1.33=16px */
	font-size: 1.5em; /* 12*1.5=18px */
	font-size: 1.67em; /* 12*1.67=20px */
	font-size: 2em; /* 12*2=24px */
	font-size: 2.67em; /* 12*2.67=32px */
	}