/* SSB Base Stlying 
    should be imported at the top of the web_default* files
  
*/
body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-size: 13px;
  color: #333;
  margin:10px auto;
  background: #fff url(/wtlgifs/web_bg_app_2013/web_bg_app_980.jpg) no-repeat top center;
  margin-top:74px;
  width:100%;
  text-align: center;
}

h1,h2,h3,h4,h5,h6 {
  margin: 10px 0;
  font-family: 'FrutigerLTW01-67BoldCn', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.2;
  color: #b30838;
  text-rendering: optimizelegibility;
}
.headerwrapperdiv, .pageheaderdiv2, .pagetitlediv, .pagebodydiv, .globalfooterdiv, .pagefooterdiv, .footerlinksdiv, .banner_copyright{
  width:80%;
  max-width:960px;
  padding:0px 10px;
  margin:0 auto;
  background-color:white;
  display:block;
  text-align: left;
}
div, table{
  text-align: left;
}
.headerwrapperdiv{
  padding-top:10px;
}
.pageheaderdiv2 {
  display: none;
}
.pagebodydiv{
  padding-bottom:10px;
}
.footerlinksdiv{
  border-top:1px solid #ccc;
  padding:10px;
}
.pageheaderlinks{
  float:right;
  font-size:.85em;
}
.pageheaderlinks a {
  border-left: 1px solid #167DAD;
  padding-left: 8px;
}
.pageheaderlinks a:first-child {
  border-left: none;
}

.globalfooterdiv{
    background:white;
    height:50px;
}
.pagefooterdiv{
   background:#ccc;
   border-top:1px solid #999;
}
.pagefooterdiv span{
    display:block;
    text-align:right;
    padding:10px;
    font-size:.75em;
}

/* ANCHORS (LINKS)                                          */
/* ======================================================== */
a:link{color:#167DAD;text-decoration:none;}

a:visited{color:#136185;text-decoration:none;}

a:active{color:#649eb8;}

a:hover{color:#167DAD;text-decoration:underline;}


/* Tabbed Menus */
.bgtaboff img, .bgtabon img {
    display: none;
}
.tabon, .taboff{
    padding:0;
    border-top: none;
    border-bottom:1px solid #ccc;
    text-align:center;
    border: 1px solid #ccc;
}
.taboff{
  background-color: #EEE;
}
.tabon {
    border-bottom: none;
}
.tabon a, .taboff a{
    display:block;
    padding: 10px;
    -webkit-transition: background 300ms ease;
    -moz-transition: background 300ms ease;
    -ms-transition: background 300ms ease;
    -o-transition: background 300ms ease;
    transition: background 300ms ease;
}
.tabon a:hover, .taboff a:hover{
    background-color:#f9f6e1;
}

.taboff a{ background-color: #eee;}
.bgtabon, .bgtaboff {display:none;}

/* Forms */
table td input {
  display: block;
}
/* Added so that Jay can have elements next to the input, such as on the
  employee alias form, with the DatePicker field.
  This .inline has to be set as a class in the administive end.
  */
table td input.inline{
  display:inline-block;
}
.campuspipeline input{
  min-width: 200px;
}
form{
  margin-top:5px;
}

/* Allow radio and check boxes to float next to their labels.
    The labels are not wrapped in any tag, so using the normal
    display:block will break the layout
    kpipe@sju.edu 6/11/2014
  */
input[type="checkbox"], input[type="radio"] {
  display: inline-block;
  margin-right: 5px;
}


@font-face {
  font-family: "FrutigerLTW01-55Roman";
  src: url("fonts/frutigerltw01-55roman.eot?iefix") format("eot");
}
@font-face {
  font-family: "FrutigerLTW01-55Roman";
  src: url("fonts/frutigerltw01-55roman.eot?iefix");
  src: url("fonts/frutigerltw01-55roman.woff") format("woff"), url("fonts/frutigerltw01-55roman.ttf") format("truetype"), url("fonts/frutigerltw01-55roman.svg") format("svg");
}
@font-face {
  font-family: "FrutigerLTW01-57Condens";
  src: url("fonts/frutigerltw01-57condensed.eot?iefix") format("eot");
}
@font-face {
  font-family: "FrutigerLTW01-57Condens";
  src: url("fonts/frutigerltw01-57condensed.eot?iefix");
  src: url("fonts/frutigerltw01-57condensed.woff") format("woff"), url("fonts/frutigerltw01-57condensed.ttf") format("truetype"), url("fonts/frutigerltw01-57condensed.svg") format("svg");
}
@font-face {
  font-family: "FrutigerLTW01-67BoldCn";
  src: url("fonts/frutigerltw01-567boldcn.eot?iefix") format("eot");
}
@font-face {
  font-family: "FrutigerLTW01-67BoldCn";
  src: url("fonts/frutigerltw01-567boldcn.eot?iefix");
  src: url("fonts/frutigerltw01-567boldcn.woff") format("woff"), url("fonts/frutigerltw01-567boldcn.ttf") format("truetype"), url("fonts/frutigerltw01-567boldcn.svg") format("svg");
}


@media (max-width: 767px){
  .mpdefault .headerImg, .indefault .headerImg{
    margin:2px;
    max-width:85%;
    min-width:16px;
  }
  .headerlinksdiv{
    max-width:100%;
    overflow:hidden;
    overflow-x:scroll;
  }
  .headerlinksdiv:after {
     content: "Click and drag the menu above to see more tabs.";
     display: block;
     clear: both;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px){
  body{
    background: #eee url(/wtlgifs/web_bg_app_2013/web_bg_app_768.jpg) no-repeat top center;
    margin-top:58px;
  }
  .headerwrapperdiv, .pageheaderdiv2, .pagetitlediv, .pagebodydiv, .globalfooterdiv, .pagefooterdiv, .footerlinksdiv{
    width: 748px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px){
  body{
    background: #eee url(/wtlgifs/web_bg_app_2013/web_bg_app_470.jpg) no-repeat top center;
    margin-top:58px;
  }
  .headerwrapperdiv, .pageheaderdiv2, .pagetitlediv, .pagebodydiv, .globalfooterdiv, .pagefooterdiv, .footerlinksdiv{
    width: 450px;
  }
  
}
@media only screen and (max-width: 479px){
  body{
    background: #eee url(/wtlgifs/web_bg_app_2013/web_bg_app_300.jpg) no-repeat top center;
    margin-top:37px;
  }
  .headerwrapperdiv, .pageheaderdiv1, .pageheaderdiv2, .pagetitlediv, .pagebodydiv, .globalfooterdiv, .pagefooterdiv, .footerlinksdiv{
    width: 80%;
    max-width: 300px;
  }
  .headerwrapperdiv h1{
    font-size:1.5em;
  }
}