/*
 * Utdanningshuset layout
 * Daniel Staver (daniel@ixd.no) 01.04.09
 * www.ixd.no
 */

/***************************************************
 GLOBAL RULES
 ***************************************************/

html, body {
    margin: 0px;
    padding: 0px;
	height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, hr, table, th, td, form, img, fieldset, input, select, textarea, caption, dl, dd, dt, address {
    border: none;
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
	list-style: none;
}

body {
	text-align: center;
    background: url(../images/bodybg.gif) top left repeat-x #eee;
}

a {
    color: #003cff;
}

a:hover {
    text-decoration: underline;
}

h1 { 
    font-size: 1.5em;
    margin: 0 0 0.5em 0;
}

h1 a {
    color: #000;
    text-decoration: none;
}

h2 { 
    font-size: 1.125em; 
    margin: 0 0 0.5em 0;
}

h2 a {
    color: #000;
    text-decoration: none;
}

h3 { 
    font-size: 0.8125em; 
    font-weight: bold; 
}

h3 a {
    color: #000;
    text-decoration: none;
}

h4 { 
    font-size: 0.75em; 
    font-weight: bold; 
}

h4 a {
    color: #000;
    text-decoration: none;
}

#skipnav {
	position: absolute;
	text-indent: -1000em;
}

.image img {
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}

dt, 
dd {
	float: left;
}

dt {
	clear: left;
}

/***************************************************
 BUTTONS
 ***************************************************/

.actionbuttons {
    display: block;
    overflow: hidden;
    clear: both;
    background: transparent url(../images/box_bg_60.png) repeat-x top left;
    border: 1px solid #f2f2f2;
    margin: 0 5px 10px 5px;
    position: relative;
    height: 60px;
}

.actionbuttons .content {
    position: absolute;
    right: 15px;
    top: 15px;
}

.actionbuttons .genbutton {
    margin-left: 7px;
    width: 125px;
}

.actionbuttons .genbutton a {
    float: none;
    display: block;
}

.genbutton {
	float: left;
	height: 23px;
	border: none;
	padding: 0 0 0 5px;
	margin: 0;
	white-space: nowrap;
    background: url(../images/genbutton_plain_left.gif) top left no-repeat;
}

.genbutton a, 
.genbutton input {
	background: url(../images/genbutton_plain_right.gif) top right no-repeat;
	color: #000;
	cursor: pointer;
	float: left;
	height: 22px;
	padding: 0 8px 1px 3px;
	border: none;
	position: relative;
	right: -2px;
	line-height: 23px;
	vertical-align: middle;
	font-size: 0.75em;
    font-weight: bold;
	text-decoration: none;
}

.genbutton a:hover, 
.genbutton input:hover {
    text-decoration: underline;
}

.login {
	height: 30px;
	padding: 0 0 0 4px;
	position: relative;
	left: -3px;
    background: url(../images/genbutton_login_left.gif) top left no-repeat;
}

.login a, 
.login input {
	background: url(../images/genbutton_login_right.gif) top right no-repeat;
	color: #fff;
	height: 29px;
	padding: 0 13px 1px 9px;
	line-height: 29px;
	text-align: center;
}

#login .login {
    width: 120px;
}

#login .login a {
    float: none;
    display: block;
}

#page ul.pdf {
	margin-left: 0;
	padding-left: 0;
    line-height: 22px; 
}

#page ul.pdf li {
    list-style: none;
}

#page ul.pdf li a { 
    padding: 1px 0 1px 20px; 
    background: url(../images/pdf.png) left center no-repeat;
}

/***************************************************
 WRAPPERS
 ***************************************************/

#page {
	margin-left: auto;
	margin-right: auto;
	width: 890px;
    text-align: left; 
    background: url(../images/pagebg.gif) top left repeat-y;
}

#wrapper {
	padding: 0 15px 0 15px;
    background: url(../images/pagetopbg.gif) top left no-repeat;
}

/***************************************************
 HEADER
 ***************************************************/

