﻿
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	
}



html
{
  overflow-y: scroll; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
ul.ooMarkedList {
	list-style: disc;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset
{
	border:none;
}
legend
{
	display:none;
}

input[type=button], input[type=submit], input[type=text]{
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

body:before {/* thanks to Maleika (Kohoutec)*/
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/*
	GLOBAL
*/
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#58595b;
	font-size:14px;
	line-height:16px;
}
a {
	color:#575757;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	font-size:36px;
	line-height:52px;
	margin-bottom:10px;
	margin-top:5px;
	color:#fff;
}
h2 {
	font-size:20px;
	margin-bottom:15px;
	color:#fff;
}

h3 {
	font-size:15px;
	font-style:italic;
}
h4 {
	font-size:15px;
	font-weight:bold;
}
h5 {
	font-size:15px;
	font-weight:normal;
	line-height:22px;
}
p {
}
li {
	font-size:12px;
	line-height:17px;
}
small {
	font-size:12px;
	line-height:17px;
}
sup {
	font-size:70%;
	vertical-align:super;
	line-height:0px;
}
p:last-child {
	margin:0px;
}
strong {
	font-weight:bold;
}
.strong {
	font-weight:bold;
}
input {
	margin-bottom:10px;
	padding:5px;
	float:left;
	clear:none;
	opacity:1;
}

input[disabled="disabled"] {
			opacity: 0.4;
            cursor:not-allowed;

		}

input[disabled="disabled"]:hover {
			opacity: 0.4;
            cursor:not-allowed;
		}

input[type="text"], input[type="password"] {
	background-color:#FFF;
	border:#c2c2c2 solid 1px;
	padding:5px;
	color:#58595A;
	margin-bottom:10px;

}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	color:#58595A;
	background-color:#FFF;
	border:#c2c2c2 solid 1px;
}


.red
{
	color:#BB4467;
}

.horizontal_spacing
{
	width: 100%;
	height:10px;
	display:block;
	clear:both;
}

.inline {
	display:inline;
}
.indent {
	margin-left:50px !important;
}
.left {
	float:left;
	clear:none;
}



#wrap {

	padding: 0 0 0 0;
	text-align:left;
}
#header {
	display:block;
	margin:0 auto 10px auto;
	background-color:   #fff;
	color:#fff;
}

#logo {
	width:260px;
	height:180px;
	display:block;
	float:left;
	margin-top:0px;
	padding-left:20px;
	padding-right:20px;
	background-image: url(Images/Logo_Small.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	 background-color:   #42B2FE;
	color:#fff;

		-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-bottomright:25px;
	border-bottom-right-radius:25px;
}


#logo .image_link {
	width:100%;
	height:100%;
	display:block;
	
}


#form_header
{
	 float:left;
	 width:560px;
	 height:150px;
	 display:block;
	 padding:30px 50px  0 50px ;
	 margin:0px 0 0 10px;
	 background-color:   #2C3C4D;
	 color:#fff;
	 -webkit-border-bottom-left-radius:25px;
	-moz-border-radius-bottomleft:25px;
	border-bottom-left-radius:25px;

}

#container
{
  
}

#content 
{
    margin:0 auto;
	width:1000px;
    padding: 0 20px;
	min-height:420px;
	display:block;
	background-position:top;
	background-repeat:no-repeat;
	background-color:#fff;
	margin:0 auto;

}


	
#footer 
{
	position: relative;
	margin:0 auto;
	height: 120px;
	clear:both;
	padding:10px 0;
	background-color:   #2C3C4D;
	color:#fff;

}

.footer-nav 
{
	float:left;
	width: 800px;
	margin:10px;
}

.footer-logo {
	float:left;
	width:150px;
	height:120px;
	display:none;
	background-image: url(Images/Logo_Small.png);

}

.footer-logo .btnLogo{
	width:100%;
	height:100%;
	display:block;
	
}

#footer ul li {
	display:inline;
	width: 160px;
	padding: 0 20px;

}

#footer ul li a {
	width: 120px;
	color:#fff;
}
#footer ul li a:hover {
	background-color:#737f3a;
	text-decoration:none;
}


