/*
 * Peach - Clean & Smooth Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * ===================================
 *   Frequently Used Sprites/Plugins
 * ===================================
 * A collection of sprite stylings, which are frequently used.
 * It would't make sense, to deliver them seperately.
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Alert Boxes
 * 2) Buttons
 * 3) jGrowl
 * 4) Tipsy
 * 5) Fallr
 */

/* ==================================================
 * 1) Alert Boxes
 * ================================================== */

.alert {
	position: relative;
	border: 1px solid;
	border-radius: 3px;
	clear: both;
	/* lmwy
	margin-bottom: 9px;
	margin-top: 10px;
	*/
	padding: 7px 15px;
	padding-left: 30px;
	/* The inset shadow */
	-webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
	-moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
	box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.65);
}

.alert.no-margin {
	box-shadow: none;
	border-radius: 0;
	border-width: 1px 0;
	margin-left: -10px;
	margin-right: -10px;
}

.alert.no-margin.top {
	border-width: 0 0 1px;
	margin-top: 0;
}

.alert.no-margin.bottom {
	border-width: 1px 0 0;
	margin-bottom: 0;
}

.alert span.hide {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin: 0;
}

.alert span.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 7px;
	top: 50%;
	margin-top: -8px;
}

.alert.success, .alert.success .close:hover {
	border-color: #70a772;
	background: url(../img/sprites/alertboxes/bg-success.png) repeat-x #a3d9a5;
}

.alert.success span.icon {
	background: url(../img/icons/packs/fugue/16x16/tick-circle.png);
}

.alert.error, .alert.error .close:hover {
	border-color: #cb5959;
	background: url(../img/sprites/alertboxes/bg-error.png) repeat-x #f2aeae;
}

.alert.error span.icon {
	background: url(../img/icons/packs/fugue/16x16/cross-circle.png);
}

.alert.warning, .alert.warning .close:hover {
	border-color: #c9ab40;
	background: url(../img/sprites/alertboxes/bg-warning.png) repeat-x #ffe68b;
}

.alert.warning span.icon {
	background: url(../img/icons/packs/fugue/16x16/exclamation.png);
}

.alert.info, .alert.info .close:hover {
	border-color: #446d99;
	background: url(../img/sprites/alertboxes/bg-information.png) repeat-x #a5c8f4;
}

.alert.info span.icon {
	background: url(../img/icons/packs/fugue/16x16/information.png);
}

.alert.note, .alert.note .close:hover {
	border-color: #a3a3a3;
	background: url(../img/sprites/alertboxes/bg-note.png) repeat-x #dfdfdf;
}

.alert.note span.icon {
	background: url(../img/icons/packs/fugue/16x16/notebook.png);
}



/* Alert: close button */
.alert .close {
	position: absolute;
	right: 8px;
	top: 4px;
	
	padding: 0 5px;
	padding-bottom: 2px;
	
	cursor: pointer;
	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	
	border: 1px solid transparent;
	border-radius: 3px;
}

.alert.closeEverywhere {
	cursor: pointer;
}

#content > .alert {
	margin: 5px 1%;
}

.alert .close:hover {
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}

.alert.error, .alert.error .close:hover {
	border: 1px solid #6f0808;
	
	background: url('../img/elements/alert-boxes/bg-error.png') #892025 repeat-x;;
}




/* ==================================================
 * 2) Buttons
 * ================================================== */

button, input[type=button], input[type="submit"], input[type="reset"], a.button, .ui-button.ui-state-default:not(.ui-spinner-button), .ui-button.ui-state-hover:not(.ui-spinner-button), .ui-button.ui-state-active:not(.ui-spinner-button) {
	display: inline-block;
	/* Setting the height */
	/* width: auto; */
	/* The padding */
	padding: 5px 10px;
	/* And the beautiful style */
	border: 1px solid #c7c7c7;
	background: url(../img/sprites/buttons/normal/bg.png);
	border-radius: 5px;
	/* "useful if you don't want a bg color from leaking outside the border" */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/* The shadow around */
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1) !important;
}



.button-wrap {
	border-radius: 5px;
	overflow: hidden;
}

button:hover, button:active, input[type="button"]:hover, input[type="button"]:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="reset"]:hover, input[type="reset"]:active, a.button:hover, a.button:active, .customfile-hover button, .ui-button.ui-state-hover:not(.ui-spinner-button), .ui-button.ui-state-active:not(.ui-spinner-button):hover {
	border-color: #2462a0;
	background-image: url(../img/sprites/buttons/hover/bg.png);
	-webkit-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	-moz-box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
	box-shadow: 0 1px 1px 0 rgba(18, 16, 11, 0.1), inset 0px 0px 1px 0px rgba(255, 255, 255, 0.42);
}

button:active, input[type="submit"]:active, a.button:active , .customfile-focus button{
	background: url(../img/sprites/buttons/active/bg.png);
}

a.button, .ui-button {
	text-decoration: none;
	display: inline-block;
}

button.small, input[type=button].small, input[type=submit].small, input[type=reset].small, a.button.small, .ui-button.ui-state-default:not(.ui-spinner-button).small, .ui-button.ui-state-hover:not(.ui-spinner-button).small, .ui-button.ui-state-active:not(.ui-spinner-button).small {
	padding: 3px 6px;
}

button[disabled], input[type="submit"][button], input[type="submit"][disabled], input[type="reset"][disabled], a.button[disabled] {
	color: #D3D3D3;
	border: 1px solid #c7c7c7;
	background: url(/images/peach/sprites/buttons/normal/bg.png);
	cursor: default;
	text-shadow: 0 0 0;
}

/* ==================================================
 * 2) Buttons: Red
 * ================================================== */


button.red, input[type="reset"], a.button.red {
	color: #952a2a;
}

button:hover.red, button:active.red, input[type="reset"]:hover, input[type="reset"]:active, a.button.red:hover, a.button.red:active {
	border-color: #870d0d;
	background-image: url(../img/sprites/buttons/hover/bg-red.png);
}

button:active.red, input[type="reset"]:active, a.button.red:active {
	background: url(../img/sprites/buttons/active/bg-red.png);
}


/* Blue button:disabled + Flat:disabled */
button:disabled, input[type=button]:disabled, input[type=submit]:disabled, a.button.disabled:not(.ui-spinner-button),
button.flat:disabled, input[type=button].flat:disabled, input[type=submit].flat:disabled, a.button.flat.disabled:not(.ui-spinner-button),
button:disabled:active, input[type=button]:disabled:active, input[type=submit]:disabled:active, a.button.disabled:active:not(.ui-spinner-button),
button.flat:disabled:active, input[type=button].flat:disabled:active, input[type=submit].flat:disabled:active, a.button.flat.disabled:active:not(.ui-spinner-button) {
	cursor: default;

	border: 1px solid #a2afbe;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

	background: #d4d9df; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDlkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWRkZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d4d9df 0%, #d5dde9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d9df), color-stop(100%,#d5dde9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d4d9df 0%,#d5dde9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d4d9df 0%,#d5dde9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d9df', endColorstr='#d5dde9',GradientType=0 ); /* IE6-8 */
	
	color: #96a3b4;
	text-shadow: 0 1px 0 #fff;
}

/* Red button:disabled + Red Flat:disabled */
button.red:disabled, input[type=reset]:disabled, input[type=button].red:disabled, a.button.red.disabled,
button.flat.red:disabled, input[type=reset].flat:disabled, input[type=button].flat.red:disabled, a.button.flat.red.disabled,
button.red:disabled:active, input[type=reset]:disabled:active, input[type=button].red:disabled:active, a.button.red.disabled:active,
button.flat.red:disabled:active, input[type=reset].flat:disabled:active, input[type=button].flat.red:disabled:active, a.button.flat.red.disabled:active {
	cursor: default;

	border: 1px solid #c3abab;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	
	background: #e0c9c9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwYzljOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2UzY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e0c9c9 0%, #e3cccc 99%, #e3cccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0c9c9), color-stop(99%,#e3cccc), color-stop(100%,#e3cccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e0c9c9 0%,#e3cccc 99%,#e3cccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e0c9c9 0%,#e3cccc 99%,#e3cccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e0c9c9 0%,#e3cccc 99%,#e3cccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e0c9c9 0%,#e3cccc 99%,#e3cccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0c9c9', endColorstr='#e3cccc',GradientType=0 ); /* IE6-8 */

	color: #927878;
	text-shadow: 0 1px 0 #fff;
}


/* Grey button:disabled */
button.grey:disabled, input[type=button].grey:disabled, input[type=submit].grey:disabled, input[type=reset].grey:disabled, a.button.grey.disabled,
button.flat.grey:disabled, input[type=button].flat.grey:disabled, input[type=submit].flat.grey:disabled, input[type=reset].flat.grey:disabled, a.button.flat.grey.disabled,
button.grey:disabled:active, input[type=button].grey:disabled:active, input[type=submit].grey:disabled:active, input[type=reset].grey:disabled:active, a.button.grey.disabled:active,
button.flat.grey:disabled:active, input[type=button].flat.grey:disabled:active, input[type=submit].flat.grey:disabled:active, input[type=reset].flat.grey:disabled:active, a.button.flat.grey.disabled:active {
	cursor: default;

	border: 1px solid #b0b0b0;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);

	background: #d5d5d5; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYWRhZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d5d5d5 0%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d5d5d5 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d5d5d5 0%,#dadada 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d5d5d5 0%,#dadada 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d5d5d5 0%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#dadada',GradientType=0 ); /* IE6-8 */
	
	color: #838383;
	text-shadow: 0 1px 0 #fff;
}




/* Spinner */

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    /*height: 24px; lmwy mass */
    
}

