@import '/stylesheets/typography.css';

#container {
    background-image: url(../images/backgrounds/hub_background.jpg);
    background-repeat: no-repeat;
    margin: 4px;
    width: 1010px;
    min-height: 300px;
}
#login_container {
    background-image: url(../images/backgrounds/login_background.jpg);
    background-repeat: no-repeat;
    background-position: 0px 18px;
    margin: 4px;
    width: 1008px;
    min-height: 420px;
}
#header {
    background-image: url(../images/hub_logo_with_bulbs.png);
    background-repeat: no-repeat;
    height:83px;
}
#header_gif {
    background-image: url(../images/hub_logo_with_bulbs.gif);
    background-repeat: no-repeat;
    height:83px;
}

input.xsmall_box {
    width: 25px;
}

input.small_box {
    width: 35px;
}

input.medium_box {
    width: 100px;
}

select.large_box, input.large_box {
    width: 150px;
}

.errorExplanation h2 {
    display: none;
}

.errorExplanation p {
    display: none;
}

.errorExplanation li {
    background-color: red;
    color: #fff;
    font-size: 12px;
    width: 260px;
    text-align: center;
}

.user_avatar {
    height: 50px;
    width: 50px;
}

.user_avatar img {
    margin: auto;
}

/* =========== */
/* = Layouts = */
/* =========== */
.header_text {
    padding-top: 5px;
    padding-right: 22px;
    color: #fff;
    font-weight: bold;
    height: 15px;
    text-shadow: #000 2px 2px 3px;
}

.header_text a {
    color: #fff;
    font-weight: bold;
    height: 15px;
    text-shadow: #000 2px 2px 3px;
}

.header_text a img {
    margin-bottom: -3px;
}

.users_online {
  padding-top: 5px;
  padding-right: 22px;	
  color: #ffff00;
  font-weight: bold;
  height: 15px;
  text-shadow: #000 2px 2px 3px;
}

.users_online a {
	color: #ffff00;
	font-weight: bold;
	height: 15px;
	text-decoration: underline;
	text-shadow: #000 2px 2px 3px;
}

#navbar {
    height: 31px;
    margin-left: 4px;
    margin-top: -16px;
}

#navbar img.not_first{
    margin-left: -3px;
}

.box_header h1 {
    display: inline;
    margin-right: 25px;
}

p#footer {
    margin-right: 20px;
    margin-top: 5px;
    font-size: 90%;
}

.big_link {
    font-size: 15pt;
}

.overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index:1000; 
	width: 100%;
	height: 100%;
	background-image: url(/images/common/overlay.png);
}

#pop_up_header {
    background-image: url(/images/common/pop_up/pop_up_header.png);
    background-repeat: none;
    height: 90px;
}

#pop_up_inner {
    background-image: url(/images/common/pop_up/pop_up_inner.png);
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 252px;
}

#pop_up_footer {
    background-image: url(/images/common/pop_up/pop_up_footer.png);
    background-repeat: none;
    height: 17px;
}

.notice, #browser_recommendation {
    padding: 10px;
}

/* =========== */
/* = Sign UP = */
/* =========== */
#content_box {
    margin-left: 15px;
    width: 968px;
}

#content_box_header {
    background-image: url(/images/signup/content_header.png);
    background-repeat: none;
}

#content_box_inner {
    background-image: url(/images/signup/content_inner.png);
    min-height: 400px;
    background-repeat: none;
}

#content_box_footer {
    background-image: url(/images/signup/content_footer.png);
    background-repeat: none;
    height: 17px;
}

#marketing_content_left {
    float: left;
    margin: 20px 10px;
}

#login_container #profile_box {
    padding-top: 30px;
}

#profile_box {
    margin-left: 510px;
    width: 448px;
}

#profile_box input.input {
    width: 160px;
}

#profile_box_header {
    background-image: url(/images/signup/profile_box_header.png);
    background-repeat: none;
}

#profile_box_inner {
    background-image: url(/images/signup/profile_box_inner.png);
    padding: 5px 10px;
    min-height: 200px;
    background-repeat: none;
}

#profile_box_footer {
    background-image: url(/images/signup/profile_box_footer.png);
    background-repeat: none;
    height: 19px;
}

#welcome p, #welcome h3 {
    margin-bottom: 5px;
}

#welcome #navigation_header {
    text-align: center;
    color: red;
}

#welcome .selection {
    text-align: center;
}

#welcome table {
    margin-left: 50px;
}


/* ============== */
/* = Buddy List = */
/* ============== */
#buddy_list {
/*    background-position: bottom left;*/
    position: absolute;
    left: 790px;
    top: 94px;
    z-index: 20;
}

#buddy_list_main {
    background-image: url(../images/buddy_list/buddy_list_main_background.png);
    background-repeat: no-repeat;
    width: 207px;
    height: 307px;
    margin-top: -8px;
    margin-left: -1px;
}

#buddy_list_main_inner {
    padding-left: 15px;
    padding-top: 15px;
    width: 180px;
}

#buddy_list hr {
    margin-bottom: 5px;
}

#buddy_list span.buddy_name {
    padding-left: 10px;
}

#buddy_list ul {
    margin-bottom: 10px;
    max-height: 110px;
    overflow: auto;
}

#buddy_list #people_search {
    margin-left: 15px;
    height: 15px;
    width: 177px;
    color: #aaa;
    font-weight: bold;
}

#buddy_list #buddy_list_tab {
    width: 207px;
    height: 32px;
    background-image: url(/images/buddy_list/bottom_tab_closed.png);
    background-repeat: no-repeat;
    padding-top: 6px;
    font-size: 90%;
    padding-left: 25px;
}

#buddy_list #buddy_list_tab #toggle_buddy_list {
    float: right;
    margin-right: 40px;
}

#buddy_list #buddy_list_tab #toggle_buddy_list img {
    margin-bottom: -4px;
}

.user_info_box {
    background-image: url(/images/common/user_info_bubble.png);
    background-repeat: no-repeat;
    height: 177px;
    width: 213px;
    z-index: 99;
    position: absolute;
    margin-top:-10px;
    margin-left:80px;
}

.user_info_box_private_chat {
    background-image: url(/images/common/user_info_bubble.png);
    background-repeat: no-repeat;
    height: 177px;
    width: 213px;
    z-index: 99;
    position: absolute;
}

.user_info_box_inner {
    margin-top: 60px;
    margin-left: 10px;
    width: 188px;
}

.user_info_box_inner hr {
    margin-bottom: 3px;
}