.invalidEmail
{
	background-image: url(../../Resources/Images/wrong.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top:2px;
	margin-top: 10px;
	display:block;
	float:left;
	
}

.validEmail
{
	background-image: url(../../Resources/Images/right.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top:2px;
	margin-top: 10px;
	display:block;
	float:left;
}

.ooNavigationToolbar
{
	 width:100%;
	 display:block;
     margin: 0 auto;

}



.ooPageTitle
{
	 float:left;
	 text-align:left;
	 width:300px;
	 display:block;
	 padding-top:6px;
	 vertical-align:baseline;
  
}

.ooUsername
{
	 float:left;
	 text-align:right;
	 width:600px;
	 padding-top:6px;
	 display:block;
	 vertical-align:baseline;
	 white-space:nowrap;
	 overflow-x:hidden;
}

.ooInputBox {
	background-color:#FFF;
	width: 82px;
	border:#c2c2c2 solid 1px;
	padding:0px !important;
	color:#58595A;
	margin-bottom:0px !important;
}

.ooInputBoxCurrency {
	background-color:#FFF;
	text-align:right;
	width: 82px;
	border:#c2c2c2 solid 1px;
	padding:0px !important;
	color:#58595A;
	margin-bottom:0px !important;
	float:right;
}

.ooToolbar-display
{
	 width:1024px;
	 display:block;
     box-sizing:border-box;
	 vertical-align:baseline;
	 padding: 4px 50px;
	 margin-right:5px;
	 background-color:   #2C3C4D;
	 color:#fff;
	
	 
}
.ooToolbar-options {
	width:110px;
	float:left;
	margin-left:5px;
	display:block;
	padding: 4px 20px;

	
	background-color:   #2C3C4D;
	color:#fff;
	-webkit-border-bottom-right-radius:25px;
	-moz-border-radius-bottomright:25px;
	border-bottom-right-radius:25px;
}
.ooToolbar-options .item {
	position:relative;
	float:left;
	height:24px;
	text-align:center;
	color:#fff;
	margin: 3px 12px 0 12px;
}

.ooToolbar-options .item .icon {
	height:23px;
	width: 45px;
	overflow:hidden;
	display:block;
}

.ooToolbar-options .item .iconSml {
	overflow:hidden;
	display:block;
	margin:1px;
	overflow:hidden;
	border: 1px solid #000;
}
.ooToolbar-options .item .iconSml input {
	height:20px;
	width: 20px;
	overflow:hidden;
	display:block;
	margin:1px;
	overflow:hidden;
	border: 1px solid #000;
}

.ooToolbar-options input {
	margin: 0;
	padding: 0;
	float:left;
	overflow:hidden;
}

.ooToolbar-options .item .icon:hover {
	background-position:0px -23px;
}

.italics
{
	font-style:italic;
}
.bold
{
	font-weight:bold;
}
.underline
{
	text-decoration:underline;
}

.divSection
{
	border: 2px solid #738DA2;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.ooLoginBox
{
	width:225px;
	float:left;
	display:block;
	margin-left:15px;
}
.ooLoginCol
{
	clear:both;
	Width:150px;
	float:left;
	display:block;
}
.ooLoginBtn
{
	margin-left:225px;
	display:block;
	
}

.divNewUser
{
	float: left;
	margin-left: 50px;
	width: 280px;
	padding: 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border: 1px solid #738DA2;
	background-color:   #738DA2;
	color:#fff;
}


#ooView_Menu
{
	width:160px;
	float:left;
	margin:12px 0px 20px 0px;
	display:block;
}
#ooView_Container
{
	width:820px;
	float:left;
    box-sizing:border-box;
    padding:0 20px;
	margin:20px 0px 20px 20px;
	display:block;
}

#ooView_Container .divSection
{
	margin-bottom:20px;
}
#ooView_Container .ooDataRow
{
	padding:4px 10px;
    line-height:26px;
}


#ooView_Menu h2
{
	font-size:18px;
	color:#2C3C4D;
}

#ooView_Menu li
{
   margin:4px 0;
}

#ooForm_Menu
{
	width:200px;
	float:left;
	margin:20px 8px 20px 0px;
	display:block;
	border: 1px solid #2C3C4D;
		-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

}
#ooForm_Menu h3
{
	padding:10px 10px 0 10px;
}

#ooForm_Menu ul
{
   margin:0;
   font-size:14px;
   font-weight:bold;
	  
}

#ooForm_Menu ul li
{
   font-size:14px;
   font-weight:bold;
	  
}


#ooForm_Menu .ooBtn{
    width:100%;
    box-sizing:border-box;
    margin:0 0 10px 0;
    padding:8px 14px;
}

#ooForm_Container
{
	width:770px;
	float:left;
    box-sizing:border-box;
    padding: 0 20px;
	margin:20px 0px 20px 20px;
	display:block;
  
}

#ooForm_Container .divSection
{
	padding:10px;
	margin-bottom:20px;
}

#printContainer .divSection
{
	padding:10px;
	margin-bottom:20px;
}


#ooPublic_Container 
{
	width:960px;
	float:left;
	margin:20px;
	display:block;
   
}

#ooPublic_Container h2
{
	margin:0px 10px 0px 10px;
}

.SectionHeading
{
	padding:10px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:   #2C3C4D;
	color:#fff;

}

.printContainer .SectionHeading
{
	clear:both;
}

#ooPublic_Container .SectionHeading
{
	margin:0px 20px 0px 20px;
}

#ooPublic_Container .divSection
{
	margin:0px 20px 0px 20px;
	padding:10px;

}

#ooPublic_Container .ooDataRow
{
}

.ooCheckBoxCol
{
	Width:20px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooCurrencyCol
{
	Width:82px;
	float:left;
	text-align:right;
	display:block;
	padding:0 3px;
}

.ooCurrencyColAlt
{
	Width:70px;
	float:left;
	text-align:right;
	display:block;
	padding:0 3px;
}

.ooTotalSpacer
{
	Width:367px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooTotalLabel {
	text-align:right;
	width: 82px;
	border:#c2c2c2 solid 1px;
	padding:0px !important;
	color:#58595A;
	margin-bottom:0px !important;
	float:right;
    height: 25px;
}


.ooPayCol
{
	Width:161px;
	float:left;
	text-align:right;
	display:block;
	padding:0 3px;
}

.ooDoubleColRight
{
	Width:172px;
	text-align:right;
	float:left;
	display:block;
	padding:0 3px;
}

.ooPayInfoColRight
{
	Width:458px;
	text-align:right;
	float:left;
	display:block;
	padding:0 3px;
}


.ooCol
{
	float:left;
	display:block;
	padding:0 4px;
}
.ooSingleCol
{
	Width:82px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooSingleColInvoice
{
    Width:90px;
    float:left;
    display:block;
    padding:0 3px;
}

.ooDoubleCol
{
	Width:172px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooDoubleColAlt
{
	Width:154px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooSingleColAlt
{
	Width:100px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooTriColAlt
{
	Width:244px;
	float:left;
	display:block;
	padding:0 3px;
}


.ooTriCol
{
	Width:260px;
	float:left;
	display:block;
	padding:0 3px;
}
.ooQuadCol
{
	Width:352px;
	float:left;
	display:block;
	padding:0 3px;
}
.ooQuintCol
{
	Width:442px;
	float:left;
	display:block;
	padding:0 3px;
}
.ooSuxtCol
{
	Width:532px;
	float:left;
	display:block;
	padding:0 3px;
}
.ooSeptCol
{
	Width:622px;
	float:left;
	display:block;
	padding:0 3px;
}
.ooOctCol
{
	Width:712px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooSpacerBottom {
	padding-bottom:20px;
}
.ooSingleSpacer
{
	margin-left:88px !important;
}
.ooDoubleSpacer
{
	margin-left:178px !important;
}
.ooTriSpacer
{
	margin-left:268px !important;
}
.ooQuadSpacer
{
	margin-left:360px !important;
}
.ooQuintSpacer
{
	margin-left:450px !important;
}
.ooSuxtSpacer
{
	margin-left:116px !important;
}
.ooSeptSpacer
{
	margin-left:70px !important;
}

.ooWordWrap 
{
	word-wrap: break-word;
}


.ooDataRow
{
	clear:both;
	display:block;
	padding:4px 0px;
	line-height:16px;
    box-sizing:border-box;

}



.ooTableDiv
{
	display:block;
	margin-top:10px;
	padding-left:10px;
	border: 1px solid #DDD;
	width:700px;
	font-weight:bold;
	border-bottom: 1px solid #BBB;
}

.ooTableDiv table
{
	border: 0;
}

.ooHeading
{
	font-weight:bold;
	border-bottom: 1px solid #BBB;
	background-color:   #738DA2;
	color:#fff;
}

.ooTableHeading
{
	font-weight:bold;
	border-bottom: 1px solid #BBB;
	background-color:   #738DA2;
	color:#fff;
	padding: 4px 9px;

}

.ooRadio input
{
	margin:4px 3px;
	float:left;
}

.ooRadio label
{
	padding  :4px 0;
	margin-right: 10px;
	float:left;
}

.ooCheck input
{
	margin:3px 3px 0 0px;
	float:left;
	display:block;
   
}

.ooCheck label
{
	margin:3px 0 0 7px;
	float:left;
	display:block;
	width:70%;
}


.ooLabel
{
	/*float:left;*/
		padding: 6px 0 0 0;

	font-weight:bold;
    display:inline-block;
}

.ooDisplay
{
	float:left;
	padding: 6px 4px 0 0;
}

.ooData
{
	Width: 90%;
	/*float:left;*/
	margin:5px 3px 0 0;
	padding:3px;

}

.ooData-inline
{
	margin:8px 3px 0 0;
	padding:3px;
	display:block;
	height:100%;
	float:left;
}

.ooDataTiny
{
	Width: 15px;
	float:left;
	margin:5px 3px 0 0;
	padding:3px;

}

.ooDataSmall
{
	Width: 60px;
	float:left;
	margin:5px 3px 0 0;
	padding:3px;

}
.ooDataMed
{
	Width: 260px;
	float:left;
	margin:5px 3px 0 0;
	padding:3px;

}
.ooDataLarge
{
	Width: 591px;
	float:left;
	margin:5px 3px 0 0;
	padding:3px;

}

select.ooData 
{
	Width: 96%;
	float:left;
	margin:3px 3px 3px 0px;
	padding:3px;

}

.ooDoubleCol
{
	Width:172px;
	float:left;
	display:block;
	padding:0 3px;
}

.ooDropdown
{
	Width: 247px;
	float:left;
	padding:4px;
	margin-bottom:8px;
	margin-top: 4px;
}

.ooDropdownGrid
{
	Width: 95%;
	float:left;
	padding:2px;
	margin:-2px 0 0 0;

}
.ooDropDownLarge
{
	Width: 300px;
	float:left;
	margin:5px 3px 0 3px;
	padding:3px;

}

.ooCol10p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:10%;
	padding:0 10px; 
}

.ooCol15p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:15%;
	padding:0 10px; 
}

.ooCol20p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:20%;
	padding:0 10px; 
}

.ooCol25p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:25%;
	padding:0 10px; 
}

.ooCol30p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:30%;
}
.ooCol35p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:35%;
}
.ooCol40p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:40%;
	padding:0 10px;

}
.ooCol45p{
	box-sizing:border-box;
	display:block;
	float:left;
	width:45%;
	padding:0 10px;

}


.ooCol50p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:50%;
}
.ooCol55p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:55%;
}
.ooCol60p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:60%;
}
.ooCol65p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:65%;
}

