/* PPNX SSB Styling */
/* 2013 SJU Web Services.  Implemented to match 2012 SJU Magis Rebranding.
    Previous styling backed up to file web_defaultapp.css_sjubackup2013
    */
    
@import url(normalize.css);
@import url(bootstrap.css);
@import url(bootstrap-overrides.css);
@import url(base-sju.css); 
/*@import url(elements.css);*/



.centeraligntext {
  text-align: center;
}

.leftaligntext {
  text-align: left;
}

.rightaligntext {
  text-align: right;
}

.menulisttext {
  list-style: none;
}

.captiontext {
  margin-top: 1em;
}

.skiplinks {
  display: none;
}

.pageheaderlinks {
  color: #FFFFFF;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.requirementnotmet {
  color: black;
}

/* Class for Sub-menu Items                                  */
/* ========================================================  */
.pageheaderlinks2 {
  color: #CED5EA;
    text-align: justify;
}

.menulinktext, .pagebodylinks, .pagefooterlinks, .backlinktext, .menuheadertext, .gotoanchorlinks, .menulinkdesctext, .normaltext, .infotext, .multipagemsgtext, .requiredmsgtext, .fieldrequiredtext, .fieldformattext, .fielderrortext, .fieldsmallboldtext, .errortext, .warningtext, .fieldlabeltext, .fieldformatboldtext, .releasetext, .fieldmediumtext, .fieldsmalltext, .fieldOrangetextbold
  {
  color: black;
  font-weight: normal;
    font-style: normal;
  text-align: left;
}
.menulinktext{
  color: #0F2167;
  font-weight:bold;
}
.errortext, .warningtext, .fieldlabeltext, .fieldformatboldtext, .releasetext, .fieldmediumtextbold {
  font-weight: bold;
}
.releasetext {
  text-transform: uppercase;
}
.pagebodylinks {
  text-align: center;
}

.pagefooterlinks {
  text-align: center;
  margin-left: 3px;
}

.backlinktext {
  text-align: right;
  margin-bottom: 5px;
}
.fieldlargetext {
  font-weight: bold;
  font-size: 1.1em;
}
.fieldlabeltextinvisible {
  display: none;
}

.fieldOrangetextbold {
  color:#FFA500;
  font-weight: bold;
}


/* ANCHOR Definitions for Home Page MenuItems class.        */
/* ======================================================== */

a.menulinktext, a.submenulinktext, a.submenulinktext:hover, a.submenulinktext:visited, a.submenulinktext:visited:hover{
  font-weight: bold;
  font-style: normal;
  color:#167DAD;
}
a.submenulinktext:hover, a.submenulinktext:visited:hover{
  background-color: #1E2B83;
  color: #FFFFFF;
  text-align: justify;
  text-transform: none;
  text-decoration: none;
}

a.submenulinktext2, a.submenulinktext2:hover, a.submenulinktext2:visited{
  font-weight: normal;
  font-style: normal;
  color:#167DAD;
}
a.submenulinktext2:hover {
  text-decoration:underline;
}

a.whitespacelink{
  line-height: 200%;
  color: black;
  text-decoration: underline;
}
a.largelinktext {
  font-weight: bold;
  font-size: 1.25em;
  font-style: normal;
  text-align: left;
  text-decoration: underline;
}

a.sitemaplevel1, a.sitemaplevel2{
  font-style:normal;
  text-align:left;
  text-decoration:none;
  font-weight: normal;
  color:#167DAD;
}
a.sitemaplevel1 {
  font-weight: bold;
  font-size: .9em;
  color:#1E2B83;
}

a.sitemaplevel1:visited, a.sitemaplevel1:hover {
  font-weight: normal;
  font-size: .9em;
}
a.sitemaplevel2 {
  font-size: .85em;
}

a.sitemaplevel2:hover {
  font-weight: bold;
}

a.sitemaplevel3 {
  font-size: .8em;

}
a.sitemaplevel3:hover {
  font-weight: bold;
  text-decoration:underline;
}

.whitespace1{
padding-top:0em;
}

.whitespace2{
padding-top:1em;
}
.whitespace3{
padding-top:2em;
}
.whitespace4{
padding-top:3em;
}

/* Class for BANNER SEARCH Form text and button controls     */
/* ========================================================  */
DIV.headerlinksdiv2 {
font-weight: bold;
text-transform: none;
}

DIV.bodylinksdiv {
text-align: center;
margin-top: 1%;
}

DIV.footerlinksdiv {
text-align: center;
}

DIV.backlinkdiv {
text-align: right;
margin-top: -40px;
}

DIV.poweredbydiv {
text-align: right;
margin-right: -1px;
margin-top: 0px;
float: right;
}

DIV.previewdiv {
text-align: center;
}

DIV.validationdiv {
text-align: center;
}

DIV.staticheaders {
text-align: right;
font-size:  90%;
}


/* Horizontal Rule for Menu Section                         */
/* ======================================================== */

