/* global */

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

img {
  border: none;
}

a {
  color: blue;
}

a:hover {
  text-decoration: underline;
}

body {
  font: small/150% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
  background-color: #cbdded;
  min-width: 900px;
}

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

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

/* forms */

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

input.form_error, textarea.form_error {
  border: 2px solid red;
}

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

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

div.error_message {
  color: red;
}

/* header */

div#header {
  height: 60px;
  margin: 0 2em 1em 2em;
  background: url(../img/whitebox_bl.jpg) no-repeat left bottom white;
}

div#header h1 {
  display: none;
}

div#header a#logo {
  float: left;
  margin: 5px 5px 0 10px;
}

div#header div.languages {
  position: absolute;
  top: 0;
  right: 2em;
  padding: 0 29px 0 0;
  font-size: 0.9em;
}

div#header div.languages a {
  display: block;
  float: left;
  margin: 0 0 0 0.5em;
}

div.br {
  background: url(../img/whitebox_br.jpg) no-repeat right bottom transparent;
}

div#header ul {
  float: left;
  font-size: 1.3em;
}

div#header ul#user_nav {
  float: right;
  font-size: 1em;
  margin: 0 15px 0 0;
}

div#header ul#user_nav li {
  margin: 0;
}

div#header ul li {
  float: left;
  margin: 0 0.1em;
}

div#header ul li a {
  display: block;
  float: left;
  padding: 0 0.6em;
  height: 60px;
  line-height: 55px;
  color: #333;
  font-weight: bold;
}

div#header ul li a.current {
  background: url(../img/menu_marker.jpg) no-repeat center bottom transparent;
}

/* flash_messages */

div#flash_messages {
  margin: 1em 2em;
  color: #6b683f;
  background: url(../img/whitebox_tl.gif) no-repeat left top #fff999;
}

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;
}

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

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

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

div#flash_messages p {
  padding: 0 10px 0 20px;
}

div#flash_messages div.tr {
  margin: 0 0 0 10px;
  height: 10px;
  background: url(../img/whitebox_tr.gif) no-repeat right top transparent;
}

div#flash_messages div.bl {
  background: url(../img/whitebox_bl.gif) no-repeat left bottom transparent;
}

div#flash_messages div.br {
  margin: 0 0 0 10px;
  height: 10px;
  background: url(../img/whitebox_br.gif) no-repeat right bottom transparent;
}

/* page */

div#page {
  margin: 1em 2em;
  background: url(../img/whitebox_tl.gif) no-repeat left top white;
}

div#page div.tr {
  margin: 0 0 0 10px;
  height: 10px;
  background: url(../img/whitebox_tr.gif) no-repeat right top transparent;
}

div#page div.bl {
  background: url(../img/whitebox_bl.gif) no-repeat left bottom transparent;
}

div#page div.br {
  margin: 0 0 0 10px;
  height: 10px;
  background: url(../img/whitebox_br.gif) no-repeat right bottom transparent;
}

/* pagecontent */

div#pagecontent {
  padding: 5px 15px;
}

div#pagecontent a {
  color: black;
  border-bottom: 1px solid #71acc2;
}

div#pagecontent h2 a {
  border-bottom: 2px solid #71acc2;
}

div#pagecontent h3 a {
  border: none;
}

div#pagecontent h3 span.url {
  font-size: 0.9em;
  color: #888;
}

div#pagecontent h3 span.url a {
  color: #888;
  font-weight: normal;
  border: none;
}

div#pagecontent h3 span.url a:hover, div#pagecontent h3 a:hover {
  text-decoration: underline;
}

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

div#pagecontent a.edit, div#pagecontent a.delete, div#pagecontent a.user, div#pagecontent a.room, div#pagecontent span.calendar, div#pagecontent span.stream, div#pagecontent a.add_stream, div#pagecontent a.delete_stream, div#pagecontent span.rating, div#pagecontent span.views, div#pagecontent a.zoom_in, div#pagecontent a.zoom_out {
  background: url(../img/pencil.png) no-repeat left center white;
  padding-left: 22px;
  border: none;
}

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

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

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

div#pagecontent a.add_stream {
  background-image: url(../img/webcam_add.png);
}

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

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

div#pagecontent span.stream {
  background-image: url(../img/webcam.png);
}

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

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

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

div#pagecontent a.room {
  background-image: url(../img/yellowstar.png);
}

div#pagecontent a.edit:hover, div#pagecontent a.delete:hover, div#pagecontent a.user:hover, div#pagecontent a.room:hover, div#pagecontent a.add_stream:hover, div#pagecontent a.delete_stream:hover {
  text-decoration: underline;
}

div#pagecontent h3.room {
  background: url(../img/yellowstar.png) no-repeat left center white;
  padding-left: 22px;
}

div#pagecontent a:hover {
  text-decoration: none;
  border-color: white;
}

div#pagecontent p {
  padding: 1em 0;
}

div#pagecontent ul {
  margin: 1em;
  padding: 0 1em;
}

div#pagecontent ul li {
  list-style-type: square;
}

div#pagecontent ul li ul li {
  list-style-type: circle;
}

div#pagecontent div#cloud {
  margin: 1em 5em;
  text-align: center;
  font-size: 0.8em;
}

div#pagecontent div#cloud a {
  border: 0;
  color: #35a1c8;
  line-height: 1.4em;
}

div#pagecontent div#cloud a:hover {
  color: white;
  background-color: #71acc2;
}

/* paginator */

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

div#pages span a, div#pages span.inactive {
  margin: 0 0.15em;
  padding: 0.2em 0.4em;
  border: 1px solid #3173b6;
}

div#pages span.inactive {
  color: #ccc;
  border-color: #ccc;
}

div#pages span a:hover {
  color: white;
  background-color: #3173b6;  
}

div#pages span.current a {
  color: white;
  background-color: #3173b6;
}

div#flashcontent_test {
  border: 3px solid red;
}

/* streams */

div#streams div.entry {
  margin: 1em 1.5em 0 0;
  float: left;
}

div#streams div.entry p.admin a {
  border: none;
}

div#streams div.entry p.admin {
  text-align: right;
  padding: 0;
}

div#streams div#room_chat {
  
}

div#pagecontent p.order_by a {
  border: none;
}

div#pagecontent p.order_by a img {
  vertical-align: middle;
}

div#pagecontent p.admin a, div#pagecontent p.admin span {
  background-position: 8px center;
  padding: 0 5px 2px 30px;
  border-left: 1px solid #ccc;
}

div#pagecontent div p.admin a {
  background-position: 8px center;
  padding: 0 5px 2px 5px;
  border-left: 1px solid #ccc;
}

div#pagecontent p.order_by a {
  border-left: 1px solid #ccc;
  padding: 0 5px 2px 5px;
}

/* footer */

div#footer, div#footer a {
  color: #111;
}

div#footer p {
  font-size: 1em;
  text-align: center;
}

div#footer p span {
  font-size: 0.8em;
  color: #333;
}

div.plop div#flashcontent {
  margin: -15px 0 0 0;
}