.ooCol70p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:70%;
}
.ooCol75p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:75%;
}
.ooCol80p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:80%;
}
.ooCol85p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:85%;
}
.ooCol90p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:90%;
}
.ooCol95p{
	box-sizing:border-box;
	padding:0 10px;
	display:block;
	float:left;
	width:95%;
}
.ooCol100p{
	box-sizing:border-box;
	display:block;
	padding:0 10px;
	float:left;
	width:100%;
}



textarea.ooData
{
	width: 90%;
	float:left;
	margin-top:5px;
}


.ooReadOnly
{
	 background-color:#FFF8F5;
	 border-color: #E3E3E3;
}

.invalid
{
	border-width:.1em;
	border-style:groove;
	border-color:#C00;
}

.error-Messages {
	font-size:12px;
	color:#9E2828;
}

.error-Panel
{
	clear:both;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0 0;
	background-color:#fff;
}

.error-Inner h3
{
	clear:both;
	font-size:15px;
	margin:0;
	padding: 0;
	width:auto;
	display:block;
	text-align:left;
	background-color:transparent !important;
}
.error-Inner
{
	clear:both;
	margin:0 0 0px 0;
	color:#9E2828;
	border: 4px solid #9E2828;
	padding: 10px 40px;
}

.ooInactive
{
	margin:0 0 0 10px;
	color:#AAA;
	background-color:#EEE;
}

