@charset "utf-8";

/***************************************************************************/
/*  RESET  *****************************************************************/
/***************************************************************************/
*, input, textarea, select, button, td {
  margin: 0;
  padding: 0;
}
:-moz-any-link:focus {
  outline: none;
}
a img {
  border: none;
}
img {
  display: block;
}
button, input.s_reset, input.s_submit {
  cursor: pointer;
}

/***************************************************************************/
/*  COMMON STYLES  *********************************************************/
/***************************************************************************/
body, input, textarea, select, button, td {
  font-family: Trebuchet MS, Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  color: #333;
}

a {
  color: #47739d;
  text-decoration: none;
}
a:hover {
  color: #000;
}
h1 {
	font-size:18px;
}
h2 {
  font-size: 17px;
  font-weight: normal;
  font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
h3 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
}
h4 {
  font-size: 11px;
  font-weight: bold;
}

ul {
  list-style: none;
}
p {
  margin-bottom: 10px;
  line-height: 14px;
}
img {
  display: block;
}
a img {
  border: none;
}
.width_1 {
  width: 100px;
}
.clear {
  clear: both !important;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.width_2 {
  width: 150px;
}
.width_3 {
  width: 200px;
}
.width_4 {
  width: 250px;
}
.width_5 {
  width: 300px;
}
.width_6 {
  width: 350px;
}
.width_7 {
  width: 400px;
}
.width_8 {
  width: 450px;
}
.width_9 {
  width: 500px;
}
.width_10 {
  width: 550px;
}
.width_100 {
  width: 100%;
}


.height_1 {
  height: 100px;
}
.height_2 {
  height: 150px;
}
.height_3 {
  height: 200px;
}
.height_4 {
  height: 250px;
}
.height_5 {
  height: 300px;
}

.z_1000 {
  z-index: 1000;
}

.s_border_top {
  border-top: 1px solid #ddd;
}
.s_border_bottom {
  border-bottom: 1px solid #ddd;
}

.inline {
  display: inline !important;
}

span.clear {
  clear: both;
  display: block;
  width: 100%;
  font-size: 0;
  line-height: 0;
}
.ui-tabs-hide {
  display: none !important;
}
.s_favicon {
  display: none;
}
/***************************************************************************/
/*  BODY and WRAPPER  ******************************************************/
/***************************************************************************/
body {
  background: rgb(129, 197, 242) url(../image/WebDesign_01.png) top left repeat-x
}
#wrapper_outer {
  width: 980px;
  margin: 0 auto;
}
#wrapper_inner {
}
#content_inner {
}

/***************************************************************************/
/*  HEADER AND FOOTER  *****************************************************/
/***************************************************************************/
#header_outer {
  width: 980px;
  height: 169px;
  margin-bottom: 0px;
  background: url(../image/WebDesign_02.png) no-repeat center bottom;
}
#header_inner {
  position: relative;
  width: 980px;
  height: 169px;
  background: transparent url(../image/WebDesign_02-03.png) 10px left no-repeat
}
#header_inner #contact_hold{
	margin-left:220px;
	padding-right:33px;
	width:724px;
	padding-top:1px;
	margin-bottom: 4px
}
#header_inner #contact_hold .skype_button img {
	
}
#header_inner #contact_hold ul {
	float:left;
	width:346px;
	width: 250px;
	margin-left: 230px
}
#header_inner #contact_hold ul li.phone_ru{
	background: url(../image/lang/ru.gif) center left no-repeat
}
#header_inner #contact_hold ul li.phone_bg{
	background: url(../image/lang/bg.gif) center left no-repeat
}
#header_inner #contact_hold p{
	color:#005790;
	font-size:10pt;
	font-weight:bold;
	line-height:20px;
	margin-left:91px;
	margin-top:9px;
	text-align:right;
	margin-bottom: 3px;
	padding:2px
}
#header_inner #contact_hold ul{
	text-align:right;
}
#header_inner #contact_hold ul li{
	color:#000;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	text-align:left;
	padding-left: 20px;
	
}
#header_inner #ticker_hold{
	height:22px;
	margin-left:347px;
	padding-right:33px;
	width:590px;
	padding:5px;
	background: transparent url(../image/WebDesign_06.png) top left no-repeat
}
#header_inner #ticker_hold p{
	margin: 0px;
	line-height: 14px
}
#header_inner #ticker_hold #ticker_left_block {
	height: 24px;
	width: 67px;
	
	float:left
}
#header_inner #ticker_hold #ticker_left_block p{
	text-align: right;
	padding-right: 8px;
}

#header_inner #ticker_hold #ticker_right_block {
	height: 24px;
	width: 520px;
	overflow: hidden;
	float:left
}
#header_inner #ticker_hold #ticker_right_block p{
	text-align:left;
	margin-left: 12px
}
#header_inner #ticker_hold #ticker_right_block p a{
	font-weight:bold;
	color:#005790
}


#footer_outer {
}
#footer_inner {
  width: 980px;
  background: url(../image/footer_background.png) top left no-repeat;
  height: 46px
}
#footer_inner p {
  margin-bottom: 0;
}
#footer_inner_1{
  width: 980px;
  background: url(../image/footer_background_1.png) top left no-repeat;
  height: 100px
}
#footer_inner_1 p {
  margin-bottom: 0;
}
.footer_counter {
	float:left;
	width:88px;
	height: 34px;
	
	margin-left:4px
}
#footer_logo {
  display: block;
  float: left;
  width: 195px;
  margin: 0 15px 0 20px;
  background: url(../../../images/logo_footer.gif) no-repeat center;
}
#footer_menu {
  float: right;
  width: 400px;
  padding-right: 30px;
  text-align: right;
  color: #fff
}
#footer_menu a {
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}
#copyright {
  float: left;
  width: 150px;
  padding: 9px 0 0 0;
  font-size: 10px;
}

#logo {
  position: absolute;
  top: 7px;
  left: 20px;
  z-index: 10;
  display: block;
  width: 154px;
  height: 37px;
  background: url(../media/images/logo.png) no-repeat center;
}
.top_menu{
height:21px;
margin-left:191px;
width:789px;
}
.top_menu_inner {
	background:transparent url(../image/WebDesign_10.png) no-repeat scroll left top;
	height:25px;
	padding:4px;
	overflow:hidden;
}
.top_menu_sub{
	margin-left:191px;
	width:790px;
}

.top_menu ul {
  float: left;
}
.top_menu li,
.top_menu li a,
.top_menu li a span
{
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-size: 10px;
  color: #fff;
  background-repeat: no-repeat;
  font-weight: bold
}
.top_menu li {
  margin-left: 10px;
}
.top_menu a {
  margin-right: 4px;
  padding-right: 0px;
  background-position: top right;
}
.top_menu a span {
  position: relative;
  margin-left: -6px;
  padding-left: 24px;
  background-position: top left;
}
.top_menu a:hover {
  background-position: bottom right;
  color: #afafaf;
}
.top_menu a:hover span {
  background-position: bottom left;
  color: #ae410a;
}

.top_menu a.s_home, #top_menu a.s_home span {
  background-image: url(../media/images/top_menu_home.gif);
}
#top_menu a.s_login, #top_menu a.s_login span {
  background-image: url(../media/images/top_menu_login.gif);
}
#top_menu a.s_signup, #top_menu a.s_signup span {
  background-image: url(../media/images/top_menu_signup.gif);
}
#top_menu a.s_admin, #top_menu a.s_admin span {
  background-image: url(../media/images/top_menu_admin.gif);
}
#top_menu a.s_logout, #top_menu a.s_logout span {
  background-image: url(../media/images/top_menu_logout.gif);
}
#top_menu a.s_login, #top_menu a.s_login span {
  background-image: url(../media/images/top_menu_login.gif);
}
#top_menu a.s_profile, #top_menu a.s_profile span {
  background-image: url(../media/images/top_menu_profile.gif);
}

.front_list {
	padding-bottom:2px;
	_background: #DBE3EC;
	_border:1px solid #C4D1E6;
	height: 200px;
	background: #fff url(../image/back_554_200.jpg) top left no-repeat
}
.front_list h2{
	margin-left:2px;
	margin-bottom:2px;
	padding-top: 4px !important;
	font-size:12px
}
.front_list div {
	background: transparent url(../image/back_134_170.png) top left no-repeat;
	width: 134px;
	height: 170px;
	_border: 1px solid #C4D1E6;
	margin-top: 0px;
	margin-left: 2px;
	float:left
}
.front_list h3{
	font-size: 11px;
	margin-left:4px;
	width:134px;
	height: 26px;
	line-height: 14px;
	overflow:hidden;
	color:#780C0C
}
.front_list span.thumb {
	background: #fafafa;
	width: 120px;
	height: 90px;
	margin-top: 2px;
	margin-left: 4px
}
.front_list p.p_desc {
	font-size: 10px;
	height: 14px;
	line-height: 14px;
	overflow:hidden;
	margin-left:2px
}
.front_list p.p_price {
	font-size: 10px;
	height: 16px;
	line-height: 14px;
	text-align:center
}
.front_list ul {
	height: 12px;
	text-align:center
}
.front_list ul.options li{
	display:inline;
	width: 30px
}


