/*************************************************
* Jcrop
*************************************************/
.jcrop-holder { text-align: left; }

.jcrop-vline, .jcrop-hline{
	font-size: 0;
	position: absolute;
	background: white url("/application/stage/img/Jcrop.gif") top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker { width: 100%; height: 100%; }

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle {
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/************************************************
* jQuery File Upload
************************************************/
/*
 * jQuery File Upload UI Plugin CSS 5.0.6
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://creativecommons.org/licenses/MIT/
 */

.fileupload-buttonbar .ui-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: solid transparent;
  border-width: 0 0 100px 200px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transform: translate(250px, -50px) scale(1);
  -moz-transform: translate(-300px, 0) scale(4);
  direction: ltr;
  cursor: pointer;
}

.fileinput-button {
  overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
  padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
  padding: 2px 0;
}

.fileupload-buttonbar {
  padding: 5px 0;
}

.fileupload-buttonbar .ui-button {
  vertical-align: middle;
}

.fileupload-content {
  padding: 0.4em 0;
  border-top-width: 0;
  margin-bottom: 5px;
}

.fileupload-content .ui-progressbar {
  height: 20px;
}

.fileupload-content .ui-progressbar-value {
  background: url("/application/stage/img/pbar-ani.gif");
}

.fileupload-content .fileupload-progressbar {
  margin: 10px 0;
}

.files {
  margin: 10px 0;
  border-collapse: collapse;
  width: 100%;
}

.files td {
  padding: 5px;
  border-spacing: 5px;
}

.files img {
  border: none;
}

.ui-state-disabled .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}

.ui-state-disabled input {
  cursor: default;
}

.files .start {
	display:none;
}


/* Various widths for different forms */

.drop_edit_form .fileupload-content, 
.drop_edit_form .fileupload-content .fileupload-progressbar,
.drop_edit_form .fileupload-buttonbar,
.drop_edit_form .fileupload-content .ui-progressbar
{
  width:165px;
}

#add_drop .fileupload-content, 
#add_drop .fileupload-content .fileupload-progressbar,
#add_drop .fileupload-buttonbar,
#add_drop .fileupload-content .ui-progressbar
{
  width:255px;
}

/* Styling overide for upload plugin */

#add_drop .fileupload-buttonbar {
	border: none !important;
	background:none !important;
}

.fileupload-buttonbar,
.fileupload-content
{
	border: none !important;
	background:none !important;
}

/*************************************************
* Admin
*************************************************/

div#stats_content {
    clear: both;
    padding: 0 40px;
    position: relative;
    z-index: 2;
}


#admin_active {
	float:left;
	width:275px;
	padding: 20px 30px 20px 20px;
}

#admin_inactive {
	float:left;
	width:275px;
	padding: 20px 30px 20px 0;
}

#admin_staging {
	float:left;
	width:275px;
	padding: 20px 20px 20px 0;
}

#admin_users {
	float:left;
	width:275px;
	padding: 20px 30px 20px 20px;
}

#chart_nav {
	float:left;
	width:200px;
	margin-top: 20px;
}

#chart_content {
	float:left;
	width:800px;
	margin: 40px 0 0 30px;
}

#admin_inactive h3, #admin_active h3, #admin_staging h3, #admin_users h3{
	font-size:20px;
	margin-bottom:5px;
}

#admin_nav{
	background:url("/application/stage/img/admin_nav_bg.png") #484848;
	height:29px;
	font-size:10px;
	text-transform:uppercase;
	padding-left: 125px;
}

#admin_nav li{
	float: left;
	margin-left:5px;
}

#admin_nav a{
	color:#eee;
	display:block;
	line-height:30px;
	padding: 0 15px 0 30px;
	text-shadow:0 1px 0 #333333;
}

#admin_nav a:hover {
	color:#fff;
	text-decoration:none;
	background:url("/application/stage/img/admin_nav_hover.png");
}

