/* fonts to be loaded for look and feel */
@font-face {
	font-family: "League Gothic";
	src: url("webfonts/League_Gothic-webfont.eot");
	src: url("webfonts/League_Gothic-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/League_Gothic-webfont.woff") format("woff"), url("webfonts/League_Gothic-webfont.ttf") format("truetype"), url("webfonts/League_Gothic-webfont.svg#LeagueGothicRegular") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "MuseoSlab500Italic";
	src: url("webfonts/Museo_Slab_500italic-webfont.eot");
	src: url("webfonts/Museo_Slab_500italic-webfont.eot?iefix") format("eot"), url("webfonts/Museo_Slab_500italic-webfont.woff") format("woff"), url("webfonts/Museo_Slab_500italic-webfont.ttf") format("truetype"), url("webfonts/Museo_Slab_500italic-webfont.svg#webfont3dFIImcj") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "JosefinSlabSemiBoldItalic";
	src: url("webfonts/josefin/JosefinSlab-SemiBoldItalic-webfont.eot");
	src: url("webfonts/josefin/JosefinSlab-SemiBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/josefin/JosefinSlab-SemiBoldItalic-webfont.woff") format("woff"), url("webfonts/josefin/JosefinSlab-SemiBoldItalic-webfont.ttf") format("truetype"), url("webfonts/josefin/JosefinSlab-SemiBoldItalic-webfont.svg#JosefinSlabSemiBoldItalic") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "JosefinSlabBold";
	src: url("webfonts/josefin/JosefinSlab-Bold-webfont.eot");
	src: url("webfonts/josefin/JosefinSlab-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/josefin/JosefinSlab-Bold-webfont.woff") format("woff"), url("webfonts/josefin/JosefinSlab-Bold-webfont.ttf") format("truetype"), url("webfonts/josefin/JosefinSlab-Bold-webfont.svg#JosefinSlabBold") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "JosefinSlabBoldItalic";
	src: url("webfonts/josefin/JosefinSlab-BoldItalic-webfont.eot");
	src: url("webfonts/josefin/JosefinSlab-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("webfonts/josefin/JosefinSlab-BoldItalic-webfont.woff") format("woff"), url("webfonts/josefin/JosefinSlab-BoldItalic-webfont.ttf") format("truetype"), url("webfonts/josefin/JosefinSlab-BoldItalic-webfont.svg#JosefinSlabBoldItalic") format("svg");
	font-weight: normal;
	font-style: normal;
}

.alert_admin_note, .alert_private_note, .std_qa_pending, .alert_program_note, .ans_note , .std_qa_answered, .alert_svt_note, .alert_rt_note, .std_sv_qa_pending, .std_sv_program_qa_pending, .std_sv_qa_answered, .std_sv_program_qa_answered, .std_rt_qa_pending, .std_rt_qa_answered, .std_dec_comm_rcc_qa_pending, .std_dec_comm_rcc_qa_answered{
background: url("../images/icons/alert_icons.png") no-repeat;
color: #fff !important;
display: inline-block;
         font-size: 80%;
height: 30px;
        text-align: center;
        text-decoration: none;
width: 23px
}

.alert_admin_note {
        background-position: -27px 0
}

.std_qa_pending {
        background-position: -89px 0
}

.std_sv_qa_pending {
    background-position: -89px 0
}

.std_sv_program_qa_pending {
    background-position: -89px 0
}


.alert_program_note {
        background-position: -119px 0
}
.std_qa_answered{
            background-position:3px -33px
}

.std_sv_qa_answered{
    background-position:3px -33px
}

.std_sv_program_qa_answered{
    background-position:3px -33px
}

.std_sv_program_qa_answered{
    background-position:3px -33px
}




/* DEFAULT BRANDING STYLES */

/* background colors/images used for this brand */
html { background-color: #292526; }
/* body { background: #e9f0e1 url("../images/wrapper/bg-body-beige.png") repeat; } */

header {
/* 	background: url("../images/header/color-bar.png") repeat-x;
	padding-top: 3px;*/
}
header #logo-banner {
	_zoom: 1;
	-webkit-box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	-moz-box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	border-bottom-style: solid;
	box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	color: #434953;
	overflow: hidden;
}
header #logo-banner {
	/* background-color: #d2e8ec;
	background-image: url("../images/header/logo-banner-pattern.gif") */;
	border-bottom-color: #797979;
	border-bottom-width: 3px ;
}
header #logo-banner hgroup {
	float: left;
	padding: 10px 0 10px;
}
header #logo-banner hgroup h1 { width: 280px; }
header #logo-banner hgroup h1 a { /* TODO find out why this isn't applied without !important */
	background: url("../images/header/logo.png") no-repeat;
	height: 102px;
	text-indent: -9999em !important; /* WHY???? */
}

