@charset "iso-8859-1";
/* 09-12-2019 B-09960 CB branding change Purple Color Scheme*/

/*09-12-2019 B-09960 CB branding change for text*/
@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Slab&display=swap');

body {
    background-color: rgb(245,245,245);
    font-family: Verdana, Geneva, sans-serif !important;
    /* font-family: 'Roboto Slab', serif;
    font-family: 'Roboto', sans-serif;*/
}


/*	Global link styles*/
    a { color: #486edf; text-decoration: none; text-shadow: 0px 0px 0px transparent; }
a:hover{ color: #069 !important; text-decoration: underline; text-shadow: 0px 0px 0px transparent;}
a:active{ color: #069 !important; text-decoration: underline; text-shadow: 0px 0px 0px transparent; }

/*Set the style for links in the application review that are displayed on white*/
a:visited {color: #486edf !important;  font-family:Verdana, Geneva, sans-serif !important;}


.bulletClass li { list-style-image: url(../images/bullet.gif); font-size:12px; padding-bottom:6px; display: list-item; list-style-position: outside; margin-left:30px !important; }
.logo_bckgd { background-color:#ffffff;   }


/* `Headings*/
h1 {
    color: #702F8A;
}
h2 {
    color: #702F8A;
}
h3 {
    color: #702F8A;
}
h4 {
    color: #702F8A;
}
h5 {
    color: #702F8A;
}
h6 {
    color: #702F8A;
}

.h2left{font-size: 18px; font-weight:bold; padding-top:10px; text-align:left !important;}

.breadcrumb {
    color: #505050;
}

/* Page content wrappers  */
#container { background-attachment: scroll; background-position: 0 0; background-color:#fff; -webkit-box-shadow: #EAEAEA 0px 7px 1px 0; -moz-box-shadow: #EAEAEA 0px 7px 1px 0; -o-box-shadow: #EAEAEA 0px 7px 1px 0; box-shadow: #EAEAEA 0px 7px 1px 0; overflow:hidden;   }
    #container p {
        color: #505050;
    }

/* Header  */
.header { color:#fff; background-color:#3366cc; background-image:url(../Config/CB/images/forms-header.png); background-repeat:no-repeat; }
.intro_text {
    color: #505050;
}


/*	Main top header  */
.onecolumn{ 	width: 100%; 	background: #ffffff; 	border: 0px solid #cdcdcd; margin: 0px;}
    .onecolumn .mainHeader {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        height: 40px;
        background-color: #F0F0F0;
    }
.onecolumn .mainHeader span{ 	display: block; 	font-size: 16px; 	font-weight: bold; 	padding: 10px 0 0 10px; 	float: left; 	width: auto; 	cursor: n-resize; }
.onecolumn .mainHeader .switch{	float: right; 	margin-right: 15px; 	padding: 5px 0 0 0; }

/* top help, chat and login spec */
.date {font-family: Verdana, Geneva, sans-serif !important; font-size:12px; color: #fff;	text-decoration: none;	font-weight: normal; vertical-align: middle; padding-right:20px;} 
.date a:link {font-family:Verdana, Geneva, sans-serif !important; font-size:12px;	color: #fff !important;	text-decoration: none; }
.date a:visited {font-family: Verdana, Geneva, sans-serif !important; font-size:12px;color: #fff !important;	text-decoration: none;}
.date a:hover {font-family: Verdana, Geneva, sans-serif !important; font-size:12px;color: #fff !important;	text-decoration: underline; }
.date a:focus {font-family: Verdana, Geneva, sans-serif !important; font-size:12px;color: #fff !important;	text-decoration: underline; }


/* --- HELP STYLING  ---*/

/* Floating Help table.  top:150px;*/
#floatMenu { position:absolute !important; font-family:Arial, Helvetica, sans-serif !important;  top:110px; left:825px; width:180px; height:60px; padding: 10px 10px 30px 10px; } 

.help { background-color: #FFC; padding:7px; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:16px !important; color:#666666; border:1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-background-clip: padding; -moz-background-clip: padding; -ms-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }


/*	Table layout*/
table.data { border:1px solid #ccc; padding:10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-right:1px solid #ccc;}
table.data tr { 	}
table.data tr td, table.data tr th{	border-bottom:1px solid #ccc; padding-top:3px; padding-bottom:3px; }
table.data tr th{border-bottom:1px solid #ccc;}
table.data tr th, table.data tr td{border-top:0px solid #fff; }
table.data tr td, .r0sm, .r1sm{ color: #666666; border-top: 1px solid #fff;   }
table.data tr:hover { background:#fff; }

/*	Table out border for household grid*/
table.outer { border:1px solid #7295DC; padding:10px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color:#FFF; }


/* --- FORMS LIBRARY STYLING  ---*/
/* Table containing list of forms and thumbnails.  */

/* Images */
.img_forms { border:1px solid #cccccc;  
	-webkit-box-shadow: #999999 1px 1px 3px 0;
	-moz-box-shadow: #999999 1px 1px 3px 0;
	-o-box-shadow: #999999 1px 1px 3px 0;
	box-shadow: #999999 1px 1px 3px 0;
 }

/* Table containing list of forms and thumbnails.  */
.formListTable {background-color: rgb(245, 245, 245); }
.formTitle {color: #3366cc; }

/* --- END FORMS LIBRARY STYLING  ---*/

/*IDOC login year buttons*/
#css_fap_template1_box_left {
    width: 250px;
    float: left; 
    background: #f2f2f2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    height: 100px;
    display: table;
    align-items:baseline;
    vertical-align:middle;
}
 #css_fap_template1_box_right {
    width: 250px;
    float: right;
    background: #f2f2f2;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 20px;
    position: relative;
    height: 100px;
    display: table;
    align-items:baseline;
    vertical-align:middle;
}
#text_left_wrapper, #text_right_wrapper {
   position: absolute;
    top: 12px;
    left: 5px;
    width: 111px;
    height: 35px;
    color:#0088d9;
    text-align:center;
    /*overflow: hidden;*/
}
#button_left_wrapper, #button_right_wrapper {
    background: top left no-repeat;
    position: absolute;
    top: 32px;
    right: 15px;
    width: 111px;
    height: 35px;
    overflow: hidden;
}
/*END IDOC login year buttons*/

/*media all*/

/* LEFT NAV MENU */
#SubMenu .title {color: #666666; text-align:left !important;}
#SubMenu .title a {color: #666666;}
#SubMenu .title a:hover {color: #666666;}

#SubMenu .selected A {color: #3768CE;}
#SubMenu .submenuitem A:hover {color: #3768CE;  text-decoration:underline;}
#SubMenu .submenuitem A:focus {color: #3768CE; text-decoration:underline;}
#SubMenu .completed .submenuitem:hover {color: #3768CE;  text-decoration:underline;}
#SubMenu .completed .submenuitem:focus {color: #3768CE;  text-decoration:underline;}

#SubMenu .submenuitem2 A:focus {color:#36c; background: url('../images/sideli-blue.png') no-repeat;	background-position: 0px 4px; text-decoration:underline;}
#SubMenu .submenuitem2 A:hover {color:#36c; background: url('../images/sideli-blue.png') no-repeat;	background-position: 0px 4px; text-decoration:underline;}
#SubMenu .submenuitem2 A.selected {background: url('../images/sideli-blue.png') no-repeat;	background-position: 0px 4px; color:#36c;}


/* --- FORM  STYLING  ---*/

/* Form fieldset, legend, label and validation styles */
/*#fwform fieldset{border:1px solid #7295DC; background-color:#FFF }*/
/*B-09960 branding change to purple*/
#fwform fieldset {
    border: 1px solid #A05EB5;
    background-color: #FFF
}

#fwform legend {
    color: #0077C8;
}
    #fwform legend h3 {
        color: #A05EB5;
        font-size: 15px;
    }

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover { 
color: #0066CC; 
}
/*
.horiz { font-family:Verdana, Geneva, sans-serif !important; 	color:#369 !important; }
.horiz td { font-family:Verdana, Geneva, sans-serif !important; 	color:#369 !important; }
*/

.horiz {
    font-family: Verdana, Geneva, sans-serif !important;
    color: #505050 !important;
}

    .horiz td {
        font-family: Verdana, Geneva, sans-serif !important;
        color: #505050 !important;
    }

textarea,
select,
input[type="file"],
input[type="password"],
input[type="text"],
input[type="textarea"] { 
color:#36c; 
}
/*WCAG AA 2.	Recommend new color that will meet standard of 4.5:1. #777771 is the lightest grey that will. */
input::-webkit-input-placeholder {color: #777771 !important;} 
input:-moz-placeholder { /* Firefox 18- */color: #777771 !important;  } 
input::-moz-placeholder {  /* Firefox 19+ */color: #777771 !important;  } 
input:-ms-input-placeholder {  color: #777771 !important;  }



textarea[disabled],
select[disabled],
input[type="file"][disabled],
input[type="password"][disabled],
input[type="text"][disabled],
input[type="textarea"][disabled]{
	background-color: #eeeeee;
}
/* --- END FORM  STYLING ---*/


/* dashboard legend and label styles */
#fwapps fieldset{ border:1px solid #7295DC; }
#fwapps legend {color: #5B84D7; width:auto;}

/*Academic warning messages*/
.content.nc{ padding:10px 0; padding-bottom:10px; margin:30px; margin-bottom:0; border-top:1px solid #bdbdbd; }
.content.ncList{ padding:0px; padding-bottom:10px; margin:30px; margin-bottom:0; border:0 !important; }

h2.header.ib{ display:inline-block; font-size:20px; color:#4cafe4; line-height:1; width:140px; padding:0 20px; text-align:right; }
.header.ib strong{ font-weight:normal; }
.tblWrap .header{ background-color:#4cafe4; color:#fff;  }
.tblWrap{ display:inline-block; width:100%; max-width:824px; }

table.dataModal { 
	border-right: 1px solid #d8d8d8; 
	border-left: 1px solid #d8d8d8; 
	border-top: 1px solid #d8d8d8; 
	-moz-border-radius-topright: 3px; 
	-webkit-border-top-right-radius: 3px; 
	-moz-border-radius-topleft: 3px; 
	-webkit-border-top-left-radius: 3px; 
	behavior: url(../styles/PIE.htc);
}
table.dataModal caption{	display: none;}
table.dataModal tr{	background: #ffffff;}  
table.dataModal tr td, table.data tr th{	border-bottom: 1px solid #d8d8d8; padding: 3px; }
table.dataModal tr th{ color: #015685; font-weight: bold; border-top:0px solid #d8d8d8; background-color: #f2f2f2; line-height:15px; vertical-align:bottom; }
table.dataModal tr td{	color: #333333;}
table.dataModal tr:hover { background:#FFFFCC !important;}   /*	hover yellow on rows*/

.tblWrap table.dataModal .innertable{ border:0 !important; padding:1px 2px; background-color: inherit !important; }
.tblWrap table.dataModal .innertable tr{background-color: inherit !important; }
.tblWrap table.dataModal .innertable tr td{padding: 1px 8px;}

.tblWrap table, .ui-accordion-content table{ border:2px solid #4cafe4; border-radius:10px !important; border-collapse:separate; }
.tblWrap table.dataModal th, .ui-accordion-content table.dataModal th{ background-color:#4cafe4; color:#fff; }
.tblWrap table.dataModal td, .tblWrap table.dataModal th, .ui-accordion-content table.dataModal td, .ui-accordion-content table.dataModal th{ border:0 !important; padding:10px 20px; width:auto !important; }

.tblWrap th:first-child, .ui-accordion-content th:first-child{ border-radius:5px 0px 0 0; }
/*
    --causes pointed left top corner on college/program search list
    .tblWrap th:last-child, .ui-accordion-content th:last-child{ border-radius:0 5px 0 0; }

    */
.tblWrap th:last-child, .ui-accordion-content th:last-child{ border-radius:5px 5px 0 0; }

.tblWrap tr:last-child td:first-child, .ui-accordion-content tr:last-child td:first-child{ border-radius:0px 0px 0 5px; }
.tblWrap tr:last-child td:last-child, .ui-accordion-content tr:last-child td:last-child{ border-radius:0 0px 5px 0; }
.tblWrap tr:nth-child(even), .ui-accordion-content tr:nth-child(even){ background-color:#ecf3f6; }

/*Data check warning */
.dCWarningMsg{ margin: auto; padding: 0px 0px 0px 10px; background: #fff;  margin: 0px; width:99%; }
/*Data check WARNING text */
.dCWarning{font-weight: bold; color: #bb1300; }