#admin_nav li#add_new_drop_cont {
	background:url("/application/stage/img/icons/add.png") 8px center no-repeat;
}

#admin_nav li#settings_cont {
	background:url("/application/stage/img/icons/lock_edit.png") 8px center no-repeat;
}

#admin_nav li#user_cont {
	background:url("/application/stage/img/icons/group.png") 8px center no-repeat;
}

#admin_nav li#stats_cont {
	background:url("/application/stage/img/icons/chart_bar.png") 8px center no-repeat;
}

#admin_nav li#logout_cont {
	background:url("/application/stage/img/icons/shield_delete.png") 8px center no-repeat;
}

#header_stats {
	float:right;
	margin: -45px 50px 0 0;
}

#header_stats p {
	color: #eee;
	margin-bottom:2px;
}

.user_list li{
	cursor: default;
}

#pl_changer{
	clear:both;
	width: 250px;
	margin:0 auto;
	display:block;
}

#chart_nav ul {
	font-size:14px;
	border:1px solid #777;
	padding:5px;
	-moz-border-radius: 5px;
	background:#fff;
}

#chart_nav ul li {
	font-size:14px;
	border-bottom:1px solid #777;
}

#chart_nav ul li a {
	display:block;
	padding: 5px 8px;
}

#chart_nav h3 {
	font-size:18px;
	margin: 10px 0 5px 10px;
}

#chart_container{
	border:1px solid #777;
	padding:10px;
	-moz-border-radius: 5px;
	background:#fff;
}

#chart_container h3{
	font-size:18px;
	text-align:center;
	margin-bottom:5px;
}

#chart_pagination{
	margin: -20px 40px 0 40px;
	font-size:14px;
}

#chart_prev{
	display:block;
	float:left;
}

#chart_next{
	display:block;
	float:right;
}

#add_user{
	margin-bottom:20px;
}

/*remove all .drop_list references*/

.info_panel {
	margin: 0;
}

.info_panel .yellow{
	background: #FFDD00;
}

#drop_tabs {
	margin: 40px 15px 0 15px;
}

.drop_manager li {
	float: left;
	width: 180px;
	margin: 10px;
	border: 1px solid #aaa;
	padding: 12px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}

.drop_manager li.drop_yellow {
	border: 1px solid #FFDD00 !important;
}

.drop_manager li.drop_red {
	border: 1px solid #CD0A0A !important;
}

.drop_manager li.drop_zone {
	background:#FEFD97;
	border: 1px solid #CFCE72;
}

.drop_manager li.drop_wrapper .drag_handle {
	width: 14px;
	height: 14px;
	bottom: 3px;
	right: 3px;
	background:url("/application/stage/img/smoothness/ui-icons_888888_256x240.png") -80px -224px no-repeat;
	position:absolute;
}

.kill_sort .drag_handle {
 	display:none !important;
}

.option_menu{
    margin-top: -29px;
	position:absolute;
	padding:0 20px 0 5px;
	cursor:pointer;
	color: #777;
	display:none;
}

.option_menu a{
   color:#999;
}

.option_menu a:hover{
	color:#000;
	text-decoration:none;
}

a.delete_button {
	color:#C36F6F;
}

a.delete_button:hover {
	color:#8f2121;
}

.drop_manager li .artist{
	font-size:13px;
	font-weight:bold;
	margin-left: 3px;
}

.drop_manager li .song{
	font-size:12px;
	margin-left: 11px;
}

.edit_info {
	display:none;
}

.drop_edit_form{
	margin: 5px 0 0 3px;
}

.drop_manager input {
	border: 1px solid #aaa;	
	font-size: 12px; 
	padding: 3px;
	margin-bottom:9px;
	vertical-align:sub;
}

.drop_manager label {
	display:block;
	font-size: 12px;
	margin-bottom:3px;
	font-weight:bold;
}

.mp3_name {
	overflow:hidden;
	margin-bottom:9px;
	font-size:9px;
}

.button_holder{
	margin-top:10px;
}