#branding {
	width: 860px;
	height: 80px;
	border-bottom: 2px solid #427299;
	margin-bottom: 34px;
	position: relative;
	overflow: hidden;
	background: transparent url(../images/logo_bg.jpg) no-repeat;
    z-index: 999;
}

#logo {
	position: absolute;
	top: 15px;
	left: 20px;
}

#branding .actionbuttons {
    border: none;
    background: transparent none;
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 500px;
    height: 30px;
    margin: 0;
}

#branding .actionbuttons .content {
    position: static;
    float: right;
}
#branding .actionbuttons .genbutton {
    padding: 0 14px 0 0;
    background: transparent url(../images/button-top-right.png) no-repeat top right;
    margin-left: 0;
}

#branding .actionbuttons .genbutton a {
    padding: 0 6px 0 18px;
    background: transparent url(../images/button-top-left.png) no-repeat top left;
}

/***************************************************
 TOP NAVIGATION
 ***************************************************/

#navigation {
	width: 860px;
	position: absolute;
	top: 82px;
    z-index: 999;
}

#navigation ul {
	margin: 0;
    background: url(../images/navbg.png) top left repeat-x;
    height: 30px;
}

#navigation li {
	text-transform: uppercase;
	font-size: 0.6875em;
	font-weight: bold;
    float: left;
    position: relative;
}

#navigation li a {
    float: left;
    text-decoration: none;
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0 0 7px 0;
    color: #000;
}

/* Navigation */
#navigation a:hover,
#navigation a:active {
    background: url(../images/inactive_arrow.gif) bottom center no-repeat;
}

#navigation a span {
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 5px 12px 3px 12px;
}

#navigation a:hover span,
#navigation a:active span {
    background: url(../images/inactive_bg.gif) bottom left repeat-x;
}

#navigation li.active a,
#navigation li.active a:hover,
#navigation li.active a:active {
    background: url(../images/active_arrow.png) bottom center no-repeat;
}

#navigation a:hover {
    text-decoration: underline;
}

#navigation .active a span, 
#navigation .active a:hover span {
    padding-bottom: 3px;
	background: #427299;
	color: #fff;
}

/***************************************************
 DIRECT LINKS IN TOP NAVIGATION
 ***************************************************/

#direct_links {
    background: #427299;
    border: 2px solid #83a3bc;
    width: 460px;
    position: absolute;
    top: 31px;
    left: 50%;
    z-index: 9999;
    margin: 0 0 0 -232px;
    display: none;
    font-size: 1em;
}

#direct_links .row {
    border-bottom: 1px solid #83a3bc;
    padding: 10px 0 6px 10px;
    overflow: hidden;
}

#direct_links .col {
    float: left;
    width: 140px;
    margin: 0 10px 0 0;
}

#direct_links h3 {
    color: #fff;
    text-transform: none;
    margin: 0 0 4px 0;
    font-size: 1em;
}

#direct_links ul {
    background-image: none;
    height: auto;
}

#direct_links li {
    display: block;
    float: none;
    font-size: 1em;
    margin: 0 0 4px 0;
    position: static;
}

#direct_links li a {
    color: #fff;
    text-transform: none;
    font-weight: normal;
    float: none;
    margin-top: 0;
    padding: 0;
    top: 0;
    bottom: 0;
}

#direct_links li a:hover,
#direct_links li a:active,
#direct_links .direct_links_close a:hover,
#direct_links .direct_links_close a:active {
    background-image: none;
}

#direct_links .direct_links_close {
    border-bottom: none;
    text-align: center;
    padding: 6px 0;
    text-transform: none;
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
    cursor: pointer;
}

/***************************************************
 LEFT NAVIGATION
 ***************************************************/

#sub_navigation {
	position: relative;
	top: 12px;
	border-top: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	width: 171px;
	overflow: hidden;
}

#sub_navigation .active a,
#sub_navigation .active a:hover {
    background: url(../images/sub_navigation_active.png) left center no-repeat;
}

#sub_navigation li {
    background: #999;
    padding: 0 0 0 8px;
    font-size: 0.75em;
}

#sub_navigation li a { 
    display: block;
    background: #fff; 
    padding: 4px; 
    color: #000;
    text-decoration: none;
}

