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

    Secure Invoicing GLOBAL Styles

  ------------------------------------------------ */

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

/* Global Font */
* { font-family:Arial, Verdana, Geneva, sans-serif;	}


/* Links */
a, a:link, a:active, a:visited, a[href]:link, a[href]:active, a[href]:visited {
	color: #3a82b4;
	text-decoration: underline;
	}
a:hover, a[href]:hover {
    color: #000000;
    text-decoration: none;
    }

/* Content */
body {
	margin:0px 0px 20px 0px;
	padding:0px;
	background-color:#d8dfe5;
	color:#333333;
	font-size:12px;
	line-height:18px;
	}
p {
	line-height:18px;
	padding:5px 0px 13px 0px;
	margin:0px;
	}
ul {
	padding:0px;
	margin:-5px 0px 18px 0px;
	}
li {
	padding:5px 10px 5px 3px;
	margin:0px 5px 0px 15px;
}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:34px;
	line-height:38px;
	color:#000000;
	padding:0px;
	margin:0px 0px 5px 0px;
	letter-spacing:-.2px;
	}
h2 {
	font-size:20px;
	font-weight:normal;
	color:#6a7883;
	line-height:26px;
	padding:0px;
	margin:0px 0px 18px 0px;
	}
	h2 a:link, h2 a:visited { text-decoration:underline; color:#6a7883; font-weight:normal; }
	h2 a:hover { color:#3a82b4; text-decoration:none }
h3 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-weight:normal;
	font-size:24px;
	line-height:30px;
	color:#000000;
	padding:0px;
	margin:10px 0px 0px 0px;
	}
h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:19px;
	font-weight:normal;
	color:#3a82b4;
	line-height:24px;
	padding:10px 0px 5px 0px;
	margin:0px;
	}
h5 {
	font-size:13px;
	font-weight:bold;
	color:#333333;
	line-height:18px;
	padding:10px 0px 8px 0px;
	margin:0px;
	}


/* Layout Elements ----------------------------------- */ 

#header {
	text-align: right;
	margin:0px auto;
	padding:15px 15px 0px 15px;
	background:url(../images/top.png) no-repeat top;
	height:80px;
	width:930px;
	}
	#infoBar {
		display:block;
		margin:5px 5px 0px 20px;
		float:right;
		white-space:nowrap;
		background:#e8ecef;
		padding:0px;
		color:#6a7883;
		font-size:11px;
		line-height:21px;
		}
		#infoBar a:link, #infoBar a:visited { text-decoration:none; color:#6a7883; font-weight:bold; }
		#infoBar a:hover { color:#000000; text-decoration:none; }

#pageContainer {
	background-image:url(../images/background-page-white.png);
	background-repeat:repeat-y;
	width:960px;
	margin:0px auto;
	padding:0px 0px;
	overflow:hidden;
	}		
	#content {
		margin:25px 0px 20px 25px;
		padding:0px 25px 0px 0px;
		float:left;
		width:640px;
		}
	#messagingBox {
		float:left;
		width:240px;
		text-align:center;
		background:url(../images/messaging-box-background.png) repeat-y;
		margin:20px 0px 20px 25px;
		padding:0px;
		font-size:11px;
		line-height:15px;
		}
		#messagingBox .top { background:url(../images/messaging-box-top.png) no-repeat top; height:16px; width:240px; }
		#messagingBox .bottom { background:url(../images/messaging-box-bottom.png) no-repeat top; height:21px; width:240px; }
		#messagingBox .content { padding:0px 20px; }
		#messagingBox p { padding:0px 15px 12px 15px; margin:0px; text-align:left; color:#000000; font-size:12px; line-height:13px; }
		#messagingBox h1 { padding:0px 0px 3px 0px; margin:0px 12px 8px 12px; font-size:17px; color:#3a82b4; border-bottom:1px dotted #97afc0; line-height:18px; }
		#messagingBox .column {
			padding:0px 15px 0px 15px;
			background:#ffffff;
			text-align:left;
			margin:-2px 0px 0px 0px;
			color:#6a7883;
			font-size:12px;
			}
	#footer {
		margin:0px auto;
		font-size:11px;
		line-height:15px;
		color:#777777;
		padding:12px 20px 0px 20px;
		text-align:left;
		vertical-align:top;
		background:url(../images/footer.png) no-repeat top center;
		height:57px;
		width:920px;
		
		}
		#footer a:link, #footer a:visited { text-decoration:underline; color:#777777; }
		#footer a:hover { color:#000000; text-decoration:none; }
		
		.left {
			float:left;
			margin:0px;
			padding:0px;
			border:none;
			outline:none;
			white-space:nowrap;
			text-align:left;
			min-width:300px;
			}
		.right {
			float:right;
			margin:0px;
			padding:0px;
			border:none;
			outline:none;
			white-space:nowrap;
			text-align:right;
			min-width:300px;
			}
			
			
