@charset "utf-8";
/* CSS Document */

/* --------- Global Elements ---------- */
body { margin:0; margin-top: 0px; padding:0; border:0; background-color:#F1F1F1; color:#1F1F1F; font-family:Arial,Helvetica,Sans-serif; }
table { border:0; font-size: 12px; }
a img { border-width:0; border-style:none; }
p { margin-top : 0px; margin-left: 0px; margin-right: 0px; margin-bottom : 10px; line-height:.5; }
ul { list-style : square; margin-top : 0px; margin-bottom : 8px; }
ol { margin-top : 0px; margin-bottom : 8px; }
a:link, a:visited, a:hover, a:active { text-decoration:underline; color:#325DB5; }
a:visited { color:#553885; }
a:hover { text-decoration:none; }
.companyLogo { background-image:url(logoCompany.gif); background-repeat: repeat-x; background-position: left bottom;}
.errorText { font-family:Arial, Helvetica, Sans-serif; font-size: 11px;	color: #CC0000;	background-color: #FFFF66;}
div.dottedLine { background: url(../images/dotted_line.gif) left center repeat-x; border:0; margin: 0; padding: 0;height: 1px; clear:both;}
hr.dottedLine { border:0; margin: 0; padding: -10; border-top: 1px dotted #B2B2B2;}
.activelink { background-color:#CCFF00; padding: 4px;}

/* --------- Text Elements ---------- */
p.apptab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	margin-top: 2px; margin-bottom: 0px; margin-left: 42px; margin-right: 0px; 
}
p.portaltab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F1F1F;
	font-weight:bold;
	text-transform:uppercase;
	margin-top: 5px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
}
p.loginstatustext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-transform:lowercase;
	margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; 
}
p.tabmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform:uppercase;
	color: #1F1F1F;
	margin-top: 0px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; 
}
p.pagetab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F1F1F;
	font-weight:bold;
	text-transform:uppercase;
}
p.footermenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	word-spacing: 0px;
	padding: 0px;
	margin-top: 2px; margin-bottom: 2px; margin-left: 10px; margin-right: 10px;
}
p.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-top: 25px; margin-bottom: 0px; margin-left: 25px; margin-right: 25px; 
}
h1.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1F1F1F;
	margin-top: 10px; margin-bottom: 10px;	margin-left: 0px;	margin-right: 0px;
}
h2.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1F1F1F;
	margin-top: 10px; margin-bottom: 10px;	margin-left: 0px;	margin-right: 0px;
}
h3.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1F1F1F;
	margin-top: 10px; margin-bottom: 10px;	margin-left: 0px;	margin-right: 0px;
}
h4.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1F1F1F;
	margin-top: 10px; margin-bottom: 10px;	margin-left: 0px;	margin-right: 0px;
}
h5.pagetitle{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #1F1F1F;
	margin-top: 10px; margin-bottom: 10px;	margin-left: 0px;	margin-right: 0px;
}