#sub_navigation li a:hover,
#sub_navigation li a:active {
    background: #efefef;
}


#sub_navigation li .nav_content {
    border-bottom: 1px solid #e4e4e4; 
}

#sub_navigation ul ul { 
    border-bottom: 4px solid #fff;
}

#sub_navigation ul li ul li { 
    padding: 0; 
    font-size: 0.9166em;
    background: transparent;
}

#sub_navigation ul li ul li a { 
    padding: 2px 0 2px 12px;
}

/***************************************************
 CONTENT
 ***************************************************/

#content {
	margin: 12px 0 12px -10px;
	padding: 0 0 9px;
	border-left: 1px solid #e4e4e4;
	width: 688px;
	float: right;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

#page .loginpage {
	border: none;
}

#page .hideconversion *,
#page .hideconversion a,
#page .hideconversion a:link {
	background: #fff;
	color: #fff;
}

#page .hideconversion {
	position: absolute;
	height: 0;
	width: 0;
	overflow: hidden;
}

/* Middle column, main content */
#main_content {
	padding: 0 0 20px 20px;
	width: 400px;
	float: left;
    overflow: hidden;
}

#main_content h3 {
    padding: 0 0 1em 0;
}

#main_content p {
    font-size: 0.75em;
    padding: 0 0 1em 0;
}

#main_content ul {
	margin-left: 15px;
    padding: 0 0 1em 0;
    font-size: 0.75em;
}

#main_content ul li {
    list-style: disc;
}

#main_content ol {
	margin-left: 24px;
    padding: 0 0 1em 0;
    font-size: 0.75em;
}

#main_content ol li {
    list-style: decimal;
}

#main_content .actionbuttons {
    border: none;
    background: transparent none;
    padding: 50px 0 0 0;
    margin: 0 -5px;
}

#main_content .actionbuttons .content {
    position: static;
}

#main_content .actionbuttons .genbutton {
    width: 100px;
}

#main_content .pagenavigator {
    padding: 20px 0 0 0;
}

#main_content .pagenavigator p {
    font-size: 0.8125em;
}

#main_content ul.news_list {
    margin: 0;
    list-style: none;
}

#main_content ul.news_list li {
    list-style: none;
    padding: 0 0 5px 0;
    overflow: hidden;
}

#main_content ul.news_list li .date {
    display: block;
    float: left;
    width: 7em;
}

#main_content ul.news_list li .text {
    display: block;
    overflow: hidden;
}
/***************************************************
 RIGHT COLUMN
 ***************************************************/
 
#information {
	width: 226px;
	float: right;
    margin: 0 5px 0 0;
}

#information .content {
	padding: 12px 16px;
    position: relative;
    z-index: 2;
}

#information-box {
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 224px;
    background: transparent url(../images/box_bg_150.png) repeat-x top left;
    border: 1px solid #f2f2f2;
    z-index: 1;
    height: 100%;
}

#information h1 {
	position: relative;
}

#information p {
    font-size: 0.75em;
    padding: 0 0 1em 0;
}

#information li {
    font-size: 0.75em;
}

#information li li,
#information li p {
    font-size: 1em;
}

#information label {
    font-size: 0.75em;
    display: block;
    padding: 0 0 2px 0;
}

#information label.error {
    color: #d00;
}

#information input.text {
	border: 1px solid #999;
    padding: 2px;
    width: 185px;
    font-size: 0.75em;
    display: block;
    margin: 0 0 10px 0;
}

#information input.error {
    border-color: #d00;
}

#information select {
	border: 1px solid #999;
    padding: 1px;
    width: 190px;
    font-size: 0.75em;
    display: block;
    margin: 0 0 10px 0;
}

#information .section {
	clear: left;
}

#information .content .login {
	margin-bottom: 1em;
}

#information dt, 
#information dd {
	float: left;
	margin: 0 0 0.5em;
}

#information dt {
	clear: left;
	width: 80px;
}

#information dd {
	width: 105px;
}

#information .genbutton a {
	width: 168px;
}