.ooInactive a
{
	color:#AAA !important;
	background-color:#EEE !important;
}

.ooInactive a:hover
{
	color:#AAA !important;
	background-color:#EEE !important;
	text-decoration:none !important;
	background-image:none !important;
}



.ooClearfix
{
	clear:both;
	line-height:1px;
	margin-top:-1px;
	display: inline-block;
	content:"_";
	
}

.ooClearfix:after {
	content: "_";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	font-size: 0;
}

html[xmlns] .ooClearfix {
	display: block;
}
* html .ooClearfix {
	height: 1%;
}

.rightAlign
{
   text-align:right;
   width:90%;
}

.ooBtnView
{
	display: inline-block;
	padding: 8px 14px 8px;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
    text-align:left;
	margin:5px 8px 5px 0;
    box-sizing:border-box;
	border: 1px solid #2556ef;
	width:100%;
	font-weight:bold;
	background-color: #ff4d04;
	color:#fff;


}




.ooBtnView:hover
{
	opacity:0.9;
}

.ooBtnExit
{
	 background-color: #2C3C4D;
	color:#fff;
}


.ooBtnProcess
{
  

	 background-color:   #42B2FE;
	color:#fff;
}



.ooBtn
{
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin:5px 8px 0 0;
	border: 1px solid #2556ef;
	background-color:#ff4d04;
	color:#fff;
}

.ooBtnAlt
{
	display: inline-block;
	padding: 5px 10px 6px;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-bottom:10px;
	border: 1px solid #2556ef;
	background-color:#ff4d04;
	color:#fff;
}




.ooBtn a
{
	padding: 4px 20px 4px 0px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	background-color:#ff4d04;
	color:#fff;
}


.ooBtn:hover
{
	text-decoration:none;
	color:#fff;
	opacity:0.9;
}



 a.ooBtn :hover
{
	text-decoration:none;
	color:#fff;
	opacity:0.9;
}

 

