h1,h2,h3 {
	font-family:Georgia,serif;
}

h1 {
	font-size:16px;
}

h2 {
	font-size:14px;
}

h3 {
	font-size:12px;
}

a:active, object
{
  outline: none;
}


a {
	cursor:pointer;
}

#left_column {
	float:left; 
	width:310px;
}

#right_column {
	float:left; 
	width:640px; 
	margin:0 0 0 10px;
	background:#fff;
}

#riff_preview_container {
	width:640px;
	height:450px;
	background:#fff; 
	padding:15px 0; 
}

.white_box {
	background:#fff;
	min-height:400px;
}

.left_column {
	float:left;
	cursor:pointer;
	display:block;
	width:155px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#e9e3d7;
	font-style:italic;
}

.left_column_selected {
	background:#fff;
}

#rabbitear {
	width:30px;
	height:30px;
	position:absolute;
	top:0px;
	left:140px;
	background:#e9e3d7 url(/images/rabbitear.png) no-repeat;
}

#your_riffs_control {
	display:none;
}

.big_button {
	position:relative;
	border:3px double #fff;
	background:#b5b5b5; 
	font-size:larger;
	display:block;
	color:#fff;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	cursor:pointer;
}

.tip {
	position:absolute;
	right:-27px;
	top:-4px;
	height:51px;
	width:27px;
	background:url(/images/tip.png) no-repeat;
}
.any_button_over {
	background:#666;
}

#preview_status { width:105px; padding-left:20px; display:none; }/* note: this is temporarily hidden */

.small_button {
	border:3px double #fff;
	background:#b5b5b5;
	font-size:smaller;
	display:block;
	color:#fff;
	padding:4px 10px;
	cursor:pointer;
	float:right;
}

.small_button#addCart { background:#983329; }

.big_button_selected {
	background:#983329;
}

.big_button div.label {
	float:left;
}
.big_button div.plus {
	float:right;
}

span.plus {
	position:absolute;
	right:8px;
	top:-3px;
	color:#fff;
	font-family:arial;
	font-weight:normal;
	font-size:40px;
}


#your_riffs_control div.quiet {
	font-size:11px;
	text-align:center;
	margin:0;
	padding:0;
}

#your_riffs_control ul {
	margin:10px 0 0 0;
}

#your_riffs_control ul li {
	padding:5px;
	cursor:pointer;
}

.alt {
	background:#f2eee7;
}

.over {
	background:#53493c;
	color:#fff;
}

.riff_color {
	width:10px;
	height:10px;
	border:1px solid #fff;
	float:left;
	background:#000;
	margin:5px 10px 0 5px;
}

.riff_title {
	float:left;
	width:235px;
	height:20px;
	line-height:20px;
	font-size:14px;
}

li .riff_title a { 
    color:#000;
    text-decoration:none;
}

li.over .riff_title a { 
    color:#fff;
    text-decoration:none;
}

.riff_icon {
	float:left;
	cursor:pointer;
}

.start_page {
	display:none;
}

.riff_icon_preview {
	width:22px;
	height:20px;
	background:url('/images/riffing/preview.png') no-repeat 0 4px;
}

.riff_icon_preview_white {
	width:22px;
	height:20px;
	background:url('/images/riffing/preview_white.png') no-repeat 0 4px;
}


.riff_icon_edit {
	background:url('/images/riffing/edit.png') no-repeat 5px 4px;
	font-size:10px; 
	height:20px; 
	line-height:10px; 
	width:40px; 
	background-position:30px;
}

ul li a.riff_icon_edit {
	background:url('/images/riffing/edit.png') no-repeat 5px 4px;
	font-size:10px; 
	height:20px; 
	width:22px;
}

.riff_icon_delete {
	width:22px;
	height:20px;
	background:url('/images/riffing/delete.png') no-repeat 5px 4px;
}

.riff_icon_delete_white {
	width:22px;
	height:20px;
	background:url('/images/riffing/delete_white.png') no-repeat 5px 4px;
}

.riff_icon_pdf {
	width:25px;
	height:20px;
	background:url('/images/riffing/pdf.png') no-repeat 0 0;
}

.riff_icon_drag {
	width:20px;
	height:20px;
	background:url('/images/riffing/drag.gif') no-repeat 2px 4px;
}



