@charset "utf-8";

/* Classic Admin Style Sheet */

/* ---  Color Theme Outline ---   //

Input, a, H1, TD, LastOrder, Nav:Hover, footer table head, .totalCaption label, .totalValue, .noResultText, .enterCriteriaText, tooltip border, .pricingInfo 

hex: #A50000 (Dark Red)

----------
Navigation, Stat Counter Border, OrderCount Border, Revenue Count Border, site info p

hex: #f9a41f (Orange)

----------

Top Level Hover, Drop Down Menu Up-state, TR Sub Heading

#ecb564 (Light Orange)

----------

Drop Down Menu Hover-state, Even TR Rows

#fff2de (Light Cream)

----------

BoxBody Background, Odd TR Rows, .infoRow
 
hex: #feeaca (Cream)

----------

TR Row Hover
 
hex: #f5d09b  (Dark Cream)

----------
 
Box Header, Stat Counter BG

hex: #bf74000 


----------

*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size:inherit;
}
html {
overflow-y:scroll; /* adds constant scroll bar to avoid skipping */
}


input::-webkit-outer-spin-button, /* Removes all trace of spin buttons on input[number]; webkit only;*/
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

input::-moz-focus-inner /* Removes padding/margin discrepancy between anchor buttons and input buttons */
{ 
    border: 0;
    padding: 0;
}

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


/****************************************************************
* Background, Font Family, Default Text
****************************************************************/
body {
    color: #000000;
    /* Will make 1em = 10px */
    font-size:62.5%;
    font-family: 'Verdana', 'Helvetica Neue', 'Lucida Sans Unicode', sans-serif;
    background: #fff;
}

/****************************************************************
* Standard HTML Tags
****************************************************************/
input[type=text],input[type=password], select, textarea {
    font-family: 'Verdana', 'Helvetica Neue', 'Lucida Sans Unicode', sans-serif;
    color: #A50000;
    border: 1px solid #000000;
    margin: 0; /* Establishes Default in Chrome */
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus {
   background: #f5f2ec;
   border: 1px solid #BF7400;
}

input[type="checkbox"],
input[type="radio"]{
	background: transparent;
	border: 0;
	}


/* remember to define focus styles! */
:focus {
    outline: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

em{
    font-weight: bold;
}
input[type="text"], input[type="password"] {
    width: 211px;
}

textarea {
    width: 800px;
    height: 200px;
    font-size:13px;
}
textarea.largeArea {
    width: 800px;
    height: 400px;
}
textarea.mediumArea {
    width: 800px;
    height: 120px;
}
textarea.smallArea {
    width: 800px;
    height: 80px;
}
textarea.shortArea {
    width: 800px;
    height: 40px;
}
input[type="text"].regular {
    width: 110px;
}
input[type="text"].small {
    width: 80px;
}
input[type="text"].medium {
    width: 285px;
}
input[type="text"].large {
    width: 500px;
}
input[type="text"].xlarge {
    width: 600px;
}
input[type="text"].xxLarge {
    width: 800px;
}
input[type="text"].phone3 {
    width: 30px;
}
input[type="text"].phone4 {
    width: 40px;
}
input[type="text"].phoneExt {
    width: 40px;
}
input[type="text"]#phoneWorkExtOther {
    width: 40px;
}
a {
    color: #A50000;
    text-decoration: underline;
}

input[type="text"].textEntry {
    width: 110px;
}

input[type="text"].dateEntry {
    width: 150px;
    float: left;
}

input[type="text"].emailEntry{
    width: 160px;
}

input[type="text"].emailEntry.long{
    width: 250px;
}

input[type="text"].nameEntry{
    width: 240px;
}

input[type="text"].largeTextEntry {
    width: 300px;
}

/****************************************************************
* Layout Containers
****************************************************************/
body.all {

}

#mainContainer {
    border: 2px solid #0c0c0c;
    margin: 0 auto;
    width: 100%;
    background: #FFFFFF;
}
#mainContainer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#bodyContainer {

}
#bodyContainer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#pageContainer {
    clear: both;
    padding: 0 15px 10px 15px;

}
#pageContainer:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: 
}

/****************************************************************
* Labels, Captions
****************************************************************/
label, .caption{
    text-align: right;
    padding: 0 2px 0 0;
}

/****************************************************************
* Buttons
****************************************************************/

input[type="submit"].standardBtn,
input[type="button"].standardBtn,
a.standardBtn {
    background: none repeat scroll 0 0 #A50000;
    border: 1px solid #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: 0 10px 0 0;
    padding: 1px 5px;
    text-align: center;
    text-decoration: none;
}

input[type="submit"].standardBtn:hover,
input[type="button"].standardBtn:hover {
    
}
a.standardBtn {

}
a.standardBtn:hover {
    color: #fff2de;
}

input[type="submit"].standardBtn.dateSelect,
input[type="button"].standardBtn.dateSelect,
a.standardBtn.dateSelect,
input[type="submit"].standardBtn.secondary,
input[type="button"].standardBtn.secondary,
a.standardBtn.secondary {
    margin: 0 0 0 10px;
    color: #A50000;
    border: 1px solid #000;
    background: #fff2de;
    font-weight:normal;
    text-decoration: none;
    display: inline-block;
}

a.standardBtn.saveAsBtn {
    margin: 0 0 0 90px!important;
}

input[type="submit"].standardBtn.dateSelect:hover,
input[type="button"].standardBtn.dateSelect:hover,
a.standardBtn.dateSelect:hover,
input[type="submit"].standardBtn.secondary:hover,
input[type="button"].standardBtn.secondary:hover,
a.standardBtn.secondary:hover {
    color: #000000;
}

a.standardBtn.help {
    background: #0C0C0C;
    background-image: url("/osafe_admin_theme/images/classic/icon/helpFunction.png");
    background-repeat: no-repeat;
    background-position: 50% left;
    padding: 10px 0 2px 25px;
    font-weight: normal;
    font-size: 10px;
    display: inline-block;
}
a.standardBtn.logout {
    background: #0C0C0C;
    background-image: url("/osafe_admin_theme/images/classic/icon/adminLogout.png");
    background-repeat: no-repeat;
    background-position: 50% left;
    padding: 10px 0 2px 25px;
    font-weight: normal;
    font-size: 10px;
    display: inline-block;
}
a.standardBtn.help:hover {
 	text-decoration: underline;
 	color: #ffffff;
}
a.standardBtn.logout:hover {
 	text-decoration: underline;
 	color: #ffffff;
}

    /****************************************************************
    * Paging Buttons
    ****************************************************************/
.pagingLinksBox {
    float: left;
    margin: 0 0 2px;
    width: 100%;
    }

ul.pagingLinksBody {
    width: 100%;
}
ul.pagingLinksBody li {
    float: left;
    padding: 2px;
}

ul.pagingLinksBody li.pagingLinks {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 0 10px;
}
ul.pagingLinksBody li.pagingLinksText {
    font-size: 11px;
    font-weight: bold;
    color: #0c0c0c;
    margin: 0 420px;
}
ul.pagingLinksBody li.pagingLinksText.showpages{
    margin: 0 0 0 280px;
    position:relative;
}

.pagingLinksBody form {
    display: inline-block;
    *display: inline; /* IE7 Only */
}

ul.pagingLinksBody li.pagingLinksText.showpagesnext{
    float: left;
    margin: 0 0 0 400px;
    position: relative;
}

ul.pagingLinksBody li.pagingLinks a {
    color: #A50000;
}

ul.pagingLinksBody li.nextLink{
    float: right;
}


/*
.pagingBtn {
    background-color: #e6e6e6;
    border: 1px solid #0c0c0c;
    padding: 2px;
    width: 30px;
}
*/
ul.pagingLinksBody li.disabled {
    color: #808080;
}

/*
.pagingBtn.previousLink {
    background-image: url("/osafe_theme/css/admin/arrow/paging-prev.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}
.pagingBtn.nextLink {
    background-image: url("/osafe_theme/css/admin/arrow/paging-next.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0 10px 0 0;
}
*/
/****************************************************************
* Headings
****************************************************************/
h1 {
    font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #a50000;
    margin: 10px 0 0 0;
    text-transform: lowercase;
}

h1 span.pageTitleAdditionalText {

}

span.headingOrderId{

}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 15px;
}

/****************************************************************
* Labels, Captions
****************************************************************/
label, .caption{
    font-weight: normal;
    color: #333333;
}


/****************************************************************
* Header Content
****************************************************************/
#header {
    background: #0c0c0c;
    float: left;
    width: 100%;
}

#header #siteLogo {

}

#header #siteTitleImage {
    color: #993300;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 20px;

    /* hidden */
    display: none;
}

/****************************************************************
* Site Info
****************************************************************/
#header #siteInfoContainer {
    font-size: 9px;
    width: 555px;
    margin: 0 auto;
}
#header #siteInfo {
    display: block;
}


#siteInfo #welcome p, #siteInfo #adminModule p {
    font-size: 12px;
    font-weight: bold;
    color: #F9A41F;
}

#siteInfo #adminModule {
    margin: 20px 0 0 0;
}

#siteInfo #welcome {
    float: left;
    margin: 25px 0 0 0;
}

#siteInfo #helperImages  {
    float: right;
    margin: 23px 0 5px 0;
}
#siteInfo #helperImages a {
    margin: 0 0 0 10px;
    color: #ffffff;
}
#siteInfo #helperImages .helperText {
    font-size: 10px;
    color: #ffffff;
}

#siteInfo #welcome .name, #siteInfo #adminModule .name{
    color: #fff2de;
}

/****************************************************************
* Daily Sales Counter
****************************************************************/
#dailySalesCounter{
    float: right;
    margin: 10px 10px 0 0;
    color: #ffa521;
    font-family: 'Verdana','Helvetica Neue','Lucida Sans Unicode',sans-serif;
    font-size: 23px;
    border: 1px solid #f9a41f;
}

