/* ==========================================================================================
 * Author: Kit Whyte, kit@aeski.net, www.aeski.net
 * Copyright: Kit Whyte
 * 
 * Date: 1 November 2012
 * File: defaults.css
 *
 * This file may not be copied or modified without the expressed permission from the author
 * ==========================================================================================
 */



/*--------------------------------
	Admin Menu
---------------------------------*/
/* If admin menu is in FIXED position at top of browser us this*/
table.sticky-header{
	top: 15px !important;
	background-color: #212121;
	background-color: rgba(160,160,160,.50);
}

html body.admin-menu {
	margin-top: 0px !important;
}

#menu-push{
	display: none;
}

body.admin-menu #menu-push{
	height: 26px;
	/*background: rgba(0,0,0,0.8) url(../images/status-box-overlay.png) repeat-x 0 -2px;*/
	display: block;
}

#admin-menu {
	box-shadow: 0 0 5px #000;
	font: 12px "Lucida Grande",Verdana,sans-serif;
	background-color: #212121;
	background: rgba(50,50,50,50.85) url(../images/status-box-overlay.png) repeat-x 0 -2px;
	height: 25px;
	border-top: 1px solid #7a7a7a;
	border-top-color: rgba(255, 255, 255, .4);
	font-size: 9px;
}

#admin-menu-wrapper {
	margin: 0;
	padding: 0 15px 0 10px;
	background: url(../images/divider-vertical2.png) 10px top no-repeat;
}

/*----------- Top Level Items -----------*/
#admin-menu > div > ul.dropdown > li {
	background: url(../images/divider-vertical2.png) right top no-repeat;
	margin: 0;
	padding: 0;
}

#admin-menu ul.dropdown li.admin-menu-action > a,
#admin-menu ul.dropdown a{
	text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
	margin: 0;
	padding: 0px 10px;
	line-height: 25px;
	border: none;
	font-size: 9px;
	border-radius: 0px;
	color: #fff;
	background: none;
}

/* Top Level Hover/Actives */
#admin-menu > div > ul.dropdown > li:hover,
#admin-menu > div > ul.dropdown > li > a.active{
	box-shadow: inset 0 3px 3px #000;
	background: #444;
	background-image: -moz-linear-gradient(-90deg, #444, #212121) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#212121));
	color: #fff;
}

/*----------- Second Level Items -----------*/
#admin-menu ul.dropdown ul.dropdown {
	box-shadow: 0 3px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: -1px 5px 20px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.5);
	border-right: 1px solid;
	border-right-color: rgba(0, 0, 0, .15) !important;
}

#admin-menu ul.dropdown ul.dropdown a{
	border-bottom: 1px solid #212121;
	border-bottom-color: rgba(0, 0, 0, .15) !important;
	border-top: 1px solid #666;
	border-top-color: rgba(255, 255, 255, 0.07) !important;
	line-height: 14px;
	padding: 4px 10px;
}

#admin-menu ul.dropdown ul.dropdown li{
	background: #2e2e33;
	opacity: .95;
}

#admin-menu ul.dropdown ul.dropdown li.expandable {
	background: #45454A url(../images/admin-menu-arrow.png) no-repeat 145px center;
}

/* Second Level Hover/Actives */
#admin-menu ul.dropdown ul.dropdown li:hover{
	background-color: #111;
}

/*----------- Third Level Items -----------*/
#admin-menu ul.dropdown ul.dropdown ul.dropdown{
	margin: -24px 0 0 160px
}

/*----------- Home Icon -----------*/
#admin-menu > div > ul.dropdown > li.admin-menu-icon > a {
	background: url(../images/icons.png) 50% -46px no-repeat !important;
	display: block;
	height: 25px;
	text-indent: -9999px;
	width: 35px;
	padding: 0 0px;
}