div.row .ui-spinner{
	width: 100%; /*lmwy*/
}
.ui-spinner-input {
    float: left;

    padding: 5px;
    margin: 0;

	width: 100%;
	height: 100%;

    border: none;
    background: none;

    vertical-align: middle;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-spinner  {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.22);
	border-radius: 5px;
	border: 1px solid #a0a0a0;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ui-spinner.ui-state-active {
	border: 1px solid #5695db;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.22),
				0 0 7px rgba(86,149,219,0.69);
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ui-spinner-button {
    width: 17px;
    height: 10px;
    font-size: .5em;
    padding: 0;
    margin: 0;
    z-index: 1;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0;
	
	cursor: pointer;
	border-radius: 0 !important;
}

.ui-spinner a.ui-spinner-button {
	border: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-up {
	background: url('../img/elements/spinner/arrow-up.png') 50% 50%;
	height: 12px;
	border-top-right-radius: 5px;
}

.ui-spinner .ui-spinner-button.ui-spinner-up.ui-state-hover {
	background: url('../img/elements/spinner/arrow-up-hover.png') 50% 50%;
}

.ui-spinner .ui-spinner-button.ui-spinner-up.ui-state-active {
	background: url('../img/elements/spinner/arrow-up-active.png') 50% 50%;
}

.ui-spinner .ui-spinner-button.ui-spinner-up .ui-button-text {
	display: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-down {
	background: url('../img/elements/spinner/arrow-down.png') 50% 50%;
	height: 13px;
	border-bottom-right-radius: 3px;
}

.ui-spinner .ui-spinner-button.ui-spinner-down.ui-state-hover {
	background: url('../img/elements/spinner/arrow-down-hover.png') 50% 50%;
}

.ui-spinner .ui-spinner-button.ui-spinner-down.ui-state-active {
	background: url('../img/elements/spinner/arrow-down-active.png') 50% 50%;
}

.ui-spinner .ui-spinner-button.ui-spinner-down .ui-button-text {
	display: none;
}

/* more specificity required here to overide default borders */
.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0;
}

/* vertical centre icon */
.ui-spinner-up {
    top: 0;
}

.ui-spinner-down {
    bottom: 0;
}

/* TR overrides */
div.ui-spinner,
div.ui-state-default.ui-spinner {
    background: #fff;
}

/* Autocomplete */

.ui-autocomplete-input {
	padding: 5px;
	
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.22);
	border-radius: 3px;
	border: 1px solid #a0a0a0;
	background-position: 0 center;
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ui-autocomplete-input:focus {
	border: 1px solid #5695db;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.22),
				0 0 7px rgba(86,149,219,0.69);
	
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.ui-autocomplete-input.ui-autocomplete-loading {
	background-position: 6px center;
	background-image: url('../img/jquery-ui/loading.gif');
	background-repeat: no-repeat;
	
	padding-left: 25px;
}

.ui-menu.ui-autocomplete.ui-widget-content {
	margin-top: 10px;
	padding: 0;

	border-radius: 3px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.12);
}

.ui-menu.ui-autocomplete.ui-widget-content:before {
	display: block;
	position:absolute;
	
	height: 9px;
	width: 15px;
	
	top: -9px;
	left: 50%;
	margin-left: -7.5px;
	
	background: url('../img/elements/autocomplete/arrow.png');
	
	content: '';
	z-index: -1;
}

.ui-menu .ui-menu-item a {
	padding: 5px;

	background: url('../img/elements/autocomplete/el-bg.png') repeat-x #f4f5f5;
	border-bottom: 1px solid #b4b4b4;
	border-radius: 0;
	
	cursor: pointer;
}

.ui-menu .ui-menu-item:first-child a {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.ui-menu .ui-menu-item:last-child a {
	border-bottom: 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.ui-menu .ui-menu-item a.ui-state-focus {
	background: url('../img/elements/autocomplete/el-bg-hover.png') repeat-x #0e64d8;
	border: 1px solid #196288;
	margin: -1px;
	margin-bottom: 0;
}




/* ==================================================
 * 3) jGrowl
 * ================================================== */

div.jGrowl {
	z-index: 			9999;
	color: 				#222222;
	font-size: 			12px;
	text-shadow: 		0 1px 0 #FFF;
	
	margin: 			0 10px;
	box-shadow: 		0 1px 3px rgba(0, 0, 0, 0.25);
    overflow: 			hidden;
	border-radius: 		0 0 2px 2px;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	border-bottom: 			1px solid #E5E5E5;
    border-top: 			1px solid #FFFFFF;
	background-color: 		#fafafa;
}

div.jGrowl div.jGrowl-notification:first-child {
	border-top: 			none;
}

div.jGrowl div.jGrowl-notification:last-child, div.jGowl div.jGowl-closer:last-child {
	border-bottom: 			none;
	border-radius: 			0 0 2px 2px;
	overflow: hidden;
}

div.jGrowl div.jGrowl-notification:hover {
	background: 			url(../img/external/jGrowl/bg-hover.png) repeat-x #3675b4;
	border-top-color: 		#3675b4;
	color: 					#fff;
	text-shadow: 			0 1px 0 rgba(0,0,0,0.5);
	box-shadow: 			inset 0 1px 0 0 rgba(255,255,255,0.3);
}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

div.jGrowl div.information .jGrowl-message, div.jGrowl div.success .jGrowl-message, div.jGrowl div.error .jGrowl-message, div.jGrowl div.warning .jGrowl-message, div.jGrowl div.saved .jGrowl-message {
	background: url("../img/icons/packs/fugue/16x16/shadeless/information.png") no-repeat scroll 10px 50% #000;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-color: transparent;
	padding-left: 25px;
}

div.jGrowl div.success .jGrowl-message { background-image: url("../img/icons/packs/fugue/16x16/shadeless/tick-circle.png"); }
div.jGrowl div.error .jGrowl-message { background-image: url("../img/icons/packs/fugue/16x16/shadeless/cross-circle.png"); }
div.jGrowl div.information .jGrowl-message { background-image: url("../img/icons/packs/fugue/16x16/shadeless/information.png"); }
div.jGrowl div.warning .jGrowl-message { background-image: url("../img/icons/packs/fugue/16x16/shadeless/exclamation.png"); }
div.jGrowl div.saved .jGrowl-message { background-image: url("../img/icons/packs/fugue/16x16/shadeless/disk-black.png"); }

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}

/* ==================================================
 * 4) Tipsy
 * ================================================== */

.tipsy {
	font-size: 10px;
	padding: 5px;
	position: absolute;
	z-index: 100000;
}

.tipsy-inner {
	background: url("../img/misc/tooltips/tooltip-bg.png") repeat-x scroll left top black;
	border: 1px solid black;
	color: white;
	max-width: 200px;
	padding: 5px 8px 4px;
	text-align: center;
}

.tipsy-inner {
	border-radius: 3px 3px 3px 3px;
}

.tipsy-arrow {
	background: url("../img/misc/tooltips/tooltip-arrow.gif") no-repeat scroll left top transparent;
	height: 5px;
	position: absolute;
	width: 9px;
}

.tipsy-n .tipsy-arrow {
	left: 50%;
	margin-left: -4px;
	top: 0;
}

.tipsy-nw .tipsy-arrow {
	left: 10px;
	top: 0;
}

.tipsy-ne .tipsy-arrow {
	right: 10px;
	top: 0;
}

.tipsy-s .tipsy-arrow {
	background-position: left bottom;
	bottom: 0;
	left: 50%;
	margin-left: -4px;
}

.tipsy-sw .tipsy-arrow {
	background-position: left bottom;
	bottom: 0;
	left: 10px;
}

.tipsy-se .tipsy-arrow {
	background-position: left bottom;
	bottom: 0;
	right: 10px;
}

.tipsy-e .tipsy-arrow {
	background-position: right top;
	height: 9px;
	margin-top: -4px;
	right: 0;
	top: 50%;
	width: 5px;
}

.tipsy-w .tipsy-arrow {
	height: 9px;
	left: 0;
	margin-top: -4px;
	top: 50%;
	width: 5px;
}

/* ==================================================
 * 5) Fallr
 * ================================================== */

 /*
 * Fallr v1.0.4 - jQuery Plugin
 * Simple & elegant modal box jQuery plugin
 *
 * Copyright 2011 amatyr4n
 * http://codecanyon.net/user/amatyr4n
 *
 * licensed under Envato licenses
 * http://wiki.envato.com/support/legal-terms/licensing-terms/
 */

#fallr-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #333;
    height: 100%;
    width: 100%;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#fallr-wrapper,
#fallr-wrapper * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: Helvetica, Ubuntu, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    color: #555;
    text-shadow: 1px 1px 1px #fff;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
}

#fallr-wrapper {
    position: fixed;
    overflow: hidden;
    background: #f0f0f0;
    border: 1px solid #fff;
    box-shadow: 0 0 5px #111;
    -moz-box-shadow: 0 0 5px #111;
    -webkit-box-shadow: 0 0 5px #111;
}

#fallr-icon {
    position: absolute;
    top: 35px;
    left: 20px;
    height: 64px;
    width: 64px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#fallr {
    position: relative;
    padding: 40px 20px 20px 72px;
}

#fallr-buttons {
    position: relative;
    bottom: 0;
    right: 0;
    margin: 15px;
    clear: both;
    display: block;
    text-align: right;
}

/*  Github button style
    http://nicolasgallagher.com/lab/css3-github-buttons/ 
*/

#fallr-wrapper .fallr-button,
#fallr button,
#fallr input[type="submit"] {
    position: relative; 
    overflow: visible; 
    display: inline-block; 
    padding: 4px 15px; 
    border: 1px solid #d4d4d4; 
    margin-left: 10px;
    margin-top: 10px;
    text-decoration: none; 
    text-shadow: 1px 1px 0 #fff;
    white-space: nowrap; 
    cursor: pointer;
    background-color: #ececec;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    -o-background-clip: padding-box; 
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}

#fallr-wrapper .fallr-button:hover,
#fallr-wrapper .fallr-button:focus,
#fallr button:hover,
#fallr button:focus,
#fallr input[type="submit"]:hover,
#fallr input[type="submit"]:focus {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none; 
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3); 
    color: #fff; 
    background-color: #3C8DDE;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient(#599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}

#fallr-wrapper .fallr-button.fallr-button-danger {
    color: #900;
}

#fallr-wrapper .fallr-button.fallr-button-danger:hover,
#fallr-wrapper .fallr-button.fallr-button-danger:focus {     
    border-color: #b53f3a;
    border-bottom-color: #a0302a;
    color: #fff; 
    background-color: #dc5f59;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dc5f59), to(#b33630));
    background-image: -moz-linear-gradient(#dc5f59, #b33630);
    background-image: -o-linear-gradient(#dc5f59, #b33630);
    background-image: linear-gradient(#dc5f59, #b33630);
}

#fallr abbr {
    border-bottom: 1px dotted #333;
}

#fallr h1, 
#fallr h2,
#fallr h3,
#fallr h4,
#fallr h5,
#fallr h6,
#fallr p,
#fallr form,
#fallr input,
#fallr label {
    margin-bottom: 10px;
}

#fallr h3 {
    font-size: 30px;
    line-height: 45px;
}

#fallr h4 {
    font-size: 25px;
    line-height: 37px;
}

#fallr h5 {
    font-size: 20px;
    line-height: 30px;
}

#fallr input[type="text"],
#fallr input[type="password"], 
#fallr textarea {
    background: #fff;
    border: solid 1px #999;
    color: #777;
    padding: 5px;
    width: 97%;
    box-shadow: inset #bbb 0px 0px 5px;
    -moz-box-shadow: inset #bbb 0px 0px 5px;
    -webkit-box-shadow: inset #bbb 0px 0px 5px; 
}

#fallr ol li, 
#fallr ul li,
#fallr blockquote, 
#fallr q {
    margin-left: 20px;
}

#fallr table {
    border: 1px solid #ddd;
	border-collapse:collapse;
	border-spacing: 0;
	line-height: 1.35em;
	width: 100%;
}

#fallr th, 
#fallr td {
    padding: 10px;
}