.user_info_close_link {
    margin-top: 5px;
    margin-right: 10px;
}

.user_info_data {
    height: 62px;
}

.user_info_user_icon {
    float: right;
    margin-right: 5px;
}


/* ======= */
/* = Hub = */
/* ======= */

#hub, #vbs, #store, #my_account_settings {
    margin-left: 5px;
    margin-right: 20px;
}

#hub_inner {
}

#marketing_content_left {
    float: left;
    width: 150px;
    height: 580px;
    margin-left: 0px;
}

#marketing_content_left_image {
    float: left;
    width: 150px;
    height: 580px;
    margin-left: 20px;    
}

#marketing_content_left #featured_topics {
    height: 225px;
}
#marketing_content_left #featured_topics ul{
	margin-top: 5px;
}
#hub_right_column {
    float: right;
    margin-right: 15px;
}
#marketing_content_right {
    width: 185px;
    height: 300px;
    color: #aaa;
    text-align: center;
}
#hub_main_box {
    width: 610px;
    margin-left: 170px;
}
#hub_main_box_navbar {
    padding-left: 7px;
    margin-left: -4px;
}
#hub_main_box_navbar img{
    border: none;
    margin-left: -3px;
}
#hub_main_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background: #fff url(/images/hub_main_box/backdrop.png) repeat-x;
    margin-top: -2px;
    width: 591px;
/*    width: 610px;*/
    min-height: 550px;
} 
#hub_main_box_footer {
    background-image: url(/images/hub_main_box/footer.png);
    background-repeat: no-repeat;
}
#hub_main_box_inner h2 {
    padding-left: 20px;
    padding-top: 20px;
}

/* ================ */
/* = Private Chat = */
/* ================ */

#private_chat_box {
    margin-top: 5px;
    margin-left: 3px;
    margin-bottom: 10px;
}

#private_chat_box_header {
    background-image: url(/images/buddy_list/private_chat/chat_box_header.png);
    background-repeat: no-repeat;
}

#private_chat_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffcc;
    width: 286px;
}

#private_chat_box_footer {
    background-image: url(/images/buddy_list/private_chat/chat_box_footer.png);
    background-repeat: no-repeat;
    height: 14px;
}

#private_chat_transcript {
    height: 120px;
    overflow: auto;
}

#private_chat_text {
    width: 240px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#private_chat_user_icon {
    float: right;
    margin-right: 8px;
}

#private_chat_information {
    height: 60px;
}

#private_chat_options {
    float: right;
    text-align: right;
    margin-right: 10px;
}

/* ============ */
/* = Hub Chat = */
/* ============ */

#hub_chat {
    width: 185px;
}

#hub_chat_box {
    margin-top: 5px;
}

#hub_chat_box_header {
    background-image: url(/images/hub_chat/hub_chat_box_header.png);
    background-repeat: no-repeat;
}

#hub_chat_box_inner {
    background-image: url(/images/hub_chat/hub_chat_box_inner.png);
    background-repeat: repeat-y;
    margin-top: -2px;
}

#hub_chat_box_footer {
    background-image: url(/images/hub_chat/hub_chat_box_footer.png);
    background-repeat: no-repeat;
}

#hub_chat_transcript {
    height: 200px;
    overflow: auto;
}

#hub_chat_transcript a, #private_chat_transcript a {
    color: #3300ff;
    text-decoration: underline;
}

.hub_chat_transcript_line, .private_chat_transcript_line {
    margin-left: 5px;
    margin-top: 10px;
}

p.hub_chat_transcript_line_text, p.private_chat_transcript_line_text {
    padding-top: 2px;
    padding-left: 15px;
}

span.hub_chat_action, span.private_chat_action {
    color: #999;
}

#hub_chat_text {
    width: 130px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

/* ==================== */
/* = Hub - Brainstorm = */
/* ==================== */

#hub_main_box_inner #brainstorm_step_1 {
    width: 210px;
    background-image: url(/images/hub_main_box/brainstorm/step_1.png);
    background-repeat: no-repeat;
    margin-top: 15px;
    margin-left: 6px;
/*    float: left;*/
    padding: 40px 0px 10px 10px;
}

#brainstorm_step_1_inner {
    margin-right: 18px;
}

#brainstorm_step_1_inner h5 {
    margin-bottom: 15px;
}

#brainstorm_step_1_inner input {
    margin-left: 10px;
}

#brainstorm_step_1_inner #clear_search {
    display: block;
    text-align: right;
    font-size: 85%;
}

#brainstorm_step_1_inner #topic_list {
    height: 340px;
    margin-bottom: 10px;
    padding-left: 12px;
    overflow-y: auto;
    overflow: auto;
}
#brainstorm_step_1_inner #topic_list li {
    list-style-type: none;
    cursor: pointer;
}
#brainstorm_step_2 {
    width: 360px;
    float: right;
    margin-top: 15px;
    margin-right: 5px;
}
#brainstorm_step_2_header {
    padding-top: 32px;
    padding-left: 5px;
    margin-left: 10px;
    background-image: url(/images/hub_main_box/brainstorm/step_2_header_join_a_room.png);
    background-repeat: no-repeat;
}
#brainstorm_step_2_navbar {
    margin-top: 10px;
}

#brainstorm_step_2_navbar h3 {
    color: #000;
}

a.room_join_queue_link, #list_all_rooms {
    color: #3300ff;
    text-decoration: underline;
}


#brainstorm_step_2_navbar h3 {
    display: inline;
}

#brainstorm_step_2_join_room {
    margin-left: 15px;
}

#brainstorm_step_2_join_room a#list_all_rooms {
    font-size: 84%;
}

#brainstorm_step_2_create_room {
    float: right;
    margin-right: 25px;
}

#brainstorm_step_2_inner {
    margin-left: 13px;
    background-image: url(/images/hub_main_box/brainstorm/step_2_inner.png);
    background-repeat: repeat-y;
    min-height: 100px;
}

#brainstorm_room_list {
    padding-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}

#brainstorm_room_list hr {
    border: none 0; 
    border-top: 1px dotted #000;/*the border*/
    width: 98%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-bottom: 3px;
}

#brainstorm_room_list_header_name {
    width: 30%;
    padding-right: 5px;
}

#brainstorm_room_list_header_date {
    width: 35%;
    padding-left: 5px;
    padding-right: 5px;
}

#brainstorm_room_list_header_action {
	  width: 35%;
	  padding-left: 5px;
	  padding-right: 5px;
}

