/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pages]
Project:	Musbook.com
Version:	1.0
Created: Interberry Solutions
----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. HOMEPAGE CONTENT LAYOUT
---------------------------------------------------------------------------------*/
.headeroutter{
    width:900px;
    margin:0 auto;
}
.headertopbar{
    width:900px;
    overflow:hidden;
    padding:5px 0px;
    height:50px;
}
.headertopbar .newsfeeds{
    width:560px;
    overflow:hidden;
    float:left;
    text-align:left;
}
.headertopbar .searchsite{
    width:295px;
    overflow:hidden;
    float:right;
}
.headertopbar .searchsite form{
    height:20px;
}
.headertopbar .searchsite span{
    display:block;
    float:left;
}
.headertopbar .searchsite .text {
    margin-bottom:3px;
    padding:3px;
    border:1px solid #ccc;
    border-top:1px solid #666;
    background:#fff url(../images/input.gif) repeat-x;
    font:11px  Tahoma, Arial, Verdana !important ;
    font-weight:bold;
    color:#333333;
}
.headertopbar .searchsite a{
    color:#336699;
    text-decoration:none;
}
.headertopbar .searchsite a:hover{
    color:#336699;
    text-decoration:underline;
}
.loginsection
{
    text-align:right;
    font-weight:bold;
    padding-right:5px;
    padding-bottom:10px;
    height:20px;
}
.headernew{
    background:url(../images/header_bg.gif) no-repeat top left;
    width:900px;
    height:110px;
}
.headernew .logo{
    width:60%;
    overflow:hidden;
    float:left;
    text-align:left;
    padding:5px 0px 0px 15px;
}
.headernew .logo a img{
    border:none;
    padding:0px;
}
.headernew .headerad{
    width:35%;
    overflow:hidden;
    float:right;
    text-align:right;
    padding:25px 25px 0px 0px;
    background-color:#CCCCCC;
}
.headernav{
    width:900px;
    height:37px;
    clear:both;
    /*	padding:9px 0px 0px 15px;
    */
    padding:0px 0px 0px 1px;
    background:url(../images/bg_topnav.gif) repeat-x top left;
    margin:10px 0px 0px 0px;
    clear:both;
}

/*---- SIGNUP CSS ------*/
.signupoutter{
    width:860px;
    height:242px;
    padding:20px 25px 0px 25px;
    background-color: #e4f3ff;
    background:url(../images/bg_musbookheader.gif) repeat-x top left;
    text-align:right;
    clear:both;
    border-left: 1px solid #e6e6e8;
    border-right: 1px solid #e6e6e8;
    border-bottom: 1px solid #e6e6e8;
}
.signupoutter h1{
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:normal;
    color:#014771;
    text-decoration:none;
}
.signupoutter h1 span{
    color:#008de6;
    text-decoration:none;
}
.signupoutter h2{
    padding:17px 0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    font-weight:normal;
    color:#5b5b5b;
    text-decoration:none;
}
.signup{
    width:280px;
    overflow:hidden;
    float:right;
}
.signup a{
    color:#336699;
    text-decoration:none;
    font-size:10px;
}
.signup a:hover{
    color:#336699;
    text-decoration:underline;
}
.signup p{
    padding:2px 0px;
}
.signup label{
    font-family:Tahoma, Arial, Verdana;
    font-size:11px;
    color:#003656;
    text-decoration:none;
    text-align:right;
}
.textboxstyle{
    margin-bottom:3px;
    padding:3px;
    border:1px solid #ccc;
    border-top:1px solid #666;
    background:#fff url(../images/input.gif) repeat-x;
    font:11px  Tahoma, Arial, Verdana !important ;
    font-weight:normal;
    color:#333333;
}
.btnstyle{
    background:url(../images/btn_bg.gif) repeat-x top left;
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    color:#000000;
    padding:2px 5px;
    border:none;
    cursor:pointer;
}
/* ---SIDE NAV MENU --*/
.sidenavmenu	{
    background:#e4f3ff;
    width:100%;
    overflow:hidden;
}
.sidenavmenu ul{
    padding:0px;
    margin:0px;
}
.sidenavmenu li{
    list-style:none;
    color:#336699;
    padding:0px;
    margin:0px;
    display:inline;
}
.sidenavmenu li a{
    display:block;
    margin:0px;
    padding:7px 0px 7px 20px;
    font-family:Tahoma, Arial, Verdana;
    font-size:12px;
    color:#336699;
    text-decoration:none;
    border-bottom:1px solid #FFFFFF;
}
.sidenavmenu a:hover{
    display:block;
    color:#666666;
    background-color:#f1f0f0;
    text-decoration:none;
}
.sidenavmenu a.selected{
    display:block;
    color:#666666;
    background-color:#f1f0f0;
    text-decoration:none;
}
/* ---FOOTER SECTION --*/
.footerbg{
    background:url(../images/footer_bg.gif) repeat-x top left;
    width:900px;
    overflow:hidden;
    height:30px;
    padding:20px 10px 0px 10px;
}
.footerbg span{
    display:block;
    width:49%;
    float:left;
    font-family:Tahoma, Arial, Verdana;
    font-size:11px;
    color:#444444;
    text-decoration:none;
}
.footerbg span a{
    color:#336699;
    text-decoration:none;
}
.footerbg span a:hover{
    color:#336699;
    text-decoration:underline;
}