#dailySalesCounter span.orderCount, #dailySalesCounter span.totalRevenue {
    color: black;
    background: #bf7400;
    border-bottom: 2px solid #f9a41f;
    border-right: 2px solid #f9a41f;
    float: left;
    text-align: center;
    width:28px;
    height:28px;
}

#dailySalesCounter span.orderCount.lastCol, #dailySalesCounter span.totalRevenue.lastCol{
border-right: none;
}
#dailySalesCounter span.totalRevenue{
border-bottom: none;
}

/****************************************************************
* Footer, Final Footer
****************************************************************/

/****************************************************************
* Navigation Bar
****************************************************************/

#navigation {
    background: #F9A41F;
    border-bottom: 2px solid #0C0C0C;
    float: left;
    width: 100%;
	position: relative;  /* needed to clear drop downs over content */
	z-index: 2;  /* needed to clear drop downs over content */
}

.navigationMenu ul {
    position:        absolute;
    top:            -999em;
    width:          auto; 
    *width: 220px; /* IE7 needs width to accomodate drop down link width */
    
}

.navigationMenu ul li {
    width:            100%;
}
.navigationMenu li:hover {
    visibility:        inherit; /* fixes IE7 'sticky bug' */
}
.navigationMenu li {
    float:            left;
    position:        relative;
}

.navigationMenu li:hover ul,
.navigationMenu li.sfHover ul {
    left:            0;
    top:            23px; /* match top ul list item height */
    top: 22px\9; /* For IE 9 and Below */
    z-index:        99;
    border-top: 1px solid #000;
}

.navigationMenu li.lastItem ul,
.navigationMenu li.lastItem ul {
    left: -99px\9; /* For IE 9 and Below */
}
.navigationMenu li.lastItem:hover ul,
.navigationMenu li.lastItem.sfHover ul {
    border-top: 1px solid #000000;
    left: -102px;
    top: 23px;
    top: 22px\9; /* For IE 9 and Below */
    left: -110px\9; /* For IE 9 and Below */
    z-index: 99;
}

ul.navigationMenu li:hover li ul,
ul.navigationMenu li.sfHover li ul {
    top:            -999em;
}
ul.navigationMenu li li:hover li ul,
ul.navigationMenu li li.sfHover li ul {
    top:            -999em;
}
ul.navigationMenu li li li:hover ul,
ul.navigationMenu li li li.sfHover ul {
    left:           14em; /* match ul width */
    top:            0;
}

.navigationMenu a { 
    border-right: 1px solid #000000;
    font-size: 14.5px;
    font-weight: bold;
    padding: 3px 0 2px 0;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: block;
}

.navigationMenu li.topLevel a {
    border-bottom: medium none;
}

/* Size and Padding width of each Sub Navbar a Item*/

.navigationMenu .subLevel a {
    border: medium none;
    font-size: 13px !important;
    font-weight: bold;
    padding: 2px 5px 2px 10px;
    text-align: left;
    white-space: nowrap;
	margin: 0;
}

 /* basic Cloring of Navbar Item Text */
.navigationMenu a, .navigationMenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color: #0c0c0c;
}

.navigationMenu li.topLevel {
    width: 10%; /* Ten Top Level Links */
}

/* Hide Vertical bar to left of first top level item */
.navigationMenu  li.topLevel.firstItem {

}

/* Hide Vertical bar to right of last top level item */
.navigationMenu li.topLevel {

}

/* Vertical bar to right of last top level item */
.navigationMenu  li.topLevel.lastItem {

}

.navigationMenu li li a {
 /*   margin: 0 0 0 5px; */
}
.navigationMenu li li {
    background: #ecb564; /* Background Color of flyout*/
    border-top:     1px solid #0c0c0c; /* Horizontal bar to on top of each sub level item */
}

/* Background Color of Top nav on Hover*/
/* Color of Top nav text on Hover*/
.navigationMenu li:hover, .navigationMenu li.sfHover, .navigationMenu a:focus, .navigationMenu a:hover, .navigationMenu a:active {
    background: #ecb564;
    color: #a50000;
    outline: 0;
}
/* Background Color of Sub nav on Hover*/
/* Color of Sub nav text on Hover*/
.navigationMenu li li:hover, .navigationMenu li li.sfHover, .navigationMenu li li a:focus, .navigationMenu li li a:hover, .navigationMenu li li a:active {
    background: #fff2de;
    color: #a50000;
    outline:0;
}

/****************************************************************
* Page Title
****************************************************************/
.PageTitle{
    clear: left;
    float: left;
    margin: 0 0 10px 0;
}

#dashboard div.PageTitle{

}


/****************************************************************
* Error Messages
****************************************************************/

.inError,
.inError:focus {
    background: none repeat scroll 0 0 #FBE7E8!important;
    border: 1px solid #C00000 !important;
}

.inError+span {
    color: #C00000;
    font-weight: 700;
}


.content-messages {
    margin: .5em 0 1em 0;
    color: #000000;
    float: left;
    clear: both;
    width: 100%;
    padding: 0 0 10px 0;
    background: #ffffff;
}

.content-messages .errorImage,
.content-messages .eventImage,
.content-messages .infoMessageIcon {
    float: left;
    margin: 10px 10px 0 10px;
    padding: 0.1em;
}
#setToZeroMessage{
    float:right; 
    padding: 5px 40px 0 0; 
    color:#333333;
    font-size: 9px;
}

.eCommerceErrorMessage {
    border: 1px solid #c00000;
    overflow-y: hidden;
    overflow-x: auto;
}
.eCommerceErrorMessage .errorImage {
    border: 1px solid #c00000; 
}

.eCommerceSuccessMessage {
    border: 1px solid #000;
}

.eCommerceInfoMessage {
    border: 1px solid #000;
}

.eCommerceSuccessMessage .eventImage {
    border: 1px solid #ccffcc;
}

.eCommerceInfoMessage {
    border: 1px solid #ff9900;
}

.errorHeading, .eventHeading {
    padding: 0 0 0 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

.errorMessage, .eventMessage {

}
.fieldErrorMessage {
    font-size: 13px;
    color: #c00000;
}
.eCommerceErrorMessage p,
.eCommerceSuccessMessage p,
.eCommerceInfoMessage p {
    font-size: 13px;
    margin: 10px 0 0 40px;
}

/****************************************************************
* Display Box
****************************************************************/

.displayBox,
.displayListBox {
    border: 2px solid #000000;
    float: left;
    margin: 0 0 1em 0;
}

.displayBox, .displayListBox table{
   width: 100%;
}

.displayBox .header,
.displaySearchBox .header,
.displayListBox .header {
    background: none repeat scroll 0 0 #BF7400;
    border-bottom: 1px solid #000000;
    float: left;
    padding: 4px 0;
    width: 100%;
   

}
.displayBox .header {
    text-align:left;
}

.displayBox .header.sub {

}

.infoRow.row .header {
    border-left: medium none !important;
    border-radius: 0 0 0 0;
    border-right: medium none !important;
}

.displaySearchBox .header , .displayListBox .header {
    text-align: left;
}
.displaySearchBox .header h2,
.displayListBox .header h2,
.displayBox .header h2,
.heading h2 {
    float: left;
    padding: 0 10px;
    text-align: left;
    width: 100%;
    *padding: 0;
}

.displayBox .header h2 .headingHelperText {
    font-weight: normal;
    font-size: 10px;
}

.displaySearchBox  div.searchButton {

}
.displayBox .subHeader {
    background: #ecb564;
    border-bottom: 1px solid #000000;
    text-align: center;
}

.header h2 {
    font-size: 15px;
    /*font-size: 1.5em;*/
    font-weight: bold;
    color: #ffffff;
}
.infoRow .header {
    border-top: 1px solid #000000;
    margin: 0 0 10px 0;
}
.infoRow .header h2 {
    
}
.subHeader h3 {
    font-size: 1.3em;
    font-weight: bold;
    color: #000000;
}

.displayBox .boxBody,
.displaySearchBox .boxBody,
.displayListBox .boxBody {
    background: none repeat scroll 0 0 #FEEACA;
    clear: left;
    float: left;
    font-size: 13px;
    width: 100%;
}


#dashboard .displayBox .boxBody,
#dashboard .displaySearchBox .boxBody {
    padding: 0 0 2px 0;
}

.displayBox .boxBody:after, .displaySearchBox .boxBody:after, .displayListBox .boxBody:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.displayBox .boxText {
    font-size: 13px;
}

tr.even{
    background: #fff2de;
}
tr.odd{
    background: #feeaca;
}

.boxBody td.firstCol a,
.boxBody td.descCol a { /* Target Specific Links */
    color: #a50000;
    text-decoration: underline;
}
.boxBody td.firstCol a:hover, .boxBody td.descCol a:hover {
    text-decoration: none;

}

.boxBody.grid td,.boxBody.grid th {
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    height: 16px;
}

.boxBody.grid td.lastRow {
    border-bottom: none;
    height: 15px;
}
.boxBody.grid td.lastCol, .boxBody.grid th.lastCol {
    border-right: none;
}

.boxBody td.boxCaption {
    font-size: 13px;
    width: 100%;
    padding: 0 2px 0 0;
    color: #0c0c0c;
}

.boxBody td{
    color: #a50000;
    padding: 1px 3px;
}
.boxBody th{
    padding: 0 3px;
}
.boxBody td.boxNumber {
    font-weight: bold;
    padding: 0 2px 0 0;
    text-align: center;
    width: 100%!important; /* js2 */
}
.boxBody td.boxDollar, .boxBody th.boxDollar {
    font-weight: bold;
    width: 100%;
    padding: 0 2px 0 0;
    text-align: right;
}
.boxBody td.boxNumber a, .boxBody td.boxDollar a{
    color: #a50000;
    text-decoration: underline;
}

.boxBody tr:hover{
    background-color: #f5d09b;
}

.boxBody tr.footer:hover{
    background-color: #FEEACA !important;
}

.displayBox.footerInfo {
    width: 100%;
    clear: left;
    border: none;
    padding: 10px 0 0 0;
}
.displayBox.footerInfo tr.footer:hover {
    background: #FFFFFF!important;

}

