/* global */

* {
  font-style: normal;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
}

img {
  border: none;
}

a {
  color: #0033cc;
}

a:hover {
  text-decoration: underline;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
/*  background: url(../img/content_bg.png) repeat-x left 100px transparent;*/
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", Arial, Verdana, sans-serif;
  letter-spacing: -0.05em;
}

hr, div.clr {
  clear: both;
  visibility: hidden;
}

/* header */

div#header {
  background: url(../img/header_bg.png) repeat-x top left #204aa4;
}

div#header h1, div#header h2 {
  display: none;
}

div#header div.wrapper {
  width: 900px;
  margin: 0 auto;
}

div#header p.user {
  float: right;
  color: white;
}

div#header p.user a {
  color: white;
  text-decoration: underline;
}

div#header p.user a:hover {
  text-decoration: none;
}

div#header a#banner {
  display: block;
  float: left;
  background: url(../img/banner.png) repeat-x top left transparent;
  margin: 0 0 0 9px;
  width: 416px;
  height: 67px;
}

div#header div#menu {
  clear: both;
  background: url(../img/menu_bg.png) repeat-x top left #02133e;
  height: 33px;
}

div#header div#menu div.left_corner {
  float: left;
  font-size: 1px;
  background: url(../img/menu_left_corner.png) no-repeat top left transparent;
  width: 9px;
  height: 33px;
}

div#header div#menu div.right_corner {
  float: right;
  font-size: 1px;
  background: url(../img/menu_right_corner.png) no-repeat top left transparent;
  width: 9px;
  height: 33px;
}

div#header div#menu ul {
  float: left;
}

div#header div#menu ul li {
  float: left;
  background: url(../img/menu_separator.png) no-repeat center right transparent;
  padding: 0;
}

div#header div#menu ul li.last {
  background: none;
}

div#header div#menu ul li a {
  display: block;
  float: left;
  height: 30px;
  line-height: 27px;
  color: white;
  margin: 3px 0 0 0;
  padding: 0 0.8em;
}

div#header div#menu ul li a.current {
  color: #222;
  background-color: white;
  margin-left: -1px;
}

div#header form {
  float: right;
  line-height: 0;
  margin: 7px 0 0 0;
}

div#header form input#search {
  border: none;
  margin: 3px 0 0 0;
  font-size: 12px;
}

div#header form div.search_before {
  background: url(../img/search_before.png) no-repeat center left white;
  padding: 0 0 0 20px;
  height: 20px;
}

div#header form div.search_after {
  background: url(../img/search_after.png) no-repeat center right transparent;
  padding: 0 7px 0 0;
  height: 20px;
}

/* flash_messages */

div#flash_messages_wrapper {
  clear: both;
}

div#flash_messages {
  margin: 0 0 1em 0;
  color: #6b683f;
  background: #fff999;
  border-top: 1px solid #8c8c53;
  border-bottom: 1px solid #8c8c53;
}

div#flash_messages a {
  text-decoration: underline;
  color: #6b683f;
}

div#flash_messages a:hover {
  text-decoration: none;
}

div#flash_messages.error {
  color: #6b403f;
  background-color: #ff9b99;
  border-color: #a14c3d;
}

div#flash_messages.error a {
  color: #6b403f;
}

div#flash_messages.valid {
  color: #456b3f;
  background-color: #a8ff99;
  border-color: #538c64;
}

div#flash_messages.valid a {
  color: #456b3f;
}

div#content div#flash_messages p {
  padding: 0.6em 1em;
}

/* content */

div#content {
  clear: both;
  padding: 1em 0 0 0;
  color: #242a38;
}

div#content div.wrapper {
 width: 900px;
 margin: 0 auto;
}

div#content p {
  padding: 0.8em 0;
}

/* user_menu */

div#content ul#user_nav {
  margin: -0.5em 0 0 0;
  padding: 0 0 2.5em 0;
  font-size: 0.95em;
}

div#content ul#user_nav li {
  float: left;
  padding: 0 0.5em 0 0;
}

div#content ul#user_nav li a {
  float: left;
  display: block;
  padding: 0 0.5em 0 0;
}

div#content ul#user_nav li a.current {
  text-decoration: underline;
}

/* paginator */

div#paginator {
  padding: 1em 0 0 0;
  text-align: center;
}

div#paginator a {
  margin: 0.2em 0.3em;
  padding: 0.15em 0.4em;
  border: 1px solid #0e67d4;
}

div#paginator a:hover {
  color: white;
  background-color: #0e67d4;
  text-decoration: none;
}

