body {
 margin: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .8em;
 line-height: normal;
 color: #3c5042;
 background: #545E58;
}

h1,h2,h3,h4,h5,form,p {
 margin: 0;
 padding: 0;
}

a,a:visited,a:active {
 color: #695C44;
}
a img {
 border: 0;
}
a:hover {
}

input {
 border: 1px solid #BAB8B3;
 background: #FAF9F5;
 font-size: .9em;
 padding: .1em;
 margin: 0;
 color: #595452;
}

select {
 border: 1px solid #BAB8B3;
 background: #FAF9F5;
 font-size: .9em;
 padding: 0;
 margin: 0;
 color: #595452;
}

.check {
 background: none;
 border: none;
}

.button {
 background: #D6D1C5;
 border-color: #FBFAF9 #7D7971 #7D7971 #FBFAF9;
 color: #3D3A38;
 padding: 1px 4px;
 cursor: pointer;
}

textarea {
 border: 1px solid #BAB8B3;
 background: #FAF9F5;
 font-family: Arial, Helvetica, sans-serif;
 font-size: .9em;
 padding: 0 1px 1px 1px;
 margin: 0;
 color: #595452;
}

td {
}

hr {
 height: 0px;
 color: #FFF;
 background-color: #FFF;
 border: 0;
 border-top: 1px solid #FFF;
}

p {
 padding: 0 0 1em 0;
}
pre {
 font-size: 1.25em;
}

h1,h2,h3,h4,h5 {
 padding-bottom: .35em;
}

ul {
 margin-top: 0;
 padding-top: 0;
 margin-bottom: 0;
 padding-bottom: 0;
}
dl {
 margin: 0 0 0 2em;
}
dt {
 font-weight: bold;
}
dd {
 margin: 0 0 1em 0em;
}

.gray {
 color: #a19b91;
}

/**** text classes ****/

h1 { font-size: 1.54em; }
h2 { font-size: 1.42em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.18em; }
h5 { font-size: 1.04em; }


/**** framework ****/

.page_title,.component_title,.content_title {
 margin-bottom: .5em;
 letter-spacing: -1px;
 word-spacing: 1px;
 font-size: 1.4em;
 line-height: normal;
 font-weight: bold;
}
.page_title {
 margin: 0 0 1em 0;
 font-size: 1.4em;
}

/**** template ****/

.wrapper {
 position: relative;
 width: 918px;
 margin: auto;
 background: url(images/pageoutline.gif) repeat-y;
}
.page {
 position: relative;
 width: 890px;
 margin-left: 18px;
 background: #f5fbff;
}
.header {
 position: relative;
 width: 880px;
 height: 109px;
 background: url(images/zephlabs.jpg) right bottom no-repeat;
}
.header .topleft {
 width: 87px;
 height: 109px;
 background: url(images/flask.jpg) 0 bottom no-repeat;
}
.header .topright {
 position: absolute;
 top: .8em;
 right: .4em;
 color: #667867;
}
.header .topright a {
 color: #667867;
 text-decoration: none;
}
.header .slogan {
 position: absolute;
 bottom: 5px;
 left: 198px;
 width: 380px;
 font-size: .85em;
 text-align: center;
 color: #FFF;
}
.topmenu {
 width: 880px;
 height: 26px;
 margin-top: 5px;
 background: #546359 url(images/menubg.jpg) 0 -38px repeat-x;
}
.menuunderline {
 position: relative;
 width: 880px;
 height: 2px;
 margin: 1px 0 2px 0;
}
.menuunderline div {
 position: absolute;
 width: 880px;
 height: 1px;
 line-height: 0;
 font-size: 0;
}
.menuunderline .m0 {
 background: #92A597;
}
.menuunderline .m1 {
 top: 1px;
 background: #EAF0F4;
}
.menuunderline .m2 {
 top: 2px;
 background: #E5EAEE;
}
.menuunderline .m3 {
 top: 3px;
 background: #EAF0F4;
}
.menuunderline .m4 {
 top: 4px;
 background: #EFF5F9;
}
.pageminheight {
 float: right;
 width: 1px;
 height: 350px;
}
.pagebody {
 float: left;
 width: 880px;
}
.pagecontent {
 float: left;
 width: 880px;
}
.pagebottom {
 width: 916px;
 background: url(images/pageoutline.gif) -916px bottom no-repeat;
}
.copyright {
 width: 880px;
 padding: 4px 0 12px 0;
 text-align: center;
 font-size: .825em;
 color: #a0aba4;
}

table.tempmenu {
 height: 26px;
 color: #FFF;
 font-weight: bold;
}

table.tempmenu td {
 width: 9em;
 text-align: center;
 font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans",Tahoma,Geneva,Arial;
 cursor: pointer;
}

table.tempmenu td:hover {
 background: url(images/menubg.jpg);
}

/** styles **/
div.tab {
 padding-left: 2em;
}

/** bread crumbs **/
div#breadcrumbs {
 margin: 0 11px 0 0;
 text-align: right;
}
div#breadcrumbs ul {
 margin: 0;
 padding: 0;
}
div#breadcrumbs li {
 display: inline;
 margin-left: .4em;
}
div#breadcrumbs a {
 color: #465b4c;
 text-decoration: none;
}
div#breadcrumbs a:hover {
 text-decoration: underline;
}

/** main menu **/
#topmenu {
 position: relative;
}
#menu ul {
 margin: 0;
 padding: 0;
 font-weight: bold;
 font-family: Verdana,"Bitstream Vera Sans","DejaVu Sans",Tahoma,Geneva,Arial;
}
#menu a {
 display: block;
 white-space: nowrap;
 color: #FFF;
 text-decoration: none;
 width: 9em;
 padding: 0 .8em;
 text-align: center;
}
#menu li {
 display: inline;
 float: left;
 list-style: none;
 line-height: 26px;
 cursor: pointer;
}
#menu li.hover a {
 background: url(images/menubg.jpg);
}
#menu li li a {
 text-align: left;
}
#menu li li {
 position: relative;
 clear: both;
 line-height: normal;
 min-width: 100px;
 border: 0;
}
#menu li li.separator {
 font-size: 0;
 line-height: 0;
 border-bottom: 1px solid #FFF;
 border-top: 1px solid #CBD4BD;
}
#menu li ul {
 position: absolute;
 background: #F2F5F7;
 border: 1px solid #75846B;
 border-color: #B7C0B2 #75846B #75846B #B7C0B2;
}
#menu li li a,#menu li.hover li a {
 width: auto;
 font-weight: normal;
 line-height: normal;
 border: none;
 color: #29332B;
 background-image: none;
 background-color: transparent;
}
#menu li li.hover a.hover {
 background-color: #D9E3DD;
}
#menu li li ul {
 top: 0;
 left: 100%;
}
#menu li li ul.left {
 top: 0;
 right: 100%;
 left: auto;
}
#menu li span.more {
 position: absolute;
 top: 0;
 right: .3em;
 line-height: normal;
 padding: .1em;
}

.loginerror {
 color: #C33;
}