/* CSS Document */

body, td, p, li, a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
}

body {
	background-color: #807E53;
	text-align: center;
}

hr
{
    height: 1px;
    border:0px;
    color: #cccccc;
    background-color: #cccccc;    
    width:100%;
}

.labelForm
{
    font-weight: 700;
}

.WizardButton
{
    border: solid 1px #999999;
}

h2
{
    border:0;
}

h3
{
    border:0;
}


/** forms **/


.Forms div
{
    clear: both;
    min-height: 35px;
}

.Forms .titleFields
{
    min-height: 25px;
    display: block;
    width: 150px;
    float: left;
}

.Forms .spanFields
{
    width: 190px;
    display: block;
    float: left;
}

.Forms .spanCreditInfo
{
    width: 100px;
    display: block;
    float: left;
}

.SelectListCreditInfo
{
    width:250px;
    height: 25px;
    vertical-align:middle;
}

.Forms input[type=text]
{
    width: 190px;
    height: 19px;
    padding:2px 1px 3px 1px;
}


/** Reports Forms Wizard **/
.ReportForm
{
    height:450px;
}

.SelectList
{
    width:194px;
    height: 25px;
    vertical-align:middle;
}

.ReportForm div
{
    clear: both;
    height: 30px;
}

.ReportForm .spanFields
{
    width: 190px;
    display: block;
    float: left;
}

.ReportForm .Calendar
{
    clear: none;
    width: 135px;
}

.ReportForm input[type=text]
{
    width: 190px;
    height: 19px;
    padding:2px 1px 3px 1px;
}

.riTextBox
{
    padding:2px 1px 3px 1px;
    height: 19px;
    border : solid 1px #cccccc;
    width: 125px;
}


#RetailerInfo
{
    height:130px;
}

#CollectionConfirm
{
    height:300px;
}

.popupMenu
{
    z-index: 7000 ;
}

/** Returned Chq **/

#ReturnBankingInfos
{
    height:340px;
}

#ReturnCheckInfos
{
    height:310px;
}

#BankInfoConfirm
{
    height:300px;
}

#ChckInfoConfirm
{
    height:200px;
}

/** Report Infos **/
#InfosReportForm
{
    height:250px;
}


#InfosReportFormConfirm
{
    height:150px;
}

/** Common style **/
.errorLabel
{
    color: Red;
    font-weight: 700;
}

/** div container of the page **/
#mainDiv {
  width: 800px;
  background-color: #FFFFFF;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
}

/** Menu of the top **/
#mainMenu {
	background-color: #3E5550;
	height: 30px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

#mainMenu div {
  color: #FFFFFF;
  padding: 7px 10px 13px 10px;
  border-right: solid 1px #FFFFFF;
  float: left;
  border: none;
}

#mainMenu a:link { color: #FFFFFF; text-decoration: none }
#mainMenu a:visited { color: #FFFFFF; text-decoration: none }
#mainMenu a:hover { color: #FFFFFF; text-decoration: none }
#mainMenu a:active { color: #FFFFFF; text-decoration: none }

#mainHeader {
  background-image:url('images/nab_logo.gif');
  background-repeat: no-repeat;
  width: 100%;
  height: 70px;
  text-align: right;
  vertical-align: top;
  margin-bottom: 20px;
}

/** div with images banner **/
#visualsDiv {
  margin-bottom: 20px;
}

/** menu with login and member actions **/

.formVerticalSet
{
    margin-bottom: 10px;
}


.leftMenu {
  width: 175px;
  float: left;
  text-align: left;
  margin-right: 20px;
}

/** first sub-menu : member actions **/
.memberActions {
	background-color: #E6E5C6;
	padding: 20px;
	margin-bottom: 20px;
}

.memberActions div {
  margin-bottom: 6px;
}

.memberActions a:link { color: #000000; text-decoration: none; }
.memberActions a:visited { color: #000000; text-decoration: none; }
.memberActions a:hover { color: #000000; text-decoration: none; }
.memberActions a:active { color: #000000; text-decoration: none; }

/** second sub-menu : member actions **/
.loginActions {
	background-color: #A9DBE2;
	padding: 20px;
	margin-bottom: 20px;
}
.loginActions a:link { color: #000000; text-decoration: none; }
.loginActions a:visited { color: #000000; text-decoration: none; }
.loginActions a:hover { color: #000000; text-decoration: none; }
.loginActions a:active { color: #000000; text-decoration: none; }

.loginInputs
{
    border-style:none;
    width:120px;
}

.loginButton
{
    border: 1px solid #999999;
    width: 60px;
    height: 22px;
    color: #000000;
    font: bold 84% Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
    float:right;
}
.resetButton
{
    border: 1px solid #999999;
    width: 60px;
    height: 22px;
    color: #000000;
    font: bold 84% Arial, Helvetica, sans-serif;
    background-color: #CCCCCC;
    float:left;
}
/** content div **/

.contentPaneAuthenticated {
  width: 100%;  
  float: left;
  text-align: left;
  margin: 0px 0px 20px 0px;
}

.contentPane{
  width: 450px;  
  float: left;
  text-align: left;
  margin: 0px 0px 20px 0px;
}



/** user actions menus at the top **/
.userMenu 
{
    
  height: 15px;
  text-align: right;
  margin-bottom: 20px;
}

#footer {
  background-color:#000000;
  font-size: 10px;
  text-align: right;
  color: #FFFFFF;
  width: 790px;
  height: 20px;
  padding: 10px 10px 0px 0px;
  clear: left;
}

#footer a {
  color: #FFFFFF;  
  font-size: 10px;
}

/** controls inside th content pane **/

#title {
  font-size: 24px;
  text-align: left;
  color: #627D77;
  margin-bottom: 10px;
}

#webBanner {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #000000;
}