/*---------------------------------*/
/*menu styles*/
/*---------------------------------*/

div#documentMenu div#bannerMenu {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	text-transform:uppercase;
	font-size:0.8em;
	z-index:1100;
}

div#bannerMenu ul.menu {
	list-style-type:none;
	width:100%;
	padding:8px;
	margin:0px;
}

div#bannerMenu ul.menu li {
	position:relative;
	display:inline;
	color:#000000;
	padding:2px 4px;
	margin:0px;
}

div#bannerMenu ul.menu li:hover, div#bannerMenu ul.menu li.CSStoHighlight {
	/*background-color:#ffffff;*/
	border:1px solid #cccccc;
	padding:1px 3px;
}


div#bannerMenu ul.menu li:hover > a { color: #000; }

div#bannerMenu ul.menu li ul {
	display: none;
	position:absolute;
	top:16px;
	left:-1px;
	width:150px;
	margin:0px;
	padding:3px 2px;
	// background-color: #738dba;
        background-color: #eeeeee;
	border:1px solid #cccccc;
}

div#bannerMenu ul.menu li:hover > ul, div#bannerMenu ul.menu li.CSStoHighlight ul.CSStoShow {
	display: block;
	z-index:2000;
}

div#bannerMenu ul.menu li ul li {
	display: block;
	height:auto;
	border:none;
	width:138px;
}

div#bannerMenu ul.menu li ul li ul {
	display:none;
	position:absolute;
	top:-5px;
	left:145px;
	width:190px;
	overflow:visible;
	margin:0px;
	padding:5px;
	border:1px solid #ffffff;
}

div#bannerMenu ul.menu li ul li ul li {
	display:block;
	height:auto;
	width:182px;
}

div#bannerMenu a {
	color:#738dba;
	font-weight:bold;
	font-size:0.8em;
	text-decoration: none;
	padding:0;
	margin:0;
}

div#bannerMenu ul li ul li a {
	width:auto;
}

div#bannerMenu a:hover {
	/*color:#a5a7af;*/
}

body#users li#li_users, body#staff li#li_staff, body#commerce li#li_commerce, body#content li#li_content, body#files li#li_files, body#images li#li_images, body#stats li#li_stats, body#navigation li#li_navigation, body#mailshots li#li_mail, body#clients li#li_clients, body#reports li#li_reports {
	background-color:#666666;
	color:#738dba;
	font-weight:bold;
}

body#users li#li_users a, body#staff li#li_staff a, body#content li#li_content a, body#files li#li_files a, body#images li#li_images a, body#stats li#li_stats a, body#navigation li#li_navigation a, body#mailshots li#li_mail a, body#commerce li#li_commerce a, body#reports li#li_reports a, body#clients li#li_clients a {
	color:#cccccc;
}

body#users li#li_users li a, body#staff li#li_staff li a, body#content li#li_content li a, body#files li#li_files li a, body#images li#li_images li a, body#stats li#li_stats li a, body#navigation li#li_navigation li a, body#mailshots li#li_mail li a, body#commerce li#li_commerce li a, body#reports li#li_reports li a, body#clients li#li_clients li a {
	color:#738dba;
}

body#users li#li_users li a:hover, body#staff li#li_staff li a:hover, body#content li#li_content li a:hover, body#files li#li_files li a:hover, body#images li#li_images li a:hover, body#stats li#li_stats li a:hover, body#navigation li#li_navigation li a:hover, body#mailshots li#li_mail li a:hover, body#commerce li#li_commerce li a:hover, body#reports li#li_reports li a:hover, body#clients li#li_clients li a:hover {
	color:#000;
}

div#bannerMenu ul.menu li ul.submenu li a:hover {
	color:#000;
}

body#users ul.menu li ul.submenu li a:hover {
	color:#000;
}


a.popupItem:hover {
          background:#336699;
          color:white;
          width:120px!important;
          margin:0px!important;
          display:block;
}

a.popupItem:active {
          color:grey;
          background:white;
}

a.popupItem {
  width:120px!important;
  height:auto;
  position:relative;
  display:block;
  float:left;
  clear:both;
  margin:0px;
  padding:2px 0px 2px 5px;
  cursor:default;
  color:black;
  font-weight:bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.9em;
  text-decoration:none;
}

.btnformSubmit {
    border:1px solid #ccc;
    cursor:pointer;
}

.formInputText {
    border:1px solid #ccc;
}

/*Pagination of lists of things*/

a.navNumberOn {
      background-color : #fff;
                 color : darkred;
               padding : 1px;
                border : 1px solid #999;
             font-size : 1.0em;
           font-weight : bold;
       text-decoration : none;
                cursor : default;
}

a.navNumber {
      background-color : #ccf;
               padding : 1px;
                border : 1px solid #999;
             font-size : 1.0em;
           font-weight : bold;
       text-decoration : none;
}

a.modLeft {
     text-decoration:none;
     position:relative;
     float:right;
     clear:none; 
     width:45%;
     color:#333;
     margin:1px 5px 1px 5px;
     border-bottom:1px solid #eee;
     display:block;
     text-transform:capitalize;
}

a.modLeft:hover {
     background:#ddd;
}

a.modRight {
     text-decoration:none;
     position:relative;
     float:left;
     clear:none;
     width:45%;
     color:#333;
     text-transform:capitalize;
     border-bottom:1px solid #eee;
     display:block;
     margin:1px 5px 1px 5px;
}

a.modRight:hover {
     background:#ddd;
}

a.controlItem {
     text-decoration:none;
     position:relative;
     float:left;
     clear:both;
     color:#333;
     text-transform:capitalize;
     border-bottom:1px solid #eee;
     display:block;
     width:300px;
}

a.controlItem:hover {
     background:#eee;
}