/* --- Main styles --- */

html, body {height: 100%;}

body
{
  padding: 0px;
  margin: 0px;

  background-color: #cccccc;
  
  text-align: center;
}

hr {
  height: 1px;
  
  border: 0;
  border-bottom: 1px solid #bbb;
  
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  
  padding: 0;
}

#outer {
  height: 100%;
  min-height: 100%;
  width: 780px;

  background-color: white;
/* background: transparent url(http://www.pmob.co.uk/temp/images/1colcentrebg.gif) repeat-y center top;  */
  margin: auto;

  text-align: left;
  position: relative;
}

html>body #outer{height:auto;}

#clearfooter { clear: both; height: 20px;}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;

  text-align: center;

  background: url(/images/footer/footerbg.jpg) repeat-x top;

  width: 780px;
  height: 20px;
}

#footer p {
  font-family: tahoma, Arial, sans-serif;
  font-size: 11px;

  color: #666666;
    
  margin-top:0.3em;
}

#footer a {
  color: #666666; text-decoration: none;
}

#footer a:hover {
  color: #666666; text-decoration: underline;
}

#topsitemap {
  font-family: tahoma, Arial, sans-serif;
  font-size: 11px;
/*  font-weight: bold; */
  padding: 6px 6px 6px 15px;
  background-color: #eeeeee;
  margin: 0;
  border-bottom: 1px solid #cbcbcb;
}

#topsitemap a {
  color: #000; text-decoration: none;
}

#topsitemap a:hover {
  color: #9c2b2d; text-decoration: underline;
}


#wrapper {
  margin: 8px;
  border: 0;
  padding: 0;
/*  width: 100%; */
}


/* --- Left menu --- */

#navcontainer {
  width: 170px;
  margin: 0;
  float: left;
  display: block;
  text-align: left;
}

#navheader {
  background: #050708;
  color: #ffffff;
  font: bold 12px verdana,helvetica,arial,sans-serif;
  padding: 5px;
  padding-left: 8px;
  text-transform: uppercase;
}

ul#navlist {
  width: 168px;
  \width: 170px;
  w\idth: 168px;
  padding: 0px;
  border: 1px solid #808080;
  border-top: 0px;
  margin: 0px;
  font: bold 12px verdana,helvetica,arial,sans-serif;
  background: #eeeeee;
}

ul#navlist li {
  list-style: none;
  margin: 0px;
  border: 0px;
  border-top: 1px solid #808080;
}

ul#navlist li a {
  display: block;
  width: 128px;
  \width: 164px;
  w\idth: 128px;
  padding: 7px 12px 7px 8px;
  border: 0px;
  border-left: 20px solid #aaaabb;
  text-decoration: none;
}

ul#navlist li a:link { color: #000; }
div#navcontainer li a:visited { color: #000; }

ul#navlist li a:hover
{
  background: #000d33;
  border-color: #028bbf;
  color: #ffffff;
}

ul#navlist li a.selected {
  display: block;
  width: 128px;
  \width: 164px;
  w\idth: 128px;
  padding: 7px 12px 7px 8px;
  border: 0px;
  border-left: 20px solid #aaaabb;
  text-decoration: none;
  border-color: #028bbf;
  color: #000d33;
}

ul#navlist li a.selected:hover {
  color: #fff;
}


/* --- Content --- */

#content {
  margin: 0;
  padding: 0;
  background-color: #ffffff;

/*  text-align: center; */
  border: 1px;
  float: right;
  display: block;
  width: 575px; 

/*  font-family: Arial, Helvetica, sans-serif; */
/*  font-family: Helvetica, sans-serif, Arial; */
/*  font-family: verdana, helvetica, arial, sans-serif */
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
}

#content a:link { color: #900; text-decoration: underline; }
/* a:visited { color: #48468f; } */
#content a:visited { color: #900; }
#content a:hover { color: #e20000; text-decoration: none; }

#content a.checkhref:link { color: #000; text-decoration: none; }
#content a.checkhref:visited { color: #000; text-decoration: none; }
#content a.checkhref:hover { color: #000; text-decoration: underline; }

#contentitle {
  color: #000;
  font-size: 20px;
  font-weight: bold;
/*  font-family: Tahoma, Arial, sans-serif; */
  font-family: verdana, helvetica, arial, sans-serif;
  border-bottom: 2px solid #000d33;
  margin-top: -4px;
  margin-bottom: 10px;
  padding: 2px;
}

.newstitle {
  font-family: Tahoma, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #5d3401;
}


/* --- Error --- */
#error {
  padding: 10px;
  text-align: center;
  font-family: tahoma, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #aa0000;
}


/* --- Forms --- */

form {
  margin: 0px;
  padding: 0px;
}

/* input[type=button] */
input[type=text],input[type=reset],input[type=password],textarea
{
  font-size: 13px;
 /*      color: #006699; */
/*  font-family: Arial, Helvetica, sans-serif; */
  font-family: "Arial CE", Arial, Verdana, Helvetica, sans-serif;
  border: 1px #bbbbbb solid;
  background-color: #f9f9f9;
}

select {
  border: 1px #bbbbbb solid;
  background-color: #f9f9f9;
  font-family: "Arial CE", Arial, Verdana, Helvetica, sans-serif;
}

select.groupselect { width: 220px; }

input[type=text].editnormal:focus,
input[type=password].editnormal:focus,
textarea.editnormal:focus
{
  background-color: #e6ffe6;
}

input[type=text].viewnormal,
input[type=password].viewnormal,
textarea.viewnormal {
  background-color: #eeeeee;
}

input[type=text].viewmandatory,
input[type=password].viewmandatory,
textarea.viewmandatory {
  background-color: #eeeeee;
}

input[type=text].editmandatory,
input[type=password].editmandatory,
textarea.editmandatory {
  background-color: #ffeeee;
}

input[type=text].editmandatory:focus,
input[type=password].editmandatory:focus,
textarea.editmandatory:focus
{
  background-color: #e6ffe6;
}

.shadebut {border:1px solid #a8a8a8;background:#fff;}
/* .shadebut {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom;_height:20px;cursor:pointer;_cursor:hand} */
.shadebut {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom; height:22px; cursor:pointer;}

.shadebut80 {border:1px solid #a8a8a8;background:#fff;}
/* .shadebut80 {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom;_height:20px;width:80px;cursor:pointer;_cursor:hand} */
.shadebut80 {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom; width:80px; cursor:pointer;}

.shadebutxxl {border:1px solid #a8a8a8;background:#fff;}
/* .shadebutxxl {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom;_height:20px;width:160px;cursor:pointer;_cursor:hand} */
.shadebutxxl {background:#e3e3e3 url(../images/btnbg.png) repeat-x left bottom; width:160px; cursor:pointer;}