/*original tutorial http://www.cssplay.co.uk/boxes/snazzy2.html */

/*rounded content box*/
#xsnazzy {background: transparent; margin:10px 0px 10px 10px;}

#forward-back
{
	float:right;
	width:20em;
	padding-top:0.5em;
	padding-right:0.8em;
}

/* hack for ie-windows */
* html #forward-back{
	padding-top:0.6em;
}

#forward-back-guidelines
{
	float:right;
	width:20em;
	padding-right:0.8em;
}

#forward-back-guidelines2
{
	float:right;
	width:20em;
	padding-right:0.8em;
}


#xsnazzy h2 
{
	text-indent:10px;
	letter-spacing:1px;
	font-size:2em;color:#7171cf; border:0;
	padding-bottom:0.5em;
    font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
    font-size:18px;
    font-weight:bold;
    padding-top:0.5em;
}
 
 #xsnazzy h3.no-indent 
{
	 text-indent:0em;
}

#xsnazzy h5.no-indent 
{
	 text-indent:0em;
}
 
#xsnazzy p.first-paragraph
{
	text-align:left;
	padding-left:10px;
	padding-bottom:0.5em;
	color:#595988;
	font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	font-size:1.4em;
}

#xsnazzy p 
{
	text-align:left;
	padding-bottom:0.5em;
	padding-top:0.5em;
	padding-left:0.8em;
	color:#595988;
	font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	font-size:1.1em;
}

#xsnazzy p.references 
{
	/*margin:0 0 0 0;*/
	/*font-style:italic;*/
	/*padding-left:1.2em;*/
	color: #595988;
	font-size:.94em;
	letter-spacing:.1em;
	width:696px;
}

#xsnazzy p.bullet-header 
{
	text-align:left;
	padding:0;
	margin:0;
	padding-top:0.5em;
	padding-left:0.8em;
	color:#595988;
	font-family:Verdana, Arial,Helvetica,Tahoma,  sans-serif;
	font-size:1.1em;
}

#xsnazzy .text-table
{
	background:#ececf4;
	padding-bottom:10px;
	border:solid 1px #afafcf;
}

#xsnazzy ul 
{
	/*padding-top:1.2em;*/
	margin-left:50px;
}

#xsnazzy ul.above-bullets 
{
	padding:0;
}


#xsnazzy ul li
{
	list-style:disc;
	line-height:1.5em;
	color:#595988;
}

#xsnazzy ul li.less-indent
{
	list-style:disc;
	line-height:1.5em;
	color:#595988;
	margin-left:-30px;
	font-size:0.9em;
}

#xsnazzy ul li.decimal
{
	list-style:decimal;
	line-height:1.5em;
	color:#595988;
}

#xsnazzy ul li.upperalpha
{
	list-style:upper-alpha;
	line-height:1.5em;
	color:#595988;
}

#xsnazzy ul li.circle
{
	list-style:circle;
	line-height:1.5em;
	color:#595988;
	margin-left:-50px;
}

#xsnazzy ul li.none
{
	list-style:none;
	line-height:1.5em;
	color:#595988;
	margin-left:-50px;
}

#xsnazzy ul li.indent
{
	padding-left:3em;
}

#xsnazzy ul li.spacer
{
	 list-style:none;
	 padding-top:0.5px;
}

#xsnazzy .title
{
	font-weight:bold;
	line-height:1.5em;
	color:#595988;
	margin-left:2em;
}

#xsnazzy .indented
{
	margin-left:3.4em;
	line-height:1.5em;
}

#xsnazzy ul.indentedUL
{
	margin:0;
	padding:0;
	margin-left:8em;
}

#xsnazzy ul.indentedUL2
{
	margin:0;
	padding:0;
	margin-left:4em;
}

#xsnazzy ul.indentedUL2 li
{
	list-style:circle;
}


#xsnazzy a
{
	color:#595988;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #cccccc; border-right:1px solid #cccccc;}
.xb1 {margin:0 5px; background:#cccccc;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent 
{
	margin:0;
	padding:0;
	display:block; 
	background:#fff; 
	border:0 solid #cccccc; 
	border-width:0 1px;
	text-align:left;
	width: 738px;
	padding-left:20px;
	padding-right:30px;
	min-height:400px;
	
	/*margin-left: 20px;
	margin-right: 20px;
	/*padding:10px 10px 10px 10px*/
}

/* hack for ie-windows */
	* html .xboxcontent{
		height:400px;
	}

#xsnazzy .indent-paragraph
{
	padding-left:35px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/

#SecondaryNav {
    font-family: Arial, Helvetica, Verdana, sans-serif; 
    padding-left: 0px;
    height: 30px;
    color: #383D42;
    /*position: relative;*/
    /*z-index: 102;*/
   /*overflow: hidden;*/
    /*background: url('http://cdn.last.fm/depth/nav2/gradient.gif') top left repeat-x;*/
    /*background: url('../../ui/media/images/SecondaryNavTabs/gradient.gif') top left repeat-x;*/
     width:400px;
     float:left;
}

#SecondaryNav ul {
    padding: 0 10px 0 0; 
    margin: 0 0 0 -8px;
}

#SecondaryNav li {
    margin: 0;
    padding-left: 11px;
    line-height: 31px;
    display: block;
    float:left;
    height: 31px;
    background: url('http://cdn.last.fm/depth/nav2/left_off.gif') top left repeat-x;
}

#SecondaryNav li.first { background-image: url('http://cdn.last.fm/depth/nav2/left_first_off.gif'); }
#SecondaryNav li.firstcurrent { background-image: url('http://cdn.last.fm/depth/nav2/left_first_on.gif'); }
#SecondaryNav li a {
    color: #808080;
    padding-right: 11px;
    line-height: 31px;
    text-decoration: none;
    display: block;
    float: left;
    background: url('http://cdn.last.fm/depth/nav2/right_off.gif') top right no-repeat;
    border: 0;
}

#SecondaryNav li.current,
#SecondaryNav li.lastcurrent {
	background-image: url('http://cdn.last.fm/depth/nav2/left_on.gif');
	margin-left: -2px; padding-left: 11px;
}

#SecondaryNav li.current a,
#SecondaryNav li.firstcurrent a,
#SecondaryNav li.lastcurrent a {  
    background-image: url('http://cdn.last.fm/depth/nav2/right_on.gif');
}