/*****************************************************************************/
/*                                                                           */
/*                           global elements                                 */
/*                                                                           */
/*****************************************************************************/
 
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #000000;
  background: #FFFFFF;
  /* IE FIX */
  /* Notes: */
  text-align: center;
  }
 
h1 {font-size: 13px; color: #000000;}
h2 {font-size: 12px; color: #000000;}
h3 {font-size: 11px; color: #000000;}
h4 {font-size: 10px; color: #000000;}
h5 {font-size: 8px; color: #000000;}
h6 {font-size: 8px; color: #000000;}

acronym {border-bottom: 1px dashed; cursor:help;}

/* hyperlinks */

a {color: #000099; text-decoration: none}
a:hover {color: #3366FF; text-decoration: none}
a img {border: none;}

/* hidden stuff */

hr {display: none;}

*.hidden {display: none;}


/* used to convert a block 'element' too 'inline'*/

*.blockInline {display: inline}

/* text formatting */

p {font-size: 9pt;}

*.textTiny {font-size: 8pt}
*.textTinyGray {font-size: 8pt; color: #999999;}
*.textError {font-size: 9pt; color: red;}
#textstatus {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
#textstatusa {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none}
#textstatusa:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF ; text-decoration: underline}
#textstatusdisabled { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #999999; text-decoration: none}
.texterror { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif ; color: #FF0000; font-weight: normal}

.rowLabel { color: #FFFFFF; background-color: #9CB3C9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
.row { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000 }

/*****************************************************************************/
/*                                                                           */
/*                     page structure elements                               */
/*                                                                           */
/*****************************************************************************/

/* NOTE: these are ID's and thus can only be used once on each page and in sequentially! */

div#container {
  position: relative;
  width: 220px;
  margin-left: auto; 
  margin-right: auto;
  /* IE FIX */
  /* Notes: */
  text-align: left;
	/*farouk */
	padding: 0 0 0 0;
  }

div#header {
  margin-bottom: 4px; 
  padding-top: 0.25em; 
  padding-bottom: 0.25em;
  }

div#navbar {
  margin: 0 0 0 0;
  padding: .5em .5em .75em .5em;
  color: #999999; 
  background: #666666;
  }

div#main {
  margin-bottom: 4px;
  }

div#tocL {
  float: left; 
  width: 20em;
  }

div#content-tocL {
  margin-left: 21em; 
  background: white;
  }
  
div#content {}

div#footer {
  clear: both;
  text-align: center; 
  border-top: 1px dotted gray;
  }


/* div#header specific */

div#header h1 {margin-top: 0em; margin-bottom: 0em;}
div#header h1 *.authority-title {display: inline; font-size: 20px; font-weight: bold; }
div#header h1 *.authority-sub-title {display: inline; font-size: 16px; font-weight: normal; }


/* div#navbar specific */

div#navbar a {color: white; font-weight: bold; text-decoration: none;}
div#navbar a:hover {font-weight: bold; text-decoration: underline;}

div#navbar #navbarL {
  float: left; 
  display: block; 
  text-align: left;
  }
div#navbar #navbarR {
  display: block; 
  text-align: right;
  }


/* div#breadcrumb specific */

div#breadcrumb {
  margin: .25em 0 .25em 0;
  padding: .25em .5em .5em .5em;
  color: #999999; 
  background: #F7F7F7;
  }

div#breadcrumb a {color: gray; text-decoration: underline;}
div#breadcrumb a:hover {color: #3366FF; text-decoration: underline;}

/* div#tocL specific */

div#tocL ul {
  margin: 0 0 0 0; 
  padding: 0 0 0 0; 
  list-style: none;
  }
div#tocL li {
  margin: 0 0 .25em 0; 
  padding: 0 0 0 0; 
  background: #F7F7F7;
  }

div#tocL ul *.items {
  margin: 0 0 0 0;
  padding: .5em 0 .75em 0; 
  list-style: none;
  }
div#tocL ul *.items li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em; 
  }

div#tocL ul *.funcs {
  margin: 0 0 0 0;
  padding: 0 0 .75em 0; 
  list-style: none;
  }
div#tocL ul *.funcs li {
  margin: 0 0 0 0;
  padding: .5em 0 0 1em; 
  }

div#tocL form {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }


/* div#footer specific */

div#footer *.pad-top {
  padding: 1em 0 0 0;
  }

/*****************************************************************************/
/*                                                                           */
/*                             genric elements                               */
/*                                                                           */
/*****************************************************************************/

*.headding{
	font-weight: bold;
}
/* hrHtmlMsgDlg */

*.hrHtmlMsgDlg {
  margin: 1em 0 1em 0; 
  }

*.hrHtmlMsgDlg *.emblem {
  float: left;
  width: 3em;
  }

*.hrHtmlMsgDlg *.title {
  margin-left: 3em;
  }

*.hrHtmlMsgDlg *.msg {
  margin: .5em 0 .5em 3em;
  }

*.hrHtmlMsgDlg *.btns {
  margin-left: 3em;
  }

/* .hrGrid */

*.hrGrid {
  }

*.hrGrid table {
  display: table;
  table-layout: auto;
  background-color: #FFFFFF;
  border-collapse: collapse;
  }