#brainstorm_step_2_footer {
    margin-left: 13px;
    background-image: url(/images/hub_main_box/brainstorm/step_2_footer.png);
    background-repeat: no-repeat;
    height: 16px;
}

#create_room_header {
    margin-bottom: 20px;
    margin-top: 5px;
}

.create_room_box {
    border: 1px dotted #999;
    margin-bottom: 10px;
    padding: 5px;
    background-color: #fffaf3;
}

.create_room_box h3.create_room_options_title {
    color: #990000;
    margin-left: 8px;
    display: inline;
}

.create_room_box img {
    border: none;
}

.create_room_options {
    margin: 5px 15px 5px 5px;
}

.create_room_options img.option_help {
    float: right;
    cursor: pointer;
}

.create_room_options .room_option {
    margin-bottom: 3px;
}

.create_room_options #create_room_time {
    padding-left: 46px;
}

.datetime_ampm {
    margin-left: 10px;
}

.tooltip {
    position: absolute;
    left: 600px;
    padding: 3px;
    width: 120px;
    background-color: #fff;
    border: 2px solid blue;
    min-height: 80px;
}

.large_tooltip {
    position: absolute;
    left: 520px;
    padding: 3px;
    width: 200px;
    background-color: #fff;
    border: 2px solid blue;
    min-height: 80px;
}

#open_idea_room_when {
    font-weight: bold;
    margin-bottom: 10px;
}

#create_room_who_invite_others {
    float: right;
    width: 120px;
    margin-right: -5px;
}

#create_room_who_invite_buddies {
    border: 1px solid #999;
    background-color: #fff;
    width: 160px;
    height: 202px;
    padding: 5px;
}

.invite_buddy_list {
    height: 60px;
    padding-left: 30px;
    overflow: auto;
}

/* ================== */
/* = Hub - My Queue = */
/* ================== */

.rooms_started {
    margin-left: 12px;
    margin-top: 15px;
}

#rooms_started_you_header {
    background-image: url(/images/hub_main_box/my_queue/rooms_you_started_header.png);
}

#rooms_started_others_header {
    background-image: url(/images/hub_main_box/my_queue/rooms_others_started_header.png);
}

.rooms_started_header {
    width: 570px;
    height: 51px;
}

.rooms_started_inner {
    background-image: url(/images/hub_main_box/my_queue/rooms_started_inner.png);    
    background-repeat: repeat-y;
    min-height: 150px;
    padding-left: 10px;
}

.rooms_started_footer {
    background-image: url(/images/hub_main_box/my_queue/rooms_started_footer.png);
    background-repeat: no-repeat;
}

.room_details_table {
    margin-left: 25px;
}

.edit_room p {
    padding-left: 10px;
}

/* ==================== */
/* = Hub - My History = */
/* ==================== */

#my_history, #my_saved_suggests {
    margin-left: 12px;
    margin-top: 15px;
}
.my_history_header {
    background-image: url(/images/hub_main_box/my_history/header.png);
    background-repeat: no-repeat;
}
.my_history_inner {
    background-image: url(/images/hub_main_box/my_history/inner.png);
    background-repeat: repeat-y;
    margin-top: -1px;
    min-height: 150px;
    padding-left: 10px;
    padding-right: 10px;
}
.my_history_footer {
    background-image: url(/images/hub_main_box/my_history/footer.png);
    background-repeat: no-repeat;
}

/* ==================== */
/* = VBS - Brainstorm = */
/* ==================== */

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 100%;
	background-image: url(/images/common/overlay.png);
}

#splat {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 758px;
    height: 675px;
}

#rank_and_pair_nag {
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 94;
    width: 185px;
}

#rank_and_pair_nag_header {
    background-image: url(/images/vbs/rank_and_pair/pair_box_header.png);
    background-repeat: repeat-x;
    height: 10px;
}

#rank_and_pair_nag_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    height: 80px;
}

#rank_and_pair_nag_footer {
    background-image: url(/images/vbs/rank_and_pair/pair_box_footer.png);
    background-repeat: repeat-x;
    height: 9px;
}

#contributor_signup {
    position: absolute;
    top: 15%;
    left: 12%;
    z-index: 94;
    width: 707px;
}

#contributor_signup_header {
    background-image: url(/images/open_idea/contributor_header.png);
    background-repeat: no-repeat;
    height: 103px;
}

#contributor_signup_inner {
    background-image: url(/images/open_idea/contributor_inner.png);
    background-repeat: repeat-y;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    min-height: 390px;
}

#contributor_signup_footer {
    background-image: url(/images/open_idea/contributor_footer.png);
    background-repeat: no-repeat;
    height: 19px;
}

#contributor_join {
    margin-top: 10px;
    float: left;
    width: 410px;
    border-right: 1px solid #999;
}

#contributor_login {
    float: right;
    margin-top: 10px;
    margin-right: 40px;
    width: 200px;
}

#contributor_join h3, #contributor_login h3 {
    text-align: center;
    color: red;
}

#vbs_inner {
    min-height: 610px;
}

#chat_table {
    height: 583px;
    width: 379px;
    background-image: url(/images/vbs/brainstorm/chat_table_background.png);
    background-repeat: no-repeat;
    float: left;
}

#chat_transcript {
    width: 190px;
    height: 445px;
/*    margin-left: 10px;*/
    margin-top: 30px;
    overflow: auto;
}

p.splat_transcript_line img.splat_ball {
    float: left;
    width: 34px;
    height: 29px;
    margin-right: 10px;
}

p.splat_transcript_line {
    margin-bottom: 10px;
}

p.chat_transcript_line {
    margin-top: 5px;
}

#chat_input {
    margin-top: 46px;
    margin-left: 22px;
    clear:both;
}

#chat_input textarea {
    background-color: transparent;
    width: 272px;
    height: 45px;
}

#chat_input_buttons {
    float: right;
    width: 60px;
    margin-top: -5px;
    margin-right: 5px;
}

#chat_users_left_side {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 25px;
}

#chat_users_right_side {
    float: right;
    margin-right: 20px;
    margin-top: 25px;
}

.chat_user, .chat_user_first {
    background-color: #aaa;
    width: 60px;
    height: 65px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 3px;
}

.chat_user {
    margin-top: 60px;
}

#emote_box {
    background-image: url(/images/emotes/emote_box.png);
    background-repeat: no-repeat;
    width: 255px;
    height: 30px;
    padding-top: 2px;
    padding-left: 5px;
    position: absolute;
    left: 82px;
    top: 675px;
    z-index: 20;
}

