body {
  color: #242424;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

body span{
  color: #242424;
}

label{
  color: #242424;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

*, * a, * a:active, * a:focus {
  outline: none;
}


h1 {
  font-size:16px;
  font-weight:bold;
}

#wrapper h1 {
  border-bottom:2px solid black;
  color:black;
  font-size:15px;
  padding:5px;
}

option {
  padding-right:10px;
}

.right {
  float:right;
}

#errorExplanation {
  background-color:#EFA4A4;
  border:2px solid #DF4545;
  padding:6px;
  overflow: hidden;
}

#errorExplanation h2, #errorExplanation p {
  margin-bottom:5px;
}

#errorExplanation li {
  font-weight: bold;
}

#home .container {
  width:750px;
}

.container {
  margin:0 auto;
  width:915px;
}

.containerPopup {
  width:750px;
  margin:0 auto;
}

.containerContacts {
  width:450px;
  margin:0 auto;
}

a.link:link,
a.link:visited,
a.link:active,
a.link:hover,
a.link:focus {
  color:#333333;
  font-size:13px;
  font-weight:bold;
  text-decoration:none;
  text-shadow:0 1px 1px #FFFFFF;
  font-family:Arial,Helvetica,sans-serif;
}

a.link.selected, a.link.selected:hover {
  color:#3399CC;
  cursor:default;
}

a.linkAction {
  color:#3399CC;
  font-size:11px;
  padding:3px;
  text-decoration: none;
  font-family:Arial,Helvetica,sans-serif;
}

/* ##### HEADER ##### */
#home #header {
  background-color: transparent;
  height:50px;
}

#header {
  background: transparent url(../images/site/bg_menu.gif) repeat-x scroll center top;
  background-color: #EEEEEE;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-radius-topleft: 3px;
  -khtml-border-radius-topright: 3px;
  min-height:32px;
  margin: 0 auto;
  width: 966px;
}

#header img#logo {
  float:left;
  margin:9px 0 0 15px;
}

#toolbar {
  float:right;
  font-size:13px;
  font-weight:bold;
  height:32px;
  position:absolute;
  right:0;
  top:0;
}

#toolbar li {
  float:left;
  padding:9px 2px 0 4px;
}

#toolbar li a:hover,
#toolbar li a:visited,
#toolbar li a:active,
#toolbar li a:focus,
#toolbar li a:link {
  color:#FFFFFF;
  line-height:32px;
  padding:0 11px 0 11px;
  text-decoration:none;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

#toolbar li.last a {
  padding:0 0 0 11px;
}

#toolbar li.selected a, #toolbar li.selected a:hover {
  color:#3399CC;
  cursor:default;
  text-decoration:none;
}

.signed_in_as{
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;
}

/* TABS */
#tabs {
  float:left;
  min-height:32px;
  padding-left:10px;
}

#tabs li {
  float:left;
  margin:0;
  text-align: center;
}

#tabs li.messages {
  margin:0 0 0 15px;
}

#tabs li.messages a, #tabs li.messages a:hover {
  background: transparent url(../images/message.gif) no-repeat scroll 20px -13px;
  padding:8px 15px 8px 40px;
}

#tabs li.messages a.green {
  background: transparent url(../images/message.gif) no-repeat scroll 20px 11px;
  padding:8px 15px 8px 40px;
}

#tabs li.selected a {
  background: transparent url(../images/menu_selected.gif) no-repeat scroll center bottom;
}

#tabs li a {
  color: #FFFFFF;
  cursor:pointer;
  font-family:arial,helvetica,sans-serif;
  font-size:13px;
  font-weight:bold;
  line-height:32px;
  padding:8px 15px 8px 15px;
  text-decoration: none;
  word-spacing:-0.1em;
}

#tabs li a:hover {
  background-color: #555555;
}

#submenu {
  background-color: #EEEEEE;
  border-bottom-right-radius:3px;
  border-bottom-left-radius:3px;

  clear:both;
  min-height:32px;
  padding-left:10px;
}

#submenu ul {
  float:left;
}

#submenu ul li {
  float:left;
  margin:0;
  text-align: center;
}

#submenu ul li:hover {
  background-color: #DDDDDD;
}

#submenu ul li.selected {

}

#submenu ul li.selected a {
  background: transparent url(../images/submenu_selected.gif) no-repeat scroll center bottom;
  color:#000000;
}

#submenu ul li a {
  color: #000000;
  cursor:pointer;
  font-family:arial,helvetica,sans-serif;
  font-size: 11px;
  font-weight:bold;
  line-height:32px;
  padding:8px 15px 8px 15px;
  text-decoration: none;
  word-spacing:-0.1em;
}

/* END TABS */

/* ##### END HEADER ##### */

