/*--------------------------------------------------------------------
Admin CSS

Author:			Ryan Brill <ryan [at] solutionset.com>

Methods: 		RULES ORGANISATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Containers
						Header
							Nav
						Body
							Modules
								Generic
								Specific
						Footer
					Hacks
					(other)
----------------------------------------------------------------------*/

/* Global Styles
----------------------------------------------------------------------*/
body {
	color: #434344;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
	background-color: #eee;
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

#layout-list-screen-detail-screen-divider table {
    border-collapse: collapse;
}

#layout-list-screen-detail-screen-divider td {
    vertical-align: top;
    border: none;
}

/* Links
----------------------------------------------------------------------*/
a {
	color: #225588;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.disabled {
	color: #999 !important;
}
a.disabled:hover {
	text-decoration: none !important;
}

ul.return_actions input {
    width: 25px;
    font-size: 9pt;
    display: inline;
    text-align: right;
    padding-right: 3px;
}

ul.return_actions li {
    margin-right: 0px !important;
}

ul.return_actions li a {
	display: block;
	margin-bottom: 5px;
}

ul.sf_admin_td_actions li a {
	padding-left: 16px;
}

/* Text
----------------------------------------------------------------------*/
#content h1 {
	padding: 0;
	background: transparent;
	margin-bottom: 20px;
	font-size: 140%;
}

/* Lists
----------------------------------------------------------------------*/
ul {
	margin: 0;
	padding: 0;
}

#sf_admin_container a, #sf_admin_container a:hover
{
	color: #258;
}

#sf_admin_container fieldset h2
{
  background-color: #0387EC;
  color: #FFFFFF;
  font-size: 110%;
  font-family: arial,sans-serif;
  font-style: italic;
  font-weight: bold !important;
  padding-left: 15px;
}

.sf_admin_form_field_logo div div
{
  margin-left: 120px;
}

#sf_admin_container .sf_admin_form_field_logo div div label
{
  display: inline;
  float: none;
}

#sf_admin_container label {
	width: auto;
}

div#topLine
{
	padding: 10px;
	background: #000000;
	font-size: 18px;
	color: #FFFFFF;
	border: 1px 1px 0px 1px solid #000000;
}
div#backendHeader
{
	padding:20px;
	background:#CCCCCC;
}
ul.dashboard
{
	margin: 0px;
	background:#CCCCCC;
	width: 100%;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	height: 26px;
}
ul.dashboard li
{
	list-style: none;
	float: left;
}
ul.dashboard li a
{
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	display: block;
	background: #CCCCCC;
	padding: 5px;
	border-right: 1px solid #999999;
}
ul.dashboard li a:hover
{
	background: #333333;
	color: #FFFFFF;
}
ul.dashboard li ul
{
	position: absolute;
	display: none;
	margin: 0px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
ul.dashboard li:hover ul
{
	display: block;
}
ul.dashboard ul li
{
	margin: 0px;
	padding: 0px;
	float: none;
}
ul.dashboard ul li a
{
	border: 0px;
}
ul.dashboard li.last a
{
	border-right: 0px;
}

.clear {
	clear: both;
}

/* Layout
----------------------------------------------------------------------*/
#content {
	min-width: 1002px;
	height: 100%;
	padding: 0 20px 20px 20px;
}

#list-screen {
	min-width: 700px;
	height: 100%;
	float: left;
}

#detail-screen {
	width: 390px;
	height: 100%;
	float: left;
	z-index:-1;
}

#sf_admin_container {
	padding: 0 10px 0 0;
}

#sf_admin_bar {
	float: none;
	clear: both;
}

#sf_admin_bar_orig {
	float: right;
	margin-left: 20px;
	width: 18%;
}

#sf_admin_content_orig {
	float: left;
	width: 75%;
}

#sf_admin_container #sf_admin_content_orig ul.sf_admin_td_actions li{
	display: block;
}

td.sf_admin_list_td_address {
	white-space: normal;
}

td.sf_admin_list_td_return_date {
    min-width: 120px;
}

#sf_admin_container #sf_fieldset_sales_history .sf_admin_form_row .content {
    padding-left: 0;
}

/* Header Div
-----------------------------------*/
#header {
	position: relative;
	/*height: 85px;*/
	height: 104px;
	margin-bottom: 10px;
	padding: 0 10px;
	background: #fff;
	z-index: 10;
	background-image: url(/images/bgNavBar.gif);
	background-position: 50% 75px;
	background-repeat: repeat-x;
}