.chat_user_bubble_left {
    background-image: url(/images/vbs/brainstorm/bubble_left.png);
    background-repeat: no-repeat;
    height: 123px;
    width: 135px;
    padding-left: 50px;
    padding-top: 8px;
    position: absolute;
    z-index: 20;
    left: 80px;
}

.chat_user_bubble_right {
    background-image: url(/images/vbs/brainstorm/bubble_right.png);
    background-repeat: no-repeat;
    height: 123px;
    width: 185px;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    z-index: 20;
    left: 150px;
}

.chat_user_bubble_open_idea_room {
    background-image: url(/images/vbs/brainstorm/bubble_left.png);
    background-repeat: no-repeat;
    height: 123px;
    width: 135px;
    padding-left: 50px;
    padding-top: 8px;
    position: absolute;
    z-index: 20;
    left: 40px;
}

.chat_user_bubble_inner {
    width: 85px;
}

.chat_user_bubble_inner li {
    padding-left: 28px;
}

.chat_user_bubble_left .chat_user_bubble_close_button {
    float: right;
    margin-right: 10px;
}

.chat_user_bubble_right .chat_user_bubble_close_button {
    float: right;
    margin-right: 60px;
}

.chat_suggest {
    margin-top: 10px;
}

.chat_suggest_music_header {
    background-image: url(/images/vbs/brainstorm/chat_suggest_music_header.png);
    background-repeat: no-repeat;        
}

.chat_suggest_video_header {
    background-image: url(/images/vbs/brainstorm/chat_suggest_video_header.png);
    background-repeat: no-repeat;        
}

.chat_suggest_drama_header {
    background-image: url(/images/vbs/brainstorm/chat_suggest_drama_header.png);
    background-repeat: no-repeat;        
}

.chat_suggest_other_header {
    background-image: url(/images/vbs/brainstorm/chat_suggest_other_header.png);
    background-repeat: no-repeat;        
}

.chat_suggest_inner {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    background-image: url(/images/vbs/brainstorm/chat_suggest_inner.png);
    background-repeat: repeat-y;
}

.chat_suggest_footer {
    background-image: url(/images/vbs/brainstorm/chat_suggest_footer.png);
    background-repeat: no-repeat;    
}

/* ================== */
/* = Open Idea Room = */
/* ================== */

#open_idea_right_side {
    margin-left: 390px;
    margin-top: 3px;
}

#open_idea_chat_table {
    width: 383px;
    float: left;
}

#open_idea_chat_table_header {
    background-image: url(/images/vbs/extended/chat_table_header.png);
    background-repeat: no-repeat;
}

#open_idea_chat_table_footer {
    background-image: url(/images/vbs/extended/chat_table_footer.png);
    background-repeat: no-repeat;
    height: 71px;
}

#open_idea_chat_table_footer #chat_input {
    margin-top: 0px;
    padding-top: 10px;
    margin-left: 22px;
}

#open_idea_chat_table_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    margin-top: -2px;
    background-color: #fff;
    /*height:520px;*/
}

#open_idea_users {
    padding-left: 10px;
    height: 425px;
    float: left;

}

#open_idea_chat_transcript {
    float: right;
    margin-right: 8px;
    
}

#open_idea_chat_transcript_header {
    background-image: url(/images/vbs/extended/chat_transcript_header.png);
    background-repeat: no-repeat;    
}

#open_idea_chat_transcript_footer {
    background-image: url(/images/vbs/extended/chat_transcript_footer.png);
    background-repeat: no-repeat;    
}

#open_idea_chat_transcript #chat_transcript {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #fff;
    padding-left: 10px;
    margin-top: -1px;
    width: 204px;
    height: 475px;
}

#open_idea_invite_a_friend {
    margin-left: 5px;
    width: 146px;
    clear:left;
}

#open_idea_invite_a_friend_header {
    background-image: url(/images/vbs/extended/invite_box_header.png);
    background-repeat: no-repeat;
    height: 8px;
}

#open_idea_invite_a_friend_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    margin-top: -2px;
    background-color: #ffffcc;
    padding-left: 2px;
}

#open_idea_invite_a_friend_footer {
    background-image: url(/images/vbs/extended/invite_box_footer.png);
    background-repeat: no-repeat;    
}

#open_idea_invite_email_address {
    width: 100px;
}

#open_idea_invite_button {
    margin-bottom: -3px;
}

#open_idea_users_list li img {
    margin-top: 3px;
    margin-bottom: -3px;
}

.user_submitted_idea {
    margin-left: 8px;
    margin-right: 8px;
}

/* ================== */
/* = VBS -- Process = */
/* ================== */

#vbs_process {
    width: 322px;
    height: 33px;
    float: right;
    background-image: url(/images/vbs/vbs_process_background.png);
    background-repeat: no-repeat;
    margin-top: 11px;
    margin-right: 10px;
}

#vbs_process_inner {
    padding-top: 8px;
}

#vbs_hr {
    width: 640px;
}

#vbs_proccess_current_step {
    float: left;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 2px;
    text-align: center;
}

#vbs_steps_done {
    margin-left: 14px;
    margin-top: 5px;
    float: left;
}

#vbs_steps {
    margin-top: 5px;
}

#vbs_steps img {
    margin-bottom: -3px;
}

#vbs_proccess_current_step h4 {
    margin-top: -4px;
}

/* ================== */
/* = VBS -- Suggest = */
/* ================== */

#vbs_right_side {
    margin-left: 390px;
    margin-top: 25px;
}

#vbs_suggest_box {
    width: 578px;
}

#suggest_nav {
    height: 25px;
}

#suggest_an_item_tab {
    margin-left: -5px;
}

#suggest_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background: #fff url(/images/hub_main_box/backdrop.png) repeat-x;
    min-height: 500px;
}

#suggest_footer {
    background-image: url(/images/vbs/suggest/footer.png);
    background-repeat: no-repeat;
}

.suggest_info_music_suggest {
    background-image: url(/images/vbs/common/music_info_box.png);    
}

.suggest_info_video_suggest {
    background-image: url(/images/vbs/common/video_info_box.png);    
}

.suggest_info_drama_suggest {
    background-image: url(/images/vbs/common/drama_info_box.png);    
}

.suggest_info_other_suggest {
    background-image: url(/images/vbs/common/other_info_box.png);    
}

.suggest_info_box {
    background-repeat: no-repeat;
    z-index: 99;
    position: absolute;
    height: 371px;
    width: 353px;
}

