﻿
/* uploader */
.pni_upload_progress_header
{
	color:Black;
	float:left;
	font-weight:bold;
	border-bottom:1px solid #d9dbdb;
	padding:5px;
	font-size:11px;
	width:100%;
}

.pni_upload_progress_row
{
	overflow:hidden;
	height:21px;
}

.pni_upload_progress_header .name, .pni_upload_progress_row .name
{
	float:left;
	width:34%;
}

.pni_upload_progress_header .progress, .pni_upload_progress_row .progress
{
	float:right;
	width:20%;
	margin:0;
}

.pni_upload_progress_header .size, .pni_upload_progress_row .size
{
	float:right;
	width:15%;
}

.pni_upload_progress_header .remove, .pni_upload_progress_header .preview,
.pni_upload_progress_row .remove, .pni_upload_progress_row .preview
{
	float:right;
	width:15%;
	text-align:center;
}

.no_preview .pni_upload_progress_header .preview, .no_preview .pni_upload_progress_row .preview
{
	display:none;
}

.no_file_size .pni_upload_progress_header .size, .no_file_size .pni_upload_progress_row .size
{
	display:none;
}

.no_progress .pni_upload_progress_header .progress, .no_progress .pni_upload_progress_row .progress
{
	display:none;
}

.pni_upload_progress_row
{
	float:left;
	padding:5px;
	width:100%;
}

.pni_upload_progress_row .progress .outer
{
	width:80px; 
	height:6px; 
	border:1px solid gray; 
	margin:0; 
	padding:1px 1px 0px 1px;
	overflow:hidden;
}

.pni_upload_progress_row .progress .outer .inner
{
	margin:0;
	background-color:#007DC3; 
	width:0%; 
	height:5px;
	overflow:hidden;
}

.pni_upload_header
{
	height:50px; 
	width:100%; 
	background:url('../../images/bak_store_list_header.gif') repeat-x left bottom;
	color:#707172;
	font-size:11px;
	font-weight:bold;
	float:left;
	position:relative;
}

.pni_upload_header .cell
{
	float:left;
	height:36px;
	border:1px solid #c7c7c7;
	border-top-width:0px;
	border-left-width:0px;
	padding:8px 0px 5px 5px;
}

.pni_upload_header .photo_count
{
	width:15%;
}

.pni_upload_header .progress_bar
{
	width:35%;
}

.pni_upload_header .add_more
{
	width:25%;
}

.pni_upload_header .total_size
{
	border-right:0px;
}

.pni_image_button
{
	cursor:pointer;
}

/* new */
.pni_upload_step_container
{
	margin:5px 0px 5px 0px;
	border:1px solid #cccccc;
	float:left;
	width:690px;
}

.pni_upload_step_header
{
	background:url('../../images/bak_form_header.gif') repeat-x;
	color:#707172;
	height:45px;
	float:left;
	margin:0px auto;
	font-size:12px;
	font-weight:bold;
	width:100%;
}

.pni_upload_step_header p
{
	padding-left:14px;
	padding-top:9px;
}

.pni_upload_step_header img
{
	vertical-align:middle;
	padding-right:5px;
}

.pni_upload_step_content
{
	background-color:#f4f4f4;
	float:left;
	width:660px;
	padding:15px;
	margin:0px auto;
}

.pni_upload_step_container, .uploader
{
	background-color:White;
	padding:0px;
}
        
.pni_upload_files_container
{
	width:690px;
	height:200px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
}

.pni_upload_step_container .main_placeholder
{
	float:left;
	margin:30px 0px 0px 150px;
	_margin-left:75px;
}

/* main content area */
.pni_main_content_area_header
{
	background:transparent url(../../images/bak_content_top_grey.gif) no-repeat scroll left top;
    float:left;
    height:auto;
    width:100%;
}

.pni_main_content_area_header_right
{
    background:transparent url(../../images/bak_content_top_grey_right.gif) no-repeat scroll right top;
    float:right;
    height:40px;
    width:100%;
}

.pni_main_content_area_subheader
{
	background:transparent url(../../images/bak_content_sub_grey.gif) repeat-y scroll left top;
    float:left;
    height:auto;
    width:100%;
}