#admin-menu > div > ul > li.admin-menu-icon > a.active,
#admin-menu > div > ul > li.admin-menu-icon > a:hover{
	background: #111 url(../images/icons.png) 50% -46px no-repeat !important;
}

/*----------- Users Icon -----------*/
#admin-menu > div > ul.dropdown > li.admin-menu-action.admin-menu-users > a{
	background: url(../images/icon-users.png) 90% center no-repeat;
	padding-right: 25px;
}

#admin-menu > div > ul.dropdown > li.admin-menu-action.admin-menu-users > a.active{
	background: #333 url(../images/icon-users.png) 90% center no-repeat !important;
}


/*--------------------------------
	System Messages
---------------------------------*/
#messages {
  padding: 20px 0 0 0px;
  margin: 0 auto;
}

div.messages {
	margin: 0px 0px 15px 0px;
}

#messages .warning,
div.warning,
#messages .error,
#messages .status{
	padding: 4px 20px 4px 50px;
	display: block;
  	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0px 1px 0px rgba(255,255,255,.5);
    position: relative;
    overflow: hidden;
  	border: 1px solid #ddcc47;
	color: #5a4600;
	color: /*#540000*/rgba(0,0,0,.9);
	background: #f0d988 url(../images/status-box-overlay.png) repeat-x 0 0;
}

#messages .warning a,
div.warning a,
#messages .error a,
#messages .status a{
    text-shadow: 0px 1px 0px rgba(255,255,255,.3);
    color: #fff;
    color: rgba(0,0,0,1);
    text-decoration: underline;
}

#messages a:hover{
	text-shadow: 0px -1px 0px rgba(255,255,255,.3);
}

.messages-warning-icon,
.messages-error-icon,
.messages-status-icon{
	width: 24px;
	height: 24px;
	position: absolute;
	background: url(../images/message-warning-icon.png) left top no-repeat;
	top:50%;
	left: 10px;
	margin-top: -12px;
}

#messages .error{
  	border: 1px solid #ce6b79;
	color:  #000;
	color: rgba(0,0,0,.9);
	background: #dd7272 url(../images/status-box-overlay.png) repeat-x 0 0;
	text-shadow: 0px 1px 0px rgba(255,255,255,.4);
}

#messages .status{
  	border: 1px solid #99cc66;
	color: #234600;
	background: #84c135 url(../images/status-box-overlay.png) repeat-x 0 0;
}

.messages-error-icon{
	background: url(../images/message-error-icon.png) left top no-repeat;
	opacity: .75
}

.messages-status-icon{
	background: url(../images/message-status-icon.png) left top no-repeat;
}


/*--------------------------------
	Vertical Tabs
---------------------------------*/
div.vertical-tabs{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px	
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}

.vertical-tabs ul.vertical-tabs-list {
	border-top-left-radius: 3px;
}

ul.vertical-tabs-list li.first a,
ul.vertical-tabs-list li.first{
	border-top-left-radius: 3px;
}

ul.vertical-tabs-list li.last a,
ul.vertical-tabs-list li.last{
	border-bottom-left-radius: 3px;
}

ul.vertical-tabs-list fieldset{
	top: 0;
}

.node-form .vertical-tabs .fieldset-wrapper{
	margin-top: 0;
}

div.vertical-tabs .vertical-tabs-panes fieldset.vertical-tabs-pane {
	padding: 1em;
	top:0px;
}

ul.vertical-tabs-list li.vertical-tab-button a:focus strong,
ul.vertical-tabs-list li.vertical-tab-button a strong,
ul.vertical-tabs-list li.vertical-tab-button a:active strong,
ul.vertical-tabs-list li.vertical-tab-button a:hover strong{
	text-decoration: none !important;
}

ul.vertical-tabs-list li.vertical-tab-button:hover{
	background: #f4f4f4;
	text-decoration: none;
}

ul.vertical-tabs-list li.selected:hover{
	background: #fff;
}

ul.vertical-tabs-list li.vertical-tab-button a:hover {
	outline: 1px solid #ddd;
}




