h1,
h2,
h3,
body {
  margin: 0 0 0 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: white;
}

h2 {
  margin: 0 0 10px 0;
}

.tblecomponenthighlight {
  border: 1px solid #996633;
}

.imgcaptions {
  font-family: Verdana,Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
}

.newsdate {
  color: #5b5b5b;
  padding: 0 .8em 0 0;
}
.smtext {
  font-family: Verdana,Arial, Helvetica, Geneva, sans-serif;
  font-size: 9px;
}

a:link,
a:visited,
a:hover {
  color: #3300ff;
  text-decoration: none;
}

a.readmore:link,
a.readmore:active,
a.readmore:hover,
a.readmore:visited {
  color: red;
  background-image: url("/telecom/media/images/arrow_red.gif");
  background-position: 100% 60%;
  background-repeat: no-repeat;
  padding: 0 .6em 0 0;
}

a.readmore:hover {
  color: #990000;
  background-image: url("/telecom/media/images/arrow_dark_red.gif");
}  

.nobackground {
  background-image: none !important; /* There is no way else to get this class heavy enough and be able to use it every where*/
}  

.goback {
  text-align: left;
}

.goback a:link,
.goback a:active,
.goback a:hover,
.goback a:visited {
  color: red;
  background-image: url("/telecom/media/images/arrow_back_red.gif");
  background-position: 0 60%;
  background-repeat: no-repeat;
  padding: 0 0 0 .6em;
}

.goback a:hover {
  color: #990000;
  background-image: url("/telecom/media/images/arrow_back_dark_red.gif");
}  

a.arrowblue {
  background-image: url("/telecom/media/images/arrow_blue.gif");
  background-position: 100% 60%;
  background-repeat: no-repeat;
  padding: 0 .6em 0 0;
}

/* style warning for test server */
.testwarning {
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
  background-color: red;
  border: 1px solid lime;
}

/* --- Top Menu ------------------ */
#topmenu {
  border-bottom: 1px solid #FFF;
  border-color: #FFF;
  background-color: #000;
  width: 100% ;
  padding: 0;
  margin: 0;
  font-size: 10px;
  height: 25px;
  line-height: 24px;
  font-family: Verdana, sans-serif;
}

#topmenu ul { 
  list-style: none;
  margin: 0;
  padding: 0;
}        


#topmenu li {
  float: left;
  margin: 0;
  padding: 0;
}

#topmenu li span,
#topmenu li a {
  display: block;
  float: left;
  padding: 0 0.5em;
  margin: 0;
  color: #FFF;
}

#topmenu li a:hover,
#topmenu li a.active {
  background-color: #003d74;
}

#topmenu li a.active {
  font-weight: bold;
} 

#topmenu li.search {
  color: #FFF;
  float: right;
}

.search input.searchfield {
  border: none;
  height: 16px;
  width: 100px;
}

/* --- / Top Menu ---------------- */

/* --- Menu ---------------------- */
ul.menu,
ul.menu ul {
  position: relative;
  width: 160px;
  float: right;
  background-color: #E8E8E8;
  margin: 0;
  padding: 0;
}

ul.menu {
  list-style-type: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}

ul.menu li {
  list-style-type: none;
  display: inline;
  margin: 0;
  padding: 0;
  float: left; /* Cure IE5.x "whitespace in lists" problem */
  width: 100%;
  border-bottom: 1px solid #FFF;

}

ul.menu li.active {
  background-color: #CCC;
}

td.header {
  background-color: #003d74;
  color: #FFF;
  font-size: 10px;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
  padding: 0 10px;
  line-height: 18px;
  height: 18px;
}


td.header.noborder {
  border: 0;
}  

td.seperator {
  height: 1px;
  background-color: #FFF;
}

ul.menu a,
ul.menu li h2,
ul.menu li span {
  display: block;
  color: #000;
  font-size: 10px;
  border: 0;
  padding: 0 10px;
  margin: 0;
  line-height: 18px;
  height: 1%; /* Make links honour display: block; properly in IE*/
}

ul.menu a {
  text-decoration: none;
  background-image: url("../media/images/arrow_black.gif");
  background-position: right;
  background-repeat: no-repeat;
}

ul.menu a:visited {
  color: #000;
}

ul.menu a:hover {
  color: #003d74;
  background-color: #CCC;
}

ul.menu li h2 {
  color: #FFF;
  background-color: #003d74;
  line-height: 18px;
  height: 18px;
}