.riff_cover_color_0 {
	background:url('/images/cover_0.gif') no-repeat 0 0;
}
.riff_cover_color_1 {
	background:url('/images/cover_1.gif') no-repeat 0 0; 
}
.riff_cover_color_2 {
	background:url('/images/cover_2.gif') no-repeat 0 0; 
}
.riff_cover_color_3 {
	background:url('/images/cover_3.gif') no-repeat 0 0; 
}
.riff_cover_color_4 {
	background:url('/images/cover_4.gif') no-repeat 0 0; 
}
.riff_cover_color_5 {
	background:url('/images/cover_5.gif') no-repeat 0 0; 
}







#this_riff_actions {
	margin:20px 10px 20px 10px;
}

#this_riff_actions div.riff_title {
	font-size:larger;
	width:220px;
}

#this_riff_control p {
	margin:20px;
}

#this_riff_control ul {
	list-style:none;
	margin:0;
	padding:0;
}

#this_riff_control ul li {
	margin:1px;
	padding:5px;
	background:#f2eee7;
	cursor:pointer;
}

#this_riff_control ul li.edit_content_selected {
	background:#983429;
	color:#fff;
}

#this_riff_control ul li.edit_content_selected a.riff_icon_preview {
	background:url('/images/riffing/preview_white.png') no-repeat 0 4px;
}

#this_riff_control ul li.edit_content_selected a.riff_icon_delete {
	background:url('/images/riffing/delete_white.png') no-repeat 5px 4px;
}


#this_riff_control ul li.edit_content_selected a.riff_icon_edit {
	background:url('/images/riffing/edit_white.png') no-repeat 5px 4px;
}

#this_riff_control ul li.edit_content_selected a.riff_icon_drag {
	background:url('/images/riffing/drag_white.png') no-repeat 0 4px;
}

#this_riff_control ul li a.riff_title {
	width:210px;
}

#edit_content {
	width:640px;
	background:#fff; 
	padding:15px; 
	min-height:400px;
	display:none;
}


#edit_content h2,
#share h2 {
	border:3px double #fff;
	background:#983429;
	font-size:larger;
	font-weight:normal;
	display:block;
	color:#fff;
	padding:10px;
	margin:0 0 10px 0;
}

#edit_content h2.yui-editor-skipheader,
#write_content h2.yui-editor-skipheader {
	display:none;
}

#edit_content,
#write_content {
	font-size:smaller;
}

#edit_content label,
#write_content label {
	font-weight:normal;
	color:#666;
}

#edit_content label strong,
#write_content label strong {
	font-weight:bold;
	color:#000;
}

#content_body,
#write_body {
	width:1px;
	height:1px;
}

#edit_content #content_title,
#write_content #write_title {
	border:1px solid #666;
	padding:7px;
	width:300px;
	margin:5px 5px 10px 0px;
}

#edit_content #save_or_cancel,
#write_content #save_or_cancel {
	margin:10px;
}


#meta_data_and_next_steps {
	float:left;
	width:610px;
	background:#fff; 
	padding:15px;
}

#meta_data_and_next_steps a {
	text-decoration:none;
} 

#meta_data_and_next_steps ul {
	padding:0;
	list-style:none;
}

#meta_data_and_next_steps ul li {
	font-size:smaller;
	float:left;
	margin:14px 10px 6px 10px;
}

#meta_data_and_next_steps span.quiet {
	color:#666;
}



form#upload_content label {
	font-size:small;
	margin:10px 0 5px 0;
	display:block;
	color:#666;
	font-weight:normal;
}
form#upload_content label strong {
	color:#333;
}
form#upload_content input#upload_title
 {
	border:1px solid #666; padding:7px; width:300px;
}
form#upload_content div {
	margin:10px 0 0 0;
}


#share {
	width:640px;
	background:#fff; 
	padding:15px; 
	min-height:400px;
	display:none;
}

#share h3 {
	text-align:center;
	font-weight:normal;
	margin:25px 0 25px 0;
}

#share p {
	text-align:center;
	margin:10px;
	color:#666;
}

#share label {
	text-align:left;
	display:block;
	font-size:x-small;
	font-weight:normal;
	margin:5px 0 5px 0;
}

#share label strong {
	font-size:small;
	color:#333;
	font-weight:bold;
}

#share input,
#share textarea {
	border:1px solid #333;
	padding:7px;
	font-size:large;
	width:100%;
}

