/*

Theme Name: ProfylaxOnline for Wordpress
File: style.css
Description: Theme for ProfylaxOnline.se
Version: 1.0
Author: Magnus Grönberg, Houdini Group AB
Author URI: http://www.houdini.se

*/

*{
	margin: 0;
	padding: 0;
}

body{
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 14px;
}

img, fieldset{
	border: 0;
}

.column-subpage-left img{
	padding: 0.5em 1em 1em 1em;
}

h1{
	color: #08456d;
	font-size: 56px;
}

h1.subpage{
	font-size: 45px;
}

h2{
	font-size: 18px;
}

a{
	text-decoration: none;
	color: #56002c;
}

a:hover{
	color: #08456d;
}

li{
	list-style-image: url(../images/blue_bullet.png);
}

p{
	padding-bottom: 1em;
}

hr{
	border: 1px solid #08456D;
	margin-bottom: 0.5em;
}

.order-header{
	font-weight: bold;
}

.left, .alignleft{
	float: left;
}

.right, .alignright{
	float: right;
}

.clear{
	clear: both;
}

.success{
	color: green;
}

.fail{
	color: red;
}

.logged_in p{
	padding: 0;
}

.cards{
	padding-right: 0.3em;
	padding-bottom: 0.2em;
}

.course-link{
	color: #08456d;
	padding: 0 0 0 0;
	text-decoration: underline;
}

.course-link:hover{
	color: #086E63;
}

.course-bottom{
	width: 420px;
	padding: 0 1em 1em 1em;
	border-bottom: 2px dotted #08456d;
	margin-top: 1em;
}

.forgot-pass{
	font-size: 12px;
	padding: 0 1em 0 0;
}

.blue-text, .blue-text a{
	color: #08456d;
	font-weight: bold;
}

.submit-button{
	height: 23px;
	width: 87px;
	border: 0;
	background: url(images/loggain.jpg) no-repeat;
	cursor: pointer;
	margin-right: 0.5em;
	margin-top: 0.2em;
}

.ul-in-content{
	padding: 2em 0 0 3em;
}

.ul-in-content li{
	padding-bottom: 1em;
}

.address-table{
	width: 450px;
	padding-top: 1em;
	font-size: 11px;
}

.address-table tr td{
	padding-right: 2em;
}

.order-table, .receipt-table{
	width: 550px;
	padding-top: 1em;
}

.package-table{
	width: 250px;
	padding-top: 1em;
}

.compile-table{
	width: 625px;
	border-bottom:1px solid #ccc;
	border-collapse:collapse;
	border-spacing: 0;
	margin: 1em 0 2em 0;
}

.compile-table td{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
	width: 200px;
}

.order-table tr td, .package-table tr td{
	padding-bottom: 1em;
}

.payment-table tr td{
	padding-bottom: 0.5em;
}

.payment-table tr td img{
	padding-bottom: 0;
	padding-top: 0;
}

.user-table tr td, #partner-table tr td{
	padding-bottom: 0.5em;
}

#wrapper{
	width: 980px;
	margin: 0 auto;
}

#logo{
	padding-top: 1em;
}

#login{
	padding-top: 2em;
	width: 235px;
}

.login-form, .login-form-label{
	float: left;
	display: block;
}

#login label{
	padding-right: 1em;
}

#password-div{
	background-color: #fff;
	border: 1px solid #000;
	position: absolute;
	margin: 0.5em 0 0 3em;
	display: none;
	z-index: 1000;
	width: 400px;
}

#password-div form, #password-div p{
	padding: 1em 1em 1em 1em;
}

ul#main-nav{
	list-style-type: none;
	font-size: 11px;
	padding-left: 1em;
}

ul#main-nav a, #login a{
	color: #56002c;
}

ul#main-nav a:hover, #login a:hover{
	color: #08456d;
}

ul#main-nav li{
	float: left;
	list-style-image: none;
	padding-top: 3px;
}

.nav-separator{
	padding: 0 0.5em 0 0.5em;
	padding-top: 0 !important;
}

#content{
	padding-left: 0.5em;
	padding-bottom: 1em;
	margin-top: 2.5em;
}

#generated-content{
	padding-bottom: 0.5em;
}

.video{
	padding-right: 1.7em;
}

.column{
	width: 460px;
}

.column-account-left{
	width: 100%px;
}

.column-subpage-left{
	width: 625px;
}

.column-subpage-right{
	width: 320px;
	padding-left: 2em;
}

.column p{
	padding-bottom: 1em;
}

.courses-table{
	width: 565px;
}

.courses-table td {
	
}

.account-info{
	padding-left: 0.5em;
	border-left: 2px dotted #08456D;
	width: 380px;
	margin-left: 0.5em;
}

.account-headlines {
	margin: 50px 0 50px 0;
}

.user-info label{
	padding-right: 2em;
	color: #08456D;
}

.user-info td{
	padding-bottom: 0.5em;
}

#boxes{
	margin: 0 0.3em 2em 0;
}

#testimonials{
	height: 130px;
	margin: 0 0.3em 0 0;
}

.box{
	/*background-color: #cae6e9;*/
	width: 480px;
	height: 115px;
}

.subpage-box{
	background-color: #cae6e9;
	width: 625px;
	height: 115px;
}

.box div{
	padding-right: 1em;
}

.box hr{
	color: #08456D;
	background-color: #08456D;
	border: 1px solid #08456D;
	margin-bottom: 1em;
	width: 450px;
}

.box h2 {
	padding: 0.5em 0 0.3em 0.5em;
}

.order-link{
	position: relative;
	top: -25px;
}

.subpage-box h2{
	padding: 0.5em 0 0.5em 0.5em;
}

.box p, .subpage-box p{
	padding: 0 1em 0.5em 1em;
}

.testimonial-box{
	width: 480px;
	color: #08456d;
}

.testimonial-box img{
	padding-right: 1em;
}

#order-navigator{
	border: 1px solid #ccc;
	margin: 1em 0 1em 0;
}

.order-navigator-active{
	background: #C3D4DF;
	text-shadow: #fff 1px 1px 1px;
}

.order-navigator-one, .order-navigator-two{
	border-right: 1px solid #ccc;
	float: left;
	padding: 0.5em 3.5em 0.5em 3.5em;
}

.order-navigator-three{
	float: left;
	padding: 0.5em 3em 0.5em 3.5em;
}