html {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #F7F0DD url(/images/page_bg.jpg) repeat-x;
	text-align: center;
}

/* TinyMCE specific rules */
body.mceContentBody {
   background: #FFF;
   text-align: left;
}


body, p, ol, ul, table, tr, th, td { 
	font: 12px/1.25em "Tahoma", "Trebuchet MS", "Verdana", sans-serif; 
}
.small { font-size: 11px; color: gray; }

h1, h2, h3, h4, h5, h6 { 
    font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
    font-weight: bold;
	color: black;
	line-height: 1.0em;
}

h1 { font-size: 28px; }
h2 { font-size: 18px; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: -8px; }

a       { text-decoration: none; color: #444 } 
a:hover { text-decoration: underline; color: #444 }


th { color: #000; background-color: #E6E0CC; }
tr { }
tr.alternate { background-color: #F7F0DD; }


#container {
	text-align: left;
	margin: 0 auto;
	width: 920px;
	background-color: #FFE;
	border-left: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.visible_links a { color: black; border-bottom: 1px dotted gray; }
.visible_links a:hover { color: black; text-decoration: none; border-bottom: none; background-color: #FEA; }

/* This is the left column, which holds the main contents ------- */
#main {
	float: left;
	width: 650px;
	/* margin-bottom: 10px; */
}


/* The site banner graphic ------------------------------------- */
#banner {
	background-image: url(/images/header_banner.jpg);
	height: 75px;
}

#banner_logged_in { height: 10px; }


/* Horizontal navigation bar ----------------------------------- */
#nav {
	margin: 0;
	padding: 0 0 9px 10px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* background: #FC6; */
	float: left;
	width: 100%;
	background: #D5D5CC;
}

#nav ul li {
	display: inline;
	font-size: 11px;
	line-height: 1.2em;
}

#nav ul li a {
	display: block;
	float: left;
	padding: 1px 8px 2px;
	text-decoration: none;
	color: black;
	background: #D5D5CC;
	border-right: 1px solid #FFE;
	border-bottom: 1px solid #FFE;
}

#nav ul li a:hover {
	color: white;
	background-color: #999955;
}


/* The main content area (sometimes divided into two columns) --- */
#main_content {
	clear: both;
	padding: 10px 0 10px 10px;
	width: 640px;
}


/* The right sidebar -------------------------------------------- */
#sidebar {
	float: right;
	padding: 10px 10px 0 0;
	width: 250px;
	line-height: 1.0em;
}

#sidebar_top {
	width: 100%;
	font-size: 11px;
	margin-bottom: 10px;
	background-color: #E6E0CC;
	border: 1px solid #E0D0C0;
}

#sidebar_top_inner {
	padding: 7px;
	height: 130px;
}
#sidebar_top_inner b { font: bold 12px/1.0em "Trebuchet MS", "Tahoma", "Verdana", sans-serif; }

#site_data {
	float: left;
	width: 113px;
	display: inline;
}

#site_data #signup { padding-top: 20px; }
#site_data #signup a { font-weight: bold; font-size: 14px; }

#user_data {
	float: right;
	text-align: right;
	width: 113px;
	display: inline;
}
#user_data .login_field { width: 100%; height: 16px; }
#user_data form { padding: 0; margin: 0 0 5px 0; }


#region_menu select {
	text-align: right;
	width: 250px;
}

#language_selector {
	text-align: right;
	margin-bottom: 10px;
}


.login_help_popup {
	text-align: left;
}


/* Content boxes ------------------------------------------- */

.content_box {
	background: #E6E0CC;
    font-size: 11px; 
    margin: 0 0 10px 0;
	padding: 8px;
	border: 1px solid #E0D0C0;
}

.content_box h2 {
    font-size: 12px; 
	font-weight: bold;
    padding: 0;
    margin: 0;
}

.site_news_snippet {
	font-size: 11px;
	margin-top: 8px;
}