#user_bar {
  font-family:helvetica,arial,sans-serif;
  font-size:13px;
  line-height:18px;
}

#login_form * {
  font-family:helvetica,arial,sans-serif;
  font-size:13px;
  line-height:18px;
  margin:3px 3px 3px 0;
}

#login_form h1 {
  font-size:16px;
  font-weight:bold;
}

#wrapper {
  float:right;
  position:relative;
  width:680px;
}

/* ##### FILTER ##### */

/*
#filter #filter-form * {
float:left;
}
*/

#filter #filter-form label {
  margin: 0;
}

#filter #filter-form label[for="filter_view"] {
  margin-left:13px;
}

#filter #filter-form label[for="filter_volume"] {
  margin-left:20px;
}

#filter #filter-form label[for="order_by"] {
  margin-left:18px;
}

#filter #filter-form select, #filter #filter-form input {
  border:1px solid #BBBBBB;
  margin-right:3px;
  padding:2px;
}

#filter #filter-form input {
  padding:3px 0 3px 0;
}

#filter #filter-form input[type="checkbox"] {
  margin-right:3px;
}

#filter #filter-form input[type="submit"] {
  clear:left;
  float:right;
  margin:10px 0 0;
  padding:2px 5px 2px 5px;
}

#filter #filter-form input.button {
  border:none;
  margin:0;
  padding:6px 0 0 0;
  position:absolute;
  right:15px;
}

#filter #filter-form .filter_second_line{
  margin-top: 10px;
}

/* ##### END FILTER ##### */

.box-container {
  background-color:#EEEEEE;
  clear:both;
  overflow: auto;
  padding:6px;
}

.box {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  clear:left;
  overflow:auto;
  padding:10px;
}

/* ##### SIDEBAR LEFT ##### */

#tips{
  background-color:#EEEEEE;
  font-family: Arial,Helvetica,sans-serif;
  margin-bottom:10px;
  padding:5px;
}

#tag_cloud {
  margin-bottom:10px;
  overflow: hidden;
  padding:0;
}

div#timeline {
  margin-bottom:10px;
}

  div#timeline ol {
  }

#sidebar-left {
  float:left;
  margin:0 20px 0 0;
  width:215px;
}

  #sidebar-left h5 {
    border-bottom:1px solid #DDDDDD;
    font-size:11px;
    height:16px;
    margin-bottom:3px;
    text-transform:none;
  }

  #sidebar-left .box {
    min-height:210px;
    min-width:200px;
    padding:0;
  }
  
  #sidebar-left a {
    line-height:30px;
    color: #3399CC;
  }
  
  #sidebar-left li {
    height:30px;
    padding:0 0 0 10px;
    background: none;
  }
  
  #sidebar-left li:hover, #sidebar-left li:hover a {
    background-color:#EEEEEE;
    color:#65B4DB;
    text-decoration: underline;
  }
  
  #sidebar-left .hTagcloud .popularity li:hover,
  #sidebar-left .hTagcloud .popularity li:hover a {
    background-color:transparent;
  }
  
  #sidebar-left #adsense {
    margin-top:10px;
    padding:0 6px 0 6px;
  }
  
  #sidebar-left li.event {
    background: none;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    height:auto;
    margin-bottom: 7px;
    padding:0 0 0 0;
    text-transform: none;
    vertical-align: middle;
  }
  
    #sidebar-left li.event:hover {
      background-color:none;
      color:#5C5C5C;
      text-decoration: none;
    }
  
    #sidebar-left li.event:hover a {
      text-decoration: none;
    }
  
    #sidebar-left li.event a, #sidebar-left li.event a:hover {
      background-color: transparent;
      color:#65B4DB;
      font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
      font-weight: normal;
      line-height:0;
    }
  
    #sidebar-left li.event a:hover {
      text-decoration: underline;
    }

/* ##### END SIDEBAR LEFT ##### */

/* ##### MOVIE LIST ##### */

#movie-list {
  float:right;
  margin-top:10px;
  overflow: auto;
  width:100%;
}

#movie-list h1 {
  font-size:13px;
}

.internetSearch {
  text-align: right;
  padding: 2px;
}

#movie-list .movie {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  float:left;
  height:237px;
  margin-bottom:10px;
  overflow: auto;
  position:relative;
  width:328px;
}

#movie-list .movie .data {
  height:200px;
  overflow:auto;
  padding:6px;
}

#movie-list .movie h1 {
  font-size:13px;
  height:30px;
  line-height:30px;
  border-bottom:1px solid #BBBBBB;
  font-weight: bold;
  margin-bottom:6px;
}

#movie-list .movie .cover{
  float:left;
  width:106px;
}

#movie-list .movie .description {
  float:left;
  font-size: 11px;
  width:190px;
}

#movie-list .movie .description span {
  line-height:17px;
}