.pni_main_content_area_subheader_right
{
	background:transparent url(../../images/bak_content_sub_grey_right.gif) repeat-y scroll right top;
    float:right;
    height:35px;
    width:100%;
}

.pni_main_content_area
{
	background:transparent url(../../images/bak_content_main.gif) repeat-y scroll left top;
    float:left;
    height:auto;
    width:100%;
}

.pni_main_content_area_right
{
	background:transparent url(../../images/bak_content_main_right.gif) repeat-y scroll right top;
    float:right;
    height:auto;
    width:100%;
    overflow:hidden;
}

.pni_main_content_area_footer
{
	background:transparent url(../../images/bak_content_sub_grey_btm.gif) no-repeat scroll left top;
    float:left;
    height:auto;
    width:100%;
}

.pni_main_content_area_footer_right
{
    background:transparent url(../../images/bak_content_sub_grey_btm_right.gif) no-repeat scroll right top;
    float:right;
    height:45px;
    width:100%;
}

/* alternate content area */

.pni_alt_content_top
{
	background:url(../../images/bak_content_top.gif) left top;
	height:15px;
	width:100%;
	float:left;
}

.pni_alt_content_top_right
{
	background:url(../../images/bak_content_top_right.gif) no-repeat scroll right top;
	float:right;
	width:100%;
	height:15px;
}

.pni_alt_content_footer
{
	background:url(../../images/bak_content_btm.gif) left top;
	height:15px;
	width:100%;
	float:left;
}

.pni_alt_content_footer_right
{
	background:url(../../images/bak_content_btm_right.gif) no-repeat scroll right top;
	float:right;
	width:100%;
	height:15px;
}

.pni_alt_content_area
{
	background:transparent url(../../images/bak_content_main.gif) repeat-y scroll left top;
    float:left;
    height:auto;
    width:100%;
}

.pni_alt_content_area_right
{
	background:transparent url(../../images/bak_content_main_right.gif) repeat-y scroll right top;
    float:right;
    height:auto;
    width:100%;
    overflow:hidden;
}

/* Walmart version of UPLOADER */
.new_upload_flow  .bak_uploader_top {
 width: auto;
 height: auto;
 background: url('../../images/upload/bak_uploader_top.gif') top left no-repeat;
 padding-left: 10px;
 float: left;
}
.new_upload_flow .uploader_top {
 width: 700px;
 height: 10px;
 background: url('../../images/upload/bak_uploader_top.gif') top right no-repeat;
 float: left;
}
.new_upload_flow .bak_uploader_btm {
 width: auto;
 height: auto;
 padding-left: 10px;
 background: url('../../images/upload/bak_uploader_btm.gif') top left no-repeat !important;
 float: left;
}
.new_upload_flow .uploader_btm {
 width: 700px;
 height: 10px;
 background: url('../../images/upload/bak_uploader_btm.gif') top right no-repeat !important;
 float: left;
}
.new_upload_flow .bak_uploader_main {

 height: auto;
 padding-left: 10px;
 background: url('../../images/upload/bak_uploader_main.gif') top left repeat-y  !important;
 float: left;
}
.new_upload_flow .uploader_main {
 width:700px !important;
 height: auto !important;
 background: url('../../images/upload/bak_uploader_main.gif') top right repeat-y  !important;
 float: left;
}

.new_upload_flow .pni_main_content_area_header_right
{
    background:none;
}

.new_upload_flow .pni_main_content_area_header 
{
    background:none;
    float: left;
}
.new_upload_flow .section_header
{
    color:#575a5d;
    font-size: 14px;
    margin:0px;

    padding-top:10px;
    padding-bottom:10px;
}
.new_upload_flow .section_header h1
{
    color:#575a5d;
    font-size: 14px;
    margin:0px;
    padding-left:10px;
}

.new_upload_flow .pni_upload_files_container 
{
    height:220px ;
    width:690px ;
	overflow-x:hidden ;
	overflow-y:auto ;
	position:relative ;
		padding-top:20px;
}