#information h2.studyTitle {
	padding-top: 6px;
	position: relative;
	font-size: 1.5em;
	font-weight: normal;
}

.field {
    background: url(../images/fieldbg.gif) top left repeat-y #f9f9f8;
}

.field h2 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}

.field p { 
    font-size: 0.9em; 
}

p.date {
	font-style: italic;
}

/***************************************************
 FRONTPAGE
 ***************************************************/

#frontpage {
	margin: 12px 0 0 0;
}

#frontpage h1 { 
    padding-top: 12px; 
    text-align: center;
    color: #555;
}

#frontpage h2 a {
    color: #555;
}

#frontpage #studies,
#frontpage #extraStudies {
	margin-bottom: 5px;
	position: relative;
    overflow: hidden;
}

#frontpage #studies .item,
#frontpage #extraStudies .item {
    float: left;
    position: relative;
    background: #f30 url(../images/studybox-left.png) no-repeat top left;
}

#frontpage #studies .item-content,
#frontpage #extraStudies .item-content {
    padding: 10px 0;
    background: transparent url(../images/studybox-right.png) no-repeat top right;
    height: 160px;
    position: relative;
}

#frontpage #studies .item h2,
#frontpage #extraStudies .item h2 {
    padding: 5px 10px 0 25px;
    font-size: 0.8125em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    height: 40px
}

#frontpage #studies .item p,
#frontpage #extraStudies .item p{
    padding: 0 10px 0 15px;
    font-size: 0.6875em;
}

#frontpage #studies .row,
#frontpage #extraStudies .row{
    overflow: hidden;
}

#frontpage #studies .item .link,
#frontpage #extraStudies .item .link {
	position: absolute;
	bottom: 9px;
	width: 100%;
    text-align: center;
    text-decoration: none;
    color: #000;
    font-size: 0.6875em;
    font-weight: bold;
}

#frontpage #extraStudies{
    width:419px;
    float:left;
    display:inline;
    
}

#frontpage #extraStudies .item {
    width:25%;
}


.extraContainer{
    overflow:hidden;
}

.section_small{
    width:419px;
    float:left;
    display:inline;
}

#frontpage .field h2 {
	margin: 0 -10px -5px -16px;
	padding: 16px 10px 0 24px;
	height: 42px;
}


#frontpage .section {
	margin: 0 5px 10px 5px;
    overflow: hidden;
    position: relative;
}

#frontpage .section .content {
	float: left;
	width: 419px;
    height: 100%;
    z-index: 2;
    position: relative;
}

#frontpage .section .box {
    background: transparent url(../images/box_bg_300.png) repeat-x top left;
    border: 1px solid #f2f2f2;
	width: 417px;
    position: absolute;
    bottom: 0;
    height: 100%;
    z-index: 1;
}

#frontpage .section-150 .box {
    background-image: url(../images/box_bg_150.png);
}

#frontpage .section .box-left {
    left: 0;
}

#frontpage .section .box-right {
    right: 0;
}

#frontpage .section .content.last {
    float: right;
}

#frontpage .section .content .row {
    overflow: hidden;
}

#frontpage .section .content .image {
    padding: 1px;
    float: left;
}

#frontpage .section .content .image img {
    display: block;
}

#frontpage .section .content .text {
    overflow: hidden;
    padding: 10px 10px 0 10px;
}

#frontpage .section .content .text h2 {
	font-weight: normal;
	text-transform: uppercase;
}

#frontpage .section .content .text h3 {
	font-weight: bold;
} 

#frontpage .section .content .text p {
	font-size: 0.75em;
    padding: 0 0 10px 0;
} 

#frontpage .section .content .text p.more {
    margin-top: -5px;
}
#frontpage .section .studyplaces .image {
    padding: 0 30px 0 10px;
}

#frontpage .section .studyplaces .places {
    overflow: hidden;
    padding: 0 0 20px 0;
}

#frontpage .section .studyplaces .column { 
    float: left;
    width: 110px;
    border-left: 1px solid #c3c3c3;
}

#frontpage .section .studyplaces .column a {
    display: block;
    padding: 1px 6px 0 6px;
    font-size: 0.75em;
	color: #000000;
	text-decoration: none;
}