#share p.squish {
	width:300px;
	margin:0 auto 25px auto;
}

#share button {
	margin:0 0 0 10px;
}

#search_form {
	padding:0 0 0 45px;
	margin:16px 0;
	background: transparent url('/images/bg-search.gif') no-repeat 15px center;
}

form#search_form .not_loading {
	background:url('/images/magnifier.jpg') no-repeat 0 5px;
}

form#search_form .loading {
	background:url('/images/progress.gif') no-repeat 0 5px;
}

#sources {
	margin-left: 1px;
}

#sources .source_tab {
	float: left;
	padding: 5px 10px;
	border: solid 1px rgb(153, 153, 153);
	margin-left: -1px;
	margin-bottom: -1px;
	height: 20px;
	cursor: pointer;
	background-color: #eee;
}

#sources .source_tab.current {
	background-color: white;
}

#sources .source_tab img {
	vertical-align: top;
}

#sources .source_tab span {
	line-height: 16px;
}

.progress {
	width:16px;
	height:16px;
	background:url('/images/progress.gif') no-repeat 0 0;
}

.progress_grey {
	width:16px;
	height:16px;
	background:url('/images/light_grey_throbber.gif') no-repeat 0 0;
}

#create_new_riff.any_button_over DIV.progress_grey {
	width:16px;
	height:16px;
	background:url('/images/dark_grey_throbber.gif') no-repeat 0 0;
}



#write_progress {
	float:left; 
	background:url(/images/progress.gif) no-repeat 0 0; 
	margin:0; 
	padding:0 0 0 20px;
	display:none;
}

#right_column #search_form { overflow:hidden; }

#search_form input#query_ {
	border:1px solid #ccc;
	color:#666;
	padding:5px;
	font-size:12px;
	width:378px;
	float:left;
	height:15px;
}
#search_form input.btn {
	width:160px;
	float:left;
	height:27px;
	margin-left:4px;
}



#right_panel {
	background:#fff; 
	padding:15px; 
	min-height:400px;
	width:610px;
	display:none;
}

#right_panel #accord, #accord  {
	width: 100%;
}

#right_panel #accord  p,  #accord  p{
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
}

#right_panel #accord a.title, #accord  a.title {
	position:relative;
	cursor:pointer;
	display:block;
	padding:10px;
	margin-top: 0;
	text-decoration: none;
	line-height:19px;
	color: #fff;
	font-family:Georgia,serif;
	font-size:20px;
	
	background: #999 url('/images/riffing/accordian-add.gif') no-repeat 575px center;
	border:3px double #ddd;
	margin-bottom:10px;	
	clear:both;
}

#accord  a.title { 
	font-size:20px;
}

#accord span.plus {
  top:8px;
  display:none;
}

#right_panel #accord  a.title:hover, #accord  a.title:hover {
	background-color: #666;
}

#right_panel #accord  a.selected, #accord  a.selected  {
	color: #fff;
}

td .ui-state-active {
  background-color:#ccc;
}
.ui-state-active {
	background-color: #9B3529 !important;
	color: #fff !important;
}
.ui-icon {
  display:none !important;
}

.btn {
	border:1px solid #ccc;
	height:28px;
	padding:6px 10px;
	font-family:Georgia,serif;
	font-size:11px;
	cursor:pointer;
	cursor:hand; }

.btn.forward { float:right;
	border:3px double #fff;
	background:#983329;
	height:28px;
	padding:0 10px 2px;
	font-family:Georgia,serif;
	font-size:12px;
	letter-spacing:0.2px;
	color:#fff;
	line-height:28px; }

#right_panel #accord .input {
	height:20px;
	padding:2px;
	border:1px solid #ccc;
}

#right_panel #accord p.info {
	font-size:14px;
	font-family:Georgia,serif;
	text-align:center;
	line-height:2.0em;
	color:#999;
}

#right_panel #my_content {
	margin:0 0 20px 0;
}













#right_panel #serp, #right_panel #my_content {
	font-size:11px;
}

#right_panel td, #right_panel th {
	padding:5px;
}

#right_panel .heading {
	background-color:#333;
	height:25px;
	color:#fff;
}

#search_results .heading {
	background-color: rgb(153, 153, 153);
}