/****************************************************************
* Search/List Screens
****************************************************************/
.commonSearchList,
.categoryDetail {
    clear: left;
    margin: 0 auto;
    width: 100%;
}
.commonSearchList:after,
categoryDetail:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.commonSearchList .displaySearchBox {
  width:100%;

}

.commonSearchList .displayListBox {
  width: 100%;

}
.commonSearchList .displayBox{
   width: 100%;

}


/****************************************************************
* Search Box
****************************************************************/
.displaySearchBox{
    border: 2px solid #000000;
    float: left;
    margin: 0 auto 1em auto;
/* LS */    width: 100%;
}

.entryRow {
    clear: left;
    float: left;
    margin: 4px 0;
    min-height: 20px; /* Set the same as infoRow for row uniformity */
    position: relative;   /*  so icons with can use absolute positioning  */
    width: 100%;
    *float: none; /* IE7 Only */
}

.entryRow label, .entryRow div.entry, .entryRow div.entryInput {
    float: left;
}

.entryRow div.entryInput {
    margin: 0 0 0 3px;
}

.entryRow div.entryInput.select select {
    width: 160px;
}

.entryRow div.entryValue {
    font-weight: normal;
    color:  #a50000;
}

.entryRow div.entryInput.checkbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    padding: 0 5px 0 0;
    width: auto;
}

.entryRow div.entryInput.checkbox.short {
    /*width: 250px;*/
}
.entryRow div.entryInput.checkbox.medium {
    /*width: 409px;*/
}
.entryRow div.entryInput.checkbox.small {
    /*width: 200px;*/

}
.entryRow div.entryInput.checkbox.short {
    /*width: 115px;*/
}
.entryRow div.entryInput.checkbox.extraSmall {
    /*width: 240px;*/
}
.entryRow .entry{
    width: 320px;
}

.entryRow .entry.short{
    width: 400px;
}

.entryRow .entry.medium{
    width: 550px;
}

.entryRow .entry.long{
    width: 860px;
}

.entryRow .entry.daterange {
    width: 45%;
    /*width: 380px;*/
}

.periodBox .entryRow .entry.daterange {
    *width: 400px; /* IE7 Only */
}

#scheduledJob .entryRow .entry.daterange,
#custRequestList .entryRow .entry.daterange,
#abandonedCartAnalysis .entryRow .entry.daterange,
#orderManagement .entryRow .entry.daterange {
    *width: 500px!important; /* IE7 Only */
}

.entryRow label{
    width: 130px;
}
.entryRow label.largeLabel{
    width: 150px;
}

.entryRow label.smallLabel{
    width: 110px;
}
.infoRow label.smallLabel{
    width: 100px;
}
.infoRow label.extraSmallLabel{
    width: 140px;
}
.entryRow label.tolabel{
    width: 20px;
   *width:29px;
}

.entry.daterange label {
/*    position: relative;*/
/*    top: 5px;*/
}

.entry.daterange a {
    position: relative;
    top: 3px;
}

.entryRow div.entryInput.from {
    position: relative;
    top: -2px;
    width: 180px;
}

.entryRow div.entryInput.to {
    margin: 0 0 0 5px;
    position: relative;
    top: -2px;
    width: 180px;
}

.entryButtonRow{
    clear: left;
    margin: 3px 0 0;
}

div.searchButton {
    
}

/****************************************************************
* Information Display Box
****************************************************************/

.displayBox.detailInfo {
   width: 100%;
    background: #feeaca;
}

.infoRow {
    float: left;
    width: 100%;
    background: #feeaca;
    margin: 2px 0;
    min-height: 20px; /* Accommodates Icons and Input Fields */ 
    min-height: 20px\9;  /* IE9 */
    /* *float: none; IE7 Only */
}

.displayBox.detailInfo .infoRow {
  //clear: left;
}


.infoRow.column {
    width: 480px;
}

.infoRow.column .infoEntry {
    float: left;
    clear: left;
    *float: none; /* IE7 only */
}


.infoRow label, .infoRow div.entry, .infoRow div.infoValue{
    float: left;
}



.infoRow div.infoCaption {
float: left;
    /* clear: left;  */

}

.infoRow div.infoCaption label {
    text-align: right;
    font-size: 13px;
}

.infoRow div.infoCaption label a {
    color: #A50000;
    text-decoration: underline;
}

.infoRow div.infoValue label {
    text-align: right;
}

.infoRow div.infoValue {
    color: #A50000;
    font-weight: normal;
    min-height: 20px;  /* Need for empty DIVs and multiple infoValues in one infoRow */
    text-align: justify;
}

.infoRow #intervalUnit {
   margin: 0 0 0 5px;
}

.infoRow div.infoIcon {
    float: left;
    margin: 0 0 0 5px;

}

.infoRow.column div.infoValue {
    max-width : 260px;
}

div.infoValue div.dataRow {
    float: left;
    /* margin:0 0 10px 0; */
    min-height: 20px;    
}
div.infoValue div.lastDataRow {
    margin-bottom: 0px;
}
div.infoValue div.dataRow div.dataColumn {
    display: inline-block;
}
div.infoValue div.dataRow div.operDataColumn {
	float: left;
    width: 130px;  
}
div.infoValue div.dataRow div.nameDataColumn {
	float: left;
    width: 300px;  
}
div.infoValue div.dataRow div.actionDataColumn {
	float: left;
    width: 200px;
}
div.infoRow span.textCounter{
    color: #333333;
    font-size: 12px;
    display: block;
}
.infoValue.confirmTxt {
    padding: 0 20px;
    font-weight: bold!important;
    margin: 10px 0 0 0 !important;
}
#commonConfirm {
    display: inline-block;
}

#moveTopCategory {
float: none;
}

#commonConfirm .infoRow div.infoValue {
    text-align: left;
}

#displayDialog .displayListBox {
    margin: 0;
   width: 720px;
}

.infoValue.confirmBtn {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px!important;
}

#displayDialog .displayListBox .infoValue.confirmBtn {
    margin: 10px 0 10px 10px!important;
}

.infoValue.withOutCaption {
    padding: 0 0 0 20px;
}
div.infoValue div.geoCode {
    float: left;
}

.geoCode label {
    width: 30px!important;
     padding: 0 10px 0 0;
}
.infoRow.row div.infoValue {
    max-width : 800px;
}
.infoRow .infoEntry {
/*    display: inline-block;
    *float: left; */
}

.infoRow .infoEntry .infoRowIcon .descIcon {
     margin: 0 0 0 5px;
}

.infoRow .infoEntry.long {
/*    width: 1100px;  */
}

.infoRow label{
    width: 220px;
    /*margin: 0 0 0 12px;
    text-align: left;*/
}

.infoValue.statusItem{
    width: 80px;
}

.infoValue.medium{
    width: 320px;
}
.infoValue.small{
 /*   width: 160px;   */
}
.infoRow div.infoDetail {
    padding: 5px 50px 0 0;
}
.infoRow div.infoDetail p{
    margin: 0 0 0 10px;
    color: #333333;
}
.infoRow div.infoDetail label {
    text-align: center;
    width: 160px!important;
}

.infoRow div.infoText {
    padding: 5px 50px 0 0;
    float: right;
}
.infoRow div.infoText p{
    margin: 0 0 0 10px;
    color: #333333;
}
.infoRow div.infoText label {
    text-align: center;
    width: 160px!important;
}

.infoRow div.entry.checkbox {
    background: #ffffff;
    width:  auto;
    border: 1px solid #000;
    padding: 0 5px 0 0;
    font-size: 13px;
}

.checkboxCol {
    float: left;
    width: 220px;
}


.infoRow select.short {
    width: 110px;
}
.infoRow select.small {
    width: 220px;
}
.infoRow select.extraSmall {
    width: 330px;
}
.infoRow select.medium {
    width: 440px;
}
.infoRow div.entry.checkbox.short {
    /* width: 250px; */
}
.infoRow div.entry.checkbox.medium {
    /* width: 409px; */
}
.infoRow div.entry.checkbox.small {
   /*  width: 200px; */
}
.infoRow div.entry.checkbox.short {
    /* width: 115px; */
}
.infoRow div.entry.checkbox.extraSmall {
    /* width: 240px; */
}
.infoRow div.entry.checkbox.large {
    /* width: 450px; */
}
table.osafe tbody tr td div.infoEntry div.infoValue {
    width: 160px!important;
    margin: 3px 0 0 10px;
    font-weight: bold;
}
#updatePLPSequence table.osafe tbody tr td div.infoEntry div.infoValue {
    font-weight: normal;
}
.hideShow {
    text-align: center;
    width: 160px;
}
.sequenceCol {
    text-align: center!important;
    width: 160px;
}
.infoEntry .QTYDIV {
float: left; 
}

.infoEntry .AMOUNTDIV {
float: left; 
}

.infoEntry .ITEMDIV{
float: left; 
}

#contentSpotList table td.idCol, 
#contentSpotList table th.idCol,    /* for content library list */
#contentSpotList table td.actionCol, 
#contentSpotList table th.actionCol, 
#contentSpotList table td.nameCol,
#contentSpotList table th.nameCol,
#contentSpotList table td.statusCol,
#contentSpotList table th.statusCol,
#contentSpotList table td.dateCol,
#contentSpotList table th.dateCol,
#contentSpotList table th.actionColSmall,
#contentSpotList table td.actionColSmall {
    width: auto!important;
}

#contentSpotList table th.descCol,
#contentSpotList table td.descCol {
    width: 500px;
}

#assetCheckResultList table th.idCol,
#assetCheckResultList table td.idCol {
    text-align: left;

} 

/****************************************************************
* Search List Box
****************************************************************/
.displayListBox{
    border: 2px solid #000000;
    width: 100%;
}

.displayListBox table{
    clear: left;
}

.displayListBox .boxBody th{
    font-weight:bold;
    /* background: #ecb564;  */
    padding: 0 3px;
}

