/***Styling***/
/* ---- To be added/set on each version of bootstrap.css ---- */
/*
.nav-tabs > li > a {background-color: #efefef; border-color: #eeeeee #eeeeee #dddddd;} /*tabs color
.container { background:#fff; } /*container background color
.linkButton { color: #0088cc; } /*other links color
.linkButton:hover{ color:#005580; text-decoration: underline;}
.slider.slider-success{ background-color: #84c322; } /*multi-course certificate: completed course tab color
body.base { background: #f0f0f0;} /*popups background color
*/


/*Site Structure*/
.container { 
margin:30px auto; 
border:1px solid #cecece;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 30px #666;
-webkit-box-shadow: 0 0 350px #666;
box-shadow: 0 0 30px #666;
}
.containerBase 
{
    width: 95%;
    margin-right:auto;
    margin-left:auto;
}
.footer {
border-top: 1px solid #ccc;
line-height:40px;
text-align: center;
background-color: #dedede;
}
.row.content, .row-fluid.content { min-height:500px; }
.table th, .table td { vertical-align:middle; }
input, select { max-width: 100%; } 
html.base, body.base { height: 100%; }
body.base { height:92%; padding:20px 30px; overflow: visible; box-shadow: inset 0 20px 20px -20px #ddd, inset 0 0 20px -20px; /*top shadow*/ }
img {margin-top:-2px;}
.nav-tabs.nav-main > li > a { height: 22px; }
.nav-tabs > li > a { text-transform:uppercase; }
.padLeft { margin-left:15px; }
.padRight { margin-right:15px; }
.tooltip.in, .in.tooltip { opacity: 0.9; alpha(opacity=90); }
[data-toggle="tooltip"] { cursor: help; }
ul.icons li {padding-top: 3px;}

/*Misc Classes*/
.linkButton /*display .net button as link*/
{
background-color: transparent;
border-style: none;
cursor: pointer;
text-align: left;
text-decoration: none;
display: inline;
margin-left:-5px;
font-size: 100%;
}
.btn.setWidth { width:85px;	text-align:left;} /*classlist courses button use a set width*/
.progress .bar{ color:#000; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); }
.progress, .progress.progress-success.progress-striped { margin-bottom: 0px; margin-top: 3px; } 
.strike { text-decoration: line-through; }
.iPadScroll { width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }	
    
/*Certificate Courses Accordian*/
.slider {
border: 1px solid #ddd;
margin: 5px 0 5px 0;
padding:8px;
background-color: #efefef;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.slider a { display:block; }
.sliderbody{
border: 1px solid #ddd;
border-top:none;
margin: -12px 0 0 0;
padding: 15px 8px 8px 8px;
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
}

.slider.required { background-color: #ddd; }
.slider.required a { font-weight:bold; }
/*END CourseList Accordian*/
	    

/*IDs*/
#topNav { margin-top:15px; }
img#logo { margin-top:15px; margin-bottom:20px; }


/* Purchase Classes styling */
.cart {
border: 1px solid #AAAAAA;
border-radius: 4px 4px 4px 4px;
display: none;
float: right;
padding: 8px 10px;
vertical-align: top;
width: 345px;
margin-top: 20px;
}

.cart_alt {
border: 1px solid #AAAAAA;
border-radius: 4px 4px 4px 4px;
display: block;
float: right;
padding: 8px 10px;
vertical-align: top;
width: 300px;
margin-top: 20px;

}

.errorlabel{
    color:red;
    font-weight:bold;
}



/***COURSE RATINGS***/
/*FROM: http://lea.verou.me/2011/08/accessible-star-rating-widget-with-pure-css/*/
.rating:not(:checked) > input {
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
}

.rating:not(:checked) > label:before {
    font-family: FontAwesome;
    content: '\f006';
}

.rating > input:checked ~ label {
    color: #f70;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.rating {
    float:left;
}

.ratingBox legend {
    width:auto;
    padding:0 10px;
    margin-bottom:10px;
    border-bottom:none;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

fieldset.ratingBox {
    text-align:left;
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

#ratingDesc {
    margin: 10px 0 0 25px;
}
/***END COURSE RATINGS***/







/*Media Queries*/
@media (max-width: 767px) 
{
.padLeft {margin-left:0px;}
.padRight {margin-right:0px;}
.container {margin:0; padding:7px;box-shadow:none;}
.footer {margin: 0 0 -7px -7px;padding-right:14px;line-height:25px;}
body {padding:0px;}
}
@media (max-width: 500px) { body.base { padding:10px 15px; } }
@-ms-viewport{ width: device-width; }





/*Print Styles*/
@media print { .row-fluid.header, .row-fluid.footer, .row-fluid.globalNav, #chooseCourse, .nav-tabs, .pull-right, .no-print {display:none;}   /*remove all ui*/ }