/* -----------------  page styles -------------------------------------------------------*/
html {font-size:100%; overflow-y: scroll;}
body { padding:0; margin:0; font:70% Verdana, sans-serif; line-height: 1.4; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555; }
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/

a {color:#00B2EE; text-decoration: underline;background:none; }
a:hover {color:#FFB90F; background:none; text-decoration:underline; }
p {margin:0;padding-top:2px;}
h2 {font-size:1.25em; padding:0px 0 4px 0px; margin: 0 0 2px 0; color:	#444; background:none;}
h3 {font-size:1em; font-weight:bold; padding:0; margin:0; color:	#444; background:none;}
ul, ol, li {margin: 0; padding : 0; list-style : none; }
img {border: 0; margin:0; padding:0;}
.pic{margin-top:8px;}
.inner{ padding:10px; height:350px;}

.scroll_overflow {overflow:auto;}
.clearfloat{clear:both;}
.floatleft {float: left;}
.floatright {float: right;}

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

/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:100%; height:80px; background: url(../images/header.gif) no-repeat; margin:0; }
#title {float:left; width:220px; padding: 10px 0 10px 10px;}
#title h3 {font-size:2.4em; padding:5px 0 0 0; margin:0; color:#00B2EE; display: inline-block;}
#title a {text-decoration: none; }
#hright {float:right; width:580px; height: 60px; margin:0;}
#hrighttop { margin: 0 2px 0 0; padding: 0 8px 2px 0; float:right; text-align: right;}
#kthlogo_div {float: left}
#kthlogo {width:72px;}
#title p {color: #808080; padding: 0; background: inherit;}
#language_selector{ float: right; padding:1px 10px 0 0; }
#language_selector img{	border: none; height: 15px; width: 25px; }
#menu { width: 640px; float:right; margin:15px 0 0 0; padding:0; text-align:right;}
#menu li { display:inline; }
#menu li a {  background:none repeat scroll 0 0 transparent; color:#00B2EE; font-weight:bold; height:19px; padding:1px 10px; text-decoration:none; text-transform:uppercase;}
#menu li a:hover { background: none;color:#FFB90F;} 

/* ----------------- Main content -------------------------------------------------------*/

#main-content {width:100%; margin:5px 0 10px 0; background-color: #f6f6f6;}
#main-content h2{color:#00B2EE;}
#main-content-top{padding:5px 10px;}
#main-content-full{padding:5px 10px;}
#main-content-left{float:left; padding:5px 10px; width:430px;}
#main-content-right{float:left; padding:5px 10px; width:430px;}
#main-content-bottom{clear: both; padding: 5px 10px;}
#main-content-padding{padding: 10px;}
#main-bgr-top{background: no-repeat url(../images/main-bgr-top.gif); height:10px;}
#main-bgr-bottom{background: no-repeat url(../images/main-bgr-bottom.gif); height:10px; clear:both;}

#report-left {float:left; width:220px; height:370px; margin:0;}
#report-middle {float:left; width:420px; height: 370px;}
#report-left-last {float:left; width:250px; height:370px; margin:0;}
#report-middle-last {float:left; width:390px; height: 370px; }
#report-middle #mapWidget{width:420px; height: 370px;}
#report-right {float:left; width:245px;  height: 370px;}
#report-right-and-middle-frame{float:left; background:white; min-height:285px; margin:0; padding: 5px 0 5px 5px;}
#report-bgr{float:left; background: white; margin:10px 0 10px 0;}

.kampanj {background: url(../images/start_banner.jpg) no-repeat; height:320px; position: relative;}
#bannertext_1 {color:white; font-size:1.3em; left:40px; position:absolute; top:115px; right:20px;}
#bannertext_2 {color:white; font-size:2em; left:95px; position:absolute; top:200px; right:20px;}
#bannertext_2 a{text-decoration: none; color: white;}

.report {height: 390px; /*background: url(../images/main-bgr.gif) no-repeat;*/} 
.message{ position:absolute;  width:360px; float:left; margin:70px 0px 0px 165px; color:#fff;}
.content{}
.error-page {height: 320px;}
.error-page .error-content {padding: 10px;}
.error-page .error-content h3 {margin-top: 7px;}
.error-page .error-content h1 {margin-bottom: 0;}

#img-fb-share { cursor: pointer; }
#share-response { margin-top:3px; text-align:center;}
#share-response-fb {background:none repeat scroll 0 0 #FFF1A8; font-weight:bold; line-height:20px;}

#mapWidget{display: block;}
#maps-message {background:none repeat scroll 0 0 #CCCCCC; position:absolute; right:0; top:0; z-index:10;}


/* ----------------- Community pages -------------------------------------------------------*/
.inner2{ padding:10px; }
.community {}
#community-header {}
#community-header-left {text-align: left; float: left;}
#community-header-right {text-align: right; float: right;}
#community-header-right #date-box {	background: url(../images/date-picker-arrow.png) no-repeat top right; border:1px solid #EEEEEE;	font-size:1.3em; padding:2px 22px 2px 2px;}
.community-right {min-height: }
#community-left {float:left; width:220px; margin:0;}
#community-middle-left {float:left; width:420px; height: 370px;}
#community-middle-right {float:left; width:245px;  height: 370px;}
#community-search {padding-bottom:10px;}
#community-toggles {}
.community-menu ul {margin:0 0 10px 0; }
.community-menu li {display: inline; margin-right: 10px;}
.community-menu .active{font-weight: bold;}

#date-picker {}
#date-picker-end {float: right; padding: 0 10px;}
#date-picker-start {float: right; padding: 0 10px;}

#community-toggles .unread_count{color: gray;}

#community-report-top {margin-bottom:10px;}
#community-report-top h1 {color:#00B2EE; display:inline-block; margin-bottom:0;}
#community-report-top #report-date {display:inline; font-size:larger;}
#community-report-left {float:left; width:400px; height: 320px;}
#community-report-right {float:left; width:240px; height: 320px;}
.community-report-inner {height:300px; padding:10px; }

#placeholder {margin-bottom: 15px;}
.loading_box{ background-image:url("../images/ajax-loader.gif"); background-position:50% 50%; background-repeat:no-repeat;}

#community-left h3.trigger { background:url(../images/h3_trigger_a.gif) no-repeat; float:left; font-size:1.2em; font-weight:bold; height:21px; margin:5px 0 0; padding:0 0 0 10px; width:176px; }
#community-left h3.trigger a { color: #fff; text-decoration: none; display: block; }
#community-left h3.trigger a:hover { color: #ccc; }
#community-left h3.active {background-position: left bottom;}
.toggle_container { margin: 0 0 5px; padding: 0; background: #fff; overflow: hidden; font-size: 1em; width: 186px; clear: both; }
.toggle_container .block { padding: 0 10px 5px; background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

.report-list {table-layout:fixed; background-color:#FFFFFF; border-color:#c7cbc7; border-spacing:0; border-style:solid; border-width:1px; margin:0; width:100%;}
.report-list th {background-color: #e7e7e7; text-align:left;}
.report-list td {line-height: 22px}
.report-list tr {border-bottom-width: 0px; cursor: pointer;}
.report-list tr.alternate {background-color: #fbfbfb;}
.report-list .column_id {width: 40px; }
.report-list .column_location {}
.report-list .column_latlng {width:125px;}
.report-list .column_when {width:80px;}
.report-list .column_user {width:150px;}
.report-list .column_platform {width: 30px; }

#report-list-nav {background-color: #e5e5e5; border-bottom: #bababa solid 1px; margin-top: 1px; text-align: right;}
#community-report-nav {background-color: #e5e5e5; border-bottom: #bababa solid 1px; margin-top: 1px;}
#community-report-nav #back-to-list {line-height:25px; margin-left:5px; cursor: pointer;}

.profile-post-li {padding-bottom:10px; padding-top:10px; border-bottom:thin solid #EEEEEE;}
.profile-post { }
.profile-post-image {float: left; margin-right:10px;}
.profile-post-content {display:table-cell; vertical-align:top;}
.profile-post-text {margin-bottom:7px;}
.profile-post-signature {font-size:smaller; color:#666666;}
.profile-post-signature a {color:#666666;}

#follow-nav {float:right;}
.action-btn {background: url(../images/bg-btn.gif) repeat-x; height: 24px; cursor: pointer; border: 1px solid #DDDDDD; -moz-border-radius: 4px;}
.action-btn b {background: url(../images/follow-icon.png) no-repeat scroll; display:block; float:left; height:13px; width:15px;}
.unfollow b {background-position: -16px 0px; }
.follow b {background-position: 0px 0px; }

/* ----------------- Secondery content -------------------------------------------------------*/

.secondary-content-left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.secondary-content-middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.secondary-content-right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #00B2EE;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 1.8em; color: #444; background: #fff; padding: 4px 0; 
margin:10px 0 0 0;}
#footer a {color: #00B2EE; background: inherit;}

/* ----------------- forms general -------------------------------------------------------*/

form {margin: 0;padding: 0;}
form fieldset {border-width: 0;border-style: solid; padding: 0; margin: 0;}
form label {display: block; margin-top:3px;}
form input, form select, form textarea { margin:1px 0 5px 0; }
form input.submit {margin-top:4px;}
form input#reset {margin-right:0px;}
textarea { overflow: auto; }
form small {display: block; margin: 0 0 5px 160px;padding: 1px 3px;font-size: 88%;}
label.required:before{content:"* "; color:#00B2EE;}


/* ----------------- form report -------------------------------------------------------*/

#report-form select{ width:190px;}
#report-form input{ width:165px;}
#report-form input.submit{ width:auto;}
#report-form .error{ border-color:red; }


.cal-img{margin: 0 0 -4px -19px; height:16px;}
.date-input{width:125px;}
#report-form #form-wrapper{height: 250px; }
#report-form #report-nav{}
#report-left #next{float:right;}
#report-left #back{float:left;}


#report-middle p {padding-bottom: 5px;}

#savedPlaces-dialog li {cursor: pointer;}


/* ----------------- my report info -------------------------------------------------------*/

#my-report{width:100%;}
#my-report h2{color: #00B2EE;font-weight: 100; margin: 0 0 4px 0;}
#my-report-img{float:left;width:54px;}
.sky-thumb{border: solid 2px #00B2EE;padding:1px;}
#my-report-info{display:inline-block;width:150px;}
#my-report-data{clear: both; height:300px; overflow:auto;}
.my-report-info-label{color: #00B2EE; padding-right: 5px;}
.my-report-info-image{width: /*30px;*/0px; }
.my-report-mms-image{width:100%;}
#my-report-data table{width:100%;}
#my-report-data .align-right{float: right;}
#my-report-data td{}
#my-report-data p{margin-left: 3px;}

#widescreen-right{float:left; background:white;  width:59.5em;margin:0; padding: 5px 0 5px 3px;}
.my-log { float:left; margin:0 0 10px 0;border-top: solid 1px silver; padding-top: 8px;}
.my-log-menu ul {margin:0 0 10px 0; }
.my-log-menu li {display: inline; margin-right: 10px;}
.my-log-menu .active{font-weight: bold;}
.my-log .sky-thumb{float:left; border: solid 2px #00B2EE; padding:1px;margin-right:10px;}
input#search-field{ width:165px;}
#my-log-list{ height:200px; overflow:auto;}
#my-log-info{ height:100px; }
#my-log-search{clear:both;margin-top:15px;padding-top:5px;border-top: solid 1px silver;}
#log-nav{height:25px;margin: 10px 0 0 0;}
.arrow-left{float:left;}
.text-left{float:left;margin: 3px 0 0 3px;}
.arrow-right{float:right;}
.text-right{float:right;margin: 3px 3px 0 0;}
.list_highlight {background:none repeat scroll 0 0 #CCCCCC;}

#report_textforecast{width:100%;height:100%;overflow:auto;}

/* ----------------- my report list -------------------------------------------------------*/

#my-report-list{height:320px;overflow: auto;}


/* ----------------- my page  / settings ---------------------------------------------------*/
.my-page{}
.my-page label{display:inline-block; width:175px; }
#my-page-user{float:right;}

#edit-phone-number td {vertical-align: top; }
#edit-phone-number td.header {width: 175px; }
#edit-phone-number td.number {width: 145px; color: #000}
#edit-phone-number td.unvalidated {color: maroon;}

.settings-maps-wrapper {width: 600px; float: left;}
.settings-maps {width: 600px; height: 400px; float: left;}
.settings-maps-tools {float: left; width: 230px; margin-left: 10px;}

#location-validation-msg {display: block;}

#save-location-search{ background:none repeat scroll 0 0 #DDDDDD; border:1px solid #AAAAAA; padding: 3px; }

#saved-location li{line-height:25px;}
#saved-location li.hover{background-color: #cccccc; }
#saved-location .name{ display:inline-block; width:150px;}
#saved-location .edit{ display:inline-block; }


/* ----------------- slider  -------------------------------------------------------------*/
.form_widget_amount_slider{border-top:1px solid #9d9c99; border-left:1px solid #9d9c99; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f0ede0; height:3px; position:absolute; bottom:0px;}
#report-form .report_slider{display:inline-block; margin-right:10px; width:125px;}
/*
#report-form .ui-slider-horizontal {height:0.8em;}
#report-form .ui-slider {position:relative;text-align:left;}
#report-form .ui-corner-all {-moz-border-radius:4px 4px 4px 4px;}
#report-form .ui-widget-content {background-color:white; border:1px solid #DDDDDD; color:#333333; }
#report-form .ui-widget { font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size:1.1em; }
#report-form  .ui-slider .ui-slider-handle {cursor:default; height:1.2em; position:absolute; width:1.2em; z-index:2; }
#report-form .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:url("../images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6; border:1px solid #CCCCCC; color:#1C94C4; font-weight:bold; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
	border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
	border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
*/

/* ------------------- tabbed browsing ----------------------------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

/* ------------------- help tab bar ----------------------------------*/
#help-tab-bar{position: absolute; top: 90px; left: 0pt;}


/* ------------------- weathermap   ----------------------------------*/

.gwt-map-layer-control { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #000000;}
.gwt-map-layer-control .gwt-CheckBox {padding:0 3px;}
.gwt-map-layer-control .gwt-header-label{background:url("../images/gwt-layercontrol-bg.png") repeat scroll 0 0 #CCCCCC; color:white; padding:1px 3px;}