/*
blue
#009ace

sky blue
#7bcfe7

dark grey
#8e909c

light grey
#dbdbdb

red
#e30076

*/


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::                           GENERATOR
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.form-row .content > input[type=text],textarea {width: 400px}
.form-row .content > select {width: 410px}
.sf_admin_filters .form-row input[type=text] {width: 150px}
.sf_admin_filters .form-row select {width: 150px}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::                           CATALOG MANAGER
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.catalog-manager {}
.catalog-manager .category .title {margin: 5px 0px; height: 24px; background-color: #eee; border:1px solid #ddd;}
.catalog-manager .category .title:hover {background-color: #e6e6e6;}
.catalog-manager .product .title {margin: 5px 0px; height: 24px; background-color: #e5e4f7; border:1px solid #ddd;}
.catalog-manager .product .title:hover {background-color: #dfdef7;}
.catalog-manager .title .preview {width: 24px; line-height: 24px; background-color: white}
.catalog-manager .title .preview img {vertical-align: middle;}
.catalog-manager .title .name {margin-left: 10px;line-height: 24px; font-size: 12px; font-weight: bold;}
.catalog-manager .title .action {line-height: 24px;}
.catalog-manager .title .action img {vertical-align: middle;}
.catalog-manager .title .action .separator {margin: 0px 10px; font-size: 14px; color: #aaa}

.catalog-manager .children-categories {margin-left: 15px;}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::                           GENERATOR FORM
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.gform-block {margin: 5px 0px; background-color: #b0e7f7; -moz-border-radius: 8px; text-align: left;}
.gform-block-action {background-color: #dbdbdb;}
.gform-block .gform-content {padding: 10px;}
.gform-block span {width: 130px; float: left;}
.gform-block h1 {font-size: 16px; margin-bottom: 10px;}
.gform-block h2 {font-size: 14px; margin-bottom: 10px}
.gform-block h3 {font-size: 12px; margin-bottom: 10px}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
::                            ORDERS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
ul.sf_admin_td_actions {white-spaces: nowrap;}
.order-status {width: 150px}
.order-status .waiting-for-payment{color: black}
.order-status .processing a{color: blue;}
.order-status .processed a{color: green;}
.order-status .cancelled a{color: brown;}
.order-status .suspended a{color: orange;}
.order-status .error-failed{color: red;}
.order-status .order-actions {margin-top: 5px}
.order-status .order-actions a {line-height: 16px; padding: 0px 0px 5px 20px;}
.order-status a.arrow {background: url('/images/arrow_right.png') 0% 0% no-repeat;}
.order-status a.play {background: url('/images/order_play.png') 0% 0% no-repeat;}
.order-status a.pause {background: url('/images/order_pause.png') 0% 0% no-repeat;}
.order-status a.process {background: url('/images/order_process.png') 0% 0% no-repeat;}
.order-status a.paid {background: url('/images/order_paid.png') 0% 0% no-repeat;}
.order-status a.cancel {background: url('/images/order_cancel.png') 0% 0% no-repeat;}


.order-details h3 {margin: 20px 0px 5px 0px}
.order-details .history li{list-style: none; margin-bottom: 10px;}
.order-details .history li strong {display: block}
.order-details .history li.normal {color: black}
.order-details .history li.success {color: green}
.order-details .history li.failure {color: red}
.order-details .history li.warning {color: orange}

.order-history li{list-style: none; margin-bottom: 10px;}
.order-history li strong {display: block}
.order-history li.normal {color: black}
.order-history li.success {color: green}
.order-history li.failure {color: red}
.order-history li.warning {color: orange}

/* useful box styling */
.useful_box {
  background-color: #e5e4f7;
  padding: 20px;
  /*position: fixed;*/
  width:50%;
  float:right;
  top: 30%;
  right: 5%;
}

.useful_box ul {
  float: left;
}

.useful_box ul li {
  margin-right: 5px;
  margin-left: 2px;
  list-style-position: inside;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
  /*display: none;*/
  /*background: transparent url(/media/img/tooltip/black_arrow.png);*/
  font-size: 12px;
  height: 70px;
  width: 160px;
  padding: 25px;
  /*color: #eee;*/
}

.tooltip ul {
  float: left;
}

.tooltip ul li {
  margin-right: 5px;
  margin-left: 2px;
  list-style-position: inside;
}

.tr_tooltip:hover {
  background-color: #b0e7f7;
}