.suggest_info_box_inner {
    margin-left: 110px;
    margin-top: 25px;
    width: 240px;
    height: 340px;
}

.suggest_info_header {
    height: 70px;
}

.suggest_info_name {
    color: #fff;
    font-size: 14pt;
}

.suggest_info_artist, .suggest_info_source {
    color: #fff;
    font-size: 10pt;
}

.suggest_info_details {
    height: 120px;
}

.suggest_info_rating {
    height: 40px;
}

.suggest_info_rating_icons {
    float: right; 
    margin-right: 15px;
}

.suggest_info_rating_label {
    padding-top: 10px;
}

/* ========================== */
/* = VBS -- Suggested Items = */
/* ========================== */

#suggested_items_inner {
    width: 557px;
    margin-left: 10px;
    min-height: 400px;
}

#suggested_items_header {
    padding-top: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
}

#suggested_items_header img {
    float: right;
    margin-top: -7px;
    margin-right: 24px;
}

#suggested_items_music_header {
    background-image: url(/images/vbs/suggest/music_header.png);
    background-repeat: no-repeat;
    height: 23px;
}

#suggested_items_video_header {
    background-image: url(/images/vbs/suggest/video_header.png);
    background-repeat: no-repeat;
    height: 24px;
}

#suggested_items_drama_header {
    background-image: url(/images/vbs/suggest/drama_header.png);
    background-repeat: no-repeat;
    height: 30px;
    margin-top: -6px;
}

#suggested_items_other_header {
    background-image: url(/images/vbs/suggest/other_header.png);
    background-repeat: no-repeat;
    height: 23px;
}

#suggested_items_footer {
    background-image: url(/images/vbs/suggest/suggested_items_footer.png);
    background-repeat: no-repeat;
    height: 11px;    
    width: 558px;
    margin-left: 10px;
}

.suggested_items_table {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #fff;
}

.suggested_items_table .header_row {
    background-image: url(/images/vbs/suggest/table_header_gradient.png);
    background-repeat: repeat-x;
    height: 18px;
    font-weight: bold;
    cursor: pointer;
}

.items_table {
    height: 85px;
    overflow: auto;
}

.data_row {
}

.alternating {
    background-color: #DDD;
}

/* ========================== */
/* = VBS -- Suggest An Item = */
/* ========================== */

#suggest_an_item {
    padding-top: 15px;
    margin-left: 10px;
}

#suggest_an_item_nav_bar {
    padding-left: 3px;
    margin-bottom: -2px;
}

#suggest_an_item_nav_bar img {
    margin-left: -3px;
}

#suggest_an_item_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    width: 550px;
    background-color: #fff;
    min-height: 500px;
}

#suggest_an_item_footer {
    background-image: url(/images/vbs/suggest/suggest_an_item_footer.png);
    background-repeat: no-repeat;
    height: 11px;    
    width: 552px;
}

#suggest_an_item_search_input {
    padding-top: 15px;
    margin-left: 15px;
}

#suggest_an_item_search_input img {
    margin-bottom: -3px;
}

#suggest_an_item_search_matches {
    margin-top: 10px;
    margin-left: 8px;
    width: 534px;
}

#suggest_an_item_search_matches_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    min-height: 250px;
}

#suggest_an_item_search_matches_footer {
    background-image: url(/images/vbs/suggest/suggested_an_item_matches_footer.png);
    background-repeat: no-repeat;
}

.suggest_an_item_search_matches_table .header_row {
    background-image: url(/images/vbs/suggest/table_header_gradient.png);
    background-repeat: repeat-x;
    height: 18px;
    font-weight: bold;
    cursor: pointer;
}

.header_row_sort {
    background-image: url(/images/vbs/suggest/table_header_sort_gradient.png);
    background-repeat: repeat-x;
    height: 18px;
    font-weight: bold;
}

.sort_arrow {
    float: right;
    margin-right: 5px;
}

.matches_table {
    height: 200px;
    overflow: auto;
}

.matches_table tr {
    cursor: pointer;
}

.matches_table tr:hover, tr.selected {
    background-color: #ffff99;
}

#suggest_an_item_last_box {
    width: 527px;
    margin-top: 20px;
    margin-left: 10px;
}

#suggest_an_item_last_box_header {
    background-image: url(/images/vbs/suggest/suggest_last_box_header.png);
    background-repeat: repeat-x;
    margin-bottom: -5px;
}

#suggest_an_item_last_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffff99;
    padding-left: 10px;
    padding-right: 10px;
}

#suggest_an_item_last_box_footer {
    background-image: url(/images/vbs/suggest/suggest_last_box_footer.png);
    background-repeat: repeat-x;
    margin-top: -5px;
}

#suggest_select_info {
    padding-left: 20px;
    font-size: 110%;
    height: 120px;
}

#suggest_select_comment {
    float: right;
    width: 240px;
    margin-right: 20px;
}

#suggest_select_comment #comment_header {
    font-size: 110%;
}

#suggest_select_comment #comment {
    background-color: #ffffaa;
    height: 75px;
    margin-top: -12px;
    margin-left: 70px;
}

#suggest_select_comment img {
    margin-top: 10px;
}

#suggest_not_there {
    margin-top: 5px;
    margin-left: 15px;
}

#suggest_select_info p {
    margin-top: 6px;
}

#suggest_select_info p input {
    float: right;
    width: 120px;
    margin-right: 10px;
}

#suggest_select_info textarea {
    background-color: #ffffaa;
    height: 65px;
    margin-left: 5px;
}

#suggest_selection_description {
    overflow: auto;
    max-height: 60px;
}

/* ======================= */
/* = VBS - Rank and Pair = */
/* ======================= */

#go_to_results {
    padding-top:15px;
    
    float: right;
  
    margin-right: 10px;
}

#rank_and_pair_box {
    width: 578px;
}

#rank_and_pair_box_header {
    background-image: url(/images/vbs/rank_and_pair/rank_and_pair_box_header.png);
    background-repeat: repeat-x;
    margin-bottom: -5px;
}

#rank_and_pair_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

#rank_and_pair_box_footer {
    background-image: url(/images/vbs/rank_and_pair/rank_and_pair_box_footer.png);
    background-repeat: repeat-x;
    height: 14px;
}

#rank_and_pair_box #column_headers {
    padding-left: 150px;
    margin-top: -15px;
}

#item_boxes {
    width: 362px;
    margin-top: -22px;
}

#item_boxes h3 {
    margin-top: 4px;
    padding-left: 10px;
    color: #ff0000;
}

