/*
Theme Name: Bellevue
Description: idContent
Version: 1.0
Author: Andrew Masat - Bellevue University 2013
*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: 'Open Sans', sans-serif !important; color: #222; }
article,  aside,  details,  figcaption,  figure,  footer,  header,  hgroup,  nav,  section  {
     display:  block;
 }

audio,  canvas,  video  {
     display:  inline-block;
     *display:  inline;
     *zoom:  1;
 }

audio:not([controls])  {
     display:  none;
 }

[hidden]  {
     display:  none;
 }


html  {
     font-size:  100%;
     -webkit-text-size-adjust:  100%;
     -ms-text-size-adjust:  100%;
     background-color:#202020 !important;
 }


html,  button,  input,  select,  textarea  {
     font-family:  'Open Sans',  sans-serif !important;
     color:  #222;
 }

body  {
     margin:  0;
     font-size:  1em;
     line-height:  1.4;
     background-color:#202020 !important;
 }


::-moz-selection  {
     background:  #121212;
     color:  #fff;
     text-shadow:  none;
 }

::selection  {
     background:  #121212;
     color:  #fff;
     text-shadow:  none;
 }


/*a  {
     color:  #00e;
 }

a:visited  {
     color:  #551a8b;
 }

a:hover  {
     color:  #06e;
 }
*/
a:focus  {
     outline:  thin dotted;
 }

a:hover,  a:active  {
     outline:  0;
 }

abbr[title]  {
     border-bottom:  1px dotted;
 }

b,  strong  {
     font-weight:  bold;
 }

blockquote  {
     margin:  1em 40px;
 }

dfn  {
     font-style:  italic;
 }

hr  {
     display:  block;
     height:  1px;
     border:  0;
     border-top:  1px solid #ccc;
     margin:  1em 0;
     padding:  0;
 }

ins  {
     background:  #ff9;
     color:  #000;
     text-decoration:  none;
 }

mark  {
     background:  #ff0;
     color:  #000;
     font-style:  italic;
     font-weight:  bold;
 }

pre,  code,  kbd,  samp  {
     font-family:  monospace,  serif;
     _font-family:  'courier new',  monospace;
     font-size:  1em;
 }

pre  {
     white-space:  pre;
     white-space:  pre-wrap;
     word-wrap:  break-word;
 }


q  {
     quotes:  none;
 }

q:before,  q:after  {
     content:  "";
     content:  none;
 }

small  {
     font-size:  85%;
 }

sub,  sup  {
     font-size:  75%;
     line-height:  0;
     position:  relative;
     vertical-align:  baseline;
 }

sup  {
     top:  -0.5em;
 }

sub  {
     bottom:  -0.25em;
 }


ul,  ol  {
     margin:  1em 0;
     padding:  0 0 0 40px;
 }

dd  {
     margin:  0 0 0 40px;
 }

nav ul,  nav ol  {
     list-style:  none;
     list-style-image:  none;
     margin:  0;
     padding:  0;
 }


img  {
     border:  0;
     -ms-interpolation-mode:  bicubic;
     vertical-align:  middle;
 }

svg:not(:root)  {
     overflow:  hidden;
 }

figure  {
     margin:  0;
 }


form  {
     margin:  0;
 }

fieldset  {
     border:  0;
     margin:  0;
     padding:  0;
 }


label  {
     cursor:  pointer;
 }

legend  {
     border:  0;
     *margin-left:  -7px;
     padding:  0;
     white-space:  normal;
 }

button,  input,  select,  textarea  {
     font-size:  100%;
     margin:  0;
     vertical-align:  baseline;
     *vertical-align:  middle;
 }

button,  input  {
     line-height:  normal;
 }

button,  input[type="button"],  input[type="reset"],  input[type="submit"]  {
     cursor:  pointer;
     -webkit-appearance:  button;
     *overflow:  visible;
 }

button[disabled],  input[disabled]  {
     cursor:  default;
 }

input[type="checkbox"],  input[type="radio"]  {
     box-sizing:  border-box;
     padding:  0;
     *width:  13px;
     *height:  13px;
 }