.displayListBox .boxBody td {
    color: #a50000;
    padding: 0 3px;
}
.displayListBox .boxBody.grid td.firstCol, .displayListBox .boxBody.grid th.firstCol,
.displayListBox .boxBody td.firstCol, .displayListBox .boxBody th.firstCol {
}

.displayListBox .boxBody th.headingCol {
    text-align: center;
}
.displayListBox .boxBody th.promoCodeCol {
     background: none repeat scroll 0 0 #FEDFAC;  


}
.displayListBox .boxBody td.idCol, .boxBody th.idCol, .boxBody td.idCol{
  /*width: 150px; */
    text-align: center;
}
.displayListBox .boxBody td.idCol a, .boxBody th.idCol a, .infoValue a, td.totalCaption a, .nameCol a, .usageCol a, td.actionCol a {

}
.displayListBox .boxBody td.idCol a:hover, .boxBody th.idCol a:hover, td.totalCaption a:hover, .nameCol a:hover, .usageCol a:hover {


}
.boxBody td.idCol.firstCol, .boxBody th.idCol.firstCol {
    text-align: left;
}
.boxBody td.dateCol, .boxBody th.dateCol {
    /*width: 60px;*/
    text-align: center;
}
.boxBody td.sizeCol, .boxBody th.sizeCol {
    /*width: 100px;*/
    text-align: center;
}
.boxBody td.dollarCol, .boxBody th.dollarCol {
    /*width: 100px;*/
    text-align: right;
}
.boxBody th.qtyCol, .boxBody td.qtyCol {
    /*width: 110px;*/
    text-align: center;
}

#customerManagementDetail .boxBody th.qtyCol,
#customerManagementDetail .boxBody td.qtyCol {
    text-align: right;
}
.displayListBox .boxBody td.priceDescCol, .boxBody th.priceDescCol {
    /*width: 211px;*/
    text-align: left;
}

.displayListBox .boxBody td.statusCol, .boxBody th.statusCol, .boxBody td.statusCol, 
.displayListBox .boxBody td.geoCol, .boxBody th.geoCol,
.displayListBox .boxBody td.usageCol, .boxBody th.usageCol, .boxBody td.usageCol{
    /*width: 80px;*/
    text-align: center;
}

.displayListBox .boxBody td.stateCol, .boxBody th.stateCol,
.displayListBox .boxBody td.zipCol, .boxBody th.zipCol{
    /*width: 80px;*/
    text-align: left;
}
.displayListBox .boxBody td.tooltipCol, .boxBody th.tooltipCol {
    /*width: 40px;*/
    text-align: center;
}
.boxBody td.actionCol, .boxBody th.actionCol {
    /*width: 100px;*/
    text-align: center;
    white-space: nowrap; /* makes icons appear inline without putting a width on the td */
}
.displayListBox .boxBody td.actionColSmall, .boxBody th.actionColSmall, .boxBody td.actionColSmall {
    /*width: 40px;*/
    text-align: center;
}

.displayListBox .boxBody td.actionPromoCol, .boxBody th.actionPromoCol, .boxBody td.actionPromoCol,
.boxBody th.actionOrderCol, .boxBody td.actionOrderCol{
    /*width: 40px;*/
    text-align: center;
}
.displayListBox .boxBody td.actionReviewCol, .boxBody th.actionReviewCol {
    /*width: 40px;*/
    text-align: center;
}
.displayListBox .boxBody td.typeCol, .boxBody th.typeCol {
    /*width: 170px;*/
    /*text-align: center;*/
}

.displayListBox .boxBody td.cityCol, .boxBody th.cityCol {
   /*width: 100px;*/
}

.displayListBox .boxBody td.numberCol, .boxBody th.numberCol {
    /*width: 60px;*/
    text-align: center;
}
.displayListBox .boxBody td.nameCol, .boxBody th.nameCol, .boxBody td.nameCol {
    /*width: 200px;*/
    text-align: left;
}
.displayListBox .boxBody td.usageCol, .boxBody th.usageCol, table.osafe tbody tr td div.infoEntry div.infoValue input {
    text-align: center;
}

.displayListBox .boxBody td.dollarCol.total, .boxBody th.dollarCol.total {
    text-align: right;
}
.displayListBox.orderItemInfo .boxBody td.dollarCol.total, .displayListBox.orderItemInfo .boxBody th.dollarCol.total {
    text-align: right;
}
.displayListBox .boxBody td.descCol, .boxBody th.descCol {
    /*width: 250px;*/
    text-align: left;
}

.displayListBox .boxBody td.noteCol, .boxBody th.noteCol {
    /*width: 600px;*/
    text-align: left!important;
}

.displayListBox .boxBody td.userCol, .boxBody th.userCol {
    /*width: 250px;*/
    text-align: right;
}

.displayListBox .boxBody td.seqCol, .displayListBox .boxBody th.seqCol {
   /*width: 100px;*/
    text-align: center;
}
.displayListBox .boxBody td.addrCol, .boxBody th.addrCol {
    /*width: 350px;*/
    text-align: left;
}

.boxBody td.gradeCol, .boxBody th.gradeCol {
    text-align: center;
}

/****************************************************************
* Period Box
****************************************************************/

.periodBox {

}

.periodBox, .boxBody.period {
    display: block;
    float: left;
    padding: 0;
    width: 100%;
    margin: 0 0 5px 0;
}

.periodBox label {
    position: relative;
    top: 4px;
    font-size: 12px;
    width: 50px;
}
.periodBox div.entryInput.checkbox {
    font-size: 12px;
}
.periodBox a {
    position: relative;
    top: 3px;
}
.periodBox, .entryRow .entry.daterange {

}
.periodBox .entryButtons input {
    margin: -3px;
}

.periodBox .entryButtons {
    float: left;
    }

.periodBox .dateSelectButtons {
    float: right;
    margin: 0 10px 0 0;
    }

/****************************************************************
* Sort By Box
****************************************************************/

.sortBox{
    clear: left;
    margin: 5.5em 0 1em 0px;
}

.sortBox, .boxBody.period {
    width: 100%;
}

.sortBox label {
    position: relative;
    top: 4px;
    font-size: 13px;
    width: 60px;
}

.sortBox, .entryRow .entry.sortrange {
    margin: 0 0 0 10px;
}

.sortBox .sortSelectButtons {
    margin: 0 41px 0 0;
}

/****************************************************************
* Date Entry
****************************************************************/

/****************************************************************
* Last Order
****************************************************************/
.lastOrderBox{
    color: #a50000;
    float: right;
    clear: right;
    font-size: 11px;
    font-weight: bold;
    margin: 1em 8px 0 0;
}
/****************************************************************
* Dashboard
****************************************************************/
#dashboard {
    clear: both;
}
#dashboard:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#dashboard .trendRange {
    font-size: 9px;
    margin: 0 0 0 5px;
}

#dashboard .boxBody td.boxCaption .description {
    width: 350px;
}

#dashboard .boxBody td.boxNumber, .boxBody td.boxDollar, .boxBody th.boxDollar{
    width: 100px;
}

.boxBody.boxBody td.boxDollar.positiveTrend{
    color: #008400;
    background-image: url("/osafe_admin_theme/images/classic/admin/positiveTrend.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
    font-size: 9px;

}

.boxBody.boxBody td.boxDollar.negativeTrend{
    color: #FF0000;
    background-image: url("/osafe_admin_theme/images/classic/admin/negativeTrend.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 15px;
    font-size: 9px;
}

.boxBody.boxBody td.boxDollar.positiveTrendColor{
    color: #008400;
}
 
.boxBody.boxBody td.boxDollar.negativeTrendColor{
    color: #ff0000;
}

.boxBody.boxBody td.boxDollar.noTrend{
    padding: 0 0 0 15px;
    font-size: 9px;
}
/****************************************************************
* Dashboard
****************************************************************/
#dashboard #topHalf {
    float: left;
    width: 100%;
}

#dashboard #bottomHalf {
    float: left;
    width: 100%;
}

#dashboard #bottomHalf .displayBox.pendingReviews {
    float: right;
    width: 100%;
}
#dashboard #topHalf .displayBox.bestReviewedProducts {
    float: right;
    width: 100%;
}

#dashboard #topHalf .displayBox.topPromotions {
    clear: left;
    width: 100%;
}
#dashboard #bottomHalf .displayBox.ordersRequiringWork {
    clear: left;
    width: 100%;
}

#dashboard #topHalf .displayBox.topProducts {
    float: right;
    width: 49%;
}
#dashboard #topHalf .displayBox.dashboardSummary {
    clear: left;
    width: 49%;
}

#dashboard #bottomHalf .displayBox.bestReviewedProducts td.boxCaption{
    width: 100%;
}
#dashboard #bottomHalf .displayBox.topPromotions td.boxCaption{
    width: 100%;
}

/****************************************************************
* Customer Detail 
****************************************************************/

#customerManagementDetail {
    clear: left;
}
/* LS */
#customerManagementDetail .displayBox.addressInfo {
    width: 520px;
    margin: 10px 5px\9; /* IE8 and below [can't process nth-child below] */ 
    margin: 0 0 10px 0;
}

#customerManagementDetail .displayBox.addressInfo:nth-child(odd) {
    margin: 0 20px 10px 0;
}


#customerManagementDetail .displayBox.addressInfo .header h2  {
    text-align: center;
}


#customerManagementDetail .displayBox.shippingInfo td.boxCaption{
    width: 100%;
    padding: 0 2px 0 0;
    text-align: right;
}

/****************************************************************
* Order Management
****************************************************************/
#orderManagement {

}
#orderManagement .entryRow .entry.daterange {
    margin: 0 0 0 0;
}

#orderManagement .boxBody td.idCol.firstCol,
#orderManagement .boxBody th.idCol.firstCol {

}

/****************************************************************
* Order Detail
****************************************************************/
#orderManagementOrderDetail {
    clear: left;
}

#orderManagementOrderDetail .displayBox.customerInfo,
#orderManagementOrderDetail .displayBox.paymentInfo {
    width: 100%;
}

