* {
  margin: 0;
  padding: 0;
}

body {
  background: #f3f3f3 url(../img/bg_top.jpg) repeat-x;
  color: #bebebe;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0;
}

h1, h2, h3, h4 {
  font-family: Arial, sans-serif;
  color: #444444;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button, .button {
  background: #F3F3F3;
  border: 1px solid #DCDCDC;
  border-radius: 2px;
  color: #444444;
  cursor: pointer;
  display: inline-block;
  font: 700 11px Arial, Tahoma, sans-serif;
  margin-right: 10px;
  padding: 7px 12px 7px 12px;
  position: relative;
  text-decoration: none;
  text-shadow: 0px 1px 0px #FFFFFF;
}

button:hover, .button:hover {
  border-bottom-color: #999999;
  border-left-color: #999999;
  border-right-color: #999999;
  border-top-color: #999999;
  color: #333333;
  text-decoration: none;
}

.wrap {
  margin: 0 auto;
  width: 900px;
}

#header #top {
  height: 54px;
  padding: 14px 20px 0 20px;
}

#header #top p {
  text-shadow: #000 0px 1px 1px;
}

#header #top a {
  color: #f07e01;
}

#content {
  margin: 30px 0 30px 0;
}

#content .b1 {
  background: #ffffff;
}

#content .b2 {
  background: #f7f7f7;
}

#content tr:nth-child(even) {
  background: #ffffff;
}

#content tr:nth-child(odd) {
  background: #f7f7f7;
}/* CONTENT SIDEBAR START */#content #sidebar {
  float: left;
  margin: 0 20px 0 0;
  width: 190px;
}

#sidebar a {
  color: #656565;
}

#sidebar .box {
  border: 1px solid #DCDDE1;
  margin: 0 0 12px 0;
}

#sidebar .box .h_title {
  background: url(../img/bg_box_head.jpg) repeat-x;
  color: #bebebe;
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  height: 22px;
  padding: 7px 0 0 15px;
  text-shadow: #0E0E0E 0px 1px 1px;
}

#sidebar .box ul {
  list-style: none;
}

#sidebar .box ul li {
  padding: 8px 0 8px 5px;
}

.box ul li .icon {
  padding: 2px 0 2px 22px;
}

.box ul li .page {
  background: url(../img/i_page.png) no-repeat center left;
}

.box ul li .view_page {
  background: url(../img/i_view_page.png) no-repeat center left;
}

.box ul li .category {
  background: url(../img/i_category.png) no-repeat center left;
}

.box ul li .contact {
  background: url(../img/i_contact.png) no-repeat center left;
}

.box ul li .report {
  background: url(../img/i_report.png) no-repeat center left;
}

.box ul li .add_page {
  background: url(../img/i_add_page.png) no-repeat center left;
}

.box ul li .photo {
  background: url(../img/i_photo.png) no-repeat center left;
}

.box ul li .config {
  background: url(../img/i_config.png) no-repeat center left;
}

.box ul li .users {
  background: url(../img/i_users.png) no-repeat center left;
}

.box ul li .add_user {
  background: url(../img/i_add_user.png) no-repeat center left;
}

.box ul li .block_users {
  background: url(../img/i_block_users.png) no-repeat center left;
}/* CONTENT MAIN START */#content #main {
  float: right;
  margin: 0 0 12px 0;
  width: 680px;
}

#content #main ul, #content #main ol {
  list-style-position: inside;
  margin: 0 0 0 35px;
}

#main .full_w {
  background: #ffffff;
  border: 1px solid #DCDDE1;
  color: #848484;
  margin: 0 0 20px 0;
}

#main .full_w .h_title, #main .half_w .h_title {
  background: url(../img/bg_box_head.jpg) repeat-x;
  color: #bebebe;
  font-size: 11px;
  font-weight: normal;
  height: 22px;
  padding: 7px 0 0 15px;
  text-shadow: #0E0E0E 0px 1px 1px;
}

#main .full_w .list {
  list-style: none;
}

#main .full_w h1, #main .full_w h2, #main .full_w h3 {
  margin: 15px 15px 5px 15px;
}

#main .full_w p {
  line-height: 16px;
  margin: 5px 15px;
}

#main .half_w {
  background: #ffffff;
  border: 1px solid #DCDDE1;
  color: #848484;
  margin: 0 0 20px 0;
  width: 330px;
  float: left;
}

#main .half_left {
  margin-right: 10px;
}

