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


span.xite_big_button {
	text-align:left;
	letter-spacing: -1px;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	/*font-family:"Times New Roman", Times, serif;*/
	display: block;
	color:#666666;
	line-height: 10px;
	height: 38px;
	width:143px;
	vertical-align: middle;
	margin: 0;
	/*padding-left: 4px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-right-style:outset;
	border-bottom-style:outset;
	border-right-width:medium;
	border-bottom-width:medium;*/
	background: url(/images/xite_button_bg.png) center no-repeat;
}

span.xite_big_button .highlight {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#E2360E;	
}

/*NOT WORKING PROPERLY IN IE
span.xite_button > a:focus > div.xite_big_button{
	border-style:inset;
}*/

span.xite_button:hover{z-index:25;}

span.xite_button {
	position:relative; /*this is the key*/
	float:left;
    text-decoration:none;
	margin-right:30px;
	margin-left:20px;
	margin-bottom:20px;
}

span.xite_button span.xite_big_button_tooltip{display: none; font-size:14px; padding: 5px 5px 5px 5px;}

span.xite_button:hover span.xite_big_button_tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	z-index:25;
    top:60px; left:5px; width:140px;
    border:1px solid #666;
    background-color:#FFFFDD;  color:#666;
}

/* Place a br with this class bellow the xite button, to cancel float:left*/
.bellow_xite_buttons{

    clear:both;

}

span.xite_button2:hover{z-index:25;}

span.xite_button2 {
	position:relative; /*this is the key*/
	float:left;
    text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	margin-bottom:20px;
}

span.xite_button2 span.xite_big_button_tooltip{display: none; font-size:14px; padding: 5px 5px 5px 5px;}

span.xite_button2:hover span.xite_big_button_tooltip{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	z-index:25;
    top:60px; left:5px; width:140px;
    border:1px solid #666;
    background-color:#FFFFDD;  color:#666;
}

.xite_button_cont{ /*3 buttons per line*/
	position:relative;
	margin:auto;
	width:600px;
}

/* tim's button magic */

div.xite_button_cont div
{
 width:143px;
 height:38px;
 float:left;
 margin:0 30px 20px 20px;
}

a.button_link
{
 display:block;
 width:143px;
 height:38px;
 background:transparent;
}

div.xite_button_cont div span.button_tooltip
{
 display:none;
 width:143px;
 font-size:14px;
 padding:5px;
 border:1px solid #666;
 background-color:#FFFFDD;  
 color:#666;
}

div.xite_button_cont div:hover span.button_tooltip
{
 /*the span will display just on :hover state*/
 display:block;
 position:relative;
 z-index:25;
 top:10px;
 left:5px;
}
div.preLoad
{
	height: 0;
	overflow: hidden;	
}
div.button_uploadyourmusic
{
 background:url(images/buttons/button_uploadyourmusic_off.png) top left no-repeat;
}
div.button_uploadyourmusic:hover
{
 background:url(images/buttons/button_uploadyourmusic_on.png) top left no-repeat;
}

div.button_editxiteplayeroptions
{
 background:url(images/buttons/button_editxiteplayeroptions_off.png) top left no-repeat;
}
div.button_editxiteplayeroptions:hover
{
 background:url(images/buttons/button_editxiteplayeroptions_on.png) top left no-repeat;
}

div.button_viewmediasection
{
 background:url(images/buttons/button_viewmediasection_off.png) top left no-repeat;
}
div.button_viewmediasection:hover
{
 background:url(images/buttons/button_viewmediasection_on.png) top left no-repeat;
}

div.button_viewstatistics
{
 background:url(images/buttons/button_viewstatistics_off.png) top left no-repeat;
}
div.button_viewstatistics:hover
{
 background:url(images/buttons/button_viewstatistics_on.png) top left no-repeat;
}

div.button_viewincomestatements
{
 background:url(images/buttons/button_viewincomestatements_off.png) top left no-repeat;
}
div.button_viewincomestatements:hover
{
 background:url(images/buttons/button_viewincomestatements_on.png) top left no-repeat;
}

div.button_editmyprofile
{
 background:url(images/buttons/button_editmyprofile_off.png) top left no-repeat;
}
div.button_editmyprofile:hover
{
 background:url(images/buttons/button_editmyprofile_on.png) top left no-repeat;
}


input#button_login
{
 width:76px;
 height:18px;
 background:url(images/buttons/button_login_off.png) top left no-repeat;
}
input#button_login
{
 background:url(images/buttons/button_login_on.png) top left no-repeat;
}

div.button_logout
{
 width:76px;
 height:18px;
 background:url(images/buttons/button_logout_off.png) top left no-repeat;
}
div.button_logout:hover
{
 background:url(images/buttons/button_logout_on.png) top left no-repeat;
}

div.button_logout a
{
 display:block;
 width:76px;
 height:18px;
 background:transparent;
}