/***************************************************************************/
/*  TEXT COMMON STYLES  ****************************************************/
/***************************************************************************/
#newsletter_box_1 sup{
	color:#f00
}


/***************************************************************************/
/*  MODULE COMMON  *********************************************************/
/***************************************************************************/
.s_module {
  margin-bottom: 20px;
}
.s_module_head {
  position: relative;
}
.s_module_head h2 {
  padding: 0 10px 7px 10px;
  font-size: 18px;
  font-weight: normal;
  font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
}

.s_module_settings_buttons {
  position: absolute;
  top: 0;
  right: 9px;
}
.s_module_settings_buttons ul {
  float: left;
}
.s_module_settings_buttons li, .s_module_settings_buttons li a, .button_dialog_close a {
  position: relative;
  display: block;
  float: right;
  width: 13px;
  height: 13px;
  margin-left: 2px;
  font-size: 10px;
  line-height: 0;
}
.s_module_settings_buttons li a, .button_dialog_close a {
  text-indent: -1000em;
  background-image: url(../media/images/window_buttons.gif);
  background-repeat: no-repeat;
}
.s_module_settings_buttons li.s_button_close a, .button_dialog_close a {
  background-position: -52px 0;
}
.s_module_settings_buttons li.s_button_close a:hover, .button_dialog_close a:hover {
  background-position: -52px -13px;
}
.s_module_settings_buttons li.s_button_settings a {
  background-position: 0 0;
}
.s_module_settings_buttons li.s_button_settings a:hover {
  background-position: 0 -13px;
}
.s_module_settings_buttons li.s_button_minimize a {
  background-position: -39px 0;
}
.s_module_settings_buttons li.s_button_minimize a:hover {
  background-position: -39px -13px;
}
.s_module_settings_buttons li.s_button_maximize a {
  background-position: -65px 0;
}
.s_module_settings_buttons li.s_button_maximize a:hover {
  background-position: -65px -13px;
}
.s_module_settings_buttons li.s_button_reload a {
  background-position: -13px 0;
}
.s_module_settings_buttons li.s_button_reload a:hover {
  background-position: -13px -13px;
}
.s_module_settings_buttons li.s_button_add a {
  background-position: -26px 0;
}
.s_module_settings_buttons li.s_button_add a:hover {
  background-position: -26px -13px;
}
.s_module_settings_buttons .s_tooltip_up {
  display: none;
  margin-top: -25px !important;
  margin-left: -2px;
}
.s_module_settings_buttons li:hover .s_tooltip_up {
  display: block;
}

.s_module_body {
}

.s_module_last {
  margin-bottom: 0 !important;
}

/***************************************************************************/
/*  BOX STYLES  ************************************************************/
/***************************************************************************/
.box {
	width: 198px;
	padding-top:4px
}
.box .box_header {
	background: transparent url(../image/WebDesign_16.png) top left no-repeat;
	height: 26px;
	padding-top:4px
}
.box_body {
	background: transparent url(../image/WebDesign_19.png) top left repeat-y
}
.box_body_inner {
	background: transparent url(../image/WebDesign_18.png) bottom right no-repeat;
	padding-left:10px;
	width: 185px;
	padding-bottom:8px
}
.box_body_inner .exept {
	
}
.box_body_inner .exept img {
	width: 168px;
	height: 126px
	
}
.box_body_inner a {
	color: #0e639b
}
.box_body_inner a:hover {
	color: #cbff70;
	color: orange;
	font-weight: bold
}
.box .box_body h3 a{
	font-size:11px
}
.box_3 {
	width: 196px;
}
.box h2, .box h2 a {
	color: #cbff70 !important;
	font-size: 16px;
	margin-left:7px;
	font-weight:bold;
}
.p_ul{
}
.p_ul li {
	background: url(../image/bullet_1.png) center left no-repeat;
	padding-left:12px
}

.p_column_1 {
  float: left;
  width: 198px;
  background: #fff;
  padding-left:4px;
  padding-bottom:4px;
  /*margin-left:4px*/
}
.p_column_2 {
	float:left;
	margin:4px;
	padding:4px;
	padding-left:0;
	padding-bottom:0;
	width:552px;
	width:562px;
	
	background: #fff url(../image/DesignList_04.gif) bottom right no-repeat;
	
}
.p_column_2_inner {
	margin:0px;
	padding:0px;
	padding-left:4px;
	background: url(../image/DesignList_03.gif) bottom left no-repeat;
	padding-bottom: 80px
}
.p_column_3 {
	float:left;
	width: 198px;
	background: #fff;
	padding:3px
}
.s_column_4 {
  float: left;
  width: 450px;
  margin-right: 20px;
}
.s_column_5 {
  float: left;
  width: 200px;
  margin-right: 20px;
}
.s_column_6 {
  float: left;
  width: 700px;
  margin-right: 20px;
}

.s_column_last {
  margin-right: 0;
}


.s_box_3 {
  position: relative;
  margin-bottom: 7px;
  background-position: top left;
  background-repeat: repeat-x;
}
.s_box_3 h2 {
  margin-bottom: 10px;
  padding: 0 15px;
  font-size: 24px;
}
.s_box_3 span.s_top_left,
.s_box_3 span.s_top_right,
.s_box_3 span.s_bottom_left,
.s_box_3 span.s_bottom_right
{
  position: relative;
  clear: both;
  display: block;
  height: 10px;
  line-height: 0;
  font-size: 0;
  background-repeat: no-repeat;
}
.s_box_3 span.s_top_left {
  margin-left: -1px;
  background-position: top left;
}
.s_box_3 span.s_top_right {
  margin: 0 -1px 0 10px;
  background-position: top right;
}
.s_box_3 span.s_bottom_left,
.s_box_3 span.s_bottom_right
{
  height: 13px;
}
.s_box_3 span.s_bottom_left {
  margin-left: -1px;
  background-position: bottom left;
}
.s_box_3 span.s_bottom_right {
  float: right;
  width: 10px;
  margin-right: -1px;
  background-position: bottom right;
}
.s_box_3_gray {
  background-color: #fff;
  background-image: url(../media/images/box_3_gray.gif);
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #b2b2b2;
}
.s_box_3_gray span.s_top_left,
.s_box_3_gray span.s_top_right
{
  background-image: url(../media/images/box_3_top_gray.gif);
  background-color: #fff19f;
}
.s_box_3_gray span.s_bottom_left,
.s_box_3_gray span.s_bottom_right
{
  background-image: url(../media/images/box_3_bottom_gray.gif);
}


.s_box_modal {
  z-index: 10000;
  position: absolute;
  margin-bottom: 0;
}
.s_box_modal .s_window_top span,
.s_box_modal .s_window_bottom span
{
  display: block;
  height: 10px;
  line-height: 0;
  font-size: 0;
  background-repeat: no-repeat;
}
.s_box_modal span.s_top_left {
  float: left;
  width: 10px;
  background-position: top left;
}
.s_box_modal span.s_top_right {
  float: right;
  width: 10px;
  background-position: top right;
}
.s_box_modal span.s_top_center {
  margin: 0 10px;
  background-position: top center;
}
.s_box_modal span.s_bottom_left {
  float: left;
  width: 10px;
  padding-bottom: 3px;
  background-position: bottom left;
}
.s_box_modal span.s_bottom_right {
  float: right;
  width: 10px;
  padding-bottom: 3px;
  background-position: bottom right;
}
.s_box_modal span.s_bottom_center {
  margin: 0 10px;
  padding-bottom: 3px;
  background-position: bottom center;
}
.s_box_modal .s_window_center {
  position: relative;
}
.s_box_modal span.s_center_left,
.s_box_modal span.s_center_right
{
  position: absolute;
  top: 0;
  display: block;
  width: 10px;
  height: 100%;
  line-height: 0;
  font-size: 0;
  background-repeat: no-repeat;
}
.s_box_modal span.s_center_left {
  left: 0;
  background-position: 0 -10px;
}
.s_box_modal span.s_center_right {
  right: 0;
  background-position: 100% -10px;
}
.s_box_modal .s_window_content {
  margin: 0 10px;
  background-position: 50% -10px;
}

.s_box_modal h2 {
  position: relative;
  margin: -3px -10px 0 -10px;
  padding: 5px 10px 10px 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  color: #e14b00;
}
.s_box_modal .s_module_settings_buttons {
  right: 17px;
  top: 7px;
  ~top: 3px;
}
.s_box_modal .s_window_body {
  padding-top: 5px;
}