.ooBtnLarge
{
	display:block;
	height:40px;
	width: 100px;  
	margin-bottom:30px;
	vertical-align:middle;


		-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.ooBtnLarge a
{
	display:block;
	vertical-align:middle;
}


.ooBtn.ooDeactive {
	color: #58595A;
	background-color: #AAA;
	opacity: 0.8;

}

.ooDeactive:hover {
	color: #58595A;
	background-color: #AAA;
	opacity: 0.8;
	cursor:default;
}

.ooBtnText
{
	display:block;
	padding:5px 0;
	text-align:center;   
	height:100%;
}




.ooBtnGrid
{
   
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	text-align:center;
	box-sizing:border-box;
    width:100%;
    padding:4px 0;
    margin:0;
	font-weight:normal;
	background-color: #ff4d04;
	color:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.ooBtnGridAlt
{
   
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	float:left;
	text-align:center;
	width:20px;
	font-weight:bold;
	/*background-color: #ff4d04;*/
	color:#fff;
	border-radius: 0px;
	padding: 0px;
	/*-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;*/
	margin: 0px 2px;
}

.ooBtnGrid a
{
	text-align:center;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
    line-height:14px;
    float:left;
    margin-top:-4px;

}





.ooNav_btn
{
	margin:5px 8px 0 0;
	float:right;
	width:120px;
	border: 1px solid #2556ef;
	text-align:center;
}

.ooRounded
{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);   
	border-radius: 6px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

.ooDropShadow
{
	-webkit-box-shadow: 2px 2px 1px 1px rgba(35, 35, 35, .5);
	box-shadow: 2px 2px 1px 1px rgba(35, 35, 35, .75);
}


.ooBackToTop
{
	clear:both;
	margin-top:10px;
	padding-top:10px;  
	display:block;
	text-align:right;
	margin-right:20px;
}
.ooBackToTop span
{
	border-top:solid 1px #b7ddf2;  
	margin-top:10px;
	padding-top:10px;  
	display:block;
}

.ooUpload
{
	display:block;
	margin:10px;
	padding:0;
}

.ooUpload input[type="submit"]
{    
   
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	padding-top:0px;
	margin-left:10px;	
}
.ooUpload input[type="submit"]:hover
{    
   
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	padding-top:0px;
	margin-left:10px;
	
}

.ooUpload input[type="file"] 	
{
	height:20px;
	margin: 0px;
	vertical-align:baseline;
	width:300px;
	background-color:#FFF;
	border:#c2c2c2 solid 1px;
	padding:0px;
	color:#58595A;	
}
.ooUpload select
{
	width:90%;
	padding:4px; 
	margin-left:10px;
}

.ooUploadContainer
{
	vertical-align:middle;
	margin-top:10px;
	*margin-right:0px;
	_margin-right:0px;
	display:block;
}


.ooUploadTitle
{
	float:left;
	width:220px;
	margin-right:10px;
   display:block;
	
}
.ooUploadFile
{
	float:left; 
	margin-left:10px; 
	margin-right:10px;
	width:220px;
   display:block;
	
}


.ooUploadContainer select
{
   width:238px;
   margin-left:0px;
}

.ooUploadTitle label
{
	float:left;
	height:30px;
	width:40px;
	margin:0;
	padding:0;
	
}
.ooUploadTitle input[type="text"] 
{
	float:left;
	vertical-align:baseline;
	width:190px;
	margin-right:10px;
	padding:4px;
	
}
.ooUploadFile input[type="file"] 
{
 
	
}
.ooBtnUpload
{
	float:right;
	margin-left:60px;
	*margin-left:30px;
	_margin-left:30px;
	margin-top:-4px; 
	margin-right:10px;
}
.ooBtnUpload input[type="submit"] 
{
	padding:4px;
	width:70px;
	height:26px;
	margin-right:0px;
	text-align:center;
	
}

.ooDatePicker
{
	background: url(../../Resources/images/dateicon.png) left no-repeat;
	padding:3px 3px 3px 17px;
	text-align:center;
	Width: 133px;
	float:left;
	margin:5px 3px 0 0;
	border:1px solid #696969;
}



.note
{
	margin-top:3px;
	font-size:11px;
	color:#787878;
}

.warning {
	margin-top:8px;
	color:#787878;
	background:url(../../Resources/Images/warning.png) no-repeat;
	background-position:0px 3px;
	font-size:12px;
}
p.warning {
	padding:4px 0px 0px 20px;
}


.odd
{
	background-color:   #ededed;
}
.even
{
	background-color:   #fefefe;
	
}


.ooRequired:after
{
	content:"*";
	color:red;
}

.centre:hover 
{
	background:#fff;
	text-decoration:none; 
	color:#738DA2;
}


.centre > .divDisplayOnHover
{
	display: none;
	
}

.ButtonContainer:hover > .lblUnderTransparent 
{
   
}


.centre:hover > .divDisplayOnHover {
	display: block;
}

.divDisplayOnHover
{
	position:absolute;
	right:-200px;
	top:0px;
	width: 200px;
	padding: 5px;
	background-color: #fff;
	z-index:999;
}

.group a
{
	margin:4px;
	padding: 2px 10px;
}

.ooSortList
{
	width: 300px;
	float:left;
	margin: 0 20px 0 25px;
	
}

.sortable-placeholder
{
	height:30px;
	box-sizing:border-box;
	margin: 0 10px 10px;
	background-color:#005a84;
	color:white;
	text-align:center;
	font-weight:700;
	vertical-align:bottom;
	padding-top:5px;
}

.SortHeading
{
	padding:10px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background-color:   #738DA2;
	border: 1px solid #738DA2;


	color:#fff;


}

.ooSortList ul
{
	padding: 0px 0 50px 0;
	border: 2px solid #738DA2;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

#selectedlist, #centrelist
{
	min-height:300px;
	padding:10px 0 100px 0;
	-ms-touch-action: none; 
	touch-action: none;
}


#selectedlist li, #centrelist li
{
   
}

.sortItem
{
	 margin:0 10px 10px 10px;   
	font-size:13px;
	line-height:28px;
	cursor: pointer; 
	color:#738DA2;
	font-weight:normal;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border: 2px solid #738DA2;
	color: #738DA2;
	min-height:20px;
	padding: 5px;
	line-height:16px;
	-webkit-box-shadow:2px 2px 4px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:2px 2px 4px rgba(50, 50, 50, 0.5);
	box-shadow:2px 2px 4px rgba(50, 50, 50, 0.5);
}

.centreList
{
	width:290px;   
	padding: 20px;
	margin: 0 20px;
	float:left;
}

.centre
{
	position:relative;
	width: 240px;
	padding:0 20px;
	margin:5px;   
	font:22px;
	line-height:25px;
	cursor: pointer; 
	color: #FFF;
}  

.sortItem 
{
   
}  

.sortItem a
{
	margin:5px;   
	font:22px;
	line-height:25px;
	cursor: pointer; 
	color:#738DA2;
	font-weight:bold;
	text-decoration:none;
} 

.menu-selected a, .menu-selected .ooBtn
{
	background-color:   #2C3C4D;
	color:#fff;
	height:100%;
	display:block;
	padding:8px 14px;
}
.menu-upstream a, .menu-upstream  .ooBtn
{
	background-color:   #738DA2;
	color:#fff;
	height:100%;
    width:100%;
    box-sizing:border-box;
	display:block;
	padding:8px 14px;
 
}

.menu-downstream a, .menu-downstream  .ooBtn
{
	opacity: 0.9;
	height:100%;
	display:block;
    width:100%;
    box-sizing:border-box;
	padding:8px 14px;
	background-color: #fff;
    color: #738DA2;
}

.menu-last a,  .menu-last .ooBtn
{
	height:100%;
	display:block;
	padding:8px 14px;
        width:100%;
    box-sizing:border-box;
	background-color:   #2C3C4D;
	color:#fff;
}

.menu-selected.ooBtn:hover
{
	background-color:  #fff;
	color: #2C3C4D;
	height:100%;
	display:block;
	text-decoration:none;
}
.menu-upstream.ooBtn:hover
{
	color:   #738DA2;
	background-color:#fff;
	height:100%;
	display:block;
	text-decoration:none;
 
}

.menu-downstream.ooBtn:hover
{
	opacity: 0.9;
	height:100%;
	display:block;
	text-decoration:none;
	background-color: #fff;
}

.menu-last.ooBtn:hover
{
	height:100%;
	display:block;
	color:   #2C3C4D;
	text-decoration:none;
	background-color:#fff;
}

/*Datatable classes start*/

.dataTables_CellLeft {
	 text-align: left;
	 vertical-align: top;

}

#suburbLookup label
{
	float:left;
	font-weight:normal;   
	text-align:left;
}

#suburbLookup tr:hover
{
	background-color:#d8eee5;
	cursor:pointer;
}

.dataTables_processing
{
	display:table-row;
	padding:6px 4px;
	color:#58595b;
}

.dataTables_info
{
	float:left;   
	display:block;
	padding:6px 4px;
	color:#58595b;
	
}
	
.dataTables_length
{
	float:left;   
	width:150px;
}
.dataTables_length label
{
	width:150px;
	float:none;
	color:white;
	padding:4px;
}
	
.bottom 
{
	background-color:#05647d;
	color:white;
	display:block;

 
}

.dataTables_bottom 
{
	background-color:#05647d;
	color:white;
	display:block;

 
}
   
.last:after 
{
	clear:both;
}
   
	
.paging_full_numbers
{
	float:right;   
	display:block;
	padding:6px 4px;
	
}
	

	
.paginate_active { 
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
	margin: 0 3px;
	background-color: white;
	color:#05647d  !important;
	cursor:default;
		
} 
	
.paginate_button { 
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor:pointer;
	color: #fff !important;
	background-color:#ff4d04 !important;
	
} 
	
.paginate_button:hover { 
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
	margin: 0 3px;
	background-color: white;
	background-color:#ff4d04 !important;
} 
	
#tblAddressLookup table
{
	border:none;
	border-collapse:collapse;
}
	
#tblAddressLookup td
{
	border:none;
	outline:none;
}
	



.ui-widget 
{ 
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px !important;
}


.paginate_button_disabled { 
	border: 1px solid #aaa;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 2px 5px;
	margin: 0 3px;
	color: #fff !important;
	background-color:#ff4d04 !important;
	cursor:default !important;
		
} 



.headingRow {
	font-size:13px;
	color:#58595b;	
	vertical-align:top;
	padding:4px;
	font-weight:bold;
	margin-bottom:2px;
	

}

#tblAddressLookup thead
{
	height:1px;
	background-color:inherit;
	padding:0;
	margin:0;
}
#tblAddressLookup th, #tblAddressLookup thead tr
{
	height:1px;
	background-color:inherit;
	padding:0;
	margin:0;
}

#divAddressLookup
{
  
}


       #Address1, #Address2, #Address3, #Address1Picker {
            display: none;
        }

        #Address1, #Address2, #Address3, #Address1Picker, #VerifyPassword {
            height: 600px;
            width: 800px;
            padding: 20px;
        }


        .divError {
            width: 100%;
            box-sizing: border-box;
            margin: 0;
            padding: 10px;
            display: none;
        }

            .divError .divError-inner {
                box-sizing: border-box;
                border: 2px solid #c00;
                padding: 20px;
            }


        .ui-dialog-titlebar-close {
            display: none;
        }

        .ui-dialog-titlebar {
            display: none;
        }

        .ui-dialog-content {
            border: 0;
        }

        .ui-dialog {
            border: 0;
        }

        .ui-widget-content a{
            color:#fff;
        }

        .ui-dialog-buttonpane {
            border: 0;
            height: 20px;
            text-align: right;
            padding: 20px;
        }

        .ui-dialog-buttonpane {
            border: 0;
            height: 20px;
            text-align: right;
            padding: 0 20px 40px 20px;
        }
/*Datatable classes end*/



.passwordpolicy ul
{
	padding:10px 20px;
	list-style-type:square;

}
.passwordpolicy ul li
{
	list-style-type:square;

}

.transaction-list
{
   max-height: 200px;
   overflow-y: scroll;
}


 
.help-panel {
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 1000;
}



.help-panel .help-btn {
  text-decoration:none;
  height: 196px;
  width: 36px;
  margin-top: 20px;
  margin-right: -2px;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  -moz-transform: rotate(0) translate(0, 0);
  -ms-transform: rotate(0) translate(0, 0);
  -o-transform: rotate(0) translate(0, 0);
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
}

.help-panel .help-btn:hover {
  text-decoration:none;
  cursor:pointer;
  
}

.help-panel .help-btnopen {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.help-panel .btncontent {
  display: block;
  line-height: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 14px;
  color: #fff;
}

.help-panel .btn-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: 36px;
  width: 168px;
  box-sizing: border-box;
  text-align: center;
  font-family: verdana;
  border-left: 2px solid #7F0000;
  border-right: 2px solid #7F0000;
  border-top: 2px solid #7F0000;
  display: block;
  font-weight: 400;
  font-size: 18px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background-color: #9f0b0b;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: rotate(-90deg) translate(-100%, 0);
  -ms-transform: rotate(-90deg) translate(-100%, 0);
  -o-transform: rotate(-90deg) translate(-100%, 0);
  -webkit-transform: rotate(-90deg) translate(-100%, 0);
  transform: rotate(-90deg) translate(-100%, 0);


  background-color: transparent\9;
  border:none\9;
  content:"&nbsp"\9;
  height:168px\9;
  width:36px\9;
}

.help-panel .btn-open-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMABAUOHyAhIjQ2Nzg5a2xtb4WGiMzOz+Tm6O/x+1vd+xIAAACjSURBVCjPdVJRFoMgDCs65hw4FdEhwv2vuYH0gQL5gqS0oS3ACcKE1FrOjEAKMhobYIZEeu42wfeBfG9veJ08tRn8G6LCrQVoMZurM2KYi8Lz8H9gSoIhwG1JsAxEWZhhDXUjvAMJBwZHOEbXha2WaikXF3W7Te2DMJWE0TVxz5uo/LC6vO309Pe+8z067y6jVTRZhikuw+e6Jw1ftuNYBUf6BxirJ2bkohC8AAAAAElFTkSuQmCC");
  background-repeat: no-repeat no-repeat;
  height: 30px;
  width: 26px;
  margin-left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center center;
  display: inline-block;
  
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAACsCAYAAAAaCK5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuOWwzfk4AAAjbSURBVHhe7ZxNbFtVFsdRQXyVliLBClggIcBlgcqXskIgULHEwiyAbiCCBdkgZRexQJlBiLYLUpVRMoJO1CYZ06KZJwHNCDqyWjV1mYCZzlQuBJmmJI4IiomUOm1KTVrDf865zzdcP59n35e8Z4PGR/rJzbv33fN/95778T56rwDQUsSDzUQ82EzEg81iemxMTmgWQ48+Kic0g5PDw+i/+245MWq46nds3IjkHXfIGaKEne/ctAn7N2/G0Pr1cqao4GrnK//bww8r500TwFfNAcdtfuDOO1ecBxJQnJ7GZ2+/jZHHHsOeLVvwR+rBQei76qoqx9YCpo8exV8efBA7N2xA3/XX48/XXot3CKkw7ezNdeuwg2Cne3zyakSnmuTWrcpx/zXXiCeHgeiY4fbaRVe8l5BODIN9hOh8Ozn909VXiyeFATseqlxYjXO+8iics1PTsabKObc5V7uZITB8vsb825uvwopzjnYOuCjbXGJFAHe1KKPdD+WcBxm+eilD1CgBn+3evfa2XyVKwDCN0zzCSRmiRgl49777fIfXqFECePyWEkVicRzp7MTYtjgcKT0gAQQkMJHOo0wn/GpFLAx2rkmItYDUaF65XM5nMTfqYCqVwVKRj5SwMBATz7HBUkAnZgvAxVS352o7cCJDKgopjFUdt8dSQBKLyGMmLqR1pnAROUx6j1sSQICfk3ppjQlWAxz9NYxiqSYtgYNiObUEEBDE7GvEUkAXTjkU+db04bhYTi2WAqIjAgHBgrItoC3AUkAHUlUDTT14YApdAF9VEAtdQHsgio4AMeBtV79oj6QXtAW0BfwmBASx0AX0YiaXw6I1ozghllOLpYDo+L0IaPlk1PIglBYk0h2RJvQ7I4lg/d2PtoC2AEsB7CyI2QuzFNCeC6KjLaAtIBoBiQRS0nGB8AV09GKuGPpAJKHXCNtwKFY5ppxTiaUsJmryy6xBQPXwXM5nsaic5zDVaf/4fu010N2HSSeNpZLSgSUnIeT1x15AYhAL6gUFXW0xi5y+ylg3ZvLsvYi5QQeLJfrtCb0G4phSL0yKWKLJRr0pKaaRifVgtsDOCytOncEsNYeDQzVlyFgK4PYuYLZL/53AZK6IMvsu0fGqKw62TgggII8pHe3rY8ikuRpoVdztqe54JI/p3HdG5TzN853dOJXSb8+KmB8wg45rhqolwDsk6yB0etK4qJy6Vs4lMZ7MuUJKJWoOQqWUsJiMi2VIWAtgnDjdoiUd5Hp+fWmZGkhR/3f7YLlYwHzA94iBBERBW0BbQFvAKgTEcKiLp+AU5tVdUAazThKnuqQPGmgGLaTr3iUFEnCwm6bbypQsGi3FpqrmhsYTk7UAHoqXK07mnD6M66VYR4KWZb3IpXJuOq8L9OzY1fjVvqWALncyovG/7mpXrwlpwTIzSqskNWHWXxvYCdAfKaxMx/44A7QgoUKV8copIefT2Ang6ucVkJRWA7c7TdO9nnWCD+ELUAsSjgMhTcBOQMy7JPPH/dqGVk/S9yYClkEYw0SW5nxzNSzkGRvIqJ5Qzg5YrwksBRDGsnzlW6LKs+GZdLbyTRFZMYOJBoFnYi+AoXuAXMb7NZW2EpYygxi36CkmwQSsQMPxNuPZ8Bq+K1ulgDrQyHgiOWjZZcMSEIvjeN8o5vM6EEK/L5Cgm9PeJOZyBSMmSljOpTHV1xXd4/qDNBXPUCC6E49ry3kWYd452WMpoAu5dA4X3eW/snIhi9nBnsrDiWD3gyaWAtgBWSmvpuLjHVJ6pAIGXQFsdP+/mHZoBdRhpEcugOnwRDoZ3ZovpKjLxWmlFL0AA+p2mWQai+rhhDa6KR2l5onbTcOa1Qkw6aAb1lH9falrZZq6Q35czw+kGr+Kc+I9mFS9JfSBSAoyfptq/4bUjzUIWH3km7QF/J4EFDBf9Yo+Q/cK3mOa/4/X9/Voyuv7cGgLaAtoC7AW8Nebb4YTi+Ho889jMpnEuTNncOncOZyfmsK377+PsRdfhLN5M5K33CKe70dDAcMbNuCDLVvwn9dfx/LZs5Td3y7/+CNO7tiBDx96CMMbN4rleakrYGTTJvzzqacwd+wYfr50yfXSwH4plzH/xRfqvJGbbhLLNfEVwFf+yZNP4uyXX7olB7SzX32F1NNPN6wJXwHcnoVPP3VL89hSPo+jL7yAw889p2Ki+PXXlZRq45rg5vCWbSIKGL7xRvz7tdfwy+XLbkkeW8hmq/JzE0nGzXFy+/a6gSkK2H/bbbh84YJbimC2Atg4MLk2zfwmooDDzzzjnu1jQQSwHXvppar8JqKA0yMj7pkVO3f6NObSaeWI+WZoqCr/RH//ShrjjQkeJ8z8JqIAHmRM+9crr2Dohhuq8tSDA9M0DlopHyMKWF6sXoClX365Kr0R3DtMu3T+vJiPkWuAqty0wDVAXdS0pelpMR8jCsjt3eueWbEL332nAk/DK18zP8eEmc5VbtqZAweq8puIAngEq2fsxMzPgVfPuEbM/CaigP233oqfFhbcswULIoAnsMDjAI+EmVdfrT8S6pigX+6ikvH5/33jDTWVm+WbiAKYv99zD74/csQtyWMcExyY3Dv41xu02ngu+eD++2vKNvEVwFf2j0cewfznn7ulBTQ+75OtW9WsWlO2gb8Agpvi48cfVzURZD3ww/g4Pn7iCbWekMo1qSuA4Svg5uCYqBeYbDyBnejthXPvvQ2vXNNQgIZrg3sHd9Fv9u2rWhNOvvceDj/7LA7cfrvKJ53vh7WAqPhtCGj5f/9v+QYIvAXE7oDBExZKQMs3wWD2PPBA67YB0bR0IxTmI1q97rruOjHjqrHdCkbTf9ddke7E46VGAPMmKY5cRKVWRAEM1wQ3R9QxITrXcEy0bEsoDW8TxF2UhfBgZbMp1vZ167Dzyiuxa62bYnnhEZOHbZ47tLN6/MH491ur3RYsDLgW17wxWhicpBuYndSMTd8azkRtPUVrRS1CzBQ1SgTVREu2B9Rwc7Rsg0RNS7eIZLgpxIRmIh5sJuLB5oEr/gcc7rZ7UgteOgAAAABJRU5ErkJggg==')\9;
  content:"&nbsp"\9;
  height:168px\9;
  width:32px\9;
}