#orderManagementOrderDetail .displayBox.customerInfo {
    margin: 0 2% 2% 0;
}


#orderManagementOrderDetail .displayBox.paymentInfo .infoRow div.infoCaption {
    clear: left;
    //float: none;
}

/****************************************************************
* Order Detail : General Information
****************************************************************/
#orderManagementOrderDetail .displayBox.generalInfo {
    width: 100%;
}

#orderManagementOrderDetail .displayBox.generalInfo .infoRow div.infoValue p {
    float: left;
}
#orderManagementOrderDetail .displayBox.generalInfo .infoRow.firstRow {
    padding: 0.5em 0 0 0;
}


/****************************************************************
* Order Detail : Shipping Information
****************************************************************/

#orderManagementOrderDetail .displayBox.shippingInfo td.boxCaption{
    width: 100%;
    padding: 0 2px 0 0;
    text-align: right;
}

#orderManagementOrderDetail .displayListBox.orderItemInfo {
    clear: left;
    margin: 0 0 1em 0;
}

/****************************************************************
* Total Order
****************************************************************/
div.totalOrdersBox{
    border: 1px solid black;
    background: #fff2de;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    margin: 1em 5px 0 0
    
}

/****************************************************************
* Promotions
****************************************************************/
input[type="text"].promoCodeEntry {
    width: 100px;
}



/****************************************************************
* Product Reviews
****************************************************************/

.rating_bar {
  width: 85px;
  background: url("/osafe_admin_theme/images/classic/productReview/starOff.gif") 0 0 repeat-x;
}

.rating_bar div {
  height: 18px;
  background: url("/osafe_admin_theme/images/classic/productReview/starOn.gif") 0 0 repeat-x;
}

/****************************************************************
* Calendar Date Select
****************************************************************/

.calendar_date_select {
  color: #0c0c0c;
  border: 1px solid #0c0c0c;
  display: block;
  width: 200px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
 * html iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
  display:none !important;
}

.calendar_date_select thead th {
  font-weight:bold;
  background: #ecb564;
  border-top:1px solid #0c0c0c;
  border-bottom:2px solid #0c0c0c;
  color: #0C0C0C !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background: #bf7400;
  border-top: 1px solid #0c0c0c;
}

.calendar_date_select .cds_footer {
  background: #bf7400;
  border-top: 1px solid #0c0c0c;
  padding:3px;
  font-size: 12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}

.calendar_date_select .cds_header {
  background: #bf7400;
  border-bottom: 2px solid #bf7400;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: #fff;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color: #000 !important;
  background: none !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_buttons a {
  background: none !important;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: #fff;
  font-size: 9px;
  background: none;
  display: inline !important;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background: #feeaca;
}
.calendar_date_select td.weekend {
  background: #ecb564;
}

.calendar_date_select td div {
  color: #0C0C0C;
}
.calendar_date_select td div.other {
  color: #888;
}
.calendar_date_select td.selected div {
  color: #000;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #888;
}
.calendar_date_select td.selected {
  background: #a50000;
}

.calendar_date_select td:hover {
  background: #bf7400;
}

.calendar_date_select td.today {
  border: 1px solid #a50000;
}

.calendar_date_select td.disabled div {
  color: #454545;
}


.fieldWithErrors .calendar_date_select {
  border: 1px solid #a50000;
}

/****************************************************************
* Table
****************************************************************/
table.osafe {
    width:100%;
    /*table-layout: fixed;*/
    }

table.osafe thead {
    }
table.osafe tbody {
    width:100%!important;

    }
table.osafe tfoot {
/*    background-color: #fff;  */
}

table.osafe tfoot:hover {
    background-color: #FEEACA!important;
}

table.osafe tr.heading th {
    font-weight:bold;
    background-color: #ecb564;
    border-bottom: 1px solid #0C0C0C;
   /* border-right: 1px solid transparent;  */
    vertical-align: sub;
    font-size: 12px!important;
}

.displayBox.footerInfo table.osafe tr.footer {
    background: #ffffff;
   
}



table.osafe tr.footer th {
    color: #A50000;
/*    background-color: #fff;  */
    padding: 0.5em;
}

table.osafe tr.footer th td:hover {
    background: #FEEACA!important;
}

table.osafe tr.footers th {
    background-color:  #fff;
    padding: 1em;
}
table.osafe tfoot > tr:hover {
    background: none;

}

table.orderSummary {
    width: auto;
    float: right;
    margin: .5em .1em .5em 0;
    border: 1px solid #0c0c0;
    background-color: #fff2de;
    border: 1px solid;
}
table.osafe tfoot table.orderSummary {
    width:auto!important;
}
table.osafe tr.ListTotal {
 /*   background-color: #fff; */
}

table.osafe tr.ListTotal:hover {

}
table.orderListTotal {
    width: 200px;
    float: right;
    margin: .5em .1em .5em 0;
    border: 1px solid;
    background-color: #fff2de;
}

table.orderDetail {
    border: 1px solid #0c0c0;
    background-color: #fff2de;
}

table.osafe td.lastRow {
/*    border-bottom: 1px solid #0c0c0;*/
    }
td.totalCaption {
    text-align: right;
    }
td.totalCaption label {
    color: #a50000;
    font-weight: normal;
    }

table.osafe td.totalValue {
    color: #a50000;
    float: right;
    }
td.total, td.total label {
    font-weight: bold;
    }
table.osafe tr.dataRow td {
/*    border-bottom: 1px solid #0c0c0c;*/
    vertical-align: sub;
}


table.osafe th.idCol,td.idCol {
    /* width: 100px; */
}

table.osafe th.descCol,td.descCol {
    /*width: 250px;*/
    text-align: left;
}

table.osafe th.radioCol,td.radioCol {
    /*width: 180px;*/
    text-align: left;
}

table.osafe th.longDescCol,td.longDescCol {
    /*width: 450px;*/
    text-align: left;
}

table.osafe th.seqCol, th.valueCol {
    /* width: 150px; */
    text-align: left;
}
table.osafe td.seqCol, td.valueCol{
   /* width: 150px; */
    text-align: left;
}

table.osafe th.boxCaption,td.boxCaption {
    width: 350px;
}
table.osafe th.boxNumber,td.boxNumber,th.boxDollar,td.boxDollar {
    width: 100px;
}
tr.noResult td {
    padding: 0!important;
}

/****************************************************************
* Navigation Descriptor Boxx
****************************************************************/
.navigationDescriptor {
    clear: left;
}
.navDescriptorBox {
    border: 1px solid #000000;
    margin: 1em;
    background: #fff2de;
    float: left;
    width: 334px;
    min-height: 100px;
}
.navDescriptorBox .descriptorTitle {
    text-align: center;
    margin: 0.5em 1em 0 0;
    
}

.navDescriptorBox .descriptorTitle a {
   color: #a50000;
   font-weight: bold;
   text-decoration: underline;
   font-size: 13px;
}

.navDescriptorBox p {
    margin: 0 1em 1em 1em;
    text-align: center;
    font-size: 13px;
    
}
#adminParamInfoId {
    clear: left;
}
.textAlignLeft {
    text-align: left!important;
}
.textAlignRight {
    text-align: right!important;
}
.textAlignCenter {
    text-align: center!important;
}
.adminMore {
    color: #FFFFFF;
    float: right;
    font-size: 12px;
}

/****************************************************************
* Sorting Header
****************************************************************/
/*
table.tablesorter thead tr th {
    text-decoration: underline;
    cursor: pointer;
}

table.tablesorter thead tr .header {
    background-image: url(/osafe_admin_theme/images/classic/sort/bg.gif);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    padding: 0 0 0 8px;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(/osafe_admin_theme/images/classic/sort/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(/osafe_admin_theme/images/classic/sort/desc.gif);
}
*/
/****************************************************************
* Dialogue Box
****************************************************************/
.dialogOverlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .50;
    filter: alpha(opacity=15);
    -moz-opacity: .50;
    z-index: 101;
    display: none;
}

.dialogBox {
    display: none;
    position: fixed;
    /* width: auto!important; width set by JS */
    height: auto;
    padding: 0px;
    z-index: 102;
    left: 30%;
    top: 30%!important;
}

.dialogBox .infoRow {
    /*margin: 5px 0;*/
}
.dialogClose {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 4px;
    top: 4px;
    background-image: url(/osafe_admin_theme/images/classic/icon/close_square.png);
    background-repeat: no-repeat;
}

#dashboard div.PageTitle{

}
#dashboard .displayBox .header 
{
   float: left;
   text-align:center;
   padding: 3px 0;
   border-bottom: 1px solid #000;
   z-index: 1;
}
#displayLookUpDialog {
	width: 500px;
	height: auto!important;
}

#lookupBody {

}

.lookupList {

}

.lookupList .idCol.spacer {
    width: auto!important;
}

#customerList {
position: relative; 
}
/* LS */
#displayLookUpDialog .selectorHeader, #displayLookUpDialog .selectorSearchBox, #displayLookUpDialog .selectorListBox {
    width: 500px;
}

#displayLookUpDialog .selectorPagingLinksBox {
    background: none repeat scroll 0 0 #FEEACA;
    border-left: 1px solid black;
    border-right: 1px solid;
    float: left;
    font-family: 'Verdana','Helvetica Neue','Lucida Sans Unicode',sans-serif;
    width: 500px;
}
#displayLookUpDialog .selectorListBox {
   border-top: none;
}

#displayLookUpDialog .selectorSearchBox {
    background: none repeat scroll 0 0 #FEEACA;
    padding: 0 0 10px 0;
    float: left;
}

/****************************************************************
* No Results Box
****************************************************************/
.noResultsText {
    font-size: 11px;
    font-weight: bold;
    color: #a50000;
}
ul.pagingLinksBody li.noResultsText {
    float: none;
    text-align: center;
}

ul.pagingLinksBody li.noResultsText.criteria {

}

/****************************************************************
* Enter Criteria Box
****************************************************************/
ul.pagingLinksBody li.enterCriteriaText {
    font-size: 11px;
    font-weight: bold;
    color: #a50000;
    margin: 0 190px;
}