#movie-list .movie .description span.label {
  clear:left;
  float:left;
  font-weight: bold;
  width:75px;
  color: black;
  font-family:Arial,Helvetica,sans-serif;
}

#movie-list .movie .description span.value {
  float:left;
  width:110px;
  color: black;
  font-family:Arial,Helvetica,sans-serif;
  font-weight: normal;
}

#movie-list .movie .hide_actions {
  position:absolute;
  height:50px;
  background-color:#333333;
  bottom:25px;
  width:328px;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

#tags a:hover,
#tags a:visited,
#tags a:active,
#tags a:focus,
#tags a:link {
  color:#3399CC;
  text-decoration:none;
  text-shadow:0 1px 1px #FFFFFF;
}

#movie-list .movie.first {
  clear:left;
  margin-right:10px;
}

#movie-list .movie.last {
  margin-left:10px;
}

#movie-list .movie .actions {
  clear:both;
  background-color: #EEEEEE;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  height:25px;
  line-height:25px;
  padding:0 6px 0 6px;
  text-align:right;
}

#movie-list .movie .actions a {
  color:#3399CC;
  padding:3px;
  text-decoration: none;
  font-family:Arial,Helvetica,sans-serif;
}

#movie-list .movie .actions a:hover {
  text-decoration: underline;
}

#movie-list .movie .actions a.viewed.on {
  background-image: url(../images/chk_on.gif);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left:16px;
}

#movie-list .movie .actions a.loaned.on {
  background-image: url(../images/chk_on.gif);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left:16px;
}

#movie-list .movie .actions a.delete {
  background-image: url(../images/chk_off.gif);
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left:16px;
}

#movie-list .movie .actions .state {
  background-color: #EEEEEE;
  color:#333333;
  padding:3px;
  text-decoration: none;
}

/* ##### END MOVIE LIST ##### */

/* ##### PAGINATION ##### */

#pageInfo {
  background-color: white;;
  clear:both;
  float:right;
  font-size:12px;
  height:20px;
  line-height:20px;
  margin-top:10px;
  text-align:center;
  width:680px;
}

#pagination {
  background-color: white;;
  clear:both;
  float:right;
  font-size:12px;
  height:30px;
  line-height:30px;
  text-align:center;
  width:680px;
}

#pagination li {
  float:left;
}

#pagination a:hover,
#pagination a:visited,
#pagination a:active,
#pagination a:focus,
#pagination a:link {
  color:#3399CC;
  text-decoration:none;
  text-shadow:0 1px 1px #FFFFFF;
}

#pagination a:hover {
  text-decoration:underline;
}

/* ##### END PAGINATION ##### */

/* ********** ADD MOVIE ********** */

#filter #filter-form input#search_text {
  background: #ffffff;
  color: #7e7e7e;
  float:left;
  font-size: 24px;
  height: 25px;
  padding: 5px 10px 8px 10px;
  width: 450px;
}

a#search_submit {
  float:left;
  margin-left:10px;
}

#add_movie_form {
  float:right;
  width:100%;
}

#add_movie_form fieldset {
  clear:both;
}

#add_movie_form label {
  color:#656565;
  float:left;
  line-height:40px;
  padding: 0 10px 0 10px;
}

#add_movie_form label.first {
  padding:0;
  width: 100px;
}

#add_movie_form input.text, #add_movie_form select, #add_movie_form textarea, #add_movie_form select  {
  background:#f5f5f5;
  border:1px solid #dcdcdc;
  color:#222222;
  float:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  margin:5px 0;
  padding:5px 2px;
}

#add_movie_form input.checkbox { float:left; margin-top:14px; }

#add_movie_form .movie_cover { border:6px solid #BBBBBB; margin-left:565px; margin-top:0.5em; position:absolute; }
#add_movie_form input#movie_title { width:400px; }
#add_movie_form input#movie_volume { width:48px; }
#add_movie_form input#movie_year { width:45px; }
#add_movie_form input#movie_user_rating { width:45px; }
#add_movie_form input#movie_tags { width:400px; }
#add_movie_form input#movie_directors { width:400px; }
#add_movie_form input#movie_writers { width:400px; }
#add_movie_form input#movie_release_date { width:400px; }
#add_movie_form input#movie_genre { width:400px; }
#add_movie_form input#movie_tagline { width:400px; }
#add_movie_form input#movie_plot { width:400px; }
#add_movie_form input#movie_plot_summary { width:400px; }

#add_movie_form input#movie_runtime,
#add_movie_form input#movie_company,
#add_movie_form input#movie_country,
#add_movie_form input#movie_language { width:156px; }