.s_box_modal_gray {
}
.s_box_modal_gray .s_window_top span,
.s_box_modal_gray .s_window_bottom span,
.s_box_modal_gray span.s_center_left,
.s_box_modal_gray span.s_center_right,
.s_box_modal_gray .s_window_content
{
  background-image: url(../media/images/box_modal_gray.png);
}
.s_box_modal_gray .s_window_body {
  position: relative;
  margin: 0 -9px;
  padding: 0 9px;
  border-top: 1px solid #fff;
  background: url(../media/images/box_modal_gray.png) no-repeat 50% -10px;
}

/* property search and view */
#search_form #search_order_set li {
	display:inline
}
.listing {
}
.listing .listed_item {
height: 111px
}
.listing .listed_item .thumb{
	
	float: left;
	width: 128px;
	padding:7px;
	background: url(../image/DesignList_21.gif) top left no-repeat
}
.listing .listed_item .thumb img {
	width: 120px;
	height: 88px
}
.listing .listed_item .info {
}
.listing .listed_item .info h3 {
	color: #0e639b;
	font-size:14px;
	margin-bottom:4px;
	margin-top: 4px
}
.listing .listed_item .info p {
	height: 56px;
	overflow: hidden
}
.listing .listed_item  .price {
	color: #0e639b;
	font-weight: bold;
	font-size: 12px;
	text-align:right;
	margin-top: -15px;
	background: url(../image/DesignList_31.gif) top right no-repeat;
	padding-right: 20px
}
.odd {
	_background: #fff
}
.even {
	_background: #fff
}
.image_holder {
	background: url(../image/item_view_background.png) top left no-repeat;
	padding:8px;
	float:left;
	width:	430px;
	margin-top: 11px
}
.image_holder #gallery_front_image {
	width:423px;
	height:280px
}
.thumb_holder {
	float:left;
	width: 96px;
	height: 321px;
	overflow: hidden
}
.thumb_holder .thumb_item {
	background: url(../image/item_view_tiny_background.gif) top left no-repeat;
	padding: 7px
}
.thumb_holder .thumb_item img{
	height:60px;
	width:78px;
}
.info_holder {
	margin-left:4px
}
.info_hold_1 {
	width: 294px;
	width: 270px;
	float:left;
	height: 74px
}
.info_hold_2 {
	width: 250px;
	width: 274px;
	float:left;
	height: 74px
}
/***************************************************************************/
/*  BLOCK STYLES  **********************************************************/
/***************************************************************************/
.s_box_1_tabs .s_tab_nav li, .s_box_1_tabs .s_tab_nav li a {
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}
.s_box_1_tabs .s_tab_nav li {
  padding-left: 15px;
  background: url(../../../images/tabs_1_active.gif) no-repeat top left;
}
.s_box_1_tabs .s_tab_nav li a {
  padding-right: 15px;
  background: url(../../../images/tabs_1_active.gif) no-repeat top right;
}
.s_box_1_tabs .s_tab_nav li:hover,
.s_box_1_tabs .s_tab_nav li:hover a
.s_box_1_tabs .s_tab_nav li a:hover {
  color: #deedf8;
}
.s_box_1_tabs .s_tab_nav li.ui-tabs-selected {
  color: #2e536f;
  background: url(../../../images/tabs_1_selected.gif) no-repeat top left;
}
.s_box_1_tabs .s_tab_nav li.ui-tabs-selected a {
  color: #2e536f;
  background: url(../../../images/tabs_1_selected.gif) no-repeat top right;
}





.s_avatar {
  display: block;
  float: left;
  padding: 3px;
  background: url(../media/images/avatar.gif) no-repeat center;
}
.s_user_status,
.s_user_status span
{
  display: block;
  float: left;
  height: 14px;
  line-height: 13px;
  text-transform: uppercase;
  font-size: 9px;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  color: #fff;
  background: url(../media/images/user_status.gif) no-repeat center;
}
.s_user_status {
  padding: 0 0 0 9px;
  background-position: top left;
}
.s_user_status span {
  padding: 0 5px 0 0;
  background-position: top right;
}

.pager {
	text-align:right
}
.pager ul#pages li {
	display:inline
}
.s_pager {
  clear: both;
  position: relative;
  font-size: 11px;
}
.s_pager_bgr {
  padding: 10px;
  background: #eee;
}
.s_pager li, .s_pager li a {
  display: block;
  float: left;
  width: 20px;
  height: 20px;
  line-height: 19px;
  text-align: center;
  background: url(../media/images/button_pager.gif) no-repeat center;
}
.s_pager li {
  margin-right: 5px;
}
.s_pager li.s_prev {
  margin-right: 10px;
}
.s_pager li.s_prev, .s_pager li.s_prev a {
  background: url(../media/images/button_pager_prev.gif) no-repeat top left;
}
.s_pager li.s_next {
  margin-left: 5px;
}
.s_pager li.s_next, .s_pager li.s_next a {
  background: url(../media/images/button_pager_next.gif) no-repeat top left;
}
.s_pager li.s_first, .s_pager li.s_first a {
  background: url(../media/images/button_pager_first.gif) no-repeat top left;
}
.s_pager li.s_last, .s_pager li.s_last a {
  background: url(../media/images/button_pager_last.gif) no-repeat top left;
}
.s_pager li.s_prev a,
.s_pager li.s_next a,
.s_pager li.s_first a,
.s_pager li.s_last a
{
  text-indent: -1000em;
}
.s_pager li a:hover {
  color: #F5460A;
}
.s_pager li.selected a {
  color: #999;
  background: url(../media/images/button_pager_selected.gif) no-repeat top left;
}
.s_pager li.s_next a:hover, .s_pager li.s_prev a:hover, .s_pager li.s_last a:hover, .s_pager li.s_first a:hover {
  background-position: -20px 0;
}
.s_pager li.s_next_disabled a, .s_pager li.s_prev_disabled a, .s_pager li.s_last_disabled a, .s_pager li.s_first_disabled a {
  background-position: -40px 0 !important;
}


span.s_stars {
  display: block;
  width: 85px;
  height: 16px;
  background: url(../../../images/icon_star.gif) no-repeat top left;
}
span.s_stars span {
  display: block;
  height: 16px;
  text-indent: -1000em;
  background: url(../../../images/icon_star.gif) no-repeat bottom left;
}
.s_star_1 {
  width: 17px;
}
.s_star_2 {
  width: 34px;
}
.s_star_3 {
  width: 51px;
}
.s_star_4 {
  width: 68px;
}
.s_star_5 {
  width: 85px;
}


.s_tooltip {
  z-index: 100;
  position: absolute;
  display: block;
  text-indent: 0 !important;
  text-decoration: none !important;
  line-height: 12px;
  font-size: 10px;
  color: #806d12;
}
.s_tooltip .d_top_left,
.s_tooltip .d_top_right, 
.s_tooltip .d_bottom_right {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
}
.s_tooltip_up {
  margin-top: -37px;
  padding: 0 3px 8px 6px;
  background: url(../media/images/tooltip_1_up.gif) no-repeat bottom left;
}
.s_tooltip_up .d_top_left {
  top: -3px;
  left: 0;
  width: 100%;
  height: 3px;
  background: url(../media/images/tooltip_1_up.gif) no-repeat top left;
}
.s_tooltip_up .d_top_right {
  top: -3px;
  right: -3px;
  width: 3px;
  height: 3px;
  background: url(../media/images/tooltip_1_up.gif) no-repeat top right;
}
.s_tooltip_up .d_bottom_right {
  bottom: 0;
  right: -3px;
  width: 3px;
  height: 100%;
  background: url(../media/images/tooltip_1_up.gif) no-repeat bottom right;
}
.s_tooltip_down {
  padding: 0 3px 4px 6px;
  background: url(../media/images/tooltip_1_down.gif) no-repeat bottom left;
}
.s_tooltip_down .d_top_left {
  top: -7px;
  ~top: -5px;
  left: 0;
  width: 100%;
  height: 7px;
  background: url(../media/images/tooltip_1_down.gif) no-repeat top left;
}
.s_tooltip_down .d_top_right {
  top: -7px;
  ~top: -5px;
  right: -3px;
  width: 3px;
  height: 7px;
  background: url(../media/images/tooltip_1_down.gif) no-repeat top right;
}
.s_tooltip_down .d_bottom_right {
  top: 0;
  ~top: 2px;
  right: -3px;
  width: 3px;
  height: 100%;
  background: url(../media/images/tooltip_1_down.gif) no-repeat bottom right;
}
.s_tooltip_left {
  padding: 0 7px 4px 10px;
  background: url(../media/images/tooltip_1_left.gif) no-repeat bottom left;
}
.s_tooltip_left .d_top_left {
  top: -11px;
  left: 0;
  width: 100%;
  height: 11px;
  background: url(../media/images/tooltip_1_left.gif) no-repeat top left;
}
.s_tooltip_left .d_top_right {
  top: -11px;
  right: -7px;
  width: 7px;
  height: 11px;
  background: url(../media/images/tooltip_1_left.gif) no-repeat top right;
}
.s_tooltip_left .d_bottom_right {
  top: 0;
  right: -7px;
  width: 7px;
  height: 100%;
  background: url(../media/images/tooltip_1_left.gif) no-repeat bottom right;
}
.s_tooltip_right {
  padding: 0 7px 4px 10px;
  background: url(../media/images/tooltip_1_right.gif) no-repeat bottom left;
}
.s_tooltip_right .d_top_left {
  top: -11px;
  left: 0;
  width: 100%;
  height: 11px;
  background: url(../media/images/tooltip_1_right.gif) no-repeat top left;
}
.s_tooltip_right .d_top_right {
  top: -11px;
  right: -7px;
  width: 7px;
  height: 11px;
  background: url(../media/images/tooltip_1_right.gif) no-repeat top right;
}
.s_tooltip_right .d_bottom_right {
  top: 0;
  right: -7px;
  width: 7px;
  height: 100%;
  background: url(../media/images/tooltip_1_right.gif) no-repeat bottom right;
}