/* --------- Link Elements ---------- */
a.portallink:link {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.portallink:visited {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.portallink:hover {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.logintext:link {
	color:#FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.logintext:visited {
	color:#FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.logintext:hover {
	color:#FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.pagetablink:link {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.pagetablink:visited {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a.pagetablink:hover {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.footermenulink:link {
	color:#FFFFFF;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a.footermenulink:visited {
	color:#ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a.footermenulink:hover {
	color:#ffffff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
}
a.footerlink:link {
	color:#999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a.footerlink:visited {
	color:#999999;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}
a.footerlink:hover {
	color:#1F1F1F;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
}
/* --------- Table Elements ---------- */
.border { 
	border: 1px solid #CCCCCC;
}
.borderLogin {
	border-right: 1px; 	border-bottom: 1px;	border-left: 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
table.logo {
	padding: 0px;
	height: 106px;
	width: 100%;
	background-color: #E2E2F1;
	margin: 0px;
	background-image: url(bglogotable.gif);
	background-repeat: repeat-x;
}
table.apptab {
	padding: 0px;
	height: 30px;
	width: 200px;
	margin: 0px;
	background-image: url(tabAppBlank.gif);
	background-repeat: no-repeat;
}
td.portaltabs {
	padding: 0px;
	height: 30px;
	width: 75px;
	margin: 0px;
	background-image: url(tabPortalNavBlank.gif);
	background-repeat: repeat-x;
}
td.loginstatus {
	margin: 0;
	padding: 0;
	width: 380px;
	background: #6A086B url(bgMenuTable.gif) center center repeat-x;
}
table.topmenutable {
	padding: 0px;
	height: 23px;
	width: 100%;
	background-color: #6A086B;
	margin: 0px;
}

table.tabmenu {
	padding: 0px;
	height: 51px;
	width: 100%;
	background-color: #E2E2F1;
	margin: 0px;
	background-image: url(bgTabTable.gif);
	background-repeat: repeat-x;
}
table.tabsubmenu {
	padding: 0px;
	height: 26px;
	width: 100%;
	background-color: #FFFFFF;
	margin: 0px;
	background-image: url(bgTabSubTable.gif);
	background-repeat: repeat-x;
}
table.pagecontent {
	padding: 0px;
	margin: 0px;
	height: 200px;
	width: 100%;
	background-color: #FFFFFF;
}
td.pagetabs {
	padding: 0px;
	height: 31px;
	width: 128px;
	margin: 0px;
	background-image: url(pageTabBlank.gif);
	background-repeat: repeat-x;
}
td.pagetabsActive {
	padding: 0px;
	height: 31px;
	width: 128px;
	margin: 0px;
	background-image: url(pageTabBlankActive.gif);
	background-repeat: repeat-x;
}
table.footermenutable {
	margin: 0;
	padding: 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	width: 100%;
	height: 26px;
	background: #6A086B url(bgFooterMenu.gif) repeat-x;
}
table.footertable {
	margin: 0;
	padding: 0;
	height: 90px;
	width: 100%;
	background-image: url(bgFooter.gif);
	background-repeat: repeat-x;
}
table.reports {
	background-color: #F1F1F1;
	border: 1px solid #666666;
}
td.F1 {
	background-color: #F1F1F1;
}
td.white {
	background-color: #FFFFFF;
}
td.grey {
	background-color: #CCCCCC;
}

/* --------- List Elements ---------- */

.topmenu {
	margin: 0;
	padding: 0;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform:capatalize;
	width: 100%;
	word-spacing: 0px; 
	background: #6A086B url(bgMenuTable.gif) center center repeat-x;
}
.topmenu li{
	display: inline;
}
.topmenu li a {
	float: left;
	color: white;
	padding: 4px 10px;
	text-decoration: none;
}
.topmenu li a:visited {
	color: white;
}
.topmenu li a:hover, .topmenu li .current {
	color: white;
	background: transparent url(bgMenuTableActive.gif) center center repeat-x;
}
.tabsubmenulist {
	margin: 0;
	padding: 0;
	float: left;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight:bold;
	width: 100%; 
}
.tabsubmenulist li{
	display: inline;
}
.tabsubmenulist li a {
	color: #1F1F1F;
	padding: 5px 5px;
	margin-left: 5px;
	text-decoration: none;
}
.tabsubmenulist li a:visited {
	color: #1F1F1F;
}
.tabsubmenulist li a:active {
	color: #1F1F1F;
}
.tabsubmenulist li a:hover {
	color: #1F1F1F;
	text-decoration: underline;
}
.HelpText li{
	margin-bottom:10px; margin-top:10px;
}
.reportNavHome li a {
	padding-left: -10px;
	margin:  0;
	text-decoration: none;
}
/* --------- Form Elements ---------- */
.formfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 1px 0px 0px 3px;
}
.formbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight:bold;S
	background-color: #CCCCCC;
	border: 1px solid #999999;
	background-image: url(bgFormButton.gif);
	background-repeat: repeat-x;
}
/* --------- Page Elements ---------- */

/* --------- Home Page ---------- */

.createSMSTitle {
	background-color: #FFFFFF;
	background-image: url(title_createSMS.gif);
	background-repeat: no-repeat;
}
.viewReportsTitle {
	background-color: #FFFFFF;
	background-image: url(title_viewReports.gif);
	background-repeat: no-repeat;
}
.myDetailsTitle {
	background-color: #FFFFFF;
	background-image: url(title_myDetails.gif);
	background-repeat: no-repeat;
}
.myProductsTitle {
	background-color: #FFFFFF;
	background-image: url(title_myProducts.gif);
	background-repeat: no-repeat;
}