#fallr th {
    background-color: #cecece;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#cecece));
    background-image: -moz-linear-gradient(#ececec, #cecece);
    background-image: -o-linear-gradient(#ececec, #cecece);
    background-image: linear-gradient(#ececec, #cecece);
}

/* custom icons */

.icon2-calendar {
    background: url('../img/icons/25x25/dark/day-calendar.png');
}

.icon2-card {
    background: url('../img/icons/25x25/dark/v-card.png');
}

.icon2-check {
    background: url('../img/icons/32x32/task-complete.png');
}

.icon2-config {
    background: url('../img/icons/25x25/dark/tools.png');
}

.icon2-error {
    background: url('../img/icons/25x25/dark/acces-denied-sign.png');
}

.icon2-form {
    background: url('../img/icons/25x25/dark/fountain-pen.png');
}

.icon2-help {
    background: url('../img/icons/25x25/dark/help.png');
}

.icon2-info {
    background: url('../img/icons/25x25/dark/info---about.png');
}

.icon2-lamp {
    background: url('../img/icons/25x25/dark/light-bulb.png');
}

.icon2-mail {
    background: url('../img/icons/25x25/dark/mail.png');
}

.icon2-news {
    background: url('../img/icons/25x25/dark/rss.png');
}

.icon2-photo {
    background: url('../img/icons/25x25/dark/image-file.png');
}

.icon2-save {
    background: url('../img/icons/25x25/dark/folder.png');
}

.icon2-secure {
    background: url('../img/icons/25x25/dark/locked-2.png');
}

.icon2-trash {
    background: url('../img/icons/25x25/dark/trashcan-2.png');
}

.icon2-user {
    background: url('../img/icons/25x25/dark/users-2.png');
}

.icon2-warning {
    background: url('../img/icons/25x25/dark/alert.png');
}

.icon2-wizard {
    background: url('../img/icons/25x25/dark/cog-5.png');
}



/* ********************************************* */
/* The loading screen */

#loading {
	width: 280px;
	height: 177px;
	
	background: url('../img/elements/loading/bg.png');
	
	position: fixed;
	z-index: 999;
	
	top: 50%;
	left: 50%;

	margin-top: -88.5px;
	margin-left: -140px;
	
	text-align: center;
}

#loading:after {
	display: block;
	
	height: 32px;
	width: 32px;
	
	position: absolute;
	left: 50%;
	top: 68px;
	
	margin-left: -16px;
	margin-top: -16px;
	
	background: url('../img/elements/loading/spinner.gif');
	
	content: ' ';
}

#loading-overlay {
	position: fixed;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background: rgba(0,0,0,0.5);
	background: -webkit-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -o-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	
	z-index: 998;
}

#loading span {
	display: inline-block;

	position: relative;
	top: 123px;
}

#uploadPan {
	width: 280px;
	height: 177px;
	
	background: url('../img/elements/loading/bg.png') ;
	
	position: fixed;
	z-index: 999;
	
	top: 50%;
	left: 50%;

	margin-top: -88.5px;
	margin-left: -140px;
	
	text-align: center;
}

#uploadPan span.upload {
	display: block;
	
	cursor: pointer;
	position: absolute;
	left: 132px;
	top: 50px;
	
	font-size: 60px;
	color:#999999;
	
	margin-left: -16px;
	margin-top: -16px;
	
}

#uploadPan span.close {
	display: inline-block;
	position: relative;
	top: 123px;
}







/*
 * Peach - Clean & Smooth Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * =================
 *   Table Styling
 * =================
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Generic
 * 2) Pagination Buttons
 * 3) Sort Icons
 */

/* ==================================================
 * 1) Generic
 * ================================================== */

.table {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

.dataTables_wrapper .top {
	padding: 5px 10px;
	padding-top: 0;
	padding-bottom: 0px;
	background: url("../img/sprites/tables/table-head-bg.png") repeat-x scroll top left #dddddd;
	border-bottom: 1px solid #949494;
}

.dataTables_wrapper .block-actions {
	margin-top: 0;
	line-height: 35px;
	padding-left: 20px;
	padding-right: 20px;
}

.dataTables_wrapper .actions {
	border: none;
	border-top: 1px solid #C8C8C8;
}

.dataTables_wrapper {
	position: relative;
	margin: 0 -10px;
	clear: both;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_wrapper .actions {
	line-height: 25px;
}

.dataTables_length {
	float: left;
	padding-left: 100px;
}

.dataTables_length div.selector {
	width: 70px !important;
}

.dataTables_length div.selector span {
	width: 70px !important;
}

.dataTables_length label {
	margin-left: -100px;
}

.dataTables_length select {
	width: 100px;
}

.dataTables_filter {
	float: right;
	text-align: right;
	padding-left: 100px;
}

.dataTables_filter label {
	margin-left: -100px;
}

.dataTables_filter input {
	width: 150px;
}

.dataTables_info {
	float: left;
}

.dataTables_paginate {
	float: right;
}

.paging_full_numbers {
	
}

.dataTables_wrapper label {
	display: block;
	margin-bottom: 0;
	line-height: 33px;
}

.webkit .dataTables_wrapper label {
	display: inline;
}

.dataTables_length .chzn-container {
	display: inline-block;
	float: right;
    margin-left: 10px;
}

.webkit .dataTables_length .chzn-container {
	width: 62px !important;
}

.webkit .dataTables_length .chzn-drop {
	width: 60px !important;
}

.dataTables_filter input {
	display: inline-block;
	float: right;
    margin: 5px 0 0 10px;
}


.dataTables_length .chzn-container {
	margin-top: 5px;
}

.dataTables_processing {
	background-color: white;
	border: 1px solid #DDDDDD;
	color: #999999;
	font-size: 14px;
	height: 30px;
	left: 50%;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 250px;
}

.table thead {
	background: url("../img/sprites/tables/table-head-bg.png") repeat-x scroll top left #dddddd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #bcbcbc;
}

.table thead th:first-child {
	border-left: none;
}

.table thead th:last-child {
	border-right: none;
}

.table thead th {
	vertical-align: middle;
	text-align: center;
	padding: 8px 13px;
	border-left: 1px solid #fff;
	border-right: 1px solid #c3c3c3;
	cursor: pointer;
}

.table tbody th, .table tbody td, .table tfoot th, .table tfoot td {
	vertical-align: top;
	/*text-align: left;*/
	padding: 7px;
	border-left: 1px dotted #bebebe;
}

.table tbody td {
	background: #f8f8f8;
}

.table tbody th:first-child, .table tbody .th:first-child, .table tbody td:first-child, .table tfoot th:first-child, .table tfoot td:first-child {
	border-left: none;
}

.table tbody tr.even td, .table tbody tr:nth-child(2n) td {
	background: #f0f0f0;
}

.table tbody tr:hover th, .table tbody tr:hover .th, .table tbody tr:hover td {
	background: #e8eaef;
}

table td.center {
	text-align: center;
}

.tabletools {
	text-align: right;
	padding: 5px 8px;
	
	background: url("../img/sprites/tables/table-head-bg.png") repeat-x scroll top left #dddddd;
	border-bottom: 1px solid #cfcfcf;
}

.tabletools:before, .tabletools:after {
	display: table;
	content: '';
}

.tabletools:after {
	clear: both;
}

.tabletools .left {
	float: left;
}

.tabletools .right {
	float: right;
}

.tabletools .left a {
	margin-right: 10px;
}

.tabletools .right a {
	margin-left: 10px;
}

.tabletools a {
	padding: 2px 6px;
	border: 1px solid transparent;
}

.tabletools a:hover {
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2),
				inset 0 1px 0 #fff;
	background: url('../img/elements/table/toolbar/hover.png') repeat-x #f0f2f5;
	border-color: #c5c5c5;
}

.tabletools a:hover:active {
	border-color: transparent;
	background: #e5e7eb;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.53),
				0 1px 0 #fff;
}

.tabletools a i {
	margin-right: 5px;
	font-size: 10px;
}


/* ==================================================
 * 2) Pagination Buttons
 * ================================================== */

.paginate_button, .paginate_active {
	background-color: #ebebeb;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff #b5b5b5 #b5b5b5 #ffffff;
	margin: 0;
	padding: 2px 10px;
	cursor: pointer;
}

.paginate_button_disabled {
	cursor: default;
}

.paginate_active {
	background-color: #2D5580;
	border-color: #123458;
}    

.first {
	border-radius: 3px 0 0 3px;
}

.last {
	border-radius: 0 3px 3px 0;
}






/* ==================================================
 * 3) Sort Icons
 * ================================================== */

.sorting_asc {
	background: url('../img/sprites/tables/arrow-asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../img/sprites/tables/arrow-desc.png') no-repeat center right;
}

.sorting {
	background: url('../img/sprites/tables/arrow-both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: none;
}

.sorting_desc_disabled {
	background: none;
}





/*
 * Peach - Clean & Smooth Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 *
 * =================
 *   Lists Styling
 * =================
 *
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 *
 * 1) Stats List
 * 2) Shortcuts
 * 3) Block List
 * 4) Contact List
 * 5) Activity Stream
 * 6) Steps List
 */

/* ==================================================
 * 1) Stats List
 * ================================================== */
.stats-list {
	list-style: none;
	padding: 0;
	width: 100%;
}

.stats-list li {
	height: 41px;
	line-height: 34px;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	margin-bottom: 5px;
	background: url(../img/sprites/stats-list/bg.png) repeat-x #f4f4f4;
}

.stats-list li:hover {
	background: url(../img/sprites/stats-list/bg-hover.png) repeat-x #fff;
}

.stats-list span {
	display: inline-block;
	float: right;
	background: url(../img/sprites/stats-list/divider.png) bottom left no-repeat;
	padding-left: 10px;
	width: 45px;
	text-align: right;
}

.stats-list a {
	display: block;
	padding: 5px 20px;
}

/* ********************************************* */
/* Top stats */

ul.stats {
	display: table;
	table-layout: fixed;
	margin: 0;
	margin-top: -15px;
	padding: 22px 15px 24px;
	width: 100%;
	background: url('../img/elements/stats/bg.png') repeat-x #3a4454;
	border-bottom: 1px solid #08192e;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul.stats li {
	display: table-cell;
}

ul.stats li strong,ul.stats li small,ul.stats li span {
	display: block;
	text-align: center;
}


/* ==================================================
 * 2) Shortcuts
 * ================================================== */
/*
.shortcuts {
	list-style: none;
	margin: 10px 0;
	margin-bottom: 0;
	padding: 0;
}

.shortcuts li {
	height: 66px;
	display: inline-table;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
	background: url(../img/sprites/shortcuts/bg.png);
	margin-bottom: 10px;
	margin-right: 8px;
	overflow: hidden;
}

.shortcuts li:hover {
	background: url(../img/sprites/shortcuts/bg-hover.png);
}

.shortcut-icon {
	float: left;
	height: 25px;
	padding: 20.5px 15px;
	border-right: 1px solid #c1c1c1;
	background: url(../img/sprites/shortcuts/bg-icon.png);
	position: relative;
}

.shortcut-icon img {
	margin: 0;
	-moz-user-select: none;
}

.shortcut-icon .divider {
	position: absolute;
	right: 0;
	top: 0;
	right: 0;
	width: 17px;
	height: 66px;
	background: url(../img/sprites/shortcuts/shadow-divider.png);
}

.shortcut-description {
	padding-left: 10px;
	margin-left: 35px;
	padding-right: 10px;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
}

.shortcut-description, .shortcut-description:active, .shortcut-description:focus {
	outline: none;
}

.shortcuts strong, .shortcuts span {
	display: block;
}
*/

/* ==================================================
 * 3) Block List
 * ================================================== */

ul.block-list {
	list-style: none;
	list-style-image: none;
	padding: 0;
	margin: 15px 0;
}

ul.block-list li {
	background-color: #e9e9e9;
	padding: 5px 10px;
	margin-bottom: 4px;
	border-radius: 3px 3px 3px 3px;
	cursor: pointer;
}

ul.block-list li:hover {
	background-color: #dfdfdf;
}

ul.block-list.with-icon li {
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 35px;
}

/* ==================================================
 * 4) Contact List
 * ================================================== */

.slider {
	margin-left: -10px;
	margin-right: -10px;
	width: auto;
	min-height: 150px;
	display: block;
	position: relative;
	background: #fafafa;
	overflow: hidden;
}

.slider a:hover {
	text-decoration: underline;
}

.slider ul {
	list-style: none;
}

.slider-content {
	float: left;
	width: auto;
	display: block;
	overflow: auto;
	min-height: 150px;
}

.slider-content ul {
	margin-top: 0;
	margin-left: -40px;
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.slider-content ul li {
	float: left;
	width: 100%;
}

.slider-content ul ul li a {
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #f3f3f3;
	text-transform: capitalize;
}

.slider-content ul ul li a:hover {
	background: #f3faff;
	border-color: #d5ebf9;
}

.slider-content .title {
	padding: 5px 0;
	text-indent: 10px;
	background: url("../img/sprites/contact-list/contactlist-bg.png") repeat-x scroll top left #d9d9d9;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	color: #585858;
	width: 100%;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}

.slider-content .selected .title {
	background: url("../img/sprites/contact-list/contactlist-selected-bg.png") repeat-x scroll top left #d9d9d9;
	color: #fff;
	border-top: 1px solid #2d4259;
	border-bottom: 1px solid #2d4259;
}

.slider .slider-nav {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 2px;
	background: url("../img/sprites/contact-list/contactlist-nav-bg.png") repeat-x scroll top left #e1e1e1;
	min-height: 150px;
	border-left: 1px solid #bbbbbb;
}

.slider .slider-nav ul {
	padding: 5px 0;
}

.slider .slider-nav li a {
	padding: 3px 15px;
	line-height: 13px;
	text-align: center;
	color: #585858;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	cursor: pointer;
}

.slider #debug {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 5px;
	background: #000;
	color: #fff;
}

/*.slider .arrow { font-size: 0px; line-height: 0%; width: 0px; border-bottom:
 * 8px solid #fff; border-left: 5px solid #333; border-right: 5px solid #333;
 * position: relative; top: 5px; }*/
.slider .down {
	border-bottom: none;
	border-top: 8px solid #fff;
	top: 15px;
}

.slider .slide-up, .slider .slide-down {
	height: 20px;
	background: url("../img/sprites/contact-list/contactlist-bg.png") repeat-x scroll top left #d9d9d9;
	text-align: center;
	cursor: pointer;
	float: right;
	width: 100%;
	position: relative;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}

.slider .slide-down {
	border-bottom: none;
}

/* ==================================================
 * 5) Activity Stream
 * ================================================== */

.activity {
	margin: 10px;
	position: relative;
}

.activity.max-width.small .description {
	max-width: 150px;
}

.activity.max-width.medium .description {
	max-width: 300px;
}

.activity.max-width.large  .description {
	max-width: 600px;
}

.activity.fixed.small .description {
	width: 150px;
}

.activity.fixed.medium .description {
	width: 300px;
}

.activity.fixed.large .description {
	width: 600px;
}

.activity.fixed.equal {
}

.activity .avatar {
	display: inline-block;
	height: 52px;
	width: 52px;
	border: 1px solid #b7b7b7;
	border-radius: 3px;
	padding: 5px;
	
	position: absolute;
	top: 50%;
	margin-top: -32px;

	-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.33), inset 1px 1px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.33), inset 1px 1px 0px rgba(255,255,255,0.75);
	box-shadow: 1px 2px 5px rgba(0,0,0,0.33), inset 1px 1px 0px rgba(255,255,255,0.75);
}