/* Form Elements ----------------------------------- */

form {
  margin:0px;
  padding:0px; 
}

.formBox {
	margin:18px -3px;
	padding:0px;
	border-left:1px solid #d8dfe5;
	border-right:1px solid #d8dfe5;
	clear:both;
	}
	.formBox .content { padding:0px 15px; }
	.formBox img { float:left; padding:0px; margin:0px; }
	.formBox .header {
		background:url(../images/box-header-right.png) no-repeat;
		background-position:right;
		padding:0px;
		margin:0px -1px 10px -1px;
		line-height:44px;
		height:44px;
		text-align:left;
		font-size:22px;
		color:#000000;
		font-weight:normal;
		letter-spacing:1px;
		clear:both;
		}
	.formBox .footer {
		background:url(../images/box-footer-right.png) no-repeat bottom right;
		padding:0px 15px 0px 0px;
		margin:15px -1px 0px -1px;
		height:50px;
		line-height:50px;
		text-align:right;
		vertical-align:middle;
		font-size:12px;
		color:#666666;
		white-space:nowrap;
		border-top:1px dotted #d8dfe5;
		}
	.formBox .footerGray {
		background:url(../images/box-footer-right-gray.png) no-repeat bottom right;
		padding:0px 15px 0px 0px;
		margin:15px -1px 0px -1px;
		height:50px;
		line-height:50px;
		text-align:right;
		vertical-align:middle;
		font-size:12px;
		color:#666666;
		white-space:nowrap;
		border-top:1px dotted #d8dfe5;
		}
	.formBox .right {
		float:right;
		margin:0px;
		padding:10px 0px 0px 0px;
		border:none;
		outline:none;
		white-space:nowrap;
		text-align:right;
		clear:right;
		}



/* Standard Buttons ----------------------------------- */ 

a.buttonBlue{
	background: transparent url("../images/button-med-left.png") no-repeat 0px -155px;
	float:left;
	display: block;
	font-size:17px;
	font-weight:bold;
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 31px) */
	height: 31px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	letter-spacing:.2px;
	margin:8px 15px 0px 0px;
	text-transform:none;
	}
	a:link.buttonBlue, a:visited.buttonBlue, a:active.buttonBlue, a[href]:link.buttonBlue, a[href]:active.buttonBlue, a[href]:visited.buttonBlue {
		color: #ffffff;
		text-decoration:none;
		border:none;
		}
	a.buttonBlue span{
		background: transparent url("../images/button-med-right.png") no-repeat 100% -155px;
		display: block;
		padding: 3px 12px 3px 0px;
		text-decoration:none;
		}
	a.buttonBlue:hover{ /* Hover state CSS */
		background-position: 0px 0px;
		text-decoration:none;
		}
	a.buttonBlue:hover span{ /* Hover state CSS */
		background-position: 100% 0px;
		color: #ffffff;
		text-decoration:none;
		}
		
a.buttonGray{
	background: transparent url("../images/button-med-left.png") no-repeat;
	background-position:left -93px;
	display: block;
	float: left;
	font-size:17px;
	font-weight:normal;
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 31px) */
	height: 31px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none;
	letter-spacing:.2px;
	margin:8px 15px 0px 0px;
	text-transform:none;
	}
	a:link.buttonGray, a:visited.buttonGray, a:active.buttonGray, a[href]:link.buttonGray, a[href]:active.buttonGray, a[href]:visited.buttonGray {
		color: #ffffff;
		text-decoration:none;
		border:none;
		}
	a.buttonGray span{
		background: transparent url("../images/button-med-right.png") no-repeat;
		background-position:right -93px;
		display: block;
		padding: 3px 12px 3px 0px;
		text-decoration:none;
		}
	a.buttonGray:hover{ /* Hover state CSS */
		color:#000000;
		text-decoration:none;
		}
	a.buttonGray:hover span{ /* Hover state CSS */
		color: #000000;
		text-decoration:none;
		}	
	
	
    
/* Other Elements ----------------------------------- */  

