/**
 * PhotoWonder Customer Interface Style Sheet
 *
 * 2008-11-09
 * revised 2010-03-29 for SOOS integration
 */

@import url("/assets/common/css/reseller.css");
/* HTML Element Controls */

body {
  border:0px;
  margin:0px;
  padding:0px;
  background-color:#FFF;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

img {
  border:0px;
}

table {
  font-size:100%;
}

td {
  vertical-align:top;
}

/* Generic Controls */

.alignleft {
  text-align:left !important;
}

.alignright {
  text-align:right;
}

.tablealignmiddle td {
  vertical-align:middle;
}
.displayinline {
  display:inline;
}

.nowrap {
  white-space: nowrap;
}

.std_table td {
  vertical-align:top;
}

/* Layout Controls */

#header {
  height:176px;
  padding:0px;
  color:#FFF;
}

#header a:link,
#header a:visited {
  text-decoration:none;
  color:#FFF;
}

#header a:hover {
  text-decoration:underline;
  color:#FFF;
}


#header_main {
  height:120px;
  padding:0px;
  background-color:#000;
  
  padding-left:120px;
  padding-right:120px;
}

#header_main table {
  width:100%;
  color:#FFF;
  /* border:1px solid white;*/
}

#header_main td {
} 

#header_main_mode {
  background:red;
  font-weight:bold;
}

#header_main_logo {
  height:80px;
  padding-left:120px;
  padding-right:120px;
}

#top_search div {
  display:inline;
}

#top_search input {
  width:72px;
}

#top_search .button_submit {
  margin-left:4px;
  width:auto !important;
}

#top_search_id, #top_search_order_code {

}

#top_search_order_code {
  margin-right:20px;
}

#top_search_order_code input {
  width:168px;
}


#top_search_id {
  width:100px;
}


#header_menu {
  height:27px;
  background-image: url('/assets/oos/images/header-menu-bg.png');
  background-repeat: repeat;
  padding-left:120px;
  margin:0px;
  background-color:#BBB;
  padding-top:4px;
  font-size:13px;
  font-weight:bold;
}
#header_menu ul {
  list-style:none;
  margin-top:4px;
  margin-left:0px;
  padding-left:0px;
}

#header_menu li {
  display: inline;
  padding-right:10px;
}

.pw_filter {
  margin-top:10px;
  margin-bottom:10px;
  padding:4px;
  background-color:#E8E8E8;
  width:100%;
  font-size:12px;
  height:42px;
  border:1px solid #CCC;
}

.pw_filter_element {
  padding-right:15px;
  vertical-align:middle;
}

.pw_mainmenu_element,
.pw_mainmenu_element_current {
	float: left; 
	cursor: pointer;
    margin-right:20px;
    padding:4px;
    font-family:Arial,sans-serif !important;
}


#header_statusbar {
  height:17px;
  padding:0px;
  padding-top:3px;
  padding-bottom:0px;
  padding-left:120px;
  padding-right:120px;
  background-color:#888;
  background-image: url('/assets/oos/images/header-statusbar-bg.png');
  background-repeat: repeat;

}


#content_area {
  margin-left:120px;
  margin-right:120px;
  margin-top:20px;
  margin-bottom:20px;
  min-height:512px;
}

#footer {
  margin-top:60px;
  height:80px;
  padding-top:8px;
  padding-left:120px;
  padding-right:120px;
  background-color:#000;
  color:#FFF;
}

#pw_loginform_wrapper {
  border:1px solid #BBB;
  padding:12px;
  margin-bottom:300px;  /* mainly for IE */

}

#pw_loginform#password {
   width:100%; /* mainly for IE */
}

/*width for username and password is same in ie*/
#pw_loginform input[type="text"],#pw_loginform input[type="password"]{
	width:150px;
}

#pw_loginform th {
  vertical-align:middle;
  text-align:right;
  padding-right:6px;
}

/* pw_settings_form */

.errors {
  font-weight:bold;
  color:red;
}

.pw_settings_form .zend_form {
  background:#EEE;
  width:476px;
  margin:0;
  padding:2px;
  overflow:auto;
  margin-bottom:20px;
}


.pw_settings_form .zend_form dt {
  padding:0;
  padding-right:5px;
  clear:both;
  width:30%;
  float:left;
  text-align:right;
  margin:5px 5px 5px 0;
}

.pw_settings_form .zend_form dd {
  padding:0;
  float:left;
  width:67%;
  margin:5px 2px 5px 0;
}

.pw_settings_form_title {
  background-color:#CCC;
  width:476px;
  padding:2px;
}


/* Page Components */

td#reseller_toppage_left {
  width:200px
}

.pw_startpage_wrapper {
  border:1px solid #AAA;
  background-color:#EEE;
  padding-left:10px;
} 

.pw_startpage_wrapper li {
  line-height:28px;
  font-size:14px;
}


