/*
 * 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:#fff;min-width :350px }

/* Dark Backgrounds */
 /*.box_top,  .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:#9c142f; 
}*/


.box_top.bluepurple{
    background-color: #C0BDDE;
    border-color: #c9c9c9;
}

.box_top.skyblue{
    background-color: #3B94AF;
    border-color: #c9c9c9;
}

.box_top.darkpurple{
    background-color: #3E4661;
    border-color: #c9c9c9;
}
 
 .box_top.purple{
    background-color: #9A6E99;
    border-color: #c9c9c9;
}

table.smallpadding th, table.smallpadding  td, table.smallpadding  caption{
    padding:10px 20px;
}

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

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

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


/*
 * Custom for White Skin only! (below)
 */
 
 /* Border Colors (dark) */
 .box_top, .ui-dialog-titlebar { 
	border-color:#8C8C8C; 
}
 
.box_content {
	border-color: #A6A6A6;
 
}

.box_content.noborder {
	border:none;
 
}

#userpanel ul li a {
    color: #716F6F;
}

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

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

#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;
}