.activity .description {
	position: relative;
	left: 72px;
	display: inline-block;
	border-radius: 3px;
	background: url(../img/sprites/activity-stream/bg-description.png) repeat-x #f3f3f3;
	border: 1px solid #b7b7b7;
	padding: 15px;
	padding-right: 30px;
}

.activity .description small {
	display: block;
}

.activity .description span {
	position: absolute;
	width: 8px;
	height: 13px;
	background: url(../img/sprites/activity-stream/arrow.png);
	display: block;
	left: -8px;
	margin-top: -6.5px;
	top: 50%;
}

.activity .toolbar {
	float: right;
	border-left: 1px solid #b7b7b7;
	background: url(../img/sprites/activity-stream/bg-toolbar.png) repeat-x #d7d7d7;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	
	padding: 2px;

	-webkit-box-shadow: inset 1px 1px 0px #fff;
	-moz-box-shadow: inset 1px 1px 0px #fff;
	box-shadow: inset 1px 1px 0px #fff;
}

.activity .toolbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	height: 100%;
}

.activity .toolbar li {
	margin: 2px 0;
	display: table-row;
}

.activity .toolbar li  a {
	display: table-cell;
	vertical-align: middle;
}

/* ==================================================
 * 6) Steps List
 * ================================================== */

.step {
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	margin: 8px;
	margin-right: 0;
	position: relative;
	float: left;
	display: inline-block;
	background: url(../img/sprites/steps/bg-left.png) repeat-x #ededed;
	-webkit-box-shadow: 1px 1px 0px rgba(255,255,255,0.75);
	-moz-box-shadow: 1px 1px 0px rgba(255,255,255,0.75);
	box-shadow: 1px 1px 0px rgba(255,255,255,0.75);
}

.step:last-child {
	margin-right: 8px;
}

.step:active {
	background: url(../img/sprites/steps/active/bg-left.png) repeat-x #f9f9f9;
}

.step .circle {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 20px;
	width: 19px;
	height: 40px;
	background: url(../img/sprites/steps/circle.png);
	z-index: 90;
}

.step:active .circle {
	background: url(../img/sprites/steps/active/circle.png);
}

.step span {
	display: block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	border: 1px solid #c9c9c9;
	line-height: 24px;
	position: absolute;
	top: 50%;
	left: 7px;
	margin-top: -13px;
	float: left;
	z-index: 100;
}

.step a {
	padding: 20px 40px;
	margin-left: 20px;
	float: left;
	padding-left: 30px;
	background: url(../img/sprites/steps/bg-right.png) repeat-x #f8f8f8;
	border-left: 1px solid #c9c9c9;
	border-radius: 0 3px 3px 0;
}

.step:hover a {
	background: url(../img/sprites/steps/active/bg-right.png) repeat-x #fff;
}

.step strong {
	display: block;
}






/*
 * Peach - Clean & Smooth Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * ===================
 *   Gallery Styling
 * ===================
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) Generic
 * 2) prettyPhoto
 */

/* ==================================================
 * 1) Generic
 * ================================================== */

.gallery {
	margin: 10px;
	padding: 0;
}

.gallery > li {
	position: relative;
	display: inline-block;
	list-style: none;
	border: 1px solid #C0C0C0;
	padding: 2px;
	box-shadow: 0 0 2px rgba(0,0,0,0.25);
}

.gallery .action-list {
	background: rgba(0,0,0,0.65);
	padding: 10px;
	margin: 0;
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	display: table-cell;
	vertical-align: middle;
}

.gallery .action-list li {
	margin: 10px 0;
	color: #fff;
	list-style: none;
}

.gallery .action-list li a {
	color: #fff;
}

.gallery .action-list li:first-child {
	font-weight: bold;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

/* ********************************************* */
/* Badges */

.badge {
	padding: 2px 8px;

	border: 1px solid #1e4777;
	border-radius: 3px;
	/*
	box-shadow: 0 0 5px rgba(0,0,0,0.76),
				inset 0 1px 0 rgba(255,255,255,0.45);
				*/
	background: url('../img/elements/badges/blue.png') repeat-x #4685c7;
	
	cursor: default;
}

.badge.blue.light {
	background: url('../img/elements/badges/blue-light.png') repeat-x #469dc7;
}

.badge.blue.dark {
	background: url('../img/elements/badges/blue-dark.png') repeat-x #1d68c0;
}

.badge.green {
	border: 1px solid #1d5d1c;
	background: url('../img/elements/badges/green.png') repeat-x #40913f;
}

.badge.orange {
	border: 1px solid #a45c0c;
	background: url('../img/elements/badges/orange.png') repeat-x #d46213;
}

.badge.red {
	border: 1px solid #931616;
	background: url('../img/elements/badges/red.png') repeat-x #b32626;
}


.badge.block {
	display: inline-block;
	margin: 5px;
}



/* ==================================================
 * 2) PrettyPhoto
 * ================================================== */

div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
	height: 13px;
}

div.pp_default .pp_top .pp_left {
	background: url(../img/external/prettyPhoto/default/sprite.png) -78px -93px no-repeat;
} /* Top left corner */

div.pp_default .pp_top .pp_middle {
	background: url(../img/external/prettyPhoto/default/sprite_x.png) top left repeat-x;
} /* Top pattern/color */