input[type="search"]  {
     -webkit-appearance:  textfield;
     -moz-box-sizing:  content-box;
     -webkit-box-sizing:  content-box;
     box-sizing:  content-box;
 }

input[type="search"]::-webkit-search-decoration,  input[type="search"]::-webkit-search-cancel-button  {
     -webkit-appearance:  none;
 }

button::-moz-focus-inner,  input::-moz-focus-inner  {
     border:  0;
     padding:  0;
 }

textarea  {
     overflow:  auto;
     vertical-align:  top;
     resize:  vertical;
 }

input:valid,  textarea:valid  {
  }

input:invalid,  textarea:invalid  {
     background-color:  #f0dddd;
 }


table  {
     border-collapse:  collapse;
     border-spacing:  0;
 }

td  {
     vertical-align:  top;
 }


.chromeframe  {
     margin:  0.2em 0;
     background:  #ccc;
     color:  black;
     padding:  0.2em 0;
 }

.ie8alert  {
    width: 100%;
    padding: 3px 0px !important;
    margin-bottom:  -13px !important;
}


.alignright  {
    float: right;
    margin: 5px 0px 5px 5px;
}

.alignleft  {
    float: left;
    margin: 5px 5px 5px 0px;
}


/* Body Container */
.login  {
    position:  absolute;
    top:  50%;
    left:  50%;
    width:  220px;
    margin:  -150px 0 0 -130px;
}



/* Banner */
.bannerContainer  {
    position:  relative;
}

.header,  .header-custom  {
    height: 114px;
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    margin:  0 auto;
    overflow:  hidden;
    box-shadow:  0px 1px 10px #000;
}

.header  {
    background: url('../img/header-bg.gif') center;
}

  .bannerCourse  {
    float: left;
    height: 114px;
}

  .bannerCourse .title  {
    color: #fff;
    text-shadow: 0px 1px 1px #000;
}

  .bannerCourse .description  {
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 1px #000;
    margin:  25px 0px 0px 0px;
}

    @media (max-width:  767px)  {

      .bannerCourse .title  {
    padding:  0px 0px 0px 10px;
    font-size:  14px;
}

}

    @media (max-width:  979px)  {

      .header,  .header-custom  {
    height: 70px;
}

      .bannerCourse  {
    height: 70px;
}

      .bannerCourse h2  {
    line-height:  50px;
}

      .bannerCourse .description  {
    display:  none;
}

}

.shellBanner-custom .bannerCourse .description  {
    margin:  86px 0px 0px 180px !important;
}

@media (min-width: 1200px)  {
    .shellBanner-custom .bannerCourse .description  {
    margin:  86px 0px 0px 296px !important;
}
}
  .bu-logo  {
    float:  right;
    background: url('../img/bu-logo.png') no-repeat;
    margin-top:  15px;
    height: 74px;
    width: 217px;
}

    @media (max-width:  767px)  {

      .shellBanner-custom  {
    background-size:  1300px !important;
    background-position:  -335px -4px !important;
}

      .bu-logo  {
    padding:  0px 10px 0px 0px;
}

}

    @media (min-width:  768px) and (max-width: 979px)  {

      .shellBanner-custom  {
    background-size:  1300px !important;
}
}

    @media (max-width:  979px)  {

      .bu-logo  {
    height:  55px;
    width:  135px;
    background-size:  135px;
}

}

  .shellBanner .pageNumber  {
    position: absolute;
    bottom: 8px;
    right: 0px;
    font-weight:  bold;
    color: #fff;
    text-shadow: 0px 1px 1px #000;
}


/* Extra */
.ie {
    display: none !important;
}

.nondim  {
    z-index: 502;
     position:  relative;
}

.full-field  {
     width: 98% !important;
}

.btn-primary a:visited  {
    color: #fff !important;
}


/* Extra Course Related */



/* Feedback */
form.feed  {
    margin: 0px !important;
}

#flowchart  {
    position: absolute;
    top: 0;
    left: 0;
    width: 852px;
    height: 480px;
    z-index: 501;
    background:  url('img/help.png');
    display: none;
    text-align: left;
    float: left;
}