#main .half_right {
  margin-left: 4px;
}/* STATS BLOCK */#main .stats .today, #main .stats .week {
  float: left;
  margin: 10px auto;
  text-align: center;
  text-shadow: #fff 1px 1px 0px;
  width: 49%;
}

#main .stats .today {
  border-right: 1px dashed #c0c0c0;
}

#main .stats h3 {
  color: #797777;
  font-size: 12px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#main .stats .count {
  color: #444444;
  font-size: 23px;
  font-weight: bold;
}

#main .stats .type {
  font-size: 10px;
  margin-bottom: 5px;
  text-transform: uppercase;
}/* CONTENT MAIN FORM */#main form {
  margin: 15px;
}

#main form .element {
  clear: both;
  border-bottom: 1px dashed #ededed;
  display: block;
  margin: 0;
  padding: 10px 10px;
}

#main form label {
  color: #575757;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0 0 0 3px;
}

#main form label span {
  color: #b8b8b8;
  font-size: 11px;
  font-weight: normal;
}

#main form input, #main form select, #main form textarea {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 3px;
  font-size: 11px;
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  padding: 5px 3px;
}

#main form input:focus, #main form select:focus, #main form textarea:focus {
  border: 1px solid #b3b3b3;
}

#main form select {
  border: 1px solid #DDDDDD;
  border-radius: 3px;
}

#main form .text {
  width: 100%;
}

#main form .textarea {
  width: 100%;
}

#main form .err {
  border: 1px solid #FF5252;
}

#main form .red {
  color: #FF5252;
}/* MAIN NOTIFY */#main .n_warning {
  background: #FFF7CE;
  border: 1px solid #D9C65B;
  border-radius: 3px;
  margin: 20px 15px;
  padding: 1px;
}

#main .n_warning p {
  background: #FDF0B1 url(../img/i_warning.png) no-repeat 4px center;
  color: #756B30;
  margin: 0;
  padding: 7px 25px;
}

#main .n_warning a {
  color: #756B30;
  font-weight: bold;
}

#main .n_ok {
  background: #F6FFEC;
  border: 1px solid #89B755;
  border-radius: 3px;
  margin: 20px 15px;
  padding: 1px;
}

#main .n_ok p {
  background: #DFF6C5 url(../img/i_ok.png) no-repeat 4px center;
  color: #496528;
  margin: 0;
  padding: 7px 25px;
}

#main .n_ok a {
  color: #006312;
  font-weight: bold;
}

#main .n_error {
  background: #FDE4E1;
  border: 1px solid #B16A6C;
  border-radius: 3px;
  margin: 20px 15px;
  padding: 1px;
}

#main .n_error p {
  background: #F4CAC6 url(../img/i_error.png) no-repeat 4px center;
  color: #630E18;
  margin: 0;
  padding: 7px 25px;
}

#main .n_error a {
  color: #822121;
  font-weight: bold;
}/* MAIN TABLE */table {
  border-collapse: collapse;
  margin: 15px;
  width: 650px;
}

table th {
  background: url(../img/bg_box_head.jpg) repeat-x;
  color: #CCCCCC;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  font-size: 11px;
  font-weight: bold;
  padding: 7px;
  text-shadow: 0px 1px #242424;
}