#right_panel .heading th {
	text-align:left;
	padding-left:5px;
	font-weight:normal;
}

#right_panel #serp td div.preview, #right_panel #my_content td div.preview {
	width:20px;
	height:20px;
	float:left;
	cursor:hand; cursor:pointer;	
}

td div.add  {
	width:20px;
	height:20px;
	float:left;	
	text-align:center;
	font-size:16px;
	padding-left:5px;
	font-weight:900;
	cursor:hand; cursor:pointer;
}

form {
	margin:0px;padding:0px;
}

/*
#facebox .content {
	text-align: center;
}
*/

#search_results {
	clear: both;
}

#search_results tr { border-bottom:1px solid #ccc; }

#search_results td a {
	text-decoration:none;
}

#search_results tr.over td a {
	color:#fff;
}
#serp_pageination .pagination {
	text-decoration:none;
	padding:4px;
	font-size:14px;
	color:#000;
}

#serp_pageination {
	border-top:1px solid #ccc;
	margin-right:10px;
	padding-top:10px;
	height:25px;
}

#serp_pageination a.sel {
	border:1px solid #ccc;
	background-color:#efefef;
}

.cursor {
	cursor:hand; 
	cursor:pointer;
}

.hidden {
	display:none;
}

/* The ID of the editor's container and the bottom right resize handle. */
#editor_container .yui-resize-handle-br {
    /* Make the handle a little bigger than the default */
    height: 11px;
    width: 11px;
    /* Resposition the image */
    background-position: -20px -60px;
    /* Kill the hover on the handle */
    background-color: transparent;
}

a div {
	text-decoration:none;
}

#upload_progress {
	position:relative;
	height:20px;
	border:1px solid #ccc;
	width:60%;
	margin:0px 0px 10px;
}

#upload_msg {
	font-size:11px;
}

#indicator{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#efefef;
	width:0%;
}



/*
  Search Bar and button (views/riffs/index.html.erb)
*/
#search_bar {
  height:60px;
  border-top:1px solid rgb(229,228,226);
  border-bottom:1px solid rgb(229,228,226);    
  background-color: #f8f8f8;    
}

#search_bar #q {  
  height:23px;
  border:1px solid rgb(204,204,204);
  padding:1px;
  padding-left:5px;    
  width:410px;
}

#search_btn {
  width:165px;
  height:27px;
  vertical-align:bottom;
  border:1px solid #ccc;
  font-size:14px;
}

/* 
 This is the bar betweeen the form and the reults
*/
#search_header {
  margin-top:20px;
  border-bottom:1px solid #ccc;
  display:none;
}






/*
  Search Results (views/riffs/index.html.erb)
*/
#sea
.static ul{
  padding-left:10px;
}

#result_page {
  width:660px;
  margin-top:40px;
  padding:0px;
/*
  float:right;
*/
}

#result_page ul {
  margin:0px;
  padding:0px;
  clear:both;
}

#result_page ul li {
  list-style-type:none;
  float:left;
}

#result_page .item .author,
#result_page .item .edit,
#result_page .item .sales_settings,
#result_page .item .delete,
#result_page .item .label {
  display:none;
}

#result_page .cover_info {
	line-height:16px;
	min-height:64px; }

#result_page .item .title {
/*
  position:absolute;
*/
/*
  padding-top:1px;
  left:123px;
  font-family:Times;
*/
  color:#000;
  font-weight:normal;
  font-size:14px;
}


#result_page .item SPAN.riffby {
/*
  position:absolute;
*/
  left:123px;
  top:80px;  /* temp */
}

#result_page .item SPAN.riffby .riffer {
/*
  position:absolute;
*/
/*
  width:100px;
  display:block;
*/
}

#result_page .item SPAN.riffby .riffer a {
  position:relative;  
  border-bottom:1px solid #ccc;  
  font-size:10px;
  line-height:12px;
}

#result_page .item SPAN.riffby .label {
  display:block;
  font-size:10px;
  line-height:12px;
}

#result_page .item .preheader {
/*
  position:absolute;
*/
  top:30px;  /* temp */
  left:123px;
}
#result_page object {
  margin-left:-30px;
}
#result_page .item .price{
/*
  position:absolute;
  top:55px;
  left:123px;
*/
  display:block;
  height:24px;
  color:#C9446C;
  font-size:16px;
}

