/*	Theme 'midnight' */

.mainSkin {
/*	background-color: rgba(0, 0, 119, 0.9);*/
	background-color: #000066;
}

.mainFont {
	color: white;
}

.mainBgImage {
	background-image: url('../../Images/ais.png');
	filter: blur(2px);
	height: 100%;
	background-size: cover;
	opacity: 45%;
}

.rBioComposerInfo {
	text-shadow: 5px 5px 5px black;
}

.information a {
	color:  cyan;
}

.rMainMenu a {
	color:  white;
}

.rBioInfo {
	text-shadow: 3px 3px 3px black;
}

/*	Custom separators */

.trebleClefSeparator {
	width: 100px;
	height: 21px;
	background-image: url('../../Images/TrebleClefSeparator100x21.png');
	background-position: center;
	background-size: contain;
}

.trebleClefSeparatorSmall {
	width: 50px;
	height: 10px;
	background-image: url('../../Images/TrebleClefSeparator50x10.png');
	background-position: center;
	background-size: contain;
}

.bassClefSeparator {
	width: 52px;
	height: 21px;
	background-image: url('../../Images/BassClefSeparator52x21.png');
	background-position: center;
	background-size: contain;
}

.tenorClefSeparator {
	width: 93px;
	height: 21px;
	background-image: url('../../Images/TenorClefSeparator93x21.png');
	background-position: center;
	background-size: contain;
}

legend {
	border-color: #ffee77;
/*	background-color: #000077;*/
	background-color: #333377;
}

fieldset {
	border-color: #ffee77;
/*	background-color: rgba(0, 0, 119, 0.95);*/
	background-color: #333377;
}

.piClose {
	border: 1px solid #ffee77;
}

.piClose:hover {
	background-color: #cc00cc;
}



/*	jQuery accordion */

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #333377;
}



/*-------------------------------------------------------------------*/

/* Component containers
----------------------------------*/

.ui-widget.ui-widget-content {
	border: 1px solid #362917;
}

.ui-widget-content {
	border: 1px solid #efec9f;
	background: #333377;
	color: #ffffff;
}

.ui-widget-content a {
	color: #ffffff;
}

.ui-widget-header {
	border: 1px solid #baaa5a;
	background: #000077;
	color: #ffffff;
}

.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #362917;
/*	background: #880088;*/
	background: #444477;
/*	color: #ffff00;*/
	color: #aaaaaa;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #ffff00;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #362917;
/*	background: #675423;*/
	background: #555588;
	color: #f8eec9;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #f8eec9;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #efec9f;
/*	background: #443113;*/
	background: #7777aa;
	font-weight: normal;
	color: #f9f2bd;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #efec9f;
	background-color: #f9f2bd;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #f9f2bd;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #362917;
	background: #d5ac5d;
	color: #060200;
}

.ui-state-checked {
	border: 1px solid #362917;
	background: #d5ac5d;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #060200;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #c26629;
	background: #fee4bd;
	color: #803f1e;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #803f1e;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #803f1e;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_efec9f_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_e9cd86_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_f2ec64_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_f9f2bd_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_070603_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_ff7519_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_e8e2b5_256x240.png");
}

@@@@@@@@@@@@@@@@@@@@@@@@@@@@

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

/* Corner radius */ /* Probably not*/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
	background: #372806;
	opacity: 0.8;
}
.ui-widget-shadow {
	box-shadow: -8px -8px 8px #ddd4b0;
}