.new_upload_flow .pni_upload_step_container .main_placeholder
{
	float:left;
	margin:30px 0px 0px 150px;
	_margin-left:75px;

}



.new_upload_flow .pni_upload_step_container, .uploader
{
	background-color:White;
	padding:0px;
}

.new_upload_flow .pni_main_content_area_footer
{
    background:none;
    height:auto;
    float:right;
    width:auto;
}

.new_upload_flow .pni_main_content_area_footer_right
{
    background:none;
    height:auto;
     float:right;
    width:auto;
}

.new_upload_flow .pni_main_content_area
{
    background:none;
}

.new_upload_flow .pni_main_content_area_right
{
    background:none;
    height:auto;
    width:100%;
    overflow:hidden;
    color: #575a5d;
}
.new_upload_flow .pni_upload_step_header
{
    background:none;
}
.uploader_hdr {
 width: 700px;
 padding-top:10px;
 padding-bottom:10px;
}

.uploader_hdr h1 {
 font-size: 14px;
}
.uploader_hdr img {
 vertical-align: middle;
}

.new_upload_flow .pni_main_content_area_subheader
{
    background:none;
    padding-left:0px;
    margin-left:0px;
}

.new_upload_flow .pni_main_content_area_subheader_right
{
    background:none;
}
.uploader_step {
 width: 100%;
 padding: 5px 0 10px 0;
 float: left;
}
.uploader_step h1 {
 font-size: 13px;
 color: #ef4230;
}
.uploader_step h1 img {
 vertical-align: middle;
}
.uploader_step span {
 color: #575a5d;
}

.new_upload_flow .pni_upload_header {
 padding: 0px 10px 2px 10px  !important;
 background:none;
 background-color: #f3f8fb !important;
 float: left;
 height:50px; 
 width:670px !important;
}
.new_upload_flow .pni_upload_header .cell
{
    border:0px;
    float:left;
	height:36px;
	background-color: #f3f8fb;
	padding:8px 0px 5px 5px;
}

.uploader_control p {
 padding-bottom: 8px;
}
.new_upload_flow .pni_upload_header input, .new_upload_flow .pni_upload_header select, .new_upload_flow .pni_upload_header img {
 vertical-align: middle;
}
.new_upload_flow .pni_upload_header a {
 font-weight: bold;
 color: #008dcb;
}

.new_upload_flow .pni_upload_step_container
{
    border:0;
    padding-left:15px;
    width:690px !important;
   	margin:5px 0px 5px 0px;
	float:left;
}

.new_upload_flow .pni_upload_step_container .pni_upload_step_content
{
    background:none;
    color: #575a5d;
    width:670px !important;
    height:50px !important;
    padding-bottom:0px !important;
    padding-right:0px !important;
    padding-top:5px !important;
}

.activex_upload_speed {
 width: 670px;
 padding: 10px;
 float: left;
}
.activex_upload_speed h2 {
 font-size: 14px;
 color: #008ecb;
}

.uploader_tips {
 padding: 10px 20px 10px 15px;
 font-size: 11px;
 float: left;
 color: #575a5d;
}
.uploader_tips h2 {
 font-size: 12px;
 padding-bottom: 5px;
}
.uploader_tips_links {
 width: 100%;
 padding: 0 0 5px 0;
 text-align: center;
 float: left;
}
.uploader_tips_links p {
 padding-bottom: 5px;
}
.uploader_tips_links a {
 font-weight: bold;
 color: #0060a9;
}

.select_photo_list {
 text-align: left;
 float: left;
}
.select_photo_list th {
 padding: 8px 5px;
 color: #707172;
 border-bottom: 1px solid #c7c7c7;
}
.select_photo_list td {
 padding: 8px 5px;
 background: #fff;
}
.select_photo_list td a {
 font-weight: bold;
 color: #0077d6;
}

.bak_select_photo_grey td{
 background-color: #fafcfd;
}

.uploader_upload_fast
{
     font-size: 14px;
     font-weight:bold;
     color: #008ecb;
     float: left;
}

.uploader_body
{
    height: 545px;
    overflow: hidden;
}

.no_fast_upload
{
    height: 485px;
}
