/* ***********************************************
		AY Facelift Advanced Style Template
			
		Created by: Ryan Long & Sami Van Ness
		www.hobsons.com
		
	!!!!PLEASE SAVE THIS STYLE SHEET OUT BEFORE
		EDITTING ANYTHING WITHIN IT!!!!!!
			
*********************************************** */

/* ***********************************************
			PRIMARY TEMPLATE COLORS
			
			MAIN HEADER COLOR -- #000000
			MAIN BODY COLOR -- #000000
			MENU COLORS -- 
	--Put any notes about this implementation here--		
*********************************************** */


/* ***********************************************
				IE8 fixes
		     !!DO NOT EDIT!!
*********************************************** */

div.span9 select {
width: auto!important;
}
select {
width: auto!important;
}
input[text] {
width: auto!important;
}

/* ***********************************************
				MODAL FONTS
			!!Match all to .Question!!
*********************************************** */
div.modal-body li {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}
div.modal-body ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}
div.modal-body ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}
div.modal-body p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}
div.modal-body {
text-align: left!important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}
#modalbody form table {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px!important;
}

/* ***********************************************
				Font Change(s)
				
!! Change these first to match what is the top portion
of the rad editor in preview webcenter.
Screen shot for reference http://oi47.tinypic.com/dm46yg.jpg !!				
*********************************************** */
.BasePageFont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
.BaseTableFont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
.Section {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: #FFFFFF;
}
.section {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
color: #FFFFFF;
}
.SubSection {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #000000;
}
.subsection {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
color: #000000;
}
.Question {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
.question {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
.RequiredQuestion {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
background-color: #FFE000;
color: #000000;
}
.Caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: italic;
color: #888888;
}
.caption {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: italic;
color: #888888;
}
ol, ul, li, p, span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
.dynamicText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}
label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
color: #000000;
}


/* ***********************************************
				Header Area Change(s)
				
!! Before styling this area, upload the requested 
banner image to Manage.applyyourself.com !!				
*********************************************** */

.navbar {
background-color: #FFFFFF;
position: fixed;

                         /*position:static; Change this line to 'static' if you want the header to scroll with the page*/
                         /*padding: 10px 0px; */ /* Uncomment this line if you want to add padding */
                       /*border-bottom: 1px solid #0048B2; /* Uncomment this line if you want a border at the bottom of the header*/
}

#header {
height: 148px; /*You can adjust this height up to 148px before running into the main container - Try to keep main banners shorter than 148px*/
                        
background-position: left bottom;
						 /*background: url(https://static.hobsons.co.uk/fedtesting/aystuff/header.png)!important;*/ /* Useful for if they are moving from the classic style to the new facelift and want to use a banner that is different than the main banner in Maintenance Center. Otherwise, changing the main banner in Maintenance Center will change the logo */
}

/* ***********************************************
				Body Area Change(s)
*********************************************** */

/* Change main body background color here*/
body {
background-color:#ffffff;
}

.hero-unit {
	border-radius:0px;
	border:1px solid #000000;

}

/* ***********************************************
		Body Area Change FIXES
		DO NOT EDIT
*********************************************** */

.ContentCell input[type="checkbox"], input[type="radio"] {
margin-left: 8px;
margin-right: 2px;
}

fieldset {
border: 1px solid transparent!important;
}

/*
input {
margin-bottom: 0px;
}
*/

/* ***********************************************
			Application Title Change(s)
			
!!DO NOT MAKE CHANGES TO THIS SECTION THIS SHOULD BE HIDDEN FOR 508 COMPLIANCE!!
*********************************************** */

h1.appTitle {
position: fixed;
left: -100000px;
}

/* Hides main h1 for 508 - should be a subsitute for the logo - comment the next two lines if there is no logo*/
h1.universityName {
position: fixed;
left: -100000px;
}


/* ***********************************************
			Link Styling Change(s)
!!Match these colors to either the anchor styles 
in the rad editor, or to their existing website!!			
*********************************************** */

.dynamicText a font {
}
.tab-content a {
color: #233C8A;
font-size: 14px;
}
.hero-unit a {
color: #233C8A
}

