/* Page layout */
html, body {
    background: #fff;
    color: black;
}

#hd, #bd, #ft {
    background: white;
    color: black;
    padding: 1em 2em 0 2em;
}
#bd {
    padding: 2em 2em 0em 2em;
}

/* Headers */
#bd > h2:first-child, .yui-b > h2:first-child {
    margin: 0 0 1em 0;
}
h1, h2, h3, h4 {
    color: #0071b9;
}
h1, h2, h3 {
    margin: 1em 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1 {
    font-size: 160%;
}
h2 {
    font-size: 155%;
}
h3 {
    font-size: 124%;
}
h4 {
    font-size: 114%;
}
h5 {
    font-weight: bold;
}
/* Block elements */
p {
    margin-bottom: 1em;
}

b {
	text-decoration: none;
	font-size: 110%;
}

/* Inline elements */
a {
    background: transparent;
    color: navy;
    text-decoration: underline;
}
a:hover {
    background: transparent;
    color: black;
}
abbr, acronym {
    border-bottom: 1px dotted black;
}
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Lists */
ul, ol, dl {
    margin: 0.5em 2em;
}
li > ul, li > ol , li > dl {
    margin: 0.15em 2em;
}
ol li {
    list-style: decimal outside;
}
ul li {
    list-style: square outside;
}
dl dd {
    margin-left: 1em;
}
ul.no-bullets {
    margin: 0;
    padding: 0;
}
ul.no-bullets li {
    list-style: none;
}

/* Tables */
table {
    margin-bottom: 1em;
}
td, th {
    padding: 0.5em;
}
th {
    font-weight: bold;
    text-align: center;
}
tbody th {
    border-bottom: 1px solid #ccc;
    text-align: left;
}
td.no-wrap {
    white-space: nowrap;
}

/* Forms */
form {
    margin-bottom: 1em;
}
fieldset {
    margin: 0;
}
form ul.errorlist {
    background: #fee;
    border: 5px solid #fdd;
    margin-left: 0;
    padding: 1em;
}
form ul.errorlist li {
    list-style: square inside;
}
form table td ul.errorlist {
    margin: 0;
    padding: 0.5em;
}
form button {
    padding: 0.2em 0.5em;
}
/* Generic classes */
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.clear-both {
    clear: both;
}
.float-left {
    float: left;
}
img.float-left {
    margin: 1em;
    margin-left: 0;
}
.float-right {
    float: right;
}
img.float-right {
    margin: 1em;
    margin-right: 0;
}
.block-container img {
    display: block;
}
.top-margin {
    margin-top: 2em;
}
/* Status messages */
.info, .warning {
    margin: 0.5em 0;
    padding: 1em;
}
.info h3, .warning h3 {
    margin: 0;
}
.info {
    background: #efe;
    border: 5px solid #dfd;
}
.warning {
    background: #fee;
    border: 5px solid #fdd;
}

/* Page header */
#header {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
}
#header h1 {
    font-size: 197%;
    font-weight: normal;
}
#header h1 a {
    background: transparent;
    color: black;
    text-decoration: none;
}
#location ul {
    margin: 0;
}
#location li {
    list-style: none;
}

/* Top menu */
#topmenu {
    float:left;
    overflow:hidden;
    width:640px;
    margin-top:40px;
}
#topmenu ul {
    margin: 0;
}
#topmenu li {
    list-style: none;
    display: inline;
}
#topmenu a {
    background: transparent;
    color: black;
    display: block;
    float: left;
    font-weight: bold;
    text-decoration: none;
    background-position:left center;
    background-repeat:no-repeat;
    overflow:hidden;
    margin-left:10px;
    padding: 0 10px 0 25px;
}
#topmenu a:hover, #topmenu a.active {
    color: black;
}
#topmenu #primary a {
    border-right:1px solid #CCCCCC;
    color: #444;
}
#topmenu #primary a:hover, #topmenu #primary a.selected {
    border-right:1px solid #CCCCCC;
    color: #000;
}
#topmenu #secondary a {
    color:#CCCCCC;
    padding-left:5px;
    padding-right:0px;
    margin-top:10px;
}
#topmenu #secondary a:hover {
    color:#006FAC;
}
#topmenu #secondary .selected{
    color:#006FAC;
}
/* Primary menu li elements */
li#menuitem_hjem a,
li#menuitem_iterate a {
    background: transparent url("../icons/hjem_grey.png") no-repeat;
}
li#menuitem_kurs a,
li#menuitem_hvordan-vi-gjor-det a {
    background: transparent url("../icons/kurs_grey.png") no-repeat;
}
li#menuitem_betingelser a,
li#menuitem_hvem-vi-er a {
    background: transparent url("../icons/betingelser_grey.png") no-repeat;
}
li#menuitem_om-oss a,
li#menuitem_jobbe-med-oss a {
    background: transparent url("../icons/om_oss_grey.png") no-repeat;
}
li#menuitem_hjem a:hover,
li#menuitem_hjem a.selected,
li#menuitem_iterate a:hover,
li#menuitem_iterate a.selected {
    background: transparent url("../icons/hjem.png") no-repeat;
}
li#menuitem_kurs a:hover,
li#menuitem_kurs a.selected,
li#menuitem_hvordan-vi-gjor-det a:hover,
li#menuitem_hvordan-vi-gjor-det a.selected {
    background: transparent url("../icons/kurs.png") no-repeat;
}
li#menuitem_betingelser a:hover,
li#menuitem_betingelser a.selected,
li#menuitem_hvem-vi-er a:hover,
li#menuitem_hvem-vi-er a.selected {
    background: transparent url("../icons/betingelser.png") no-repeat;
}
li#menuitem_om-oss a:hover,
li#menuitem_om-oss a.selected,
li#menuitem_jobbe-med-oss a:hover,
li#menuitem_jobbe-med-oss a.selected {
    background: transparent url("../icons/om_oss.png") no-repeat;
}

