/* NOTE: Should only need to maintain this css file for FAWeb. We no longer link in Moz or Std per browser agent */


/*	Begin Browser Neutral Styles		*/	

div.foo{delete-me:no}

/* * {box-sizing:border-box} */

html {
    overflow: auto;
}

body ,fieldset {
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
}

fieldset {
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:5px;
	padding-left:5px;
	border:1pt solid #DCDCDC;
}

iframe {
	left:0;
	top:0;
	margin:0;
	padding:0;
}

input,select {
	/* 
    position:relative;
	left:0;
	top:0;
	margin:0;
	font-family:Verdana,Tahoma;
	font-size:10pt;
	*/
	vertical-align:middle;
}

/*
hr,br,div,span,img,form {
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
	border:0pt solid black;
}
*/

/* also included in ButtonStyles.css */
button,
.standardButton,
.buttonGroup input,
.buttonGroup button
 {
	cursor:pointer;
	cursor:hand;
	height:22px;
	margin: 0;
	padding:0;
}

/* standardButton is used by both button and input elements */
.standardButton,
.headerToolbarButton,
.buttonGroup input,
.buttonGroup button
{
	border: 1px solid #8E8E8E;
	border-radius: 5px 5px 5px 5px;
	background: url("/BBWebClient/images/btn.png") repeat-x scroll 0 -1096px transparent;
	margin-top: 1px;
	padding: 0 8px;
}

.standardButton:hover,
.headerToolbarButton:hover,
.buttonGroup input:hover,
.buttonGroup button:hover {
	background-position: 0 -2168px;
}

button.headerToolbarButton {
	margin: 0 2px;
}	

.standardButtonDisabled {
    cursor: default;
    color: Gray;
	border: 1px solid #8E8E8E;
	border-radius: 5px 5px 5px 5px;
	background: url("/BBWebClient/images/btn.png") repeat-x scroll 0 -1096px transparent;
	margin-top: 1px;
	padding: 0 8px;
}

.headerToolbarButtonDisabled {
    cursor: default;
    color: Gray;
	border: 1px solid #8E8E8E;
	border-radius: 5px 5px 5px 5px;
	background: url("/BBWebClient/images/btn.png") repeat-x scroll 0 -1096px transparent;
	margin: 0px 2px;
	padding: 0 8px;
}

img {
    border:0px;
}

body {
	background-color:white;
}

body, button, input {
	color:black;
	font-family:'Segoe UI','Lucida Grande','Lucida Sans',Tahoma,Helvetica,Arial,sans-serif;
	font-size:12px;
}

.forceFont {
    /* Some controls (textareas so far) are just not respecting the body font. I have no idea where it is getting the font it is using from 
       (developer tools say it is using the body font). But if I hardcode it with this style it stays with the font we want. Hack. */
	font-family:'Segoe UI','Lucida Grande','Lucida Sans',Tahoma,Helvetica,Arial,sans-serif;
	font-size:12px;
}

