/*
 * ************************************************************* *
 * Name        : Light grey theme                                *
 * Theme URI   :                                                 *
 * Description : Theme stylesheet.                               *
 * Version     : Version 1                                       *
 * Author      : CreativeMilk                                    *
 * Author URI  : www.creativemilk.net                            *
 * Updated     : 25/10/2012                                      *
 * Copyright   : (c) 2011 CreativeMilk                           *
 * ************************************************************* *
 */

/*
	This theme uses the unit type em, but we have done
	some values in px, this because that google chrome
	browser doesn't handle the border value correct.
*/

/*
 * ===============================================================
 * IMPORT CSS FILES 
 * ===============================================================
 */
 
@import url("../ui/themes/lightgrey/jquery.ui.theme.css");/* custom jqueryui theme */ 
@import url("../../lightbox/style3/colorbox.css");/* lightbox */ 

/*
 * ===============================================================
 * BASIC CSS SELECTORS
 * ===============================================================
 */

body{	
	/*background-color : #dddddd;*/
	background-color : #AAD5FF;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#D2E9FF), to(#ffffff));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #D2E9FF, #ffffff);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #D2E9FF, #ffffff);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #D2E9FF, #ffffff); /* IE10 */
	background-image :      -o-linear-gradient(top, #D2E9FF, #ffffff); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #D2E9FF, #ffffff);
	-ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#D2E9FF, endColorstr=#ffffff)";/* IE8 */
	color            : #555555;
}
input,
button,
a{
	color : #555555;
}
hr{ 
	background-color : #999999;
}
	
/*
 * ===============================================================
 * MAIN COLORS
 * ===============================================================
 */

#header-border,
#content-header,
#main-menu > ul > li,
.powerwidget > header,
.e-block > header,
#login-outher header,
#login-outher footer,
#login-outher input[type="submit"],
#profile-tabs li,
.button-icon,
.button-icon-text,
.button-text-icon,
.button-text,
.button-icon-text,
.button-text-icon,
.button-split,
.button-split-rev,
.demo-bg,
.etabs,
.etabs > li,
.icon-group a,
#sidebar-profile,
#content-footer,
#login-outher #tab-menu li,
.dataTables_wrapper .fg-toolbar,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonset .ui-button,
.ui-dialog .button-icon,
.ui-dialog .button-icon-text,
.ui-dialog .button-text-icon,
.ui-dialog .button-text,
.ui-dialog .button-icon-text,
.ui-dialog .button-text-icon,
.ui-dialog .button-split,
.ui-dialog .button-split-rev,
.ui-dialog .icon-group a,
.css-menu > li > a,
.css-menu > ul > li > a,
#helper-bar ul li,
.powerwidget > header .powerwidget-ctrls a,
.e-gallery-filter li a,
.widget-navigation li a,
.toolbar .e-menu > li,
.toolbar .e-splitmenu > li,
.map-search button,
.e-gallery header .button-icon,
.e-gallery h3,
.e-gallery .button-icon,
body button.ui-button,
table .e-splitmenu > li,
.doc-wrap .etabs,
.doc-wrap .etabs > li,
.entypo-button,
.error-box hgroup,
#e-inputexpand footer a,
.e-select-trigger,
.e-file-button,
#search-results input[type="submit"],
#sidebar-meta,
.etabs-arrow-left,
.etabs-arrow-right,
.appointment-planner .day-block-header,
.button-social-big,
.button-social{
	background-color : #AAD5FF;/* fallback color */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#AAD5FF), to(#D2E9FF));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #AAD5FF, #D2E9FF);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image :    -moz-linear-gradient(top, #AAD5FF, #D2E9FF);/* Firefox 3.6+ */
    background-image :     -ms-linear-gradient(top, #AAD5FF, #D2E9FF); /* IE10 */
	background-image :      -o-linear-gradient(top, #AAD5FF, #D2E9FF); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #AAD5FF, #D2E9FF);
    -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#AAD5FF, endColorstr=#D2E9FF)";/* IE8 */
}
.e-gallery h3,
.e-gallery-filter li a,
.button-icon,
.button-icon-text,
.button-text-icon,
.button-text,
.button-icon-text,
.button-text-icon,
.button-split,
.button-split-rev,
.icon-group,
.demo-bg,
.etabs,
.widget-navigation li a,
table .e-splitmenu > li,
.entypo-button,
.error-box hgroup,
#e-inputexpand footer a,
#search-results input[type="submit"]{
	border : 1px solid #999999;
}
#main-breadcrumbs,
#e-menu-profile,
.e-menu > li,
.e-splitmenu > li,
.powerwidget > header a,
#content-header .button-icon,
#content-header .button-icon-text,
#content-header .basic-layout-ctrls,
#content-header .button-text,
#content-header .button-icon-text,
#content-header .button-text-icon,
#content-header .button-icon,
#content-header .button-icon-text,
#content-header .button-text-icon,
.css-menu > li > a:hover,
.css-menu > ul > li > a:hover,
.css-menu li ul:hover + a,
.button-icon:hover,
.button-icon-text:hover,
.button-text-icon:hover,
.button-text:hover,
.button-icon-text:hover,
.button-split a:hover,
.button-split-rev a:hover,
#login-outher input[type="submit"]:hover,
.widget-navigation li a:hover,
.advanced-media-header .button-icon,
.advanced-media > ul div span a,
#widgets-controls .icon-group a,
.icon-group a:hover,
#main-menu .button-icon,
#main-menu > ul > li > a .indicator,
.icon-group a:hover,
#content-footer > .left a,
.powerwidget header .icon-group a,
div.dataTables_paginate span.fg-button,
div.dataTables_paginate a.fg-button,
.e-gallery-filter li a:hover,
.e-gallery-filter li .active,
.e-gallery header .button-icon:hover,
.e-gallery .button-icon:hover,
.ui-dialog .ui-dialog-buttonset .ui-button:hover,
.ui-dialog .button-icon:hover,
.ui-dialog .button-icon-text:hover,
.ui-dialog .button-text-icon:hover,
.ui-dialog .button-text:hover,
.ui-dialog .button-icon-text:hover,
.ui-dialog .button-text-icon:hover,
.ui-dialog .button-split:hover,
.icon-group .selected,
.ui-dialog .button-split-rev:hover,
.ui-dialog .icon-group a:hover,
#flot-tooltip,
.powerwidget > header .powerwidget-ctrls a:hover,
.map-search button:hover,
body button.ui-button:hover,
#e-inputexpand footer a:hover,
.e-select:hover .e-select-trigger,
.e-file:hover .e-file-button,
#search-results input[type="submit"]:hover,
.appointment-planner header .button-icon,
.button-social-big:hover,
.button-social:hover,
.ui-widget-content.elfinder-buttonset .elfinder-button{
	background-color : #AAD5FF;/* fallback color */
  background-image : -webkit-gradient(linear, left top, left bottom, from(#D2E9FF), to(#AAD5FF));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #D2E9FF, #AAD5FF);/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image :    -moz-linear-gradient(top, #D2E9FF, #AAD5FF);/* Firefox 3.6+ */
  background-image :     -ms-linear-gradient(top, #D2E9FF, #AAD5FF); /* IE10 */
	background-image :      -o-linear-gradient(top, #D2E9FF, #AAD5FF); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #D2E9FF, #AAD5FF);
  -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#D2E9FF, endColorstr=#AAD5FF)";/* IE8 */
	border           : 1px solid #777777;/* chrome cant see the unit(span element), therefor px */
}
#content-header .button-text:hover,
#content-header .button-icon:hover,
#content-header .button-icon-text:hover,
#content-header .button-text-icon:hover,
#content-header .button-icon-text:hover,
#content-header .button-text-icon:hover,
#content-header .selected .button-icon,
.bulk-actions input[type="reset"]:hover,
.bulk-actions input[type="submit"]:hover,
.advanced-media-header .button-icon:hover,
.advanced-media-header .active-layout,
.advanced-media > ul div span a:hover,
#widgets-controls .icon-group a:hover,
#widgets-controls .icon-group .selected,
#content-footer > .left a:hover,
div.dataTables_paginate span.fg-button:hover,
div.dataTables_paginate a.fg-button:hover,
.appointment-planner header .button-icon:hover,
.ui-widget-content.elfinder-buttonset .elfinder-button:hover{
	background-color : #ffffff;/* fallback color */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#eeeeee));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #ffffff, #eeeeee);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image :    -moz-linear-gradient(top, #ffffff, #eeeeee);/* Firefox 3.6+ */
    background-image :     -ms-linear-gradient(top, #ffffff, #eeeeee); /* IE10 */
	background-image :      -o-linear-gradient(top, #ffffff, #eeeeee); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #ffffff, #eeeeee);
    -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#eeeeee)";/* IE8 */
	border           : 1px solid #777777;/* chrome cant see the unit(span element), therefor px */
}

/*
 * ===============================================================
 * HEADER
 * ===============================================================
 */

#header{
	background-color   : #ffffff;
	-webkit-box-shadow : 0 0 4px #93C9FF;
	-moz-box-shadow    : 0 0 4px #93C9FF;
	box-shadow         : 0 0 4px #93C9FF;	
}
#header-border{
	border : 1px solid #999999;
}
#logo{
	color       : #555555;
	text-shadow : 1px 1px 1px #ffffff;
}

/*
 * ===============================================================
 * CONTENT
 * ===============================================================
 */

#content{
	background-color   : #ffffff;
	-webkit-box-shadow : 0 0 4px #93C9FF;
	-moz-box-shadow    : 0 0 4px #93C9FF;
	box-shadow         : 0 0 4px #93C9FF;
}
#content-border{
	background-color : #D2E9FF;
	border           : 1px solid #999999;
}
#content-inner{
	background-color : #ffffff;
	border-left      : 1px solid #999999;
}
#content-header{
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #ffffff;
}
#content-header .left{
	border-right : 1px solid #999999;
}

