﻿ /*Reset*/
body, p, img, a, h1, h2, ul, li, span, table, label
{
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
}

/*START Structure*/
body
{
    background: #f1f1f1;	
}
        
#header-top
{
     background: #009aa6;
}

#header-top .wrapper
{
	background: url(../images/objects/header-top.jpg); 
	height: 85px;
}

#header-bottom
{
    background: #fff;
}

#header-bottom .wrapper
{
	 background: url(../images/objects/header-bottom.jpg);
	 height: 160px;
	 border-right: 1px solid #d4d4d4; 
     border-left: 1px solid #d4d4d4;
}

#menu
{
	background: #fff;	
}

#menu .wrapper
{
	border-right: 1px solid #d4d4d4; 
    border-left: 1px solid #d4d4d4;
}

#content
{
	background: #fff;
}

#content .wrapper
{
    border-right: 1px solid #d4d4d4; 
    border-left: 1px solid #d4d4d4;
    background: #fff;
}

#left-content
{
	width: 650px;
	padding: 15px 0 0 10px;
    float: left;
    min-height: 250px;
}

#right-content
{
    width: 209px;
    padding: 15px 10px 10px 10px;
    float: right;
}

#middle-content
{
    width: 900px;
    padding: 10px 0;	
    float: left;
}

#footer
{
    background: #f1f1f1; 
    border-top: 1px solid #e3e3e3;
}

#footer .wrapper
{
    padding: 10px 0;	
}

.wrapper
{
    width: 900px;
    margin: auto;
}
/*END Structure*/

/*START Class-Elements*/
.support
{
	width: 450px;
	border: 5px solid #009AA6;
	background: #f1f1f1;
	padding: 10px;
}

.support-section, .error-section, .confirm-section, .info-section
{
	border: 1px solid #e3e3e3;
	background: #fff;
	margin: 10px 20px 0 20px; 
	padding: 10px;
}

.error-section
{
	border: 1px solid #d44545;	
}

.confirm-section
{
	border: 1px solid #69be28;	
}

.profile
{
	width: 293px;
	margin: 0 0 10px 30px;
	float: left;
	border: 1px solid #e3e3e3;
}

.profile .profile-info
{	
	float: left;
	width: 193px;
}

.corporate-logo
{
	float: right;	
}

.corporate-logo-header
{
	margin: 8px 0 0 4px;	
}


.sign-in-dedu, .sign-in-deduweb, .sign-in-dedumobile
{
    width: 134px;
	height: 74px;
	display: block;
	margin: 0 0 10px 0;
	padding: 0;	
	float: right;	
}

.sign-in-dedumobile
{
    margin: 0;	
}

.sign-in-dedu
{
	background: url(../images/objects/sign-in-sprite.png) 0 0;
}

a.sign-in-dedu:hover
{
	background: url(../images/objects/sign-in-sprite.png) -135px 0;
}

.sign-in-deduweb
{
	background: url(../images/objects/sign-in-sprite.png) 0 -74px;
}

a.sign-in-deduweb:hover
{
	background: url(../images/objects/sign-in-sprite.png) -135px -74px;
}

.sign-in-dedumobile
{
	background: url(../images/objects/sign-in-sprite.png) 0 -148px;
}

a.sign-in-dedumobile:hover
{
	background: url(../images/objects/sign-in-sprite.png) -135px -148px;
}

.news-section
{
    margin: auto;
    width: 730px;
}

.news
{
    width: 228px;
    float: left;
    margin: 0 0 0 20px;
    border: 1px solid #e3e3e3;
}

.news:first-child
{
    margin: 0;	
}

.reference-column
{
	margin-top: 10px;
	float: left;
	width: 200px;
}

.news-article
{
	width: 400px;
	border-top: 1px solid #e3e3e3;	
	padding-bottom: 10px;
	margin-left: 20px;
}

.news-article:first-child
{
	border: none;
}
/*END Class-Elements*/