.help-panel .btn-close-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMABAUOHyAhIjQ2Nzg5a2xtb4WGiMzOz+Tm6O/x+1vd+xIAAACYSURBVBgZbcEJEoIwEEXBNyJuoAiisuTf/5pOYcoKkm4iq7p+mvq2MlLWBEXhavwcRiXee6Kz/pxYlNrY42zQxtuARhlXsKCMYNTKquiU1fKUK0gUcj2zHCtyE7McK3ITL7mCRCHX81BWR62sil1QRjC4K6MBbNTGYLijNkoWF/05Ex1HJYaSH7sHReFmpHb14zXPz642vj5aRiviUd+rmgAAAABJRU5ErkJggg==");
  background-repeat: no-repeat no-repeat;
  height: 30px;
  width: 26px;
  margin-left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-position: center center;
  display: inline-block;

  background: url('data:image/png;base64,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')\9;
  content:"&nbsp"\9;
  height:168px\9;
  width:32px\9;
}

.help-panel .btn-top {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 16px;
  width: 16px;
  box-shadow: 3px 3px 0 2px #9f0b0b;
  background-color: transparent;
  border-bottom-right-radius: 16px;
  z-index: 100;
  display:none\9;
}

.help-panel .btn-top-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 16px;
  width: 16px;
  border-bottom: 2px solid #7F0000;
  border-right: 2px solid #7F0000;
  background-color: transparent;
  border-bottom-right-radius: 16px;
  z-index: 100;
}