.pw_infopage_wrapper {
  border:1px solid #888;
  padding:4px;
  background-color:#FFF;
}

.pw_infopage {
}

.pw_page_action_title {
  background-color:#888;
  background-image: url('/assets/oos/images/customer-page-title-bg.png');
  background-repeat: repeat;
  color:#FFF;
  height:28px;
  text-align:center;
  font-size:18px;
  font-weight:bold;
  padding-top:4px;
  padding-left:12px;
}

.pw_content_block {
  border:2px solid #4c4c4c;
  margin-bottom:10px;
}

.pw_content_block_main {
  margin:10px;
}


.pw_content_subheading {
  color:#AD090A;
  font-weight:bold;
  font-size:12px;
}

#pw_product_overview {
  margin-left:auto;
  margin-right:auto;
}

#pw_product_overview td {
  padding:0px;
  vertical-align:middle !important;
}

.pw_product_overview_sel  {
  border:2px solid #AAA;
}

#pw_product_box {
  padding:0px;
  border-collapse:collapse;
}

.pw_product_item_title {
  text-align:center;
  background-color:#888;
  background-image: url('/assets/oos/images/customer-product-title-bg.png');
  background-repeat: repeat;
  height:29px;
  color:#FFF;
}

.pw_product_item_title a:link,
.pw_product_item_title a:visited {
  text-decoration:none;
  color:#FFF;
}

.pw_product_item_title a:hover {
  text-decoration:underline;
  color:#FFF;
}

.pw_orderfilter {
  margin-bottom:10px;
  background-color:#EEE;
  padding:4px;
}

.pw_datalist {
  border:1px solid #CCC;
}


.pw_datalist th,
.pw_datalist td {
   padding:4px;
}

.pw_datalist th {
   font-size:12px;
   height:28px;
   text-align:left;
   color:#FFF;
   background-color:#000;
}

.pw_datalist th a:link,
.pw_datalist th a:visited {
  text-decoration:underline;
  color:#FFF;
}

.pw_datalist th a:hover {
  color:#000;
  background-color:#FFF;
  text-decoration:none;
}

.pw_datalist_row,
.pw_datalist_row_stripe {
  height:20px;
}

.pw_datalist_row_stripe {
  background-color:#DDD;

}

#pw_order_form_title {
  border:2px solid #888;
}
#pw_order_form_title td {
  vertical-align:top;
}
#pw_order_form_title h1 {
  margin-top:0px;
}

.pw_order_form_title_stage_active, 
.pw_order_form_title_stage_inactive {
  width:50px;
  height:50px;
  text-align:center;
  vertical-align:middle !important;
  border:1px solid #888;
  color:#FFF;
  font-weight:bold;
}

.pw_order_form_title_stage_active {
  background-color:#000;
}

.pw_order_form_title_stage_inactive {
  background-color:#AAA;
}

.pw_order_form_title_stage_next {
  width:30px;
  text-align:center;
  vertical-align:middle !important;
  font-weight:bold;
  font-size:25px;
  color:#444;
}

.pw_order_form_action_link {
  color:#176AEC;
  text-decoration:underline;
}

.pw_order_form_textbox {
   border:2px bevel #111;
}

#PreviewImage {
  margin-top:20px;
  margin-right:30px;
  border:2px solid #000;
}

#pw_order_photo_upload td {
  vertical-align:top;
}

#pw_order_form_phototab {
  border:2px solid #BBB;
  padding:0px;
  margin-left:2px;
  margin-right:2px;
}
#pw_order_form_phototab table {
  height:54px;
  vertical-align:middle;

}

#pw_order_form_phototab ul {
  display: inline;
  list-style:none;
  margin-left:0px;
  padding-left:0px;
}


#pw_order_form_phototab li {
  display: inline;
  padding-right:10px;
}

.pw_tab_button_active {
  border:2px solid #444;
}

.pw_order_thumbnail {
  border:4px solid #EEE;
}
.pw_order_databox {
  margin:10px;
}

.pw_order_databox th {
  text-align:right;color:#444;
  padding-right:8px;
  min-width:100px;
}


.option_label {
  color:#AD090A;
  font-weight:bold;
  font-size:12px;
}

.option_sublabel {
  color:#222;
  font-weight:bold;
  margin-bottom:6px;
}

.pw_option_section {
  margin:4px;
}
.pw_order_photosection_label {
  background-color:#DDD;
  padding-top:20px;
  padding-left:4px;
  height:120px;
  width:20px;
}

.pw_order_photosection_formarea {
  padding-left:15px;
  width:320px !important;
}

.pw_order_photosection_savebutton {
  margin-left:100px;
  margin-top:4px;
  margin-bottom:8px;
}

#pw_order_photo_summary {
   
}

#pw_order_photo_summary td {
  vertical-align:top;
}

#pw_order_photo_summary th {
   vertical-align:top;
  background-color:#DDD;
  padding-top:8px;
  padding-left:4px;
  height:120px;
  width:20px;
}

