#container{
width: 920px;
margin-left: auto;
margin-right: auto;
}

html{
background-image:url(images/playdio_bg_full.png);
background-repeat:repeat-x;
font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
color:#FFFFFF;
}


a:link {
	color:#FFFFFF;
}
a:visited {
	color:#FFFFFF;
}
a:hover {
	color:#FFFFFF;
}
a:active {
	color:#FFFFFF;
}

/* @end */

/* @group Header */
#header {
 height: 140px;
}
h1 {
 width: 383px;
 height: 138px;
 position: relative;
 margin-bottom: 16px;
 float: left;
 color: #ceebf5;
}
h1 span {
 width: 100%;
 height: 100%;
 position: absolute;
 background-image:url(images/playdio_logo.png);
 background-repeat:no-repeat;
}
h2{
font-size:16px;
color:#FFFFFF;
margin:5px 0px 5px 0px;
}

#navigation {
 margin-top: 86px;
 margin-left: 16px;
 float: left;
 width: 518px;
 list-style: none;
}

#navigation li {
 float: left;
}
#navigation li#current {
  margin: 0 3px;
  background: #0066FF url(images/tab_current_left.gif) no-repeat top left;
  color: #e4e4e4;
}
#navigation li#current span {
 background: url(images/tab_current_right.gif) no-repeat top right;
}
#navigation a {
 margin: 0 3px;
 display: block;
 text-decoration: none;
 background: #fff url(images/tab_right.gif) no-repeat top right;
 color: #7bb2d4;
}
#navigation a:hover {
	color:#111;
}
#navigation a span {
 background: url(images/tab_left.gif) no-repeat top left;
}
#navigation li#current span,
#navigation a span {
 display: block;
 padding: 12px 14px 6px;
}
#navigation span a {
  padding: 1px;
  background: none;
  margin: 0;
  text-decoration: underline;
}
#navigation span a:hover {
  color: #fff;
}
.navigation li#social {
position:relative;
}

/* @end */

#clear {
 clear: left;
 border: 0;
}

/* @group footer */

#footer {
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 color: #0099FF;
 clear: left;
 height: 57px;
 padding: 12px 36px 0;
 font-size:11px;
}

#footer ul li {
 float: left;
 display: inline;
 width: 268px;
 margin-right: 30px;
}

.filter_title{
font-size:10px;
color:#93D0D7;
padding:5px;
}
.filter_title_title{
font-size:16px;
font-weight:bold;
color:#93D0D7;
}

.poptag{
color:#003366;
font-weight:bold;
font-size:14px;
margin:0px -1px 1px 0px;
line-height:35px;
white-space:nowrap;
}
.poptag a{
padding:8px;
background-color:#FBFB00;
text-decoration:none;
}
.poptag a:hover{
text-decoration:none;
background-color:#0066FF;
}
.poptag_remove{
color:#003366;
font-weight:bold;
font-size:14px;
margin:0px -1px 1px 0px;
line-height:35px;
white-space:nowrap;
}
.poptag_remove a{
padding:8px;
background-color:#FB3200;
text-decoration:none;
}
.poptag_remove a:hover{
text-decoration:none;
background-color:#0066FF;
}

#poptagdiv{
margin-top:5px;
}

/************************************************
 Round Corners Button Rollover Example 2
************************************************/

.example2 li {
    display:inline;
    list-style:none;
}

.example2 li a {
    background:transparent url(images/buttnbg.png) no-repeat top left;
    display:block;
    float:left;
    height:29px;
    margin-right:15px;
	color:#003366;
}

.example2 li a span {
    background:transparent url(images/buttnbg.png) no-repeat right top;
    display:inline;
    float:left;
    height:18px;
    padding:4px 10px 0 0;
    margin-left:10px;
    cursor:pointer;
}

.example2 li a:hover {
    background-position:0px bottom;
		color:#003366;
}

.example2 li a:hover span {
    background-position:right bottom;
}
.clearboth{
clear:both;
height:20px;
}


.resultdiv{
background-image:url(images/1resultback.png);
background-repeat:no-repeat;
height:80px;
margin-bottom:10px;
}
.resultinner{
padding:10px;
}

.resultinner a{
color:#003366;
}

.resultdiv_title{
font-size:20px;
color:#003333;
}

.resultsdiv_broadcaster{
font-size:14px;
color:#FFFF33;
}

.searchoption{
font-size:12px;
}

.contact_info{
font-size:12px;
}

.login_field{
width:200px;
height:25px;
padding:4px;
font-size:14px;
color:#666666;
}
.login_button{
width:100px;
height:78px;
font-size:14px;
color:#FFFFFF;
background-color:#00CC33;
border:0;
font-weight:bold;
}

.txtfld{
height:20px;
width:350px;
padding:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}
.txtarea{
height:80px;
width:350px;
padding:3px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}
.sbmt_showrequest{
width:100px;
height:32px;
font-size:14px;
color:#FFFFFF;
background-color:#00CC33;
border:0;
font-weight:bold;
margin-bottom:2px;
}

.listennow_spotify{
height:80px;
width:484px;
background-image:url(images/listennow_spotify.png);
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
}
.listennow_inner{
padding:20px;
color:#00CC33;
font-size:38px;
}

.listennow_inner a:link {
	color:#00CC33;
}
.listennow_inner a:visited {
	color:#00CC33;
}
.listennow_inner a:hover {
	color:#00CC33;
}
.listennow_inner a:active {
	color:#00CC33;
}

.showdetails_showpic{
border:1px solid #FFFFFF;
width:170px;
height:170px;
}
.showdetails_title{
font-size:18px;
margin-bottom:10px;
}

.home_blog_entry{
height:60px;
overflow:hidden;
margin-bottom:5px;
}

.showback{
background-image:url(images/detailback.png);
background-repeat:no-repeat;
}

.result_date{
font-size:10px;
font-weight:bold;
color:#333333;
}



.mgm_form_div{
font-size:11px;
}

.mgm_account_txtbox_reg{
height:20px;
width:250px;
padding:3px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}
.mgm_account_txtbox_long{
height:20px;
width:350px;
padding:3px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}
.mgm_account_txtbox_short{
height:20px;
width:100px;
padding:3px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}
.mgm_account_txtarea{
height:80px;
width:350px;
padding:3px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
border:0:
}

.tags_out{
font-size:11px;
color:#333333;
}

.home_chart_scroller{
overflow:auto;
width:330px;
height:330px;
}

/* @end */