#most_visited_firms ol, #new_firms ol, #latest_guests ol, #forum_snippets ol {
	font-size: 11px;
    padding: 0;
	margin: 4px 0 0 0;
    list-style-type:decimal;
    list-style-position:inside;
}

#new_firms ol, #closest_venues ol, #latest_guests ol, #forum_snippets ol, #also_attending ol {
    list-style-type: none;
}

#forum_snippets li {
	background: url(/images/quote.jpg) 0 2px no-repeat;
	text-indent: 16px;
	margin-top: 8px;
}


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


div.float_right { 
	clear: right;
	float: right;
	display: inline;
	margin: 1px;
	padding: 0 0 10px 10px;
	text-align: center;
	font-style: italic;
	font-size: 11px;
}

#firm_data {
  clear: both;
}


div.twocols { clear:both; }
div.twocols_left {
  float: left;
  width: 314px;
  border-right: 1px solid gray;
  padding-right: 5px;
}
div.twocols_right {
  float: right;
  width: 314px;
  padding-left: 5px;
}


div.lr       { clear: both; }
div.lr_left  { float: left; }
div.lr_right { float: right; text-align: right; }


/* Event calendars ---------------------------------------------- */

#event_type_selector { text-align: center; font-size: 11px; }
#event_line_links    { width:100%; text-align: center; font-size: 11px; padding-bottom: 5px;}