/*START Text*/
h1 { font-family: Tahoma; font-size: 16px; font-weight: normal; color:#fff; display: inline; background: #ff5800; margin-left: -10px; padding: 3px 10px 3px 30px; border: 1px solid #e3e3e3; border-left: none; }
.support h1 { border-left: none; }
h2, h2 span { font-family: Tahoma; font-size: 14px; font-weight: normal; color:#8e8e8e;  }
#right-content h2 {margin: 0 0 10px 0; text-align: right;}
#left-content h2 { margin: 10px 40px 5px 20px;}
#left-content h2.slogan { color: #ff5800; }
.news h2, #left-content .profile h2 { border-left: 2px solid #ff5800; padding: 0 5px; font-family: Tahoma; font-size: 15px; line-height: 23px; font-weight: normal; color:#8e8e8e; border-bottom: 1px solid #e3e3e3; height: 25px; background: #f1f1f1 url(../images/objects/menu-level2-bg.png) repeat-x; }
.error-section h2 { color: #d44545;}
.confirm-section h2 { color: #69be28;}
#left-content .profile h2 { margin: 0; }
p,a,label, span { font-family: Arial, Sans-Serif; font-size: 12px;}
#left-content p, #left-content a { margin: 10px 20px 0 20px; } 
p.company-info { margin: 0 20px 10px 0; float: left; border-left: 2px solid #009AA6; padding: 0 0 0 5px; color:#8e8e8e; }
p.copyright { clear: both; color:#8e8e8e; }
.news p { padding: 1px 5px; margin: 0; }
.news p.date { color:#8e8e8e;  }
.news p span { font-size: 11px; }
.error-section p, .confirm-section p { color:#8e8e8e; font-size: 11px;  }
p.more-news { margin: 10px 0 0 30px; }
#left-content .profile .profile-info p { padding: 5px; margin: 0; font-size: 11px; }
#right-content p {font-size: 11px; }
#left-content .reference-column p { margin-top: 0; }
#left-content .reference-column h2 { margin-top: 10px; }
p.company-info span { font-size: 14px; font-family: Tahoma; }      
a, .submit-button { color: #0B4499; }
a:hover, .submit-button:hover { color:#8e8e8e; }
.news a { padding: 1px 5px; margin: 0; float: right; display: block;  font-size: 11px; }
.news-article p.date span { font-size: 11px; color: #8e8e8e; }
#left-content .news-article p.date { margin-left: 0; margin-bottom: 5px; }
#left-content .news-article h2 { margin-left: 0; margin-bottom: 0; }
#left-content .news-article p {margin-left: 0; margin-top: 0; }
#left-content .news-article a {margin: 0; }
/*END Text*/

/*START Images & Buttons*/

.news img
{
	border-bottom: 1px solid #e3e3e3 !important;
}


.close-button 
{ 
	margin: -10px -10px 0 0;
	float: right;
}

.close-button img
{
	vertical-align: middle;
}

.error-section img, .confirm-section img, .info-section img
{
	float: right;
}

.profile img
{
	float: left;
}

.flag-swedish
{
	
	float: right;
	margin: 5px -25px 0 0;
	width: 25px;
	height: 18px;
}

.flag-swedish img
{
	vertical-align: middle;	
	float: right;
	margin: 1px 2px 0 0;
}

.flag-english
{
	
	float: right;
	margin: 25px -25px 0 0;
	width: 25px;
	height: 18px;
}

.flag-english img
{
	vertical-align: middle;	
	float: right;
	margin: 1px 2px 0 0;
}
/*END Images & Buttons*/

/*START Lists*/
ul.check-list
{
    list-style-image: url(../images/objects/check.png);
    font-size: 12px;
    font-family: Arial;
    margin: 10px 60px 20px 50px;
}

ul.check-list li
{
    margin: 0 0 3px 0;
}

ul.contact-list
{
	list-style-image: url(../images/objects/check.png);
    font-size: 12px;
    font-family: Arial;
    margin: 10px 60px 10px 30px;
}

ul.contact-list li
{
	margin: 0 0 3px 0;	
	height: 20px;
	list-style: none;
	list-style-image: none;
	padding: 0 0 0 20px;
}

.profile-info ul.contact-list
{
	margin: 5px 5px; 	
	font-size: 11px;
}

ul.contact-list li.address
{
	background: url(../images/objects/address.png) no-repeat;	
}

ul.contact-list li.phone
{
	background: url(../images/objects/telephone.png) no-repeat;	
}

ul.contact-list li.email
{
	background: url(../images/objects/mail.png) no-repeat;	
}

ul.contact-list li.mobile
{
	background: url(../images/objects/mobilephone.png) no-repeat;	
}
/*END Lists*/

/*START Forms*/

table.support-controls
{
	width: 100%;
	margin: 10px 0 0 0;
}

table.support-controls tr td
{
	padding: 0 0 5px 0;	
	vertical-align: top;
}

.textbox, .textarea
{
	border: 1px solid #e3e3e3;
	width: 300px;
	font-family: Arial, Sans-Serif; 
	font-size: 11px;
	float:right;
}

.submit-button
{
	font-family: Tahoma;
	font-size: 13px;
	border: 1px solid #e3e3e3; 
	height: 25px; 
	background: #f1f1f1 url(../images/objects/menu-level2-bg.png) repeat-x;
}

.textarea
{
	height: 70px;	
}    

.rb-list tbody tr td
{
	padding: 0;
}

.rb-list label
{
	font-family: Arial, Sans-Serif; 
	font-size: 11px;
	vertical-align: top;
}

.rb-list input
{
	vertical-align: top;
}
/*END Forms*/

.modalBackground 
{
	background: #8e8e8e;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}