@import "/css/lib/reset.css";
@import "/css/lib/typography.css";
@import "/css/lib/forms.css";
@import "/css/lib/plugins/tabs.css";

/* TYPOGRAPHY */
body, p, ul, ol, dl, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

h1 { font-size: 2em; }
h2 { font-size: 1.5em; margin: 0; }
h3 { font-size: 1.3em; margin: 0;}

span.head-3 {
	font-size: 1.3em; margin: 0;
	font-weight: bold;
}

a {
	color: #0085cf;
}

.spot-intro a {
	color: black;
	text-decoration: none;
}

/* Entire Page */
body {
	margin: 0 0 0 0 auto;
	margin-top: 0;
	background-color: #FFF;
	background: url("/gfx/gui/header.png") no-repeat top center;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#page {
	margin: 0 auto;
	width: 985px;
}

/* GENERICS */
.pres-text {
	width: 95%;
}

.img-right {
	float:right;
}

.ok {
	background-color: green;
}

.notok {
	background-color: red;
}

#bannerlist {
	text-align: left;
	margin-bottom: 5px;
}
#bannerlist img {
	margin-left: 5px;
}

.align-right {
	text-align: right;
}

#flashmessenger {
	background-color: #FFFF66;
	border-bottom: 1px solid maroon;
	padding: 5px;
	margin-bottom: 10px;
}

/* Page header */
#network-menu {
	text-align: right;
	padding: 0;
	margin: 0;
	height: 20px;
}

#network-menu img {
	margin: 0;
}

#header {
	margin: 0 auto;
	width: 985px;
	height: 310px;
}

#topmenu {
	width: 985px;
	margin-top: 104px;
}

#topmenu .tabs li {
	background: url("/gfx/gui/menu-delimiter.png") no-repeat right bottom;
	font-weight: bold;
}

#topmenu .tabs li a {
	padding: 0 33px 0 33px;

	min-height: 36px;
	line-height: 36px;

	margin: 0 ;
	text-decoration: none;
	color: #FFF;
	font-family: "trebuchet ms";
}

#topmenu .tabs li a:hover {
	background: #FFF url('/gfx/gui/menu-bg-hover.png') repeat-x;
	color: #0085cf;
}

/*#topmenu .tabs li a:hover { background-position:0 -26px; }*/

/*#topmenu .tabs li a:hover span { background-position:100% -26px; }*/

/* SEARCH */
#search-container {
	border: 1px solid #CCC;
	margin-top: 10px;
	width: 983px;
}

#search {
	height: 86px;
	background-color: #D1E7F7;
	border-bottom: 17px solid #c2dff4;
	border-top: 17px solid #c2dff4;
	padding: 10px;
}

#search-form {
	margin: 10px 0 0 10px;
}

#search-form * {
	margin-left: 10px;
}

#search-form input[type="text"] {
	width: 330px;
}

#search-form input[type="image"] {
	position: absolute;
	top: 230px;
}

#search-form select {
	width: 200px;
}

/* Page body */
#content-wrapper {
	float: left;
	width: 705px;
	margin-top: 10px;
}

#content-bottom {
	text-align: right;
	padding-right: 20px;
	font-size: 0.8em;
	color: #666;
	line-height: 20px;
}

#content {
	width: 705px;
	padding-bottom: 24px;
}

#headline {
	margin-top: 10px;
}

div.block {
	border-top: 5px solid #999;
	margin-bottom: 20px;
}

div.block .caption {
	float: left;
	padding: 0px 0px 0px 13px;
	width: 175px;
	height: 19px;
	background: #999 url("/gfx/gui/caption-corner.gif") no-repeat bottom right;
	color: #FFF;
	font-family: "Trebuchet MS";
	font-weight: bold;
	line-height: 14px;
}

div.block .content-block {
	float: left;
	width: 500px;
	margin-left: 5px;
	padding-top: 10px;
}


/* ADMIN*/
div.admin {
	margin-left: 177px;
}

div#savePres {
	text-align: right;
}

div#mainTabContainer {
	width: 600px;
	height: 600px;
}

.spot-admin {
	margin-bottom: 7px;
	border-bottom: 2px dotted black;
	padding: 0;
}

.spot-admin .text {
	background-color: #EEEEEE;
	float:left;
	width: 500px;
}

/* SPOTS */
div.spot {
	margin-bottom: 20px;
}

div.spot div.spot-intro {
	margin-left: 20px;
	width: 375px;
	float: left;
}

div.spot div.spot-logo {
	width: 105px;
	float: left;
}

div.spot div.spot-logo img {
	border: 1px solid black;
}

#content div.search .search-intro {
	width: 200px;
	float: left;
}

#content div.search .search-form {
	width: 210px;
	margin-left: 10px;
	float: left;
	padding: 0;
}

#content div.search-form dt {
	display: none;
	margin: 0;
}

#content div.search-form select, #content div.search-form input {
	width: 180px;
	margin: 0;
}

#content div.search .search-buttons {
	width: 90px;
	float: left;
	text-align: center;
	margin-top: 20px;
}

.search-buttons img {
	vertical-align: bottom;
}

.monitormulti {
	width: 200px;
}

#category-list {
	margin-top: 10px;
}

.category-list-column {
	float: left;
	width: 32%;
}

#login-block div {
	float: left;
	width: 50%;
}

.monitor {
	margin-bottom: 10px;
}

.monitor .value {
	float: left;
	width: 80%;
	font-style: italic;
	margin-bottom: 2px;
}

.monitor .title {
	float: left;
	width: 20%;
	background-color: #DDD;
	margin-bottom: 2px;
	font-weight: bold;
}

/* PRESENTATION */
/*table#contactData th {
	text-align: left;
	background-color: #EEE;
}

table#contactData {
	margin-top: 30px;
}

table#contactData th.key {
	width: 150px;
	text-align: right;
}*/


div#contact-email, div#contact-message {
	float:left;
	margin: 0 auto;
}

div#contact-message {
	margin-left: 20px;
}

div#contactForm .txt {
	width: 150px;
	padding: 5px;
}

div#contactForm #message {
	width: 300px;
	height: 102px;
	margin: 0;
}

/* RIGHT SIDEBAR*/
#sidebar-right {
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	float:left;
	width: 260px;
	margin-left: 20px;
}

#sidebar-right .box {
	border: 1px solid #CCC;
	padding: 4px;
}

#map-regions {
	width: 250;
	min-height: 360px;
	background: url('/gfx/map-sweden.gif') center no-repeat;
}

#select-region {
	margin-top:10px;
	float: left;
	width: 40%;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#list-region {
	float: left;
	width: 60%;
}


#list-region ul {
	margin-top: 10px;
	line-height: 1;
	list-style-type: none;
	text-align: left;
}

#list-region a {
	text-decoration: none;
}


/* Info */
div.infolinks {
	text-align: right;
	background-color: #AAA;
	margin-bottom: 10px;
	padding: 4px;
}

/* Monitor Form */
#monitorFormRegion, #monitorFormName {
	width: 200px;
	float: left;
	margin-right: 20px;
}

#monitorFormTerms input[type='text'] {
	width: 415px;
}

/* Footer */
#footer {
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #ECECEC;
}

#footer-content {
	background: url('/gfx/utbildningsverige.se.logo.gif') left center no-repeat;
	margin: 0 auto;
	width: 985px;
	height: 70px;
	line-height: 70px;
}

#footer-content .footer-contact-info {
	margin-left: 250px;
}