#frontpage .section .studyplaces .column a:hover {
    text-decoration: underline;
}

/***************************************************
 FOOTER
 ***************************************************/

#about {
	clear: both;
	padding: 0 9px 12px;
    background: #eee;
}

#about .content {
	padding: 12px;
    background: url(../images/bottombg.gif) top left repeat-x;
    overflow: hidden;
    font-size: 0.75em;
}

#about a {
	text-decoration: none;
}

#about .rss {
	float: right;
}

#about .rss a {
    color: #000;
    background: url(../images/rss.gif) left center no-repeat;
	padding-left: 18px;
}

#about #creator {
	float: right;
	clear: right;
}

#about #creator a {
    color: #000;
}

#about address, 
#copyright p {
	float: left;
}

/***************************************************
 FORMS
 ***************************************************/

#main_content .forminputfix {
    overflow: hidden;
    padding: 0 0 3px 0;
}

#main_content label, 
#main_content input.text {
	float: left;
}

#main_content input.text,
#main_content select {
    border: 1px solid #666;
    font-size: 0.75em;
}

#main_content label {
	line-height: 20px;
	clear: left;
	width: 170px;
	margin-right: 12px;
    font-size: 0.75em;
}

#main_content label.clear {
    overflow: hidden;
    display: block;
    float: none;
    width: auto;
}

#main_content label.error {
    display: block;
    width: 100%;
    color: #d00;
    padding: 0 0 0 180px;
}

#main_content .register_user label {
	width: 110px;
} 

#main_content .register_user input.text {
	margin-right: 80px;
} 

#main_content .forgotpasswd label {
	width: 60px;
}

#main_content .forgotpasswd .genbutton {
	clear: left;
	left: 70px;
}

#main_content .warning {
    border: 2px solid #d00;
    padding: 10px 10px 0 10px;
    margin: 0 0 10px 0;
}

#main_content .warning h2 {
    color: #d00;
}

#main_content input.text {
	width: 190px;
	border: 1px solid #999;
    padding: 2px;
}

#main_content input.error {
    border-color: #d00;
}

#main_content select {
    width: 196px;
	border: 1px solid #999;
    padding: 1px;
}

#main_content input.firstname {
    width: 94px;
    margin: 0 3px 0 0;
}

#main_content input.lastname {
    width: 87px;
}

#main_content input.zip {
	width: 40px;
    margin: 0 3px 0 0;
}

#main_content input.area {
    width: 141px;
}

#main_content fieldset {
	margin: 0 0 0.8em;
} 

#main_content .blioppringt .genbutton {
	left: 200px;
} 

.testimonial .student {
	font-size: 0.9em;
}

.quote {
	font-weight: bold;
}

.testimonial .quote {
	margin: 0;
}

div.studies { 
    position: relative;
    height: 1%;
}

/***************************************************
 BESTILL KATALOG
 ***************************************************/

#main_content .bestillkatalog #attrId273_select, 
#main_content .bestillkatalog #attrId360_select, 
#main_content .bestillkatalog #attrId361_select {
	margin-left: 112px;
}

#main_content .bestillkatalog .genbutton {
	left: 110px;
} 

#main_content .bestillkatalog label {
	width: 100px;
} 

#main_content .bestillkatalog input.text {
	margin-right: 90px;
} 

/***************************************************
 STUDY STARTS
 ***************************************************/

#information ul.studies li {
	margin: 0 0 1em 0;
	padding: 0 0 10px 20px;
    background: transparent url(../images/studies_bg.png) no-repeat bottom left;
}

#information ul.studies li ul {
	margin-bottom: 0;
}

#information ul.studies li p {
	padding: 0;
}

#information ul.studies li a {
	font-weight: bold;
}

#information ul.studies li ul li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
}

.top_active a {
	font-weight: bold;
} 

.top_active li a {
	font-weight: normal;
}

#application_form {
	display: none;
}

/***************************************************
 APPLICATION FORM
 ***************************************************/

#page .application label {
	width: 100px;
}