/* Page/section header. ----------- */

.page-header,
.section-header{
	color : #555555;
}
.page-header > a:hover{
	background-color : #0a94ff;
	color            : #ffffff;
}
.page-helper{
	background-color : #555555;
	color            : #ffffff;
}

/* Content footer. ----------- */

#content-footer{
	border-top : 1px solid #999999;
}
#content-footer > .left{
	border-right : 1px solid #999999;
}

/*
 * ===============================================================
 * SEARCH
 * ===============================================================
 */

/* Main search. ----------- */

#mainsearch-results{
	background-color : #dddddd;
	border-bottom    : 1px solid #999999;
}
#mainsearch-results > span{
	border-bottom : 10px solid #eeeeee;
}
#mainsearch-results > h3{
	background-color : #eeeeee;
	border-bottom    : 1px solid #999999;
}
#mainsearch input[type=text]{
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;
	background-color   : #ffffff;
	color              : #555555;
}
#mainsearch input[type=text]:focus{
	background-color : #ffffff;
}
#mainsearch input[type=submit]{
	border           : 1px solid #999999;
	background-color : #dddddd;
	background-image : url("../../images/theme/lightgrey/search.png");
}
#content-header .right > .preloader,
#widgets-controls .preloader{
	background-image : url("../../images/loaders/type1/light/20.gif");	
}
#mainsearch-results > h3 span{
	background-image : url("../../images/icons/plix-10/darkgrey/delete-10.png");
}
#mainsearch-ajax > div{
	border-bottom : 1px dashed #555555;
}
#mainsearch-results > a,
#mainsearch-ajax > div a{
	background : #eeeeee;
	color      : #555555;
	border     : 1px solid #999999;	
}
#mainsearch-ajax > div a:hover,
#mainsearch-results > a:hover{
	background : #ffffff;
}

/* Search. ----------- */

#advanced-search-results h2{
	border-top : 1px solid #dddddd;
}
.results-thumbs li{
	border : 1px solid #999999;
}
.floating-search input[type=submit]{
	border           : 1px solid #999999;
	background-color : #fff;
	background-image : url("../../images/theme/lightgrey/search.png");
}
.floating-search input[type="text"]{
	background-color : #dddddd;
}
/*
 * ===============================================================
 * BREADCRUMBS
 * ===============================================================
 */
 
/* Main breadcrumbs. ----------- */ 

#main-breadcrumbs ul li{
	background-image    : url("../../images/theme/lightgrey/bc-arrow.png");
	background-repeat   : no-repeat;
	background-position : center right;
}
#main-breadcrumbs ul .bc-tab-first a{
	background-image  : url("../../images/icons/plix-10/darkgrey/home-10.png");
	background-repeat : no-repeat;
}
#main-breadcrumbs ul .bc-tab-first a:hover,
#main-breadcrumbs ul li a,
#main-breadcrumbs ul li a:hover{
	color : #555555;
}
#main-breadcrumbs ul .bc-tab-last{
	color : #93C9FF;
}

/* basic breadcrumbs ----------- */

.basic-breadcrumbs li{
	background-color : #dddddd;
}
.basic-breadcrumbs a:hover{
	background-color : #bbbbbb;
}
.basic-breadcrumbs li,
.basic-breadcrumbs a,
.big-breadcrumbs li,
.big-breadcrumbs a{
	color : #555555;
}
.basic-breadcrumbs .bc-arrow-left{
	border-left : 10px solid #ffffff;
}
.basic-breadcrumbs .bc-arrow-right{
	border-left : 10px solid #dddddd;
}
.basic-breadcrumbs a:hover .bc-arrow-right{
	border-left : 10px solid #bbbbbb;
}
.basic-breadcrumbs .bc-tab-last{
	color : #555555;
}
.basic-breadcrumbs .bc-active .bc-arrow-right{
	border-left : 10px solid #bbbbbb;
}
.basic-breadcrumbs .bc-active{
	background-color : #bbbbbb;
	color            : #555555;
}
.big-breadcrumbs .bc-arrow-left{
	border-left : 13px solid #ffffff;
}
.big-breadcrumbs .bc-arrow-right{
	border-left : 13px solid #dddddd;
}
.big-breadcrumbs a:hover{
	background-color : #bbbbbb;
}
.big-breadcrumbs a:hover .bc-arrow-right{
	border-left : 13px solid #bbbbbb;
}
.big-breadcrumbs li{
	color            : #ffffff;
	background-color : #dddddd;
}
.big-breadcrumbs .bc-tab-last{
	color            : #555555;
	background-color : #bbbbbb;
}
.big-breadcrumbs .bc-active{
	background-color : #bbbbbb;
}
.big-breadcrumbs .bc-active .bc-arrow-right{
	border-left : 13px solid #bbbbbb;
}
.big-breadcrumbs .bc-number,
.big-breadcrumbs .bc-active .bc-number{
	background-color : #ffffff;
	color            : #555555;
}

/*
 * ===============================================================
 * POWERWIDGETS
 * ===============================================================
 */
 
/* Management panel. ----------- */

.powerwidgetspanel{
	background-color : #dddddd;
	border           : 1px solid #999999;
}
.powerwidgetspanel header > h2{
	border-bottom : 1px solid #999999;
}
.powerwidgetspanel > div{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
.powerwidgetspanel .powerwidgets-panel-active{
	background-color : #cccccc;	
}

/* Widgets. ----------- */

.powerwidget{
	border           : 1px solid #999999;
	background-color : #ffffff;
	color            : #555555;
}
.powerwidget > header{
	color         : #555555;
	border-top    : 1px solid #ffffff;
	border-bottom : 1px solid #999999;
} 
.powerwidget > header .powerwidget-loader{
	background-image : url("../../images/loaders/type1/light/20.gif");
}
.powerwidget > header .powerwidget-ctrls{
	background-color : #D2E9FF;
	border-left      : 1px solid #999;
}
.powerwidget > div{
	border-bottom : 1px solid #999999;
}
.powerwidget-placeholder{
	background-color : #dddddd;
	border           : 1px solid #999999;
}

/* Ajax ----------- */

.ajax-meta-bar{
	background-color : #eeeeee;
	border-bottom    : 1px solid #999999;
}

/* Misc. ----------- */

.line{
	background-color : #999999;
}

/*
 * ===============================================================
 * E_BLOCK
 * ===============================================================
 */
 
.e-block{
	border           : 1px solid #999999;
	background-color : #ffffff;
	color            : #555555;
}
.e-block > header{
	color         : #555555;
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #ffffff;
} 
.e-block > header .indicator{
	background-color : #dddddd;
	border-left      : 1px solid #999999;
}

/*
 * ===============================================================
 * SIDEBAR
 * ===============================================================
 */ 

/* Sidebar profile. ----------- */

#sidebar-profile{
	border-top    : 1px solid #ffffff;
	border-bottom : 1px solid #999999;
}
#profile-info a{
	color : #555555;
}
#profile-info a b{
	color : #555555;
}
#main-avatar{
	border           : 1px solid #999999;
	background-color : #ffffff;
}
#main-avatar .indicator{
	background-color : #EF1919;
	color            : #ffffff;
	border           : 1px solid #3d0000;
}

/* Sidebar meta. ----------- */

#sidebar-meta{
	border-top : 1px solid #999999;
}
#sidebar-meta .pbar{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
#sidebar-meta .pbar span{
	background-color : #555555;
}

/*
 * ===============================================================
 * MAIN MENU
 * ===============================================================
 */
 
#main-menu > ul > li{
	color         : #555555;
	border-top    : 1px solid #ffffff;
	border-bottom : 1px solid #999999;
	border-right  : 1px solid #999999;
}
#main-menu > ul > .sub-page-active,
#main-menu > ul > li:hover,
#main-menu > ul > .page-active{
	background : #ffffff;
}
.ie #main-menu > ul > .sub-page-active,
.ie #main-menu > ul > li:hover,
.ie #main-menu > ul > .page-active{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";
}
#main-menu > ul > .sub-page-active,
#main-menu > ul > li:hover,
#main-menu > ul > .page-active{
	border-right : 1px solid #ffffff;
}
#main-menu > ul > li > a > .color-indicator{
	background-color : #EF1919;
	border           : 1px solid #3d0000;
	color            : #ffffff;
}
#main-menu > ul > li:last-child a{
	border-bottom : 1px solid #ffffff;
}