div.event { padding-bottom: 10px; background-color: #F7F0DD; }

div.event div.lr { background-color: #999955; font-size: 11px; }
div.event div.lr_left { padding-left: 3px; color: #DDD; }
div.event div.lr_right { padding-right: 3px; color: #EEE; }

.eventtype {
  color: white;
  text-transform: uppercase;
  font-weight: bold;
}

.event_teaser { padding-left: 3px; }
.event_firm { font-size: 11px; font-weight: bold; }

.event_city { clear:both; font: bold 16px/1.2em "Trebuchet MS", "Tahoma", "Verdana", sans-serif; }

.event_line { clear:both; font-size: 11px; }
.event_line_starts { float:left; width:100px; padding-left: 10px; padding-right: 5px; }
.event_line_type   { float:left; width:90px; padding-right: 5px; }
.event_line_title  { float:left; padding-right: 5px; }
.event_line_firm   { float:right; }


/* Ticker ------------------------------------------------------- */

span#tickerarea { background: #E6E0CC; padding: 1px 0; }
span.kind { background: #999955; color: #DDD; font-weight: bold; padding: 1px 3px; }



/* Event tips on the overview page ------------------------------ */

.event_tips            { }
.event_tip_line_starts { float:left; padding-right: 5px; }
.event_tip_line_title  { float:left; }



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

.page_nav_bar {
	clear: both;
	text-align: center;
	margin: 3px 0;
}
span.page_nav_bar_sel { 
  padding: 0 3px 1px; 
  font-weight: bold; 
  background: #999955; 
  color: white; 
}
.page_nav_bar a:hover { background: #999955; color: white; text-decoration: none; }


div.comments {
	clear: both;
	font-size: 11px;
	margin-bottom: 5px;
}
div.user_thumbnail { 
	float: left; 
	width: 50px; height: auto;
	margin-right: 5px;
	border: 1px dotted gray;
}

#firm_page_header { height: 94px; }

div.firm_data_left { float: left; width: 60%;}
div.firm_data_right { float: right; width: 39%;}
div.firm_data_right ul { 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
    list-style-position: inside;
	list-style-image: url(/images/feed_small.gif);
}
div.clear { clear: both; }


/* Forums ------------------------------------------------------- */

table.forums { 
	width: 100%;
	border-collapse: collapse;
	border: 1px double #E6E0CC; 
}
table.forums tr.forum_row {
	vertical-align: top;
	border: 1px solid #E6E0CC;
}
table.forums td.forum_title_etc {
	width: 25%;
	background-color: #F7F0DD;
	padding: 5px;
}
div.forum_stats {
	font-size: 11px;
	color: gray;
	padding: 0 0 0 7px;
}
table.forums td.forum_description {
	padding: 5px;
}
div.forum_latest_posting {
	font-size: 11px;
	padding: 5px 0 10px 25px;
}


table.forum_threads {
	width: 100%;
	border-collapse: collapse;
	border: 1px double #E6E0CC; 
}
table.forum_threads tr.forum_thread_row_1 {
	vertical-align: top;
	border-top: 1px solid #E6E0CC;
}
table.forum_threads td.forum_thread_title {
	font-weight: bold;
	padding: 2px 0 0 5px;
}
table.forum_threads td.forum_thread_data {
	text-align: right;
	color: grey;
}
table.forum_threads td.thread_latest_posting {
	font-size: 11px;
	padding: 0 0 7px 25px;
}


table.forum_postings {
	width: 100%;
	border-collapse: collapse;
	border: 1px double #E6E0CC; 
}
table.forum_postings tr {
	vertical-align: top;
	border-top: 1px solid #E6E0CC;
}
table.forum_postings td.forum_posting_data {
	width: 25%;
	background-color: #F7F0DD;
	padding: 5px;
}
table.forum_postings td.forum_posting_data span.username { 
	font-weight: bold;
}
table.forum_postings td.forum_posting_contents {
	margin: 0;
	padding: 5px;
}

table.forum_thread_bottom { width: 100%; }
td.forum_thread_edit { width: 25%; vertical-align: top; }
td.forum_posting_input {  }
textarea.forum_posting_body { width: 100%; }
div.posting_edit_links { 
	float: right;
	font-size: 11px;
	padding: 5px 20px 5px 10px;
	color: gray;
}

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

div.people_sort_order { text-align: center; font-size: 11px; }


table#settings { width: 100%; }
table#settings td { vertical-align: top; }

table.documents { width: 100%; }
#document_summary { padding: 0 85px; }
#document_body { padding: 10px 40px; }


#captioned_images_outer { display: inline; }
#captioned_images {}
#captioned_image { clear: right; float: right; }

#captioned_images_control { 
	padding-bottom: 10px;
	width: 100%;
	font-size: 11px;
}

#captioned_images_control div.hover { background: red; }

#captioned_images_control div.control {
	border: 1px solid gray;
	overflow: hidden;
}

#captioned_images_control #upload { background: white; }
#captioned_images_control #upload input.file_chooser {}
#captioned_images_control #upload input.submit_button { display: block; }

#captioned_images_control #the_bin { 
  width: 50px; 
  height: 50px; 
  background-image: url(/images/bin.jpg); 
  margin-top: 5px;
  margin-right: 5px;
  float: left;
}

#captioned_images_control .info {
  margin-top: 5px;
  font-size: 10px;
  color: gray;
}


/* Overview page -------------------------------------------------- */

.overview_messages { clear: both; }
.overview_message_creator { clear: both; float: left; width: 150px; font-weight: bold; }
.overview_message_body { float: left; }
.overview_message_time { float: right; }

#club_applications table { width: 100%; border-collapse: collapse; border: 1px solid #FEB; margin-bottom: 10px; }
#club_applications table th { padding: 0 10px; }
#club_applications table td.club_application_body { padding: 0 20px; }
#club_applications table td.club_application_buttons { text-align: right; }


#closest_venues ol, #unread_messages ol, #recent_documents ol, #recent_threads ol, 
#new_clubs ol, #new_members ol, #online_users ol, #new_blogs ol, 
#attending ol, #attending_empty ol, #most_liked ol, #event_tips ol, #friendship_requests ol {
	font-size: 11px;
    padding: 0;
	margin: 4px 0 0 0;
    list-style-type: none;
}

.overview_table { width: 640px; border-collapse: collapse; }
.overview_table td { vertical-align: top; }



/* Top line of boxes */
#closest_venues  { width: 180px; height: 107px; overflow:hidden; }
#attending       { width: 155px; height: 107px; overflow:hidden; }
#attending_empty { width: 155px; height: 107px; overflow:hidden; }
#new_members     { width: 100px; height: 107px; overflow:hidden; }
#new_clubs       { width: 110px; height: 107px; overflow:hidden; }

#attending b { font-weight: normal; }


/* Bottom line of boxes */
#new_blogs        { width: 145px; height: 107px; overflow:hidden; }
#recent_threads   { width: 130px; height: 107px; overflow:hidden; }
#recent_documents { width: 130px; height: 107px; overflow:hidden; }
#most_liked       { width: 140px; height: 107px; overflow:hidden; }


#overview_suicide { 
  float: right;
  border: 1px solid #AAA;
  text-align: right; 
  font-size: 10px; 
  padding: 0 5px 2px 5px;
  margin-bottom: 10px;
}