*.hrGrid thead {
  display: table-header-group;
  background-color: #CCCCCC;
  }

*.hrGrid tbody {
  display: table-row-group;
  }

*.hrGrid tfoot {
  display: table-footer-group;
  }

*.hrGrid tr {
  display: table-row;
  }

*.hrGrid th {
  display: table-cell;
  background-color: #9CB3C9; 
  color: #FFFFFF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  border: 1px solid #CCCCCC;
  padding: 2px;
  }
  
*.hrGrid td {
  display: table-cell;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  border: 1px solid #CCCCCC;
  padding: 2px;
  }

*.hrGrid *.noBorders th{
  border: 2px solid #FFFFFF;
  }

*.hrGrid *.noBorders td{
  border: 2px solid #FFFFFF;
  }


/* .hrGrid .empty */

*.hrGrid *.empty {
  display: inline;
  background-color: #FFFFFF;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  border: 1px solid #CCCCCC;
  padding: 2px;
  }


/* .hrGrid .alternate */
  
*.hrGrid td.rowOdd {
  background-color: #DDE8FF
  }
  
*.hrGrid td.rowEven {
  background-color: #FFFFFF;
  }  


/* .hrGrid .state */

*.hrGrid td.stateUnknown {
  }  

*.hrGrid td.stateOriginal {
  }  

*.hrGrid td.stateInserted {
  }  

*.hrGrid td.stateUpdated {
  font-style: italic;
  }  

*.hrGrid td.stateDeleted {
  }


/* .hrGrid misc */

*.hrGrid *.vehReg {
  background-color: yellow;
  text-align: center;
  border: 1px solid gray;
  }
  

/* .hrData */

*.hrData {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt;
  }

*.hrData *.fld {
  display: block;
  padding: 0 0 0 0;
  margin: .25em .25em 0 0;
  }

*.hrData *.lbl {
  display: block;
  color: white;
  background-color: #9CB3C9; 
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }
  
*.hrData *.data {
  display: block;
  background-color: #FFFFFF;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

*.hrData *.error {
  color: red;
  }

*.hrData *.vehReg {
  background-color: yellow;
  text-align: center;
  border: 1px solid gray;
  }

/* .hrForm */

*.hrForm form {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9pt;
}

*.hrForm *.fld {
  display: block;
  padding: .25em 0 .25em 0;
  margin: 0 0 0 0;
  }

*.hrForm *.lbl {
  display: block;
  float: left;
  width: 11em;
  font-size: 9pt;
  text-align: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }
  
*.hrForm *.data {
  display: block;
  float: left;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }

*.hrForm *.comment {
  display: block;
  float: left;
  padding: 0 0 0 .5em;
  margin: 0 0 0 0;
  font-size: 8pt;
  }

*.hrForm br {
  clear: left;
  }

*.hrForm *.error {
  color: red;
  }

*.hrForm *.data input,select,textarea {
  display: inline;
  margin: 0 0 0 0;
  } 

*.hrForm *.data *.script {
  display: inline;
  font-size: 8pt;
  line-height: 1em;
  vertical-align: top;
  }

*.hrForm *.data *.superscript {
  display: inline;
  font-size: 8pt;
  line-height: 1.5em;
  vertical-align: top;
  }

*.hrForm *.data *.subscript {
  display: inline;
  font-size: 8pt;
  line-height: 1.5em;
  vertical-align: bottom;
  }
  
*.hrForm *.btns {
  margin: 1em 0 0 8em;
  }


/* wizard header */

div#wizardFormHeader {
  background: #ffffcc;
  border: 1px solid silver;
  margin-bottom: 0.25em;
}


/*****************************************************************************/
/*                                                                           */
/*                          specific form elements                           */
/*                                                                           */
/*****************************************************************************/

/* logon form */

div#main div#logon {
  } 

div#main div#logon div#username {
  float: left;
  width: 9em;
  }

div#main div#logon div#username label {
  width: 9em;
  display: inline;
  line-height: 1.5em;
  vertical-align: top;
  }

div#main div#logon div#username input {
  width: 5em;
  }

div#main div#logon div#password {
  float: left;
  width: 7em;
  margin-left: 1em;
  }

div#main div#logon div#password label {
  width: 7em;
  display: inline;
  line-height: 1.5em;
  vertical-align: top;
  }

div#main div#logon div#password input {
  width: 3em;
  }

div#main div#logon div#buttons1 {
  padding-top: 0.1em;
  }

div#main div#logon div#pin {
  }

div#main div#logon div#phrase {
  } 

div#main div#logon div#buttons2 {
  }
/**Lic validation */

.licValHeader {
	margin-top: 0px;
	font-weight: bold;
}

div#container table{
	margin-top: 0px;
	margin-bottom: 0px;
}
.licValHeader a{
	vertical-align:baseline;
}

*.vehLabel {background-color: #FFE600; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;text-align:center;}

*.checkExp {
	color:white;
	background-color: red !important;
}

*.checkOk {
		color: white;
		background-color: green !important;
}

*.checkExp a{
	color: white;
}

*.checkOk a{
	color: white;
}
span.expired {
  color: red;
}