HR {
color: #CCCC33;
text-align: left;
vertical-align: top;
margin-top: -10px;
}

HR.pageseprator {
color: #a00000;
text-align: left;
vertical-align: top;
}


/* FORM CONTROLS                                            */
/* ======================================================== */
INPUT {
/*background-color: #FFFFFF;*/
font-weight: normal;
font-style: normal;
}


TEXTAREA {
/*background-color: #FFFFFF;*/
font-weight: normal;
font-style: normal;

}

SELECT {
/*background-color: #FFFFFF;*/
font-weight: normal;
font-style: normal;
}



/* TABLES                                                   */
/* ======================================================== */
table.dataentrytable, table.datadisplaytable, table.plaintable{
  border: 0;
}

table.menuplaintable {
  /* Create a horizontal rule effect. */
  border-top: 1pt #707070 solid;
}

table.pageheadertable {
  margin-top: 0px;
}

table.colorsampletable {
  background-color: #FFFFFF;
}

table.bordertable {
  border-collapse:collapse;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  border-top: 1px solid;
}

/* TABLE HEADERS AND DATA CELLS                             */
/* ======================================================== */
table th, table td {
  vertical-align: top;
}

.pageheadertablecell {
  text-align: left;
}

.pageheadernavlinkstablecell {
  text-align: right;
}

/* DATA ENTRY TABLE HEADERS AND DATA CELLS                  */
/* Some font rules are redunant because they do not         */
/* inherit well from the BODY on older browsers.            */
/* ======================================================== */
table .deheader {
  background-color: #ccc;
  font-weight: bold;
}

table .detitle {
  background-color: #ccc;
  font-weight: bold;
  /* Make titles big and chunky. */
  padding-bottom: 1em;
}

table .delabel {
  font-weight: bold;
}

table td.deborder {
  border: 1px solid;
}

/* DATA DISPLAY TABLE HEADERS AND DATA CELLS                */
/* Some font rules are redunant because they do not         */
/* inherit well from the BODY on older browsers.            */
/* ======================================================== */
table .ddheader {
  background-color: #ccc;
  font-weight: bold;
  border-top: 1px solid #999;
}

table .ddtitle {
  background-color: #ccc;
  font-weight: bold;
  padding-bottom: 1em;
}

table .ddlabel {
  font-weight: bold;
}


/* PLAIN TABLE HEADERS AND DATA CELLS                       */
/* These table data cell classes pertain to a table that is */
/* used strictly for layout. They do not have the redundant */
/* font rules because it is assumed that whatever is placed */
/* in these TD/TH tags will have its own class.             */
/* ======================================================== */
table td.pltitle {
  font-weight: bold;
}

table td.plheader {
  font-weight: bold;
}

table th.pllabel {
  font-weight: bold;
}

/* MENU PLAIN TABLE HEADERS AND DATA CELLS                  */
/* ======================================================== */
table td.mptitle {
  font-weight: bold;
}

table td.mpheader {
  font-weight: bold;
}

table th.mplabel {
  font-weight: bold;
}

/* Define tables with border				    */
/* ======================================================== */
table .dbheader {
  background-color: #ccc;
  font-weight: bold;
  border: 1px solid;
}


table .dbtitle {
  background-color: #ccc;
  font-weight: bold;
  /* Make titles big and chunky. */
  padding-bottom: 1em;
  border: 1px solid;
}

table .dblabel {
  border: 1px solid;
}


table .dbdefault {
  border: 1px solid;
}




/* NON TABULAR TABLE DATA DISPLAY  HEADERS AND DATA CELLS  */
/* Some font rules are redunant because they do not         */
/* inherit well from the BODY on older browsers.            */
/* ======================================================== */
table td.ntheader {
background-color: #b5b09c;
font-weight: bold;
}

table th.ntheader {
background-color: #b5b09c;
font-weight: bold;
}

table td.nttitle {
background-color: #b5b09c;
font-weight: bold;
/* Make titles big and chunky. */
padding-bottom: 1em;
}

table th.nttitle {
background-color: #b5b09c;
font-weight: bold;
/* Make titles big and chunky. */
padding-bottom: 1em;
}

table td.ntlabel {
background-color: #b5b09c;
font-weight: bold;
}

table th.ntlabel {
background-color: #b5b09c;
font-weight: bold;
}

/*

New Tab styles for Self Service

*/

/* 80100-1 */
.tabdisable {
	padding-left: 8px;
  font-weight: bold;
  background: #cccccc url(/wtlgifs/web_tab_corner.gif) no-repeat;
  color: #F2F2F2;
}
.tabdisable A:link {
	color: #F2F2F2; text-decoration: none;
}
.tabdisable A:visited {
	color: #F2F2F2; text-decoration: none;
}
.tabdisable A:active {
	color: #F2F2F2; text-decoration: none;
}
.tabdisable A:hover {
	color: #F2F2F2; text-decoration: none;
}

.bg3 {
	background-color: #a00000;
}