.change_photo{
	display:none;
	text-align:right;
	margin-top: -23px;
}

.kill_sort .move{
	cursor:default !important;
}

#edit_image {
	margin: 20px 0 20px 30px;
}

#edit_image h2{
	margin: 0 0 10px 0;
	font-size:24px;
}

#edit_image_content{
	margin: 0 0 10px 15px;
	width: 800px;
}

#edit_image_content .image_status{
	margin: 0 0 10px 0;
	padding: 6px;
}

#edit_image_content p{
	margin: 0 0 8px 0;
}

#edit_image_content .image_status ul li{
	margin: 0 0 0 10px;
	float:left;
}

#edit_image_content .image_status .edit_image_cancel{
	margin: 0 0 0 10px;
	clear:both;
	display:block;
}

#edit_image_content .crop_exact{
	width: 800px;
}

#edit_image_content h3{
	font-weight:bold;
	font-size: 14px;
	margin: 0 0 5px -10px;
}

#edit_image_content #do_crop_it, #edit_image_content #do_default_it, #edit_image_content #do_upload_it{
	margin: 0 0 10px 30px;
}

#edit_image_content img.default_image{
	border:5px solid #ffffff;
	margin: 5px 10px 5px 0;
	cursor:pointer;
}

.ui-state-good {
	background: #E8F5DA;
	border: 1px solid #7BBD35;
}

#new_tab {
	padding-left: 15px;
	margin-left: 30px;
	background-image:url("/application/stage/img/icons/add.png");
	background-position: 8px center;
	background-repeat:no-repeat;
}

#add_drop{
	width: 300px;
	float:left;
}

#new_image_wrapper{
	width: 500px;
	float: left;
	margin-left:20px;
}

li.playlist .ez-checkbox {
	margin: 3px 0;
}

#new_image_wrapper label {
	color: #5C524D;
	display:block;
	font-size: 12px;
	margin: 0 0 1px 3px;
	font-weight:bold;
}

.new_image_status{
	padding: 6px;
	margin: 0 0 10px 0;
}

.new_image_status ul li{
	margin: 0 0 0 10px;
	float:left;
}

img.add_default_image{
	border:5px solid #ffffff;
	cursor:pointer;
}

#new_image_wrapper #do_default_it {
	margin: 0 0 20px 0;
}

img.active{
	border:5px solid #ffff99 !important;
}

#new_image_wrapper .upload_container{
	margin-top: 5px;
}

#add_holder{
	position:relative;
}

#add_holder #do_upload_it{
	position:absolute;
	z-index:1000;
	background:#fff;
}

#add_holder #do_default_it{
	position:absolute;
	z-index:2000;
	background:#fff;
}

#new_image{
	margin-top: 100px;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.happyworm.com/jquery/jplayer
 *
 * Skin Name: Blue Monday
 *
 * Copyright (c) 2010 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Silvia Benvenuti
 * Skin Version: 2.0
 * Date: 29th April 2010
 */

div.jp-single-player,
div.jp-playlist-player {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em; /* No parent CSS that can effect the size in these demos */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-interface {
	position: relative;
	width:355px;
	height:50px;
	background:url("/application/stage/img/player_bg.png") no-repeat;
}

div.jp-wide {
	width:440px !important;
	background:url("/application/stage/img/player_bg_wide.png") no-repeat !important;
}

div.jp-single-player div.jp-interface {
	border-bottom:none;
}

#jquery_jplayer{
	width:0;
	height:0;
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	position: absolute;
}
div.jp-interface ul.jp-controls a {
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}

a#prev_button {
	left:5px;
	top:10px;
	width:24px;
	height:30px;
	background: url("/application/stage/img/jplayer.png") -10px -139px no-repeat;
}
a#prev_button:hover {
	background: url("/application/stage/img/jplayer.png") -51px -139px no-repeat;
}