/*-------------NEWS LISTING CSS -----*/
/*
.newssearch_outter	{
    width:95%;
    overflow:hidden;
    margin:0 auto;
    background-color:#f2f2f2;
    border:1px solid #d0d0d0;
    margin-top:15px;
    padding:10px 5px;
}
.newssearch_outter label	{
    font-family:Tahoma, Arial, Verdana;
    font-size:11px;
    font-weight:bold;
    color:#333333;
}
.newtextbox {
    margin-bottom:3px;
    padding:3px;
    border:1px solid #ccc;
    border-top:1px solid #666;
    background:#fff url(../images/input.gif) repeat-x;
    font:11px  Tahoma, Arial, Verdana !important ;
    color:#333333;
}
.new_listing_menus{
    border-top: none;
    padding: 10px;
    font-family:Tahoma, Arial, Verdana;
    font-size:11px;
}
.new_listing_menus ul{
    padding:0px;
    margin:0px;
}
.new_listing_menus li{
    padding:2px 0px;
    margin:0px;
    list-style:none;
    color:#444444;
    text-decoration:none;
}
.new_listing_menus li a{
    color:#336699;
    text-decoration:none;
    font-weight:bold;
}
.new_listing_menus li a:hover{
    color:#444444;
    text-decoration:underline;
}
.new_listing_menus .selected{
    color:#444444;
    text-decoration:none;
    font-weight:bold;
}
.new_listing{
    width:99%;
    margin:0 auto;
    overflow:hidden;
    border-bottom:1px solid #DDDDDD;
    margin-bottom:10px;
}
.new_listing .head{
    font-size:16px;
    padding:7px 0px;
    margin:0px;
}
.new_listing .head a{
    font-family:"Trebuchet MS", Arial, Verdana;
    font-weight:bold;
    font-size:16px;
    color:#336699;
    text-decoration:none;
    padding:0px;
    margin:0px;
}
.new_listing .head a:hover{
    color:#444444;
    text-decoration:underline;
}
.new_listing p{
    font-size:11px;
    color:#444444;
    text-decoration:none;
    margin:0px;
    padding:5px 0px;
    line-height:18px;
}
.new_listing .listitems{
    font-size:10px;
    color:#000;
    text-decoration:none;
}
.new_listing .listitems a{
    font-size:10px;
    color:#666;
    text-decoration:underline;
}
.readmore{
    font-size:11px;
    font-weight:bold;
    color:#336699;
    text-decoration:underline;
    display:block;
    background:url(../images/icn_readmore.gif) no-repeat 0px 0px;
    width:83px;
}
.readmore:hover{
    color:#444444;
    text-decoration:none;
}
*/