div.pp_default .pp_top .pp_right {
	background: url(../img/external/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
} /* Top right corner */

div.pp_default .pp_content .ppt {
	color: #f8f8f8;
}

div.pp_default .pp_content_container .pp_left {
	background: url(../img/external/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
	padding-left: 13px;
}

div.pp_default .pp_content_container .pp_right {
	background: url(../img/external/prettyPhoto/default/sprite_y.png) top right repeat-y;
	padding-right: 13px;
}

div.pp_default .pp_content {
	background-color: #fff;
} /* Content background */

div.pp_default .pp_next:hover {
	background: url(../img/external/prettyPhoto/default/sprite_next.png) center right no-repeat;
	cursor: pointer;
} /* Next button */

div.pp_default .pp_previous:hover {
	background: url(../img/external/prettyPhoto/default/sprite_prev.png) center left no-repeat;
	cursor: pointer;
} /* Previous button */

div.pp_default .pp_expand {
	background: url(../img/external/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px;
} /* Expand button */

div.pp_default .pp_expand:hover {
	background: url(../img/external/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
	cursor: pointer;
} /* Expand button hover */

div.pp_default .pp_contract {
	background: url(../img/external/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px;
} /* Contract button */

div.pp_default .pp_contract:hover {
	background: url(../img/external/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
	cursor: pointer;
} /* Contract button hover */

div.pp_default .pp_close {
	width: 30px;
	height: 30px;
	background: url(../img/external/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
	cursor: pointer;
} /* Close button */

div.pp_default #pp_full_res .pp_inline {
	color: #000;
}

div.pp_default .pp_gallery ul li a {
	background: url(../img/external/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
	border: 1px solid #aaa;
}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
	border-color: #fff;
}

div.pp_default .pp_social {
	margin-top: 7px;
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
	position: static;
	left: auto;
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
	background: url(../img/external/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
	height: 30px;
	width: 30px;
}

div.pp_default .pp_nav .pp_pause {
	background-position: -51px -29px;
}

div.pp_default .pp_details {
	position: relative;
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
	background: url(../img/external/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
	height: 20px;
	margin: 4px 0 0 0;
	width: 20px;
}

div.pp_default a.pp_arrow_next {
	left: 52px;
	background-position: -82px -3px;
} /* The next arrow in the bottom nav */

div.pp_default .pp_content_container .pp_details {
	margin-top: 5px;
}

div.pp_default .pp_nav {
	clear: none;
	height: 30px;
	width: 110px;
	position: relative;
}

div.pp_default .pp_nav .currentTextHolder {
	font-family: Georgia;
	font-style: italic;
	color: #999;
	font-size: 11px;
	left: 75px;
	line-height: 25px;
	margin: 0;
	padding: 0 0 0 10px;
	position: absolute;
	top: 2px;
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
	opacity: 0.7;
}

div.pp_default .pp_description {
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	margin: 5px 50px 5px 0;
}

div.pp_default .pp_bottom .pp_left {
	background: url(../img/external/prettyPhoto/default/sprite.png) -78px -127px no-repeat;
} /* Bottom left corner */

div.pp_default .pp_bottom .pp_middle {
	background: url(../img/external/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
} /* Bottom pattern/color */

div.pp_default .pp_bottom .pp_right {
	background: url(../img/external/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
} /* Bottom right corner */

div.pp_default .pp_loaderIcon {
	background: url(../img/external/prettyPhoto/default/loader.gif) center center no-repeat;
} /* Loader icon */







/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }

div.pp_overlay {
	background: #000;
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 9500;
}

div.pp_pic_holder {
	display: none;
	position: absolute;
	width: 100px;
	z-index: 10000;
}

	
.pp_top {
	height: 20px;
	position: relative;
}
	* html .pp_top { padding: 0 20px; }

	.pp_top .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_top .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
		* html .pp_top .pp_middle {
			left: 0;
			position: static;
		}
	
	.pp_top .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}

.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }

.pp_fade { display: none; }

.pp_content_container {
	position: relative;
	text-align: left;
	width: 100%;
}

	.pp_content_container .pp_left { padding-left: 20px; }
	.pp_content_container .pp_right { padding-right: 20px; }

	.pp_content_container .pp_details {
		float: left;
		margin: 10px 0 2px 0;
	}
		.pp_description {
			display: none;
			margin: 0;
		}
		
		.pp_social { float: left; margin: 0; }
		.pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; }
		.pp_social .twitter { float: left; }
		
		.pp_nav {
			clear: right;
			float: left;
			margin: 3px 10px 0 0;
		}
		
			.pp_nav p {
				float: left;
				margin: 2px 4px;
				white-space: nowrap;
			}
			
			.pp_nav .pp_play,
			.pp_nav .pp_pause {
				float: left;
				margin-right: 4px;
				text-indent: -10000px;
			}
		
			a.pp_arrow_previous,
			a.pp_arrow_next {
				display: block;
				float: left;
				height: 15px;
				margin-top: 3px;
				overflow: hidden;
				text-indent: -10000px;
				width: 14px;
			}

.pp_hoverContainer {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2000;
}

.pp_gallery {
	display: none;
	left: 50%;
	margin-top: -50px;
	position: absolute;
	z-index: 10000;
}

	.pp_gallery div {
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.pp_gallery ul {
		float: left;
		height: 35px;
		margin: 0 0 0 5px;
		padding: 0;
		position: relative;
		white-space: nowrap;
	}
	
	.pp_gallery ul a {
		border: 1px #000 solid;
		border: 1px rgba(0,0,0,0.5) solid;
		display: block;
		float: left;
		height: 33px;
		overflow: hidden;
	}
	
	.pp_gallery ul a:hover,
	.pp_gallery li.selected a { border-color: #fff; }
	
	.pp_gallery ul a img { border: 0; }
	
	.pp_gallery li {
		display: block;
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	.pp_gallery li.default a {
		background: url(../img/external/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
		display: block;
		height: 33px;
		width: 50px;
	}
	
	.pp_gallery li.default a img { display: none; }
	
	.pp_gallery .pp_arrow_previous,
	.pp_gallery .pp_arrow_next {
		margin-top: 7px !important;
	}

a.pp_next {
	background: url(../img/external/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: right;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}
	
a.pp_previous {
	background: url(../img/external/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
	display: block;
	float: left;
	height: 100%;
	text-indent: -10000px;
	width: 49%;
}

a.pp_expand,
a.pp_contract {
	cursor: pointer;
	display: none;
	height: 20px;	
	position: absolute;
	right: 30px;
	text-indent: -10000px;
	top: 10px;
	width: 20px;
	z-index: 20000;
}
	
a.pp_close {
	position: absolute; right: 0; top: 0; 
	display: block;
	line-height:22px;
	text-indent: -10000px;
}

.pp_bottom {
	height: 20px;
	position: relative;
}
	* html .pp_bottom { padding: 0 20px; }
	
	.pp_bottom .pp_left {
		height: 20px;
		left: 0;
		position: absolute;
		width: 20px;
	}
	.pp_bottom .pp_middle {
		height: 20px;
		left: 20px;
		position: absolute;
		right: 20px;
	}
		* html .pp_bottom .pp_middle {
			left: 0;
			position: static;
		}
		
	.pp_bottom .pp_right {
		height: 20px;
		left: auto;
		position: absolute;
		right: 0;
		top: 0;
		width: 20px;
	}

.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}

#pp_full_res {
	line-height: 1 !important;
}

	#pp_full_res .pp_inline {
		text-align: left;
	}
	
		#pp_full_res .pp_inline p { margin: 0 0 15px 0; }

div.ppt {
	color: #fff;
	display: none;
	font-size: 17px;
	margin: 0 0 5px 15px;
	z-index: 9999;
}
		
		




/*
 * Peach - Clean & Smooth Admin Template
 * by Stammi <http://themeforest.net/user/Stammi>
 * 
 * ==================
 *   Sprite: Wizard
 * ==================
 * 
 * -----------------
 * TABLE OF CONTENTS
 * -----------------
 * 
 * 1) General Styling
 * 2) Steps Bar
 * 3) Sidebar
 * 4) Content
 */

/* ==================================================
 * 1) General Styling
 * ================================================== */

.wizard
{
	font-size: 13px;
}

.wizard .content > * {
	display: none;
}

.wizard .content > *:first-child, .wizard .content > *:nth-child(2) {
	display: block;
}

.wizard .steps {
	margin: 0 -10px;
	padding: 0;
	
	clear: both;
	
	border-bottom: 1px solid #c2c2c2;
	background: url(../img/elements/wizard/bg.png);
}

.wizard .steps:after {
    clear: both;
}

.wizard .steps:before, .wizard .steps:after {
    content: "";
    display: table;
}

.wizard .steps:before, .wizard .steps:after {
    content: "";
    display: table;
}

.wizard .steps li {
	display: inline;
	float: left;
}

.wizard .steps li a {
	display: inline;
	float: left;
	position: relative;
	
	padding: 9.5px 15px;
	padding-left: 30px;
	margin: -1px;
		
	background: url(../img/elements/wizard/bg-normal.png);
	border: 1px solid #9d9d9d;
	border-left: none;
	
	text-decoration: none;
}

.wizard .steps li:first-child a {
	border-left: 1px solid #9d9d9d;
	padding-left: 15px;
}

.wizard .steps li a.current {
	background: url(../img/elements/wizard/bg-current.png);
	border-color: #225289;
}

.wizard .steps li a.error {
	background: url(../img/elements/wizard/bg-error.png);
	border-color: #5f2424;
}

.wizard .steps li a.success {
	background: url(../img/elements/wizard/bg-success.png);
	border-color: #3e6638;
}

.wizard .steps li a:after {
	display: block;
	content: ' ';
	position: absolute;
	
	height: 35px;
	width: 16px;
	
	right: -15px;
	top: -1px;;
	
	background: url(../img/elements/wizard/arrow-normal.png);
	
	z-index: 1;
}

.wizard .steps li a.current:after {
	background: url(../img/elements/wizard/arrow-current.png);
}

.wizard .steps li a.error:after {
	background: url(../img/elements/wizard/arrow-error.png);
}

.wizard .steps li a.success:after {
	background: url(../img/elements/wizard/arrow-success.png);
}

.wizard .actions .finish {
	display: none;
}




/* ********************************************* */
/* Charts */

.chart {
	margin: 10px 0;
}

.legend {
	text-align: right;
	height: 25px;
}

.legend table{
	float: right;
}

.legend tr {
	display: inline-block;
	margin-left: 15px;
}

.legend .legendColorBox {
	vertical-align: center !important;
}

.legend .legendColorBox > div {
	border: none !important;
}

.legend .legendColorBox > div > div {
	margin: 5px 0;
	width: 20px !important;
	border-width: 1px !important;
}

.chart-tooltip {
	position: absolute;
	display: none;

	padding: 2px 10px;
	z-index: 9999;
	
	background: url('../img/elements/charts/hover-bg.png') repeat-x #e9edf0;
	border: 1px solid #aeaeae;
	border-radius: 3px;
}


/* ********************************************* */
/* Pricing Tables */

.pricing {
	display: inline;
	float: left;
	
	margin: 0 1%;
	margin-bottom: 20px;

	width: 200px;
	
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.22);
	text-align: left;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.pricing.featured {
	position:relative;
	
	top: -5px;

	border: 5px solid #374151;
}

.pricing .title {
	padding: 3px;

	background: url('../img/elements/pricing/title-bg.png') repeat-x #202c3b;
	border: 1px solid #121f30;
	border-radius: 3px 3px 0 0;
	
	text-align: center;
}

.pricing.featured .title {
	border-radius: 0;
}

.pricing .price {
	padding: 10px 0;

	background: url('../img/elements/pricing/price-bg.png') repeat-x #e9ecf1;
	border: 1px solid #c8c8c8;
	border-bottom: none;
}

.pricing .price .left {
	float: left;
	width: 50%;
}

.pricing .price .right {
	float: right;
	width: 50%;
	text-align: center;
}

.pricing .price:after {
    clear: both;
}

.pricing .price:before, .pricing .price:after {
    content: "";
    display: table;
}

.pricing .price:before, .pricing .price:after {
    content: "";
    display: table;
}

.pricing .price strong {
	display: block;

	text-align: center;
}

.pricing .price small {
	display: block;

	text-align: center;
}

.pricing .price a.button {
	margin: 0 auto;
}

.pricing.current .price {
	background: url('../img/elements/pricing/price-current-bg.png') repeat-x #f8f8f9;
}

.pricing .info {
	padding: 0;
	margin: 0;
	
	border: 1px solid #c8c8c8;
	border-radius: 0 0 3px 3px;
}

.pricing .info li {
	position: relative;
	list-style: none;
	border-bottom: 1px solid #dfdfdf;
}

.pricing .info li:last-child {
	border-bottom: none;
}

.pricing .info li img {
	position: absolute;
	padding: 10px;
	border-right: 1px solid #dfdfdf;
}

.pricing .info li span {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 36px;
	text-align: center;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.pricing.current .info {
	background: #f6f6f6;
}

.pricing.featured .info {
	border-radius: 0;
}


/* ********************************************* */
/* Full Statistics */

.full-stats {
	display: inline;
	float: left;
	
	margin: 0 1%;
	margin-bottom: 20px;
	
	text-align: left;
}

.full-stats.flexiwidth {
	display: block;
	float: none;
	margin: 0 0 20px;
}

.full-stats h2 {
	padding: 0;
	padding-bottom: 5px;

	color: #0d1d31;
	font-size: 14px;
}

.full-stats h2.center {
	text-align: center;
}

.full-stats div {
	cursor: default;
}

.full-stats .stat {
	display: block;
	overflow: hidden;
	
	background: #fff;
	box-shadow: 0 1px 0px rgba(0,0,0,0.11);

	border-radius: 3px;
	border: 1px solid #cdcdcd;
	border-bottom-color: #a8a8a8;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.full-stats .stat.margin-top {
	margin-top: 23px;
}

.full-stats a {
	text-decoration: none;
}

.full-stats .stat {
	padding: 15px;
}

/* Simple */
.stat.simple {
	padding: 10px 30px;
	text-align: center;
}

.stat.simple .title {
	margin: 5px 0;
}

.stat.simple .value {
	margin: 5px 0;
}

.stat.simple.link:hover {
	background: url('../img/elements/fullstats/simple/a-hover.png') repeat-x #f5f6f6;
}

.stat.simple.link:hover:active {
	background: url('../img/elements/fullstats/simple/a-active.png') repeat-x #fff;
	box-shadow: 0 2px 2px rgba(0,0,0,0.11),
				inset 0 2px 5px rgba(0,0,0,0.19);
}

.stat.simple.link div {
	cursor: pointer;
}

/* Load */
.stat.load {
	position: relative;
}

.stat.load {
	padding: 0 40px;
}

.stat.load .value {
	margin-top: 30px;
	margin-bottom: 10px;

	text-align: center;
}

.stat.load .bg {
	width: 119px;
	height: 54px;
	
	margin-bottom: 49px;
	
	background: url('../img/elements/fullstats/load/bg.png');
}

.stat.load .gauge {
	position: absolute;

	width: 46px;
	height: 18px;
	
	left: 50%;
	margin-left: -37px;
	top: 100px;
	
	background: url('../img/elements/fullstats/load/gauge.png');
	
	-webkit-transform-origin: 37px 50%;
	-moz-transform-origin: 37px 50%;
	-o-transform-origin: 37px 50%;
	-ms-transform-origin: 37px 50%;
	transform-origin: 37px 50%;
}

.stat.load .min {
	position: absolute;
	top: 120px;
	left: 35px;
}

.stat.load .max {
	position: absolute;
	top: 120px;
	right: 20px;
}

/* Level */
.stat.level  {
	position: relative;
}

.stat.level .gauge-container {
	position: relative;

	height: 110px;
	width: 50px;
	
	margin-top: 21px;
	margin-right: 75px;
	
	background: url('../img/elements/fullstats/level/container-bg.png') repeat-x #e3e3e3;
	
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	box-shadow: inset 0 3px 3px rgba(0,0,0,0.15);
}

.stat.level .gauge {
	position: absolute;
	
	left: -1px;
	right: -1px;
	bottom: -1px;
	
	background: url('../img/elements/fullstats/level/gauge-bg.png');
	border-radius: 0 0 3px 3px;
	border: 1px solid #215494;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.33);
}

.stat.level .gauge.full {
	border-radius: 3px;
}

.stat.level .max {
	position: absolute;
	
	top: 10px;
	left: 15px;
}

.stat.level .info {
	position: absolute;
	
	left: 90px;
	
	margin-top: -6px;
	
	width: 70px;
}

.stat.level .info:after {
	display: block;
	position: absolute;
	
	height: 10px;
	width: 9px;
	
	left: -16px;
	top: 3px;
	
	background: url('../img/elements/fullstats/level/info-arrow.png');
	content: '';
}

/* Pillar */
.stat.pillar .pillar-container {
	height: 131px;
	width: 50px;
	
	margin-right: 85px;

	border: 1px solid #111111;
	border-radius: 3px;
}

.stat.pillar .inner {
	position: relative;
	
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.37);
	border-bottom: 1px solid #000;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.stat.pillar .inner:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.stat.pillar .inner:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: none;
}

.stat.pillar .inner.red {
	background: url('../img/elements/fullstats/pillar/red-bg.png');
}

.stat.pillar .inner.yellow {
	background: url('../img/elements/fullstats/pillar/yellow-bg.png');
}

.stat.pillar .inner.green {
	background: url('../img/elements/fullstats/pillar/green-bg.png');
}

.stat.pillar .value {
	position: absolute;
	
	left: 70px;
	top: 50%;
	margin-top: -10px;
	padding-right: 15px;
	
	font-size: 16px;
	font-weight: bold;
}

.stat.pillar .title {
	position: absolute;
	
	left: 100px;
	top: 50%;
	margin-top: -8px;
	
	font-size: 12px;
	color: #575757;
}

/* Circular */
.stat.circular {
	position: relative;
}

.stat.circular canvas {
	display: block;

	height: 88px;
	width: 88px;
	
	margin: 0 auto;
}

.stat.circular > .value {
	position: absolute;
	
	left: 0;
	right: 0;
	top: 48px;
	
	text-align: center;
}


.circular-bg {
	color: #c0d0e5;
}

.circular-fg {
	color: #1a4a81;
}


.circular-bg.grey {
	color: #dadada;
}

.circular-fg.grey {
	color: #676767;
}


.circular-bg.red {
	color: #e5c0c0;
}

.circular-fg.red {
	color: #811a1a;
}


.circular-bg.green {
	color: #c4e5c0;
}

.circular-fg.green {
	color: #1a811c;
}

.stat.circular ul {
	display: table;
	
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

.stat.circular li {
	display: table-row;

	list-style: none;
	
	font-size: 12px;
	font-weight: bold;
}

.stat.circular li span {
	display: table-cell;
}

.stat.circular li .title {
	padding-right: 25px;
	padding-left: 15px;
}

.stat.circular li.pos .title {
	background: url('../img/elements/fullstats/circular/arrow-green.png') no-repeat 0 50%;
}

.stat.circular li.neg .title {
	background: url('../img/elements/fullstats/circular/arrow-red.png') no-repeat 0 50%;
}

.stat.circular li.neutr .title {
	background: url('../img/elements/fullstats/circular/arrow-grey.png') no-repeat 0 50%;
}

.stat.circular li .value {
	text-align: right;
}

.stat.circular li .percent {
	padding-left: 20px;

	text-align: right;
}

/* Uptime */
.stat.uptime {
	
}

.stat.uptime .overview {
	display: table;
	margin-top: 8px;
}

.stat.uptime  .server{
	display: table-row;
}

.stat.uptime .server .status, .stat.uptime .server .name {
	display: table-cell;
	
	padding-bottom: 15px;
}

.stat.uptime .server .status {
	padding-left: 40px;
}

.stat.uptime .server .status.online {
	background: url('../img/elements/fullstats/uptime/arrow-green.png') no-repeat 2px 0;
}

.stat.uptime .server .status.offline {
	background: url('../img/elements/fullstats/uptime/arrow-red.png') no-repeat 2px 0;
}

.stat.uptime .server .name {
	padding-left: 40px;
}

.stat.uptime .info {
	margin-top: 8px;
}

.stat.uptime .info:after {
    clear: both;
}

.stat.uptime .info:before, .stat.uptime .info:after {
    content: "";
    display: table;
}

.stat.uptime .info:before, .stat.uptime .info:after {
    content: "";
    display: table;
}

.stat.uptime .info .left, .stat.uptime .info .right {
	float: left;
	width: 50%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.stat.uptime .info .left {
	padding-right: 10px;
}

.stat.uptime .info .right {
	padding-left: 10px;
	border-left: 1px solid #d5d5d5;
}

/* List */
.stat.list ul {
	padding: 0;
	margin: 0;
}

.stat.list li {
	position: relative;

	margin: 9px 0;
	padding: 5px 0;
	
	border: 1px solid transparent;
	
	list-style: none;
}

.stat.list li.link:hover {
	border: 1px solid #d9dcdf;
	border-radius: 3px;
	background: url('../img/elements/fullstats/list/hover-bg.png') repeat-x #f3f4f4;
}

.stat.list li:after {
	display: block;
	position: absolute;
	
	width: 100%;
	bottom: -5px;
	
	height: 1px;
	background: #c7c7c7;
	
	content: '';
}

.stat.list li > *:before {
	display: block;
	position: absolute;
	
	height: 13px;
	width: 12px;
	
	left: 10px;
	top: 50%;
	margin-top: -6px;
	
	content: '';
	background: url('../img/elements/fullstats/list/arrow-grey.png') no-repeat;
}

.stat.list li.up.green > *:before {
	background-image: url('../img/elements/fullstats/list/arrow-green-up.png');
}

.stat.list li.down.green > *:before {
	background-image: url('../img/elements/fullstats/list/arrow-green-down.png');

}

.stat.list li.up.red > *:before {
	background-image: url('../img/elements/fullstats/list/arrow-red-up.png');

}

.stat.list li.down.red > *:before {
	background-image: url('../img/elements/fullstats/list/arrow-red-down.png');

}

.stat.list li a div {
	cursor: pointer;
}

.stat.list li:first-child {
	margin-top: 0;
}

.stat.list li:last-child {
	margin-bottom: 0;
}

.stat.list li:last-child:after {
	display: none;
}

.stat.list li .value, .stat.list li .title {
	display: inline-block;
}

.stat.list li .value {
	padding-left: 40px;
	text-align: right;
}

.stat.list li .title {
	padding-left: 20px;
	padding-right: 10px;
}

/* Horizontal List */
.stat.hlist ul {
	margin: 0;
	padding: 0;
}

.stat.hlist li {
	float: left;

	padding: 0 30px;
	
	border-left: 1px solid #D9DCDF;
	
	list-style: none;
	text-align: center;
}

.flexiwidth .stat.hlist li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.stat.hlist li:first-child {
	border-left: none;
}

.stat.hlist .title {
	margin: 5px 0;
}

.stat.hlist .value {
	margin: 5px 0;
}

.stat.hlist.link div {
	cursor: pointer;
}


/* Minichart */
.stat.minichart:after {
    clear: both;
}

.stat.minichart:before, .stat.minichart:after {
    content: "";
    display: table;
}

.stat.minichart:before, .stat.minichart:after {
    content: "";
    display: table;
}

.stat.minichart .left, .stat.minichart .right {
	padding: 0 15px;
}

.stat.minichart .left {
	float: left;
	padding-right: 20px;
	
	text-align: center;
}

.stat.minichart .title {
	margin: 5px 0;
}

.stat.minichart .total {
	margin: 5px 0;
}

.stat.minichart .right {
	float: right;
	padding-left: 20px;
	border-left: 1px solid #d9dcdf;
}

.stat.minichart .minichart {
	padding-bottom: 5px;
	padding-top: 8px;
}

.stat.minichart .change {
	position: relative;
	padding-left: 15px;
}

.stat.minichart .change:after {
	display: block;
	position: absolute;
	
	height: 13px;
	width: 12px;
	
	left: -2px;
	top: 50%;
	margin-top: -5px;
	
	content: '';
}

.stat.minichart .change.green:after {
	background: url('../img/elements/fullstats/minichart/arrow-green.png') no-repeat;
}

.stat.minichart .change.grey:after {
	background: url('../img/elements/fullstats/minichart/arrow-grey.png') no-repeat;
}

.stat.minichart .change.red:after {
	background: url('../img/elements/fullstats/minichart/arrow-red.png') no-repeat;
}



/* UI DIALOG */

.ui-dialog .actions:before, .ui-dialog .actions:after {
	display: table;
	content: '';
}

.ui-dialog .actions:after {
	clear: both;
}

.ui-dialog .actions {
	/*
	width: 100%;
	position: relative;
	left: -25px;
	bottom: -10px;
	*/
	
	padding: 10px 25px;
	
	overflow: hidden;
	
	background: #f0f0f0;
	border-top: 1px solid #d7d7d7;
	border-radius: 0 0 2px 2px;
}

.ui-dialog .ui-dialog-buttonpane {
	margin: 0;
	
	background: #f0f0f0;
	border-top: 1px solid #d7d7d7;
	border-radius: 0 0 2px 2px;
}

.ui-dialog .actions .left {
	float: left;
}

.ui-dialog .actions .right {
	float: right;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0px !important; 
	
    background: none;
    overflow: visible !important;
    zoom: 1;
}

.ui-dialog .header.button {
	position: absolute;
	top: -39px;
}

.ui-dialog .header.button.right {
	right: 1px;
}

.ui-dialog .header.button.left {
	left: 5px;
}

.ui-widget-overlay {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background: #ffffaa;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43MyIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -webkit-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -moz-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -o-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: -ms-radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	background: radial-gradient(50% 50% , ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%) repeat scroll 0 0 transparent;
	
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	width: auto !important;
	height: auto !important;
}

/* ********************************************* */
/* Lock screen */

#lock-screen {
	display: none; /* Hide initially */
}

#lock-screen .actions {
	height: 50px;
	width: auto;
	
	left: 0;
	
	padding: 0;
	margin: 0 -25px;
}

#slide_to_unlock {
	position: absolute;
	height: 34px;
	bottom: 5px;
	left: 68px;
	right: 68px;
	
	padding: 2px 1px;
	padding-right: 2px;
	
	border: 1px solid #a3acb7;
	border-top-color: #8F8F8F;
	border-radius: 6px;

	box-shadow: 0 1px 0px #CFCFCF inset;
	
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top,  #f0f0f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	
	cursor: default;
	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#slide_to_unlock img {
	z-index: 101;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

#slide_to_unlock span {
	position: relative;
	right: -35px;
	top: 3px;
	
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: default;
}

#lock-screen form {
	display: none;
	padding: 12px 25px;
	margin: 5px 25px;
}

#lock-screen p {
	padding-left: 5px;
	padding-right: 5px;
}

#lock-screen form input[type=password] {
	width: 189px;
}


/* ********************************************* */
/* Settings dialog */

.ui-dialog .settings-header ul {
	font-size: 12px;
	height: 23px;
	padding: 0;
	margin: 7px 0;
	margin-right: 6px;
    margin-top: 6px;
	/*float: right;*/
}

.ie .header ul {
	overflow: hidden;
	border-radius: 5px;
}

.ui-dialog .settings-header ul li {
	display: inline;
	list-style: none;
}

.ui-dialog .settings-header ul li a {
	padding: 0 10px;
	margin: 0;
	border-bottom: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	/* Gradient */
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f7f7f7 80%, #ededed 96%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(80%,#f7f7f7), color-stop(96%,#ededed), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(top,  #fefefe 0%,#f7f7f7 80%,#ededed 96%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.ui-dialog .settings-header ul li:first-child a {
	border-radius: 5px 0 0 5px;
	border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
}

.ui-dialog .settings-header ul li:last-child a {
	border-radius: 0 5px 5px 0;
	border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
}

.ui-dialog .settings-header ul li.current a {
	background: rgb(46,86,129); /* Old browsers */
	background: rgb(46,86,129); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(46,86,129,1) 0%, rgba(88,130,175,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,86,129,1)), color-stop(100%,rgba(88,130,175,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(46,86,129,1) 0%,rgba(88,130,175,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e5681', endColorstr='#5882af',GradientType=0 ); /* IE6-9 */
	 -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
	/* The inset shadow */
	-webkit-box-shadow: inset 0px 0px 3px 0px #000;
	-moz-box-shadow: inset 0px 0px 3px 0px #000;
	box-shadow: inset 0px 0px 3px 0px #000;
}

.ui-dialog .settings-header ul li a {
	line-height: 21px;
	display: block;
	float: left;
}

.ui-dialog .settings-header ul li a span {
	margin-left: 5px;
}

.ui-dialog .settings-header ul li.current a {
	color: #FFFFFF;
}

/*
.ui-dialog .settings-header {
	position: relative;

	background: url('../img/elements/settings/header-bg.png') repeat-x #b2beca;
	border-bottom: 1px solid #97a6b5;
	text-align: left;
	
	padding: 0;
	
	z-index: 1005;
}

.ui-dialog .settings-header .tabs {
	margin: 0;
	padding: 0;
	
	position:relative;
	overflow: hidden;
}

.ui-dialog .settings-header .tabs.disabled:after {
	display: block;
	position: absolute;
	
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	content: '';
	background: rgba(255,255,255,0.64);
}

.ui-dialog .settings-header .tabs li {
	list-style: none;
}

.ui-dialog .settings-header .tabs li a {
	float: left;
	position: relative;
	
	padding: 10px 20px;
	
	text-decoration: none;
}

.ui-dialog .settings-header .tabs li a:hover {
	background: url('../img/elements/settings/header-hover-bg.png') repeat-x #ccd6df;
}

.ui-dialog .settings-header .tabs li.current a {
	background: url('../img/elements/settings/header-current-bg.png') repeat-x #9ca8b3;
}

.ui-dialog .settings-header .tabs:not(.center-elements) li.current:first-child a span:before {
	display: none;
}

.ui-dialog .settings-header .tabs li.current a span:before {
	display: block;
	position: absolute;
	content: '';
	
	left: 0;
	bottom: -4px;
	
	width: 5px;
	height: 73px;
	
	background: url('../img/elements/settings/seperator-current-left.png') no-repeat;
}

.ui-dialog .settings-header .tabs li.current a span:after {
	display: block;
	position: absolute;
	content: '';
	
	right: 1px;
	bottom: -4px;
	
	width: 5px;
	height: 73px;
	
	background: url('../img/elements/settings/seperator-current-right.png') no-repeat;
}

.ui-dialog .settings-header .tabs li a:after {
	display: block;
	position: absolute;
	content: '';
	
	top: 0;
	right: 0;
	
	width: 1px;
	height: 100%;
	
	background: url('../img/elements/settings/seperator.png') repeat-x #98a7b6;
}

.ui-dialog .settings-header .tabs li img {
	display: block;
	margin: 0 auto;
}
*/

#settings {
	position: relative;
	display: none;
	padding: 25px;
	width: 500px;
}

#settings .content {
	padding: 15px;
}


#settings.with-actions {
	padding-bottom: 0;
}

#settings.disabled:after {
	display: block;
	position: absolute;
	content: '';
	
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	
	z-index: 1003;
}

/* Settings Action Bar */
#settings .actions {
	display: block;
	
	padding: 10px 25px;	
	/*margin: 0 -25px;*/
	/*margin-top: 20px;*/
	
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	
	width: auto;
	height: auto;
	
	background: #f0f0f0;
	border-top: 1px solid #d7d7d7;
}

#settings .actions .right {
	float: right;
}

#settings .actions .hide {
	display: none;
}

