@import url(../../base/css/common.css);

body {
  background-image: none;
  background-color: #1b2838;
}

.ch_sys_unit_checkbox {
  top: 3px;
  left: 3px;
  width: auto;
  height: auto;

  position: absolute;
  z-index: 2;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;

  -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.9);

  background-color: #ffffff;
}
.ch_sys_unit_checkbox input[type="checkbox"],
.ch_sys_unit_checkbox input[type="radio"] {
  position: relative;
  display: block;

  margin: 3px;
  padding: 0px;
}

/*--- Thumbnail ---*/
div.thumbnail_image a {
  position: relative;
  display: block;
}
div.thumbnail_image a:before {
  position: absolute;
  z-index: 1;

  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

  border-radius: 64px;
  -moz-border-radius: 64px;
  -webkit-border-radius: 64px;

  /*
	TODO: Remove after final decision
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), inset 0 -2px 0 rgba(0, 0, 0, 0.2);
	*/

  content: "";
}

div.thumbnail_image img.thumbnail_image_file,
div.thumbnail_image img.thumbnail_image_file2 {
  background-color: #2a2f3c;
}

div.thumbnail_image p.thumbnail_image_letter,
div.thumbnail_image p.thumbnail_image_letter2,
div.thumbnail_image img.thumbnail_image_file,
div.thumbnail_image img.thumbnail_image_file2 {
  box-shadow: none;
}
div.thumbnail_image p.thumbnail_image_letter,
div.thumbnail_image p.thumbnail_image_letter2 {
  border-color: rgba(255, 255, 255, 1);
}

/*--- Modal window ---*/
.popup_form_wrapper .container {
  border-color: #3d4e60;
}

#login_div .popup_form_wrapper .container {
  background-color: #3d4e60;
}

.popup_form_wrapper div.disignBoxFirst .boxFirstHeader .dbTitle {
  color: #ffffff;
}

.popup_form_wrapper div.disignBoxFirst .boxFirstHeader i {
  color: #ffffff;
}

/*--- DesignBox ---*/
.disignBoxFirst {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;

  border-color: #213145;
  background-color: #101822;
}
.disignBoxFirst .boxFirstHeader .dbTitle {
  position: relative;
  float: left;

  font-weight: bold;
  color: #88abc2;
}
.boxFirstHeader {
  color: #ffffff;
}
/*--- DesignBox Menu ---*/

/*--- Pagination ---*/
div.paginate {
  padding-bottom: 10px;
  background-color: transparent;
}

/*--- Button ---*/
.ch-btn {
  position: relative;

  border-width: 0px;
  background-color: #274257;
  background-image: none;
  filter: none;

  text-transform: uppercase;
  text-shadow: none;
  font-weight: 700;
  font-size: 16px;
}
.ch-btn,
.ch-btn:hover {
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.ch-btn:hover,
.ch-btn:active {
  background-color: #375e7b;
}
.ch-btn:active {
  top: 1px;
  background-image: none;
  box-shadow: none;
  filter: none;
}

.disignBoxFirst .boxFirstHeader .dbTopMenu,
.disignBoxFirst .boxFirstHeader .caption_item {
  color: #ffffff;
}

.ch-btn .sys-icon {
  margin-right: 10px;
  font-size: 19px;
}
.ch-btn-small {
  padding: 0px 15px 0px 15px;
  font-size: 12px;
}
.ch-btn.ch-btn-small .sys-icon {
  font-size: 15px;
}
.ch-btn-primary {
  background-color: rgba(255, 64, 129, 1); /* equal to #FF4081 */
  background-image: none;
  filter: none;
}
.ch-btn-primary:hover {
  background-color: rgba(255, 64, 129, 0.8);
}
.ch-btn-primary:active {
  background-image: none;
  filter: none;
}
.ch-btn-loading,
.ch-btn-disabled,
.ch-btn-loading:hover,
.ch-btn-disabled:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.ch-btn-disabled:active {
  top: 0px;

  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1);
}

/*--- admin actions panel ---*/
.admin_actions_panel {
  background-color: rgba(0, 0, 0, 0.1);
}

div.tsb_cnt_out {
  border-top: 1px solid #000000;
}
div.tsb_cnt_in {
  border-top: 1px solid #213145;
}

.MsgBox .msgbox_content {
  background-color: #274257;
  border: 2px solid #182835;
}
/*--- DesignBox Menu ---*/
.dbTopMenu .dbTmActive {
  padding: 3px 15px;
  border: 1px solid #182835;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #274257;
  font-weight: bold;
  color: #cccccc;
  cursor: pointer;
}
.dbTopMenu .dbTmActive:hover {
  border: 1px solid #182835;
  background-color: #375e7b;
  color: #cccccc;
}

.popup_form_wrapper .container {
  -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15),
    0px 10px 25px 0px rgba(33, 33, 33, 0.3);
  -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15),
    0px 10px 25px 0px rgba(33, 33, 33, 0.3);
  box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.15),
    0px 10px 25px 0px rgba(33, 33, 33, 0.3);

  background-color: #3d4e60;
}

.dbTopMenu .dbTopMenuPopup {
  font-size: 14px;
  font-weight: bold;
}

.dbTopMenuPopup .active {
  color: #c9ff00;
  cursor: default;
}

.votes_big .votes_count,
.votes_small .votes_count {
  color: #cccccc;
}

.sys_album_unit {
    background-color: #3D4E60;;
}

.sys_album_info .sys_album_title a {
	color: #FFFFFF;
}

.sys_album_info .sys_album_from a {
	font-weight: bold;
	color: #CCCCCC;
}
.rss_read_more {
    background-color: #3D4E60;
}