.s_static_text {
}
.s_static_text h2 {
  margin-bottom: 8px;
  padding: 0 15px;
  color: #659618;
}
.s_static_text h3 {
  margin-bottom: 8px;
}
.s_static_text p {
  padding: 0 15px;
  line-height: 16px;
}
.s_static_text ul,
.s_static_text ol
{
  padding: 0 15px;
  line-height: 16px;
}
.s_static_text li {
  padding: 2px 0;
}
.s_static_text ol {
	list-style: decimal inside;
}
.s_static_text li {
	display: list-item;
}


.s_modal_container {
  display: none;
}
.s_modal_box h2 {
  margin-bottom: 10px;
  padding: 5px 10px 0 10px;
  text-transform: uppercase;
  color: #74a12b;
}
.s_modal_box form {
  padding-left: 10px !important;
  padding-right: 10px !important;
}


.s_table_holder {
  margin: 0 10px;
  padding: 5px 0;
}
.s_table {
  width: 100%;
  padding: 1px;
  border: 1px solid;
  border-color: #ddd #ccc #bbb #ddd;
  -moz-border-radius: 3px;
}
.s_table th {
  padding: 5px;
  background: #eee url(../media/images/th_1.gif) repeat-x bottom left;
  background: #fff7c9 url(../media/images/th_2.gif) repeat-x left bottom;
}
.s_table td {
  padding: 5px;
  text-align: center;
  border-bottom: 1px solid #eee;
}
.s_table tr.last td {
  border-bottom: none;
}
.s_table td a {
  font-weight: bold;
}
.s_table td a em {
  font-style: normal;
}
.s_table tr:hover td {
  background-color: #f5fbff;
}


.s_reference {
  width: 400px;
}
.s_reference .s_author {
  float: right;
  margin-bottom: 10px;
}
.s_reference .s_author a {
  display: block;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  width: 63px;
}
.s_reference .s_author a img {
  margin: 0 auto 5px auto;
  padding: 4px;
  width: 60px;
  height: 60px;
  background: #eee;
}
.s_reference .s_author a:hover img {
  background: #dbf4b4;
}
.s_reference_txt {
  position: relative !important;
  top: 11px;
}
.s_reference_txt p {
  position: relative;
  margin: 0;
  padding: 5px;
  font-size: 11px;
  line-height: 12px;
}



.s_tab_navigation {
  padding: 10px 10px 0 10px;
  background: #ddd;
  border-bottom: 1px solid #ccc;
  -moz-border-radius: 2px;
}
.s_tab_navigation ul {
}
.s_tab_navigation li, .s_tab_navigation li a {
  display: block;
  height: 28px;
  line-height: 28px;
}
.s_tab_navigation li {
  position: relative;
  bottom: -1px;
  float: left;
  margin-right: 5px;
  padding-left: 10px;
  background: url(../media/images/tab.gif) no-repeat top left;
}
.s_tab_navigation li a {
  padding-right: 10px;
  background: url(../media/images/tab.gif) no-repeat top right;
}
.s_tab_navigation li.ui-tabs-selected {
  color: #666 !important;
  background: url(../media/images/tab_active.gif) no-repeat top left !important;
}
.s_tab_navigation li.ui-tabs-selected a {
  color: #666 !important;
  background: url(../media/images/tab_active.gif) no-repeat top right !important;
}
.s_tab_navigation li:hover {
  background: url(../media/images/tab_hover.gif) no-repeat top left;
}
.s_tab_navigation li:hover a {
  background: url(../media/images/tab_hover.gif) no-repeat top right;
}
.s_tab_navigation li.ui-state-disabled {
  color: #aaa;
  background: url(../media/images/tab_inactive.gif) no-repeat top left;
}
.s_tab_navigation li.ui-state-disabled a {
  color: #aaa;
  background: url(../media/images/tab_inactive.gif) no-repeat top right;
}




/***************************************************************************/
/*  FORMS  *****************************************************************/
/***************************************************************************/
.p_form {
	
}
.p_form_header {
	background: url(../image/form/form_header.png) top left no-repeat;
	height: 17px;
	padding:7px;
}
.p_form_header span{
	margin: 7px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold
}
.p_form_body {
	background: #01556e
}
.p_form_body_inner {
	background: url(../image/form/form_tail.png) bottom left repeat-x
}
.p_form_body_inner_left {
	background: transparent url(../image/form/form_left_bottom.png) bottom left no-repeat;
	padding-left:5px
}
.p_form_body_inner_right {
	background: transparent url(../image/form/form_right_bottom.png) bottom right no-repeat;
	padding-right:5px;
	padding-bottom:5px
}
.p_text {
  display: block;
}
.p_form_1 {
}
.p_form sup{
	color:#f00
}
.p_form_1 input, .p_form_1 textarea, .p_form_1 button, .p_form_1 select {
  font-size: 11px;
  color: #fff
}
.p_form_1 label {
  float: left;
  display: block;
  width: 130px;
  margin-left: -5px;
  margin-right: 5px;
  padding: 4px 5px;
  text-align: right;
  font-weight: bold;
  color: #fff
}
.p_form_1 input.p_text, .p_form_1 textarea {
  float: left;
  margin-right: 5px;
  padding: 3px 1px;
  border: none;
  border-top: 1px dashed #9cc1cd;
  border-bottom: 1px dashed #9cc1cd;
  
}
.p_form_1 input.p_text, .p_form_1 textarea, .p_form_1 select {
  _border: 1px solid;
  _border-color: #888 #ddd #ddd #888;
}
.p_form_1 input.p_text {
  background: url(../image/form/form_input_background.png) top left
}
.p_form_1 textarea {
  background: url(../image/form/form_input_background.png) top left
}
.p_form_1 label.s_radio, .p_form_1 label.p_checkbox {
  width: auto;
  margin-bottom: 5px;
  margin-left: 0;
  padding: 3px 4px 3px 4px !important;
  ~padding: 0 4px 3px 0 !important;
  text-align: left;
  font-weight: normal;
  background: none;
}
.p_form_1 input.s_radio, .s_form_1 input.s_checkbox {
  margin: -1px 2px 0 0;
  ~margin: 0 0 0 0;
  vertical-align: middle;
}
.p_form_1 select {
  font-size: 11px;
}
.p_form_1 .s_group_inline {
  float: left;
}
.p_form_1 label.inline,
.p_form_1 input.inline
{
  float: none !important;
  width: auto;
}
.p_form_1 label.inline {
  padding: 0;
}
.p_form_1 .s_fixed_width_fields label {
  width: 100px;
}
.p_form_1 .last {
  border-bottom: none;
}