table tr {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

table td {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid ffffff;
  color: #565656;
  padding: 8px;
}

table tr:hover td {
  background: #fff8cf;
  color: #000000;
}

table .chb {
  width: 20px;
}

.table-icon {
  padding: 1px 8px;
  margin-right: 5px;
}

.cog.table-icon {  background: url(../img/i_cog.png) no-repeat;}

.app_cascade.table-icon {  background: url(../img/i_application_cascade.png) no-repeat;}

.app_form.table-icon {  background: url(../img/i_application_form.png) no-repeat;}

.edit.table-icon {  background: url(../img/i_edit.png) no-repeat;}

.delete.table-icon {  background: url(../img/i_delete.png) no-repeat;}

.archive.table-icon {  background: url(../img/i_archive.png) no-repeat;}

.bullet-red.table-icon {  background: url(../img/i_bullet_red.png) no-repeat;}

.bullet-green.table-icon {  background: url(../img/i_bullet_green.png) no-repeat;}

.star-gold.table-icon {  background: url(../img/i_star_gold.png) no-repeat;}

.arrow_right.table-icon {  background: url(../img/i_arrow_right.png) no-repeat;}

.arrow_left.table-icon {  background: url(../img/i_arrow_left.png) no-repeat;}

.arrow_up.table-icon {  background: url(../img/i_arrow_up.png) no-repeat;}

.arrow_down.table-icon {  background: url(../img/i_arrow_down.png) no-repeat;}

.cross.table-icon {  background: url(../img/i_cross.png) no-repeat;}

.cart_add.table-icon {  background: url(../img/i_cart_add.png) no-repeat;}

.arrow_refresh.table-icon {  background: url(../img/i_arrow_refresh.png) no-repeat;}

.money_show.table-icon {  background: url(../img/i_money.png) no-repeat;}

.money_lock.table-icon {  background: url(../img/i_money_delete.png) no-repeat;}

.world.table-icon {  background: url(../img/i_world.png) no-repeat;}

.lock.table-icon {  background: url(../img/i_lock.png) no-repeat;}

.tile_vertical.table-icon {  background: url(../img/i_application_tile_vertical.png) no-repeat;}

.arrow_up.table-icon { background: url(../img/i_arrow_up.png) no-repeat; }

.arrow_down.table-icon { background: url(../img/i_arrow_down.png) no-repeat; }

.pagination {
  margin: 5px auto;
  padding: 12px 0;
  text-align: center;
}

.pagination a {
  border: solid 1px #d2d2d2;
  color: #444444;
  margin-right: 2px;
}

.pagination span {
  border: solid 1px #ddd;
  margin-right: 2px;
}

.pagination .active {
  border: solid 1px #e0e0e0;
  color: #000;
  font-weight: bold;
}

.pagination a:link, .pagination a:visited {
  padding: 6px 10px;
  text-decoration: none;
}

.pagination span {
  color: #b6b6b6;
  padding: 6px 10px;
  text-decoration: none;
}

.pagination a:hover {
  border: solid 1px #b2b2b2;
}
/* FOOTER START */
#footer {
  background-color: #333333;
  border-top: 2px solid #404345;
  color: #939393;
  float: left;
  margin: 0 auto;
  padding: 8px 20px;
  text-shadow: #111111 0px 1px 1px;
  width: 860px;
}

#footer a {
  color: #939393;
  font-weight: bold;
}
/* HELPERS START */

.entry {
  color: #444;
  margin: 5px 0;
  padding: 5px 15px;
  text-shadow: 0px 1px #ffffff;
}

.pause {
  background: #F3F3F3 url(../img/i_pause_blue.png) no-repeat 4px center;
  padding-left: 25px;
}
.play{
  background: #F3F3F3 url(../img/i_play_blue.png) no-repeat 4px center;
  padding-left: 25px;
}

.add {
  background: #F3F3F3 url(../img/i_add.png) no-repeat 4px center;
  padding-left: 25px;
}

.cancel {
  background: #F3F3F3 url(../img/i_delete.png) no-repeat 4px center;
  padding-left: 25px;
}

.refresh {
  background: #F3F3F3 url(../img/i_arrow_refresh.png) no-repeat 4px center;
  padding-left: 25px;
}

.checkout {
  background: #F3F3F3 url(../img/i_cart_go.png) no-repeat 4px center;
  padding-left: 25px;
}

.arrow_left {
  background: #F3F3F3 url(../img/i_arrow_left.png) no-repeat 4px center;
  padding-left: 25px;
}

.arrow_right_button {
  background: #F3F3F3 url(../img/i_arrow_right.png) no-repeat 4px center;
  padding-left: 25px;
}

.money_dollar {
  background: #F3F3F3 url(../img/i_money_dollar.png) no-repeat 4px center;
  padding-left: 25px;
}

.sep {
  border-bottom: 1px dashed #DDDDDD;
  margin: 10px 0;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

#thumbs {
  display: table-row;
}

#thumbs .thumb {
  position: relative;
  float: left;
  border: solid 2px #ddd;
  margin: 2px;
  overflow: hidden;
  text-align: center;
}

#thumbs .thumb img {
  border: 0px;
  margin: 0px;
  width: 105px;
  height: 100px;
  background-color: red;
}

#thumbs .control {
  position: absolute;
  border: 0px;
  margin: 0px;
  width: 105px;
  height: 100px;
  top: 0px;
  left: 0px;
  display: none;
  line-height: 100px;
  text-align: center;
  opacity: 0.4;
  font-weight: bold;
  font-size: 14px;
}

#thumbs .control a {
  color: #FFF;
}

#thumbs .thumb:hover .control {
  background-color: #000;
  display: block;
}

#thumbs .thumb input {
  padding: 0px;
  margin: 0px;
  height: 25px;
  width: 105px;
}