/* Drop down part ----------- */

#main-menu > ul > li > ul{
	background-color : #AAD5FF;
	border-top       : 1px solid #999999;
	border-right     : 1px solid #999999;
}
#main-menu > ul > li > ul > li a{
	background-image : url("../../images/theme/lightgrey/subline.png");
	border           : 1px solid #999999;
	border-bottom    : none;
	background-color : #ffffff;
}
#main-menu > ul > li > ul > li:last-child a{
	background-image : url("../../images/theme/lightgrey/subline-end.png");
	border-bottom    : 1px solid #999999;
}
#main-menu > ul > li > ul > li > a{
	color : #555555;
}
#main-menu > ul > li > ul > li a:hover,
#main-menu > ul > li > ul > .page-active a{
	background-color : #eeeeee;
}

/*
 * ===============================================================
 * WYSIWYGHTML5
 * ===============================================================
 */

[data-wysihtml5-dialog] {
    border           : 1px solid #999999;
	background-color : #dddddd;
}
a[data-wysihtml5-command-value="red"] {
    color : red;
}
a[data-wysihtml5-command-value="green"] {
    color : green;
}
a[data-wysihtml5-command-value="blue"] {
	color : blue;
}

/*
 * ===============================================================
 * EMENU (DROPDOWNMENU)
 * ===============================================================
 */
 
.e-menu > li,
.e-menu > li > a,
.e-splitmenu > li{
	color : #555555;
}
.e-splitmenu > li > a{
	color       : #555555;
	border-left : 1px solid #777777;
}
.e-splitmenu .e-menu-profile > a{
	border-right : 1px solid #777777!important;
}
.e-menu > li:hover,
.e-splitmenu > li > a:hover,
.e-menu-active{
	background-color : #aaaaaa;
}
.e-splitmenu > li > a:hover,
.e-splitmenu .e-menu-active{
	border-left : 1px solid #777777!important;
}

/* Dropdown part ----------- */

.e-menu li > div ul,
.e-splitmenu li > div ul{
	background-color : #aaaaaa;
	border           : 1px solid #777777;
}
.e-menu li > div li,
.e-splitmenu li > div li{
	border-top       : 1px solid #ccc;
	background-color : #ffffff;
}
.e-menu li > div a,
.e-splitmenu li > div a{
	color : #555555;
}
.e-menu li > div a:hover,
.e-splitmenu li > div a:hover{
	background-color : #eeeeee;
}
.e-splitmenu li > div .e-menu-brigde,
.e-menu li > div .e-menu-brigde{
	background   : #aaaaaa;
	border-left  : 1px solid #777777;
	border-right : 1px solid #777777;	
}

/*
 * ===============================================================
 * CSS MENU
 * ===============================================================
 */
 
.css-menu{
	background : #dddddd;
	border     : 1px solid #999999;
}
.css-menu > li,
.css-menu > ul > li{
	border-right : 1px solid #999999;
}

/* Dropdown part. ----------- */

.css-menu li ul{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
.css-menu li ul li a{
	border-bottom : 1px solid #999999;
}
.css-menu li ul li a:hover{
	background-color : #eeeeee;
}

/*
 * ===============================================================
 * LISTS & BLOCKS
 * ===============================================================
 */

/* Basic list ----------- */

.basic-list li{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.basic-list li .handle{
	background : url("../../images/theme/lightgrey/handle.png");
}

/* Split icon block. ----------- */

.icon-text-block{
	background-color : #dddddd;
	color            : #ffffff;
	border           : 1px solid #999999;
}
.icon-text-block div:first-child{
	background-color : #dddddd;
}
.icon-text-block:hover{
	background-color : #bbbbbb;
	border           : 1px solid #777777;
}
.icon-text-block div:first-child{
	border-right : 1px solid #999999;
}
.icon-text-block:hover div:first-child{
	border-right : 1px solid #777777;
}

/* Info block ----------- */

.info-block{	
	background-color : #dddddd;
	border           : 1px solid #777777;
}
.info-block:hover{
	background-color : #bbbbbb;
}
.info-block span:first-child{
	border-bottom : 1px solid #999999;
}
.info-block:hover span:first-child{
	border-bottom : 1px solid #777777;
}
.info-bar .info-block span:first-child{
	border-bottom : 1px solid #999999;
}
.info-bar .info-block:hover span:first-child{
	border-bottom : 1px solid #777777;
}

/* Sortable list ----------- */

.sortable-list li{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.sortable-list li .handle{
	background : url("../../images/theme/lightgrey/handle.png");
}
body .list-highlight{
	background-color : #bbbbbb;
	border           : 1px solid #dddddd;
}

/* Stats list ----------- */

.stats-list li{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.stats-list li:hover{
	background-color : #bbbbbb;
	border           : 1px solid #777777;
}
.stats-list a > span{
	border-left : 1px solid #999999;
}
.stats-list .stats-eq div{
	border-right : 1px solid #9D6008;
}
.stats-list .stats-eq{
	background-color : #e0991f;
	border           : 1px solid #583606;
}
.stats-list .stats-eq:hover{
	background-color : #d18400;
	border           : 1px solid #583606;
}
.stats-list .stats-eq div span{
	background-color : #ffffff;
}
.stats-list .stats-eq a > span{
	border-left : 1px solid #9D6008;
}
.stats-list .stats-up div{
	border-right : 1px solid #4F6A05;
}
.stats-list .stats-up{
	background-color : #6f9f05;
	border           : 1px solid #2d3d03;
}
.stats-list .stats-up:hover{
	background-color : #638a0a;
	border           : 1px solid #2d3d03;
}
.stats-list .stats-up a > span{
	border-left : 1px solid #4F6A05;
}
.stats-list .stats-down div{
	border-right : 1px solid #7a9999991;
}
.stats-list .stats-down{
	background-color : #cb2828;
	border           : 1px solid #7a9999991;
}
.stats-list .stats-down:hover{
	background-color : #c02121;
	border           : 1px solid #7a9999991;
}
.stats-list .stats-down a > span{
	border-left : 1px solid #7a9999991;
}
.stats-list .stats-up a,
.stats-list .stats-down a,
.stats-list .stats-eq a{
	color : #ffffff;
}

/* Icon blocks ----------- */
  
.icon-block{
	background-color : #dddddd;
	border           : 1px solid #999999;	
}
.icon-block:hover{
	background-color : #bbbbbb;
	border           : 1px solid #777777;
}
.icon-block .indicator{
	background-color : #C00;
	color            : #ffffff;	
}

/* Block wrapper ----------- */ 

.info-bar{
	background-color : #E9E9E9;
	border           : 1px solid #999999;
}
.info-bar .info-block,
.info-bar .icon-block{	
	background-color : #ffffff;
	border           : 1px solid #999999;
}
.info-bar .info-block:hover,
.info-bar .icon-block:hover{
	background-color : #bbbbbb;
	border           : 1px solid #777777;
}

/* Split tags ----------- */

.split-tag{
	background-color : #eeeeee;
	border           : 1px solid #999999;
}
.split-tag a{
	background-color : #dddddd;
	border-right     : 1px solid #999999;
}
.split-tag a:hover{
	background-color : #eeeeee;
	border-right     : 1px solid #777777;
}
.tag{
	background-color : #dddddd;
	border           : 1px solid #999999;
	color            : #555555;
}
.tag:hover{
	background-color : #cccccc;
	color            : #333;
	border           : 1px solid #777777;
}

/* Info list ----------- */

.info-list li{
	border-top : 1px solid #999999;
}

/* User list. ----------- */

.user-list > li{
	border-top : 0.0833em solid #999999;
}
.user-list > li .thumb{
	border : 0.0833em solid #999999;
}


/* Info list ----------- */

.info-list li:first-child{
	background-color : #eeeeee;
}
.info-list .total{
	border-right : 1px solid #999999;
}
.info-list .sum{
	border-left : 1px solid #999999;
}

/* Contacts. ----------- */

.contact-box{
	border           : 1px solid #999999;
	background-color : #ffffff;
}
.contact-box header img{
	border : 1px solid #999999;
}
.contact-box footer{
	background-color : #dddddd;
	border-top       : 1px solid #999999;
}
.contact-box footer a{
	border-right : 1px solid #999999;
}
.contact-box footer a:last-child{
	border-left : 1px solid #999999;
}
.contact-box footer a:hover{
	background-color : #bbbbbb;
}

/*
 * ===============================================================
 * MAPS
 * ===============================================================
 */
 
.map-search{
	background    : #eeeeee;
	border-bottom : 1px solid #999999;
}
.map-search input[type="text"]{
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;
	background-color   : #ffffff;
	color              : #555555;
}
.map-search button{
	border : 1px solid #999999;		
}
  
/*
 * ===============================================================
 * CHARTS
 * ===============================================================
 */ 
 
.chart-wraper{
	background-color : #ffffff;
}
.legend table{
	background-color : #dddddd;
}
.legend table td{
	color : #555555;
}
#chart-checkbox{
	background-color : #eeeeee;
	border           : 1px solid #999999;
}
#chart-checkbox h3{
	border-bottom : 1px dotted #999999;
}

/* Flot tooltip. ----------- */

#flot-tooltip > span{
	border-top : 8px solid #999999;
}
#flot-tooltip > span span{
	border-top : 7px solid #555555;
}
 
 /*
 * ===============================================================
 * FORMS
 * ===============================================================
 */ 