a#next_button {
	left:59px;
	top:8px;
	width:24px;
	height:30px;
	background: url("/application/stage/img/jplayer.png") -10px -70px no-repeat;
}
a#next_button:hover {
	background: url("/application/stage/img/jplayer.png") -51px -70px no-repeat;
}

a.jp-play,
a.jp-pause {
	top:5px;
	width:30px;
	height:40px;
}
div.jp-single-player a.jp-play,
div.jp-single-player a.jp-pause {
	left:29px;
}

a.jp-play {
	background: url("/application/stage/img/jplayer.png") -4px 0 no-repeat;
}
a.jp-play:hover {
	background: url("/application/stage/img/jplayer.png") -45px 0 no-repeat;
}

a.jp-pause {
	background: url("/application/stage/img/jplayer.png") -4px -42px no-repeat;
}
a.jp-pause:hover {
	background: url("/application/stage/img/jplayer.png") -45px -42px no-repeat;
}

a.jp-stop {
	top:11px;
	background: url("/application/stage/img/jplayer.png") 0 -83px no-repeat;
	width:28px;
	height:28px;
}
div.jp-single-player a.jp-stop {
	left:90px;
}
a.jp-stop:hover {
	background: url("/application/stage/img/jplayer.png") -29px -83px no-repeat;
}

div.jp-progress {
	position: absolute;
	overflow:hidden;
	top:17px;
	background-color: #ddd;
	width:122px;
	height:15px;
}
div.jp-single-player div.jp-progress {
	left:90px;
}

div.jp-load-bar {
	background: url("/application/stage/img/jplayer.png") 0 -202px repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("/application/stage/img/jplayer.png") 0 -218px repeat-x ;
	width:0px;
	height:15px;
}

div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	top:23px;
	background: url("/application/stage/img/jplayer.png") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-single-player div.jp-volume-bar {
	left:252px;
}

div.jp-volume-bar-value {
	background: url("/application/stage/img/jplayer.png") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
a.jp-mute,
a.jp-unmute {
	width:20px;
	height:15px;
	top:17px;
	left:230px;
}

a.jp-mute {
	background: url("/application/stage/img/jplayer.png") 0 -186px no-repeat;
}
a.jp-mute:hover {
	background: url("/application/stage/img/jplayer.png") -20px -170px no-repeat;
}
a.jp-unmute {
	background: url("/application/stage/img/jplayer.png") 0 -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("/application/stage/img/jplayer.png") -20px -186px no-repeat;
}

#play_shuffle{
	top:0;
	position:absolute;
	left:310px;
}

#play_shuffle_content{
	top:1px;
	position:absolute;
	left:342px;
	font-size:9px;
	line-height:12px;
}

#play_shuffle_content strong{
	line-height:17px;
}

.shuffle, .play_all{
	display:none;
	color: #444;
}

a#jp-play_all {
	background: url("/application/stage/img/jplayer.png") -15px -120px no-repeat;
	width:15px;
	height:15px;
	top:26px;
	left:0px;
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a#jp-play_all:hover, a.jp-play_all_active {
	background: url("/application/stage/img/jplayer.png") 0 -120px no-repeat !important;	
}

a#jp-shuffle {
	background: url("/application/stage/img/jplayer.png") -15px -100px no-repeat;
	width:15px;
	height:11px;
	top:9px;
	left:0;
	display: block;
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a#jp-shuffle:hover, a.jp-shuffle_active {
	background: url("/application/stage/img/jplayer.png") 0 -100px no-repeat !important;
}

div.jp-play-time,
div.jp-total-time {
	position: absolute;
	top:34px;
	width:122px;
	font-size:8px;
	font-style:oblique;
}
div.jp-total-time {
	text-align: right;
}
div.jp-single-player div.jp-play-time,
div.jp-single-player div.jp-total-time {
	left:90px;
}