/*---------------------------------------------------------------------------------
SEARCH GMAP NEW DESIGN
---------------------------------------------------------------------------------*/
.search_outter{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    padding-bottom:10px;
    padding-top:10px;
}
.searchtop{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.searchtop_left{
    width:49%;
    height:60px;
    overflow:hidden;
    float:left;
}
.searchtop_left h1{
    font-size:30px;
    text-decoration:none;
    color:#000000;
    margin:0px;
    padding:0px 0px;
}
.searchtop_right{
    width:49%;
    overflow:hidden;
    float:right;
    padding-bottom:10px;
}
.searchbottom{
    width:100%;
    margin:0 auto;
    overflow:hidden;
    margin-top:5px;
}

/*SEARCH RESULT*/
.searchresult_outter {
    width:100%;
    overflow:hidden;
    margin:0 auto;
    padding:0px;
    padding-top:5px;
}
.searchresultbox{
    width:97%;
    height:80px;
    border:1px solid #dddddd;
    margin-bottom:4px;
}
.searchresultbox_new{
    width:97%;
    height:80px;
    border:1px solid #603E88;
    margin-bottom:4px;
}
.bgbox
{
    background-color:#f5f5f5;
}
.bgbox1
{
    background-color:#99B3CC;
}
.bgbox1 a.showmap
{
    color:#fff;
}
.bgbox2
{
    background-color:#FFFFAC;
}
.blockinline
{
}
.blockinline img{
    float:left;
    padding:0px 5px 5px 0px;
}
.blockinline a{
    font-size:12px;
    text-decoration:none;
    color:#518ebd;
    padding:0px;
    margin:0px;
}
.blockinline a:hover{
    text-decoration:underline;
}
.blockinline span{
    font-size:12px;
    text-decoration:none;
    color:#c2c7c1;
    padding:0px;
    margin:0px;
}
.blockinline b{
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    color:#000000;
}
.blockinline ul{
    width:100px;
    padding:0px;
    margin:0px;
}
.blockinline li{
    list-style:none;
    padding:0px;
    margin:0px;
}
.blockinline li a{
    display:block;
    font-size:11px;
    border-bottom:1px solid #DDD;
    text-decoration:none;
    margin:0px;
}
.blockinline li a.last{
    border-bottom:0 solid #DDD;
}
.blockinline li a:hover{
    text-decoration:underline;}


/* Teacher Page*/
.instrument {
    font-size:11px;
    font-weight:bold;
    list-style:none;
    padding:0px;
    margin:0px;
}
.blue_subhead{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#3c718f;
    margin:0px;
    padding:10px 0px;
}
.teacher_top_search{
    height:33px;
    padding:0px;
    padding-left:10px;
    margin:0px;
    width:100%;
    background-color: #e4f3ff;
    text-align:left;
}
.teacher_top_search td{
    text-align:left;
    clear:both;
    font-weight:bold;
    vertical-align:middle;
}

.header_mainheading
{
    font-family:Tahoma,Arial, Helvetica, sans-serif;
    font-size:28px;
    color:#000000;
}
.header_subheading
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#0078a8;
    padding:0px;
    font-weight:bold;
    margin:10px 0px 0px 0px;
}
.signinhead
{
    font-size:15px;
    color:#000000;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}

.signinhead1
{
    font-size:13px;
    color:#5B5B5B;
    font-weight:bold;
    font-family:Arial, Helvetica, sans-serif;
}

.signinhead a
{
    color:#006597;
    text-decoration:none;
    font-size:15px;

}
.signinhead a:hover
{
    text-decoration:underline;
}

.todo
{
    text-align:left;
    padding:0px;
    margin:0px;
    padding-left:5px;
}
.todo li
{
    list-style:none;
    background:#fff url(../images/arrow.gif) no-repeat 0px 0px;
}
.todo li a
{
    font-weight:normal;
    font-size:11px;
    color:#006597;
    text-decoration:none;
    padding-left:15px;
}
.todo li a:hover
{
    text-decoration:underline;
}

.user_teacher_head
{
    color: #555;
    padding:0px;
    font-weight:bold;
}
.user_teacher_header
{
    font-size: 13pt;
    color: #567e03;
    margin-bottom: 0px;
    font-family: "Trebuchet MS", arial, verdana, serif;
}

.icon_big1 {
	float: left;
	margin-right: 5px;
	margin-bottom: 11px;
}




/* VIEW PROFILE PAGE */
td.profile {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-top: none;
	padding: 5px 7px 5px 7px;
	margin-bottom: 12px;
}
td.profile_leftside {
	padding-top: 5px;
	vertical-align: top;
}
td.profile_rightside {
	padding-left: 10px;
	padding-top: 5px;
	vertical-align: top;
}
td.profile_rightside_new {
	padding-top: 5px;
	vertical-align: top;
}
div.profile_field_value {
	max-width: 500px;
	overflow: auto;
}
div.profile_friend_photo {
	float: left; 
	width: 90px; 
	text-align: center; 
	border: 1px solid #DDDDDD;
}
div.profile_friend_info {
	float: left; 
	padding-left: 10px;
}
div.profile_friend_options {
	text-align: right; 
	padding-left: 10px;
}
div.profile_friend_options a
{
color:#494848;
text-decoration:underline;
}
div.profile_friend_options a:hover
{
	color:#6f3ca5;
text-decoration:underline;
}
div.profile_friend_name {
	font-size: 10pt;
	font-weight: bold;
}
div.profile_friend_details div {
	color: #888888;
	font-size: 8pt;
}
div.profile_image {
	float: left;
	padding: 5px;
	text-align: center;
	width: 111px;
}
div.profile_bar {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
}
td.profile_item1 {
	padding: 5px 0px 5px 0px;
	text-align: center;
	vertical-align: top;
}
td.profile_item2 {
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}
div.profile_comment_author {
	float: left;
	padding: 5px 7px 5px 7px;
	background: #F1F1F1;
	border-top: 1px solid #AAAAAA;
}
div.profile_comment_date {
	text-align: right;
	padding: 5px 7px 5px 7px;
	background: #F1F1F1;
	border-top: 1px solid #AAAAAA;
}
div.profile_comment_body {
	clear: left;
	padding: 5px 7px 5px 7px;
	overflow: auto;
	max-width: 550px;
}
/* IE7 MAX-HEIGHT/MAX-WIDTH HACK */
*:first-child+html .profile_comment_body {
	overflow: visible;
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 25px;
	width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
/* IE6 AND UNDER MAX-HEIGHT/MAX-WIDTH HACK */
html>body .profile_comment_body {
	overflow: visible;
	overflow-y: hidden;
	overflow-x: auto;
	padding-bottom: 25px;
	width: expression(this.scrollWidth > 550? "550px" : "auto" );
}
div.profile_comment_body img {
	max-width: 475px;
	width: expression(this.width > 475 ? 475: true);
}
div.profile_comment_links {
	text-align: right;
	padding-right: 7px;
}
table.profile_menu {
	border: 1px solid #DDDDDD;
	border-bottom: none;
}
td.profile_menu1 .icon {
padding-right:5px;
}
td.profile_menu1 a, div.nolink {
	background-image: url(../images/menu_bg1.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: top right;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 5px 5px 7px;
	font-size: 8pt;
	display: block;
}
td.profile_menu1 a:hover {
	background-color: #F5F5F5;
	background-image: url(../images/menu_bg2.gif);
	text-decoration: none;
}
td.profile_photo {
	vertical-align: middle; 
	text-align: center; 
	border: 1px solid #DDDDDD;
	padding: 5px;
	background: #FFFFFF;
	height: 150px;
}
td.profile_viewcomments_postcomment {
	padding: 10px 16px 10px 16px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
}
div.profile_postcomment {
	border: 1px solid #BBBBBB;
	background: #F4F4F4;
	margin-bottom: 10px;
	padding: 10px 14px 8px 10px;
}
.comment_area {
	font-family: "Lucida Sans", verdana, arial, serif;
	color: #888888; 
	width: 100%;
	height: 70px;
}
div.profile_action {
	padding: 0px 0px 5px 0px; 
	border-bottom: 1px solid #EAEAEA; 
	margin-bottom: 5px;
}
div.profile_action_bottom {
	padding-bottom: 2px;
}
div.profile_action_date {
	color: #999999;
	float: right;
	padding-left: 5px;
}




td.profile_tab a {
	background-color: #EEEEEE;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	font-weight: bold; 
	display: block;
}
td.profile_tab a:hover {
	background-color: #F4F4F4;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 7px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	font-weight: bold; 
	display: block;
}
td.profile_tab2 a {
	background-color: #FFFFFF;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
td.profile_tab2 a:hover {
	background-color: #FFFFFF;
	background-image: url(../images/whiteline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 7px 10px 8px 10px;
	border: 1px solid #AAAAAA; 
	border-left: none;
	border-bottom: none;
	font-weight: bold; 
	display: block;
}
#profile_tabs_profile { 
	border-left: 1px solid #AAAAAA;
}
td.profile_tab_end {
	border-bottom: 1px solid #AAAAAA;
}








div.profile_content {
	padding: 10px; 
	border: 1px solid #AAAAAA;
	border-top: none;
}
div.profile_content_new {
	padding: 10px; 
	border: 1px solid #AAAAAA;
}
div.profile_headline, div.profile_headline2 {
	font-size: 10pt; 
	margin-bottom: 7px;
	font-weight: bold;
}
div.profile_headline2 {
	margin-top: 10px;
}

.icon {
	vertical-align: top;
	margin-right: 5px;
}
.icon2 {
	vertical-align: top;
	margin-right: 1px;
}
.icon_big {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

img.photo {
	border: 1px solid #DDDDDD;
}

.imgfleft
{
width:60px;
height:60px;
}


/* MESSAGES */
table.messages_table {
	border: 1px solid #DDDDDD;
}
td.messages_header {
	padding: 4px 5px 5px 6px;

	font-weight: bold;
	background-image: url(../images/header.gif);
	background-repeat: repeat-x;
	color: #333333;
}
td.messages_left {
	width: 100%;
	text-align: left;
	vertical-align: middle;
}
td.messages_right {
	text-align: right;
	vertical-align: middle;
	padding-bottom:10px;
}
tr.messages_unread {
	background: #F5F5F5;
	font-weight: bold;
}
tr.messages_read {
	background: #FFFFFF;
}
td.messages_message {
	border-top: 1px solid #CCCCCC;
	padding: 7px 5px 7px 7px;
	vertical-align: top;
}
td.messages_photo {
	border-top: 1px solid #CCCCCC;
	padding: 7px 0px 7px 7px;
	vertical-align: top;
}
td.messages_view2 {
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	padding: 5px 7px 12px 7px;
	vertical-align: top;
}
td.messages_view2_bottom {
	background: #FFFFFF;
	padding: 5px 7px 12px 7px;
	vertical-align: top;
}
td.messages_view1 {
	vertical-align: top;
	padding-right: 15px;
}
div.messages_author {
	padding-bottom: 5px;
	font-weight: bold;
}
div.messages_date {
	font-size: 8pt;
	color: #777777;
}
td.messages_authorbox {
	width: 100px;
	text-align: right; 
	vertical-align: top; 
	padding: 5px 10px 0px 0px;
}



/* MY FRIENDS */
div.friends_search {
	width: 450px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	margin-left: auto; 
	margin-right: auto;
}
td.friends_sort {
	padding-top: 5px;
}
div.friends_result {
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-top: 10px;
	background: #FFFFFF;
}
td.friends_result0 {
	padding: 5px;
}
td.friends_result1 {
	vertical-align: top;
	padding: 5px;
}
td.friends_result2 {
	padding: 5px;
	vertical-align: top;
	text-align: right;
}
div.friends_name {
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 3px;
}
div.friends_stats div {
	color: #888888;
	font-size: 8pt;
}


/* BROWSE FRIENDS */
td.browse_friends_sort {
	padding-top: 5px;
}
div.browse_friends_result {
	padding: 5px;
	border: 1px solid #DDDDDD;
	margin-top: 10px;

	margin-bottom: 10px;
	background: #FFFFFF;
}
td.browse_friends_result0 {
	padding: 5px;
}
td.browse_friends_result1 {
	padding: 5px;
}
td.browse_friends_result2 {
	padding: 5px;
	text-align: right;
}


/* BROWSE PAGE */
td.browse_field {
	padding: 5px;
}
div.browse_field_radio {
	padding: 0px 5px 0px 1px;
	margin-top: 1px;
}
div.browse_fields {
	border: 1px solid #DDDDDD;
	border-top: none;
	padding: 5px 7px 5px 7px;
	margin-bottom: 12px;
}
td.browse_header {
	padding: 5px 5px 3px 7px;
	font-size: 9pt;
	font-family: arial, serif;
	font-weight: bold;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	background: #EEEEEE;
}
td.browse_result {
	vertical-align: top;
	text-align: center;
	width: 150px;
	padding: 5px 5px 10px 5px;
	font-weight: bold;
}
div.browse_pages {
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	background: #EEEEEE;
	padding: 5px 0px 5px 0px;
}

/* SEARCH PAGE */
td.search {
	width: 475px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}
div.search_header {
	font-weight: bold;
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	padding: 5px 5px 5px 10px;
	font-size: 9pt;
}
div.search_results {
	padding: 0px 10px 10px 10px;
}
div.search_result1 {
	padding: 10px;
	background: #F5F5F5;
}
div.search_result2 {
	padding: 10px;
}
div.search_result_text {
	font-size: 9pt;
	font-weight: bold;
	padding-left: 3px;
}
div.search_result_text2 {
	font-weight: normal;
	font-size: 8pt;
	color: #777777;
}
div.search_context {
	color: #555555;
}
div.search_url {
	color: #115599;
}
td.search_pages_bottom {
	padding-top: 8px;
	padding-right: 12px;
	border-top: 1px solid #CCCCCC;
	text-align: right;
}

.recentaction_div
{
	font-weight: normal;
	font-size: 8pt;
    color:#7e7e7e;
    text-align:left;
}



.graybox
{
    width:99%;
    height:60px;
    padding:4px;
    margin:0px;
    
    border-bottom:1px solid #000;
    background-color:#fff;
}
.graybox .text
{
    float:left;
    color:#6f3ca5;
    margin-top:8px;
}
.graybox .ads
{
    float:right;
}