input, 
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="file"],
input[type="image"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select{
	-moz-box-shadow    : inset 0 0 0.417em #DDDDDD;
	-webkit-box-shadow : inset 0 0 0.417em #DDDDDD;
	box-shadow         : inset 0 0 0.417em #DDDDDD;
	border             : 1px solid #999999;
	background-color   : #E9E9E9;
	color              : #555555;
}
::-webkit-input-placeholder{
	color : #555555;
}
fieldset{
	border : 1px solid #999999;
}
fieldset > legend{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.grippie {
	background-color : #dddddd;
	background-image : url("../../images/theme/lightgrey/grippie.png");
	border-color     : #999999;
}
.e-textarealimiter-maximum{
	border           : 1px solid #999999;
	background-color : #dddddd;
}

/* eCheckbox & eRadio. ----------- */

.e-checkbox-img{
	background-image : url("../../images/theme/lightgrey/e-checkbox.png");
}
.e-radio-img{
	background-image : url("../../images/theme/lightgrey/e-radio.png");
}

/* eOsKeyboard. ----------- */

.e-oskeyboard{
	background-color : #eee;
	border           : 1px solid #999999;
}
.e-oskeyboard > div{		
	background-color : #eeeeee;/* fallback color */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#eee), to(#d8d8d8));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #eeeeee, #d8d8d8);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image :    -moz-linear-gradient(top, #eeeeee, #d8d8d8);/* Firefox 3.6+ */
    background-image :     -ms-linear-gradient(top, #eeeeee, #d8d8d8); /* IE10 */
	background-image :      -o-linear-gradient(top, #eeeeee, #d8d8d8); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #eeeeee, #d8d8d8);
    filter           : progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#eeeeee, endColorstr=#d8d8d8);/* IE6 & IE7 */
    -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eeeeee, endColorstr=#d8d8d8)";/* IE8 */	
	text-shadow      : 0 1px 1px #ffffff;
	color            : #777;	
	border-bottom    : 1px solid #999;
}
.e-oskeyboard > div span{
	border-left : 1px solid #bbb;
}
.e-oskeyboard-icon{
	background-image : url("../../images/theme/lightgrey/e-oskeyboard.png");
}
.e-oskeyboard-textarea .e-oskeyboard-icon{
	background-color : #555555;
	border           : 1px solid #999999;
}
.e-oskeyboard-icon-textarea{
	background-image : url("../../images/theme/lightgrey/e-oskeyboard.png");
}
.e-oskeyboard li{
	background-color : #ffffff;
	color            : #555555;
	border           : 1px solid #999;
}
.e-oskeyboard li:hover {
	border           : 1px solid #888;
	background-color : #eee;
}

/* eContactForm. ----------- */

.e-contactform-errorlabel > span{
	background-color : #c81d07;
	color            : #ffffff;
}
.e-contactform-errorlabel > span span{
	border-top : 6px solid #c81d07;
}
.e-contactform-success-color{
	border           : 1px solid #1b3d08;
	background-color : #a0f372;
	color            : #1b3d08;
}
.e-contactform-fail-color{
	border           : 1px solid #539999990;
	background-color : #ff8e8e;
	color            : #539999990;
}

/* Multibar. ----------- */

.multibar > div{
	border           : 1px solid #999999;
	background-color : #eeeeee;
}
.multibar > div > a{
	border-right : 1px solid #999999;
}
.multibar > div > a:hover{
	background-color:#dddddd;
}

/* Inputexpand. ----------- */

#e-inputexpand{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
#e-inputexpand-overlay{
	background-color : #999999;
}
/*
 * ===============================================================
 * ESELECT
 * ===============================================================
 */
 
/* Regular select. ----------- */

.e-select{
	position : relative
}
.e-select-inner{
	-moz-box-shadow    : inset 0 0 0.417em #DDDDDD;
	-webkit-box-shadow : inset 0 0 0.417em #DDDDDD;
	box-shadow         : inset 0 0 0.417em #DDDDDD;
	border             : 1px solid #999999;
	background-color   : #E9E9E9;
	color              : #555555;
}
.e-select-trigger{
	border-left : 1px solid #999999;	
}
.e-select:hover div.e-select-trigger{
	border-left : 1px solid #999999;
}
.e-select-trigger span{
	background-image : url('../../images/icons/plix-10/darkgrey/arrow-down-10.png');
}
.e-select-options ul{
	background-color : #E9E9E9;
	border           : 1px solid #DDDDDD;
}
.e-select-options ul .seperator{
	border-bottom : 1px solid #999999;
}
.e-select-options ul li:hover{
	background-color : #DDDDDD;
}

/* Multiple select. ----------- */

.e-select-multiple{
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;
	background-color   : #dddddd;
	color              : #555555;
}
.e-select-multiple-inner ul li:hover{
	background-color : #eeeeee;
}
.e-select-multiple-handle{
	border-left      : 1px solid #999999;
	background-color : #dddddd;
}
.e-select-multiple-handle span{
	background-color : #cccccc;
	border-top       : 1px solid #999999;
	border-bottom    : 1px solid #999999;
	background-image : url('../../images/theme/lightgrey/scrollbarhandle.png');
}
.e-select-multiple-highlite{
	background-color : #eeeeee;
}

/*
 * ===============================================================
 * ESCROLLBAR
 * ===============================================================
 */
 
.e-scrollbar{
	background-color : #dddddd;
	border           : 1px solid #999999;
}
.e-scrollbar-handle{
	border-left      : 1px solid #999999;
	background-color : #dddddd;
}
.e-scrollbar-handle span{
	background-color : #cccccc;
	background-image : url('../../images/theme/lightgrey/scrollbarhandle.png');
	border-top       : 1px solid #999999;
	border-bottom    : 1px solid #999999;
}
.e-file-button,
.e-file:hover .e-file-button{
	border-left : 1px solid #999999!important;
}

/*
 * ===============================================================
 * TABLES
 * ===============================================================
 */
 
/* Basic table. ----------- */

.basic-table{
	background-color : #ffffff;
}
.basic-table thead,
.basic-table tfoot{
	background-color : #eeeeee;
}
.basic-table th,
.basic-table td{
	border : 1px solid #999999;
}
.basic-table tbody tr:hover{
	background-color : #FF9;
}
.basic-table tfoot tr td{
	border-top : 1px solid #999999;
}

/* Clean table. ----------- */

.clean-table{
	background-color : #ffffff;
}
.clean-table thead,
.clean-table tfoot{
	background-color : #eeeeee;
}
.clean-table th,
.clean-table td{
	border-bottom : 1px solid #999999;
}
.clean-table tbody tr:hover{
	background-color : #AAD5FF;
}
.clean-table tfoot tr td{
	border-top : 1px solid #999999;
}

/* Datatable. ----------- */

.dataTables_wrapper{
	background-color : #ffffff;
}
.dataTables_length label select{
	background-color : #ffffff;
}
.dataTables_filter label input[type="text"]{
	background-color : #ffffff;
}
.dataTables_wrapper table{
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #999999;
}
body .dataTables_wrapper th{
	background-color : #dddddd;
	border-right     : 1px solid #999999;
}
.dataTables_wrapper td{
	border-right : 1px solid #999999;
	border-top   : 1px solid #999999;
}
.dataTables_wrapper .sorting_1{
	background-color : #eeeeee;
}
.dataTables_wrapper .odd .sorting_1{
	background-color : #dddddd;
}
.dataTables_wrapper tr:hover td{
	background-color : #FF9;
}
.dataTables_wrapper tr:hover .sorting_1,
.dataTables_wrapper .odd:hover .sorting_1{
	background-color : #FF9;	
}

/* Table examples. ----------- */

tbody tr:hover .tb-checkbox{
	background-color : #777;
}
.basic-table .indicator{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.basic-table .indicator span{
	background-color : #FFF;
}
.basic-table .thumb{
	border : 1px solid #999999;
}
.odd{
     background-color : #D7EBFF;
}
table div.e-progressbar{
	background-color:#fff!important;
}
table div.e-progressbar > span{
	background-color:#ddd!important;
}

/*
 * ===============================================================
 * GOOGLE MAPS
 * ===============================================================
 */
 
.gmap{
	color : #555555;
}

/*
 * ===============================================================
 * MISC(page)
 * ===============================================================
 */

#scrolltotop{
	background-color : #999999;
}
#scrolltotop span{
	border-bottom : 6px solid #ffffff;
}
#scrolltotop:hover{
	background-color : #555555;
}
#scrolltotop:hover span{
	border-bottom : 6px solid #eeeeee;
}
.tooltip-demobox > div > div{
	background-color : #dddddd;
	color            : #ffffff;
	border           : 1px solid #999999;
}
.tooltip-demobox > div a{
	color : #555555;
}
.preloader-demobox > div > div{
	background-color : #ffffff;
	border           : 1px solid #999999;
	color            : #555555;
}
.preloader-demobox > .type-dark-bg > div{
	background-color : #000000;
	border           : 1px solid #000000;
	color            : #fff
}