#eventsBox {display:none;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
/*some useful resets for header links*/
color: inherit;
text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
text-decoration: underline
}
					
a:active {
}
a:link {
}
a:hover {
}
a:visited {
}



/* ***********************************************
			Post-login Page Change(s)
			  !!DO NOT EDIT!!			
*********************************************** */

/* This will clean up the gray/white fade box around the apps 'My Applications' upon main login */
.appListSubHeader {
padding: 8px 5px 0px;
border-radius: 8px 8px 8px 8px;
}

/* ***********************************************
				Button Change(s) 
		 	 (Professional Service)		
*********************************************** */

/* Buttons */
/* The following code is changing the color of the primary buttons in the application - see the following link */
/* I created the button code here: http://css-tricks.com/examples/ButtonMaker/ */
.btn-primary {
}

.btn-primary:hover {
}


.btn-primary:active {
}

/* The following code is changing the color of the App Instructions button in the app - see the following link */
/* I created the button code here: http://css-tricks.com/examples/ButtonMaker/ */
.btn-info {
}


.btn-info:hover {
}
.btn-info:active {
}


/* ***********************************************
			Application Menu Change(s)
			
Reference image for what css affects what in the menu http://i.imgur.com/bbI2Joq.png			
*********************************************** */


/* This changes the Main Application Title's background color in the app itself (left-side navigation) */
div.mainTitle {
    background-color: #233C8A;
    border-bottom: 2px solid #EFAC1F;
    border-top: 2px solid #EFAC1F;}
div.mainTitle font {
color: #FFFFFF;
}
.mainTitle a {
color: #FFFFFF!important;
}

/* This changes the Form Name/Helpful Links background in the left hand menu */
td.Menu {
background-color: #FFFFFF;
color: #233C8A;
border-bottom:3px solid #233C8A;
 
}
td.Menu font {
color: #FFFFFF!important;
}

/* This changes the section names*/
.subMenu {
background-color:#FFFFFF ;
color: #233C8A;

}
font.subMenu {
color: #233C8A; /*section titles*/
}

/* Active Section in menu */
.yourarehere a:hover {	
font-size: 13px;
background-color:#FFFFFF;
color: #EFAC1F!important;
}
.youarehere a font {

font-size: 13px;
background-color:#FFFFFF;
color: #EFAC1F!important; /*This background color should be the same as .hero-unit, usually white*/
}


.youarehere a:link {
}

/* These two change the background behind the helpful link section, and should be matched to.subMenu */
.MenuBkgrd {
background-color: #FFFFFF;

}
div.MenuBkgrd {
background-color: #FFFFFF
}


/* ***********************************************
			Application Border Change(s)
*********************************************** */


/* By changing these 3 colors to the SAME color, it at least makes the form area itself have all the same background color, .ContentCell
should be changed with care, and usually left white unless the whole content area is changed to another colour */
.Color1 {
background-color: #233C8A;
}
.Color2 {
background-color: #EFAC1F;
}

.ContentCell {
background-color: #FFFFFF 
}

/* ***********************************************
			Dashboard Style Change(s)
*********************************************** */

/*dashboard Styles*/
ul#appList > li {
}
.appListSubHeader {
}
.appListSubHeader {
}
.informationBox {/*box for Events and other info in right column*/
}
.informationBox h2 {
}


/* ***********************************************
		Modal Header (Pop-up) Change(s)
!!Usually changed to same color as .MainTitle!!			
*********************************************** */

/* Change the background color/font etc for the pop-up boxes */
.modal-header {
background: #233C8A
}

/* ***********************************************
			Intructions Tabs Change(s)
*********************************************** */

#instructionsTab {/*ul that holds Tabs*/
}
.span9 div.tab-content {/*instructions content div*/
}

/* ***********************************************
					Error Message
*********************************************** */

.error {
padding: 20px 0px 0px 20px;
margin-bottom: 10px;
}

/* ***********************************************
				Footer Area Change(s)
*********************************************** */

/* The following code is where you would apply background-image to the footer links section at the bottom of the page*/
footer {
background-color: transparent;
padding-bottom: 0px!important;
}

.footerTopUl a {
	font-size:13px;
color: #233C8A!important;
}