.s_form_2 {
  padding: 2px 10px 5px 5px;
}
.s_form_2 label {
  display: block;
  margin-bottom: 3px;
  font-size: 11px;
}
.s_form_2 .s_text {
  clear: left;
  float: left;
  height: 22px;
}
.s_form_2 span.s_text {
  padding-left: 3px;
  background: url(file:///Z|/design/playlist/media/images/input_text_left_2.gif) no-repeat top left;
}
.s_form_2 input.s_text {
  width: 100%;
  height: 14px;
  padding: 4px 5px 4px 0;
  font-size: 11px;
  border: none;
  background: url(file:///Z|/design/playlist/media/images/input_text_right_2.gif) no-repeat top right;
}
.s_form_2 span.s_textarea {
  position: relative;
  display: block;
}
.s_form_2 .s_textarea textarea {
  overflow: auto;
  width: 100%;
  padding-left: 3px;
  padding-right: 1px;
  padding-top: 4px;
  font-size: 11px;
  border: none;
  background: url(file:///Z|/design/playlist/media/images/input_textarea_2.gif) no-repeat 0 0;
}
.s_form_2 span.s_textarea span {
  position: absolute;
  display: block;
}
.s_form_2 span.s_textarea span.t_top_right {
  top: 0;
  ~top: 1px;
  right: -7px;
  width: 3px;
  height: 100%;
  background: url(file:///Z|/design/playlist/media/images/input_textarea_2.gif) no-repeat top right;
}
.s_form_2 span.s_textarea span.t_bottom_left {
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 4px;
  padding-left: 6px;
  background: url(file:///Z|/design/playlist/media/images/input_textarea_2.gif) no-repeat bottom left;
}
.s_form_2 span.s_textarea span.t_bottom_right {
  bottom: -3px;
  right: -7px;
  width: 3px;
  height: 4px;
  background: url(file:///Z|/design/playlist/media/images/input_textarea_2.gif) no-repeat bottom right;
}

span.s_text_error {
  background-image: url(file:///Z|/design/playlist/media/images/input_text_left_error.gif) !important;
}
span.s_text_error input.s_text {
  background-image: url(file:///Z|/design/playlist/media/images/input_text_right_error.gif) !important;
}
span.s_textarea_error textarea, span.s_textarea_error span {
  background-image: url(file:///Z|/design/playlist/media/images/input_textarea_error.gif) !important;
}
p.s_error_message {
  float: left;
  clear: left;
  width: 55%;
  margin-bottom: 0;
  padding: 5px 0 2px 140px;
  font-size: 10px;
  color: red;
}
p.p_error_message {
  float: left;
  clear: left;
  width: 55%;
  margin-bottom: 0;
  padding: 5px 0 2px 140px;
  font-size: 10px;
  color: red;
}
p.p_info_message {
  float: left;
  clear: left;
  margin-bottom: 0;
  padding: 5px 0 2px 140px;
  font-size: 10px;
  color: #fff;
}


.s_form_column_50 {
  float: left;
  width: 49.8%;
}
.s_form_column_33 {
  float: left;
  width: 33.3%;
}
.s_form_column_25 {
  float: left;
  width: 24.9%;
}




.p_form_row_1 {
  clear: both;
  padding: 7px 0;
  _border-bottom: 1px solid #eee;
}
.p_form_row_2 {
  clear: both;
  padding: 5px 0;
}


.s_button_1,
.s_button_1 span,
.s_button_1 button
{
  display: block;
  float: left;
  height: 28px;
  line-height: 28px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}
.s_button_1 {
  padding-left: 5px;
  background-position: top left;
}
.s_button_1 span,
.s_button_1 button
{
  margin-right: -5px;
  padding-right: 13px;
  text-indent: 8px;
  background-position: top right;
}
.s_button_1_orange,
.s_button_1_orange span,
.s_button_1_orange button
{
  color: #fff;
  background-image: url(file:///Z|/design/playlist/images/front/button_1_orange.gif);
}
.s_button_1_orange:hover,
.s_button_1_orange:hover span,
.s_button_1_orange:hover button,
.s_button_1_orange span:hover,
.s_button_1_orange button:hover
{
  color: #ffeac5;
}
.s_button_1_orange button {
  padding-bottom: 2px;
}
.s_button_1_red,
.s_button_1_red span,
.s_button_1_red button
{
  color: #fff;
  background-image: url(../media/images/button_1_red.gif);
}
.s_button_1_red:hover,
.s_button_1_red:hover span,
.s_button_1_red:hover button,
.s_button_1_red span:hover,
.s_button_1_red button:hover
{
  color: #ffeac5;
}
.s_button_1_red button {
  padding-bottom: 2px;
}


.s_button_2,
.s_button_2 span,
.s_button_2 button
{
  display: block;
  float: left;
  height: 36px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
}
.s_button_2 {
  padding-left: 5px;
  background-position: top left;
}
.s_button_2 span,
.s_button_2 button
{
  margin-right: -5px;
  padding-right: 13px;
  text-indent: 8px;
  background-position: top right;
}
.s_button_2 button {
  padding-bottom: 2px;
}
.s_button_2_blue,
.s_button_2_blue span,
.s_button_2_blue button
{
  color: #fff;
  background-image: url(file:///Z|/design/playlist/images/front/button_2_blue.gif);
}
.s_button_2_blue:hover,
.s_button_2_blue:hover span,
.s_button_2_blue:hover button,
.s_button_2_blue span:hover,
.s_button_2_blue button:hover
{
  color: #ffeac5;
}
.s_button_2_green,
.s_button_2_green span,
.s_button_2_green button
{
  color: #fff;
  background-image: url(../../../images/button_2_green.gif);
}
.s_button_2_green:hover,
.s_button_2_green:hover span,
.s_button_2_green:hover button,
.s_button_2_green span:hover,
.s_button_2_green button:hover
{
  color: #e2f6c2;
}
.s_button_2_orange,
.s_button_2_orange span,
.s_button_2_orange button
{
  color: #fff;
  background-image: url(../../../images/button_2_orange.gif);
}
.s_button_2_orange:hover,
.s_button_2_orange:hover span,
.s_button_2_orange:hover button,
.s_button_2_orange span:hover,
.s_button_2_orange button:hover
{
  color: #fff4d8;
}
.s_button_2_red,
.s_button_2_red span,
.s_button_2_red button
{
  color: #fff;
  background-image: url(../media/images/button_2_red.gif);
}
.s_button_2_red:hover,
.s_button_2_red:hover span,
.s_button_2_red:hover button,
.s_button_2_red span:hover,
.s_button_2_red button:hover
{
  color: #fff4d8;
}



.s_button_1 *,
.s_button_2 *
{
  cursor: pointer;
}

.p_data_submit_1 button {
	background: url(../image/form/form_button.png) top left no-repeat;
	border: none;
	color: #fff;
	width: 103px;
	height: 25px
}
.p_data_submit_1 {
  position: relative;
  margin: 0 -15px -5px -15px;
  padding: 10px 10px 20px 155px;
  _border-top: 1px solid #ddd;
}
.p_data_submit_1 .s_button_1 {
  float: left;
  margin-right: 15px;
}


.s_data_submit_1 {
  font-size: 11px;
}
.s_data_submit_1 span, .s_data_submit_1 button {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
.s_data_submit_1 span {
  float: left;
  height: 28px;
  margin-right: 10px;
  padding-right: 3px;
}
.s_data_submit_1 button {
  height: 28px;
  padding-left: 51px;
  padding-right: 12px;
  padding-bottom: 3px;
  ~padding: 0 5px 1px 40px;
  border: none;
  background: none;
}
.s_data_submit_1 span.s_button_submit {
  background: url(../media/images/button_submit_1.gif) no-repeat top right;
}
.s_data_submit_1 span.s_button_submit button {
  background: url(../media/images/button_submit_1.gif) no-repeat top left;
}
.s_data_submit_1 span.s_button_reset {
  background: url(../media/images/button_reset_1.gif) no-repeat top right;
}
.s_data_submit_1 span.s_button_reset button {
  background: url(../media/images/button_reset_1.gif) no-repeat top left;
}
.s_data_submit_1 span:hover {
  background-position: bottom right; 
}
.s_data_submit_1 span:hover button {
  background-position: bottom left; 
}
.s_data_submit_2 {
  position: relative;
  padding-top: 10px;
  font-size: 11px
}
.s_data_submit_2 span, .s_data_submit_2 button {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
}
.s_data_submit_2 span {
  float: left;
  height: 20px;
  margin-right: 10px;
  padding-right: 3px;
}
.s_data_submit_2 button {
  height: 20px;
  padding-left: 30px;
  padding-right: 5px;
  padding-bottom: 3px;
  ~padding: 0 0 0 20px;
  border: none;
  background: none;
}
.s_data_submit_2 span.s_button_submit {
  background: url(../media/images/button_submit_2.gif) no-repeat top right;
}
.s_data_submit_2 span.s_button_submit button {
  background: url(../media/images/button_submit_2.gif) no-repeat top left;
}
.s_data_submit_2 span.s_button_reset {
  background: url(../media/images/button_reset_2.gif) no-repeat top right;
}
.s_data_submit_2 span.s_button_reset button {
  background: url(../media/images/button_reset_2.gif) no-repeat top left;
}
.s_data_submit_2 span:hover {
  background-position: bottom right; 
}
.s_data_submit_2 span:hover button {
  background-position: bottom left; 
}






/***************************************************************************/
/*  ADMINISTRATION  ********************************************************/
/***************************************************************************/

/***************************************************************************/
/*  HOME PAGE  *************************************************************/
/***************************************************************************/
/***************************************************************************/
/*  BOX STYLES  ************************************************************/
/***************************************************************************/
#user_panel {
}
#user_panel .s_module_body {
  padding: 0 9px;
}
#user_info {
  float: left;
  width: 620px;
  padding: 2px 0 0 0;
}
#user_info h2 {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 18px;
}
#user_info .s_user_status {
  margin: 4px 0 0 5px;
}
#user_info .s_stats {
  float: left;
  margin: 0 0 0 10px;
  line-height: 22px;
  color: #666;
  font-size: 11px;
}
#user_info strong {
  color: #000;
}
#user_info .s_stats a,
#user_info .s_stats a strong
{
  color: #e14b00;
}
#user_info .s_reference_txt {
  margin-left: 10px;
}

.user_info {
  float: left;
  width: 620px;
  padding: 2px 0 0 0;
}
.user_info h2 {
  float: left;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 18px;
}
.user_info .s_user_status {
  margin: 4px 0 0 5px;
}
.user_info .s_stats {
  float: left;
  margin: 0 0 0 10px;
  line-height: 22px;
  color: #666;
  font-size: 11px;
}
.user_info strong {
  color: #000;
}
.user_info .s_stats a,
.user_info .s_stats a strong
{
  color: #e14b00;
}
.user_info .s_reference_txt {
  margin-left: 10px;
}

#download_queue {
  position: relative;
  left: 35px;
  top: 10px;
  float: left;
  width: 150px;
  height: 55px;
  padding-left: 40px;
  background: #eee url(../media/images/icon_download.gif) no-repeat 10px 10px;
}
#download_queue strong {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin: 10px 10px 0 10px;
  _margin: 10px 10px 0 5px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  background: #ddd;
}
#download_queue span {
  display: block;
  padding-top: 13px;
}

.download_window td.s_delete,
.download_window td.s_info
{
  width: 14px;
}
.download_window a.s_delete {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -1000em;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/i_delete_10_1.gif) no-repeat center;
}
.download_window a.s_info {
  display: block;
  width: 14px;
  height: 14px;
  text-indent: -1000em;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/i_info_10.gif) no-repeat center;
}
#button_download_queue, #start_downloading_files {
  display: block;
  width: 80px;
  height: 35px;
  margin: 0 auto;
  padding-left: 45px;
  line-height: 35px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #8bc215;
  background: url(../media/images/button_download.gif) no-repeat center left;
}