#calloutTop {
	padding:10px 15px 15px 50px;
	margin:0px auto 0px auto;
	width:870px;
	color:#ffffff;
	font-weight:bold;
	background:url(../images/top-callout.png) no-repeat bottom left #97afc0;
	background:url(../images/icon-alert-32.png) no-repeat top left #97afc0;
	background-position:10px 10px;
	border-left: 1px solid #97afc0;
	border-right: 1px solid #97afc0;
	}
	#calloutTop a:link, #calloutTop a:visited { text-decoration:underline; color:#ffffff; }
	#calloutTop a:hover { color:#000000; text-decoration:none; }
	.calloutBottom {
		background:url(../images/top-callout-line.png) no-repeat top left #97afc0;
		width:930px;
		padding:0px;
		margin:0px auto 15px auto;
		height:20px;
		}
		.calloutNote {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			color:#000000;
			font-size:13px;
			}
	
.boxGray {
	background:url(../images/box-med-gray-right.png) top right no-repeat;
	height:112px;
	text-align:left;
	margin:10px 0px 10px -5px;
	padding:0px;
	white-space:nowrap;
	vertical-align:middle;
	text-align:left;
	}
	.boxGray img, .boxGrayEntry img {float:left; padding:0px; margin:0px; }
	.boxGrayEntry {
		float:left;
		font-size:26px;
		font-weight:normal;
		line-height:112px;
		color:#000000;
		white-space:nowrap;
		text-align:left;
		vertical-align:middle;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
		.boxGray input[type='text'], textarea {
    		font-weight: bold;
			border:2px solid #3a82b4;
			height:27px;
			width:250px;
			font-size:20px;
			margin:0px 5px;
			padding:0px 4px;
			}
	.boxGray .button {
		background:url(../images/button-med-combo.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		height:31px;
		width:122px;
		border-width:0px;
		border:none;
		outline:none;
		padding:1px 5px 5px 5px;
		background-color:transparent;
		color:#ffffff;
		font-size:18px;
		font-weight:normal;
		text-align:center;
		margin:0px;
		}
		.boxGray .button:hover {
			background-position:0px -31px;
		}
	.boxGray .buttonFat {
		background:url(../images/button-fat-combo.png);
		background-repeat:no-repeat;
		background-position:0px 0px;
		height:51px;
		width:152px;
		border-width:0px;
		border:none;
		outline:none;
		padding:1px 5px 2px 5px;
		background-color:transparent;
		color:#ffffff;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		margin:0px 10px;
		}
		.boxGray .buttonFat:hover {
			background-position:0px 0px;
		}
	
.security {
	font-size:11px;
	color:#6a7883;
	line-height:15px;
	margin:24px 0px;
	}
	.security img {
		padding:0px 15px 10px 0px;
		margin:0px;
		border:none;
		outline:none;
		}
img.imageFigure {
	padding:10px;
	border:1px solid #dddddd;
	text-align:left;
	margin:0px 0px 4px 0px;
	}
	.imageFigureText {
		font-size:11px;
		color:#6a7883;
		line-height:normal;
		padding:0px 0px 20px 3px;
		}
.note {
	padding:10px;
	border-top:1px dotted #97afc0;
	border-bottom:1px dotted #97afc0;
	background:#e9f1f8;
	font-size:13px;
	margin:5px -3px 13px -3px;
	font-weight:normal;
	}
	.note .callout {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#000000;
		font-size:13px;
		}
		
.table1 {
	width:100%;
	border:1px solid #ffffff;
	margin:8px -4px;
	padding:0px;
	font-size:12px;
	}
	.table1 td {
		text-align:left;
		vertical-align:top;
		padding:4px 5px 10px 7px;
		border-top:none;
		border-bottom:solid 1px #cccccc;
		border-right:dotted 1px #c8dfe5;
		border-left:dotted 1px #c8dfe5
		}
	.table1 td.tableHead {
		background:url(../../images/doc-footer1.png) repeat-x top;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px;
		font-weight:bold;
		color:#444444;
		padding:7px;
		border-top:solid 1px #aaaaaa;
		border-bottom:solid 1px #aaaaaa;
		border-left:solid 1px #d8dfe5;
		border-right:solid 1px #ffffff;
		}
.codeInline {
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	}
.codeBox {
	font-family:"Courier New", Courier, monospace;
	color:#000000;
	font-size:12px;
	line-height:normal;
	padding:12px;
	margin:5px -3px;
	background:#efefef;
	border-top:1px dotted #97afc0;
	border-bottom:1px dotted #97afc0;
	}
.alert {
	background:url(../images/icon-alert-32.png) no-repeat top left;
	background-position:5px 5px;
	padding:10px 5px 10px 50px;
	border-top:1px dotted #cb2026;
	border-bottom:1px dotted #cb2026;
	font-size:12px;
	margin:5px -3px 13px -3px;
	font-weight:normal;
	min-height:24px;
	}
	.alert .callout {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#cb2026;
		font-size:13px;
		}
		
.user {
	background:url(../images/icon-important-32.png) no-repeat;
	background-position:5px 0px;
	padding:2px 5px 5px 45px;
	border-bottom:1px dotted #97afc0;
	font-size:16px;
	margin:0px -3px 13px -3px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	line-height:24px;
	}
	.user .callout {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		color:#3a82b4;
		font-size:24px;
		}
	.user .small {
		font-size:11px;
		color:#666666;
		}

#helpPage {
	margin:10px;
	}
	#helpBox {
		padding:15px;
		margin:5px 0px 8px 0px;
		border:1px solid #97afc0;
		width:550px;
		overflow:auto;
		height:440px;
		background:#ffffff;
		clear:both;
		}
	#helpPage #footer {
		font-weight:bold;
		font-size:12px;
		color:#000000;
		text-align:left;
		background:url(../images/icon-close.png) no-repeat;
		padding:0px 0px 0px 20px;
		}
		#helpPage #footer a:link, #helpPage #footer a:visited { text-decoration:none; color:#000000; }
		#helpPage #footer a:hover { color:#cb2026; text-decoration:none }