.imageBorder {
    border:1px solid #000000;    
}

.radiobutton {
    background:#fff;
    border:1px solid #000000;
    padding:2px 10px 1px 10px;
    white-space: nowrap;
}
td div.infoEntry input[type="text"] {
    width:80px!important;
}
.footerColor {
    color: #a50000;
}

/****************************************************************
* Tooltip Box
****************************************************************/
#tooltip{
    width:auto;
    position:absolute;
    display:none;
    z-index: 999;
}

.tooltipMiddle{
    max-width:400px;
    min-width:115px;
    background-position:bottom left;
    text-align: center;
    float: left;
    border: 1px solid #a50000;
    padding: 5px;
    background:#FFF;
}

.tooltipMiddle span{
    position:relative;
    font-family: 'Verdana', 'Helvetica Neue', 'Lucida Sans Unicode', sans-serif;
    font-size:8pt;
    color: #a50000;
    top:-2px;
}

.tooltipBottomLeftArrow {
    background: url("/osafe_admin_theme/images/classic/tooltip/tooltipBottomLeftArrow.png") no-repeat scroll 5px 0 transparent;
    clear: both;
    height: 13px;
    position: relative;
    top: -1px;
    width: auto;
}
.tooltipTopLeftArrow {
    background: url("/osafe_admin_theme/images/classic/tooltip/tooltipTopLeftArrow.png") no-repeat scroll 5px 0 transparent;
    clear: both;
    height: 13px;
    position: relative;
    top: 1px;
    width: auto;
}
.tooltipBottomRightArrow {
    background: url("/osafe_admin_theme/images/classic/tooltip/tooltipBottomRightArrow.png") no-repeat scroll right 0 transparent;
    clear: both;
    height: 13px;
    position: relative;
    top: -1px;
    width: auto;
}
.tooltipTopRightArrow {
    background: url("/osafe_admin_theme/images/classic/tooltip/tooltipTopRightArrow.png") no-repeat scroll right 0 transparent;
    clear: both;
    height: 13px;
    position: relative;
    top: 1px;
    width: auto;
}

.toolTipImg {
    max-height:100px;
    max-width:380px;
    padding: 5px;
}

.toolTipImgText {
    text-align: center;
    clear: left;
}

.tooltipMiddle div.tooltipData {
    //background-color: #FEEACA;
    display: inline-block;
    text-align: left;
}
.tooltipMiddle div.tooltipData div.tooltipFirstSubheading {
    color: #333333;
    font-weight: bold;
    width: 100%;
}
.tooltipMiddle div.tooltipData div.tooltipSubheading {
    color: #333333;
    font-weight: bold;
    width: 100%;
    margin: 50px 0 0 0;
}
.tooltipMiddle div.tooltipData div.tooltipCaption {
    float: left;
    width: 34%;
}
.tooltipMiddle div.tooltipData div.tooltipValue{
    float: left;
    width: 66%;
}

/****************************************************************
* Image
****************************************************************/
.productIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/product.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.imageIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productimages.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.priceIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productpricing.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.sequenceIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/sequence.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.header .helperIcon {
    float: right;
    margin: -16px 0 0 0;
}
.helperIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/helperIcon.gif);
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-left: 2px;
    width: 16px;
}

.helperIcon:hover {
    cursor: pointer;

}
.featureIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productFeature.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.variantIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productvariant.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.descIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productDesc.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.helpIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/helpIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.helperIcon:hover {
    cursor: pointer;
}
.wildcardIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/wildcardIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.informationIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/infoIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 13px;
    margin-left: 2px;
    margin-top: 2px;
    position: relative;
    top: 2px;
    width: 16px;
}

.featureIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productFeature.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.noImage {
    background-image: url(/osafe_admin_theme/images/classic/noimage/noImageLoded.gif);
    background-repeat:no-repeat;
    width: 49px;
    height:49px;
    display: inline-block;
}
.noVideo {
    background-image: url(/osafe_admin_theme/images/classic/noimage/noVideoLoded.gif);
    background-repeat:no-repeat;
    width: 49px;
    height:49px;
    display: inline-block;
}
.checkMarkIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/checkmark.png);
    background-repeat:no-repeat;
    width: 15px;
    height:15px;
    display: inline-block;
}
.errorImageIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/red_x_image.png);
    background-repeat:no-repeat;
    background-position: 50%;
    width: 12px;
    height:12px;
    display: inline-block;
}

.siteLogoImage {
    background-image: url(/osafe_admin_theme/images/classic/admin/siteLogo.png);
    background-repeat:no-repeat;
    width: 207px;
    height:77px;
    display: inline-block;
}

.metatagIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/htmlMetatag.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.contentSpotIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/contentSpot.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.productAttributeIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productAttribute.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.addIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/addIcon.gif);
    background-repeat:no-repeat;
    width: 20px;
    height:16px;
    display: inline-block;
}
.plpContentIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/plpContent.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.membershipIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/membershipIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.relatedIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/relatedIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.crossIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/crossIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.plusIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/plusIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.createIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/plusIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.insertBeforeIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/insertBefore.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.insertAfterIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/insertAfter.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.noAction {
    width: 16px;
    height:16px;
    display: inline-block;
}
.pickupStoreIndicator {
    background-image: url(/osafe_admin_theme/images/classic/icon/pickUpStoreIndicator.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.previewIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/previewIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.slidePlusIcon{
    background-image: url(/osafe_admin_theme/images/classic/icon/plusIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
    float: right;
}
.slideMinusIcon{
    background-image: url(/osafe_admin_theme/images/classic/icon/minusIcon.jpg);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
    float: right;
}
.videoIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/videoIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.warningIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/warningIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.attachIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/attachIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.warningHelper { /* for pixel tracking page */
    float: right;
    margin: 0 5px 0 0;
}

.entryIcon {  /* wild card icon; system parameter */
    left: 30px;
    position: absolute;
    top: 2px; 
}

.entryIcon a.helper {
    
}

.allUsersIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/allUsersIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.allPermissionsIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/allPermissionsIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.helperInfoIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/helpIconUser.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}
.customerActivityIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/customerActivityIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.paymentDetailIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/productpricing.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.paymentIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/paymentIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.lockIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/lockIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.emailIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/emailIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.exportToPdfIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/exportToPdfIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.exportToXmlIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/exportToXmlIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.detailIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/detailIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.addNoteIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/addNoteIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.statusUpdateIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/statusUpdateIcon.png);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

a.standardBtn.adminCartIcon {
    background: url("/osafe_admin_theme/images/classic/icon/adminCartIcon.gif") no-repeat scroll 0 0 transparent !important;
    background-repeat:no-repeat;
    padding: 10px 0 2px 25px !important;
    display: inline-block;
    font-weight: normal;
}

a.standardBtn.adminCartIcon:hover {
    text-decoration: underline;
}

.adminAddCartIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/adminAddCartIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.refreshIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/refreshIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
    margin: 0 0 0 4px;
}

.editIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/editIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.orderIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/orderIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.noteIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/noteIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.contactUsIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/contactUsIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.catalogRequestIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/catalogRequestIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.compareDescIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/compareDescIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.syncIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/syncIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.exportToCsvIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/exportToCsvIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.clearCacheIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/clearCacheIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.shipmentDetailIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/shipmentDetailIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    position: relative;
    width: 16px;
}

.eCommerceInfoMessage .infoMessageIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/infoMessageIcon.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    width: 15px;
}

.printIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/printIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.printDollarIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/printDollarIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.userIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/userIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.shippingLabelPrintIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/shippingLabelPrintIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.giftMessageIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/giftMessageIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.approveIcon {
    background-image: url("/osafe_admin_theme/images/classic/icon/approveIcon.gif");
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.informationDetailIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/informationDetailIcon.gif);
    background-repeat:no-repeat;
    width: 44px;
    height:39px;
    margin-left: 10px;
    margin-right: 15px;
    display: inline-block;
}

.cautionIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/cautionIcon.gif);
    background-repeat:no-repeat;
    width: 44px;
    height:39px;
    margin-left: 10px;
    margin-right: 15px;
    display: inline-block;
}


/****************************************************************
* Detail Entry Table
****************************************************************/
.detailEntryTable tr:hover{
    background:  #feeaca;
}
.detailEntryTable th, .detailEntryTable td {
    padding: 0 13px 5px 0;
}
.detailEntryTable.minfield th, .detailEntryTable.minfield td {
    min-width: 160px;
}
.detailEntryButton {
    float: left;
    padding: 0.5em 0 0.5em 25px;
    width: 100%;
}
.entryButton {
    clear: left;
    float: left;
    padding: 0.5em 0 0.5em 10px;
    *clear: none; /*IE7*/
}

.displayBox.footerInfo .entryButton {
    padding: 0;
}

.infoDetailIcon {
    float: right;
    margin: 7px 5px 0 0;
}

.displayBox.footerInfo .infoDetailIcon {
    margin: 0;
}

.infoDetailIcon a, td.actionCol a {
    *padding: 2px;
}

.linkButton{
    display: inline-block;
    float: right;
    margin: 0 5px 0 0;
}

.displayListBox .linkButton {
    margin: 7px 5px 0 0;
}


.mediaImage {
    width: 120px;
    height:150px;
}

.autoWidth {
    width:auto!important;
}

.leftMargin10 {
    margin: 0 0 0 10px;
}

table#sortTable tfoot tr {
    
}
.productLoaderTab {
    float: left;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}

.displayBox.detailInfo.productLoaderData {
    background: #FEEACA;
    width: 100%;
}
.productLoaderDataOverflow {
    overflow: auto;
}

.heading {
    background: #ECB564;
    border-bottom: 1px solid #0C0C0C;
    border-top: 1px solid #0C0C0C;
    border-right: 1px solid transparent;
    font-weight: bold;
    padding: 0 0 0 3px;
}

.heading h3 {
    font-size: 12px !important;
    font-weight: bold;
}