#result_page .item .preview, #result_page .item .preview2 {
  display:none;
}


#result_page .item .title {
  display:block;
}

#result_page .item a.view, #result_page .item a.buy {
  background: #fff url(/images/riffing/preview.png) 0 center no-repeat;
  position:absolute;
  display:block;
  top:120px;
  left:116px;
  height:30px;
  line-height:30px;
  color:#666;
  width:65px;
  font-size:12px;
  padding-left:30px;
  vertical-align:baseline; }
#result_page .item a.view:hover, #result_page .item a.buy:hover {
  color:#333; }
#result_page .item a.buy {
  background: #fff url(/images/subnav-icons-buy.gif) 0 center no-repeat;  
  top:145px;
  height:30px;
  line-height:30px; }

#mini_preview_contents .chapter_title {
  width:180px;
  display:block;
  float:left;
}

#mini_preview_contents .chapter_pagecount {
  width:60px;
  display:block;
  float:left;
}

#mini_preview_contents ul li {
  list-style-type:none;
}

#mini_preview_contents {
  width:265px;
  margin-top:10px;
  float:right;
}

.riff_container #listing {
  height:270px;
  overflow:hidden;
}

.riff_container #actions {
  float:right;
}

/*
  This is the LI, the main container for each riff in the list
*/
#result_page .item {
/*  overflow:hidden;*/
  position:relative;
  width:220px;
  margin-bottom:30px;
  line-height:15px;
}

#result_page .item span {
  font-size:12px;
  color:#666;
}

.riff_container {
  text-align:left;
  width:550px;
}


#content_list, #riff_list {
  margin-bottom:10px;
}

#content_list ul, #riff_list ul {
  margin:0 0 5px 0;
  padding:0px;
}

#content_list ul li, #riff_list ul li {
  list-style-type:none;
  clear:both;
  background-color:#f2eee7;
  width:639px;
  height:29px;  
}
#content_item_header, #riff_item_header {
  background-color:#b5aea4 !important;
}

#content_item_header div span, #riff_item_header div span {
  color :#fff;
  font-size:13px;
}






h2 {
  /* height:30px; */
}

h3 {
  clear:both;
}

h4 {
  color:#c9c4bc !important;
  font-size:18pt;
  font-style:italic;
}
#content_list ul li span, #riff_list ul li span {
  display:block;
  float:left;
  font-size:13px !important;  
}

#content_list ul li span a{
  font-size:13px !important;  
}

#riff_list ul li span {
  display:block;
  float:left;
}


#content_list ul li span.price, #riff_list ul li span.price {
  cursor:hand;
  cursor:pointer; }


/*
 Column widths for both Content and Riff listings (myaccount)
*/

#content_list .content_item .cb {
  margin-top:8px;
  padding-left:5px;
  width:25px;
}


#content_list .content_item .title, #riff_list .item .title {
  width:200px;
  margin-left:7px;  
}

#content_list .content_item .price, , #riff_list .item .price {
  width:90px;
}

#content_list .content_item .author, #riff_list .item .author {
  width:170px;
}

#content_list .content_item .action, #riff_list .item .action {
  position:relative;  
  overflow:hidden;
  margin-top:7px;
  margin-right:20px;  
  float:right;
}

#content_list .content_item .edit, #content_list .content_item .sales_settings, #content_list .content_item .delete, #content_list .content_item .add, #content_list .content_item .preview, #content_list .item .preview2  {
  overflow:hidden;
  display:block;
  float:left;
  margin-left:20px;
  line-height:4em;
}

#riff_list .item .edit, #riff_list .item .sales_settings, #riff_list .item .delete, #riff_list .item .preview, #riff_list .item .add, #riff_list .item .preview2  {
  overflow:hidden;
  display:block;
  float:left;
  margin-left:20px;
  line-height:4em;
}

#content_list .content_item .edit, #riff_list .item .edit {
  width:12px;
  height:16px;  
  background:url(/images/riffing/edit.png) no-repeat center center;
}

#content_list .content_item .sales_settings, #riff_list .item .sales_settings {
  width:12px;
  height:16px;  
  background:url(/images/riffing/sales_settings.png) no-repeat center center;
}

#content_list .content_item .preview, #riff_list .item .preview  {
  width:21px;
  height:16px;
  background:url(/images/riffing/preview.png) no-repeat center center;
}