.ieflowchart {
    background: url('img/Flowchart.jpg') no-repeat;
    width:  1094px;
    height:  480px;
    margin:  0 0 0 -125px;
    display: none;
}


/* IFT Feedback */
#debug  {
    position:  fixed;
    top:  0;
    right:  50px;
    width:  92px;
    height:  60px;
    padding:  15px;
    z-index:  999;
    background-color:  white;
    text-align:  center;
    -moz-border-radius:  0px 0px 15px 15px;
     -webkit-border-radius:  0px 0px 15px 15px;
    border-radius:  0px 0px 15px 15px;
    opacity:  0.7;
    -moz-opacity:  0.7;
    -webkit-opacity:  0.7;
    -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#debug:hover  {
    opacity:  1;
    -moz-opacity:  1;
    -webkit-opacity:  1;
    -ms-filter:  "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ift-heading  {
    text-align:  center;
    font-weight:  bold;
    font-size:  12pt;
    color:  #000;
}

.ift-textarea  {
    width:  500px;
    height:  100px;
}


/* Bootstrap Social Pluging - Andrew Masat 2012 */
i.icon-social  {
    background-image:  url("img/social.png");
}

i.icon-social-white  {
    background-image:  url("img/social-white.png");
}

i.icon-facebook  {
    background-position:  0px 0px;
}

i.icon-linkedin  {
    background-position:  -14px 0px;
}

i.icon-twitter  {
    background-position:  -28px 0px;
}

i.icon-vimeo  {
    background-position:  -42px 0px;
}

i.icon-pinterest  {
    background-position:  -56px 0px;
}


/* Mobile Code */
/* Retina Screen */
@media only screen and (-webkit-min-device-pixel-ratio: 2)  {


}

@media (max-width:  480px)  {


}

@media (max-width:  767px)  {

body  {
    padding: 0px !important;
}


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px)  {


}

/* Large desktop */
@media (min-width:  1200px)  {


}
/* End */

.ir  {
     display:  block;
     border:  0;
     text-indent:  -999em;
     overflow:  hidden;
     background-color:  transparent;
     background-repeat:  no-repeat;
     text-align:  left;
     direction:  ltr;
     *line-height:  0;
 }

.ir br  {
     display:  none;
 }

.hidden  {
     display:  none !important;
     visibility:  hidden;
 }

.visuallyhidden  {
     border:  0;
     clip:  rect(0 0 0 0);
     height:  1px;
     margin:  -1px;
     overflow:  hidden;
     padding:  0;
     position:  absolute;
     width:  1px;
 }

.visuallyhidden.focusable:active,  .visuallyhidden.focusable:focus  {
     clip:  auto;
     height:  auto;
     margin:  0;
     overflow:  visible;
     position:  static;
     width:  auto;
 }

.invisible  {
     visibility:  hidden;
 }

.clearfix:before,  .clearfix:after  {
     content:  "";
     display:  table;
 }

.clearfix:after  {
     clear:  both;
 }

.clearfix  {
     *zoom:  1;
 }


@media print  {

  *  {
     background:  transparent !important;
     color:  black !important;
     box-shadow: none !important;
     text-shadow:  none !important;
     filter: none !important;
     -ms-filter:  none !important;
 }

  a,  a:visited  {
     text-decoration:  underline;
 }

  a[href]:after  {
     content:  " (" attr(href) ")";
 }

  abbr[title]:after  {
     content:  " (" attr(title) ")";
 }

  .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after  {
     content:  "";
 }

  pre,  blockquote  {
     border:  1px solid #999;
     page-break-inside:  avoid;
 }

  thead  {
     display:  table-header-group;
 }

  tr,  img  {
     page-break-inside:  avoid;
 }

  img  {
     max-width:  100% !important;
 }

  @page  {
     margin:  0.5cm;
 }

  p,  h2,  h3  {
     orphans:  3;
     widows:  3;
 }

  h2,  h3  {
     page-break-after:  avoid;
 }

}