ul.menu img {
  border: 0;
}

.addthis_toolbox {
 border-bottom: 1px solid #FFF;
 padding: 0 0 0 8px;
}

/* Submenu */
ul.menu li.submenu {
  border: 0;
}

ul.menu li.submenu {
  border: 0;
}

ul.menu li.submenu ul li {
  border-color: #E8E8E8;  
}

ul.menu li.submenu a, 
ul.menu li.submenu a:visited {
  background-image: url("../media/images/arrow_down.gif");
  background-color: #69C;
  color: #FFF;
  height: 1%; /* Make links honour display: block; properly in IE*/
}

ul.menu li.submenu a:hover {
  background-color: #369;
  color: #FFF;
}

ul.menu li.submenu ul span,
ul.menu li.submenu ul a,
ul.menu li.submenu ul a:active,
ul.menu li.submenu ul a:visited {
  padding-left: 2em;
  background-image: none;
  background-color: #CCC;
  color: #000;
}

ul.menu li.submenu ul li.active span {
  background-color: #AAA;
}

ul.menu li.submenu ul a:hover {
  color: #003d74;
  background-color: #AAA;
}

/* Log in form  */
ul.menu input {
  float: right;
  width: 78px;
}

ul.menu li form {
  margin-bottom: 0px;
}

ul.menu input.button {
  width: 82px;
}

/* In IE the button has to be just a little bit wider */
* html ul.menu input.button {
  width: 84px;
}

ul.menu label {
  float: left;
  line-height: 1.7em;    
}

ul.menu div {
  position: relative;
  padding:  2px 4px 2px 10px;/* 5px for left would be nice but with 4px the error message fits on 1 line */
}



/* --- / Menu ------------------ */

.componentsubmit {
  background: #ddffff;
  border: 0;
}

.componentheader {
  background: #eeeeee;
  color: #111111;
  border-bottom: 1px solid black;
}

.bodytext {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 11px;
  margin: 0 0 0 0;
}

.sidebarbg {
  background: #e8e8e8;
}

.darkbluebg { 
  background: #003d74;
}

.lightbluebg {
  background: #69C;
  border-bottom: 1px solid white;
}

.lightbluebg h1 {
  background: #69C;
}

.vlightbluebg {
  background: #99ccff;
  border-bottom: 1px solid white;
}

span.centrebar h1 {
  padding: 10px 0 0 0;
}

.sidebar,
a.sidebar,
a.sidebar:active, 
a.sidebar:hover, 
a.sidebar:visited {
  font-size: 10px;
  color: black;
}

a.centrebar, 
a.centrebarhighlight:active,
a.centrebarhighlight:hover,
a.centrebarhighlight:visited {
  color: black;
}

.centrebarwhite,
a.centrebarwhite, 
a.centrebarwhite:active, 
a.centrebarwhite:hover, 
a.centrebarwhite:visited { 
  color: white;
}

.listitem a.centrebar,
.listitem a.centrebar:active,
.listitem a.centrebar:hover,
.listitem a.centrebar:visited {
  color: blue;
}

.devider {
  background-image: url("/telecom/media/images/dot.gif");
  background-position: right;
  background-repeat: repeat-x;
}

.border img {
  border: 1px solid #999;
  padding: 1px;
}

a:hover.border img {
  border-color: #000;
}

a.sidebarwhite:link,
a.sidebarwhite:active,
.sidebarwhite,
a.sidebarwhite:visited {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: white;
}

.headerbarwhite { 
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: white;
}

.smallredhighlight {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
  color: red;
}

.imagepreview {
  margin: 0 20px 10px 0;
}

.previewimagebig {
  margin: 0 0 1em 0;
}

.previewimage {
  width: 160px;
  float: left;
  margin: 0 2em 0 0;
}

.previewimage img {
  clear: both;
}  

.headerbase {
  border-top: 1px solid black;
  border-bottom: 1px solid #003d74;
}

input.exporttextbox {
  font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
  font-size: 11px;
  background: white;
}

.sidenav_header {
  background: #eeeeee;
  background-image: url("/telecom/media/images/sidenav_header_bg.gif");
  border-top: 1px white solid;
  border-bottom: 1px white solid;
  color: white;
}

.sidenav_divider {
  border-top: 2px white solid;
}

.header {
  background: #eeeeee;
}

textarea,
input {
  font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
  font-size: 11px;
  background: white;
}	

select {
  font-family: Arial, Helvetica,Verdana, Geneva, sans-serif;
  font-size: 11px;
}