div.jp-playlist {
	width:418px;
	display:none;
}
div.jp-playlist ul{
	list-style-type:none;
	margin:0;
	padding:0 20px;
	background-color:#ccc;
	width:348px;
	font-size:.72em;
}
div.jp-single-player div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-playlist-player div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
	padding:5px 0 5px 20px;
	border-bottom:none;
}
div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-playlist-player div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-playlist-player div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
	color:#0d88c1;
}

/*************************************************
* Drop Main Content
*************************************************/
/*
#like_button {
	top: 20px;
	background: url("/application/stage/img/button_like.png") center 5px no-repeat #fff;
}

.liked {
	background: url("/application/stage/img/button_like_red.png") center 5px no-repeat #fff !important;
}


#share_button {
	top: 70px;
	background: url("/application/stage/img/button_share.png") center 5px no-repeat #fff;
}
*/
#web_button {
	/*top: 120px;*/
	top: 20px;
	background: url("/application/stage/img/button_website.png") center 5px no-repeat #fff;
}

#buy_button {
	/*top: 170px;*/
	top: 70px;
	background: url("/application/stage/img/button_buy.png") center 5px no-repeat #fff;
}

a.action_button{
	position: absolute;
	width: 55px;
	height: 18px;
	text-align:center;
	padding: 24px 0 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	font-weight:bold;
	right: 20px;
	color: #000;
}

a.action_button:hover {
	text-decoration:none;
	background-color: #FF5C5C !important;
}

#artist_data {
    bottom: 40px;
    color: #F2F2F2;
    left: 405px;
    padding: 5px 12px;
    position: absolute;
    width: 400px;
    z-index: 290;
}

#artist_data h3 {
    font-size: 22px;
}

#playlists{
    color: #F2F2F2;
    font-size: 14px;
    left: 137px;
    bottom: 4px;
    position: absolute;
    z-index: 290;
	width: 550px;	
}

#playlists .active_pl{
	background: #7A2828 !important;
}

#account {
    bottom: 2px;
    color: #F2F2F2;
    font-size: 16px;
    padding: 5px 12px;
    position: absolute;
    right: 13px;
    text-align: right;
    width: 250px;
    z-index: 290;
}

#account a {
	color: #508BB3;
	font-family: 'Lucida Grande',Helvetica,Arial,sans-serif;
}

#logged_in_account{
	display:none;
}

/*************************************************
* Background image
*************************************************/
.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
	top: 96px !important;
}

.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*************************************************
* Login Form
*************************************************/
#overlay {
     display:none;
     position: absolute;
	 background:#000;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 299;
}

#account_wrapper {
	top: 50px;
	left: 400px;
	width: 430px;
	background: #f0f0f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E5E5E5');
	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E5E5E5));
	background: -moz-linear-gradient(top,  #F8F8F8,  #E5E5E5);
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius: 10px;
	z-index:300;
	position:absolute;
	display:none;
}

#account_wrapper h3 {
    height: 70px;
    padding-left: 15px;
    font-size: 24px;
    line-height: 68px;
    color: #453D37;
    font-weight: bold;
}

#account_form #remember {
	margin: 13px 0 0 145px;
	float:left;
}

#remember_label {
	display:inline !important;
}

#forgot_password{
	display: block;
	margin: 3px 0 -10px 10px;
	font-size:10px;
}

.account_instead {
	display: block;
	margin: 5px 5px -10px 0;
	font-size:10px;
	text-align:right;
}

#account_form li input.email {
	width: 370px;
	background: url("/application/stage/img/form_email_bg.png") no-repeat 10px center #fff;
	padding: 0 0 3px 40px;
}

#account_form li.error input.email {
	background: url("/application/stage/img/form_email_bg_error.png") no-repeat 10px center #FFE5E5;
}

#account_form li input.pw {
	width: 370px;
	background: url("/application/stage/img/form_pw_bg.png") no-repeat 13px center #fff;
	padding: 0 0 3px 40px;
}