#login form fieldset,
#login form .btnRow {
  float: left;
}

/* Logo
-----------------------------------*/
#header #logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

/* Term & Login | Logout
-----------------------------------*/
#header #login {
  position: absolute;
  top: 32px;
  right: 20px;
}

/* Chat
-----------------------------------*/
#chat_div {
  position: absolute;
  top: 0px;
  right: 20px;
}

#chat_tbl {
  border-collapse: collapse;
  border: #fff solid 0px;
}

#chat_tbl td {
  border-collapse: collapse;
  border: #fff solid 0px;
}

/* Login | Logout
-----------------------------------*/
#header #logout {
  position: absolute;
  top: 55px;
  right: 20px;
}

ul.topnav {
	position: absolute;
	bottom: 1px;
	left: 0;
	height: 29px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	list-style-position: outside;
	width: 100%;
	font-size: 11px;
	float: left;
	/*background: url(topnav_bg.gif) repeat-x;*/
}

ul.topnav #support {
    float: right;
    display: block;
    background: url(/images/navSep.gif) no-repeat right 6px;
    padding: 0 5px 0 10px;
    margin: 0;
    list-style-type: none;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
    line-height: 29px;
    margin-left: -6px;
}

ul.topnav li {
	float: left;
	display: block;
	background: url(/images/navSep.gif) no-repeat right 6px;
	padding: 0 5px 0 10px;
	margin: 0;
	list-style-type: none;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
	line-height: 29px;
	margin-left: -6px;
}
ul.topnav li a {
	display: block;
	color: #666;
	line-height: 29px;
	padding-left: 14px;
	padding-right: 14px;
	float: left;
	text-decoration: none;
}
ul.topnav li a:hover{
	/*background: url(topnav_hover.gif) no-repeat center top;*/
}

ul.topnav li ul.subnav {
	list-style-type: none;
	list-style-position: outside;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 6px;
	top: 28px;
	background: #dedede;
	margin: 0;
	padding: 0;
	display: none;
	float: left;
	/*width: 170px;*/
	border: 1px solid #acacac;
}
ul.topnav li ul.subnav li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #dfdfdf; /*--Create bevel effect--*/
	border-bottom: 1px solid #acacac; /*--Create bevel effect--*/
	background-image: none;
	clear: both;
	/*width: 170px;*/
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	padding: 0;
	background-image: none;
	padding-left: 10px;
	margin: 0;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	/*background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;*/
}


/* Loading
----------------------------------------------------------------------*/

#detail-screen .loading {
	text-align: center;
	font-size: 13px;
}
#detail-screen .loading img {
	vertical-align: middle;
}

/* Tables
----------------------------------------------------------------------*/
td, th {
	padding: 7px;
}
th {
	font-weight: bold;
}

#sf_admin_container tr.sf_admin_row.even {
	background-color: #FAFCFF;
}

#sf_admin_container tr.sf_admin_row.even:hover {
	background-color: #FaFcEF;
}

#sf_admin_container tr.sf_admin_row.highlight,
#sf_admin_container tr.sf_admin_row.even.highlight,
#sf_admin_container tr.sf_admin_row.highlight:hover,
#sf_admin_container tr.sf_admin_row.even.highlight:hover {
	color: #CFCFCF;
	background-color: #2D5DA0;
}

/* Form -> Layout
-----------------------------------*/

fieldset {
	border: none;
}

#detail-screen form span.error {
	color: #D1392C;
}
#detail-screen form div.error label {
	color: #D1392C;
}
#detail-screen form div ul.error_list {
	color: #D1392C;
}
#detail-screen form div.error input.text,
#detail-screen form div.error input.password,
#detail-screen form div.error textarea,
#detail-screen form div.error select {
	border: 1px solid #F1B3B3;
	border-top: 1px solid #D1392C;
	border-left: 1px solid #D1392C;
	background: #ffc;
}

#sf_admin_container textarea
{
	width: 500px;
	height: 250px;
}

#sf_admin_container #bookTable
{
	display: none;
}

#sf_admin_container #sf_admin_adoptions_filter textarea {
	width: 180px;
	height: 100px;
}

