/*
 * 		global stuff
 */

body
{
	background-color: gray;
	margin-top: 0;
}

/*
*   breadcrumbs
*/

#breadcrumb_help
{
    background-image:url('../images/bc_bg.png'); 
}

#breadcrumb
{
    font: 11px Segoe UI, Arial, Times New Roman;
    background-image:url('../images/bc_bg.png'); 
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:957px;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url('../images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#breadcrumb a:hover
{
	color:#FFFFFF;
}

/*
 * 		Page setup
 */

#PageContainer
{
	text-align: left;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	border: 1px solid #4B4843;
    height: auto;
}

.BoxContainer
{
    display: inline-block; /*sets hasLayout - required for IE*/ 
    overflow: hidden; /*causes modern browsers to enclose child floats*/ 
  	width: 927px;
  	height: auto;
    background: #FFFFFF;
    text-align: left;
    vertical-align: top;
    padding: 8px 16px 8px 16px;
}

.BoxAccountSubDetails
{
  	width: 900px;
    background: #4B4843;
    border-width: 0px;
    font-family: Segoe UI, Arial, Times New Roman;
    padding: 4px 16px 4px 16px;
    font-size: 10pt;
    font-weight: bold;
    color: White;
}

.container {
    display: inline-block; /*sets hasLayout - required for IE*/ 
    display: block; /*resets to proper property value without resetting layout*/ 
    overflow: hidden; /*causes modern browsers to enclose child floats*/ 
	text-align: left;
	width: 880px;
	margin: 0 auto;
	padding: 0 40px;
	background: #FFFFFF;
}

/* Used for page title */
h1, h2 {
	font-family: Segoe UI, Arial, Times New Roman;
	font-size: 24px;
	color: #000;
	line-height: normal;
	padding: 0;
	margin: 0 0 7px 0;
}
h2.page {
	padding-right: 10px;
	float: left;
	line-height: 2em;
} /* also see .button-panel-title */

h3 {
	font-family: Segoe UI, Arial, Times New Roman;
	font-size: 18px;
	color: #000;
	line-height: 1.2em;
	padding: 0;
	margin: 0 0 7px 0;
}

h4 {
	/* Used in right column headings, secondary headings */
	font-family: Segoe UI, Arial, Times New Roman;
	font-size: 16px;
	color: #000000;
	line-height: 18px;
	padding: 0;
	margin: 0 0 5px 0;
}

.title-separator {
	height: 3px;
	margin: 0 0 13px 0;
	background-color: #e2e2e2;
	overflow: hidden; /* IE6 hack */
}

/*
*   forms
*/
.form-layout
{
    font: 14px Segoe UI, Arial, Times New Roman;
}
.form-layout-left 
{
	text-align: right;
	padding-top: 1px;
	padding-bottom: 6px;
	padding-right: 20px;
	float: left;
}
.form-layout-left label, .form-layout label 
{
	font-weight: normal;
}
.form-layout-right 
{
	text-align: left;
	padding-bottom: 4px;
	float: left;
}
.subtotal-layout-left 
{
    font-family: Segoe UI, Arial, Times New Roman;
    font-size: 10pt;
	text-align: left;
	padding: 0 20px 6px 10px;
	float: left;
	font-weight: normal;
}
.subtotal-layout-left label
{
	font-weight: normal;
}
.subtotal-layout-right 
{
	font-weight: normal;
    font-family: Segoe UI, Arial, Times New Roman;
    font-size: 10pt;
	text-align: right;
	padding: 0 6px 4px 0;
	float: left;
	width: 112px;
}

.search-results-stats { font-family: Segoe UI, Arial, Times New Roman; font-size: 9pt; font-weight: bold; }
.search-results-title { font-family: Segoe UI, Arial, Times New Roman; font-size: 14pt; font-weight: bold; }
.search-results { font-family: Segoe UI, Arial, Times New Roman; font-size: 11pt; font-weight: normal; }
.font-normal { font-weight: normal; }
.bold { font-weight: bold; }
.required { font-weight: bold; }
.display-inline { display: inline; }
.grid-header { background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 9pt; font-weight: bold; color: Black; padding: 4px 0 4px 0; border-top: solid 1px #cccccc; border-bottom: solid 2px #c6c6c6; }
.grid-header-left { background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 9pt; font-weight: bold; color: Black; padding: 4px 0 4px 0; border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; border-bottom: solid 2px #c6c6c6;  }
.grid-header-right { background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 9pt; font-weight: bold; color: Black; padding: 4px 0 4px 0; border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; border-bottom: solid 2px #c6c6c6;  }
.grid-item { font-family: Segoe UI, Arial, Times New Roman; font-size: 8pt; color: Black; vertical-align: top; border-bottom: solid 1px #cccccc; padding: 6px 0 0 0; }
.grid-item-left { font-family: Segoe UI, Arial, Times New Roman; font-size: 8pt; color: Black; vertical-align: top; border-left: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 6px 0 0 0; }
.grid-item-right { font-family: Segoe UI, Arial, Times New Roman; font-size: 8pt; color: Black; vertical-align: top; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 6px 0 0 0; }
.subtotal { background-color: #f0f0f0; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-left: solid 1px #cccccc; overflow:hidden; padding-bottom: 6px; }
.subtotal-payment { overflow:hidden; padding-bottom: 6px; }

.section-header { background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 9pt; font-weight: bold; color: Black; padding: 4px 0 4px 0; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; border-bottom: solid 1px #c6c6c6;  }

.grid-item-no-border { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: top; padding: 6px 0 0 0; vertical-align: top; }
.grid-header2 { color: #474747; background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 16px; font-weight: bold; margin: 0 0 7px 0; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; line-height: 26px; }
.grid-header2-left { color: #474747; background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 16px; font-weight: bold; margin: 0 0 7px 0; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; border-left: solid 1px #dddddd; -moz-border-radius-bottomleft: 7px; -moz-border-radius-topleft: 7px; -webkit-border-radius-bottomleft: 7px; -webkit-border-radius-topleft: 7px; border-radius: 7px; line-height: 26px;}
.grid-header2-right { color: #474747; background-color: #e8e8e8; font-family: Segoe UI, Arial, Times New Roman; font-size: 16px; font-weight: bold; margin: 0 0 7px 0; border-top: solid 1px #dddddd; border-bottom: solid 1px #dddddd; border-right: solid 1px #dddddd; -moz-border-radius-bottomright: 7px; -moz-border-radius-topright: 7px; -webkit-border-radius-bottomright: 7px; -webkit-border-radius-topright: 7px; border-radius: 7px; line-height: 26px;}

.col-icon2 { width: 14px; padding-left: 8px; }
.col-icon { width: 28px; padding-left: 8px; }
.col-pad { width: 4px; }
.col-1 { width: 20px; }
.col-2 { width: 40px; }
.col-2-half { width: 50px; }
.col-3 { width: 60px; }
.col-3-half { width: 70px; }
.col-4 { width: 80px; }
.col-5 { width: 100px; }
.col-6 { width: 120px; }
.col-7 { width: 140px; }
col-7-half { width: 150px; }
.col-8 { width: 160px; }
.col-9 { width: 180px; }
.col-10 { width: 200px; }
.col-10-half { width: 210px; }
.col-11 { width: 220px; }
.col-12 { width: 240px; }
.col-13 { width: 260px; }
.col-14 { width: 280px; }
.col-15 { width: 300px; }
.col-16 { width: 320px; }
.col-17 { width: 340px; }
.col-18 { width: 360px; }
.col-19 { width: 380px; }
.col-20 { width: 400px; }
.col-21 { width: 420px; }
.col-22 { width: 440px; }
.col-23 { width: 460px; }
.col-24 { width: 480px; }
.col-25 { width: 500px; }
.col-26 { width: 520px; }
.col-27 { width: 540px; }
.col-28 { width: 560px; }
.col-29 { width: 580px; }
.col-30 { width: 600px; }
.col-31 { width: 620px; }
.col-32 { width: 640px; }
.col-32-half { width: 654px; }
.col-33 { width: 660px; }
.col-33-half { width: 674px; }
.col-34 { width: 680px; }
.col-35 { width: 700px; }
.col-36 { width: 720px; }
.col-37 { width: 740px; }
.col-38 { width: 760px; }
.col-39 { width: 780px; }
.col-40 { width: 800px; }
.col-41 { width: 820px; }
.col-42 { width: 840px; }
.col-43 { width: 860px; }
.col-43-half { width: 870px; }
.col-43-6px { width: 866px; }
.col-44 { width: 880px; }
.col-45 { width: 900px; }
.col-46 { width: 920px; }
.col-46-half { width: 930px; }
.col-45-half { width: 910px; }
.col-47 { width: 940px; }


/* 
*   buttons
*/
.title
{
    font-weight: bold;
	font-family: Segoe UI, Arial, Times New Roman;
	font-size: 24px;
	color: #000;
	line-height: normal;
	padding: 0;
	margin: 0 0 7px 0;
}

.title-with-buttons {
	padding-top: 9px;
	padding-bottom: 18px;
	margin: 0px;
}

.title-button-panel {
	float: right;
	position: relative;
}

a.littleButton{
	background:url(../images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:4px;
	text-decoration:none;
	width:191px;
}
a:hover.littleButton{
	color:#0075ce;
}

a.littleButtonLast{
	background:url(../images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:10px;
	text-decoration:none;
	width:191px;
}
a:hover.littleButtonLast{
	color:#C00000;
}

.addmenu{
	background:url(../images/close.png) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.add{
	background:url(../images/add.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.delete{
	background:url(../images/delete.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.user{
	background:url(../images/user.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.alert{
	background:url(../images/alert.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.msg{
	background:url(../images/mail2.png) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.download{
	background:url(../images/download.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

.lens{
	background:url(../images/lens.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.info{
	background:url(../images/info.gif) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.save{
	background:url(../images/save.png) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.cancel{
	background:url(../images/undo.png) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}
.edit{
	background:url(../images/pencil.png) no-repeat 10px 8px;
	text-indent:30px;
	display:block;
}

.RowHeader
{
    font-weight: bold;
    font-size: 105%;
    padding: 10px 0 0 0;
}
.MainHeader
{
    font-size:25px;
    font-weight: bold;
}

.BoxContainer p.CreateButton, #BoxContainerWithButtons p.CreateButton {
	float: left;
	height: 36px;
	margin: 0;
	padding: 0;
	background-image: url(../images/button-left-create.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.CreateButton a, #BoxContainerWithButtons p.CreateButton a {
	display: block;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.CreateButton a:hover, #BoxContainerWithButtons p.CreateButton a:hover {
	color: #0075ce;
}

.BoxContainer p.SaveButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-save.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.SaveButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.SaveButton a:hover {
	color: #0075ce;
}

.BoxContainer p.MapButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-signpost.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.MapButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.MapButton a:hover {
	color: #0075ce;
}

.BoxContainer p.ViewButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-view.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.ViewButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.ViewButton a:hover {
	color: #0075ce;
}

.BoxContainer p.AddButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-add.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.AddButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 32px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.BoxContainer p.AddButton a:hover {
	color: #0075ce;
}
.BoxContainer p.UndoButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-undo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.UndoButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.UndoButton a:hover {
	color: #0075ce;
}

.BoxContainer p.SmallCreateButton, #BoxContainerWithButtons p.SmallCreateButton {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/small-button-left-add.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.SmallCreateButton a, #BoxContainerWithButtons p.SmallCreateButton a 
{
    font-family: Segoe UI, Arial, New Times New Roman;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0 12px 2px 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/small-button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.SmallCreateButton a:hover, #BoxContainerWithButtons p.SmallCreateButton a:hover {
	color: #0075ce;
}

.BoxContainer p.SmallSearchButton {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/small-button-left-search.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.SmallSearchButton a 
{
    font-family: Segoe UI, Arial, New Times New Roman;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0 12px 2px 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/small-button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.SmallSearchButton a:hover {
	color: #0075ce;
}

.BoxContainer p.SmallButton {
	float: left;
	height: 22px;
	margin: 0;
	padding: 0;
	background-image: url(../images/small-button-left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.SmallButton a
{
    font-family: Segoe UI, Arial, New Times New Roman;
	display: block;
	height: 22px;
	margin: 0;
	padding: 0 12px 2px 12px;
	color: #555555;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	background-image: url(../images/small-button-right.png);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.SmallButton a:hover {
	color: #0075ce;
}

.BoxContainer p.MediumButton {
	float: left;
	height: 27px;
	margin: 0 0 12px 0;
	padding: 0;
	background-image: url(../images/medium-button-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.MediumButton a
{
    font-family: Segoe UI, Arial, New Times New Roman;
	display: block;
	height: 27px;
	margin: 0;
	padding: 4px 36px 2px 36px;
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	background-image: url(../images/medium-button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.MediumButton a:hover {
	color: #0075ce;
}

.BoxContainer p.PaymentButton, #BoxContainerWithButtons p.PaymentButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-payment.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.PaymentButton a, #BoxContainerWithButtons p.PaymentButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.PaymentButton a:hover, #BoxContainerWithButtons p.PaymentButton a:hover {
	color: #0075ce;
}

.BoxContainer p.PrintButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-print.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.PrintButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.PrintButton a:hover {
	color: #0075ce;
}

.BoxContainer p.MenuButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-menu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.MenuButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.MenuButton a:hover {
	color: #0075ce;
}

.BoxContainer p.EmailButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-email.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.EmailButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.EmailButton a:hover {
	color: #0075ce;
}

.BoxContainer p.ArrowButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-arrow-right.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.ArrowButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 7px 12px 0 30px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
}
.BoxContainer p.ArrowButton a:hover {
	color: #0075ce;
}

.BoxContainer p.EditButton, #BoxContainerWithButtons p.EditButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-edit.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.EditButton a, #BoxContainerWithButtons p.EditButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 5px 12px 20px 32px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.BoxContainer p.EditButton a:hover, #BoxContainerWithButtons p.EditButton a:hover {
	color: #0075ce;
}

.BoxContainer p.CheckButton {
	float: left;
	height: 36px;
	margin: 0 5px 0 0;
	padding: 0;
	background-image: url(../images/button-left-check.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.BoxContainer p.CheckButton a {
	display: block;
	height: 36px;
	margin: 0;
	padding: 5px 12px 20px 32px;
	color: #555555;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	background-image: url(../images/button-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.BoxContainer p.CheckButton a:hover {
	color: #0075ce;
}

.v-menu{
	width:350px;
	top: 120px;
	position: absolute;
	background-color: White;
	border: solid Gray 1px;
}
ul.v-menu, .v-menu li{
	padding:0; 
	margin:0;
	list-style:none;
}
ul.v-menu{
	clear:both;
	margin-top:0;
	padding:6px 10px;
}
.v-menu li a{   
	color:#555555;
	font-weight:bold;
	display:block;
	border-top:solid 1px #DEDEDE;
	padding:4px;
	text-decoration:none;
}
.v-menu li a:hover { color:#999999; }
li.v-menu ul { display: none; }
li.v-menu:hover ul { display: block; }

.button-menu{
	width: 240px;
	top: 33px;
	position: absolute;
	background-color: White;
	border: solid Gray 1px;
}
ul.button-menu, .button-menu li{
	padding:0; 
	margin:0;
	list-style:none;
}
ul.button-menu{
	clear:both;
	margin-top:0;
	padding:6px 10px;
}
.button-menu li a{   
	color:#555555;
	font-weight:bold;
	display:block;
	padding:4px;
	font-size: 9pt;
	text-decoration:none;
}
.button-menu li a:hover { color:#999999; }
li.button-menu ul { display: none; }
li.button-menu:hover ul { display: block; }

#submitButtons { margin: 20px 0 0 270px; width: 500px; height: 50px; }

/*
* 		padding
*/

.padding-left-4px { padding-left: 4px; }
.padding-left-8px { padding-left: 8px; }
.padding-left-14px { padding-left: 14px; }
.padding-left-half { padding-left: 10px; }
.padding-left-1 { padding-left: 20px; }
.padding-left-1-half { padding-left: 30px; }
.padding-left-2 { padding-left: 40px; }
.padding-left-3 { padding-left: 60px; }
.padding-left-4 { padding-left: 80px; }
.padding-left-5 { padding-left: 100px; }    
.padding-left-1half { padding-left: 30px; }
    
.padding-top-2px { padding-top: 2px; }
.padding-top-3px { padding-top: 3px; }
.padding-top-8px { padding-top: 8px; }
.padding-top-10px  { padding-top: 10px; }
.padding-top-15px  { padding-top: 15px; }
.padding-top-20px { padding-top: 20px;}
.padding-top-half { padding-top: 9px;}
.padding-top-1 { padding-top: 18px;}
.padding-top-2 { padding-top: 36px;}
.padding-top-3 { padding-top: 54px;}
.padding-top-4 { padding-top: 72px;}
.padding-top-5 { padding-top: 90px;}
.padding-top-6 { padding-top: 108px;}
.padding-top-6-half { padding-top: 117px;}
.padding-top-7 { padding-top: 126px;}
.padding-top-8 { padding-top: 144px;}
.padding-top-9 { padding-top: 162px;}
.padding-top-9-half { padding-top: 171px;}

.padding-right-4px { padding-right: 4px; }
.padding-right-6px { padding-right: 6px; }
.padding-right-half { padding-right: 10px; }
.padding-right-1 { padding-right: 20px; }
.padding-right-2 { padding-right: 40px; }
.padding-right-3 { padding-right: 60px; }
.padding-right-4 { padding-right: 80px; }
.padding-right-5 { padding-right: 100px; }

.padding-bottom-4px { padding-bottom: 4px;}
.padding-bottom-half { padding-bottom: 9px;}
.padding-bottom-1 { padding-bottom: 18px;}
.padding-bottom-2 { padding-bottom: 36px;}
.padding-bottom-3 { padding-bottom: 54px;}

.margin-right-4 { margin-right: 4px; }
.margin-right-10 { margin-right: 10px; }
.margin-right-20 { margin-right: 20px; }
.margin-right-30 { margin-right: 30px; }

.margin-left-4 { margin-left: 4px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-25 { margin-left: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-35 { margin-left: 35px; }
.margin-left-40 { margin-left: 40px; }
.margin-left-50 { margin-left: 50px; }
.margin-left-60 { margin-left: 60px; }
.margin-left-70 { margin-left: 70px; }
.margin-left-80 { margin-left: 80px; }
.margin-left-90 { margin-left: 90px; }
.margin-left-100 { margin-left: 100px; }
.margin-left-150 { margin-left: 150px; }
.margin-left-200 { margin-left: 200px; }
.margin-left-220 { margin-left: 220px; }
.margin-left-240 { margin-left: 240px; }
.margin-left-250 { margin-left: 250px; }
.margin-left-260 { margin-left: 260px; }
.margin-left-270 { margin-left: 270px; }
.margin-left-280 { margin-left: 280px; }
.margin-left-300 { margin-left: 300px; }
.margin-left-320 { margin-left: 320px; }
.margin-left-340 { margin-left: 340px; }
.margin-left-360 { margin-left: 360px; }
.margin-left-398 { margin-left: 398px; }
.margin-left-380 { margin-left: 380px; }
.margin-left-400 { margin-left: 400px; }
.margin-left-450 { margin-left: 450px; }
.margin-left-500 { margin-left: 500px; }
.margin-left-510 { margin-left: 510px; }
.margin-left-520 { margin-left: 520px; }
.margin-left-530 { margin-left: 530px; }
.margin-left-540 { margin-left: 540px; }
.margin-left-544 { margin-left: 544px; }
.margin-left-600 { margin-left: 600px; }
.margin-left-624 { margin-left: 624px; }
.margin-left-668 { margin-left: 668px; }
.margin-left-700 { margin-left: 700px; }

.margin-top-6px { margin-top: 6px; }
.margin-top-12px { margin-top: 12px; }
.margin-top-1 { margin-top: 10px; }
.margin-bottom-1 { margin-bottom: 10px; }

/* 	
*   edit form
*/
.edit-form-paragraph {
	width: 550px;
	margin: -9px 0 27px 34px;
}
.edit-form-header {
	background-color: #e8e8e8;
	color: #474747;
	border: solid 1px #dddddd;
	line-height: 26px;
	padding: 0 34px;
	font-size: 16px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	clear: both;
}
.edit-form-header.icon-new-document { background: #e8e8e8 url("../images/document_new.png") 10px 5px no-repeat; }
.edit-form-header.icon-article { background: #e8e8e8 url("../images/document.png") 10px 5px no-repeat; }
.edit-form-header.icon-routesheet { background: #e8e8e8 url("../images/document_time_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-flag { background: #e8e8e8 url("../images/flag_usa_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-role { background: #e8e8e8 url("../images/shield_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-company { background: #e8e8e8 url("../images/company_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-expense { background: #e8e8e8 url("../images/arrow2_up_left_red.png") 10px 5px no-repeat; }
.edit-form-header.icon-workorder { background: #e8e8e8 url("../images/form_yellow.png") 10px 5px no-repeat; }
.edit-form-header.icon-ticket { background: #e8e8e8 url("../images/tickets_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-warning { background: #e8e8e8 url("../images/warning.png") 10px 5px no-repeat; }
.edit-form-header.icon-labor { background: #e8e8e8 url("../images/labor_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-csr { background: #e8e8e8 url("../images/user_headset.png") 10px 5px no-repeat; }
.edit-form-header.icon-salesperson { background: #e8e8e8 url("../images/businessman.png") 10px 5px no-repeat; }
.edit-form-header.icon-percent { background: #e8e8e8 url("../images/symbol_percent.png") 10px 5px no-repeat; }
.edit-form-header.icon-note { background: #e8e8e8 url("../images/note_16_off.png") 10px 5px no-repeat; }
.edit-form-header.icon-calendar { background: #e8e8e8 url("../images/calendar_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-schedulehow { background: #e8e8e8 url("../images/chart_gantt_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-service { background: #e8e8e8 url("../images/home_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-contract { background: #e8e8e8 url("../images/contract.png") 10px 5px no-repeat; }
.edit-form-header.icon-users { background: #e8e8e8 url("../images/users2_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-gear { background: #e8e8e8 url("../images/gear.png") 10px 5px no-repeat; }
.edit-form-header.icon-credit-card { background: #e8e8e8 url("../images/credit_cards.png") 10px 5px no-repeat; }
.edit-form-header.icon-billing { background: #e8e8e8 url("../images/money_envelope.png") 10px 5px no-repeat; }
.edit-form-header.icon-about { background: #e8e8e8 url("../images/about.png") 10px 5px no-repeat; }
.edit-form-header.icon-home { background: #e8e8e8 url("../images/home_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-contact { background: #e8e8e8 url("../images/address_book3_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-payment { background: #e8e8e8 url("../images/money_bills.png") 10px 5px no-repeat; }
.edit-form-header.icon-invoice { background: #e8e8e8 url("../images/form_blue.png") 10px 5px no-repeat; }
.edit-form-header.icon-call { background: #e8e8e8 url("../images/phone_call_16.png") 10px 5px no-repeat; }
.edit-form-header.icon-check { background: #e8e8e8 url("../images/check_16.png") 10px 5px no-repeat; }
.edit-end {
	height: 22px;
	clear: both;
	background: url("/images/divider.png") no-repeat;
}

/*
*   alignments
*/

.center { margin: 0 auto;}
.text-align-left { text-align: left; }
.text-align_center { text-align: center; }
.text-align-right { text-align: right; }
.float_left { float: left; }
.float_right { float: right; }
.clear-both { clear: both; }
.no-float { float: none; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-top { vertical-align: top; }


/*
 *  Post it notes
*/
.notes p { line-height: 125%; }
.notes {
  float: right;
  width: 250px;
  height: auto;
  margin: 0 140px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 100%;
}
.notes h4 {
  background-image: url(../images/icon_info.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 20px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}
.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}
.notes p.last {
  margin: 0em;
}

#setup a {
	background: url(../images/setup-arrow.jpg) no-repeat;
	font: normal 20px/16px Arial, Helvetica, sans-serif;
	color: #4B4843;
	display: block;
	float: left;
	border-top: 1px solid #ddd;
	padding: 10px 0 10px 25px;
	text-decoration: none;
	width: 465px;
}
#setup a.first {
	border: 0;
}
#setup a:hover 
{
    background: url(../images/setup-arrow-on.jpg) no-repeat;
	background-color: #ffc;
	color: #000;
}
#setup a span {
	margin-top: 4px;
	display: block;
	font: 11px Verdana, Tahoma, sans-serif;
	color: #999;
}
#setup a:hover span {
	color: #000;
}

.setupColLeft {
	width: 485px;
	float: left;
	margin-top: 8px;
}
.setupColRight {
	width: 300px;
	float: right;
	margin-top: 8px;
}

.cpHeader
{
    color: black;
    background: #DDDDDD; 
    border-top: solid 1px #999999;
    font: auto Segoe UI, Verdana, Arial;
    font-size: 12pt;
    cursor: pointer;
    width:917px;
    height:18px;
    padding: 5px 0 8px 10px;    
    text-align:left;        
    vertical-align: middle;
}
.cpBody
{
    background-color: #fff;
    font: normal 11px auto Segoe UI, Verdana, Arial;
    border: 1px gray;                
    width:920px;
    text-align: center;
    display: none;
}       

#trashCan
{
	float: right;
	display: block;
	width: 88px;
	padding: 45px 5px 4px;
	background: url(../images/trash_32.png) center 10px no-repeat;
	color: #333;
	text-decoration: none;
	font: 9px Verdana, Sans-serif;
	text-align: center;
}
#trashCan:hover
{
    color:#f30;
}
#waitingList
{
	float: right;
	display: block;
	width: 88px;
	padding: 45px 5px 4px;
	background: url(../images/hourglass_32.png) center 10px no-repeat;
	color: #333;
	text-decoration: none;
	font: 9px Verdana, Sans-serif;
	text-align: center;
}
#waitingList:hover
{
    color:#f30;
}

.reportHeader
{
    font-family: Lucida Sans, Arial, Times New Roman;
    font-size: 20pt;
    font-weight: bold;
}

.reportSubheader
{
    padding-top: 10px;
    font-family: Lucida Sans, Arial, Times New Roman;
    font-size: 16pt;
    font-weight: bold;
}

.purchase-note { background-color: #ffffcc; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 6px 6px 6px 6px; margin-bottom: 10px; }
.pricing-header { font-size: 18px; font-weight: bold; color: #80c11a; line-height: 120%; }
.pricing-title { color: #80c11a; }

.report-header { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; font-weight: bold; color: Black; padding: 4px 0 4px 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #c6c6c6; }
.report-header-left { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; font-weight: bold; color: Black; padding: 4px 0 4px 4px; border-left: solid 1px #cccccc; border-top: solid 1px #cccccc; border-bottom: solid 1px #c6c6c6;  }
.report-header-right { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; font-weight: bold; color: Black; padding: 4px 4px 4px 0; border-right: solid 1px #cccccc; border-top: solid 1px #cccccc; border-bottom: solid 1px #c6c6c6;  }
.report-item { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 1px 0 0 0; }
.report-item-left { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 1px 0 0 5px; }
.report-item-right { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 1px 5px 0 0; }
.report-subtotal { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 2px 0 0 0; }
.report-subtotal-left { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 2px 0 0 5px; }
.report-subtotal-right { font-family: Segoe UI, Arial, Times New Roman; font-size: 10pt; color: Black; vertical-align: middle; padding: 2px 5px 0 0; }

.showmessagebox { background-color: #c6edb2; font-family: Segoe UI, Arial, Times New Roman; }
.showmessagebox h1 { color: #2a8500; }
.errorbox { background-color: #ffc9bb; font-family: Segoe UI, Arial, Times New Roman; height: 72px; }
.header { color: #9f1e00; font-family: Segoe UI, Arial, Times New Roman; font-size: 18pt; font-weight: bold; padding: 12px 0 0 0; }
.bullets { margin-left: 50px;  }

.linksection {
	background-color: #f5f5f5;
}
.linksection h4.linksection_header {
    background-image: url(../images/Section-Header-Quick-Links.jpg);
    background-repeat: no-repeat;
	height: 26px;
	padding-top: 3px;
}
.linksection h4.linksection_header.quicklinks span {
	padding-left: 36px;
}
.linksection h4.linksection_header.reports span {
	background: url(../images/Section-Header-Reports.jpg) no-repeat;
	padding-left: 34px;
}
.linksection ul.links {
	padding: 0 0 0 0px;
	margin: 0 0 25px 0;
}
.linksection ul.links li {
	list-style: none;
}
.linksection ul.links a {
	color: #555 !important; 
	text-decoration: none !important;
	display: block;
	height: 26px;
	line-height: 26px;
	margin-left: 0px;
}
.linksection ul.links a span {
	display: block;
	margin-right: 5px;
	padding: 0 5px 0 10px;
}
.linksection ul.links a:hover {
	background-color: #f9f9f9;
}
.linksection ul.links li ul {
	margin: 0;
	padding-left: 20px;
}
/* white link */
a.linksection_white_link {
	color: #fff !important;
}
a.linksection_white_link:hover {
	background-color: #fff;
	color: #444 !important;
}

.pageheader 
{
    font-size: 16pt;
    font-weight: bold;
    padding-bottom: 20px;
    margin-left: 30px;
}