.items_box_header {
    background-image: url(/images/vbs/rank_and_pair/items_box_header.png);
    background-repeat: repeat-x;
    margin-bottom: -5px;
}

.items_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    height: 90px;
    overflow: auto;
}

.items_box_footer {
    background-image: url(/images/vbs/rank_and_pair/items_box_footer.png);
    background-repeat: repeat-x;
    height: 10px;
}

#pair_box {
    float: right;
    width: 185px;
    margin-top: -18px;
}

#pair_box_header {
    background-image: url(/images/vbs/rank_and_pair/pair_box_header.png);
    background-repeat: repeat-x;
    margin-bottom: -5px;
}

#pair_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    height: 466px;
}

#pair_box_footer {
    background-image: url(/images/vbs/rank_and_pair/pair_box_footer.png);
    background-repeat: repeat-x;
    height: 9px;
}

#pair_box_inner hr {
    margin-top: 5px;
}

#pairing_waiting p {
    color: #aaa;
}

.pair_link {
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.pair_text {
    width: 140px;
    margin-left: 10px;
}

/* =========== */
/* = Results = */
/* =========== */

#results_groups_box {
    width: 968px;
}

#results_groups_box h2 {
    margin-left: 15px;
}

#results_groups_box_header {
    background-image: url(/images/vbs/results/results_groups_box_header.png);
    background-repeat: repeat-x;
    margin-bottom: -5px;    
}

#results_groups_box_footer {
    background-image: url(/images/vbs/results/results_groups_box_footer.png);
    background-repeat: repeat-x;
}

#results_groups_box_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    min-height: 400px;
}

#results_groups_box_inner h2 #loading {
	  font-family: 'Lucida Sans', Verdana, Arial, Sans-Serif;
		font-size: 10pt;
}

#results_groups {
    margin-top: 20px;
    margin-left: 10px;
}

#results_groups td.result_group_column {
    width: 244px;
}

.results_group {
    width: 224px;
}

#results_group_music_header {
    background-image: url(/images/vbs/results/results_music_box_header.png);
}

#results_group_video_header {
    background-image: url(/images/vbs/results/results_video_box_header.png);
}

#results_group_drama_header {
    background-image: url(/images/vbs/results/results_drama_box_header.png);
}

#results_group_other_header {
    background-image: url(/images/vbs/results/results_other_box_header.png);
}

.results_group_header {
    padding-left: 1px;
    padding-top: 21px;
    background-repeat: no-repeat;
    margin-bottom: -26px;
    height: 59px;
	width: 235px;
}
.results_group_header small{
	font-size: 85%;
	letter-spacing: 0.1px;
}
.results_group_header p, .results_group_header a {
    color: #fff;
}

.results_group_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-color: #ffffff;
    height: 350px;
}

.results_group_footer {
    background-image: url(/images/vbs/results/results_box_footer.png);
    background-repeat: no-repeat;
}

.results_group ol.results_group_list {
    margin-left: 5px;
    height: 350px;
    overflow: auto;
}

.results_group ol li {
    width: 200px;
}

.results_group ol li:hover{
    background-color: #DDD;
}

.results_group ol .list_number {
    float: left;
    height: 24px;
    font-size: 14pt;
    font-weight: bold;
    margin-right: 5px;
    color: #aaa;
}

.results_group ol {
    cursor: pointer;
}

.results_group ol .suggest_ratings {
    float: right;
    margin-right: 5px;
}

.results_group ol .suggest_details {
    width: 150px;
    min-height: 33px;
    margin-bottom: 5px;
    margin-left: 16px;
    cursor: pointer;
}

.results_group ol .suggest_name {
    font-weight: bold;
}

.rating_icons {
    font-size: 7pt;
}

.suggest_info_button {
    padding-top: 5px;
    float: right;
}

#print_friendly_options_link, #print_friendly_options p {
    margin-top: 10px;
}

/* ========= */
/* = Store = */
/* ========= */

#store_inner {
    min-height: 600px;
}

#store_header h2 {
    display: inline;
}

#store_header #back_to_results_link {
    margin-left: 50px;
    font-size: 11pt;
}

#store_header #shopping_cart {
    width: 322px;
    height: 33px;
    float: right;
    background-image: url(/images/store/cart_box.png);
    background-repeat: no-repeat;
    margin-top: 11px;
    margin-right: 10px;
}

#store_header #shopping_cart table {
    margin-top: 13px;
    margin-left: 5px;
}

#store_hr {
    width: 640px;
}

#store_suggest_details {
    margin-top: 28px;
    width: 968px;
/*    border: 1px solid #999;*/
}

#store_suggest_details_header {
    background-image: url(/images/store/store_suggest_details_header.png);
    background-repeat: no-repeat;
}

#store_suggest_details_inner {
    width: 966px;
    height: 440px;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background-image: url(/images/store/store_suggest_details_inner.png);
    background-repeat: repeat-x;
}

#store_suggest_details_footer {
    background-image: url(/images/store/store_suggest_details_footer.png);
    background-repeat: no-repeat;    
}

#store_suggest_details_left_side {
    width: 425px;
    margin-left: 10px;
}

#store_suggest_details_right_side {
    float: right;
    margin-right: 15px;
    width: 500px;
}

#store_suggest_details p.suggest_subheading {
    font-size: 10pt;
}

#store_suggest_details .suggest_rating {
    float: right;
    margin-right: 10px;
}

#store_suggest_details .suggest_main_info {
    height: 42px;
}

#store_suggest_details #store_suggest_action_links {
    text-align: right;
    margin-bottom: 37px;
}

p.store_suggest_detail_item {
    margin-bottom: 8px;
}

#suggest_other_topics_list {
    margin-left: 8px;
    margin-bottom: 2px;
}

hr.short {
    width: 182px;
}

#store_suggest_links_outer {
    float: right;
    width: 233px;
    margin-left: 10px;
}

#store_suggest_links_header {
    background-image: url(/images/store/product_availability_box_header.png);
    background-repeat: no-repeat; 
}

#store_suggest_links_inner {
    background-color: #ffff99;
    margin-top: -2px;
    min-height: 300px;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    padding-left: 10px;
    padding-right: 10px;
}

#store_suggest_links_footer {
    background-image: url(/images/store/product_availability_box_footer.png);
    background-repeat: no-repeat;     
}

#store_suggest_links #links {
    height: 220px;
}

#store_suggest_links #links img {
    margin-bottom: -5px;
}

#store_suggest_links b {
    font-size: 10pt;
}