#page .application label.error {
    padding-left: 110px;
    width: 100%;
}

#page #check_agreement label.error {
    padding-left: 0;
    display: block;
}

.application select {
	width: 250px;
	float: left;
	margin: 0 0 0.3em;
}

#attrId267, 
#attrId268, 
#attrId269 {
	line-height: 26px;
}

#main_content #studyCityHelp {
	clear: both;
    padding-top: 10px;
}

.application table {
	clear: left;
	float: left;
}

#page .application fieldset {
	margin: 0;
} 

.application .genbutton {
	top: 1em;
} 

.application .cancel {
	left: 1em;
} 

.application table {
	width: 99%;
} 

.application th {
	width: 75%;
    font-size: 0.75em;
    font-weight: bold;
} 

.application .attachmentNum {
	width: 25%;
} 

.application td input {
	width: 95%;
    border: 1px solid #999;
    padding: 2px;
    font-size: 0.75em;
}

#page #attrId270, 
#page #attrId271, 
#page #appform #attrId273,
.application h3 {
	margin: 1em 0 0.3em;
	width: 90%;
	font-weight: bold;
	font-size: 1.0625em;
}

.application td {
	padding-bottom: 0.3em;
}

/***************************************************
 APPLICATION VIEW
 ***************************************************/

.appView dt {
	width: 100px;
} 

.appView dd {
	width: 300px;
} 

.appView dt, .appView dd {
	margin: 0 0 0.3em;
} 

.appView table {
	width: 80%;
} 

.appView th {
	width: 50%;
} 

.appView th.attachementNum {
	width: 50%;
} 

.appView td {
	padding: 1px 0;
} 

.oppringt_form select {
	width: 90%;
} 

#check_agreement {
	padding-top: 0.5em;
}

#check_agreement label, 
#check_agreement input {
	float: none;
}

#studies_box {
    padding: 0 0 10px 0;
    overflow: hidden;
    width: 300px;
}

#studies_boxes label {
    float: none;
    width: auto;
}

#studies_boxes label.error {
    padding-left: 0;
}

#studies_boxes .studies_box_item {
    overflow: hidden;
    padding: 0 0 5px 0;
}

#studies_boxes .studies_box_item span.studies_box_link {
	float: right;
    font-size: 0.75em;
    line-height: 20px;
}

#studies_boxes .studies_box_item input {
	float: left; 
    margin: 3px 10px 0 0;
    height: 13px;
    display: block;
}

#studies_boxes .studies_box_item label {
    float: left;
    display: block;
    margin: 0;
    width: auto;
    clear: none;
}

#studies_boxes select {
    float: none;
    display: block;
    margin: 0 0 10px 0;
}
#information #studies_boxes .checkboxrow {
    overflow: hidden;
    padding: 5px 0 5px 0;
}

#information #studies_boxes .checkboxrow input {
    float: left;
    margin: 1px 10px 0 0;
    display: block;
    height: 13px;
}

#information #studies_boxes .checkboxrow label {
    float: left;
    width: 160px;
}

.jobbsenterNav .active a { 
    font-weight: bold; 
}

/***************************************************
 CV'S
 ***************************************************/

#page .cv dt {
	width: 120px;
	margin: 0 12px 0.3em 0;
    font-weight: bold;
}

#page .cv dd {
	width: 200px;
	margin: 0 0 0.3em;
}

#page .cv dd address {
	margin: 0;
}

#page .cv table {
	width: 100%;
}

#page .cv td, 
#page .cv th {
	padding: 3px 5px 3px 0;
	vertical-align: top;
	text-align: left;
}

/***************************************************
 TMAP
 ***************************************************/

#Tmap_content {
    position: relative;
    overflow: hidden;
    margin: 0 0 50px 0;
    clear: both;
}

#Tmap_spacer {
    height: 22px;
}

#Tmap_content h1 {
    margin-left: 181px;
}

#Tmap_maincontent {
    float: left;
}

#Tmap_locations_cities {
    top: -38px ! important;
    left: 0 ! important;
}

#Tmap_viewport {
    left: 180px ! important;
}