@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 0 15px 15px 0;}
img.alignright {margin: 0 0 15px 15px;}

/***************************** body + fonts */

body {text-align:center;background: #f5f4f4 url(images/body.png) 0 0 repeat-x;color:#444;font: 12px Arial, Helvetica, sans-serif;padding: 15px 15px 100px 15px;}

  #login_page {
    width:100%;
    height:800px;
  }
  
  #login_page_inner {
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    width:400px;
    border: solid 1px #e5e5e5;
  }
p {line-height:150%;padding: 10px 0;}

a {outline:none;color:#4372b8;}
a:hover {text-decoration:none;color:#254c87;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:150%;}

h1 {font-size:30px;letter-spacing:-3px;padding: 0 0 10px 0;}
h2 {font-size:25px;letter-spacing:-2px;padding: 0 0 10px 0;}
h3 {font-size:20px;letter-spacing:-2px;padding: 0 0 10px 0;}
h4 {font-size:17px;letter-spacing:-1px;padding: 0 0 10px 0;}
h5 {font-size:15px;letter-spacing:-1px;padding: 0 0 10px 0;}
h6 {font-size:12px;padding: 0 0 10px 0;}

code {font: 12px 'andale mono', 'lucida console', monospace; line-height: 1.5;border-left: 4px solid #608fd6;background:#efefef;padding: 10px;margin: 10px 0;display:block;}
blockquote {padding: 10px 10px 10px 50px;font-style:oblique;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 10px 0;}

/***************************** containers */

#header {background: url(images/top.gif) 0 0 repeat-x;}
#bottom {background: url(images/bottom.gif) 0 0 repeat-x;height:7px;}
#body, #login_page_inner {background: #fff url(images/bodyleft.gif) 0 0 repeat-y;}
#bodyright {background: url(images/bodyright.gif) right 0 repeat-y;padding: 0;}
#content {padding: 0 10px;text-align:left;}
#sidebar {width:210px;padding: 10px;float:left;}
#main {padding: 0 0 0 140px;}

/***************************** header */

/*corners etc*/
.corners {display:block;overflow:hidden;width:7px;height:7px;}
.topleft {background: url(images/tl.gif) 0 0 no-repeat;float:left;}
.topright {background: url(images/tr.gif) 0 0 no-repeat;float:right;}
.bottomleft {background: url(images/bl.gif) 0 0 no-repeat;float:left;}
.bottomright {background: url(images/br.gif) 0 0 no-repeat;float:right;}

#header .inside {padding: 7px 10px;}
.logo {width:240px;height:75px;display:block;overflow:hidden;text-indent:-9999px;background: url(images/logo.gif) 0 0;float:left;}

/*top user navigation*/
#header .alignright {text-align:right;}
ul.topusernav {padding:0;font-size:11px;}
ul.topusernav li {display:inline;padding: 0 0 0 10px;}
ul.topusernav .date {color:#cfcfcf;}
ul.topusernav .logout a {color:#c36060;}

/*search form*/
#searchform {padding:15px 0 0 0;width:228px;float:right;}
#searchform label {float:left;color:#bebcbc;font-size:11px;padding: 4px 5px 0 0;}
#searchform .input {width:157px;height:17px;padding: 4px 0 0 5px;background: url(images/input.gif) 0 0 no-repeat;border:0;float:left;font-size:11px;color:#666;}
#searchform .button {border:0;width:20px;height:21px;background: url(images/button.gif) 0 0 no-repeat;float:left;}

/*top navigation*/
.topnav {height:30px;margin: 10px 0 0 0;clear:both;}
.edges {width:5px;height:30px;display:block;overflow:hidden;}
.left {background: url(images/uledgeleft.gif) 0 0 no-repeat;float:left;}
* html .left {margin: 0 -3px 0 0;}
.right {background: url(images/uledgeright.gif) 0 0 no-repeat;float:right;}
* html .right {margin: 0 0 0 -3px;}
#topnavigation {padding:0;height:30px;overflow:hidden;background: url(images/ultopnav.gif) 0 0 repeat-x;text-align:left;}
#topnavigation li {list-style:none;display:block;float:left;height:30px;background: url(images/seperator.gif) right 0 no-repeat;padding: 0 5px;z-index:500;}
#topnavigation a {color:#fff;padding: 5px;display:block;float:left;}
#topnavigation a:hover {color:#f7f086;}

/*dropdowns*/
#topnavigation ul {display:none;position:absolute;padding:0;margin: 30px 0 0 0;z-index:500;}
* html #topnavigation ul {margin:1px 0 0 0;clear:both;}
*+html #topnavigation ul {margin:1px 0 0 0;clear:both;}
#topnavigation ul li {float:none;background:none;padding:0;background: url(images/ultopnav.gif) 0 0 repeat-x;width:150px;height:30px;z-index:500;}
* html #topnavigation ul li {margin:-3px 0 0 0;}
*+html #topnavigation ul li {margin:-3px 0 0 0;}
#topnavigation ul li a {display:block;width:140px;padding:5px 0 5px 10px;}

/***************************** sidebar */

/*navigation*/
.sidenav {padding:0;border-top: 1px solid #cfcfcf;}
.sidenav li {border-bottom: 1px solid #cfcfcf;list-style:none;background: url(images/li.gif) 10px 8px no-repeat;padding: 0 0 0 25px;}
.sidenav a {padding: 3px;display:block;}

/***************************** content */

/*draggable*/
#draggables {padding: 0 0 10px 0;}
.drag {width: 200px;height:100px;border:5px solid #eee;padding: 10px;margin: 0 10px 10px 0;float:left;cursor:move;}
.heading {display:block;padding: 5px;font-weight:bold;background:#999;}

/*table styling*/
table.normal {border:5px solid #eee;border-collapse:collapse;margin: 15px 0;}
td.normal, th.normal {padding: 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
th.normal {padding: 15px 10px;background: url(images/gradient.jpg) 0 -30px repeat-x;}
.tablehover {background:#efefef;}

/*edit / delete*/
.edit, .delete {font-size:8px;text-transform:uppercase;padding: 2px 0 2px 15px;}
.edit {background: url(images/edit.gif) 0 0 no-repeat;}
.delete {background: url(images/delete.gif) 0 0 no-repeat;}

/*messages*/
.message {padding: 15px 15px 15px 30px;margin: 10px 0;display:block;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;}
.message p {padding:0 0 0 25px;}
.success {background:#a7ff96;border: 1px solid #77e661;}
.success p {background: url(/images/tick.png) 0 1px no-repeat;}
.error {background:#feb7b7;border: 1px solid #d77777;}
.error p {background: url(/images/cross.png) 0 1px no-repeat;}
.warning {background:#fff8ac;border: 1px solid #d7d07f;}
.warning p {background: url(/images/alert.png) 0 1px no-repeat;}
.neutral {background:#eee;border: 1px solid #bbb;}
.neutral p {background: url(/images/info.png) 0 1px no-repeat;}

/*general forms*/
.generalform {margin: 10px 0;}
.generalform fieldset {border:5px solid #eee;padding:10px;}
.generalform legend {padding: 0 5px;font-weight:bold;font-size:14px;letter-spacing:-1px;}
.generalform p {padding: 5px 0;clear:both;}
.generalform label {width:200px;display:block;float:left;text-align:right;margin: 2px 10px 0 0;}
.generalform .text, .generalform textarea {padding: 3px;border:1px solid #888;color:#666;font: 12px Arial,Verdana;-moz-border-radius:3px;-webkit-border-radius:3px;float:left;}
.generalform .text:focus, .generalform textarea:focus {border:1px solid #555;}
.generalform .inputsmall {width:100px;}
.generalform .inputmedium {width:200px;}
.generalform .inputbig {width:300px;}
.generalform textarea {width:400px;height:100px;}
.generalform .buttons {padding-left: 210px;}
.generalform .buttons input {background: url(images/gradient.jpg) 0 -50px repeat-x;border:1px solid #bbb;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:11px;padding: 2px 5px;margin: 0 5px 0 0;color:#2e5a9c;}
.generalform .buttons input:hover {background: url(images/gradient.jpg) 0 -30px repeat-x;border:1px solid #adabab;color:#4473b9;}
.generalform .formcheck {float:left;margin: -2px 0 0 5px;font-size:11px;font-style:oblique;color:#888;padding: 1px 0 0 15px;}
.generalform .valid {background: url(images/ticksmall.gif) 0 0 no-repeat;}
.generalform .invalid {background: url(images/crosssmall.gif) 0 0 no-repeat;}