/*
 * Simplpan Admin Panel
 *
 * Copyright (c) 2011 Kasper Kismul
 *
 * http://themeforest.net/user/Kaasper/profile
 *
 * This file is for the 'White' Style Theme.
 *
 * (Added in 1.2)
 *
 */

/* Background Color */
body { background-color:#ffffff; }

/* Dark Backgrounds */
#header, #footer, .box_top, ul#navigation li ul.subnav, .box_top .sorting ul li a.active,
.box_top .sorting ul li a:hover, .ui-dialog-titlebar, ul#navigation li ul li ul { 
  background-color:#22434D; 
}

/* Lighter Backgrounds */
#breadcrumb, #userpanel ul, #userpanel ul li ul.subnav, form#login input[type=submit] { 
  background-color:#ffffff; 
}

/* Border Colors */
#header, #breadcrumb, #footer, .box_top, #userpanel ul, #userpanel ul li ul.subnav, 
ul#navigation li ul.subnav, .ui-dialog-titlebar, ul#navigation li ul li ul { 
  border-color:#A6A6A6; 
}

/* Links and Hovers */
a, .dataTables_wrapper .paginate_button { color: #60B3FF; } /* Links */
a:focus, a:hover, a.big_button:hover   { color: #369EFF; } /* Hovers */


/*
 * Custom for White Skin only! (below)
 */
 
 /* Border Colors (dark) */
#header, #footer, .box_top, 
ul#navigation li ul.subnav, .ui-dialog-titlebar { 
  border-color:#2F3D43; 
}
 
.box_content {
  border-color: #A6A6A6;
  
  /* CSS3 */
  -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.08), 
            0 0 0 0 rgba(0, 0, 0, 0) inset;
     -moz-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.08), 
            0 0 0 0 rgba(0, 0, 0, 0) inset;
      box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.08), 
            0 0 0 0 rgba(0, 0, 0, 0) inset;
}

#userpanel ul li a {
    color: #B0B0B0;
}

#userpanel #width a.top, #userpanel #style a.top {
    color: #BCBCBC;
}

#breadcrumb ul.left li a,
#userpanel ul li ul.subnav li a {
    color: #B0B0B0;
}

#breadcrumb ul.left li a:hover, #userpanel .dropdown a.top.active,
#userpanel ul li ul.subnav li a:hover,
#userpanel ul li ul li a.icon.selected {
  color: #60B3FF !important;
}

#userpanel .dropdown a.top.icon,
#breadcrumb ul li {
    background-position: -2px -42px;
}

#userpanel ul.messages li a:hover, #userpanel ul.messages li a.newmsg {
    background-position: left -0px;
}

#userpanel ul.messages li a {
    background-position: left -40px;
}

#userpanel ul.messages li span {
  background:none;
  background-color:#F4F4F4;
  color: #60B3FF !important;
  
  /* CSS3 */
  -webkit-text-shadow: rgba(255, 255, 255, 0.49) 1px 1px;
     -moz-text-shadow: rgba(255, 255, 255, 0.49) 1px 1px;
      text-shadow: rgba(255, 255, 255, 0.49) 1px 1px;
  -webkit-border-radius:5px;
     -moz-border-radius:5px;
      border-radius:5px;
  border-top:solid 1px rgba(0, 0, 0, 0.1);
  border-left:solid 1px rgba(0, 0, 0, 0.1);
  border-bottom:solid 1px rgba(255, 255, 255, 1);
  border-right:solid 1px rgba(255, 255, 255, 1);
}

#userpanel ul li ul li:hover {
  /* CSS3 */
  background-color:rgba(0, 0, 0, 0.015);
}

#userpanel a.icon {
  background-position:3px -40px;
}

#userpanel a.icon:hover,
#userpanel ul li ul li a.icon.selected {
  background-position:3px -0px;
}

#breadcrumb, #userpanel ul {
  /* CSS3 */
  -webkit-text-shadow: 1px 1px #ffffff;
     -moz-text-shadow: 1px 1px #ffffff;
        text-shadow: 1px 1px #ffffff;
}