#add_movie_form input#movie_site { width:400px; }
#add_movie_form input#movie_classification { width:400px; }
#add_movie_form input#movie_awards { width:400px; }
#add_movie_form input#movie_sound_track { width:400px; }
#add_movie_form textarea#movie_cast { width:400px; }
#add_movie_form textarea#movie_plot { width:400px; }
#add_movie_form textarea#movie_plot_summary { width:400px; }
#add_movie_form input.cancel { float:left; left:254px; margin:10px 10px 50px 0; position:relative;}
#add_movie_form input.save { float:left; left:254px; margin:10px 0 50px 0; position:relative;}

#show_movie_form label {
  float:left;
  font-weight: bold;
  padding:0 10px 0 10px;
  line-height:40px;
}

#show_movie_form label.first {
  float:left;
  padding:0;
  width: 100px;
}

#show_movie_form fieldset span {
  float:left;
  line-height:40px;
}

#show_movie_form fieldset.one_field span{
  width:580px;
}

#show_movie_form #cover {
  margin-left:608px;
  margin-top:-70px;
  position:absolute;
}

#show_movie_form .movie_cover { border:6px solid #BBBBBB; margin-left:565px; margin-top:-65px; position:absolute; }

/* ********** SEARCH RESULT ********** */

#movie_list_result {
  background-color:#FFFFFF;
  border:1px solid #EDEDED;
  float:right;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-top:5px;
  width:660px;
}

#movie_list_result li{
  background: none;
}

#movie_list_result div.movie_cover {
  float:left;
  margin-right:10px;
}

#movie_list_result img.movie_cover {
  height:30px;
}

#movie_list_result div.movie_name {
  float:left;
  padding:8px 0 0 0;
}

#movie_list_result .movie_name {
  width:370px;
}

#movie_list_result a {
  overflow:auto;
  display:block;
  padding:9px;
  text-decoration:none;
}

#movie_list_result li.even {
  background-color:#F8F8F8;
}

#movie_list_result li:hover {
  background-color:#E5F1FA;
}

#movie_list_result li.movie_result span {
  display:block;
}

#movie_list_result li.movie_result span.name {
  color:#242424;
  font-size:12px;
  margin-bottom:5px;
}

#movie_list_result li.movie_result span.description {
  color:#656565;
  font-size:11px;
  line-height:13px;
}

.result_title {
  background:url(../images/icon_collapse.gif) no-repeat 3px center;
  padding-left:20px;
  margin-left:-6px;
}

.result_title.selected {
  background:url(../images/icon_expand.gif) no-repeat 3px center;
}

/* ##### END ADD MOVIE ##### */

#working {
  background-color: #333333;
  color:white;
  height: 25px;
  width:100px;
  position: fixed;
  left: 50%;
  text-align: center;
  z-index: 10;
}

#working img{
  position:relative;top:35%;
  margin-top:-25px;
  margin-left:-52px
}

#working span{
  position:absolute;
  top:50%;
  margin-top:-0.5em;
  line-height:1;
  color:white;
}

.button {
  float:right;
  margin-left:15px;
}

div.buttons {
  padding-bottom:45px;
  padding-top:8px;
}

form#changePasswordForm div.buttons {
  width:420px;
}

form.new_movie div.buttons, form.edit_movie div.buttons {
  width:511px;
}

form.new_movie div.buttons.top, form.edit_movie div.buttons.top {
  padding-bottom:40px;
  padding-top:25px;
  width:100%;
}

#contact-list .first {
  clear:left;
  width:300px;
  padding-right: 10px;
}
#contact-list .field {
  padding-right: 10px;
  width:200px;
}

#contact-list label {
  float:left;
  font-weight: bold;
  line-height:35px;
}

#contact-list fieldset {
  float:left;
  font-size:11px;
  line-height:35px;
}

#contact-list fieldset a {
  font-size:11px;
  color: black;
}
#contact-list fieldset a.linkAction {
  font-size:11px;
  color: #3399CC;
}

#contact-list fieldset.action {
  float:right;
}

#contact-list span.name {
  color:#333333;
  font-size:13px;
  font-weight:bold;
}

div.welcome {
  width: 915px;
}

h3.feature {
  clear:both;
}

img.feature {
  border:6px solid #EEEEEE;
  clear:right;
  float:right;
  margin-bottom:15px;
}

p.feature_with_screenshot {
  float:left;
  width:500px;
}

p.message {
  background-color:#FFFCD2;
  border:1px solid #DCDCDC;
  text-align:center;
  width:450px;
}

a#add_contact {
  color:#3399CC;
  position:absolute;
  right:50px;
  top:32px;
}

a#add_contact_vip {
  color:#3399CC;
  position:absolute;
  right:0;
  top:33px;
  padding-right: 55px;
}

#selectAll{
  text-align: right;
  font-size:11px;
  padding-right:20px;
  padding-bottom: 10px;
}

.hTagcloud .popularity {
  margin:0px;
}