/*--------------------------------
	System Tabs
---------------------------------*/
.tabs {
	margin-bottom: 20px;
}

.tabs ul.primary {
	padding: 0 3px 0 6px;
	margin: 0;
	overflow: hidden;
	border: none;
	background: url(../images/divider.png) 0 104% repeat-x;
}

.tabs ul.primary li {
	display: block;
	float: left;
	vertical-align: bottom;
	margin: 0 5px 0 0;
}

.tabs ul.primary li.active a {
	border-bottom: 1px solid #ffffff;
}

.tabs ul.primary li a:hover{
	background: #444;
	background-image: -moz-linear-gradient(-90deg, #444, #212121) !important;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#444), to(#212121));
}

.tabs ul.secondary li a,
.tabs ul.primary li a {
	background-color: #ededed;
	color: #fefefe;
	text-shadow: 0 1px 0 #000;	
	background: #282829 url(../images/status-box-overlay.png) repeat-x 0 -1px; /* Fallback */
	background: rgba(40, 40, 41, .9) url(../images/status-box-overlay.png) repeat-x 0 -1px;
	line-height: 1.4em;
 	 display: block;
	font: .79em "Lucida Grande",Verdana,sans-serif;
	float: left;
	padding: .5em 10px .5em;
	margin: 0;
	border-top-right-radius: 4px;
	border-color: #666;
	border-bottom: none;

	-khtml-border-radius-topleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-khtml-border-radius-topright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

.tabs ul.primary li.active a,
.tabs ul.primary li.active a:hover {
	background-color: #ffffff;
	background-image: none !important;
  	border: 1px solid #ccc;
  	border-bottom: none;
  	color: #212121;
  	text-shadow: none;
}

.tabs ul.secondary {
	border-bottom: none;
	padding: 0.5em 0;
}

.tabs ul.secondary li {
	display: block;
	float: left;
}

.tabs ul.secondary li:last-child {
	border-right: none;
}
.tabs ul.secondary li:first-child {
	padding-left: 0;
}

.tabs ul.secondary li a {
	padding: 0.25em 1em;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-top: 4px;
	border-top-left: 4px;
	background-color: rgba(40, 40, 41, .9070505);	
}

.tabs ul.secondary li a:hover{
	background: #444;
}

.tabs ul.secondary li a.active {
	background: #f2f2f2;
	border-bottom: none;
	color: #212121;
	text-shadow: none;
}


/*--------------------------------
	Contextual links
---------------------------------*/
div.contextual-links-active a.contextual-links-trigger,
div.contextual-links-active ul.contextual-links{
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	background-color: #f0f0ef;
	padding-top: 0;
	padding-bottom: 0;
}

#footer div.contextual-links-wrapper ul.contextual-links a,
div.contextual-links-wrapper ul.contextual-links a{
	padding: 7px 8px 6px 8px;
	background: url(../images/status-box-overlay.png) 0 0 repeat-x;
	margin: 0;
	text-shadow: 0 1px 0 #fff;
	border-bottom: 1px solid #dadada;
}

ul.contextual-links li{
	background: none !important;
	list-style: none;
	list-style-image: none;
}

div.contextual-links-active ul.contextual-links .last a{
	border-bottom: none;
}

div.contextual-links-active ul.contextual-links .first a{
	background-position: 0 -1px;
}

div.contextual-links-active ul.contextual-links a:hover{
	background-color: #bdbdbd;
	background-position: 0 -1px;
	background-image: -moz-linear-gradient(-90deg, #d3d3d3, #bdbdbd);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d3d3d3), to(#bdbdbd));
}

div.contextual-links-active ul,
div.contextual-links-active ul li{
	margin: 0;
	padding: 0;
}

a.contextual-links-trigger,
a.contextual-links-trigger:hover{
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
}

div.contextual-links-active a.contextual-links-trigger {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}