/*
 * ===============================================================
 * ETABS
 * ===============================================================
 */

.etabs li{
	border-right: 1px solid #999999;
}
ul.etabs .etabs-active,
ul.etabs li:hover{
	background-color : #ffffff!important;
	border-bottom    : 1px solid #ffffff;
	background-image : none!important;
}
.ie ul.etabs .etabs-active,
.ie ul.etabs li:hover{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";/* IE8 */	
}
.etabs-content{
	border           : 1px solid #999999;
	background-color : #ffffff;
}

/* Vertical tabs. ----------- */

.etabs-vertical{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.etabs-vertical .etabs li{
	border-bottom : 1px solid #999999;
	border-right  : 1px solid #999999;
}
.etabs-vertical .etabs .etabs-active,
.etabs-vertical .etabs li:hover{
	border-right  : 1px solid #ffffff;
	border-bottom : 1px solid #999999;
}
.etabs-vertical .etabs-content{
	border-left : 1px solid #999999!important;
}

/* Fixed tabs. ----------- */

.powerwidget > div > div > ul.etabs{
	background-color : #eeeeee;
	border-bottom    : 1px solid #999999;
}
.ie .powerwidget > div > div > ul.etabs{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eeeeee, endColorstr=#eeeeee)";	
}
.powerwidget > div > div > ul.etabs li{
	background-color : #eee;
}
.ie .powerwidget > div > div > ul.etabs li{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eeeeee, endColorstr=#eeeeee)";		
}
.powerwidget > div > div > ul.etabs li.etabs-active,
.powerwidget > div > div > ul.etabs li:hover{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";
}
.powerwidget > div > div > .etabs-content{
	border-top : 1px solid #999999;
}

/* Fixed eTabs in a e-block. ----------- */

.e-block .etabs li{
	border-bottom : 1px solid #999999!important;
}
.e-block .etabs li{
	border-right : 1px solid #999999;
}
.e-block .right .etabs li{
	border-left : 1px solid #999999;
}
.e-block .etabs .right .etabs-active,
.e-block .etabs .etabs-active,
.e-block .etabs li:hover{
	background    : #ffffff;
	border-bottom : 1px solid #ffffff!important;

    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";/* IE8 */	
}
.ie9 .e-block .etabs .right .etabs-active,
.ie9 .e-block .etabs .etabs-active,
.ie9 .e-block .etabs li:hover{
    -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";/* IE8 */	
}

/* Tabs to select. ----------- */

.etabs-arrow-left,
.etabs-arrow-right{
	border : 1px solid #999999;
}
.etabs-arrow-left span{
	background-image : url("../../images/icons/plix-10/darkgrey/arrow-left-10.png");
}
.etabs-arrow-right span{
	background-image : url("../../images/icons/plix-10/darkgrey/arrow-right-10.png");
}

/*
 * ===============================================================
 * PLANNING
 * ===============================================================
 */
 
/* Appointment planner. ----------- */
 
.appointment-planner > header{
	background-color : #dddddd;
	border           : 1px solid #999999;
}
.appointment-planner .day-block-header-empty > div{
	border-right  : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #ffffff;
}
.appointment-planner .day-block-header > div{
	border-right  : 1px solid #999999;
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #999999;
}
.appointment-planner .time-block > div,
.appointment-planner .day-block > div{
	border-right  : 1px solid #999999;
	border-bottom : 1px solid #999999;
}
.appointment-planner .time-block > div{
	border-left : 1px solid #999999;
}
.appointment-planner .time-block > div{
	background-color : #dddddd;
}
.disabled-block > div{
	background-color : #ffffff
}
.appointment-planner .ap-time-row:hover > div,
.appointment-planner .ap-time-row:hover > .time-block > div{
	background-color : #FF9;
}
.appointment-planner .ap-active-time{
	background-color : #0a94ff
}
#appointment-info-box{
	background-color : #dddddd;
	border           : 1px solid #999999;
}

/*
 * ===============================================================
 * LOGIN FORM
 * ===============================================================
 */
 
#login-outher header{
	border-bottom : 1px solid #999999;
}
#login-clean #login-outher header{
	border-bottom : 1px solid #dddddd;
}
#login-outher{
	background-color   : #ffffff;
	-webkit-box-shadow : 0 0 4px #93C9FF;
	-moz-box-shadow    : 0 0 4px #93C9FF;
	box-shadow         : 0 0 4px #93C9FF;
	color              : #555555;
}
#login-outher header{
	border-top : 1px solid #ffffff;
}
#login-sn #login-inner{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
#login #login-inner,
#login-combi #login-inner{
	border           : 1px solid #999999;
	background-color : #ffffff;
}
.ie #login-clean #login-outher header{
	 -ms-filter : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";
}
#login-outher #tab-menu{
	background-color : #dddddd;
	border-bottom    : 1px solid #ffffff;
}
#login-outher #tab-menu li:hover,
#login-outher #tab-menu .etabs-active{
	border-right : 1px solid #ffffff;
}
#login-outher #tab-menu a:hover,
#login-outher #tab-menu .etabs-active a{
	background-color : #ffffff;
	border-right     : 1px solid #ffffff;
	border-bottom    : 1px solid #999999;
	
}
#login-outher #tab-menu li a{
	color         : #555555;
	border-bottom : 1px solid #999999;
	border-top    : 1px solid #ffffff;
}
#login-outher #tab-menu li a:hover,
#login-outher #tab-menu .etabs-active a{
	color : #555555;
}
#login-outher #login-content-inner{
	border-left      : 1px solid #999999;
	background-color : #ffffff;
}
#login-outher .etabs-content{
	background-color : #ffffff;
}
#login-combi header .etabs li{
	border-left   : 1px solid #999999;
	border-bottom : 1px solid #999999;
}
#login-combi header .etabs-active a,
#login-combi header .etabs a:hover{
	background    : #ffffff;
	border-bottom : 1px solid #ffffff;
}
#footer{
	color : #555555;
}

/*
 * ===============================================================
 * TOOLBAR
 * ===============================================================
 */

/* Basic/music toolbar. ----------- */

.toolbar{
	background-color : #eeeeee;
	border-bottom    : 1px solid #999999;
}
div.toolbar-bottom{
	border-top : 1px solid #999999;
}
div.toolbar-bottom{
	border-bottom : none;
}
.toolbar-window{
	border             : 1px solid #999999;
	background-color   : #ffffff;
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;	
}
.toolbar .separator{
	background-color : #999999;
}
div.toolbar input,
div.toolbar select,
div.toolbar .e-select-inner{
	border             : 1px solid #999999;
	background-color   : #ffffff;
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;	
}
.toolbar .preloader span{
	background-image : url("../../images/loaders/type1/light/16.gif");
}
.toolbar .e-splitmenu > li > a{
	border-left : 1px solid #999999!important;
}
.toolbar .e-splitmenu > .e-menu-profile > a,
.toolbar .e-splitmenu > .e-menu-profile > a:hover{
	border-right : 1px solid #999999!important;
}

/* Navigation & actions. ----------- */

.bulk-actions  input:hover{
	color : #ffffff;
}

/*
 * ===============================================================
 * AUDIOJS
 * ===============================================================
 */
 
.audiojsZ{
	background-color : #555555;
}
.audiojsZ .play-pauseZ { 
	 border-right : 1px solid #999999; 
}
.audiojsZ .scrubberZ {
	 background : #ffffff; 
}
.audiojsZ .progressZ { 
	background : #cccccc; 
}
.audiojsZ .loadedZ {
	background : #333333; 
}
.audiojsZ .timeZ { 
	border-left : 1px solid #999999; 
	color       : #bbbbbb; 
}
.audiojsZ .timeZ em { 
	color : #ffffff; 
}
.audiojsZ .error-messageZ { 
	color : #ffffff;
}
.audiojsZ .error-messageZ a { 
	color         : #eeeeee; 
	border-bottom : 1px solid #99999;
}

/*
 * ===============================================================
 * EPROGRESSBAR
 * ===============================================================
 */

.e-progressbar{
	background-color : #dddddd;
	border           : 1px solid #999999;
	color            : #fff
}

/*
 * ===============================================================
 * MEDIA
 * ===============================================================
 */

/* Basic media. ----------- */