.displayBox.topPromotions div.heading {  
    float: left;
    width: 100%;
}

div.heading {
    float: left;
    width: 100%;
}

.infoRow.row .heading {
    border-top: 1px solid #0C0C0C;
}

.productLoaderTab input[type="button"].standardBtn.errorMark {
    background-image: url(/osafe_admin_theme/images/classic/icon/errorMark.jpg);
    background-repeat:no-repeat;
    background-position: 10px center;
    padding-left: 30px; /* added to original .standardBtn styles */
}
.productLoaderTab input[type="button"].standardBtn.warningMark {
    background-image: url(/osafe_admin_theme/images/classic/icon/warningMark.jpg);
    background-repeat:no-repeat;
    background-position: 10px center;
    padding-left: 30px; /* added to original .standardBtn styles */
}
.productLoaderTab input[type="button"].standardBtn {
    background: none repeat scroll 0 0 #FFF2DE;
    border: 1px solid black;
    color: #A50000;
    font-weight: normal;
    margin: 0 0 0 10px;
    padding: 9px 5px;
    display: inline-block;
    *overflow: visible!important; /* IE7 Only */
}

.productLoaderTab input[type="button"].standardBtn:hover {
   text-decoration: underline;
}

#rowOrderCount{
    display: inline-block;
}

#siteLogoContainer {
    display: inline-block;
    float: left;
    margin: 0.5em;
    width: 200px;
}

.pricingInfo {
    color: #a50000;
    font-size: 10px;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.bottomRow {
    border-bottom: 1px solid black;
}

.warningText {
    float: right;
    /*margin: 7px 10px 0 0;*/
    margin: 1px 5px 0 0;
}

.boxBody .helperText {
    padding: 5px 0;
    float: right;
    margin: 2px 10px 0 0;
}

.boxBody .helperText span {
    padding: 5px 0;
}

.searchHelperText {
    left: 30px;
    position: relative;
    top: 25px;
}

.entryHelperText {
    display: inline;
    margin: 0 0 0 5px;
}


/****************************************************************
* Login Section // Gateway to All Themes //
****************************************************************/
#loginNavigation {
    background: #FFFFFF;
    border: medium none;
    color: #333333;
    font-family: verdana;
    font-size: 11px;
    margin: 0 auto;
    text-align: left;
    width: 400px;
}

#loginNavigation:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
#loginNavigation .statement {
    margin: 12px 0 0 0;
}
#loginNavigation .statement .content-messages {
    width: auto;
    float: none;
    clear: none;
}
#loginNavigation .statement .eCommerceErrorMessage {
    border: 1px solid #C00000;
    padding: 5px;
    margin: 0;
}

.loginSiteLogoImage {
    background-image: url("/osafe_admin_theme/images/classic/admin/LoginsiteLogo.png");
    background-repeat: no-repeat;
    display: block;
    height: 77px;
    margin: 0 auto;
    width: 207px;
}

#loginNavigation .logo {
    margin: 70px 0 0;
    padding: 10px 0;
}

#loginNavigation .displayBox {
    margin: 0!important;
    border: none!important;
    width: auto;

}

#loginNavigation .displayBox .header {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 5px;
    background: none;
    border: none;
    display: none;
}

#loginNavigation .displayBox .boxBody {
    margin: 0;
    height: 140px;
    overflow: auto;
    background: #fff!important;
}
#loginNavigation .displayBox .boxBody input {
    border: 1px solid #000;
    color: #000;
}
#loginNavigation .displayBox .boxBody input:focus {
    border: 1px solid #FFA521;
}

#loginNavigation .displayBox .boxBody .loginUserName {
    margin: 10px 0;
}
#loginNavigation .displayBox .boxBody .loginUserName label {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 120px;

}
#loginNavigation .displayBox .boxBody .loginPassword {
    margin: 0 0 10px 0;
}
#loginNavigation .displayBox .boxBody .loginPassword label {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    width: 120px;

}
#loginNavigation .box .body .login-button {
    margin: -5px 0 0 0;
    position: relative;
    top: 0;
    right: 50px;
    float: right;
}

#loginNavigation input[type="submit"].standardBtn, 
#loginNavigation input[type="button"].standardBtn, 
#loginNavigation a.standardBtn{
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    font: 14px/100%;
    margin: 10px 0 0 50px;
    outline: medium none;
    padding: 1px 5px;
    text-align: center;
    text-decoration: none;
    vertical-align: baseline;
    background: none repeat scroll 0 0 #FFA518;
    border: 1px solid #BF7400;
    color: #000;
}
#loginNavigation input[type="submit"].standardBtn:hover, 
#loginNavigation input[type="button"].standardBtn:hover, 
#loginNavigation a.standardBtn:hover{
    color: #fff;
    background: #ECB564;
    cursor: pointer;
}


/***********************************************
Lookups and Selectors
***********************************************/
 .fieldLookup{
    background: #ffffff;
    border-right: 2px solid #999;
    border-left: 2px solid #999;
    border-bottom: 3px solid #999;
    border: 1px solid;
    position: absolute;
    padding: 3px 1 1 1;
    overflow: visible;
    z-index: 110000;
    visibility: visible;
    width: 500px;
 }

 .fieldLookupHeader{
    height: 0px!important;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 0 0 10px;
    cursor: move;
    background: none repeat scroll 0 0 #BF7400;
    border-bottom: 0px solid black;
    clear:both;
 }

 .fieldLookupHeader span{
     text-align: right;
     cursor: pointer;
 }

 .fieldLookupHeader span div{
    background-image: url("/osafe_admin_theme/images/classic/icon/close_square.png");
    background-repeat: no-repeat;
    height: 23px;
    position: absolute;
    right: -1px;
    width: 24px;
 }

 #fieldLookupContent{
     background: #ffffff;
     overflow: auto;
     width:100%;
     height:95%;
     display: inline;
 }

/* overwrite */
 #fieldLookupContent ul li a {
    display: inherit;
    cursor: pointer;
    background: none;
 }

 #fieldLookupContent td {
    padding: 5px 0;
 }

 #fieldLookupContent td span a {
    background: url("/osafe_admin_theme/images/classic/fieldlookup.gif") no-repeat;
    display: inline-block;
 }

 #fieldLookupContent td a {
    background: none;
    cursor: pointer;
    display: inline;
 }
/* overwrite*/
 #findScreenlet{
     margin: 0;
 }

 .fadedBackground {
     background: url(/osafe_admin_theme/images/classic/lookup/faded_background.png);
     position: absolute;
     overflow: visible;
     z-index: 109999;
     visibility: visible;
     left: 0px;
     top: 0px;
 }

 .smallSubmit {
    background: none repeat scroll 0 0 #A50000;
    border: 1px solid black;
    color: white;
    font-family: 'Verdana','Helvetica Neue','Lucida Sans Unicode',sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 1px 5px;
    text-decoration: none;
 }

.selectorSearchBox {
    border: 1px solid black;
    width: 100%;
}
.selectorSearchBox .boxBody, .selectorListBox .boxBody {
    background: #feeaca;
    font-size: 13px;
}
.selectorListBox {
    border: 1px solid black;
    float: left;
    margin: 0em;
    max-height: 300px;
    overflow: auto;
    clear: both;
    width: 100%;
}

.selectorHeader {
    background: #bf7400;
    border: 1px solid black;
    width: 100%;
}
.selectorHeader h2 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
     padding: 4px 0 8px 10px;
}
.idCol.spacer {
    padding: 0 0 0 50px;
}

.selectorPagingLinksBox {
    background: #feeaca;
    border: 1px solid black;
    font-family: 'Verdana', 'Helvetica Neue', 'Lucida Sans Unicode', sans-serif;
    float: left;
    width: 100%;
    }

ul.pagingLinksBody li.selectorPagingLinksText {
    font-size: 11px;
    font-weight: bold;
    color: #0c0c0c;
    margin: 0 0 0 150px;
}
ul.pagingLinksBody li.selectorPagingLinksText.showpages{
    margin: 0px;
    position:relative;
    padding: 0 0 0 50px;
}
ul.pagingLinksBody li.selectorPagingLinksText.showpagesnext{
    margin: 0px;
    position:relative;
    padding: 0 0 0 180px;
}
.selectorNoResultBox {
    background: #FEEACA;
    float: left;
    font-family: 'Verdana','Helvetica Neue','Lucida Sans Unicode',sans-serif;
    width: 100%;
}
ul.pagingLinksBody li.selectorNoResultText.criteria {
    font-size: 11px;
    font-weight: bold;
    color: #A50000;
    margin: 0 0 0 85px;
}
ul.pagingLinksBody li.selectorNoResultText {
    font-size: 11px;
    font-weight: bold;
    color: #A50000;
    margin: 0 0 0 175px;
}

/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet MS, Tahoma, Verdana, Arial, sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 10px; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/osafe_admin_theme/images/classic/icon/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(/osafe_admin_theme/images/classic/icon/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/osafe_admin_theme/images/classic/icon/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/osafe_admin_theme/images/classic/icon/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/osafe_admin_theme/images/classic/icon/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }


/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(/osafe_admin_theme/images/classic/icon/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/osafe_admin_theme/images/classic/icon/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/osafe_admin_theme/images/classic/icon/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(/osafe_admin_theme/images/classic/icon/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/osafe_admin_theme/images/classic/icon/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
 * jQuery UI Resizable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;
	/* http://bugs.jqueryui.com/ticket/7233
	 - Resizable: resizable handles fail to work in IE if transparent and content overlaps
	*/
	background-image:url(data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 10px; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.13
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 1em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
     height:2em;
     text-align: left;
}

.ui-progressbar .ui-progressbar-value {
     margin: -1px;
     height:100%;
}

button.ui-datepicker-trigger {
background: url("/osafe_admin_theme/images/classic/icon/datePickerCalendar.jpg") 0 0 no-repeat; 
    border: none;
    cursor: pointer;
    height: 15px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px;
    width: 16px;
}


button.ui-datepicker-trigger img {
	display: none;
}

button.ui-datepicker-trigger:active {
background: url("/osafe_admin_theme/images/classic/icon/datePickerCalendar.jpg") 1px 1px no-repeat\9;  /* For IE 9 and lower */

}

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* align times on scheduled jobs detail page */

.scheduledJobTimeEntry {
	margin: 0 0 0 20px; 
}

.scheduledJobTimeEntry div label {
       width: auto;
       margin: 0 0 0 25px;
}

.scheduledJobTime {
	margin: 0 0 0 20px; 
}

.scheduledJobTime div label {
       width: auto;
       margin: 0 0 0 161px;
}

/* BigFish Feeds */


#feedsExportDetail .infoRow .infoEntry {
     float: right;
     margin: 0 330px 0 0;
}

#feedsExportDetail .infoRow div.infoCaption label:first-child {
    width: auto;
}
#feedsExportDetail .infoRow div.infoCaption label {
    width: 360px;
}