/* Settings Forms */
#settings form {
	display: table;
	margin-top: 5px;
	width: 100%;
}

#settings form p {
	display: table-row;
}

#settings form p label, #settings form p input {
	display: table-cell;
	margin-bottom: 10px;
}

#settings form p label {
	padding-right: 20px;
	text-align: right;
}

#settings form p label.error {
	z-index: 1;
}

#settings form p input.small {
	width: 160px;
}

#settings form p input.medium {
	width: 200px;
}

#settings form p input.large {
	width: 300px;
}

#settings p.divider {
	position: relative;
}

#settings p.divider:after {
	display: block;
	position: absolute;

	height: 1px;
	left: 25px;
	right: 25px;
	
	background: #d0d0d0;
	content: '';
}

#settings p.divider + p > * {
	margin-top: 10px;
}

/* Password dialog */
#settings .change_password {
	display: none;
	position: absolute;
	
	left: 40px;
	right: 40px;
	top: 0;
	
	background: #F9F9F9;
	border: 1px solid #c6c6c6;
	border-top: 0px;
	box-shadow: 0 0 10px rgba(0,0,0,0.75),
				inset 0 4px 4px -4px rgba(0,0,0,0.4);
	
	z-index: 1004;
}

#settings .change_password form {
	padding: 20px;
	width: 100%;
	
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#settings .change_password form p label, #settings .change_password form p input {
	margin: 0;
}