#sf_admin_container #sf_admin_adoptions_current input.text {
	width: 16px;
}

#detail-screen div.item {
	margin-bottom: 5px;
	padding-left: 100px;
}
#detail-screen div.group div.item {
	float: left;
	display: inline;
	padding: 5px 0 5px;
	margin: 0 10px 0 0;
}
#detail-screen div.group div.item.error {
	margin-left: -5px;
	padding: 5px;
	background-color: #f9e4d0;
}
#detail-screen div.item.nolabel {
	margin-left: -100px;
}
#detail-screen div.item label {
	float: left;
	display: inline;
	width: 90px;
	margin-left: -100px;
	font-size: 12px;
	font-weight: bold;
}
#detail-screen div.field {
	height: 17px;
	margin-bottom: 5px;
}
#detail-screen div.field_lbl{
    margin-bottom: 8px;
}
#detail-screen div.field_lbl label {
    float:left;
    width:150px;
    padding-top:4px;
    font-weight:bold;
}
#detail-screen div.field_lbl span.note {
    font-size: 11px;
}
#detail-screen label.all_aply{
    margin-bottom:8px;
}
#detail-screen span.space{
    float:left;
    width:7%;
}
#detail-screen ul.wrapper-checkboxes{
    float:left;
    width:85%;
    border:thin solid white;
    padding:5px;
}
#detail-screen div.item div.field label {
	float: none;
	display: inline;
	width: auto;
	margin-left: 0;
	font-weight: normal;
}
#detail-screen div.item span.note {
	font-size: 11px;
}
#detail-screen ul.checkboxes,
#detail-screen ul.radios {
	margin: 0;
}
#detail-screen ul.checkboxes li,
#detail-screen ul.radios li {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.list li {
	list-style-type: none;
	display: inline;
	padding-right: 135px;
}
ul.list li.last {
	padding-right: 0px;
}

/* Form -> Layout -> Horizontal
-----------------------------------*/
#detail-screen form.vert div.item {
	float: left;
	display: inline;
	margin-right: 10px;
	padding: 0;
}
#detail-screen form.vert div.item label {
	float: none;
	margin: 3px 0 0 0;
}
#detail-screen form.vert div.item div.field {
	margin: 0;
}
#detail-screen form.vert div.item.nolabel div.field {
	margin-top: 1.2em;
}

/* Form Elements
----------------------------------------------------------------------*/
#sf_admin_container input.text {
	background-color: #fff;
	border: 1px solid #999;
	padding: 2px;
	width: 170px;
}

#sf_admin_container input.text.name, #sf_admin_container input.text.postal_code {
	width: 95px;
	margin-right: 4px;
}

#sf_admin_container input.text.short {
	width: 60px;
}

#sf_admin_container input.text.code {
	width: 80px;
}

#sf_admin_container input.text.price {
	text-align: right;
	width: 40px;
}

#sf_admin_container input.text.nbr,
#detail-screen form input.text.nbr {
	text-align: right;
	width: 30px;
}

#sf_admin_container input.text.cash,
#detail-screen form input.text.cash {
	width: 42px;
	text-align: right;
}

#sf_admin_container select {
	font-size: 1.1em;
}
#sf_admin_container select option {
	padding: 0 2px;
}

#sf_admin_container #register textarea {
	width: 200px;
	height: 60px;
}

#sf_admin_container table.reportTable {
	width: 100%;
}
#sf_admin_container ul.printBoxes {
	margin-top: 15px;
}
#sf_admin_container ul.printBoxes li {
	list-style-type: none;
	display: inline;
	padding-right: 15px;
}

/* Side panel accordian
----------------------------------------------------------------------*/
#detailPane {
	margin-top: -13px;
	background-color: #fff;
}

ul.drawers,
ul.drawers li {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

ul.drawers h3 {
	margin: 0;
	padding: 7px;
  	border: 1px solid #ddd;
	border-top: 0;
	background-color: #e7eef6;
	font-size: 12px;
	line-height: 16px;
	text-indent: 2px;
}

ul.drawers h3 span {
	display: block;
	float:left;
	width: 16px;
	height: 16px;
	background-image: url(/css/smoothness/images/ui-icons_454545_256x240.png);
	background-position: -48px -192px;
}

ul.drawers h3.open span {
	background-position: -64px -192px;
}

ul.drawers h3.empty span {
	background-position: -32px -192px;
}

div.drawer-content {
	padding: 10px;
}

#detailPane div.drawer-content table th,
#detailPane div.drawer-content table td {
	font-size: 10px;
        border-style: solid;
        border-width: 1px;
}