/* User menu */
#usermenu {
    font-size: 90%;
    background: #f0f0f0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding: 0;
}
#usermenu span {
    padding: 0.25em 1em;
    float:left;
}
#usermenu ul {
    margin: 0;
}
#usermenu ul.float-left a {
    padding: 0.6em 1em;
}
#usermenu li {
    list-style: none;
    display: inline;
}
#usermenu a {
    background: transparent;
    color: #333;
    display: block;
    float: left;
    padding: 0.25em 1em;
    font-weight: bold;
    text-decoration: none;
}
#usermenu a:hover {
    background: #e0e0e0;
    color: black;
}
#usermenu form {
    padding: 0;
    margin: 0;
}
#usermenu form fieldset {
    float: left;
    margin: 0px 1em 0px 1em;
}
#usermenu form input {
    margin-right: 1em;
    font-size: 90%;
}
#usermenu button {
    padding: 0px 1em;
}
/* Page content */
#content {
    /*text-align: justify;*/
}
#content .ingress {
    font-weight: bolder;
}

/* Two column styles */
.content-left {
    padding: 0 1em 0em 0em;
}
.content-right {
    padding: 0 0 0 1em;
}

/* Page footer */
#footer {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    background: transparent;
    color: #666;
}

/* Front page course boxes */
div.course-box {
    height: 250px;
}

div.course-box-content {
    margin-bottom: 1em;
}

div.course-box-content p.short-description {
    max-height: 10.5em;
    overflow:hidden;
    margin-bottom: 0.5em;
}

div.course-box div.float-left {
    border: 1px solid #ccc;
    margin: 0em 1.5em 0.5em 1.5em;
}

div.course-box div.float-right {
    border: 1px solid #ccc;
    margin: 0em 1.5em 0.5em 1.5em;
}

div.course-box div.float-right img {
    float:left;
}

div.course-box p {
    padding: 0 2em;
    margin: 0 0 1.5em 0;
}

div.course-box h2 {
    font-size: 132%;
    background-color: #0071b9;
    text-align: center;
    padding: 0.25em;
    margin: 0 0 0.75em 0;
    border-bottom: 2px solid #402C1A;
}
div.course-box h2 a {
    color: #fff;
    text-decoration: none;
}
div.course-box a.register_button {
    font-size: 120%;
    display: block;
    padding: 0.25em;
    background-color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0em;
    width: 100%;
}

/* Other front page boxes */
div.frontpage-box {
    border: 0px solid #ccc;
}

div.frontpage-box div.float-left {
    border: 1px solid #ccc;
    margin: 0em 1.5em 0.5em 1.5em;
}

div.frontpage-box div.float-right {
    border: 1px solid #ccc;
    margin: 0em 1.5em 0.5em 1.5em;
}

div.frontpage-box p {
    padding: 0 2em;
    margin: 0 0 1.5em 0;
}

div.frontpage-box h2 {
    font-size: 132%;
    color: #333;
    text-align: center;
    padding: 0.25em;
    margin: 0 0 0.75em 0;
    background-color: #f0f0f0;
    border-bottom: 2px solid #402C1A;
}
div.frontpage-box h2 a {
    color: #000;
    text-decoration: none;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid #0071b9;
	overflow: scroll; /*leave this value alone*/
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 250px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 440px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.discounted_price {
    font-weight: bold;
}

/* Tabs */
#tabs {
    font-size: 90%;
    padding: 0;
    border-bottom: 1px solid #ddd;
}
#tabs li {
    list-style: none;
    float: left;
    margin-right: 0.2em;
}
#tabs ul {
    margin: 0;
}
#tabs ul.float-right li {
    margin-right: 0;
    margin-left: 0.2em;
}
#tabs li img {
    margin: 0 0 0 0.2em;
    float: none;
    vertical-align: -1px;
}
#tabs a {
    display: block;
    background-color: #402C1A;
    color: #fff;
    padding: 3px 10px;
    text-decoration: none;
    margin-bottom: -2px;
}
#tabs a:hover,
#tabs a.current {
    border-bottom: 2px solid #0071b9;
}

.iterate-box p.highlight-text {
    background-color: #402C1A;
    color: white;
    padding: 0.1em 1em;
    margin-bottom: 1.5em;
    margin-right: 5px;
    text-align: center;
}