header #login-information { color: #000; }

header #login-information p { font: 108%/133% arial, helvetica, sans-serif; }
header #login-information p strong { color: #0b416c; }
header #login-information ul li { background-color: #f00; }

header #login-information ul li a:link,
header #login-information ul li a:hover,
header #login-information ul li a:visited,
header #login-information ul li a:active { color: #0b416c; }

header #login-information ul li.my-account { background: url("../images/header/circles/orange.png") no-repeat; }
header #login-information ul li.my-account:hover { background: url("../images/header/circles/orange.animated.gif") no-repeat; }
header #login-information ul li.sign-out { background: url("../images/header/circles/red.png") no-repeat; }
header #login-information ul li.sign-out:hover { background: url("../images/header/circles/red.animated.gif") no-repeat; }

header nav {
	-moz-box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	-webkit-box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	background-color: #434953;
	border-bottom: 1px solid #292f37;
	box-shadow: 0 3px 3px rgba(67,73,83,0.40);
	color: #e5fbff;
	text-transform: uppercase;
	font: 182% "League Gothic", arial, helvetica, sans-serif;
	letter-spacing: 1px;
}
header nav.navbar-1 {
	color: #885a33;
	font: 167% "League Gothic", arial, helvetica, sans-serif;
	background-color: #92d9e6;
	border-bottom-color: #5fb4c4;
	text-transform: uppercase;
}
header nav.navbar-1 ul li a.active { background-color: #5fb4c4; }
header nav.navbar-1 ul li a,
header nav.navbar-1 ul li a:hover,
header nav.navbar-1 ul li a:active,
header nav.navbar-1 ul li a:visited { color: #885a33; }

header nav.navbar-1 ul li a:hover {
	border-bottom-color: #885a33;
	text-shadow: 0 1px #5fb4c4, 0 2px #5fb4c4, 0 3px #5fb4c4;
}
header nav.navbar-2 {
    color: #8159a7;
	font: 167% "League Gothic", arial, helvetica, sans-serif;
	background-color: #f4f5b3;
	border-bottom-color: #d5d678;
	text-transform: uppercase;
}

header nav.navbar-2 ul li a.active { background-color: #d5d678; }

header nav.navbar-2 ul li a,
header nav.navbar-2 ul li a:hover,
header nav.navbar-2 ul li a:active,
header nav.navbar-2 ul li a:visited { color: #8159a7; }

header nav.navbar-2 ul li a:hover {
  border-bottom-color: #8159a7;
  text-shadow: 0 1px #d5d678, 0 2px #d5d678, 0 3px #d5d678;
}
header nav.navbar-3 {
	color: #277970;
	font: 167% "League Gothic", arial, helvetica, sans-serif;
	background-color: #e49d7d;
	border-bottom-color: #d07e59;
	text-transform: uppercase;
}

header nav.navbar-3 ul li a.active { background-color: #d07e59; }

header nav.navbar-3 ul li a,
header nav.navbar-3 ul li a:hover,
header nav.navbar-3 ul li a:active,
header nav.navbar-3 ul li a:visited { color: #277970; }

header nav.navbar-3 ul li a:hover {
	border-bottom-color: #277970;
	text-shadow: 0 1px #d07e59, 0 2px #d07e59, 0 3px #d07e59;
}

header nav ul li a { color: #e5fbff; }
header nav ul li a.active { background-color: #1a7a8c; }

header nav ul li a:hover,
header nav ul li a:active,
header nav ul li a:visited { color: #e5fbff; }

header nav ul li a:hover {
  color: #fff;
  border-bottom: 1px solid #f4f5b3;
  text-shadow: 0 1px #1a7a8c, 0 2px #1a7a8c, 0 3px #1a7a8c;
}

/* HEADERS */
#main h3 { color: #f2f2f2; }

#main h3 span {
	background-color: #727272;
	border-radius: 2px; padding: 0 15px;
}
#main h4 {
	color: #454545;
	font: 146.5%/150% Georgia, "Times New Roman", serif;
}

#main .fieldset-wrapper h4 { font-size: 123%; }

/* PAGE FONTS LINKS ETC. */
#main p { margin-bottom: 0.75em; }

#main p,
#main li {
	color: #3e444d;
	font: 108%/157% Helvetica, Arial, sans-serif;
}
#main p a:link,
#main li a:link { color: #3e444d; }

#main p a:active,
#main li a:active { color: #3e444d; }

#main p a:visited,
#main li a:visited { color: #3e444d; }

#main p a:hover,
#main li a:hover {
	color: #555;
	background-color: transparent;
}

/* FIELDS, CONTAINERS AND BUTTONS */
#main .tinymce-wrapper,
form fieldset .field-container {
	background: #b0cfc7 url("../images/form/bg-fieldset-teal.png");
	border: 1px solid #008080;
	color: #0a3014;
	font: 700 93%/150% arial, helvetica, sans-serif;
}
form fieldset {
	background: url("../images/form/fieldset-background.gif") repeat-y left top;
	padding-left: 50px;
}
form fieldset fieldset {
	background: url("../images/form/fieldset-background-green.gif") repeat-y left top;
}

form fieldset .warning-text {
	background: #ffc15b url("../images/form/bg-info-needed.png");
	border: 1px solid #a37615;
	border-bottom-width: 2px;
	border-radius: 3px;
	color: #504444;
	font: 100%/150% "JosefinSlabSemiBoldItalic", Georgia, "Times New Roman", serif;
	width: 880px;
}
form fieldset .warning-text strong {font-family: "JosefinSlabBoldItalic", Georgia, "Times New Roman", serif;}

form fieldset .warning-text strong,
form fieldset .error-text { padding-left: 5px; }


.table-container {
	background-image: url("../images/form/bg-label-background-aqua.png");
	border: 1px solid #008080;
}
form fieldset .field-container .control-container {
/*	background: url("../images/form/bg-control-container-aqua.png");
	color: #0a3014;
	font: 100%/150% arial, helvetica, sans-serif;*/
}

li.my-account a { background-image: url("../images/header/nav-icons/my-account.png"); }
li.sign-out a { background-image: url("../images/header/nav-icons/sign-out.png"); }
ul li.help a { background-image: none; }
header ul li { list-style-type: none; }
header nav { padding-top: 3px; }
nav ul li.selected a { border-bottom: 2px solid #f4f5b3; }
nav.navbar-1 ul li.selected a { border-bottom: 2px solid #885a33; }
nav.navbar-2 ul li.selected a { border-bottom: 2px solid #8159a7; }
nav.navbar-3 ul li.selected a { border-bottom: 2px solid #277970; }

.button-container { border-top-color: #766; }

.button {
	-moz-box-shadow: 0 3px #808080;
	-webkit-box-shadow: 0 3px #808080;
	background: #dddcdc url("../images/form/bg-action-button.png");
	border-width: 1px; 
	border-style: solid;
	border-color: #666;
	box-shadow: 0 3px #808080;
	color: #4d4d4d;
	font: 182% "League Gothic", arial, helvetica, sans-serif;
	text-decoration: underline;
}
.account.button,
a.account.button {
	color: #4d4d4d;
	margin: 0;
	padding: 10px 0;
	width: 406px;
}
a.account.button:hover { color: #4d4d4d; }

/* give a visual aid for disabled fields */
/* Commenting this out as all form fields are not covered by this, pages are looking half-cooked
textarea[disabled=disabled],
input[type=text][disabled=disabled] {
	background: #d0f5ec;
	cursor: default;
}
*/