/* Navigation & Menus ----------------------------------- */ 

	#navBar {
		margin:0px auto;
		text-align:left;
		background:url("../images/navbar-black.png") no-repeat;
		height:32px;
		line-height:30px;
		width:938px;
		padding:0px 11px;;
		}
		#nav {
			margin: 0px;
			padding:0px;
			display: inline;
			}
		#nav li {
			margin: 0px; 
			padding: 0px;
			display: inline;
			float:left;
			}
		#nav a {
			font-size:15px;
			font-weight:bold;
			color:#c2c3c3;
			letter-spacing:.1px;
			float: left;
			padding: 0px;
			display:block;
			text-decoration:none;
			border-bottom:none;
			width:133px;
			height:32px;
			text-align:center;
			outline:none;
			border-right:1px solid #cccccc;
			}
		#nav a:hover {
			color:#ffffff;
			background:url("../images/navbar-over.png") repeat-x;
			
			}
		#nav a:active, #nav a.selected {
			color:#000000;
			font-weight:bold;
			background:url("../images/navbar-on.png") repeat-x;
			}

#VerticalMenu {
   padding:0px 11px;
   list-style-type: none;
   line-height:30px;
   outline:none;
   text-align:left;
}
#VerticalMenu li {
   margin:0px;
   padding:0px;
   list-style-type: none;
   line-height:30px;
   text-align:left;
}
#VerticalMenu ul li:last-child {   
       
} 
#VerticalMenu ul li li:last-child {   
    
}
#VerticalMenu a {
   font-size:11px;
   color: #6a7882;
   font-weight:normal;
   display: block;
   width: 205px;
   padding-left:13px;
   text-decoration: none;
   border-bottom:1px solid #c0d0dc;
   outline: none;
   text-align:left;
   background:url(../images/sidebar-arrow-off.png) no-repeat;
}
#VerticalMenu a:hover {
   background:url(../images/sidebar-arrow-over.png) no-repeat #f5f5f5;
   color: #3a82b4;
   text-decoration: none;
}
#VerticalMenu a.selected {
   color: #000000;
   text-decoration: none;
   font-weight:bold;
   background:url(../images/sidebar-arrow-on.png) no-repeat #f5f5f5;
}
#VerticalMenu .selectedParent a {
   color: #6a7882;
   text-decoration: none;
}
#VerticalMenu .selectedParent a:hover {
   color: #3a82b4;
}
#VerticalMenu ul li li {
   margin: 0px;
   padding:0px;
   list-style-type:none;
}
#VerticalMenu li li {
   margin: 0px;
   padding: 0px;
   line-height:28px;
   display:none;
}
#VerticalMenu li.selected li,
#VerticalMenu li.selectedParent li {
   display:block;
}
#VerticalMenu li li a, #VerticalMenu li li a:link, #VerticalMenu li li a:visited {
	font-weight: normal;
	font-size:11px;
	background-position:0% -90px;
	padding-left:34px;
	border-bottom:none;
	border-top:1px dotted #e2ebf2;
	text-decoration:none;
	display: block;
	color:#6a7882;
	width: 167px;
}
#VerticalMenu li li a:hover {
	background-position:0% -120px;
	color:#3a82b4;
	text-decoration:none;
}
#VerticalMenu li li.selected a {
	background-position:0% -150px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}