.help-panel .btn-bottom {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  height: 16px;
  width: 16px;
  box-shadow: 3px -3px 0 2px #9f0b0b;
  background-color: transparent;
  border-top-right-radius: 16px;
  z-index: 100;
  display:none\9;

}

.help-panel .btn-bottom-inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 16px;
  width: 16px;
  border-top: 2px solid #7F0000;
  border-right: 2px solid #7F0000;
  background-color: transparent;
  border-top-right-radius: 16px;
  z-index: 100;
}

.help-panel .help-container {
  position: absolute;
  top:0;
  right:0;
  -moz-transform: rotate(0) translate(0, 0);
  -ms-transform: rotate(0) translate(0, 0);
  -o-transform: rotate(0) translate(0, 0);
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
  width: 640px;
  display: none;
  height: 350px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.help-panel .help-btnclose {
  position: absolute;
  top: 0;
  left: 2px;
  -moz-transform: rotate(0) translate(0, 0);
  -ms-transform: rotate(0) translate(0, 0);
  -o-transform: rotate(0) translate(0, 0);
  -webkit-transform: rotate(0) translate(0, 0);
  transform: rotate(0) translate(0, 0);
  z-index: 0;
}

.help-panel .help-display {
  position: absolute;
  top: 0;
  left: 36px;
  width: 600px;
  min-height: 280px;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #7F0000;
  background: #efd;
  border-radius: 10px;
  color: #0f0f0f;
  padding: 10px;
}

.help-panel .help-content {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.help-panel .help-content-inner {
  padding: 20px 10px;
  min-height: 200px;
  max-height: 350px;
  overflow-y: scroll;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.help-panel .help-content h1, .help-panel .help-content h2, .help-panel .help-content h3 {
  color: #112572;
}

.help-panel .help-content h2 {
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.help-panel #helpContent ul {
  list-style: square;
  list-style-type: square;
  padding: 0 20px 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.help-panel #helpContent ul li {
  list-style: square;
  list-style-type: square;
  font-size: 13px;
  padding: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}