#play_panel {
  position: relative;
  width: 980px;
  margin: 0 0 10px -32px;
  padding-left: 32px;
  background: url(../media/images/play_panel.gif) no-repeat top left;
}
#play_panel span.s_bottom_left,
#play_panel span.s_bottom_right
{
  display: block;
  height: 10px;
  line-height: 0;
  font-size: 0;
}
#play_panel span.s_bottom_left {
  margin-right: 10px;
  background: url(../media/images/play_panel.gif) no-repeat -32px 100%;
}
#play_panel span.s_bottom_right {
  float: right;
  width: 10px;
  margin-right: -10px;
  background: url(../media/images/play_panel.gif) no-repeat bottom right;
}
#play_panel > .s_module_body {
  height: 724px;
}


#player_box {
  position: absolute;
  top: 0;
  left: 32px;
  width: 380px;
  height: 380px;
}
#player_holder {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 360px;
  height: 270px;
}
#player_controls {
  left: 20px;
  bottom: 20px;
  position: absolute;
  height: 46px;
}
#player_controls a,
#player_controls a span
{
  display: block;
  float: left;
  width: 36px;
  height: 46px;
}
#player_controls a {
  margin: 5px 5px 0 0;
}
#player_controls a span {
  text-indent: -1000em;
  background-repeat: no-repeat;
  background-image: url(../media/images/player_buttons.png); 
}
#player_button_prev span {
  background-position: 0 -46px;
}
#player_button_prev span:hover,
#player_button_prev span.hover
{
  background-position: 0 0;
}
#player_button_prev span.s_disabled {
  background-position: 0 -92px;
  cursor: default;
}
#player_button_stop span {
  background-position: -42px -46px;
}
#player_button_stop span:hover,
#player_button_stop span.hover
{
  background-position: -42px 0;
}
#player_button_stop span.s_disabled {
  background-position: -42px -92px;
  cursor: default;
}
#player_button_play,
#player_button_play span
{
  width: 46px !important;
  background-position: -84px -46px;
}
#player_button_play span:hover,
#player_button_play span.hover
{
  background-position: -84px 0;
}
#player_button_play span.s_disabled {
  background-position: -84px -92px;
  cursor: default;
}
#player_button_pause,
#player_button_pause span
{
  width: 46px !important;
  background-position: -136px -46px;
}
#player_button_pause span:hover,
#player_button_pause span.hover
{
  background-position: -136px 0;
}
#player_button_pause span.s_disabled {
  background-position: -136 -92px;
  cursor: default;
}
#player_button_next span {
  background-position: -188px -46px;
}
#player_button_next span:hover,
#player_button_next span.hover
{
  background-position: -188px 0;
}
#player_button_next span.s_disabled {
  background-position: -188px -92px;
  cursor: default;
}





#seek_bar,
#seek_bar_progress
{
  display: block;
  width: 342px;
  height: 12px;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/seekbar.gif) no-repeat top left;
}
#seek_bar {
  position: absolute;
  top: 284px;
  left: 19px;
}
#seek_bar_progress {
  position: relative;
  background: url(../media/images/seekbar.gif) no-repeat bottom left;
  width: 0%
}
#seek_bar_control {
  cursor: pointer;
  position: absolute;
  top: -1px;
  width: 11px;
  height: 15px;
  margin-left: -3px;
  background: url(../media/images/seek_bar_control.png) no-repeat center;
}

#playlists_box {
  position: absolute;
  bottom: 10px;
  left: 32px;
  width: 340px;
  margin: 0 0 0 10px;
  padding: 10px 11px 0 10px;
  background: url(../media/images/playlists.gif) no-repeat top center;
}
#playlists_box span.s_dec {
  display: block;
  height: 10px;
  margin: 0 -11px 0 -10px;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/playlists.gif) no-repeat bottom center;
}
#playlists_holder {
  width: 340px;
  padding-top: 10px;
  background: url(../media/images/playlists_holder.gif) no-repeat top center;
}
#playlists_holder span.s_dec_1 {
  display: block;
  height: 11px;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/playlists_holder.gif) no-repeat bottom center;
}
#playlists_holder ul {
  position: relative;
  overflow: auto;
  height: 267px;
  padding: 0 0 0 10px;
}
#playlists_holder li {
  clear: left;
  float: left;
  width: 301px;
  height: 27px;
  margin: 0 0 3px;
  font-size: 11px;
  background: url(../media/images/playlist.gif) no-repeat top left;
}
#playlists_holder li a.s_drag {
  display: block;
  float: left;
  width: 20px;
  height: 27px;
  line-height: 18px;
  text-indent: -1000em;
  cursor: move;
}
#playlists_holder li a.s_playlist {
  display: block;
  float: left;
  width: 210px;
  line-height: 26px;
  color: #fff;
  cursor: pointer;
}
#playlists_holder li a.s_playlist:hover {
  color: #f7dbbb;
}
#playlists_holder .s_actions {
  float: right;
  /*display: none;*/
  padding: 6px 8px 7px 0;
}
#playlists_holder li:hover .s_actions {
  display: block;
}
#playlists_holder .s_actions a {
  float: left;
  display: block;
  width: 13px;
  height: 13px;
  margin: 0 0 0 5px;
  text-indent: -1000em;
  font-size: 10px;
  line-height: 10px;
}
#playlists_holder .s_actions a.s_share {
  width: 15px;
  background: url(../media/images/playlist_actions.gif) no-repeat -15px 0;
}
#playlists_holder .s_actions a.s_share:hover {
  background: url(../media/images/playlist_actions.gif) no-repeat 0 0;
}
#playlists_holder .s_actions a.s_edit {
  background: url(../media/images/playlist_actions.gif) no-repeat -43px 0;
}
#playlists_holder .s_actions a.s_edit:hover {
  background-position: -30px 0;
}
#playlists_holder .s_actions a.s_delete {
  background: url(../media/images/playlist_actions.gif) no-repeat -70px 0;
}
#playlists_holder .s_actions a.s_delete:hover {
  background-position: -57px 0;
}
#playlists_controls {
  height: 27px;
  margin: 0 0 9px 0;
}
#playlists_controls a {
  display: block;
  float: left;
  height: 27px;
  line-height: 18px;
  text-indent: -1000em;
}
#playlists_controls a .s_tooltip_up {
  display: none;
  margin-top: -40px !important;
  margin-left: 4px;
}
#playlists_controls a:hover .s_tooltip_up {
  display: block;
}

#button_my_playlists, #button_my_playlists_guest {
  width: 109px;
  margin-right: 5px;
  background: url(../media/images/playlists_controls.gif) no-repeat 0 0;
}
#button_my_playlists:hover,
#button_my_playlists.hover,
#button_my_playlists_guest:hover,
#button_my_playlists_guest.hover
{
  background-position: 0 -27px;
}
#button_friends_playlists, #button_friends_playlists_guest {
  width: 137px;
  margin-right: 30px;
  background: url(../media/images/playlists_controls.gif) no-repeat -109px 0;
}
#button_friends_playlists:hover,
#button_friends_playlists.hover,
#button_friends_playlists_guest:hover,
#button_friends_playlists_guest.hover
{
  background-position: -109px -27px;
}
#button_add_playlist, #button_add_playlist_guest {
  width: 27px;
  margin-right: 5px;
  background: url(../media/images/playlists_controls.gif) no-repeat -246px 0;
}
#button_add_playlist:hover,
#button_add_playlist.hover,
#button_add_playlist_guest:hover,
#button_add_playlist_guest.hover
{
  background-position: -246px -27px;
}
#button_import_playlist, #button_import_playlist_guest {
  width: 27px;
  background: url(../media/images/playlists_controls.gif) no-repeat -273px 0;
}
#button_import_playlist:hover,
#button_import_playlist.hover,
#button_import_playlist_guest:hover,
#button_import_playlist_guest.hover
{
  background-position: -273px -27px;
}

