*
{
padding: 0;
margin: 0;
}
img
{
border: none;
}
body
{
text-align: center;
font-family: Verdana, sans-serif;
line-height: 1.4em;
font-size: 14px;
color: #FFFFFF;
background: #00FF00 url() no-repeat right top;
}
.border1
{
border: 1px solid #FFFFFF;
}
.border2
{
border: 2px solid #FFFFFF;
}
.border3
{
border: 3px solid #FFFFFF;
}
.border4
{
border: 4px solid #FFFFFF;
}
.border5
{
border: 5px solid #FFFFFF;
}
.border6
{
border: 6px solid #FFFFFF;
}
.border7
{
border: 7px solid #FFFFFF;
}
.border8
{
border: 8px solid #FFFFFF;
}
.border9
{
border: 9px solid #FFFFFF;
}
.border10
{
border: 10px solid #FFFFFF;
}
.border11
{
border: 11px solid #FFFFFF;
}
.border12
{
border: 12px solid #FFFFFF;
}
.border13
{
border: 13px solid #FFFFFF;
}
.border14
{
border: 14px solid #FFFFFF;
}
.border15
{
border: 15px solid #FFFFFF;
}
.border16
{
border: 16px solid #FFFFFF;
}
.border17
{
border: 17px solid #FFFFFF;
}
.border18
{
border: 18px solid #FFFFFF;
}
.border19
{
border: 19px solid #FFFFFF;
}
.border20
{
border: 20px solid #FFFFFF;
}
.margin1
{
border: 1px solid transparent;
}
.margin2
{
border: 2px solid transparent;
}
.margin3
{
border: 3px solid transparent;
}
.margin4
{
border: 4px solid transparent;
}
.margin5
{
border: 5px solid transparent;
}
.margin6
{
border: 6px solid transparent;
}
.margin7
{
border: 7px solid transparent;
}
.margin8
{
border: 8px solid transparent;
}
.margin9
{
border: 9px solid transparent;
}
.margin10
{
border: 10px solid transparent;
}
.margin11
{
border: 11px solid transparent;
}
.margin12
{
border: 12px solid transparent;
}
.margin13
{
border: 13px solid transparent;
}
.margin14
{
border: 14px solid transparent;
}
.margin15
{
border: 15px solid transparent;
}
.margin16
{
border: 16px solid transparent;
}
.margin17
{
border: 17px solid transparent;
}
.margin18
{
border: 18px solid transparent;
}
.margin19
{
border: 19px solid transparent;
}
.margin20
{
border: 20px solid transparent;
}
.margin21
{
border: 21px solid transparent;
}
.margin22
{
border: 22px solid transparent;
}
.margin23
{
border: 23px solid transparent;
}
.margin24
{
border: 24px solid transparent;
}
.margin25
{
border: 25px solid transparent;
}
.margin26
{
border: 26px solid transparent;
}
.margin27
{
border: 27px solid transparent;
}
#background
{
background: transparent url(http://challengeforallstars.com/albums/BrotherGary/images/StylesBy-FFFFFF-00FF00.gif) no-repeat right top;
}
.wrapper
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 775px;
}
#toparea #notification_area
{
display: none;
}
#toparea #notification_area p
{
display: none;
}
#toparea #notification_area p a
{
color: #FFFFFF;
text-decoration: none;
}
#toparea #notification_area p a:hover
{
text-decoration: underline;
}
#toparea
{
height: 100px;
width: 775px;
background: transparent url() no-repeat left top;
}
#toparea ul
{
margin-top: 70px;
margin-left: 30px;
list-style: none;
float: left;
}
#toparea ul li
{
background: transparent url() no-repeat left top;
height: 46px;
float: left;
text-align: center;
margin-right: 0px;
margin-left: 37px;
}
#toparea ul li a
{
background: transparent url() no-repeat left top;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
line-height: 40px;
display: block;
}
#toparea ul li a:hover
{
text-decoration: underline;
color: #FFFFFF;
}
#toparea ul li#current_top
{
background: transparent url() no-repeat left top;
}
#toparea ul li#current_top_dynamic
{
background: transparent url() no-repeat top right;
width: auto;
color: #FFFFFF;
/*margin-left: 20px;*/
}
#toparea ul li#current_top_dynamic a
{
background: transparent url() no-repeat top left;
width: auto;
color: #FFFFFF;
/*margin-left: -10px;*/
padding: 0px 15px 6px 15px;
}
#toparea ul li#current_top a
{
background: transparent url() no-repeat top left;
color: #FFFFFF;
}
/*#toparea ul li
{
background: transparent url() no-repeat top right;
height: 46px;
float: left;
text-align: center;
margin-right: -17px;
margin-left: 37px;
}
#toparea ul li a
{
float: left;
background: transparent url() no-repeat top left;
position: relative;
left: -17px;
margin-right: -17px;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
line-height: 36px;
display: block;
padding: 4px 15px 6px 15px;
}
#toparea ul li a:hover
{
text-decoration: underline;
color: #FFFFFF;
}
#toparea ul li#current_top
{
background: transparent url() no-repeat top right;
}
#toparea ul li#current_top a
{
background: transparent url() no-repeat top left;
color: #FFFFFF;
}*/
#google_ads
{
display: none;
}
#submenu
{
display: none;
}
#submenu ul
{
list-style: none;
height: 20px;
padding-right: 10px;
background: transparent url() no-repeat right top;
}
#submenu ul li
{
float: left;
height: 20px;
text-align: center;
margin: 0 7px;
}
#submenu ul li a
{
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
line-height: 20px;
display: block;
}
#submenu ul li a:hover
{
text-decoration: underline;
color: #FFFFFF;
}
#submenu ul li#current_sub
{
background: transparent url() no-repeat left top;
padding-left: 10px;
}
#submenu ul li#current_sub a
{
background: transparent url() no-repeat right top;
color: #FFFFFF;
padding-right: 10px;
}
#logo
{
display: none;
}
#content
{
padding-top: 15px;
}
#content h1
{
font-size: 20px;
color: #FFFFFF;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #FFFFFF;
}
#content h2
{
font-size: 16px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
}
#content p
{
margin-bottom: 15px;
}
.ajax_indicator
{
margin-left: 5px;
display: none;
}
#content ul.error-messages
{
margin-left: 0;
padding: 3px;
list-style: none;
background: #00FF00;
font-weight: bold;
color: #FFFFFF;
}
.message
{
color: #FFFFFF;
font-weight: bold;
padding: 10px 10px 10px 60px;
line-height: 32px;
font-size: 18px;
}
.alert
{
background: transparent url() no-repeat left top;
}
.notice
{
background: transparent url() no-repeat left top;
}
.info
{
background: transparent url() no-repeat left top;
}
.odd
{
background-color: transparent;
}
.even
{
background-color: transparent;
}
a:link, a:visited
{
color: #FFFFFF;
}
a:hover
{
color: #FFFFFF;
text-decoration: none;
}
.smalltext
{
font-size: 10px;
line-height: 1.4em;
}
#content ul, #content ol
{
margin: 0 0 15px 25px;
}
#content .results
{
margin-bottom: 15px;
width: 100%;
}
#content .results th, #content .results td
{
padding: 7px;
border-bottom: 2px solid #FFFFFF;
}
#content .results th
{
background: transparent url() repeat;
color: #FFFFFF;
white-space: nowrap;
}
#content .results th a
{
color: #FFFFFF;
text-decoration: none;
}
#content .results th a:hover
{
text-decoration: underline;
}
#content .results_small
{
margin-bottom: 15px;
width: 100%;
}
#content .results_small th, #content .results_small td
{
padding: 5px;
border-bottom: 2px solid #FFFFFF;
}
#content .results_small td
{
line-height: 1.2em;
font-size: 12px;
}
#content .results_small th
{
background: transparent;
color: #FFFFFF;
white-space: nowrap;
}
#content .results_small th a
{
color: #FFFFFF;
text-decoration: none;
}
#content .results_small th a:hover
{
text-decoration: underline;
}
#content .results_mini
{
margin-bottom: 15px;
width: 100%;
}
#content .results_mini th, #content .results_mini td
{
padding: 3px;
border-bottom: 1px solid #FFFFFF;
}
#content .results_mini td
{
line-height: 1.2em;
font-size: 10px;
}
#content .results_mini th
{
background: transparent;
color: #FFFFFF;
font-size: 12px;
white-space: nowrap;
}
#content .results_mini th a
{
color: #FFFFFF;
text-decoration: none;
}
#content .results_mini th a:hover
{
text-decoration: underline;
}
caption
{
text-align: left;
}
caption span
{
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
margin-left: 25px;
padding: 3px 15px 3px 15px;
background: transparent;
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
}
.tiny
{
font-size: 10px;
}
.unread, .highlight
{
background: transparent;
}
dl.legend
{
padding: 5px 0 5px 5px;
margin-bottom: 15px;
}
dl.legend dt
{
height: 22px;
width: 50px;
float: left;
text-align: center;
}
dl.legend dd
{
height: 22px;
font-size: 10px;
}
.button-box
{
height: 37px;
margin-bottom: 15px;
background: transparent url(/images/button-right-sm.gif) no-repeat right top;
}
.button-box p
{
line-height: 37px;
background: transparent url(/images/button-left-sm.gif) no-repeat left top;
font-weight: bold;
}
.button-box p a, .button-box p span
{
background-repeat: no-repeat;
background-position: 13px 50%;
text-decoration: none;
color: #FFFFFF;
padding-left: 37px;
}
.button-box p a:hover
{
color: #FFFFFF;
}
/* PAGINATION */
.pagination_wrap
{
background: transparent;
padding: 8px 0;
margin-bottom: 15px;
}
.pagination_wrap a
{
text-decoration: none;
}
.pagination_wrap a:hover
{
text-decoration: underline;
}
.pagination_links
{
float: left;
text-align: center;
width: 470px;
font-size: 12px;
font-weight: bold;
}
.pagination_links span
{
font-size: 18px;
color: #FFFFFF;
margin: 0 3px;
}
.pagination_links a
{
margin: 0 2px;
}
.pagination_previous
{
float: left;
width: 80px;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
background: transparent url() left 50% no-repeat;
padding-left: 66px;
margin-left: 4px;
}
.pagination_next
{
float: right;
width: 80px;
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
background: transparent url() right 50% no-repeat;
padding-right: 66px;
margin-right: 4px;
text-align: right;
}
#content div.cloud
{
text-align: center;
}
#content div.cloud p
{
line-height: 34px;
}
#content div.cloud p a
{
margin: 0 10px;
}
#content div.cloud p a.cloudsize_1{font-size: 10px; white-space:nowrap;}
#content div.cloud p a.cloudsize_2{font-size: 13px; white-space:nowrap;}
#content div.cloud p a.cloudsize_3{font-size: 16px; white-space:nowrap;}
#content div.cloud p a.cloudsize_4{font-size: 19px; white-space:nowrap;}
#content div.cloud p a.cloudsize_5{font-size: 22px; white-space:nowrap;}
#content div.cloud p a.cloudsize_6{font-size: 25px; white-space:nowrap;}
#content div.cloud p a.cloudsize_7{font-size: 28px; white-space:nowrap;}
#content div.recording
{
width: 365px;
min-height: 150px;
}
#content div.recording h2
{
margin: 5px;
}
#content div.recording div.recording_info
{
margin-left: 130px;
}
#content div.recording div.recording_info p
{
margin-bottom: 0;
}
#recording_step_display
{
margin-bottom: 15px;
background:
text-align: center;
height: 75px;
}
#recording_step_display p
{
background:
color: #FFFFFF;
padding: 3px 0;
}
#recording_step_back
{
float: left;
background: transparent url() left top no-repeat;
margin-left: 10px;
padding-left: 69px;
line-height: 23px;
font-weight: bold;
color: #FFFFFF;
}
#recording_step_forward
{
float: right;
background: transparent url() right top no-repeat;
margin-right: 10px;
padding-right: 69px;
line-height: 23px;
font-weight: bold;
color: #FFFFFF;
}
.recording_gold_link
{
background: transparent url(/images/icons/small/lock.png) left 50% no-repeat;
font-weight: bold;
padding-left: 18px;
}
.recording_play_link
{
background: transparent url(/images/icons/small/control_record.png) left 50% no-repeat;
font-weight: bold;
padding-left: 18px;
}
.intro
{
padding: 10px;
min-height: 120px;
background-color:
background-position: 600px 10px;
background-repeat: no-repeat;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin-bottom: 15px;
}
* html .intro
{
height: 120px;
}
.intro h1, .intro p
{
width: 575px;
}
/* MEMBER COMMENTS, MESSAGES ETC */
#comments_wrapper
{
margin-bottom: 15px;
}
.default_comment_area, .you_comment_area, .owner_comment_area, .highlight_comment_area
{
padding: 10px;
clear: both;
}
.default_comment_area
{
background: transparent url() left top repeat-x;
}
.you_comment_area
{
background: transparent url() left top repeat-x;
}
.owner_comment_area
{
background: transparent url() left top repeat-x;
}
.highlight_comment_area
{
background: transparent url() left top repeat-x;
}
div.default_comment_area h2, div.you_comment_area h2, div.owner_comment_area h2, div.highlight_comment_area h2
{
margin-left: 72px;
}
div.default_comment_area img.avatar, div.you_comment_area img.avatar, div.owner_comment_area img.avatar, div.highlight_comment_area img.avatar
{
float: left;
width: 60px;
height: 60px;
}
div.default_comment_area div.comment, div.you_comment_area div.comment, div.owner_comment_area div.comment, div.highlight_comment_area div.comment
{
margin-left: 72px;
}
div.default_comment_area div.comment p.options, div.you_comment_area div.comment p.options, div.owner_comment_area div.comment p.options, div.highlight_comment_area div.comment p.options
{
text-align: right;
font-size: 10px;
}
div.default_comment_area div.comment p.options a, div.you_comment_area div.comment p.options a, div.owner_comment_area div.comment p.options a, div.highlight_comment_area div.comment p.options a
{
margin: 0 8px;
padding: 2px 0px 2px 18px;
background-repeat: no-repeat;
}
blockquote
{
margin-left: 20px;
margin-bottom: 15px;
border: 1px dashed #999;
padding: 5px;
font-style: italic;
}
cite
{
display: block;
}
.standard-form fieldset
{
position:left:50%; margin-left:0px; top: -30px;
padding: 10px 0 10px 10px;
margin-bottom: 15px;
border: none;
background: transparent;
}
.mini-fieldset
{
display: none;
}
.standard-form legend
{
display: none;
}
.standard-form dl
{
margin-top: 5px;
}
.standard-form dt
{
clear: both;
float: left;
width: 170px;
text-align: right;
}
.standard-form dt label, .standard-form dt .label
{
display: none;
}
.hidden
{
display: none;
}
.standard-form dd
{
margin-bottom: 5px;
}
.standard-form input
{
font-size: 1em;
font-weight: normal;
font-family: Verdana, sans-serif;
padding: 3px;
color: #000000;
}
.standard-form textarea
{
position:fixed; left:50%; margin-left:120px; top: 220px;
width: 300px;
height: 80px;
font-size: 1em;
font-weight: normal;
font-family: Verdana, sans-serif;
padding: 3px;
color: #000000;
}
.standard-form select
{
font-size: 1em;
font-weight: normal;
font-family: Verdana, sans-serif;
padding: 3px;
color: #000000;
position:fixed; left:50%; top: 315px;
margin-left: 175px;
margin-top: 4px;
}
.standard-form .button, .standard-form .button-inline, .multiple-boxes-form .button
{
border: 2px solid #FFFFFF;
background: transparent;
color: #FFFFFF;
font-weight: bold;
padding: 1px 3px;
font-family: Verdana, sans-serif;
font-size: 14px;
}
.standard-form .button-inline
{
position:fixed; left:50%; top: 315px;
width: 150px;
height: 25px;
margin-left: 275px;
margin-top: 4px;
}
.multiple-boxes-form
{
float: left;
}
.standard-form input[type="hidden"]
{
display: none;
}
.standard-form .field-with-errors label, .standard-form .field-with-errors span.label
{
background: transparent;
color: #FFFFFF;
padding: 2px;
}
select > option
{
padding-right: 10px;
}
#content div.autocomplete
{
position: absolute;
}
#content div.autocomplete ul
{
padding: 0;
margin: 0;
list-style: none;
background-color:
border: 1px solid #FFFFFF;
}
#content div.autocomplete ul li.selected
{
background-color: transparent;
}
#content div.autocomplete ul li.non-selectable
{
background-color:
font-style: italic;
font-size: 11px;
}
#content div.autocomplete ul li
{
display: block;
padding: 0 3px;
cursor: pointer;
}
img.avatar
{
border: 1px solid #FFFFFF;
width: 60px;
height: 60px;
}
#footer
{
display: none;
}
#footer p
{
margin-top: 10px;
float: left;
font-size: 10px;
color: #FFFFFF;
font-weight: bold;
line-height: 1.6em;
}
#footer a
{
color: #FFFFFF;
}
#footer a:hover
{
color: #FFFFFF;
}
#footer img
{
display: none;
}
.menu_box
{
border: 1px solid #FFFFFF;
margin-bottom: 15px;
height: 42px;
background-position: 5px 5px;
background-repeat: no-repeat;
}
* html .menu_box /*to remove the space below the menu in IE6*/
{
margin-bottom: -15px;
}
.menu_box a
{
font-weight: bold;
padding: 5px;
line-height: 32px;
display: block;
}
.avatar-display
{
float: left;
width: 60px;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
background: #dbdbdb;
}
.avatar-display img
{
width: 60px;
height: 60px;
}
#content div.avatar-display p
{
border-top: 1px solid #666;
font-weight: bold;
line-height: 1.4em;
font-size: 10px;
text-align: center;
margin: 0;
}
.note
{
font-family: "Arial Narrow";
font-size: 14px;
font-weight: bold;
}
/*front page start*/
.see_thru {
opacity: .75;
filter: alpha(opacity=75);
}
.very_see_thru {
opacity: .05;
filter: alpha(opacity=05);
}
.recording_image_only {
width: 120px;
padding: 9px 9px 0 9px;
float:left;
}
.frontpage
{
width:770px;
}
.frontpage odd
{
border: 0px solid #000;
}
.frontpage_more a
{
color: #FFFFFF;
font-weight: bold;
}
.two_third
{
width: 570px;
margin-bottom: 15px;
padding-top: 5px;
}
.one_third
{
width: 170px;
height: 400px;
margin-bottom: 15px;
padding: 5px;
float: right;
align: top;
}
.frontpage fieldset
{
padding: 5px 0 5px 5px;
margin-bottom: 15px;
border: none;
border-top: 1px solid #FFFFFF;
/*background: #e6e6e6;*/
}
.frontpage legend
{
padding: 2px 10px;
margin-left: 4px;
color: #FFFFFF;
background: transparent;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
}
.frontpage dl
{
/*margin-top: 0px;*/
}
.frontpage dt
{
clear: both;
float: left;
text-align: right;
}
.frontpage dt label, .frontpage dt .label
{
font-weight: bold;
font-family: Verdana, sans-serif;
color: #245069;
margin-right: 5px;
}
/*front page end*/
.member-type
{
display: none;
}
#playlist
{
margin-top: 10px;
background: transparent;
text-align: center;
}
#playlist p
{
background: transparent;
color: #FFFFFF;
padding: 3px 0;
}
#playlist #prev-area
{
float: left;
width: 175px;
}
#playlist #options-area
{
float: left;
width: 425px;
}
#playlist #options-area form select
{
background: #00FF00;
font-weight: normal;
font-family: Verdana, sans-serif;
border: 1px solid #FFFFFF;
padding: 3px;
color: #FFFFFF;
font-size: 10px;
}
#playlist #next-area
{
float: left;
width: 175px;
}
#playlist #prev-area a
{
float: left;
background: transparent url() left top no-repeat;
margin-left: 10px;
padding-left: 69px;
line-height: 23px;
font-weight: bold;
color: #FFFFFF;
}
#playlist #next-area a
{
float: right;
background: transparent url() right top no-repeat;
margin-right: 10px;
padding-right: 69px;
line-height: 23px;
font-weight: bold;
color: #FFFFFF;
}
.status_text
{
display: none;
}
.ajax-pagination
{
clear: both;
background: transparent;
padding: 8px 0;
margin-bottom: 15px;
}
.ajax-pagination a
{
text-decoration: none;
}
.ajax-pagination a:hover
{
text-decoration: underline;
}
.ajax-pagination .links
{
float: left;
text-align: center;
width: 470px;
font-size: 12px;
font-weight: bold;
}
.ajax-pagination .links span
{
font-size: 18px;
color: #FFFFFF;
margin: 0 3px;
}
.ajax-pagination .links a
{
margin: 0 2px;
}
.ajax-pagination .prevnext
{
width: 80px;
color: #FFFFFF;
}
.ajax-pagination .prevnext a
{
text-transform: uppercase;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
}
.ajax-pagination .prev
{
float: left;
padding-left: 66px;
margin-left: 4px;
background: transparent url(/images/prev_bg.gif) left 50% no-repeat;
}
.ajax-pagination .next
{
float: right;
padding-right: 66px;
margin-right: 4px;
background: transparent url(/images/next_bg.gif) right 50% no-repeat;
text-align: right;
}