#wholesale-price,
#wholesale-comments {
	width: 270px;
}

#wholesale-price td,
#wholesale-comments td {
	padding: 5px 1px 5px 2px;
}

#detailPane div#orders-drawer-content {
    padding: 0px;
}

#detailPane div#alternate-products {
	padding: 10px;
}

#detailPane div#alternate-products table {
	background-color: #fff;
}

#detailPane div#alternate-products table td {
	min-width: 80px;
}

#detailPane div#alternate-products table td.title {
	min-width: 200px;
}

/* Date picker fix ----------------------------------------- */
#ui-datepicker-div {
	background: #FFFFFF;
	border: 1px solid #B6D1F3;
}

/* Adoptions bottom list
----------------------------------------------------------------------*/
#sf_admin_adoptions_courses table,
#sf_admin_adoptions_current table
#sf_admin_adoptions_history table {
	min-width: 680px;
}

#sf_admin_adoptions_courses table th,
#sf_admin_adoptions_courses table td,
#sf_admin_adoptions_current table th,
#sf_admin_adoptions_current table td,
#sf_admin_adoptions_history table th,
#sf_admin_adoptions_history table td {
	font-size: 10px;
}

#sf_admin_container #sf_admin_adoptions_courses table th,
#sf_admin_container #sf_admin_adoptions_current table th,
#sf_admin_container #sf_admin_adoptions_history table th {
	white-space: normal;
}

ul#adoptionFormErrors {
    list-style:none;
    font-weight:bold;
    color:#D1392C;
}
ul#adoptionFormErrors li {
    list-style:none;
}

/* Register screen
----------------------------------------------------------------------*/

#controls {
	width: 20%;
	float: left;
}

#controls input[type=button] {
	display: block;
	width: 110px;
	padding: 5px 0;
}

#register {
	width: 79%;
	float: left;
}

dl#totals {
	padding: 0;
	margin: 0;
	display: block;
	width: 150px;
	float: right;
}

dl#totals dt {
	padding: 0;
	margin: 0;
	font-weight: bold;
	width: 90px;
	float: left;
	line-height: 24px;
	text-align: right;
}

dl#totals dd {
	padding: 0;
	margin: 0;
	font-weight: bold;
	margin-left: 93px;
	line-height: 24px;
	width: 52px;
	text-align: right;
}

#sf_admin_container tr.active td {
	background-color: #258;
	color: #fff;
}

#sf_admin_container td.subtotal,
#sf_admin_container td.original_price {
	text-align: right;
}

/* Wantlists Screen
----------------------------------------------------------------------*/

#source_wantlist {
	margin: 0 0 5px 0;
	padding: 0;
	height: 200px;
	width: 685px;
	overflow: auto;
}

#sf_admin_wantlists_guides,
#sf_admin_wantlists_list {
	margin-bottom: 5px;
}

/* Message Stack
----------------------------------------------------------------------*/
div.messageStack {
	zoom: 1;
}
div.messageStack ul.success,
div.messageStack ul.error,
div.messageStack ul.alert {
	border: 1px solid #B1CB50;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #F5FBE9;
}
div.messageStack ul.error {
	border: 1px solid #C66;
	background: #FBF4E1;
}
div.messageStack ul.alert {
	border: 1px solid #F0D898;
	background: #FBF4E1;
}
div.messageStack ul li {
	color: #333;
	list-style: none;
}
div.messageStack ul.success li.title,
div.messageStack ul.error li.title,
div.messageStack ul.alert li.title {
	padding: 0 0 5px 20px;
	background: url(../i/icon-accept-16x16.png) 0 0 no-repeat;
	font-weight: bold;
}
div.messageStack ul.error li.title{
	background: url(../i/icon-delete-16x16.png) 0 0 no-repeat;
}
div.messageStack ul.alert li.title{
	background: url(../i/icon-warning-16x16.png) 0 0 no-repeat;
}

/* Footer
----------------------------------------------------------------------*/
#footer {
  clear: both;
  padding: 25px;
  font-family: arial,sans-serif;
  font-size: 80%;
  float: right;
  color: #666;
}