A:link  {color: #5381AE; text-decoration:none}
A:visited {color: #5381AE; text-decoration:none}
A:hover  {color: #5381AE; text-decoration:underline}
A:active {color: #5381AE; text-decoration:underline}

A[Disabled] {
    color: #AAAAAA;
    text-decoration:none;
}

A[Disabled]:hover {
    color: #AAAAAA;
    text-decoration:none;
}
	
/*	End Browser Neutral Styles		*/	

/*	Begin System Specific Styles	*/

body.ModalPageBody{
	border:3px solid buttonFace;
	background-color:white;
	color:black;
}

div.formRow {
	clear:both;
}

div.marginBottom5 {
	/*overflow:auto;*/
	margin-bottom:5px;
}

.marginTop5 {
	margin-top:5px;
}

div.marginBottom10 {
	/*overflow:auto;*/
	margin-bottom:10px;
}

div.marginBottom15 {
	/*overflow:auto;*/
	margin-bottom:15px;
}

div.formColumn {
	display:inline;
}

span.formColumn{
	display:inline-block;
}

div.captionNormal {
	display:inline;
	font-size:9pt;
	font-weight:normal;
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
	width:100px;
	margin-right:3px;
}

div.captionNormal135 {
	display:inline;
	font-size:9pt;
	font-weight:normal;
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
	width:135px;
	margin-right:3px;
}

div.captionNormal120 {
	display:inline;
	font-size:9pt;
	font-weight:normal;
	overflow:hidden;
	text-align:right;
	vertical-align:middle;
	width:120px;
	margin-right:3px;
}

div.captionGray {
	color:graytext;
}

div.captionAuto {
	overflow:visible;
	text-align:left;
	white-space:nowrap;
	width:auto;
}

div.RadioCaption {
	display:inline;
	font-size:9pt;
	font-weight:normal;
	overflow:visible;
	text-align:left;
	vertical-align:middle;
	width:75px;
}

div.control {
	background-color:white;
	color:black;
	display:inline;
	font-size:9pt;
	font-weight:normal;
	overflow:visible;
	text-align:left;
	vertical-align:middle;
	
}

div.staticText {
	display:inline;
	font-size:10pt;
	font-weight:normal;
	overflow:visible;
	text-align:left;
	vertical-align:middle;
	width:100px;
	margin-left:5px;
}

.calendarImg,.calculatorImg,.lookupImg {
	vertical-align:middle;
}

.fundsclass {width:90%;height:200px}
.giftsclass {width:90%;height:200px}

button {
	width:auto;
	overflow:visible;
	padding:0 8px 0 8px;
}

.gridclass {
	border-top:1px solid buttonShadow;
	border-left:1px solid buttonShadow;
	border-right:1px solid buttonShadow;
	border-bottom:1px solid buttonShadow;
}

.buttonTab {
	border:0pt solid black;
}

.printGridHeader {
	display:inline;
	border-top:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
	height:4em;
	overflow:hidden;
}

.printGridCell {
	display:inline;
	white-space:nowrap;
	overflow:hidden;
	border-bottom:1px solid black;
	border-right:1px solid black;
}

.printGridRow {
	display:block;
	border-left:1px solid black;
}

.printGridPage {
	display:block;
	width:7in;
}

.printGridNormalPage {
	page-break-before:always;
}

.printGridFirstPage {
	page-break-before:auto;
}

.printGridPageHeader {
	display:block;
	width:7in;
	overflow:hidden;
}
.printGridSchoolName {
	display:inline;
	width:49%;
	text-align:left;
	overflow:hidden;
}
.printGridDate {
	display:inline;
	width:49%;
	text-align:right;
	overflow:hidden;
}

.printGridHeading {
	display:block;
	font-size:.2in;
	overflow:hidden;
}

.bbWebFont {
	font-family:"Blackbaud Web";
}

div.myClasses{
	vertical-align:top;
	/*border:1pt solid lightGrey;*/
	margin-left:15px;
	/*margin-top:15px;*/
}

div.myClassesHeader {
    width: 772px; 
}

div.homePageHeader {
    border: solid 1px #B0C4DE;
    border-bottom-style: none;
    font-size: 11pt;
    font-weight: bold;
    color: White;
    background-color: #3193ba;
    padding: 4px;
}

div.alertsRequestsHeader {
    font-size: 11pt;
    font-weight: bold;
    color: Black;    
    padding: 4px;
}

div.homePageHeader span {
    display: inline-block;
}

div.homePageGrid {
    color:#5381AE;
    border: solid 1px #B0C4DE;
}

span.myClasses{
	vertical-align:top;
	/*border:1pt solid lightGrey;*/
	margin-left:15px;
	/*margin-top:15px;*/
	width:520px;
	display:inline-block;
}

img.myClasses{
    cursor:pointer;
	cursor:hand;
	vertical-align:middle;
}

span.myClassesNone{
	padding:15px;
	height:15px;
}

.myClassesStat {
    color: Black;
}

td.leftMenu{
    padding:10px ;
	vertical-align:top;
	color:White;
	height:100%;
	text-align:left;
	font-size:11px;
}

div.leftMenuHeading{
    font-weight:bold;
    font-size:12px;
    padding:3px;
    color:#8ecdf5;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#8ecdf5;
    width: 134px;
}

ul.leftMenuItems{
    list-style:none outside none;
    padding:3px;
    margin:0px 0px 5px 0px;
}

div.leftMenuItems{
	cursor:pointer;
	cursor:hand;
    padding:0px;
}

.leftMenuItems a {
    display: block;
    padding: 3px 3px 3px 5px;
}

.leftMenuItems a:link{
	color:White;
	text-decoration:none;
}

.leftMenuItems a:visited{
    color:White;
	text-decoration:none;
}

.leftMenuItems a:hover {
	color:White;
	text-decoration:underline;
}

.leftMenuItems a:active {
    color:White;
	text-decoration:underline;
}

.leftMenuItems button {
    color:White;
	font-size:11px;
	margin:0px 0px 0px 0px;
	white-space:nowrap;
	text-align:left;
	background-color:Transparent;
	border:0;
	padding:0px 0px 0px 5px;
}

.forceButtonSpanHover {
    text-decoration:underline !important;
}

.myInboxCount {
    background: url("../images/inboxbackground.png") no-repeat scroll 0 0 transparent;
    color: Red;
    display: inline-block;
    height: 18px;
    padding-top: 2px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
    cursor:pointer;
    cursor:hand;
    text-decoration:none;
}

.announcements{
    border:solid 1px #B0C4DE;
    color:#5381AE;
    font-size:11px;
    padding:5px;
    margin-bottom:5px;
}

div.loadingMsg{
	background-color: DimGray;
	width:100%;
	height:100%;
	z-index:10000;
	top:0;
	left:0;
	position: fixed;
	visibility:hidden;
	filter:alpha(opacity=40);
	opacity: 0.4;
}

.downloadButton{
	border-width:0;
	background-color:white;
	text-decoration:underline;
	color:blue;
	cursor:pointer;
	cursor:hand;
	white-space:nowrap;
	padding-left:0px;
	padding-right:16px;
}

.helpAboutSchoolImage{ 
	width: 510px; 
	height: 72px;
}

.centerAlign{ 
	text-align: center; 
}

.leftAlign{ 
	width: 398px; text-align: left;
}

.captionBox{ 
	margin: 0px;
	margin-left: 0px; 
	overflow: hidden; 
	border: #888 1px inset; 
	padding-right: 8px; 
	padding-left: 8px; 
	padding-bottom: 5px; 
	padding-top: 2px; 
	background-color: White;
    -webkit-user-select: none;
    -khtml-user-drag: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.captionBox2{ 
	border: #888 1px inset; 
	padding-left: 2px; 
	margin: 4px; 
	margin-left: 0px;
	overflow: hidden; 
	width: 544px; 
	padding-top: 5px; 
}
.noBorder{ 
	border-right: black 0px inset; 
	border-top: black 0px inset; 
	border-left: black 0px inset; 
	border-bottom: black 0px inset; 
}

.helpAboutBody{ 
	font-size: 12px; 
	color: black; 
	background-color: white;
	padding:5px; 
}

.linkButton{
	font-size:10px; 
	margin-right:2px;
	width:50px;
	cursor:pointer;
	cursor:hand;
	height:20px;
	text-align:center;
	text-decoration:none;
	padding-left:0px !important;
	padding-right:0px !important;
}

div.dialogTitle{
	background-color:#3193ba;
	color:white;
	font-weight:bold;
	text-align:left;
	/* width:100%; causes horizontal scrollbar, you can have this or the padding-left, but not both */
	height:25px;
	padding-left:10px;
	padding-top:4px;
	font-size:14px;
}

div.dialogTitleWithMoveServer{
	background-color:#3193ba;
	color:white;
	font-weight:bold;
	text-align:left;
	width:100%;
	height:25px;
}

div.dialogTitle2{
	background-color:#3193ba;
	color:white;
	font-weight:bold;
	text-align:left;
	height:20px;
	padding-left:10px;
	padding-top:2px;
	/* width:100%; causes horizontal scrollbar, you can have this or the padding-left, but not both */

}

div.skillsDisplay {
	width:600px;
	height:40px;
	border:1px outset gray;
	word-wrap:true;
	padding:2px;
	overflow:auto;
}

.moveServerButton{
	width:20px;
	margin-right:2px;
	background-color:buttonface;
}

div.bioTitle{
	padding:2px;
	background-color:#3193ba;
	color:white;
	font-weight:bold;
	border-top:1pt solid lightGrey;
	border-left:1pt solid lightGrey;
	border-right:1pt solid lightGrey;
}

div.bioBody{
	width:335px;
	height:171px;
	overflow:auto;
	border-bottom:1pt solid lightGrey;
	border-left:1pt solid lightGrey;
	border-right:1pt solid lightGrey;
}

div.addressBody{
	width:331px;
	height:66px;
	padding:3px;
	overflow:auto;
	border-bottom:1pt solid lightGrey;
	border-left:1pt solid lightGrey;
	border-right:1pt solid lightGrey;
}

div.relationLinks{
	border-bottom:1pt solid lightgrey;
	width:690;
}

a.relationLink {
	width:220px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:30px;
}

table.studentBioPhones{
	padding:0;
}

.studPhoneTypes{
	vertical-align:top;
	white-space:nowrap;
}

.studPhoneNumbers{
	padding-left:15px;
	vertical-align:top;
	white-space:nowrap;
}

.studPhoneLinks{
	padding-left:5px;
	vertical-align:top;
}

img.studentShellPhoto {
    float:left;
    height:50px;
    padding-bottom:2px;
    padding-right:3px;
}

.headerCell{
	border-top:1px solid buttonHighlight;
	border-right:1px solid buttonShadow;
	border-bottom:1px solid buttonShadow;
	border-left:1px solid buttonHighlight;
	background-color:lightgrey;
	color:black;
	font-size:8pt;
	padding:1px;
	text-align:center;
	/*display:inline;
	This really messes up the Schedule grid on the Student Page in Firefox.
	Haven't found anything that looks wonky without it, but leaving this here as a reminder of the change.
	*/
	height:22px;
}


/* styles to try to format a .Net grid or dataview like the BBWebGrid */
.netGridGrid {
    border:darkgrey 1px solid;
}
.netGridHeader {
    text-align:center;
    vertical-align:top;
    background-color:#ededed;
    border-top:1px solid darkgrey;
    border-right:1px solid lightgrey;
    border-bottom:0px solid lightgrey;
    border-left:1px solid lightgrey;
    height:25px;
    font-size:8pt;
    font-weight:lighter;
}


table.dialogTable{
	border-collapse:collapse;
	padding:0;
	width:100%;
	height:100%;
}

td.dialogTitle{
	vertical-align:top;
	height:20px;
}

td.dialogTitleRight{
	vertical-align:top;
	text-align:right;
}

td.dialogBody{
	vertical-align:top;
}

td.dialogButtons{
	padding:3px;
	height:30px;
}

div.greyBox{
	border-bottom:1pt solid lightGrey;
	border-left:1pt solid lightGrey;
	border-right:1pt solid lightGrey;
}

div.sectionHeader{
	font-weight:bold;
	margin-top:10px;
	background-color:lightgrey;
}

div.backToTop{
	padding-top:4px;
	text-align:right;
	font-weight:bold;
	margin-bottom:5px;
}

.bottomBorderOnly{
	border-bottom:solid 1pt black;
	padding-right:15px;
}

.scheduleCell{
	background-color:white;
	color:black;
	font-size:8pt;
}

.conflictCell{
	background-color:white;
	color:red;
	font-size:8pt;
}

.conflictSchoolCell{
	background-color:white;
	color:Fuchsia;
	font-size:8pt;
}

.scheduleFirstCell{
	background-color:lightGrey;
	color:black;
	font-size:8pt;
}

.conflictFirstCell{
	background-color:lightGrey;
	color:red;
	font-size:8pt;
}

.conflictSchoolFirstCell{
	background-color:lightGrey;
	color:Fuchsia;
	font-size:8pt;
}

.studentHeaderClass {
	font:bold 18px
}

h1 {
	text-align:center;
}

.reportSubHeader{
	padding-bottom:15px;
	text-align:center;
}	

.loadingMsgText {
  background-color: white;
  border: 2px solid #666666;
  color: black;
  font-size: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  position: relative;
  text-align: center;
  top: 240px;
  vertical-align: middle;
  width: 240px;
  z-index: 10001;
}

.loadingMsgHeader{
	background-color:#646F3B;
	left:0;
	top:0;
	width:100%;
	height:30px;
	font-size:26px;
	color:white;
	padding:2px;
}

.noScroll{
	overflow:hidden
}

.gridButton {
	display:inline;
	font-size:10px; 
	margin:4px;
	padding:0 0 0 0;
	width:auto;
	cursor:pointer;
	cursor:hand;
	height:18px;
	text-align:center;
	text-decoration:none;
	background-color:Transparent;
	border:0px;
}

.gridToolbar 
{
    color:Black;
    overflow:hidden;
    border-top:1px solid buttonhighlight;
    border-bottom:1px solid lightgrey;
    border-left:0px;
    border-right:0px;
    background-color:White;
    white-space:nowrap;
    height:25px;
}

td.caption120{
	text-align:right;
	width:125px;
}
div.modalScreen{
    width:100%;
    height:100%;
    background-color:transparent;
    filter:alpha(opacity=0);
    visibility:hidden;
    position:absolute;
    z-index:2000;
    top:0;
    left:0;
}

div.modalWindow{
    border:outset 2px buttonFace;
     position:absolute;
    background-color:buttonFace;
    z-index:2001;
}

.modalClass{
    width:100%;
    height:100%;
    top:0;
    left:0;
}

div.modalTitle{
    background-color:threedface;
    color:windowtext;
    height:20px;
    margin-left:5px;
    margin-bottom:2px;
}

td.myApproveColumnOne 
{
	border-bottom:lightgrey 1px solid;
	background-color:aliceblue;
	text-align:left;
	width:120px;
}

td.myApproveColumnTwo
{
	background-color: #B9B9B9;
	text-align:left;
	width:250px;
}

td.myApproveColumnGen
{
	background-color:aliceblue;
	text-align: left;
}

.ApprovePanelTitle {
	background-color:#D4D0C8;
	color:black;
}

.ApprovePanelSubTitle {
	background-color:#EDE9E3;
	color:black;
	padding-left:23px;
}

.ApprovePanelControl {
    padding:8px 5px 5px 8px;
    background-color:#D4D0C8;
}

.ApprovePanelDetail {
}

.PageHeader {
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 2px solid #8cbe4f;
    color: #666666;
    display: block;
    font-size: 20px;
    font-weight: bold;
    height: 36px;
    padding-left: 40px;
    padding-top: 7px;
    margin-bottom: 4px;
    margin-left: 10px;
}

.MyClassesAttendanceHeader {
    text-indent: 16px;
}

td.AlertSettingsColumnTwo
{
	width:5px; 
	border-style: none none solid none; 
	border-width: 1px; 
	border-color: #dcdcdc;
}
td.AlertSettingsColumnThree
{
	width:465px; 
	border-style: none none solid none; 
	border-width: 1px; 
	border-color: #dcdcdc;
}
td.AlertSettingsColumnFour
{
	width:85px; 
	vertical-align:bottom;
	border-style: none none solid none; 
	border-width: 1px; 
	border-color: #dcdcdc;
}

.alertPageContent
{
    margin-top:5px;
    margin-left:5px;
}

.alertPanelColumn
{
    float:left;
}

.alertPanel
{
    border:#DDDDDD 1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    margin-left:5px;
    margin-top:5px;
    padding:5px;
}

.panelIcon
{
    height:16px;
    width:16px;
    margin:5px;
    border:0px; 
    vertical-align:middle;
}

.panelHeader
{
    font-weight:bold;
    font-size:15px;
    color:#8cbe4f;
}

.panelToolbar
{
    float:right;
}

.alertSettingsButton
{
    font-size: 9pt;
    font-weight:normal;
}

.alertGrid
{
    border-left:#DDDDDD 1px solid;
    border-right:#DDDDDD 1px solid;
    border-bottom:0px;
    border-top:0px;
}

.alertGrid tr
{
    height:20px;
}

.alertGrid th
{
    font-weight:normal;
    white-space:pre;
    border:#DDDDDD 1px solid;
    text-align:left;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}

.alertGrid td
{
    font-weight:normal;
    white-space:pre;
    border-left:0px;
    border-right:0px;
    border-bottom:#DDDDDD 1px solid;
    border-top:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}

.behaviorTotalGrid td
{
    font-weight:normal;
    white-space:pre;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
    border-top:0px;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:5px;
    padding-right:5px;
    overflow:hidden;
    border-style:none;
}

.alertGridLines td
{
    border-left:#DDDDDD 1px solid;
    border-right:#DDDDDD 1px solid;
}

.alertGrid th, .gridSelectedRow, .gridHeaderRow, .invalidGridCell
{
    background-color:#EEEEEE;
}

.gridNormalRow, .validGridCell
{
    background-color:#FFFFFF;
}

.alertStudentsGridHeader
{
    font-size:11pt;
    font-weight:bold;
    height:25px;
    color:#8cbe4f;
}

.unacceptableGrade
{
    color:red;
}

.alertStudentDetailsHeader
{
    font-size:16pt;
    font-weight:bold;
    color:Blue;
}

.alertStudentDetailsPhoto
{
    float:left;
    margin-right:5px;
}

.alertStudentDetailsPhoto img
{
    width:75px;
    height:75px;
}

.alertStudentDetailsSPEInfo
{
    clear:both;
}

.alertStudentDetailsSPEInfoLabel
{
    white-space:nowrap;
}

.alertMiniAlerts
{
    margin-top:10px;
    margin-bottom:10px;
}

.alertDropDownButton
{
    margin-top:10px;
    margin-bottom:10px;
}

.alertDropDownButton a
{
    text-decoration:none;
    color:Navy;
    padding-left:5px;
    padding-right:5px;
}

.alertDropDownButton a:hover
{
    background-color: #CCCCCC;
}

.alertDropDownButton img
{
    border:0px;
}

.alertDropDownArrow
{
    background-color:#EEEEEE;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    margin:0px;
}

.alertDropDownMainContainer
{
    border: 1px #BBBBBB solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color: #EEEEEE;
    cursor:pointer;
    font-size:15px;
}

.alertDropDownHiddenLinks
{
    position:absolute;
    visibility:hidden;
    border: 1px #BBBBBB solid;
    background-color: #EEEEEE;
    cursor:pointer;
    font-size:12px;
    z-index:30;
    -moz-box-shadow: 0px 3px 3px #555555;
    -webkit-box-shadow: 0px 3px 3px #555555;
    box-shadow: 0px 3px 3px #555555;
}

.attendanceDropDownMainContainer
{
    min-width:60px;
    border: 1px #BBBBBB solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color: #EEEEEE;
    cursor:pointer;
    font-size:12px;
}

.attendanceDropDownHiddenLinks
{   
    min-width:40px;
    position:absolute;
    visibility:hidden;
    border: 1px #BBBBBB solid;
    background-color: #EEEEEE;
    cursor:pointer;
    font-size:12px;
    z-index:30;
    -moz-box-shadow: 0px 3px 3px #555555;
    -webkit-box-shadow: 0px 3px 3px #555555;
    box-shadow: 0px 3px 3px #555555;
}
.attendanceDropDownHiddenLinks a
{
    display:block;
}

.alertDropDownHiddenLinks a
{
    display:block;
}

.alertToolTip div
{
    visibility:hidden;
    position:absolute;
}

.alertToolTipHover div
{
    visibility:visible;
    position:absolute;
    background-color:#FFFFCC;
    z-index:30;
    border:1px black solid;
    padding:5px;
    margin-left:10px;
    -moz-box-shadow: 3px 3px 3px #555555;
    -webkit-box-shadow: 3px 3px 3px #555555;
    box-shadow: 3px 3px 3px #555555;
}

.scrollDiv
{
    overflow:auto;
}

.scrollVertical
{
    overflow-x:hidden;
    overflow-y:auto;
}

#lblPageHeader {
    float:left;
}

.FAWebShellBody {
    background: url("../images/actionbarback.png") repeat-y scroll 0 0 #FFFFFF;
}

.TasksSection {
    padding: 4px; 
    border: 1px solid #B0C4DE; 
    border-collapse: collapse; 
    color: #5381AE; 
    font-size: 8pt;
}

.TasksSection div {
    line-height: 24px;
}

/* styles to standardize placement and look/feel of common controls */
.prettyBorder {
    padding: 6px;
    border: 2px solid #B0C4DE; 
    border-collapse: collapse; 
}

div.groupBox{
	border-bottom:1pt solid lightGrey;
	border-left:1pt solid lightGrey;
	border-right:1pt solid lightGrey;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
}

div.groupBoxHeader{
	font-weight:bold;
	background-color:#B9B9B9;
	padding-left:5px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
}

.standardPageWidth {
    width: 750px;
}

div.standardSpacing {
    margin-left:10px;
    margin-top:10px;
}

.filterSpacing {
    margin-left:10px;
}

.reverseFilterSpacing {
    margin-right:10px;
}

.controlMinWidth {
    min-width:100px;
}

.keepLabelWithControl {
    white-space:nowrap;
}

.standardLink {
    cursor:pointer;
	cursor:hand;
    text-decoration:none;
}

.standardLink:hover {
    cursor:pointer;
	cursor:hand;
    text-decoration:underline;
}

.headerToolbarButton {
	font-size:12px;
	font-weight:normal;
	font-style:normal; 
}

.dropBoxDetailLabel
{
    color:Gray;
}

.dropBoxLateSubmission
{
    background-color:#FFCCCC
}

.dropBoxLateSubmission a:link, .dropBoxLateSubmission a:visited
{
    color:Purple;
}

.attendDeleteIcon {
    /* Need all of the importants so we can override the jQuery UI built in styles (without mucking with our jQueryUI.css) */
    background-image: url("../images/removeseat.png") !important;
    height:20px !important;
    width:20px !important;
}

#deleteBinButton {
    height:auto;
}

.createClassPageRow {
    margin:10px 10px 0px 10px;
    background-color:#B0C4DE;
    padding:5px;
    border:1pt solid #ccc;
}

.sampleCalculation {
    border:1px solid lightgrey;
	color:black;
	height:175px; 
	overflow:auto;
}

.paddingLeft6 {
    padding-left: 6px;
}

.hiddenCol {
    display: none;
}

.captionBox3{ 
	border: #888 1px solid; 
	padding: 2px; 
	overflow: hidden; 
	width: 290px;  
	background-color:#8CBE4F;
	float:left;
}

.captionBox4{ 
	border: #888 1px dashed; 
	padding: 2px; 
	overflow: hidden; 
	width: 290px;  
	background-color:white;
	float:left;
}