#overview_news {
  margin: 0 3px 10px 3px;
  padding: 10px;
  border: 1px solid #E6E0CC;
  background: white;
  font-size: 12px;
}

#overview_moderator_links { 
  float: left;
  border: 1px solid #AAA;
  text-align: right; 
  font-size: 10px; 
  padding: 0 5px 2px 5px;
  margin-bottom: 10px;
  margin-right: 5px;
}

.friendship_request { }
.friendship_request .friendship_request_pic { float: left; padding-right: 6px; padding-bottom: 10px; }
.friendship_request .friendship_request_name { float: left; font-weight: bold; padding-right: 10px; }
.friendship_request .friendship_request_time { float: left; padding-right: 10px; }
.friendship_request .friendship_request_links { float: right; padding-left: 10px; }
.friendship_request .friendship_request_body { clear: right; }


/* Messages ------------------------------------------------------- */

#message_folder_nav {
	margin: 0;
	padding: 0;
	float: right;
}

#message_folder_nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

#message_folder_nav ul li {
	display: inline;
	font-size: 13px;
	line-height: 15px;
}

#message_folder_nav ul li a {
	display: block;
	float: left;
	padding: 2px 12px 5px;
	text-decoration: none;
	color: black;
	background: #D5D5CC;
	border-right: 2px solid #FFE;
}

#message_folder_nav ul li a:hover {
	color: white;
	background-color: #999955;
}


table.messages {
	width: 100%;
	border-collapse: collapse;
	border: 1px double #E6E0CC;
}
table.messages th, td {
	padding: 1px 2px;
}
table.messages th.message_time, td.message_time { text-align: right; font-style: italic; }