textarea[disabled], 
input[disabled],
select[disabled] {
  background: #eeeeee;
}

.highlight {
  color: red;
}

.formlabel {
  padding: .3em 0 0 0;
  color: #003d74;
  font-weight: bold;
}

.highlightnavigationarea {
  background: #6699cc;
  font-size: 11px;
  border-bottom: 1px solid #003d74;
}

.highlightnavigationbrace {
  background: #336699;
  border-bottom: 1px solid white;
}

.highlightnavigationcategory {
  font-size: 11px;
  background: #dddddd;
}

.lowlight {
  color: #cccccc;
}

.componenttitleline {
  border-bottom: #cccccc solid 1px;
}

.componentbraceline {
  border-top: #999999 solid 1px;
}


/* --- Admin menu ------------------ */
#divCont {
  margin: 0 0 0 5px;
  display: none;
  width: 175px;
}

.clTop {
  margin: 2px 0;
}

.clSub {
  background-color: #FFF;
}

#divCont .clTop a { 
  background-color: #003D74;
  color: #FFF;
  font-weight: bold;
  padding: 2px 10px;
  display: block;
  font-family: arial, helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  height: 1%; /* Make IE listen to block layout */
}

#divCont .clTop a:hover {
  background-color: #69C;
}

#divCont .clTop .clSub a {
  background-color: #E8E8E8; 
  color: #000;
  border-top: 1px solid #FFF;
  padding: 2px 17px;
  font-weight: normal;
}

#divCont .clTop .clSub a:hover {
  background-color: #CCC; 
  color: #003d74;
}  
/* --- / Admin menu ------------------ */

.exportfooterline {
  border-bottom: 1px #6699cc solid;
}

.exportfooter {
  color: white;
  background: black;
}

.highlightablebar {
  font-size: 11px;
  border: 1px solid black;
  margin-top: 2px;
  margin-bottom: 2px;
}

.tablebodytxt {
  font-size: 10px;
}

a.projectindexlink:link {
  color: black;
  text-decoration: none;
}

a.projectindexlink:visited {
  text-decoration: none;
  color: #333333;
}

a.projectindexlink:hover {
  color: #336699;
}

h1.project {
  font-size: 1.8em;
  color: #003d74;
}

h2.project {
  color: #003d74;
  font-size: 1.2em;
}

td.project {
  border: 0px solid #CCC;
}

#lastupdate {
  position: relative;
  top: -16px;  
}

table.searchform {
  font-size: 10px;
  margin: 0px;
  padding: 0px;
}

table.searchform td {
  font-size: 10px;
  padding-right: 2px;
}

table.searchresults {
  margin: 0px;
  padding: 0px;
}

table.searchresults td {
  padding-right: 2px;
  font-size: 10px;
}

table.searchresults th.group {
  background: #687e93;
  font-weight: bold;
  color: white;
  text-align: left;
  font-size: 11px;
}

table.searchresults th.group a {
  color: white;
}

table.searchresults th {
  background: #eeeeee;
  font-weight: bold;
  color: black;
  text-align: left;
  font-size: 10px;
  height: 1.8em;
}

table.searchresults th a {
  color: black;
}

.searchform {
  background-color: #F8F8F8;
}

/* Pagination CSS for search */
div.pagination.search {
  margin: 1em 0 ;
  text-align:center;
}
div.pagination.search a, div.pagination.search span {
  color: #000;
  font-size: 1.2em;
  width: 2em;
}
div.pagination.search span.current {
  color: #F00;
  font-weight: bold;
}  
div.pagination.search span.previous, div.pagination.search span.next {
  color: #CCC;
  font-weight: bold;
}  
div.pagination.search a.previous, div.pagination.search a.next {
  font-weight: bold;
  color: #30F;
  padding: 2px;
}

/* Styles used in JCB application */
h3 {
 font-weight: bold;
 margin: 2em 0 .5em 0;
}

.documentList td {
  padding: 3px 0;
}

#errorMessages {
  padding: 1em 0 0 0;
  color: #F00;
  font-weight: bold;
}  

#uploadTable {
  width: 100%;
}

#uploadTable .inputCheckbox {
  margin: 4px 0 0 -1px;
}

fieldset {
  margin: 1em 0;
  border-size: 1px;
}

fieldset td,
fieldset th {
  vertical-align: top;
}

.required {
  color: #F00;
}  
/* End styles used in JCB application */