.pw_button_form {
  display:inline;
}


.pw_form {
  background-color:#EEE !important;
  border:1px solid #CCC;
  border-collapse:collapse;
  margin-top:10px;
}

.pw_form th {
  background-color:#DDD;
  text-align:right;
}
.pw_form th,
.pw_form td {
  border:1px solid #CCC;
}

.pw_form_required {
  font-weight:bold;
  color:red;
}

.pw_form_errors li {
  color:red;
  font-weight:bold;
}

.pw_form_error {
  background-color:red;
  color:#FFF;
  font-weight:bold;
  margin:4px;
  padding:2px;
}

.pw_form_option_annotation {
  margin-top:3px;
  font-size:10px;
  font-style:italic;
}

.pw_imgselect_wrapper {
  margin-top:8px;
  border:1px solid #CCC;
}

.pw_imgselect_item {
  background-color:#EEE;
  text-align:center;
  padding:2px;
}

td.pw_imgselect_item:hover,
.pw_imgselect_wrapper td.selected {
  background:#CCC;
}

#pw_order_status ul {
  margin-left:0px;
  padding-left:20px;
}

.pw_options_list {
  margin:4px;
  line-height:14px;
}

.pw_vertical_table th {
  text-align:right;
  padding-right:10px;
}

.pw_rejection_info {
  border:1px solid #DDD;
  background-color:#EFEFEF;
  margin-left:20px;
  padding:4px;
}

.pw_orderform_rejection_notice {
  border:2px solid  #FDBF3B;
  background-color:#FFEBC1;
  margin-bottom:10px;
  padding:4px;
}
.pw_orderform_rejection_notice h3 {
  margin-top:2px;
}
.pw_orderform_rejection_notice .pw_rejection_info {

   margin-left:0px;
}


.notification_box {
  border:2px solid #CCC;
  margin-top:2px;
  margin-bottom:10px;
  padding-bottom:10px;
}

.notification_box thead {
  font-size:20px;
  font-weight:bold;

}

.notification_box_mark {
  width:32px !important;
  color:red !important;
  background-color:#BBB !important;
}

.notification_box_title {
  padding-left:6px;
  text-align:left !important;
}

.notification_box td {
  padding:4px;
}

.notification_box h2 {
  margin-top:2px;
  margin-bottom:2px;
  font-size:12px;
  color:#AD090A;
  font-weight:normal;
}

.notification_box ul {
  margin:0px;
  margin-top:10px;
  margin-right:10px;
  padding-left:20px;
}

.notification_box_list {
  margin-left:8px;
}

.notification_box_orders {
  margin-bottom:15px !important;
}

.pw_cust_orderinfo_table th {
  text-align:right;
  padding-right:8px;
}

#pw_cust_photos {
  margin-top:30px;
}

#pw_cust_photo_overview {
  border-collapse:collapse;
}

#pw_cust_photo_overview td,
#pw_cust_photo_overview img {
  vertical-align:top;
}

.pw_cust_photo_overview_inforow td,
.pw_cust_photo_overview_inforow th {
  border:1px solid #888;
  padding:3px;
}

.pw_cust_photo_overview_inforow td {
  min-height:40px;
}

.pw_cust_photo_overview_photonum {
  background-color:#DDD;
  width:26px;
  padding:0px !important;
  text-align:center;
}

.pw_cust_photo_overview_photonum div {
  background-color:#000;
  color:#FFF;
  font-weight:bold;
  height:20px;
  margin:0px;
  padding-top:8px;
}

.pw_msg_cancellation {
  font-weight:bold;
  color:red;
}

.pw_status_unconfirmed, 
.pw_status_cancelled {
  font-weight:bold;
  color:red;
  font-style:italic;
}

.pw_pos_downloaditem {
  line-height:20px;
  margin-left:20px;
}

.pw_pos_product {

}

.pw_cancel_order_link_wrapper {
  margin-top:15px;
}

.pw_confirm_notification {
  border:1px solid red;
  margin:20px;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}

.photo_action_button {
  margin-bottom:20px;
}

#custom_redo_form {
  border:1px solid #AAA !important;
  width:640px 
}

#custom_redo_form td, 
#custom_redo_form th {
  padding:4px;
  font-size:14px;
}

#custom_redo_form .section {
  background-color:#DDD;
  width:100px;
}

#custom_redo_form .options { 
  padding-bottom:15px;
}

#custom_redo_form .divider {
  padding:0px;
  border-bottom:1px solid #AAA;
}

#custom_redo_form .submit {
  background-color:#EEE;
  text-align:right;
  padding-top:10px;
}

#custom_redo_form textarea {
  width:500px;
}


#alert_box {
    font-size: 13px;
}
#alert_billing_box {
    border: red 5px solid;
    font-size: 12px;
    padding-bottom: 20px;
}