/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

ul.actions {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
}

ul.actions li {
  display: inline;
  float: left;
  margin: 0 0 0 10px;
  position: relative;
}

ul.pagenav {
  list-style: none outside none;
  margin: 15px 0;
  padding: 0;
}

ul.pagenav li {
  display: inline-block;
  margin: 0 10px 0 0;
}

html,body { height: 100%; }

body#op {
  background: url("../img/page-bg.png") repeat-x scroll 0 145px #F7F4E3;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  padding: 0;
  min-height: 100%;
}

#body-wrap {
  min-height: 100%;
  min-width: 100%;
}

.wrapper {
  margin: auto;
  width: 940px;
  position: relative;
}

#header {
  background: url("../img/header-bg.png") repeat-x scroll 0 0 transparent;
  height: 154px;
  position: relative;
  z-index: 9999;
}

#logo {
  display: block;
  float: left;
}

#tr {
  float: right;
  margin: 62px 0 0;
  padding: 0;
}

#tr form { float: right; }

#tr .search label { display: none; }

#tr .search input {
  background: #fff;
  border: 1px solid #999;
  font-size: 12px;
  height: 28px;
  padding: 0 30px 0 10px;
  width: 150px;
}

.joomla_add_this {
  float: right;
  font-size: 12px;
  line-height: 16px;
  margin: 6px 0 10px 10px;
}

div.mod-languages li {
	border-right: 1px solid #fff;
}

div.mod-languages li:last-child {
	border-right: none;
}

div.mod-languages a {
  color: #FFFFFF;
  font-family: 'Noto Serif',serif;
  font-size: 18px;
  text-decoration: none;
}

#nav {
  display: block;
  left: 176px;
  position: absolute;
  top: 109px;
  width: 100%;
}

#nav .menu {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

#nav .menu li {
  display: inline;
  float: left;
  margin: 0;
  position: relative;
}

#nav .menu li:last-child a {
	border-right: none;
}

#nav .menu a {
  color: #FFFFFF;
  display: block;
  font-family: 'noto serif',serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 20px;
  padding: 0 20px;
  text-decoration: none;
	border-right: 1px solid #fff;
}

#nav .menu li:hover a {
  background: url("http://course.nbiaa-asinb.org/templates/op/_/img/nav-over.png") no-repeat scroll 0 10px transparent;
}

#nav .menu li.current a {
  background: url("http://course.nbiaa-asinb.org/templates/op/_/img/nav-over.png") no-repeat scroll 0 10px transparent;
}

#nav .menu li ul {
  background: #dc3a41;
  background: rgba(221,61,66,0.8);
  display: none;
  height: auto;
  left: 0;
  margin: 0;
  padding: 15px;
  position: absolute;
  top: 40px;
  width: 180px;
}

#nav .menu li ul li {
  float: none;
  margin: 4px 0;
}

#nav .menu li ul a, #nav .menu li:hover ul a, #nav .menu li.current ul a {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  color: #FFFFFF;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 17px;
  padding: 0;
}

#nav .menu li:hover ul {
	display: block;
}

#nav .menu li ul a:hover,
#nav .menu li ul li.current a {
	text-decoration: underline;
}

#banner {
  margin: 0 auto 15px;
  position: relative;
}

#banner p {
	margin: 0;
}

#content {
  margin-top: 50px;
  padding-bottom: 60px;
}

#left, #main, #right { 
	float: left;
	display: inline;
	position: relative;
}

#left {
  margin: 0 30px 30px 20px;
  width: 315px;
}

#left .moduletable {
  background: none repeat scroll 0 0 #DCDCDC;
  border-radius: 5px 5px 5px 5px;
  margin: 0 0 15px;
  padding: 12px 8px 1px;
}

#right {
  margin: 0 0 30px;
  width: 315px;
}

#main {
  margin: 0 0 30px;
  width: 635px;
}

#main.right {
  margin: 0 35px 30px 0;
  width: 590px;
}

#right .moduletable {
  margin: 0 0 25px;
}

#bottom {
}

#bottom .moduletable {
  text-align: center;
}

#footer-wrap {
  clear: both;
  height: 125px;
  margin-top: -60px;
  position: relative;
}

#footer {
  background: url("../img/footer-bg.png") repeat-x scroll center top transparent;
  height: 125px;
  position: relative;
}

#footer-nav {
  float: left;
  margin: 20px 0 0;
}

#footer-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer-nav li {
  float: left;
}

#footer-nav a {
  color: #FFFFFF;
  font-family: 'noto serif',sans-serif;
  font-size: 18px;
  padding: 0 10px;
  text-decoration: none;
}

#copyright {
  color: #FFFFFF;
  float: right;
  font-family: 'noto serif',sans-serif;
  font-size: 18px;
  margin: 20px 20px 0;
  padding: 0;
  text-decoration: none;
}

a#op {
  left: 50%;
  margin: 0 0 0 -81px;
  position: absolute;
  top: 50px;
  width: 159px;
}

.clr { clear: both; }

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: #9C2446;
  font-family: "Noto Serif",serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 25px;
  padding: 0;
  text-decoration: none;
}

#left h3 {
	margin: 0 0 10px 0;
}

a { color: #9c2446; }

p, pre {
  margin: 0 0 15px;
}


.login-greeting {

 //color: #9C2446;
 font-size: 18px;

}

.validate, .button  {

padding: 5px 8px 5px 8px; 
margin: 10px 10px 10px 0;

}


#jform_email {
  margin: 5px 0 0 -25px;
}

#login-form ul {

  display: none;
}