.media-basic li{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.media-basic li:hover{
	background-color : #cccccc;
	border           : 1px solid #777777;
}
.media-basic li > div > div{
	background-color : rgb(204,204,204);/* fallback */
	background-color : rgba(204,204,204,0.5);
}

/* Minimal media. ----------- */

.media-minimal > a{
	border           : 1px solid #999999;
	background-color : #dddddd;
}
.media-minimal > a:hover{
	background-color : #cccccc;
	border           : 1px solid #777777;
}

/*
 * ===============================================================
 * EGALLERY
 * ===============================================================
 */
 
.e-gallery > header{
	border-bottom    : 1px solid #999999;
	background-color : #eeeeee;
}
.e-gallery > ul li{
	border           : 1px solid #999999;
	background-color : #dddddd;
}

/* Trash. ----------- */

.e-gallery-trashbin > div{
	border-bottom    : 1px solid #999999;
	background-color : #dddddd;
}
.e-gallery-trashbin > div > div{
	border-top : 1px dashed #999999;
}
.e-gallery-trashbin .emptybin{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
.e-gallery-trashbin .emptybin:hover{
	background-color : #eeeeee;
}
.e-gallery-trashbin > div ul li{
	border           : 1px solid #999999;
	background-color : #ffffff;
}
.e-gallery > ul div{
	border : 1px solid #ffffff;
}
.e-gallery .ui-state-highlight{
	background    : #ccc!important;
	border-bottom : 1px solid #999999;
	color         : #555555;
}
.ui-state-highlight ul li{
	background-color : #fff!important;
}
.ui-state-highlight .emptybin{
	background-color : #ffffff;
	border           : 1px solid #999999;
}
.e-gallery .ui-state-highlight a{
	color : #555555;
}
 
/* ===============================================================
 * ETOUR
 * ===============================================================
 */
 
.e-tour{
	background-color   : #2798e7;	
	color              : #dddddd;	
	-webkit-box-shadow : 0 0 4px 0 #dddddd;
	-moz-box-shadow    : 0 0 4px 0 #dddddd;
	box-shadow         : 0 0 4px 0 #dddddd;
}
.e-tour-arrow-tl > span{
	border-top : 10px solid #2798e7;
}
.e-tour-arrow-tm > span{
	border-top : 10px solid #2798e7;
}
.e-tour-arrow-tr > span{
	border-top : 10px solid #2798e7;
}
.e-tour-arrow-rt > span{
	border-right : 10px solid #2798e7;
}
.e-tour-arrow-rm > span{
	border-right : 10px solid #2798e7;
}
.e-tour-arrow-rb > span{
	border-right : 10px solid #2798e7;
}
.e-tour-arrow-bl > span{
	border-bottom : 10px solid #2798e7;
}
.e-tour-arrow-bm > span{
	border-bottom : 10px solid #2798e7;
}
.e-tour-arrow-br > span{
	border-bottom : 10px solid #2798e7;
}
.e-tour-arrow-lt > span{
	border-left : 10px solid #2798e7;
}
.e-tour-arrow-lm > span{
	border-left : 10px solid #2798e7;
}
.e-tour-arrow-lb > span{
	border-left : 10px solid #2798e7;
}
.e-tour-inner{
	background-color : #ffffff;	
}
.e-tour-footer{
	border-top : 1px dashed #2798e7;
}
.e-tour-timer,
.e-tour-footer a{
	background-color : #2798e7;
	color            : #ffffff;
}

/* ===============================================================
 * DEMO CODE/HELPERS
 * ===============================================================
 */

/* Menu ----------- */ 
 
#context-menu{
	background-color : #dddddd;
	border           : 1px solid #999999;
	padding          : 0.833em 0.417em;
}

/* Documentation ----------- */ 

.doc-wrap{
	color : #555555;
}
.doc-wrap a{
	color : #555555;
}
.doc-intro{
	background-color : #eeeeee;
	border           : 1px solid #999999; 
	color            : #555555;
}
.doc-intro h3{
	border-bottom : 1px solid #999999; 
}
.tp-wrapper{
	border           : 1px solid #999999;
	background-color : #dddddd;
	padding          : 0.417em;
	color            : #555555;
}
.doc-intro a,
.tp-wrapper a{
	color : #0a94ff;
}
.doc-info-blocks-wrapper{
	background-color : #dddddd;
	border           : 1px solid #999999;
}

/* Pre box ----------- */

.demo-code{
	border           : 1px solid #999999;
	background-color : #dddddd;
	color            : #555555;
}
.toggle-min{
	background-image : url("../../images/icons/plix-10/darkgrey/min-10.png");
}
.toggle-plus{
	background-image : url("../../images/icons/plix-10/darkgrey/plus-10.png");
}
.demo-code pre{
	background-color : #eeeeee;
	border-top       : 1px solid #999999;
}
.demo-code pre::-moz-selection {
     background-color : #C60;
     color            : #ffffff;
}
.demo-code pre::selection {
     background-color : #C60;
     color            : #ffffff;
}
.demo-code pre::-webkit-selection {
     background-color : #C60;
     color            : #ffffff;
}

/*	demo table ----------- */

.doc-table{
	border           : 1px solid #999999;
	background-color : #eeeeee;
}
.doc-table tbody a{
	color : #ff6600;
}
.doc-table thead,
.doc-table tfoot{
	background-color : #cccccc;
	color            : #555555;
}
.doc-table thead th,
.doc-table tbody td{
	border : 1px solid #999999;		
}
.doc-table tbody{
	color : #555555;	
}
.doc-table tbody tr:hover{
	background-color : #fff;
}
.doc-table tfoot td{
	border-top : 1px solid #999999;
}
.doc-table tfoot a{
	color : #ff5d31;
}
.doc-table tfoot th{
	border-left : 1px solid #999999;
	border-top  : 1px solid #999999;
}

/* CSS used for the grid page ----------- */

.grid-box{
	border           : 1px solid #999999;
	background-color : #dddddd;
	color            : #555555;
}

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

.actionbar{
	background-color : #dddddd;
}

/*
 * ===============================================================
 * ELFINDER
 * Notice that the file manager uses it own styling, this will
 * override it, to match our theme(s).
 * ===============================================================
 */

.elfinder-toolbar-button-separator{
	border-left : 1px solid #999999!important;
}
.elfinder-dialog  .ui-dialog-buttonpane{
	border-color : #dddddd;
}
999999
.elfinder-navbar {
	background : #dddddd!important;
}
.elfinder .elfinder-button-search input{
	-moz-box-shadow    : inset 0 0 0.417em #cccccc;
	-webkit-box-shadow : inset 0 0 0.417em #cccccc;
	box-shadow         : inset 0 0 0.417em #cccccc;
	border             : 1px solid #999999;
	background-color   : #ffffff;
	color              : #555555;
}
.elfinder-quicklook,
.elfinder-quicklook-titlebar{
	background : #555555!important;
}
.elfinder-cwd-file.ui-selected,
.elfinder-cwd-file.ui-selected .ui-state-hover{
	background : #eeeeee
}
div.elfinder-contextmenu{
	border : 1px solid #999999!important;
}
div.elfinder-contextmenu-item:hover{
	background : #cccccc!important;
}
div.elfinder-contextmenu-separator{
	border-top : 1px solid #999999!important;
}	
.elfinder-tree-dir.ui-state-active{
	background : #eeeeee!important;
	border     : 1px solid #eeeeee!important;
}
.elfinder-tree-dir:hover{
	background : #dddddd!important;
	border     : 1px solid #dddddd!important;
	color      : #000000!important;
}
.ui-widget-content.elfinder-buttonset{
	background:#dddddd;
}

/*
 * ===============================================================
 * FULL CALENDAR
 * Notice that the callendar uses the UI theme for the colors.
 * ===============================================================
 */
 
.fc-event-skin,
.external-event{
    background-color : #fff670;
    border-color     : #fff670;
    color            : #555555;
}
.fc-today{
	color            : #555555;
	background-color : #dddddd!important;
	border-top       : 1px solid #999999!important;
	border-left      : 1px solid #999999!important;
}
.fc-header .ui-state-active{
	background-color : #444444;
}
.external-events-box{
	border           : 1px solid #999999;
	background-color : #dddddd;
}	
.external-events-box p{
	color : #666;
}	
body .fc .ui-state-highlight{
	background-color : #999999;
}

/*
 * ===============================================================
 * TIPSY
 * Notice that the tooltip uses it own styling, this will
 * override it, to match our theme(s).
 * ===============================================================
 */
 
body .tipsy-inner{ 
	background-color : #555555; 
	color            : #ffffff; 
} 
body .tipsy-arrow-n{ 
	border-bottom-color : #555555; 
}
body .tipsy-arrow-s{ 
	border-top-color : #555555; 
}
body .tipsy-arrow-e{ 
	border-left-color : #555555; 
}
body .tipsy-arrow-w{ 
	border-right-color : #555555; 
} 

/*
 * ===============================================================
 * JQUERY UI CUSTOM
 * The custom made UI theme has limits, this will replace them.
 * ===============================================================
 */
 
/* UI Slider ----------- */

body .ui-slider-horizontal .ui-slider-handle{
    background-image  : url("../../images/theme/lightgrey/ui-slider-handle-horizontal.png");
}
body .ui-slider-vertical .ui-slider-handle{
    background-image  : url("../../images/theme/lightgrey/ui-slider-handle-vertical.png");
}
body .ui-slider .ui-widget-header{
	background-color : #cccccc!important;
}
body .ui-slider.ui-widget-content{
	background-color : #eeeeee!important;
}
.ui-slider-horizontal .ui-widget-header{
	border-bottom : 1px solid #999999;
}

/* UI Tabs ----------- */

body .ui-tabs .ui-state-default{
	background-color : #444444;	
}
body .ui-tabs .ui-state-active{
	background-color : #dddddd;	
}
body .ui-tabs .ui-state-hover{
	background-color : #dddddd;	
}

/* selectToUISlider ----------- */

.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner{
	border-top : 7px solid #ffffff;
}
.ui-slider dt{
	border-bottom : 1px dotted #ddd;
	color         : #999;
}
.ui-slider dt span{
	background-color : #ffffff;
}
.ui-slider li, .ui-slider dd{
	color : #aaa;
}

/* Datepicker ----------- */

body .ui-state-default, 
body .ui-widget-content .ui-state-default, 
body .ui-widget-header .ui-state-default{
	background-color : #E9E9E9;
}
body .ui-state-hover, 
body .ui-widget-content .ui-state-hover, 
body .ui-widget-header .ui-state-hover, 
body .ui-state-focus, 
body .ui-widget-content .ui-state-focus, 
body .ui-widget-header .ui-state-focus,
body .ui-widget-header .ui-state-active,
body .ui-state-highlight, 
body .ui-widget-content .ui-state-highlight, 
body .ui-widget-header .ui-state-highlight {
    background-color : #dddddd;
    border           : 1px solid #999999;
}

/* AutoComplete ----------- */

.ui-autocomplete li a:hover{
	background-color : #999999;
}

/* Dialogs ----------- */

div.ui-dialog,
div.ui-dialog .ui-widget-content {
	background-color : #ffffff!important;
	background       : #ffffff!important;
}
body div.ui-dialog .ui-dialog-titlebar{
	border-top    : 1px solid #ffffff;
	border-bottom : 1px solid #999999;		
}
body .ui-widget-overlay{
	background-color : #999999;
}
body .ui-dialog .ui-dialog-buttonpane{
	background-color : #ffffff;
}
body .ui-dialog .ui-button{
	border : 1px solid #999999;
}

/* Accordion ----------- */

body .ui-accordion-header.ui-state-active{
	background-color : #dddddd;
}

/* Spinner ----------- */

.ui-spinner-down.ui-state-default,
.ui-spinner-up.ui-state-default{
	background-color : #AAD5FF!important;	
  background-image : -webkit-gradient(linear, left top, left bottom, from(#D2E9FF), to(#AAD5FF))!important;/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #D2E9FF, #AAD5FF)!important;/* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image :    -moz-linear-gradient(top, #D2E9FF, #AAD5FF)!important;/* Firefox 3.6+ */
  background-image :     -ms-linear-gradient(top, #D2E9FF, #AAD5FF)!important; /* IE10 */
	background-image :      -o-linear-gradient(top, #D2E9FF, #AAD5FF)!important; /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #D2E9FF, #AAD5FF)!important;
  -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#D2E9FF, endColorstr=#AAD5FF)"!important;/* IE8 */
}

/*
 * ===============================================================
 * ELRTE CUSTOM
 * Notice that the editor uses it own styling, this will
 * override it, to match our theme(s).
 * ===============================================================
 */

body .el-rte .toolbar{
	background-color : #eeeeee;
}
body .el-rte .toolbar li,
body .el-rte .toolbar ul li.el-select,
body .el-select .list {
	border           : 1px solid #999999;
	background-color : #dddddd;
}
body .el-rte .toolbar ul .active{
	background-color : #dddddd;
	border           : 1px solid #666;
}
body .el-rte .toolbar ul li:hover{
	border : 1px solid #777777;
}
body .el-select label{
	background-color : #dddddd;
	border-right     : 1px solid #999999;
}
body .el-select .list .hover{
	background-color : #eeeeee;
}
body .el-select .list div{
	border-bottom : 1px solid #999999;
}
body .el-rte .workzone{
	background-color : #ffffff;
	border-bottom    : 1px solid #999999;
	border-top       : 1px solid #999999;
}
body .el-rte .statusbar{
	background-color : #dddddd;
	border-top       : none;
	border-bottom    : 1px solid #999999;	
}
body .el-rte .tabsbar .tab{
	background-color : #eeeeee;
	border           : 1px solid #999999;
	border-top       : none;
}
body .el-rte .tabsbar .active{
	background-color : #dddddd;
	border           : 1px solid #999999;
	border-top       : none;
}
body .el-dialogform fieldset{
	border : 1px solid #999999;
}
.el-rte iframe {
	background-color : #ffffff;
}
body .el-dialogform fieldset legend{
	background-color : #dddddd;
	border           : 1px solid #999999;
}
body .el-palette{
	background-color : #dddddd;
	border           : 1px solid #999999;
}
body .el-palette .panel{
	border-top : 1px solid #999999;
}
body .el-palette .panel input{
      border : 1px solid #999999;
}
body .el-rte textarea{
	-moz-box-shadow    : inset 0 0 0;
	-webkit-box-shadow : inset 0 0 0;
	box-shadow         : inset 0 0 0;
	background-color   : #ffffff;
}

/*
 * ===============================================================
 * ERROR PAGES
 * ===============================================================
 */
 
.error-box{
	background-color : #ffffff;
	border           : 1px solid #999999;
	color            : #555555;	
}
.error-box .ctrls a:hover{
	background-color : #ffffff;
}
.error-box .line{
	background-color : #999999;
}

/*
 * ===============================================================
 * ICONS/BUTTONS
 * ===============================================================
 */

/* Split buttons. ----------- */

.button-split a:first-child,
.button-split a:first-child:hover,
div.button-split-rev a:first-child,
div.button-split-rev a:first-child:hover{
	border-right : 1px solid #999999!important;
}

/* Chained buttons. ----------- */

.icon-group > span{
	background : #999999;
}

/* Big social butons. ----------- */

.button-social-big{
	border : 1px solid #999;
}
.button-social-big span{
	border-right : 1px solid #999;
}

/* Social butons. ----------- */

.button-social{
	border : 1px solid #999;
}
.button-social span{
	border-right : 1px solid #999;
}

/* 10px icons ----------- */

span.plix-10{          
	background-image : url("../../images/theme/lightgrey/plix-10.png"); 
}

/* 16px icons ----------- */

span.plix-16{
	background-image : url("../../images/theme/lightgrey/plix-16.png"); 
}

/* 32px icons ----------- */

span.plix-32{
	background-image : url("../../images/theme/lightgrey/plix-32.png"); 
}

/* Button with indicator ----------- */

.button-text > p{
    background-color : #EF1919;
    border           : 1px solid #3d0000;
    color            : #ffffff;
}

/* Custom colors. ----------- */

body .custom-blue{
	background-color : #097299;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#10b5f2), to(#097299));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #10b5f2, #097299);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #10b5f2, #097299);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #10b5f2, #097299); /* IE10 */
	background-image :      -o-linear-gradient(top, #10b5f2, #097299); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #10b5f2, #097299);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#10b5f2, endColorstr=#097299)";/* IE8 */
	color            : #fff;
	border           : 1px solid #003548;	
}
body .custom-blue:hover{
	background-color : #075d7d;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#0d9fd5), to(#075d7d));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #0d9fd5, #075d7d);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #0d9fd5, #075d7d);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #0d9fd5, #075d7d); /* IE10 */
	background-image :      -o-linear-gradient(top, #0d9fd5, #075d7d); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #0d9fd5, #075d7d);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0d9fd5, endColorstr=#075d7d)";/* IE8 */
	color            : #fff;
	border           : 1px solid #022430;	
}
body .custom-green{
	background-color : #10750e;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#0ead0a), to(#10750e));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #0ead0a, #10750e);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #0ead0a, #10750e);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #0ead0a, #10750e); /* IE10 */
	background-image :      -o-linear-gradient(top, #0ead0a, #10750e); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #0ead0a, #10750e);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0ead0a, endColorstr=#10750e)";/* IE8 */
	color            : #fff;
	border           : 1px solid #074506;	
}
body .custom-green:hover{
	background-color : #0a5d08;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#0b8e07), to(#0a5d08));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #0b8e07, #0a5d08);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #0b8e07, #0a5d08);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #0b8e07, #0a5d08); /* IE10 */
	background-image :      -o-linear-gradient(top, #0b8e07, #0a5d08); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #0b8e07, #0a5d08);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0b8e07, endColorstr=#0a5d08)";/* IE8 */
	color            : #fff;
	border           : 1px solid #053705;	
}
body .custom-red{
	background-color : #9c1313;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#d71b1b), to(#9c1313));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #d71b1b, #9c1313);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #d71b1b, #9c1313);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #d71b1b, #9c1313); /* IE10 */
	background-image :      -o-linear-gradient(top, #d71b1b, #9c1313); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #d71b1b, #9c1313);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d71b1b, endColorstr=#9c1313)";/* IE8 */
	color            : #fff;
	border           : 1px solid #4a0606;		
}
body .custom-red:hover{
	background-color : #840d0d;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#ae1212), to(#840d0d));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #ae1212, #840d0d);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #ae1212, #840d0d);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #ae1212, #840d0d); /* IE10 */
	background-image :      -o-linear-gradient(top, #ae1212, #840d0d); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #ae1212, #840d0d);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ae1212, endColorstr=#840d0d)";/* IE8 */
	color            : #fff;
	border           : 1px solid #310303;		
}
body .custom-purple{
	background-color : #7c1b7b;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#d931d7), to(#7c1b7b));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #d931d7, #7c1b7b);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #d931d7, #7c1b7b);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #d931d7, #7c1b7b); /* IE10 */
	background-image :      -o-linear-gradient(top, #d931d7, #7c1b7b); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #d931d7, #7c1b7b);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d931d7, endColorstr=#7c1b7b)";/* IE8 */
	color            : #fff;
	border           : 1px solid #370636;
}
body .custom-purple:hover{
	background-color : #611260;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#a91ca7), to(#611260));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #a91ca7, #611260);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #a91ca7, #611260);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #a91ca7, #611260); /* IE10 */
	background-image :      -o-linear-gradient(top, #a91ca7, #611260); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #a91ca7, #611260);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#a91ca7, endColorstr=#611260)";/* IE8 */
	color            : #fff;
	border           : 1px solid #280427;
}
body .custom-orange{
	background-color : #c33712;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#ff4d1d), to(#c33712));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #ff4d1d, #c33712);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #ff4d1d, #c33712);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #ff4d1d, #c33712); /* IE10 */
	background-image :      -o-linear-gradient(top, #ff4d1d, #c33712); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #ff4d1d, #c33712);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ff4d1d, endColorstr=#c33712)";/* IE8 */
	color            : #fff;
	border           : 1px solid #4c1304;	
}
body .custom-orange:hover{
	background-color : #9c290a;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#dc390d), to(#9c290a));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #dc390d, #9c290a);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #dc390d, #9c290a);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #dc390d, #9c290a); /* IE10 */
	background-image :      -o-linear-gradient(top, #dc390d, #9c290a); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #dc390d, #9c290a);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#dc390d, endColorstr=#9c290a)";/* IE8 */
	color            : #fff;
	border           : 1px solid #2d0b02;	
}
body .custom-black{
	background-color : #111111;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #333333, #111111);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #333333, #111111);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #333333, #111111); /* IE10 */
	background-image :      -o-linear-gradient(top, #333333, #111111); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #333333, #111111);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#333333, endColorstr=#111111)";/* IE8 */
	color            : #fff;
	border           : 1px solid #000000;
}
body .custom-black:hover{
	background-color : #000000;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#222222), to(#000000));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #222222, #000000);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #222222, #000000);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #222222, #000000); /* IE10 */
	background-image :      -o-linear-gradient(top, #222222, #000000); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #222222, #000000);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#222222, endColorstr=#000000)";/* IE8 */
	color            : #fff;
	border           : 1px solid #000000;
}
body .custom-grey{
	background-color : #93C9FF;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#999999), to(#93C9FF));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #999999, #93C9FF);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #999999, #93C9FF);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #999999, #93C9FF); /* IE10 */
	background-image :      -o-linear-gradient(top, #999999, #93C9FF); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #999999, #93C9FF);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#999999, endColorstr=#93C9FF)";/* IE8 */
	color            : #fff;
	border           : 1px solid #222222;	
}
body .custom-grey:hover{
	background-color : #555555;/* fallback color */
	background-image : -webkit-gradient(linear, left top, left bottom, from(#777777), to(#555555));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #777777, #555555);/* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image :    -moz-linear-gradient(top, #777777, #555555);/* Firefox 3.6+ */
	background-image :     -ms-linear-gradient(top, #777777, #555555); /* IE10 */
	background-image :      -o-linear-gradient(top, #777777, #555555); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #777777, #555555);
	-ms-filter       : "progid : DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#777777, endColorstr=#555555)";/* IE8 */
	color            : #fff;
	border           : 1px solid #111111;	
}

/*
 * ===============================================================
 * GROWL
 * ===============================================================
 */ 

.growl-default{
	background-color : rgb(0,0,0);/* fallback */
	background-color : rgba(0,0,0,0.9);
	color            : #fff;
}
.growl-white{
	background-color : rgb(255,255,255);/* fallback */
	background-color : rgba(255,255,255,0.9);
	color            : #000;
}

/*
 * ===============================================================
 * Notification
 * ===============================================================
 */ 

.notification-default{
	background-color : #222;
	border-top       : 1px solid #000;
	border-bottom    : 1px solid #000;
	color            : #fff;	
}
.notification-success{
	background-color : #A0F372;
	border-top       : 1px solid #1B3D08;
	border-bottom    : 1px solid #1B3D08;
	color            : #1B3D08;	
}
.notification-warning{
	background-color : #FFF880;
	border-top       : 1px solid #787202;
	border-bottom    : 1px solid #787202;
	color            : #383500;	
}
.notification-info{
	background-color : #78CBFF;
	border-top       : 1px solid #003659;
	border-bottom    : 1px solid #003659;
	color            : #003659;	
}
.notification-error{
	background-color : #FF8E8E;
	border-top       : 1px solid #530000;
	border-bottom    : 1px solid #530000;
	color            : #530000;
}
.notification-msg{
	background-color : #fff;
	border-top       : 1px solid #555;
	border-bottom    : 1px solid #555;
	color            : #222;
}
.notification-default-widget{
	background-color : #222;
	border-bottom    : 1px solid #000;
	color            : #fff;	
}
.notification-success-widget{
	background-color : #A0F372;
	border-bottom    : 1px solid #1B3D08;
	color            : #1B3D08;	
}
.notification-warning-widget{
	background-color : #FFF880;
	border-bottom    : 1px solid #787202;
	color            : #383500;	
}
.notification-info-widget{
	background-color : #78CBFF;
	border-bottom    : 1px solid #003659;
	color            : #003659;	
}
.notification-error-widget{
	background-color : #FF8E8E;
	border-bottom    : 1px solid #530000;
	color            : #530000;
}
.notification-msg-widget{
	background-color : #fff;
	border-bottom    : 1px solid #555;
	color            : #222;
}

/*
 * ===============================================================
 * ELOADER
 * ===============================================================
 */

#e-loader-overlay{
	background-color : #000;
}
#e-loader-img{
	background-color : #fff;
}

/*
 * ===============================================================
 * NEW IN V1.1
 * ===============================================================
 */

.e-wizard{
	border : 1px solid #999;	
}
.e-wizard > header{
	background-color : #cccccc;/* fallback color */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #eeeeee, #cccccc);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image :    -moz-linear-gradient(top, #eeeeee, #cccccc);/* Firefox 3.6+ */
    background-image :     -ms-linear-gradient(top, #eeeeee, #cccccc); /* IE10 */
	background-image :      -o-linear-gradient(top, #eeeeee, #cccccc); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #eeeeee, #cccccc);
    -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eeeeee, endColorstr=#cccccc)";/* IE8 */
	border-bottom    : 1px solid #999;
}
.e-wizard-steps{
	background-color : #eee;
	border-bottom    : 1px solid #999;
}
.e-wizard-step{
	border-right : 1px solid #999;
}
.e-wizard-numbers .e-wizard-step span{
	background-color : #999;
	border           : 1px solid #555;
	color            : #fff
}
.e-wizard-progress > div{
	border           : 1px solid #999;
	background-color : #fff;
}
.e-wizard-progress div span{
	background-color : #ccc;
	color            : #000;
}
.e-wizard-active{
	background-color : #fff;
}
.e-wizard-placeholder fieldset legend{
	border-bottom : 1px solid #999!important;
}
.e-wizard > footer{
	border-top : 1px solid #999;
}
.e-wizard-disabled:hover{
	background-color : #cccccc;/* fallback color */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));/* Safari 4+, Chrome 1+ */
	background-image : -webkit-linear-gradient(top, #eeeeee, #cccccc);/* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image :    -moz-linear-gradient(top, #eeeeee, #cccccc);/* Firefox 3.6+ */
    background-image :     -ms-linear-gradient(top, #eeeeee, #cccccc); /* IE10 */
	background-image :      -o-linear-gradient(top, #eeeeee, #cccccc); /* Opera 11.10+ */
	background-image :         linear-gradient(to bottom, #eeeeee, #cccccc);
    -ms-filter       : "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#eeeeee, endColorstr=#cccccc)";/* IE8 */
	border           : 1px solid #999;
}
.e-wizard-errorlabel > span{
	background-color : #c81d07;
	color            : #fff;
}
.e-wizard-errorlabel > span span{
	border-top : 6px solid #c81d07;
}

#doc-grid-box{
	color            : #555555;
}

#doc-grid-box a 
{
	border           : 1px solid #CCC;
	color            : #555555;
	margin: 5px;
	padding: 5px;
	display: block;
	background-color : #EBEBEB;
	text-align: center;
}

#doc-grid-box a:hover {background-color: #CEE7FF; padding: 5px;} 

#annuncio 
{
  border: 1px solid #CCC;
	background-color : #FFF;
	margin: 0px 0px 20px 0px;
}

#h_annuncio 
{
  border-bottom: 1px solid #CCC;
	padding: 5px 5px 10px 5px;
	margin: 5px;
}

#h_annuncio img
{
	float: left;
	padding: 0px 20px 0px 0px;
}

#testo_annuncio 
{
	padding: 5px;
	margin: 5px;	
}

.link_cnd, .unlink_registro, .unlink_anag { background:#FF6464; }
.unlink_cnd, .link_registro, .link_anag { background: #A8FFA8; }