@charset "utf-8";
/* CSS Document */

.button
{
    white-space: nowrap;
	background:url(../images/design/horizontal_btn_bg.gif) repeat-x top left;
	height:23px;
	-moz-box-shadow: 3px 3px 2px rgba(0,0,0,.5);
	-webkit-box-shadow: 3px 3px 2px rgba(0,0,0,.5);
	box-shadow: 3px 3px 2px rgba(0,0,0,.5);
	margin-right:12px;
	padding-left:3px;
	
	
	padding-bottom: 2px;
    padding-top: 3px;
	
	cursor:pointer;
}

.button:hover
{
	background:url(../images/design/horizontal_btn_bg.gif) repeat-x bottom left;	
}

.button_active
{
	background:url(../images/design/horizontal_btn_bg.gif) repeat-x bottom left;		
}

.button a 
{
    color: #1A2328;
    display: block;
    font-size: 14px;
    font-weight: bold;
	line-height:23px;
	padding-left: 35px;
    padding-right: 12px;
	
	text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.save a
{
    background-image: url(../images/design/icons/complete.png);
    background-position: 0 0;
	background-repeat: no-repeat;
}

.save a:hover
{
	background-position:0px -23px;	
}

.save_active a
{
	background-position:0px -23px;		
}

.storage a
{
    background-image: url(../images/design/icons/save.png);
    background-position: 0 0;
	background-repeat: no-repeat;
}

.storage a:hover
{
	background-position:0px -23px;	
}

.storage_active a
{
	background-position:0px -23px;		
}

.add a
{
    background-image: url(../images/design/icons/add.png);
    background-position: 0 0;
	background-repeat: no-repeat;
}

.add a:hover
{
	background-position:0px -23px;	
}

.add_active a
{
	background-position:0px -23px;		
}




.big_btn{
	display:block;
	text-align:center;
	font: bold 1.2em/2em Arial, Helvetica;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
}

.list_button_con{
	display:table;
	text-align:center;	
}

.list_button
{
	display: table-cell;
	position:relative;
	padding-right: 8px;
}

.list_button_help
{
	display:none;
	position:absolute;
	margin-top:-40px;
	z-index:100;
}

.list_button_help_top
{
	background:#e6e9ec;
	border:2px solid #7e8a91;
	border-radius:5px;
	padding:5px;
	-moz-box-shadow: 2px 3px 2px rgba(0,0,0,.4);
	-webkit-box-shadow: 2px 3px 2px rgba(0,0,0,.4);
	box-shadow: 2px 3px 2px rgba(0,0,0,.4);
}

.list_button_help_bottom
{
	background:url(../images/design/help_arrow.png) top right no-repeat;
	height:13px;
	margin-top:-2px;
	margin-right:5px;
}


.small_btn
{
	display:block;
	/*display:inline-block;*/
}

.delete
{
	background:url(../images/design/delete_sep.png) center left no-repeat;
	padding-left:13px;
	padding-right: 0;
}


.small_btn2{
	font: bold 0.9em/1.6em Arial, Helvetica;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
	padding: 0 0.5em 0 0.5em;
}

.button:active
{
        -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
        position: relative;
        top: 1px;
}

.button:focus
{
        outline: 0;
        background: #fafafa;
}    


.header_button
{
	background:#C8CCD0;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	color:#1A2328;
	font-size:13px;
	font-weight:bold;
}

.filter_btn
{
	display:block;
	background:#1A2328;
	height:22px;
	line-height:22px;
	text-align:center;
	color:#C8CCD0;	
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.75);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.75);
	box-shadow: 1px 1px 2px rgba(0,0,0,.75);
	
	padding-left:25px;
	padding-right:25px;

}

.filter_btn:hover
{
	color:#C8CCD0;
}

.email:before
{
        content: "\2709";
}

.like:before
{
        content: "\2764";
}

.next:before
{
        content: "\279C";
}

.star:before
{
        content: "\2605";
}

.spark:before
{
        content: "\2737";
}

.play:before
{
        content: "\25B6";
}


.down:before
{
        content: "\25BC";
}

.up:before
{
        content: "\25B2";
}


/* Buttons and inputs */
button.button, input.button
{
        cursor: pointer;
        overflow: visible; /* removes extra side spacing in IE */
}

/* removes extra inner spacing in Firefox */
button::-moz-focus-inner
{
  border: 0;
  padding: 0;
}

/* If line-height can't be modified, then fix Firefox spacing with padding */


/* The disabled styles */
.button[disabled], .button[disabled]:hover, .button.disabled, .button.disabled:hover
{
        background: #eee;
        color: #aaa;
        border-color: #aaa;
        cursor: default;
        text-shadow: none;
        position: static;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
}