#footer img {
  vertical-align: middle;
}

/* JS -> UI Dialog
----------------------------------------------------------------------*/
.ui-dialog {
	border: 1px solid #ccc;
	background: #fff;
}
.ui-dialog-titlebar {
	position: relative;
	padding: 5px 10px;
	border-bottom: 1px solid #CCC;
	background: #258;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
}
.ui-dialog-titlebar-close {
	position: absolute;
	top: 5px;
	text-indent: -5000px;
}
.ui-dialog-content {
	padding: 10px 15px;
}

/* Tooltip */
.tooltip {
	display:none;
	background-color:#ffa;
	border:1px solid #cc9;
	padding:3px;
	font-size:13px;
	-moz-box-shadow: 2px 2px 11px #666;
	-webkit-box-shadow: 2px 2px 11px #666;
}

#sf_admin_order .companySelect {
	max-width:220px;
}

/* Clearfix  (http: //www.positioniseverything.net/easyclearing.html)
----------------------------------------------------------------------*/
.clearfix:after,
form div.item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
form div.item {
	display: inline-block; /* IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix,
* html form div.item {
	height: 1%;
}
.clearfix,
form div.item {
	display: block;
}
/* End hide from IE-mac */

.sf_admin_list_td_new_ordered, .sf_admin_list_td_used_ordered {
	min-width: 75px;
}
#sf_admin_container tr.odd_received {
	background-color: #aaa;
}
#sf_admin_container tr.even_received {
	background-color: #ccc;
}

/* Ecomm and Magento */
#ecomm_magento_stores
{
    width: 550px;

}

#addToBuyback {
	margin-bottom: 3px;
}

/* Report Styling
TODO separate Report Styles into independent CSS file
----------------------------------------------------------------------*/
#sf_admin_container .sales-report .reportTable thead th {
    background-color: rgb(85, 127, 90);
    border: 1px solid rgb(242, 234, 211);
    color: white;
    text-align: center;
}
#sf_admin_container .sales-report .reportTable tbody th,
#sf_admin_container .sales-report .reportTable tfoot th {
    background-color: rgb(242, 234, 211);
    border: 1px solid rgb(242, 234, 211);
    text-align: left;
}

#sf_admin_container .sales-report .reportTable tbody td,
#sf_admin_container .sales-report .reportTable tfoot td {
    border: 1px solid rgb(242, 234, 211);
    text-align: right;
    white-space: nowrap;
}

/* Customer Search Styling
TODO separate Report Styles into independent CSS file
----------------------------------------------------------------------*/
#customer-search-results li {
    border-top: 1px solid #EEEEEE;
    list-style-type: none;
}
#customer-search-results li:first-child {
    border-top: none;
}

.rental-fulfillment-dialog .notice {
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #ffc;
}

.rental-fulfillment-dialog table {
    width:100%;
}

.rental-fulfillment-dialog table th {
    background-color:#E7EEF6;
    font-weight:bold;
}

.field-display {
    cursor: pointer;
}

.field-display:hover {
    background: url("/sfDoctrinePlugin/images/edit.png") no-repeat scroll top right transparent;
}

.due-date {
    cursor: pointer;
}

#orderTable input {
    max-width: 50px;
    text-align: right;
}

.highlight-field {
    background-color: #B80000 ;
}


.refund-picker-drawer-handle-caption {

        font-weight: bold;
        font-family: helvetica, arial, sans-serif;
        background-color: rgb( 231, 238, 246 );

}

.refund-picker-drawer-handle-closed {
    background-position: -48px -192px;
}

.refund-picker-drawer-handle  {
    display: block;
	float:left;
	width: 16px;
	height: 16px;
    background-image: url(/css/smoothness/images/ui-icons_454545_256x240.png);
	background-position: -64px -192px;
}

.refund-picker-inner-table {
    table-layout:fixed;
    border-collapse: collapse;
    border-spacing: 0px;
    width: 532px;
}

#wantlists-upload-results {
    width: 268px;
    height: 214px;
}

.at-risk {
	background-color: #B80000;
	color: #ffffff;
	margin: 0;
	padding: 2px;
}

/* Publisher Specifications */
span.publisher-spec-1 {
	background-color: #B80000;
	color: #ffffff;
	margin: 0;
	padding: 3px;
}