#clip_info {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 590px;
  height: 62px;
  background: url(../media/images/clip_info.gif) no-repeat top left;
}
#clip_info .s_thumb,
#clip_info .s_thumb a,
#clip_info .s_thumb span
{
  display: block;
  float: left;
  width: 35px;
  height: 35px;
}
#clip_info .s_thumb {
  margin: 10px 0 0 10px;
  _margin: 10px 0 0 5px;
  padding: 3px;
  background: #333333;
}
.white_bg {
	background: #FFFFFF !important;
}
#clip_info .s_thumb span {
  overflow: hidden;
}
#clip_info .s_thumb span img {
  height: 100%;
  /*
	margin-left: -5px;
  */
}
#clip_info .s_desc {
  position: relative;
  float: left;
  width: 363px;
  height: 51px;
  margin: 5px 0 0 0;
}
#clip_info .s_desc h3 {
  margin: 6px 8px 3px 8px;
  line-height: 12px;
  font-size: 11px;
  font-weight: bold;
  color: #ccc;
}
#clip_info .s_desc h3 a {
  color: #ccc;
}
#clip_info .s_desc p {
  overflow: hidden;
  height: 25px;
  margin: 0 8px;
  line-height: 12px;
  font-size: 10px;
  color: #999;
}


#explorer_box {
  position: absolute;
  top: 81px;
  right: 10px;
  width: 590px;
  height: 643px;
  ~height: 653px;
  background: #fff url(../media/images/explorer.gif) no-repeat bottom left;
}
#explorer_box ul.s_tab_nav {
  height: 40px;
  background: url(../media/images/library_tabs.gif) no-repeat top left;
}
#explorer_box ul.s_tab_nav li,
#explorer_box ul.s_tab_nav li a,
#explorer_box ul.s_tab_nav li a span
{
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #777;
  cursor: pointer;
}
#explorer_box ul.s_tab_nav li a {
  padding: 0 0 0 15px;
  background: url(../media/images/library_tabs.gif) no-repeat 0 -160px;
}
#explorer_box ul.s_tab_nav li a span {
  padding: 0 15px 0 0;
  background: url(../media/images/library_tabs.gif) no-repeat 100% -160px;
}
#explorer_box ul.s_tab_nav li a.first {
  background: url(../media/images/library_tabs.gif) no-repeat 0 0;
}
#explorer_box ul.s_tab_nav li a:hover {
  padding: 0 0 0 15px;
  background: url(../media/images/library_tabs.gif) no-repeat 0 -200px;
  color: #ee4e00;
}
#explorer_box ul.s_tab_nav li a:hover span {
  padding: 0 15px 0 0;
  background: url(../media/images/library_tabs.gif) no-repeat 100% -200px;
  color: #ee4e00;
}
#explorer_box ul.s_tab_nav li a.first:hover {
  background: url(../media/images/library_tabs.gif) no-repeat 0 -280px;
}
#explorer_box ul.s_tab_nav li.ui-tabs-selected a {
  color: #333;
  background: url(../media/images/library_tabs.gif) no-repeat 0 -40px;
}
#explorer_box ul.s_tab_nav li.ui-tabs-selected a span {
  color: #333;
  background: url(../media/images/library_tabs.gif) no-repeat 100% -40px;
}
#explorer_box ul.s_tab_nav li.ui-tabs-selected a.first {
  background: url(../media/images/library_tabs.gif) no-repeat 0 -80px;
}
#explorer_box .s_tab {
  padding: 10px;
}
#explorer_box .s_tab_holder {
  position: relative;
  height: 581px;
  overflow: auto;
  clear: both;
  padding-right: 10px;
}
#explorer_box .s_tab_info {
  padding: 0 5px;
}
#explorer_box .s_tab_info h2 {
  float: left;
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: normal;
  color: #e14b00;
}
#explorer_box .s_tab_info h2 a {
  color: #e14b00;
}
.s_small_controls {
  float: left;
  padding: 2px 0 0 10px;
}
.s_small_controls li,
.s_small_controls li a
{
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  text-transform: uppercase;
  font-size: 11px;
  color: #fff;
}
.s_small_controls li {
  margin-right: 5px;
}
.s_small_controls li.s_play a {
  width: 60px;
  text-indent: 23px;
  background: url(../media/images/buttons_small_play.gif) no-repeat center;
}
.s_small_controls li.s_play_shuffle a {
  width: 80px;
  text-indent: 26px;
  background: url(../media/images/buttons_small_shuffle.gif) no-repeat center;
}
.s_small_controls li.s_info a {
  width: 60px;
  text-indent: 23px;
  background: url(../media/images/buttons_small_info.gif) no-repeat center;
}
.s_selected_actions {
  float: left;
  padding: 15px 0 0 5px;
}
.s_selected_actions p {
  margin: 0;
  color: #999;
}
.s_selected_actions p strong {
  color: #000;
}
.s_selected_actions a {
  margin-left: 1px;
  padding-left: 14px;
}
.s_selected_actions a.s_delete {
  background: url(../media/images/i_delete_10.gif) no-repeat center left;
}
.s_selected_actions a.s_download {
  background: url(../media/images/i_download_10.gif) no-repeat center left;
}
.s_selected_actions a.s_rss {
  background: url(../media/images/i_rss_10.gif) no-repeat center left;
}


#explorer_playlist .s_tab_info {
  height: 35px;
}
#explorer_playlist .s_tab_holder {
  height: 515px;
  overflow-x: hidden
}
#explorer_library .s_tab_info {
  height: 30px;
}
#explorer_library .s_tab_holder {
  height: 515px;
  overflow: hidden;
}
#library_filters {
  z-index: 2000;
  position: relative;
  float: right;
  height: 20px;
  padding-right: 15px;
  margin: -25px -5px 10px 0;
}
.s_dropdown_1 > li,
.s_dropdown_1 > li > a,
.s_dropdown_1 > li > a span
{
  display: block;
  height: 20px;
  line-height: 20px;
}
.s_dropdown_1 > li {
  float: left;
  margin-left: 5px;
}
.s_dropdown_1 > li > a {
  padding-left: 10px;
  background: url(../media/images/dropdown_1.gif) no-repeat center left;
}
.s_dropdown_1 > li > a span {
  padding-right: 10px;
  background: url(../media/images/dropdown_1.gif) no-repeat center right;
}
.s_dropdown_1 li ul {
  position: absolute;
  display: none;
  width: 230px;
  margin-top: -2px;
  padding: 5px 0 0 5px;
  background: #fff;
  border: 1px solid;
  border-color: #ccc #999 #666 #ccc;
}
.s_dropdown_1 > li:hover {
  position: relative;
}
.s_dropdown_1 li:hover ul {
  display: block;
}
.s_dropdown_1 ul.s_level_2 li,
.s_dropdown_1 ul.s_level_2 li a
{
  display: block;
  float: left;
}
.s_dropdown_1 ul.s_level_2 li {
  margin: 0 5px 5px 0;
}
.s_alphabet_index li a {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #eee;
}
.s_genres li a {
  width: 110px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  background: #eee;
}

#library_top_pager {
  clear: none;
  float: right;
  margin: -25px -5px 10px 0;
}
#library_bottom_pager {
  clear: none;
  float: right;
  margin: 10px -5px 0 0;
}
#explorer_library .s_clip {
  width: 560px;
}

.s_clip_share {

}
.s_clip_share .s_checkbox {
	padding: 0 0 0 7px !important
}

#explorer_search .s_tab_navigation {
}
#explorer_search h2 {
  margin-bottom: 10px !important;
}
#search_box {
  padding-bottom: 10px;
}
#search_input {
  padding: 10px 0 10px 130px;
}
#search_input input.s_text {
  padding: 5px 5px;
  font-size: 14px;
}
#search_where {
  text-align: center;
}
#search_where label.s_checkbox {
  display: inline;
  float: none;
}

