@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 {

}

h2 {

  font-size: 18px;

  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: #eee;

}

#wrapper_outer {

  width: 980px;

  margin: 0 auto;

}

#wrapper_inner {

}

#content_inner {

}







/***************************************************************************/

/*  HEADER AND FOOTER  *****************************************************/

/***************************************************************************/

#header_outer {

  width: 980px;

  height: 50px;

  margin-bottom: 10px;

  background: url(../media/images/header.jpg) no-repeat center bottom;

}

#header_inner {

  position: relative;

  width: 980px;

  height: 50px;

}

#footer_outer {

}

#footer_inner {

  width: 980px;

}

#footer_inner p {

  margin-bottom: 0;

}

#footer_logo {

  display: block;

  float: left;

  width: 195px;

  height: 51px;

  margin: 0 15px 0 20px;

  background: url(../../../images/logo_footer.gif) no-repeat center;

}

#footer_menu {

  float: right;

  width: 400px;

  padding-right: 20px;

  text-align: right;

}

#footer_menu a {

  font-size: 10px;

  font-weight: bold;

  color: #ff9600;

}

#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: 193px;

  height: 37px;

  background: url(../media/images/logo.png) no-repeat center;

}

#top_menu {

  position: absolute;

  top: 12px;

  right: 10px;

}

#top_menu ul {

  float: left;

}

#top_menu li,

#top_menu li a,

#top_menu li a span

{

  display: block;

  float: left;

  height: 20px;

  line-height: 20px;

  text-transform: uppercase;

  font-size: 10px;

  color: #333;

  background-repeat: no-repeat;

}

#top_menu li {

  margin-left: 5px;

}

#top_menu a {

  margin-right: 6px;

  padding-right: 9px;

  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: #ae410a;

}

#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);

}









/***************************************************************************/

/*  TEXT COMMON STYLES  ****************************************************/

/***************************************************************************/







/***************************************************************************/

/*  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  ************************************************************/

/***************************************************************************/

.s_column_1 {

  float: left;

  width: 300px;

  margin-right: 20px;

}

.s_column_2 {

  float: left;

  width: 600px;

  margin-right: 20px;

}

.s_column_3 {

  width: 920px;

}

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

}







/***************************************************************************/

/*  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;

}







.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  *****************************************************************/

/***************************************************************************/

.s_text {

  display: block;

}

.s_form_1 {

  padding: 5px;

}

.s_form_1 input, .s_form_1 textarea, .s_form_1 button, .s_form_1 select {

  font-size: 11px;

}

.s_form_1 label {

  float: left;

  display: block;

  width: 130px;

  margin-left: -5px;

  margin-right: 5px;

  padding: 4px 5px;

  text-align: right;

  font-weight: bold;

  background: #fce9d3;

}

.s_form_1 input.s_text, .s_form_1 textarea {

  float: left;

  margin-right: 5px;

  padding: 3px 1px;

}

.s_form_1 input.s_text, .s_form_1 textarea, .s_form_1 select {

  border: 1px solid;

  border-color: #888 #ddd #ddd #888;

}

.s_form_1 input.s_text {

  background: url(../media/images/input_text.gif) no-repeat top left;

}

.s_form_1 textarea {

  background: url(../media//images/textarea.gif) no-repeat top left;

}

.s_form_1 label.s_radio, .s_form_1 label.s_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;

}

.s_form_1 input.s_radio, .s_form_1 input.s_checkbox {

  margin: -1px 2px 0 0;

  ~margin: 0 0 0 0;

  vertical-align: middle;

}

.s_form_1 select {

  font-size: 11px;

}

.s_form_1 .s_group_inline {

  float: left;

}

.s_form_1 label.inline,

.s_form_1 input.inline

{

  float: none !important;

  width: auto;

}

.s_form_1 label.inline {

  padding: 0;

}

.s_form_1 .s_fixed_width_fields label {

  width: 100px;

}

.s_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;

}





.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%;

}









.s_form_row_1 {

  clear: both;

  padding: 7px 0;

  border-bottom: 1px solid #eee;

}

.s_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;

}





.s_data_submit_1 {

  position: relative;

  margin: 0 -15px -5px -15px;

  padding: 10px 10px 0 10px;

  border-top: 1px solid #ddd;

}

.s_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;

}



/******** Clear Fix ************/

.clearfix:after {

    content:"."; 

    display:block; 

    height:0; 

    clear:both; 

    visibility:hidden;

}

.clearfix {

    display:inline-block;

}

.clearfix {

    display:block;

}

* html .clearfix {

    height:1px;

}