/* Permission */

#permissionList .selectorListBox table th.descCol, 
#permissionList .selectorListBox table td.descCol,
#securityGroupList .selectorListBox table th.descCol, 
#securityGroupList .selectorListBox table td.descCol {
    width: auto;
}
.displayNone {
    display: none;
}
.spacer {
    display: inline-block;
    width: 103px;
}
/* Admin Tools */

#adminToolList td.nameCol a {
     white-space: nowrap;
}

.actionIconMenu {
    width: 16px;
    display: inline-block;
    position: relative;
    top: 2px;
}



.toolIcon {
   background-image: url("/osafe_admin_theme/images/classic/icon/wrenchIcon.gif");
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    display:block;
    margin: 0 auto;
    overflow:hidden;
    text-indent:-999em;
    cursor:pointer;
    position: relative;
  }

.actionIcon {
        font-size:11px;
        color:#fff;
	padding: 5px 0;
        background: #fff;
        border: 1px solid #A50000;
        border-right: none;
        float: left;
        width: 100%;

}

.actionIcon:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.actionIconBox {
    background-image: url("/osafe_admin_theme/images/classic/tooltip/ToolTipArrow.png");
    background-repeat: no-repeat;
    padding: 0 10px 0 0;
    width: 315px;
}

.actionIconBox.actionIconBoxArrowTopRight {
    background-position: right -472px;
    right: 15px;
    top: -19px;
    width: 315px;

}

.actionIconBox.actionIconBoxArrowBottomRight {
    background-position: right bottom;
    right: 15px;
    bottom: 0;
    width: 315px;
    background-image: url("/osafe_admin_theme/images/classic/tooltip/ToolTipArrowBottom.png");
    background-repeat: no-repeat;
}

.actionIcon img.actionIconMenuImage {
    float: left;
    width: 100px;
}

.actionIcon p {
	color: #A50000;
        margin: 0 0 6px 0;
}

.actionIcon img.actionIconMenuImage {
    float: left;
    margin: 0 0 0 5px;
    width: 100px;
}

.actionIcon ul {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.actionIcon ul li {
	margin: 0;
	padding: 0;
	list-style: none;
        text-align: left;
}

.actionIcon ul li a {
	background-repeat: no-repeat;
        display: block;
	padding: 2px;
	color: #A50000;
	text-decoration: none;	
}

.actionIcon ul li a:hover {
	text-decoration: underline;	
}

.actionIcon ul li p {
	padding: 2px;
	margin: 0;
}

.actionIcon ul li a span {
    margin: 0 5px 0 0;
    position: relative;
    top: 3px;
}
    
#userManagement .actionIconBox {   /* Target specific tooltips as needed by using page ID */

}

#catalogList .actionIconBox {
     width: 400px;
     
}

#emailConfigList .actionIconBox {
     width: 180px;
}

.context {
       display: inline-block;
       /*float: right;*/
       *float: none; /*IE7 and below */
       *display: inline; /*IE7 and below */
}

a.standardBtn.contextIcon {
    background: url("/osafe_admin_theme/images/classic/icon/contextIcon.gif") no-repeat scroll 0 0 transparent !important;
    font-size: 10px;
    font-weight: normal;
    padding: 10px 0 2px 25px !important;
    display: inline-block;
  }

.contextInfoBox{
    font-size:11px;
    padding: 10px;
    border: 1px solid #A50000;
    background: #fef2de;
    top: 80px;
}

.contextInfoBox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.contextInfoRow {
    clear: left;
}

.contextInfoCaption {
    width: 65px;
    float: left;
    margin: 0 2px 0 0;
}

.contextInfoCaption label {
    text-align: right;
    display: block;
}

.contextInfoValue {
    display: inline-block;
}

.contextInfoValue .contextId {
    float: left;
}

.contextInfoValue .contextId a {
    margin: 0 5px 0 0 !important;
    color: #a50000!important;
    text-decoration: none!important;
}

.contextInfoValue .contextId a:hover {
    text-decoration: underline!important;
}

.contextInfoValue .contextDesc {
    display: inline-block;
}

.leftFloat {
    display: inline;
    position: relative;
    top: -3px;
}

.rightFloat {
    float: right!important;
}

#dashboard .displayBox .boxBody {
    padding: 0;
}

.adminCheckoutCartContext {
    margin: 0 0 10px 0;
}

/* Users */

#commonUserDetail .infoRow div.entry.checkbox {
    margin: 0 5px 0 0;
}

/* Review */

.nameCol.pendingReview {
    padding: 0 0 0 50px !important;
}

.generalInfo .infoRow div.infoValue p,
#customerManagementDetail .displayBox.detailInfo p,
.displayBox.personalInformation p,
.displayBox.customerInformation p { /* Used for text with an icon; to flank icon to the right */
   float: left; 
}

#productReviewArea {
   margin: 0 0 10px 0;
}


/* Admin Checkout */ 

.required {
     color: #A50000;
     margin: 0 5px 0 0;

}

.adminCheckoutCartContent {
    margin: 0 0 10px 0;
}

#checkoutStoreSearch {
    display: inline-block;
    margin: 0 0 0 20px;
}

#checkoutStoreName {
    display: inline-block;
    color: #a50000;
}

.displayBox.paymentOption .entry.checkbox.medium {
    margin: 0 0 5px 0;
}

/* Customers */

#customerManagement .actionIconBoxArrowTopRight,
#customerManagement .actionIconBoxArrowBottomRight {
     width: 225px;
}

h2 span.addIcon {
    float: right;
}

/* New Customer / Address Info */

.displayBox.addressInfo .boxBody {
    padding: 0 0 10px 0;
}

.displayBox.addressInfo .boxBody #billing_addressEntry .infoRow .header,
.displayBox.addressInfo .boxBody #shipping_addressEntry .infoRow .header, {
   background: #ECB564;
}


.displayBox.addressInfo .boxBody #billing_addressEntry .infoRow .header {
   border-top: none;
}

.displayBox.addressInfo .boxBody #billing_addressEntry .infoRow .header h2,
.displayBox.addressInfo .boxBody #shipping_addressEntry .infoRow .header h2,
.heading h2 {
   color: #000000;
   font-size: small;
}

/* Add Product */

#productCategoryFetureDetail select {
    width: 200px;
}

#productCategoryFetureDetail table.osafe tbody {
    margin: 10px 0 0 0;
}

#productCategoryFetureDetail table.osafe tr.dataRow {
    height: 25px;
}

#productCategoryFetureDetail table.osafe td.radioCol {
    width: 650px;
}

/* Order Detail */

.orderStatusChangeDiv {
    float: left;
    position: relative;
    top: -3px;
}

#orderManagementOrderDetail td.statusCol .shipmentDetailIcon {
    float: right;
    margin: 0;
}

/* All Stores */

.productStoreEntry,
.productStoreInfo {
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.productStoreEntry #productStoreall {

}

#postingManagement .actionCol {
    width: 40px;
}

#postingManagement .actionCol a {
    cursor: pointer;
    display: inline-block;
    margin: 2px 0 0;
}

.statusButtons {
    display: inline;
}

.displayBox.orderItemsSummaryInfo {
    border: none;
}

.displayBox.orderItemsSummaryInfo .boxBody {
    background: none!important;
}

.displayBox.orderItemsSummaryInfo .boxBody tr {
    background: none!important;
}

.displayBox.orderItemsSummaryInfo .boxBody .orderSummary tr:hover {
    background: #F5D09B!important;
}

.detailBoxDateHeading {
    margin: 0 25px 0 0;
}

.detailBoxDescriptionHeading {
    margin: 0 160px 0 0;
}

.detailBoxMaxAmountHeading {
    margin: 0 160px 0 0;
}

.detailBoxStatusDescriptionHeading {

}

.customerInfo .infoValue p,
.paymentInfo .infoValue p {
    width: 290px;
}

#feedsList .nameCol {
    width: 300px;
}

.orderItemShippingAddress span {
    color: #000000;
    font-weight: 700;
}

.inputWarning {
    color: #FF0000;
    float: right;
    font-weight: 700;
    margin-top: -17px;
    padding-left: 20px;
    text-align: right;
    width: 100%;
}



.facebookIcon {
    background-image: url(/osafe_admin_theme/images/classic/icon/facebookIcon.gif);
    background-repeat:no-repeat;
    width: 16px;
    height:16px;
    display: inline-block;
}

.loadingAjaxImg {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 101;
    text-align:center;
    padding-top:250px;
    background-image: url(/osafe_admin_theme/images/classic/admin/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: 50%;
}

#navigationMenuBreadcrumb {
    display: inline-block;
    margin: 5px 0 0;
    width: 100%;
}

#navigationBreadcrumb {
    float: left;
    height: 15px;
    color: #A50000;
    text-transform: lowercase;
}

#navigationBreadcrumb li {
    background: url("/osafe_admin_theme/images/classic/admin/breadcrumbBullet.png") no-repeat scroll 5px 50% rgba(0, 0, 0, 0);
    display: inline;
    float: left;
    padding: 0 0 0 16px;
}

#navigationBreadcrumb li.first {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