#store_suggest_links #links img {
    float: right;
    margin-top: 2px;
}

#suggest_options_box {
    width: 500px;
}

#suggest_options_box_navbar {
    margin-left: 3px;
}

#suggest_options_box_navbar img {
    margin-left: -3px;
}

#suggest_options_box_inner {
    min-height: 300px;
    margin-top: -2px;
    width: 486px;
    background-color: #fff;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    padding-top: 10px;
    padding-left: 10px;
}

#suggest_options_box_footer {
    background-image: url(/images/store/suggest_options/suggest_options_box_footer.png);
    background-repeat: no-repeat;    
}

#suggest_user_comments, #suggest_pairings {
    height: 280px;
    overflow: auto;
}

.suggest_user_comment, .suggest_pairing {
    margin-bottom: 10px;
}

/* ======================= */
/* = My Account Settings = */
/* ======================= */

#my_account_settings .small_box_header {
    height: 23px;
    padding-top: 5px;
    padding-left: 8px;
    background-image: url(/images/account_settings/small_box_header.png);
    background-repeat: no-repeat;        
    font-weight: bold;
}
#my_account_settings .small_box_inner {
    width: 266px;
    background-color: #fff;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    padding-left: 5px;
    min-height: 140px;
}
#my_account_settings .small_box_footer {
    background-image: url(/images/account_settings/small_box_footer.png);
    height: 14px;
    background-repeat: no-repeat;            
}

#my_account_settings .large_box_header {
    height: 23px;
    width: 662px;
    padding-top: 5px;
    padding-left: 8px;
    background-image: url(/images/account_settings/large_box_header.png);
    background-repeat: no-repeat;        
    font-weight: bold;
}

#my_account_settings .large_box_inner {
    width: 662px;
    background-color: #fff;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    padding-left: 5px;
}
#my_account_settings .large_box_footer {
    width: 670px;
    background-image: url(/images/account_settings/large_box_footer.png);
    height: 11px;
    background-repeat: no-repeat;            
}

#membership_at_a_glance, #online_status_and_reputation {
    margin-bottom: 20px;
}

#my_account_settings #right_side {
    float: right;
    margin-right: 20px;
}

#membership_at_a_glance .small_box_inner {
    min-height: 200px;
}

#account_and_billing_details .small_box_inner {
    min-height: 330px;
}

#account_invoice_table .small_box_inner {
    min-height: 80px;
}
#online_profile .large_box_inner {
    min-height: 350px;
}

#online_status_and_reputation .large_box_inner {
    min-height: 150px;
}

.account_table {
    margin-top: 5px;
    width: 100%;
}
.account_table .account_table_label {
    text-align: right;
    width: 40%;
    font-weight: bold;
}
.account_table img{
	padding: 0;
	margin: 2px 0 -2px 0;
	height: 13px;
	width: 13px;
}

.edit_link {
    margin-top: 10px;
    margin-left: 10px;
    color: #3300ff;
    text-decoration: underline;    
}
#online_status_and_reputation .account_table_label {
    width: 60%;
}

#online_stats {
    width: 360px;
    padding-left: 20px;
    padding-top: 10px;
}

#suggestions_ratings {
    width: 270px;
    margin-top: 20px;
    float: right;
    text-align: center;
}

#invite_someone_link {
    float: right;
    margin-right: 40px;
}

#user_overall_suggest_rating {
    margin: 10px 100px;
}

#online_profile_table {
    width: 300px;
}

#online_profile_table .account_table_label {
    text-align: left;
}

#avatar_box {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    width: 240px;
}

#avatar_box_header {
    background-image: url(/images/account_settings/avatar_box_header.png);
    height: 7px;
    background-repeat: no-repeat;
}

#avatar_box_inner {
    height: 11px;
    padding-left: 8px;
    min-height: 80px;
    background-color: #FFFFC1;
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
}

#avatar_box_footer {
    background-image: url(/images/account_settings/avatar_box_footer.png);
    height: 6px;
    background-repeat: no-repeat;
}

#avatar_options {
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}

#avatar_box_inner img {
    margin: 8px;
}

#my_account_settings table {
    margin: 0px;
}

#stock_avatar_selection {
    margin-right: 5px;
    height: 65px;
    overflow: auto;
}

/* =========== */
/* = Sign Up = */
/* =========== */

.signup_header {
    font-size: 160%;
    margin-left: 5px;
}

.signup_header_right {
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}

#sign_up_steps {
    margin-right: 15px;
}

#sign_up_steps img.image_on {
    margin-bottom: -9px;
}

#sign_up_steps img.image_off {
    margin-bottom: -7px;
}

#trial_button {
    float: left;
    margin-right: -40px;
    margin-top: -10px;
    margin-left: 20px;
}

#signup_index_input_table {
    margin-top: 20px;
}

#secure_server_label {
    margin-bottom: -6px;
    margin-right: 10px;
}

#signup_submit_table {
    margin-bottom: 25px;
}

#church_code_input {
    width: 50px;
}

.selection_table {
    margin-top: 8px;
}

.selection_table #flash_message, #billing_information_table #flash_message, #beta_code_input_table #flash_message, #signup_index_input_table #flash_message, #contributor_login_table #flash_message {
    background-color: red;
    color: #fff;
    font-size: 12px;
}

.selection_table ul {
    height: 100px;
}

.has_border_right {
    border-right: 1px dotted #000;/*the border*/
}

.selection_table li {
    margin-top: 6px;
    margin-left: 8px;
    list-style-type: disc;
}

.selection_table h3 {
    color: red;
}

.selection_table p input {
    margin-top: 8px;
    margin-bottom: 8px;
}

#agree_with_terms_and_conditions {
    margin: 20px auto;
}

#choose_subaccounts_table .subaccount_count {
    font-size: 16px;
    color: #aaa;
    font-weight: bold;
}

#choose_subaccounts_table input.text {
    width: 120px;
}

#explaination {
    margin-top: 23px;
    width: 996px;
}

#explaination h3 {
    color: red;
}

#explaination p {
    padding-bottom: 10px;
}

#explaination_header {
    background-image: url(/images/signup/explaination_header.png);
    background-repeat: no-repeat;
    height: 17px;
}

#explaination_inner {
    background-image: url(/images/signup/explaination_inner.png);
    background-repeat: repeat-y;    
    padding-left: 15px;
}

#explaination_footer {
    background-image: url(/images/signup/explaination_footer.png);
    background-repeat: no-repeat;
    height: 15px;
}