/*
#account_wrapper h3 {
    height: 70px;
    padding-left: 15px;
    font-size: 24px;
    line-height: 68px;
    color: #453D37;
    font-weight: bold;
}

#account_form li {
	padding: 15px 0 25px 15px;
	background: url("/application/stage/img/account_form_sep.png") 0 top repeat-x;
}

#account_form input.pretty {
	width: 357px;
	height: 33px;
	border:none;
	margin: 0;
	padding: 0 0 5px 40px;
	color: #453D37;
	font-size: 18px;
}

#account_form #email {
	background: url("/application/stage/img/account_email_bg.png") no-repeat #fff;
}

#account_form #password, #account_form #password2 {
	background: url("/application/stage/img/account_pw_bg.png") no-repeat #fff;
}

#account_form label {
	margin-right: 2px;
	color: #5C524D;
}

#account_form li.error #email {
	background: url("/application/stage/img/account_email_bg_error.png") no-repeat #fff;
}

#account_form li.error label {
	color: #AB6D6D;
}

#account_form #remember {
	margin: 11px 0 0 45px;
	float:left;
	display:none;
}

#account_form #action {
	margin: 5px 15px 0 0;
	float:right;
}

#remember_label {
	display:inline !important;
}

#forgot_password{
	display: block;
	margin: 3px 0 -10px 10px;
	font-size:10px;
}

.account_instead {
	display: block;
	margin: 5px 5px -10px 0;
	font-size:10px;
	text-align:right;
}

#account_form li.thank_you {
	padding: 15px 20px 15px 20px !important;
	font-size: 14px;
	color: #453D37;
}

#account_form li.warning {
	padding: 8px 15px 8px 67px !important;
	background: url("/application/stage/img/attention_icon.png") 18px center no-repeat #EDE7A6 !important;
	color:#38380E;
	border-top:1px solid #C2B636;
	border-bottom:1px solid #C2B636;
	font-size:13px;
}

#account_form li.warning a {
	text-decoration:underline;
	color:#38380E;
}

/*************************************************
* Frontend Buttons
*************************************************/
.ui_button {
    cursor: pointer;
    display: inline-block;
    margin-right: 0.1em;
    overflow: visible;
    padding: 5px 13px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    font-weight: normal;
}

.ui_button_gray {
    background: url("/application/stage/img/ui_button_bg_gray.png") repeat-x scroll 50% 50% #e6e6e6;
    border: 1px solid #BBBBBB;
    color: #555555;
}

.ui_button_gray_hover {
    background: url("/application/stage/img/ui_button_bg_gray_hover.png") repeat-x scroll 50% 50% #dadada;
    border: 1px solid #999999;
    color: #555555;
}

.ui_button_blue {
    background: url("/application/stage/img/ui_button_bg_blue.png") repeat-x scroll 50% 50% #c0d1f2;
    border: 1px solid #9bb5d9;
    color: #3260A1;
}

.ui_button_blue_hover {
    background: url("/application/stage/img/ui_button_bg_blue_hover.png") repeat-x scroll 50% 50% #84a5e6;
    border: 1px solid #4777ba;
    color: #3260A1;
}

/*************************************************
* Login
*************************************************/

#login_form {
	width: 430px;
	margin: 30px auto;
}

#login_form #remember {
	margin: 13px 0 0 145px;
	float:left;
	display:none !important;
}

#remember_label {
	display:inline !important;
}

#forgot_password{
	display: block;
	margin: 3px 0 -10px 10px;
	font-size:10px;
}

.account_instead {
	display: block;
	margin: 5px 5px -10px 0;
	font-size:10px;
	text-align:right;
}

#login_form li input.email {
	width: 370px;
	background: url("/application/stage/img/form_email_bg.png") no-repeat 10px center #fff;
	padding: 0 0 3px 40px;
}

#login_form li.error input.email {
	background: url("/application/stage/img/form_email_bg_error.png") no-repeat 10px center #FFE5E5;
}

#login_form li input.pw {
	width: 370px;
	background: url("/application/stage/img/form_pw_bg.png") no-repeat 13px center #fff;
	padding: 0 0 3px 40px;
}