/* Screen Stylesheet for Jesper Tullbacks Portfolio (c) 2006 Jesper Tullback & Petter Ellgård */

/* BEGIN General */

html{
	overflow-y: scroll;
	/*
	overflow-x: hidden;
	overflow-y: auto;
	*/
	margin: 0
}

body{
	margin: 4px;
	background-color: white;
	color: #505050;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px
}

form{
	margin: 0
}

img{
	border: 0
}

iframe, div{
	margin: 0;
	padding: 0
}

input, textarea, select, option{
	margin: 0;
	background-color: white;
	color: black;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	vertical-align: middle
}

h1, h2, h3, h4, h5, h6{
	margin: 4px
}

h1{
	font-size: 20px
}

h2{
	font-size: 18px
}

h3{
	font-size: 16px
}

h4{
	font-size: 14px
}

h5{
	font-size: 12px
}

h6{
	font-size: 10px
}

table{
	margin: 0
}

th, td{
	padding: 0;
	font-size: 12px
}

ul{
	margin-top: 4px;
	margin-bottom: 4px
}

a:link{
	color: #00f;
	text-decoration: underline
}

a:visited{
	color: #00f;
	text-decoration: underline
}

a:hover{
	color: #00f;
	text-decoration: underline
}

a:active{
	color: #00f;
	text-decoration: underline
}

/* END Genearal */

/* BEGIN Navigation */

body#navigation{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: white;
	color: #B0B0B0;
	font-weight: bold;
	font-size: 12px
}

body#navigation form{
	margin: 0;
	display: inline
}

body#navigation input, body#navigation textarea, body#navigation select, body#navigation option{
	margin: 0;
	background-color: #B0B0B0;
	color: white;
	font-weight: bold;
	font-size: 10px
}

body#navigation a{
	text-decoration: none;
	color: #B0B0B0
}

/* END Navigation */

/* BEGIN Administration */

body.administration{
	background-image: url('../images/bggradient.gif'); 
	background-repeat: repeat-y;
	color: #047391;
	font-size: 12px
}

body.administration h5{
	font-size: 14px
}

body.administration table.menu{
	text-transform: uppercase
}

body.administration th, body.administration td{
	font-size: 12px	
}

body.administration td img{
	vertical-align: middle;
	margin-right: 5px;
}

body.administration a:link{
	color: #006B33;
	text-decoration: none
}

body.administration a:visited{
	color: #006B33;
	text-decoration: none
}

body.administration a:hover{
	color: #006B33;
	text-decoration: none
}

body.administration a:active{
	color: #006B33;
	text-decoration: none
}

body.administration .buttonlink{
	vertical-align: middle;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0;
	border: none;
	color: #006B33;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

/* END Administration */

/* BEGIN FCK Editor 2.2 Styles */

.Code{
	background-color: darkorange;
	color: black;
	border: 1px solid black;
	padding-left: 5px;
	padding-right: 5px;
}

.Title{
	font-weight: bold;
	font-size: 18px;
	color: darkred
}

/* END FCK Editor 2.2 Styles */

/* BEGIN Dynamic Drive Tooltip Styles */

#dhtmltooltip{
	position: absolute;
	width: 250px;
	border: 1px solid #047391;
	padding: 2px;
	background-color: #FFFFFF;
	font-size: 9px;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* END Dynamic Drive Tooltip Styles */