.user_message { border: 1px solid #E6E0CC; padding: 10px 10px 5px 10px; background-color: #F7F0DD; margin-bottom: 5px; }

.message_header { width: 100%; }
.message_user_pic { float: left; padding: 0 20px 5px 0; }
.message_from_to { float: left; font-weight: bold; }
.message_to { padding-left: 13px; }
.message_times { float: right; text-align: right; }

.message_body {
	clear: both;
	margin: 5px 0;
	padding: 10px 30px;
	border: 1px solid #E6E0CC;
	background-color: white;
}

.message_quoted {
	border-left: 2px solid blue;
	margin-left: 10px;
	padding-left: 10px;
}


/* Venues, Events ---------------------------------------------- */

#route { clear: both; }
#map_div { float: right; border: 1px solid black; padding-left: 10px; }
#map_div_edit { border: 1px solid black; }

table.venue_table { width: 100%; border-collapse: collapse; border: 1px solid #E6E0CC; }
table.venue_table th { font-weight: bold; font-size: 13px; padding: 3px 10px; background-color: #999955; color: white; }
table.venue_table td.venue_thumbnail { width: 60px; }
table.venue_table td.venue_name { padding-left: 10px; }
table.venue_table td.venue_address { width: 250px; }
table.venue_table td.venue_event_count { font-size: 11px; width: 40px; text-align: right; padding-right: 10px; }

#owned_venues { margin-bottom: 10px; }
#owned_venues h3 { padding: 3px 10px; background-color: #999955; color: white; 
	               margin: 0; font: 13px/1.25em "Tahoma", "Trebuchet MS", "Verdana", sans-serif; 
	               font-weight: bold; }

table#new_events { width: 100%; border-collapse: collapse; border: 1px solid #FEB; margin-bottom: 10px; }
table#new_events th { padding: 0 10px; }
table#new_events td { font-size: 11px; }

.attending_member { width: 16%; height: 120px; float: left; display: inline; font-size: 11px; text-align: center; }


/* Clubs ------------------------------------------------------- */

#club_index { border-collapse: collapse; }
#club_index a { color: white; }
.club_thumbnail { height: 105px; vertical-align: top; padding: 0; margin: 0; }
.club_name { padding-left: 5px; font-weight: bold; background-color: #999955; color: white; }
.club_data { text-align: right; font-size: 11px;   background-color: #999955; color: #DDD; }
.club_description { vertical-align: top; padding: 10px; }

#club_forum_snippets, #club_members, #club_leader { clear: left; }
.club_member { width: 16%; height: 120px; float: left; display: inline; font-size: 11px; text-align: center; }


/* Home page for users ----------------------------------------- */

#club_memberships { clear: both; }
.club_membership { float: left; width: 33%; height: 52px; padding-top: 5px; }
.club_membership_thumbnail { float: left; width: 55px; height: 52px; }
.club_membership_data { float: left; font-size: 11.2px; }

#homepage_some_friends { 
	clear: both; 
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted gray;
}


/* Firms ------------------------------------------------------- */

table#firms { width: 100%; border-collapse: collapse; }
table#firms th { font-size: 11px; font-weight: bold; text-align: right; }
table#firms td { font-size: 12px; }

#firm_admin { margin-top: 20px; clear: both; }
#firm_admin table { width: 100%; }

table#new_firms { width: 100%; border-collapse: collapse; border: 1px solid #FEB; margin-bottom: 10px; }
table#new_firms th { padding: 0 10px; }
table#new_firms td { font-size: 11px; }


/* Market page ------------------------------------------------- */

#market {}
#market h2 { font-size: 14px; background-color: #999955; color: white; padding: 2px; }
table.market_firms { width: 100%; border-collapse: collapse; }
table.market_firms td { font-size: 11px; vertical-align: top; padding: 0; }
table.market_firms .firm a { font-weight: bold; }
table.market_firms .city { text-align: right; }
table.market_firms span.market_summary { font-style: italic; color: gray; }


/* Shoutbox ---------------------------------------------------- */

.shoutbox_message {}
.shoutbox_header { background-color: #D5D5CC; }
.shoutbox_owner { float: left; font-weight: bold; padding-left: 3px; }
.shoutbox_time { float: left; color: white; font-size: 11px; padding-left: 10px; }
.shoutbox_body { clear: both; padding: 3px 20px 8px; }
.shoutbox_destroy { font-size: 11px; float: right; padding-right: 5px; }

#shoutbox { font-size: 11px; }


/* Friends ----------------------------------------------------- */

table#social_list { border-collapse: collapse; }
table#social_list td { }

#social_relationship { font-size: 11px; font-weight: bold; }
#social_relationship a { font-weight: normal; }


/* Search page ------------------------------------------------- */

#free_text_search { }
#free_text_search_box { }
#logged_in_search { float:right; width:150px; }


/* Partner search ---------------------------------------------- */

table.partner_search_table { width: 100%; border-collapse: collapse; }

tr.partner_search_title_row { vertical-align: top; }
div.partner_search_location { display: inline; float: right; font-size: 11px; }

td.partner_search_event_image { }
td.partner_search_user_image { }

td.partner_search_event { background-color: #999955; color: #DDD; }
td.partner_search_event a { color: white; }

td.partner_search_general { background-color: #999955; color: #DDD; }
td.partner_search_general a { color: white; }

tr.partner_search_content_row { vertical-align: top; }
td.partner_search_data { padding: 5px 10px 10px 10px; }
div.partner_search_body { padding: 5px 20px; }

div.parther_search_buttons { display: inline; float: right; font-size: 11px; }


/* Link categories and links ----------------------------------- */

#link_categories table { width: 100%; border-collapse: collapse; }
#link_categories table thead tr { background-color: #E6E0CC }
#link_categories table thead tr td { padding: 5px 0px; }
#link_categories table thead tr td.name { width: 33%; font-size: 14px; font-weight: bold; padding-left: 5px; }
#link_categories table thead tr td.description { width: 66%; }
#link_categories span.creator, #link_categories span.username a { color: #888; }


/* Voting ------------------------------------------------------ */

.voting { display:inline; font-size: 11px; }
.voting .for { display: inline; vertical-align: top; } 
.voting .against { display: inline; }


/* Translations ------------------------------------------------ */

table#translations { width: 100%; border-collapse: collapse; border: 1px solid #E6E0CC; }
table#translations tr { }
table#translations th { font-weight: bold; background-color: #999955; color: white; }
table#translations td { border: 1px solid #E6E0CC; }


/* Log --------------------------------------------------------- */
table.log { width: 100%; border-collapse: collapse; border: 1px double #E6E0CC; }
table.log tr { vertical-align: top; border: 1px solid #E6E0CC; }

/* Control.SelectMultiple -------------------------------------- */

.select_multiple_outer_container {
	position:relative;
}

.select_multiple_submit {
	background: #303030;
	padding:10px;
	height:20px;
	text-align:right;
}

.select_multiple_label {
	margin-left:5px;
	font-family:"Lucida Grande",Verdana;
	font-size:11px;
}

.select_multiple_container {
	width:200px;
	position:absolute;
	top:0;
	left:0;
	z-index:500;
	border:1px solid #222;
	border-top:none;
}

.select_multiple_container .select_multiple_header {
	color:#eee;
	font-family: "Lucida Grande", Verdana;
	font-weight:bold;
	font-size:12px;
	margin:0;
	padding:7px 0 8px 10px;
	background-color:#303030;
}

table.select_multiple_table td {
	height:20px;
	border-bottom:1px solid #ddd;
	font-family:"Lucida Grande",Verdana;
	color:#333;
	font-size:11px;
}

table.select_multiple_table tr.even {
	background-color:#FCFCFC;
}

table.select_multiple_table tr.odd {
	background-color:#F7F7F7;
}

table.select_multiple_table tr.selected {
	background-image:none;
	background-color:#FC6;
}

.select_multiple_name {
	padding-left:15px;
	font-weight:bold;
}

.select_multiple_checkbox {
	text-align:right;
}

.select_multiple_checkbox input {
	margin-right:15px;
}


/* Autocomplete dropdown ---------------------------------------- */

div.auto_complete {
  width: 350px;
  background: #fefcf2;
  color: black;
  font-size: 11px;
  line-height: 13px;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}

div.auto_complete ul li {
  margin:0;
  padding:1px;
}

div.auto_complete ul li.selected { 
  background-color: #ffad45; 
}

div.auto_complete ul strong.highlight { 
  color: #800; 
  margin:0;
  padding:0;
}



/* The footer, containing the ads ------------------------------- */
#footer {
	clear: both;
    height: 130px;
	background: gray url(/images/footer_bg.jpg) repeat-x;
	padding: 10px 0px 0px 10px;
}

#footer img { margin-right: 10px; } 


/* The following is the standard Rails CSS ----------------------------------- */

div.error, div.warning, div.notice, div.message {
	width: 618px;
	margin: 0 0 10px 0;
	padding: 10px;
	border: 1px solid black;
    font-family: "Trebuchet MS", "Tahoma", "Verdana", sans-serif;
    font-weight: bold;
}

div.error   { background-color: #F00; color: white; }
div.warning { background-color: #430; color: #F80; }
div.notice  { background-color: #FC6; color: black; }
div.message { background-color: #FEB; color: black; }


.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 15px 0 0 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}