#content_list .content_item .preview2, #riff_list .item .preview2  {
  width:21px;
  height:16px;
  background:url(/images/riffing/preview.png) no-repeat center center;
}


#content_list .content_item .delete, #riff_list .item .delete {
  width:12px;
  height:16px;
  background:url(/images/riffing/delete.png) no-repeat center center;
}

#content_list .content_item .add, #riff_list .item .add {
  width:13px;
  height:16px;
  background:url(/images/riffing/add.png) no-repeat center center;
}

#result_page .cover {
  height:180px;
  width:110px;
  float:left;
  margin-right:8px;
} /* temp - the covers are currently too large. */

@font-face {
  font-family: "FuturaEmbed";
  src: url('/FuturaMedium.ttf');
}

#result_page .cover span.btitle {
  font-weight:700;
  top:48px;
  left:3px;
  font-family: "Futura","FuturaEmbed","Sans-Serif";  
  font-size:8px;        
}

#result_page .cover span.bprehead {
  top:32px;
  left:3px; 
  font-size:7px;
  font-family: "Futura","FuturaEmbed","Sans-Serif";         
}
#result_page .cover span.bposthead {
  font-size:9px;
  top:65px;
  left:3px;  
  font-family: "Times New Roman","Sans-Serif";  
  font-size:7px;
  line-height:8px;
  font-style:italic;
}

#result_page .cover span.textblock {
  position:absolute;
  width:105px;
  color:#666;
  text-align:center;
}


.color_0 {
    background:url(/images/browse_covers.gif) no-repeat 0px 0px ;
}

.color_1 {
    background:url(/images/browse_covers.gif) no-repeat -110px 0px ;
}

.color_2 {
    background:url(/images/browse_covers.gif) no-repeat -220px 0px ;
}

.color_3 {
    background:url(/images/browse_covers.gif) no-repeat -330px 0px ;
}

.color_4 {
    background:url(/images/browse_covers.gif) no-repeat -440px 0px ;
}

.color_5 {
    background:url(/images/browse_covers.gif) no-repeat -550px 0px ;
}


.edit_container .field_row {
  padding:5px;
}


#riff_list .item div object, #riff_list .item .cover {
  display:none;
}

#riff_list .item .label {
  display:none;
}

#riff_list .item .title {
  width:200px;
  margin-left:7px;    
}

#riff_list .item .price {
  width:90px;
}

#riff_list .item .author {
  width:170px;
}

#riff_list .item .preheader {
  display:none;
}

#riff_list .riffby, #riff_list a.view, #riff_list a.buy  {
  display:none;
}

#result_page #riff_item_header {
  display:none;
}

.showWarn {
   font-size:12px;
}


#multiList {
  width:200px;
  height:80px;
  border:1px solid #ccc;
  overflow:hidden;
  overflow-y:scroll; 
}
#multiList li {
  list-style-type:none;
}

#pagination a {
  padding:4px;
  margin:0px 2px;
  border:1px solid #ccc;
  font-size:12px;
}

#pagination a.sel {
  background-color:#efefef;
}

#clist {
  width:95%;
  height:80px;
  border:1px solid #ccc;
  overflow:hidden;
  overflow-y:scroll;
  padding:0px;
  margin:0px;
}

#clist ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  font-size:11px;
}

.content_row {
  border-bottom:1px solid #fff;
  padding:2px 0;
  cursor:hand;
  cursor:pointer; }

.content_row span {
  padding-left:5px; }

.private {
  background-color:#973429;
  color:#fff; }

.public {
/*  background-color:#6f6;*/ }

/* here's some red */
.error {
  color:#ff0000;
}

#progress_indicator {
	width: 560px;
	left:50%;
	position:relative;
	margin-left: -280px;
	top:-50px;
}

#progress_bar {
	border:3px double #aaa;
	height:28px;
	position:absolute;
	width:558px;
	background:#fff;
}
#progress_bar #progress {
  position: relative;
  background-color: #e7e7e7;
  opacity: 0.8;
  height: 28px;
  width: 0px; }
#p_text_container {
	font-size: 15px;
	position:absolute;
}

#process_text {
	width:480px;
	float:left;
	padding:9px; }
#progress_val {
	color:#666263;
	width:40px;
	float:right;
	padding:9px;
	text-align: center;
}