/*ART TABLE FOR LIST OF ACCREDITED COACHES */
table.tablesorter {
  //font-family: "Noto Serif",serif;
  font-size: 14px;
  margin: 0 auto;
  margin-top: 10px;
  width: 80%;
}

table.tablesorter .header {

  background-color: #913941;
  color: #ffffff;
  text-align:center;
  vertical-align:middle;
}


table.tablesorter tbody td {
   background-color: #FAF9EF;
}


table.tablesorter tbody .cell-1 {
  text-align:left;
  vertical-align:middle;
  letter-spacing:1px;
  padding-left: 30px;
}

table.tablesorter .cell0 {
  text-align:center;
  vertical-align:middle;
  letter-spacing:1px;
}


table.tablesorter tr:hover td{

  background-color: #F4F1D7;
  color: #000000; 

}

#quiz-result {

  font-family: "Noto Serif",serif;

}

#quiz-intro {


  font-family: "Noto Serif",serif;

}

.login div {

  margin: 10px 0 10px 0;

}

.registration legend {

  font-family: 'noto serif',serif;
  font-size: 18px;
  color: #9C2446;

}

#member-registration dt {

  font-size:14px;
  font-weight:bold;

}


#member-registration dd {

  margin: 5px 0 2px 25px;
  
}


.arttable_table th {

  font-size: 14px;
}

.yui-skin-sam th.yui-dt-asc .yui-dt-liner {
    background: url("../img/dt-arrow-up.png") no-repeat center right;
}

.yui-skin-sam th.yui-dt-desc .yui-dt-liner {
    background: url("../img/dt-arrow-dn.png") no-repeat center right;
}

/* ARI Quiz Result */

.yui-skin-sam tr.yui-dt-odd{background-color:#FAF9EF}

.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam tr.yui-dt-even td.yui-dt-desc{background-color:#FAF9EF}

.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc{background-color:#FAF9EF}

.yui-skin-sam tr.yui-dt-odd{background-color:#FAF9EF}

.yui-skin-sam tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam tr.yui-dt-even td.yui-dt-desc{background-color:#FAF9EF}

.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-desc{background-color:#FAF9EF}

.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-desc{background-color:#FAF9EF}

.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc,.yui-skin-sam tr.yui-dt-odd td.yui-dt-desc{background-color:#F4F1D7}

.yui-skin-sam th.yui-dt-highlighted,.yui-skin-sam th.yui-dt-highlighted a{background-color:#F4F1D7;}.yui-skin-sam tr.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-asc,.yui-skin-sam tr.yui-dt-highlighted td.yui-dt-desc,.yui-skin-sam tr.yui-dt-even td.yui-dt-highlighted,.yui-skin-sam tr.yui-dt-odd td.yui-dt-highlighted{cursor:pointer;background-color:#F4F1D7;}

.yui-skin-sam a.yui-pg-first:link,.yui-skin-sam a.yui-pg-first:visited,.yui-skin-sam a.yui-pg-first:active,.yui-skin-sam a.yui-pg-first:hover,.yui-skin-sam a.yui-pg-previous:link,.yui-skin-sam a.yui-pg-previous:visited,.yui-skin-sam a.yui-pg-previous:active,.yui-skin-sam a.yui-pg-previous:hover,.yui-skin-sam a.yui-pg-next:link,.yui-skin-sam a.yui-pg-next:visited,.yui-skin-sam a.yui-pg-next:active,.yui-skin-sam a.yui-pg-next:hover,.yui-skin-sam a.yui-pg-last:link,.yui-skin-sam a.yui-pg-last:visited,.yui-skin-sam a.yui-pg-last:active,.yui-skin-sam a.yui-pg-last:hover,.yui-skin-sam a.yui-pg-page:link,.yui-skin-sam a.yui-pg-page:visited,.yui-skin-sam a.yui-pg-page:active,.yui-skin-sam a.yui-pg-page:hover{color:#9C244C;}

.yui-skin-sam th.yui-dt-asc, .yui-skin-sam th.yui-dt-desc { background-color: #913941; color: #FFFFFF; }


.yui-skin-sam .yui-dt th, .yui-skin-sam th.yui-dt-asc, .yui-skin-sam th.yui-dt-desc {
    background: url("../img/sprite2.png") repeat-x;
}

.yui-skin-sam .yui-dt th, .yui-skin-sam .yui-dt th a  {
    color: #FFFFFF;
    font-weight: bold;
}

#yuievtautoid-0 { margin-left: -20px; }

td.yui-dt0-col-PercentScore {

  font-size: 11px;
}

/* ARI QUIZ */
#ariQuizContainer .aq-question-title {

  background-color: #9C2446;
}

#ariQuizContainer .btn-primary {
    background-color: #BE2B54;
    background-image: linear-gradient(to bottom, #9C2446, #BE2B54);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#ariQuizContainer .btn-primary:hover,
#ariQuizContainer .btn-primary:focus,
#ariQuizContainer .btn-primary:active,
#ariQuizContainer .btn-primary.active,
#ariQuizContainer .btn-primary.disabled,
#ariQuizContainer .btn-primary[disabled] {
  color: #ffffff;
  background-color: #BE2B54;
}


/* tooltip */

.tip { display: none; }

/* Profile Page */
#users-profile-core {
  font-family: "Noto Serif",serif;
  font-size: 16px;
}

#users-profile-core legend, #member-profile legend {
  color: #9C2446;
  font-size: 18px;
  font-weight: bold;
}

#users-profile-core dt, #member-profile label {
  color: #9C2446;
  font-weight: bold;
  margin-top: 10px;
}

#users-profile-core dd, #member-profile input  {
  color: #000000;  
  margin-top: 10px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1140px) {
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .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; /* h5bp.com/t */
    }

    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;
    }
}