#settings .change_password form p label {
	font-weight: bold;
}

#settings .change_password .actions {
	width: 100%;
	
	margin: 0;

	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#settings .change_password .actions input {
	margin-left: 10px;
}


²
/* WYSIWYG PLUGIN*/


div.wysiwyg { padding: 5px; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.toolbar li.jwysiwyg-custom-command { overflow: hidden; }

div.wysiwyg ul.toolbar { float: left; width: 100%; padding: 0; margin-bottom: 3px; }
div.wysiwyg ul.toolbar li { list-style: none; float: left; margin: 1px 2px 3px 0;  background: rgb(240, 240, 240); -moz-user-select: none; -webkit-user-select: none; user-select: none; clear: none; padding: 0 }
div.wysiwyg ul.toolbar li.separator { width: 1px; height: 16px; margin: 0 4px; border-left: 1px solid #ccc; }
div.wysiwyg ul.toolbar li { text-indent: -5000px; opacity: 0.85; filter: alpha(opacity=85); display: block; width: 16px; height: 16px; background: url('../img/external/jwysiwyg/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 1px dotted rgb(240, 240, 240); cursor: pointer; margin: 0px; }
div.wysiwyg ul.toolbar li.wysiwyg-button-hover, div.wysiwyg ul.toolbar li.active { opacity: 1.00; filter:alpha(opacity=100); border: 1px outset rgb(224, 224, 224); }
div.wysiwyg ul.toolbar li.active { background-color: rgb(255, 255, 64); border: 1px solid rgb(208, 208, 208); border-left-color: #aaa; border-top-color: #aaa; margin: 0; }

div.wysiwyg ul.toolbar li.disabled, div.wysiwyg ul.toolbar li.wysiwyg-button-hover.disabled, div.wysiwyg ul.toolbar li.active.disabled { opacity: 0.5; filter:alpha(opacity=50); border: 0px none transparent; padding: 1px; cursor: auto; }


div.wysiwyg ul.toolbar li.bold { background-position: 0 -16px; }
div.wysiwyg ul.toolbar li.italic { background-position: -16px -16px; }
div.wysiwyg ul.toolbar li.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.toolbar li.underline { background-position: -48px -16px; }
div.wysiwyg ul.toolbar li.highlight { background-position: -48px -96px; }

div.wysiwyg ul.toolbar li.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.toolbar li.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.toolbar li.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.toolbar li.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.toolbar li.indent { background-position: -64px 0; }
div.wysiwyg ul.toolbar li.outdent { background-position: -80px 0; }

div.wysiwyg ul.toolbar li.subscript { background-position: -64px -16px; }
div.wysiwyg ul.toolbar li.superscript { background-position: -80px -16px; }

div.wysiwyg ul.toolbar li.undo { background-position: 0 -64px; }
div.wysiwyg ul.toolbar li.redo { background-position: -16px -64px; }

div.wysiwyg ul.toolbar li.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.toolbar li.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.toolbar li.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.toolbar li.h1 { background-position: 0 -32px; }
div.wysiwyg ul.toolbar li.h2 { background-position: -16px -32px; }
div.wysiwyg ul.toolbar li.h3 { background-position: -32px -32px; }
div.wysiwyg ul.toolbar li.h4 { background-position: -48px -32px; }
div.wysiwyg ul.toolbar li.h5 { background-position: -64px -32px; }
div.wysiwyg ul.toolbar li.h6 { background-position: -80px -32px; }

div.wysiwyg ul.toolbar li.paragraph { background-position: 0px -96px; }
div.wysiwyg ul.toolbar li.colorpicker { background-position: -16px -96px; }
div.wysiwyg ul.toolbar li.fullscreen { background-position: -32px -96px; }

div.wysiwyg ul.toolbar li.cut { background-position: -32px -64px; }
div.wysiwyg ul.toolbar li.copy { background-position: -48px -64px; }
div.wysiwyg ul.toolbar li.paste { background-position: -64px -64px; }
div.wysiwyg ul.toolbar li.insertTable { background-position: -64px -48px; }

div.wysiwyg ul.toolbar li.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.toolbar li.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.toolbar li.createLink { background-position: -80px -48px; }
div.wysiwyg ul.toolbar li.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.toolbar li.html { background-position: -48px -48px; }
div.wysiwyg ul.toolbar li.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.toolbar li.empty { background-position: -64px -80px; }

div.wysiwyg ul.toolbar li.code { background-position: -64px -96px; }
div.wysiwyg ul.toolbar li.cssWrap { background-position: -80px -96px; }

div.wysiwyg-dialogRow { float:left; width:100%; font-size: 16px; }

div.wysiwyg iframe { border: 1px solid #999; clear: left;
background-color:white; padding:0px; margin:0; display:block; width: 100%; }

/* dialog */
.wysiwyg-dialog { position:fixed; top:50px; left:50px; width:450px; height:300px; background:transparent; font:14px "Helvetic Neue", Helvetica,Arial,sans-serif; }
.wysiwyg-dialog .wysiwyg-dialog-topbar { background:#333; border:1px #111 solid; color:white; padding:10px; position:relative; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper .wysiwyg-dialog-close-button { color:white; text-decoration:none; display:block; padding:6px 10px; position:absolute; right:12px; top:50%; height:14px; margin-top:-12px; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper a.wysiwyg-dialog-close-button:hover { background:#666; }
.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-title { font-size:20px; font-weight:bold; padding:5px; }
.wysiwyg-dialog .wysiwyg-dialog-content { border:1px #ccc solid; border-top:0; padding:15px; background:white; }
.wysiwyg-dialog-modal-div { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgb(255,255,255); background-color:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.wysiwyg-dialog-content form.wysiwyg fieldset { border:1px #ccc solid; }
.wysiwyg-dialog-content form.wysiwyg legend { padding:7px; }
.wysiwyg-dialog-content form.wysiwyg .form-row { clear:both; padding:4px 0; }
.wysiwyg-dialog-content form.wysiwyg .form-row label, .wysiwyg-dialog form.wysiwyg .form-row .form-row-key { display:block; float:left; width:35%; text-align:right; padding:4px 5px; }
.wysiwyg-dialog-content form.wysiwyg .form-row .form-row-value { display:block; float:left; width:55%; }
.wysiwyg-dialog-content form.wysiwyg .form-row input.width-auto { width:auto; }
.wysiwyg-dialog-content form.wysiwyg input.width-small { width:50px; min-width:50px; max-width:50px; }
.wysiwyg-dialog-content form.wysiwyg input, .wysiwyg-dialog form.wysiwyg select { padding:2px; width:100%; margin:2px; }
.wysiwyg-dialog-content form.wysiwyg input[type=submit], .wysiwyg-dialog form.wysiwyg input[type=reset] { padding:2px 7px; width:auto; }


/* Page de Profil */

/* ********************************************* */
/* Profile page */

.profile {
	width: 100% !important;
	margin: 0;
	position: relative;
}

#content > .profile:first-child {
	margin-top: -15px;
}

.profile .header:after, .profile .divider {
	display: block;
	
	width: 98%;
	margin: 0 1%;
	
	border-bottom: 1px solid #e1e3e5;
	
	content: "";
}

.profile .divider {
	margin: 15px 1%;
}

.profile .avatar {
	position: absolute;
	top: 20px;
	left: 20px;
	
	background: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 2px;
}

.profile .avatar img, .profile .avatar a {
	display: block;
	padding: 0 10px;
	width: 44px;
}

.profile .avatar img {
	padding-top: 10px;
	padding-bottom: 3px;
	
	box-shadow: 0 2px 1px rgba(0,0,0,0.08);
}

.profile .avatar a {
	padding-top: 4px;
	padding-bottom: 4px;

	background: url('../img/elements/profile/change-bg.png') repeat-x #e8e8e8;
	border-top: 1px solid #c1c1c1;
	box-shadow: 0 2px 1px rgba(0,0,0,0.08);
	
	text-align: center;
	text-decoration: none;
}

.profile .avatar a:hover {
	background: url('../img/elements/profile/change-hover-bg.png') repeat-x #f3f3f3;
}

.profile .avatar a:hover:active {
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.21);
	background: url('../img/elements/profile/change-active-bg.png') repeat-x #e9e9e9;
}

.profile .title {
	overflow: hidden;
	width: 100%;
	
	padding-left: 107px;

	background: url('../img/elements/profile/title-bg.png') repeat-x #ecf1f4;
	border-bottom: 1px solid #bcc4d2;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.profile .title h2, .profile .title h3 {
	float: left;
	padding: 0;
	padding-bottom: 10px;
}

.profile .title h2 {
	padding-top: 30px;
}

.profile .title h3 {
	padding-left: 10px;
	padding-top: 34px;
}

.profile ul.info {
	padding-left: 107px;
}

.profile ul.info li {
	display: inline-block;
	
	margin-left: 10px;
	padding-left: 15px;
	
	border-left: 1px solid #d3d9e3;
}

.profile ul.info li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.profile ul.info li a {
	text-decoration: none;
}

.profile ul.info li strong, .profile ul.info li small {
	display: block;
	text-align: left;
}


.profile .details h2 {
	display: inline-block;
	margin-left: 3px;
}

.profile .details > a {
	display: inline-block;
	float: right;

	margin: 1.25em 0;
	margin-right: 1%;
	
	text-decoration: none;
}

.profile .details > a .icon {
	display: inline-block;
	float: left;
	
	margin: 0 3px;
	
	height: 16px;
	width: 16px;
	font-size: 12px;
	line-height: 21px;
	
	margin: 0 6px;
}

.profile .details > a .icon.right {
	float: right;
}

.profile .details > a .icon:before {
	position: relative;
	top: -2px;
	right: -2px;
}


.profile section {
	border: 1px solid #c9c9c9;
	border-top-color: #adadad;
	border-radius: 3px;
	box-shadow: 0 1px 0 #ededed inset;
	background: #fff;
}

.profile section p {
	padding: 0 15px;
}

.profile table {
	margin: 15px;
}

.profile table tr > td, .profile table tr > th{
	padding-bottom: 5px;
}

.profile table tr:last-child  > td, .profile table tr:last-child  > th {
	padding-bottom: 0;
}

.profile table th {
	text-align: right;
	padding-right: 10px;
	
	font-weight: normal;
}

.profile .logs {
	margin: 0;
	padding: 0;
}

.profile .logs li {
	border-bottom: 1px solid #eff3f6;
	
	list-style: none;
}

.profile .logs li:first-child {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.profile .logs li:last-child {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.profile .logs li:hover {
	background: #eff3f6;
}

.profile .logs li:first-child:hover {
	box-shadow: 0 1px 0 #ededed inset;
}

.profile .logs li:last-child {
	border: 0;
}

.profile .logs a {
	display: block;
	
	padding: 10px;
	
	text-decoration: none;
}

.profile .logs small {
	float: right;
	
	padding-right: 10px;
	
	background: url('../img/elements/profile/logs-arrow.png') no-repeat;
	background-position: right center;
}

.profile .right {
	float: right;
}


/* Button icons */
button span:not(.ui-button-text), a.button span:not(.ui-button-text), .ui-button .ui-icon {
	display: inline-block;
	float: left;
	position: relative;
	
	left: -5px;
	
	margin-right: 5px;

	height: 16px;
	width: 16px;
	
	content: ' ';
}

.ui-button .ui-icon {
	margin-top: 0;
	margin-right: 0;
	top: 0;
}

.ui-button .ui-button-icon-secondary {
	float: right;
	position: relative;
	
	right: -5px;
	
	margin-right: -10px;
	margin-left: 8px;
}

.ui-button .ui-icon:after {
	display: none;
}

/* Divider */
button span:not(.ui-button-text):after, a.button span:not(.ui-button-text):after {
	display: block;
	position: absolute;
	
	right: -5px;
	top: -5px;
	
	height: 26px;
	width: 2px;
	
	background: url('../img/elements/buttons/divider.png');
	
	content: ' ';
}

button span:not(.ui-button-text):before, a.button span:not(.ui-button-text):before {
	font-size: 13px;
	padding-top: 2px;
}

.webkit button span:not(.ui-button-text):before, .webkit a.button span:not(.ui-button-text):before {
	padding-top: 3px;
}