.s_clip {
  z-index: 10;
  position: relative;
  clear: left;
  float: left;
  width: 544px;
  height: 71px;
  margin-bottom: 3px;
  background: url(../media/images/clip.gif) no-repeat top left;
}
.s_clip:hover {
  z-index: 1000;
}
.s_clip_hover {
  z-index: 1000;
}
.s_clip_nodrag {
  width: 534px;
  padding-left: 10px;
  background: url(../media/images/clip.gif) repeat-x 20px 0;
}
.s_clip a.s_drag {
  display: block;
  float: left;
  width: 27px;
  height: 71px;
  line-height: 18px;
  text-indent: -1000em;
  cursor: move;
}
.s_clip .s_thumb a,
.s_clip .s_thumb span
{
  display: block;
}
.s_clip .s_thumb,
.s_clip .s_thumb a
{
  float: left;
  width: 61px;
  height: 71px;
  background: url(../media/images/clip_thumb.png) no-repeat 0 10px;
}
.s_clip .s_thumb a {
  position: relative;
}
.s_clip .s_thumb a:hover {
  background-position: -71px 10px;
}
.s_clip .s_thumb span {
  overflow: hidden;
  width: 45px;
  height: 45px;
  margin: 13px 13px 0 3px;
}
.s_clip .s_thumb span img {
  height: 100%;
  margin-left: -5px;
}
.s_clip .s_thumb .s_play_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 17px;
  margin: -7px 0 0 -14px;
  text-indent: -1000em;
  background: url(../media/images/play_icon.png) no-repeat center;
}
.s_clip .s_desc {
  position: relative;
  float: left;
  width: 363px;
  height: 51px;
  margin: 10px 0 0 0;
  background: #fff;
}
.s_clip_nodrag .s_desc {
  width: 380px;
  /*width: 407px*/
}
.s_clip .s_meta {
  position: absolute;
  top: 4px;
  right: 5px;
  line-height: 12px;
  font-size: 10px;
  color: #e14b00;
  background: #fff;
  cursor: help;
}
.s_clip div.s_checkbox {
  float: left;
  width: 20px;
  padding: 20px 0 0 7px;
  ~padding: 15px 3px 0 4px;
}
.s_clip .s_meta .s_rating {
  margin-right: 5px;
  padding-left: 13px;
  background: url(../media/images/i_star_10.gif) no-repeat center left;
}
.s_clip .s_meta .s_hits {
  padding-left: 13px;
  margin-right: 5px;
  background: url(../media/images/i_user_10.gif) no-repeat center left;
}
.s_clip .s_meta .s_delete {
  padding-left: 13px;
  margin-right: 5px;
  background: url(../media/images/i_delete_10_1.gif) no-repeat center left;
}

.s_clip .s_desc h3 {
  margin: 6px 8px 3px 8px;
  line-height: 12px;
  font-size: 11px;
  font-weight: bold;
}
.s_clip .s_desc h3 a {
  color: #333;
}
.s_clip .s_desc p {
  overflow: hidden;
  height: 25px;
  margin: 0 8px;
  line-height: 12px;
  font-size: 10px;
  color: #666;
}
.s_clip .s_duration {
  float: right;
  width: 92px;
  height: 21px;
  margin-bottom: 5px;
  padding: 10px 0 0 0;
  text-align: center;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  background: url(../media/images/duration.gif) no-repeat bottom center;
}

.clip_actions {
  z-index: 1100;
  position: absolute;
  right: 10px;
  bottom: 9px;
  width: 74px;
  height: 27px;
  background: url(../media/images/clip_actions.gif) no-repeat bottom left;
}
.clip_actions li.s_level_1,
.clip_actions li.s_level_1 span
{
  display: block;
  height: 27px;
  cursor: pointer;
}
.clip_actions li.s_level_1 {
  position: absolute;
}
.clip_actions li.s_level_1 span {
  text-indent: -1000em;
}
.clip_actions li.actions_holder_rate {
  left: 0;
}
.clip_actions li.actions_holder_info {
  left: 25px;
}
.clip_actions li.actions_holder_manage {
  left: 47px;
}
.actions_holder_rate span {
  width: 25px;
  background: url(../media/images/clip_actions.gif) no-repeat 0 0;
}
.actions_holder_info span {
  width: 22px;
  background: url(../media/images/clip_actions.gif) no-repeat -25px 0;
}
.actions_holder_manage span {
  width: 25px;
  background: url(../media/images/clip_actions.gif) no-repeat -47px 0;
}
.actions_holder_rate:hover,
.actions_holder_rate:hover span,
.actions_holder_rate span:hover
{
  background-position: 0 -27px;
}
.actions_holder_info:hover,
.actions_holder_info:hover span,
.actions_holder_info span:hover
{
  background-position: -25px -27px;
}
.actions_holder_manage:hover,
.actions_holder_manage:hover span,
.actions_holder_manage span:hover
{
  background-position: -47px -27px;
}
.clip_actions li.s_level_1 ul {
  z-index: 1000;
  position: absolute;
  top: 30px;
  right: -50%;
  display: none;
  width: 94px;
  padding: 0 4px 6px 0;
  background: url(../media/images/clip_actions_dropdown.png) no-repeat bottom left;
}
.s_clip_last .clip_actions li.s_level_1 ul {
  top: auto !important;
  bottom: 22px;
}
.clip_actions li.s_level_1 ul li {
  z-index: 1020;
  position: relative;
  clear: left;
  float: left;
  width: 78px;
  padding: 5px 8px;
  line-height: 12px;
  font-size: 11px;
}
.clip_actions li.s_level_1 ul li.s_label {
  width: 72px;
  margin: 0 3px 3px 3px;
  padding: 3px 8px;
  font-size: 10px;
  color: #ee4e00;
  background: #f8d7b0;
}
.clip_actions li.s_level_1 ul li.s_dec {
  z-index: 1010;
  position: absolute;
  left: 0;
  top: -3px;
  height: 3px;
  line-height: 0;
  font-size: 0;
  background: url(../media/images/clip_actions_dropdown.png) no-repeat top left;
}
.clip_actions li.s_level_1 ul li a {
  display: block;
  width: 78px;
  color: #333;
}
.clip_actions li.s_level_1 ul li a:hover {
  color: #ee4e00;
}
.clip_actions li.s_level_1:hover ul {
  display: block;
}



.s_clip div.left p,
.s_clip div.left ul,
.s_clip div.left li
{
  display: inline;
}



/***************************************************************************/
/*  SEARCH RESULTS  ********************************************************/
/***************************************************************************/
#search_results h2 {
  line-height: 36px;
}
#new_search {
  position: relative;
  right: 5px;
  margin: 0 10px 10px 10px;
  _margin: 10px 5px 10px 10px;
}

/***************************************************************************/
/*  MODAL WINDOWS  *********************************************************/
/***************************************************************************/
#share_window .s_tab_navigation {
  margin-top: 8px;
}


/***************************************************************************/
/*  MESSAGES  **************************************************************/
/***************************************************************************/
#mail_stats h2 {
  margin-bottom: 5px;
}
#mail_stats p {
  margin-bottom: 5px;
  padding: 0 10px;
  line-height: 12px;
  font-size: 10px;
}
.s_mail_box h2 {
  margin-bottom: 10px;
  padding: 0 5px;
}
.s_mail_box th, .s_mail_box td {
   text-align: left;
}
.s_mail_box th {
  border-bottom: 1px solid #ccc;
}
.s_mail_box .s_sender {
  width: 100px;
  border-right: 1px solid #eee;
}
.s_mail_box th.s_sender {
  border-right-color: #ddd;
}
.s_mail_box .s_date {
  width: 100px;
  border-left: 1px solid #eee;
}
.s_mail_box th.s_date {
  border-left-color: #ddd;
}
.s_mail_box .s_select {
  width: 13px;
  border-right: 1px solid #eee;
}
.s_mail_box th.s_select {
  border-right-color: #ddd;
}
.s_mail_box .s_title {
}

.s_mail_actions {
  float: right;
  margin-bottom: 10px;
}
/* front */
.seaside {
	background: url(../image/home/532x236/sea-side-property.png) top left no-repeat
}
.mountain {
	background: url(../image/home/532x236/mountain-ski-property.png) top left no-repeat
}
.city {
	background: url(../image/home/532x236/city-property.png) top left no-repeat
}
.city_outer {
	background: url(../image/home/532x236/outer-city-property.png) top left no-repeat
}
.commerce {
	background: url(../image/home/532x236/commerce-property.png) top left no-repeat
}
.invest {
	background: url(../image/home/532x236/invest-property.jpg) top left no-repeat
}
#front_panel {
	padding:2px;
	width:544px;
	background:transparent url(../image/front_panel.png) top left no-repeat
}
.inner_navigation {
	margin:99px 2px 2px 330px;
	float:left;
	width:200px;
}
.inner_navigation ul li {
	background: #fff;
	margin:4px;
	padding:0px 4px;
}
.inner_navigation ul li a {
	font-size:12px;
	font-weight:bold;
	color:#005790
}

/******** Clear Fix ************/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}


.icon {
    padding-left: 36px
}
.iconDoc {
    background: url(../icon/doc.pnf) no-repeat
}
.iconPdf {
    background: url(../icon/pdf.png) no-repeat
}
.iconXls {
     background: url(../icon/xls.png) no-repeat
}