div#content a.edit, div#content a.delete, div#content a.user, div#content a.gallery, div#content span.calendar, div#content span.photo, div#content a.add_photo, div#content a.delete_stream, div#content span.rating, div#content span.skill, div#content span.views, div#content a.zoom_in, div#content a.zoom_out, div#content a.lock, div#content a.unlock, div#content a.enterprise, div#content a.contract, div#content a.content, div#content a.news, div#content a.category, div#content a.training, div#content a.file, div#content a.todo, div#content a.do, div#content a.undo, div#content a.create, div#content a.modify {
  background: url(../img/pencil.png) no-repeat left center transparent;
  padding-left: 22px;
  border: none;
}

div#content a.undo {
  background-image: url(../img/cross.png);
}

div#content a.todo, div#content a.do {
  background-image: url(../img/tick.png);
}

div#content a.file {
  background-image: url(../img/page_go.png);
}

div#content a.category {
  background-image: url(../img/tag_blue.png);
}

div#content a.training {
  background-image: url(../img/book_open.png);
}

div#content a.news {
  background-image: url(../img/newspaper.png);
}

div#content a.content {
  background-image: url(../img/text_align_justify.png);
}

div#content a.contract {
  background-image: url(../img/page.png);
}

div#content a.enterprise {
  background-image: url(../img/building.png);
}

div#content a.zoom_in {
  background-image: url(../img/magnifier_zoom_in.png);
}

div#content a.lock {
  background-image: url(../img/lock.png);
}

div#content a.unlock {
  background-image: url(../img/lock_open.png);
}

div#content a.zoom_out {
  background-image: url(../img/magnifier_zoom_out.png);
}

div#content span.views {
  background-image: url(../img/chart_line.png);
}

div#content a.add_photo {
  background-image: url(../img/photo_add.png);
}

div#content a.delete_stream {
  background-image: url(../img/webcam_delete.png);
}

div#content span.rating, div#content span.skill {
  background-image: url(../img/yellowstar.png);
}

div#content span.photo {
  background-image: url(../img/photo.png);
}

div#content span.calendar {
  background-image: url(../img/calendar.png);
}

div#content a.delete {
  background-image: url(../img/delete.png);
}

div#content a.user {
  background-image: url(../img/user.png);
}

div#content a.gallery {
  background-image: url(../img/photos.png);
}

/* autocomplete */

div#content div.autocomplete {
  position: absolute;
  width: 250px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
}

div#content div.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

div#content div.autocomplete ul li.selected {
  background-color: #ffb;
}

div#content div.autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

/* box */

div#content div#box {
  margin: -1em 0 1em 0;
  height: 230px;
  background: url(../img/box_menu_bg.png) no-repeat top right #5cb4d2;  
}

div#content div#box ul {
  float: right;
  margin: 35px 0 0 0;
  width: 300px;
}

div#content div#box ul li {
  margin: 0 0 10px 5px;
}

div#content div#box ul li a {
  display: block;
  color: white;
  font-weight: bold;
  font-size: 1.1em;
  width: 259px;
  height: 31px;
  line-height: 31px;
  padding: 0 0 0 30px;
}

div#content div#box ul li a:hover, div#content div#box ul li a.current {
  background: url(../img/box_menu_item_bg.gif) no-repeat center center transparent;
  text-decoration: none;
}

div#content div#box div.item {
  float: left;
  width: 600px;
  height: 230px;
  background: url(../img/box_item_who_bg.gif) no-repeat top left transparent;
}

div#content div#box div.item#where {
  background-image: url(../img/box_item_where_bg.gif);
}

div#content div#box div.item p {
  width: 400px;
  padding: 0;
  margin: 35px 0 0 83px;
  color: white;
  text-align: justify;
}

div#content div#box div.item#where p {
  margin: 25px 0 0 30px;
}

div#content div#box ol {
  margin: 20px 0 0 90px;
  color: white;
  font-size: 1.1em;
}

div#content div#box ol li {
  height: 45px;
  line-height: 45px;
}

div#content div#box ol li span {
  font-size: 35px;
  color: black;
  filter:alpha(opacity=50);
  -moz-opacity:.50;
  opacity:.50;
  font-weight: bold;
}

/* history */

div#history {
  float: right;
  width: 295px;
  border: 1px solid #99c3ee;
  background-color: #f6fbff;
}

div#history a {
  color: #51a2ce;
}

div#history h2 {
  padding: 0.5em;
  color: #4578cb;
  font-weight: normal;
}

div#history ul {
  margin: 0 0.5em 0.5em 0.5em;
}

div#history ul li {
  margin: 0 0 0.7em 0;
}

div#history span.sticker {
  color: white;
  background-color: #608332;
  padding: 0.1em 0.3em;
}

div#history span.date {
  font-size: 0.9em;
}

