/** mqf services css **/

/* by boris grudinin */
/* http://www.connexion.co.uk/ */
/* ---------------------------- */

/* ---------------------------- */
/*** main styles ***/

* { margin: 0; padding: 0; font-family: Trebuchet MS, Helvetica, sans-serif; }
html, body { background: #daf1f9; }

.left { float: left; }
.right { float: right; }

.blue { color: #0b74b0 !important; font-weight: bold; }
.green { color: #86bd4b !important; font-weight: bold; }

a img { border: none; }

/* ---------------------------- */
/*** setting up the page ***/

div#main { position: relative; width: 880px; margin: 0 auto; overflow: hidden; padding-top: 25px; }
div#top { position: relative; margin-bottom: 15px; background: #ffffff; }
div#nav { float: left; width: 220px; background: #85b7c9; margin-bottom: 17px; }
div#content { float: right; width: 645px; margin-bottom: 17px; }
div#content div.content { background: #eff8fb; padding: 10px 10px 1px; }
div#footer { position: relative; width: 860px; clear: both; overflow: hidden; background: #eff8fb; padding: 10px; margin-bottom: 15px; }

/* ---------------------------- */
/*** top ***/

div#top p { font-size: 140%; color: #18628c; padding: 3px 10px; display: block; text-align: right; letter-spacing: -1px; }
div#top p strong { font-weight: normal; }

/* ---------------------------- */
/*** nav ***/

div#nav ul { list-style: none; padding: 10px; }
div#nav ul li { margin-bottom: 1px; }
div#nav ul li a { display: block; color: #18628c; background: #add9e9; padding: 5px 10px; width: 180px; text-decoration: none; }
div#nav ul li a:hover, div#nav ul li a.active { background: #ffffff; }

/* ---------------------------- */
/*** content ***/

div#content h1 { color: #18628c; padding: 5px; font-weight: normal; letter-spacing: -1px; font-size: 160%; }
div#content h2 { color: #425d6d; font-weight: normal; font-size: 130%; margin-bottom: 5px; }

div#content p { color: #425d6d; font-size: 80%; margin-bottom: 10px; line-height: 150%; }

div#content ul.text { color: #425d6d; margin: 0px 0px 10px 20px; font-size: 80%; line-height: 150%; }
div#content ul.text li { margin-bottom: 6px; }
div#content ul.text li span { color: #425d6d; }
div#content ul.text li span.desc { display: block; padding-top: 3px; }
div#content ul.home { font-size: 100%; }

div#content a { color: #ff3300; font-weight: bold; }
div#content a:hover { text-decoration: none; }

div#content form ul { list-style: none; overflow: hidden; padding-bottom: 5px; }
div#content form ul li { overflow: hidden; height: 1%; width: 340px; line-height: 140%; margin-bottom: 4px; }
div#content form ul li.header { font-weight: bold; font-size: 90%; color: #18628c; padding: 3px 0px; border-bottom: 1px dotted #425d6d; margin-bottom: 6px; }
div#content form ul li label { float: left; font-size: 75%; font-weight: bold; display: block; width: 150px; padding-top: 2px; color: #425d6d; }
div#content form ul li input { float: right; font-size: 80%; padding: 2px; width: 180px; }
div#content form ul li input.button { float: none; width: auto; padding: 1px 2px; font-weight: bold; font-size: 70%; }
div#content form ul li select { width: 65px; font-size: 80%; margin-left: 2px; float: left; }

/* ---------------------------- */
/*** footer ***/

div#footer span.right { margin-top: -6px; }

div#footer span.right a { color: #6e828e; font-size: 70%; }
div#footer span.right a:hover { text-decoration: none; }
div#footer span.right a.top { background: url(../img/arrow.gif) left center no-repeat; padding-left: 8px; margin-right: 4px; }

div#footer ul { list-style: none; overflow: hidden; }
div#footer ul li { float: left; }
div#footer ul li a { color: #6e828e; font-size: 70%; }

div#footer p { color: #6e828e; font-size: 70%; }