/* =================== */
/* = Invite A Friend = */
/* =================== */

#invite_your_friends {
    height: 352px;
}

#invite_your_friends h3 {
    display: inline;
}

#invite_your_friends .subheader {
    font-size: 90%;
}

#invite_your_friends textarea {
    margin-bottom: 10px;
    font: 97% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

#invite_your_friends input {
    width: 142px;
}

#invite_your_friends .submit_button {
    width: auto;
    margin-right: 20px;
    margin-top: 10px;
}

/* ======== */
/* = Info = */
/* ======== */

#newsletters p, #media_center p{
    text-align: center;
}

.info_inner {
    border-right: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    background: #fff;
}

#info_left_side {
    float: left;
}

#info_right_side {
    margin-top: 29px;
    margin-left: 680px;
}

#about {
    width: 658px;
}

#about_header {
    background-image: url(/images/info/about_header.png);
    background-repeat: no-repeat;    
    height: 37px;
    padding-top: 20px;
    padding-left: 180px;
}

#about_inner {
    padding-left: 10px;
}

#about_footer {
    background-image: url(/images/info/about_footer.png);
    background-repeat: no-repeat;    
    height: 11px;
}

#about #mission_statement {
    float: right;
    width: 420px;
}

#testimonials, #advertise {
    width: 273px;
}

#testimonials_header {
    background-image: url(/images/info/testimonials_header.png);
    background-repeat: no-repeat;    
    height: 26px;
    padding-top: 5px;
    padding-left: 45px;
}

#testimonials_inner, #advertise_inner {
    min-height: 240px;
    padding: 10px;
}

#testimonials_footer, #advertise_footer {
    background-image: url(/images/info/testimonials_advertise_footer.png);
    background-repeat: no-repeat;    
    height: 11px;
}

#advertise_header {
    background-image: url(/images/info/advertise_header.png);
    background-repeat: no-repeat;    
    height: 27px;
    padding-top: 12px;
    padding-left: 45px;
}

#newsletters, #media_center {
    width: 319px;
}

#newsletters_header {
    background-image: url(/images/info/newsletters_header.png);
    background-repeat: no-repeat;    
    height: 37px;
    padding-top: 10px;
    padding-left: 60px;
}

#newsletters_footer, #media_center_footer {
    background-image: url(/images/info/media_center_newsletters_footer.png);
    background-repeat: no-repeat;    
    height: 13px;
}


#media_center_header {
    background-image: url(/images/info/media_center_header.png);
    background-repeat: no-repeat;    
    height: 34px;
    padding-top: 12px;
    padding-left: 60px;
}



/* =================== */
/* = Transparent Box = */
/* =================== */

.box_transparent {
 color:#000;
}
.box_transparent .hd .c,
.box_transparent .ft .c {
 font-size:1px; /* ensure minimum height */
 height: 6px;
}
.box_transparent .ft .c {
 height: 6px;
}
.box_transparent .hd {
    background:transparent url(../images/box_transparent/top_left.png) no-repeat 0px 0px;
}
.box_transparent .hd .c {
    background:transparent url(../images/box_transparent/top_right.png) no-repeat right 0px;
    margin-right: -6px;
}
.box_transparent .bd {
    background:transparent url(../images/box_transparent/mid_left.png) repeat-y 0px 0px;
}
.box_transparent .bd .c {
    background:transparent url(../images/box_transparent/mid_right.png) repeat-y right 0px;
    padding: 2px 0px 10px 10px;
    margin-right: -6px;
}
.box_transparent .ft {
    background:transparent url(../images/box_transparent/bottom_left.png) no-repeat 0px 0px;
}
.box_transparent .ft .c {
    background:transparent url(../images/box_transparent/bottom_right.png) no-repeat right 0px;
    margin-right: -6px;
}

/* ================ */
/* = Users Online = */
/* ================ */
.users_online_table a {
	color:#0000FF;
	text-decoration:underline;
}
.darker_table_row td, .lighter_table_row td {
	padding: 2px 10px;
}
.darker_table_row { 
	background-color:#CCC; 
}
.lighter_table_row { 
	background-color:#FFF; 
}

#tutorial_video {
	color:#3300FF;
  font-family: 'Lucida Sans', Verdana, Arial, Sans-Serif;
	font-size:12px;
}

/* =========================== */
/* = Ajax Progress Indicator = */
/* =========================== */

#spinner {
	color: #000;
	font-size: 110%;
}
#spinner .spinner_header{
	height: 6px;
	width: 299px;
    padding-top: 0px;
    padding-left: 5px;
    background-image: url(/images/common/spinner/spinner_header.png);
    background-repeat: no-repeat;  
    font-weight: bold;
}
#spinner .spinner_inner {
    width: 277px;
    background-color: #FFFFCC;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
    min-height: 40px;
}
#spinner .spinner_footer {
    background-image: url(/images/common/spinner/spinner_footer.png);
	height: 6px;
	width: 299px;
    background-repeat: no-repeat;            
}
#spinner #spinner_box{
	position: absolute;
    top: 35%;
    left: 35%;
    z-index: 94;
    width: 273px;
	height: 50px;
	background-color: transparent;
}
#spinner #spinner_box #spinner_status{
	font-size: 105%;
	font-weight: bold;
	float: right;
	width: 245px;
	margin-top: 10px;
}
#spinner #spinner_box #spinner_indicator{
	float: left;
	margin-left: 2px;
	margin-top: 7px;
}

/* =========================== */
/* = Support Page = */
/* =========================== */

.support_close {
	float:right;
}
.support_spacer {
	height:20px;
}

.support_heading {
	font-size:25px;
	font-weight:bold;
	background-color:#0066FF;
	padding: 5px 5px 5px 5px;
	color:white;
	margin:0;
}

.support_title {
	font-size:17px;
	font-weight:bold;
	background-color:#CCFF99;
	color:black;
	padding:5px;
	margin:0;
}

.support_description {
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFCC;
	color:black;
	padding:10px;
	margin:0;
}
.support_description a {
	text-decoration:underline;
	color:black;
}

 #create-room-network-list-inner {
	border: 1px solid #ccc;
	width: auto;
        height: 165px;
	overflow-y: scroll;
 }
 
.pop-meter-border {
        width: 100px;
        height: 10px;
        background: #FFF;
        /*padding: 3px;*/
        border: 1px solid #DDD;
}
.pop-meter-bar {
        height: 10px;
        background: url(/images/common/pop-meter-bar.jpg) repeat-x; 
}