/* news */

div#news {
  float: left;
  width: 590px;
}

div#news div.item {
  padding: 1em;
}

div#news p.infos {
  padding: 0.4em 0;
  color: #a3aab9;
}

div#news p.infos span, div#content div#news a.category {
  color: #3c465e;
}

div#news p {
  padding: 0;
  text-align: justify;
}

div#news p a.more {
  color: #242a38;
  font-weight: bold;
}

div#content h2, div#content h2 a {
  color: #3c465e;
  font-weight: normal;
}

/* tabs */

ul.tabs {
  background: url(../img/tab_bg.png) repeat-x bottom left transparent;
  height: 39px;
}

ul.tabs li {
  margin: 0 0.5em 0 0;
  float: left;
  background: url(../img/tab_left.png) no-repeat top left transparent;
  height: 33px;
}

ul.tabs li.current {
  background-image: url(../img/current_tab_left.png);
}

ul.tabs li a {
  display: block;
  background: url(../img/tab_right.png) no-repeat top right transparent;
  height: 33px;
  line-height: 32px;
  padding: 0 0.7em;
  color: #3c465e;
}

ul.tabs li.current a {
 background-image: url(../img/current_tab_right.png); 
}

div.tabbed_content {
  margin: -6px 0 0 0;
  background: url(../img/tabbed_content_bg.png) no-repeat top left transparent; 
}

div.tabbed_content div.tabbed_content {
  margin: 0;
  background-position: top right;
}

div.tabbed_content p {
  padding: 1em;
}

/* forms */

div#content form {
  margin: 0 1em 0 0;
}

div#content fieldset {
  border: 1px solid #ccc;
  margin: 1em 0 0 0;
  padding: 0 1em 1em 1em;
}

div#content fieldset fieldset {
  border-color: #e0e0e0;
}

div#content legend {
  padding: 0 0.5em;
  font-size: 1.1em;
}

div#content input[type=text], div#content input[type=password], div#content textarea {
  border: 1px solid #aaa;
}

div#content input.form-error, div#content textarea.form-error {
  border: 2px solid red;
}

div#content input, div#content textarea {
  font-size: 1em;
  padding: 0.2em;
}

div#content form p {
  padding: 0.5em 0;
}

div#content span.help {
  font-size: 0.95em;
  color: #666;
}

div#content p.admin {
  padding: 0.2em 1em;
}

div#content div.important {
  margin: 1.5em 0;
  padding: 0.5em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f6f6f6;
}

div#content div.important a.selected {
  border-bottom: 1px dotted #0033cc;
}

div#content div.important a.selected:hover {
  text-decoration: none;
}

div#content div.important p {
  padding: 0;
}

div#content div.important form {
  margin: 0;
}

div#content div.important form div.block {
  float: left;
  margin: 0 0.5em 0 0;
}

div#content div.important form input[type=text] {
  width: 80px;
}

div#content a.edit, div#content a.refresh, div#content a.add, div#content a.delete {
  background-image: url(../img/pencil.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 22px;
  border: none;
}

div#content a.refresh {
  background-image: url(../img/arrow_refresh.png);
}

div#content a.add, div#content a.create {
  background-image: url(../img/add.png);
}

div#content a.delete {
  background-image: url(../img/delete.png);
}

div#content span.needed {
  color: red;
  font-weight: bold;
}

div#content table th {
  text-align: left;
}

div#content table td, div#content table th {
  padding: 0.2em 0.4em;
}

div#content table td img, div#content table th img {
  vertical-align: middle;
}

div#content table th.small, div#content table td.small {
  width: 5px;
}

div#content table tr.odd td, div#content table tr.odd th {
  background-color: #e4eff7;
  border-top: 1px solid #afc9db;
  border-bottom: 1px solid #afc9db;
}

div#content h3 {
  font-weight: normal;
  padding: 0.6em 0 0 0;
  margin: 0 0 0.4em 0;
  border-bottom: 1px solid #6a879c;
}

div#content h3.nodecoration {
  margin: 0;
  padding: 0;
  border: 0;
}

div#content span.red {
  color: red;
}

div#content span.green {
  color: green;
}

div#content span.notimportant {
  color: #888;
}

div#content p.blue {
  background-color: #e0ecff;
  border: 1px solid #a5c9ff;
  padding: 0.6em 1em;
}

/* tooltip */

div#content div.tooltip {
  background-color: white;
  border: 1px solid #6a879c;
  padding: 0.5em;
}

div#content div.tooltip p {
  padding: 0.3em;
}

/* footer */

div#footer {
  clear: both;
}

div#footer p {
  padding: 1em 0;
  text-align: center;
}