/***************************************************************************************************************
*
*				För Timadmin
*
*
****************************************************************************************************************/
.TimEditArticleClass{
	font-size:10px;
	color:#C0C0C0;
}

.puffEditLink{
	font-size:10px;
	color:#C0C0C0;
}
/***************************************************************************************************************
*
*				För Tim
*
*
****************************************************************************************************************/
#leftFloater{
	float:left;
	margin:right:5px;
}	
#doodle{
	width:510px;
	padding:4px;
	border:1px solid #6eafdd;
}
#doodle #flygtext{
	width:510px;
	text-align:center;
	margin:0px 0px 2px 0px;
	padding:0px;
}
#doodle #flygtext a{
	color:#f26621;
}
#doodle #flygbild{
	padding:0px;
	margin:0px;
}


.TimErrorMessageClass{
	font-weight:bold;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0px;
	padding:0px;
	color:#333333;
	line-height:1.38em;
}
h1{
		margin:0px;
		padding:0px;
}
h2{
	margin:6px 0px 2px 0px;
	font-size:16px;
}
h3{
	font-weight:normal;
	font-size:16px;
}

/*Bildtext*/
h4{

}
embed{
	margin:0px;
	padding:0px;
}
object{
	margin:0px;
	padding:0px;
}
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
}
p{
 margin:0px;	
}
#inliner{
	display:inline;
}
/*Weather*/
.weatherContainer{
	padding:5px;
}
#weatherBox{
	margin-left:3px;
	width:200px;
	float:left;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #DDD;
	margin:3px;
}
.tooltip{
	padding:10px;
	background-color:#FFFFFF;
	border:1px solid #CCC;
}
.topBoard{
	height:15px;
	padding:4px;
	border-bottom:1px solid #333;
	background-color:#3F3F3E;
	text-align:right;
	color:#FFF;
}

.wrapper{
	margin:20px auto 0px auto;
	width:1000px;
	background-color:#FFFFFF;
	display:table;
	padding:10px 10px 20px 10px;
}
.headContainer{
	width:1000px;
}
.headContainer .logoContainer{
	width:1000px;
	height:40px;
	background:url(/images/logos/gran_canaria_1000_40_rss.jpg) no-repeat;
}
.logoContainer #logo{
	float:left;
	width:300px;
	height:40px;
	margin-left:10px;
	display:block;
}
.logoContainer #rss{
	float:right;
	width:40px;
	height:40px;
	margin-right:15px;
	display:block;
}
.headContainer .logoImages{
	width:1000px;
	height:230px;
}

.mainContainer{
	width:1000px;
	margin-top:4px;
	display:table;
}

.mainContainer .left{
	width:152px;
	float:left;
}
.mainContainer .left #header,.mainContainer .right #header, #plainCommentDiv #header, .mainContainer .center .header{
	width:auto;
	background-color:#998175;
	padding:3px 2px 3px 5px;
	color:#FFF;
	font-size:15px;
}
.mainContainer .left #box{
	width:148px;
	padding:3px 2px 3px 2px;
}
.left #box a{
	display:block;
	margin-top:2px;
}
.mainContainer .center{
	width:468px;
	float:left;
	margin-left:10px;
}
.center #panoramioPuffText{
	width:461px;
	font-size:11px;
	border:1px solid #998175;
	padding:3px 2px 3px 5px;
	color:#000;
	font-style:italic;
}
.center #imageSquare{
	float:right;
	width:325px;
	height:150px;
	margin:5px 0px 10px 0px;
}
.center #imageSquareDir{
	float:right;
	width:195px;
	height:215px;
	margin:5px 0px 5px 0px;
}

.center #imageSquare img, .center #imageSquareDir img{
	float:left;
	padding:0px 0px 5px 5px;
}
.center #imageSquare #text, .center #imageSquareDir #text{
	font-size:11px;
	padding:0px 0px 0px 5px;
}
.center #tips{
	background:url(/images/flyg_gran_canaria_bakgrund.jpg) no-repeat;
	height:41px;
	padding:29px 0px 0px 75px;
	color:#FFF;
	font-size:16px;
}
#brown{
	background-color:#998175;
	padding:6px 5px 6px 10px;
	clear:both;
}
h1#brown{
	width:453px;
	color:#FFF;
	font-size:17px;
	font-weight:normal;
}

h3#brown{
	color:#FFF;
	font-size:16px;
}
.mainContainer .right{
	width:360px;
	float:left;
	margin-left:10px;
}

.mainContainer .right .mapPresentContainer{
	width:360px;
	height:100px;
}
.right #newsPuffText{
	margin:4px 0px 4px 0px;
	border-bottom:1px solid #CCC;
	padding-bottom:4px;
	text-align:left;
	width:100%
}

/*Comments form*/
.commentContainer div{
	margin-bottom:2px;
}
.commentTextArea{
	width:99%;
	height:80px;
	font-size:13px;
}
.commentInput{
	width:240px;
}


/*review form ajax*/
#ajaxCommentHeader{
	margin-top:8px;
	font-size:17px;
}
.ajaxCommentForm{
	border:1px solid #6A75FB;
}
.ajaxCommentForm #commentContainer{
	margin:3px;
	padding:5px;
}
.ajaxCommentForm #commentContainer #top{
	width:430px;
	display:table;
	margin-bottom:10px;
}
.ajaxCommentForm #commentContainer #top #text{
	float:left;
	padding:10px 5px 0px 0px;
}
.ajaxCommentForm #commentContainer #top #suns{
	float:left;
}
.ajaxCommentForm #commentContainer #top #textRate{
	float:left;
	padding:10px 5px 0px 0px;
}
/*Comment review i mitten*/
.center .commentReview{
	width:468px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
.center .commentReview #reviewContent{
	width:468px;
	clear:both;
	display:table;
	padding:0px;
	margin:0px;
}
.center .commentReview #reviewContent #userImage{
	float:left;
	width:75px;
	margin-right:10px;
}
.center .commentReview #reviewContent #userImage a{
	font-size:12px;
}
.center .commentReview #reviewContent #userText{
	width:373px;
	padding:5px;
	float:left;
	margin:0px;
	background-color:#D5DFF3;
	color:#333;
}
/*Comment review i höger i .mapPresentationContainer*/
.right .commentReview{
	width:360px;
	margin:10px 0px 10px 0px;
	padding:0px;
}
.right #reviewContent{
	width:360px;
	clear:both;
	display:table;
	padding:0px;
	margin:0px;
}

.right #reviewContent #userImage{
	float:left;
	width:75px;
	margin-right:10px;
}
.right #reviewContent #userImage a{
	font-size:12px;
}
.right #reviewContent #userText{
	width:265px;
	padding:5px;
	float:left;
	margin:0px;
	background-color:#D5DFF3;
	color:#333;
}
/*Gemensamma för center och right */
#reviewContent  #userText #rateDiv{
	height:19px;
	margin:0px 0px 0px 4px;
	float:right;
}
#reviewContent  #userText #rateDiv #rateImage{
	height:19px;
	background:url(/images/betyg/sma_stjarnor.png) no-repeat;
	font-size:12px;
	color:#666;
	text-align:right;
	padding-top:19px;
	margin-bottom:4px;
}
.commentReview #reviewContent #userText #bottom{
	text-align:right;
	padding-top:10px;
	font-size:12px;
	clear:both;
	display:block;
	color:#666;
}
.commentReview #reviewContent #userText  #bottom a{	
	font-size:12px;
}
.commentReview #reviewContent #userText #bottom #commentReported{
	background-color:#FF0 ;
	padding:2px;
}
/*Slut review content*/
/*
*	Top board
*/
#logIn input{
	margin-right:4px;
}
.footContainer{
	width:100%;
	height:30px;
	padding-top:100px;
	clear:both;
	margin-top:15px;
	background-color:#737373;;
	border-top:1px solid #3F3F3E;
	display:table;
}
#cooptext{
	margin-left:10px;
	float:left;
	color:#CCCCCC;

}
#byline{
	margin-right:10px;
	float:right;
	color:#FFFFFF;
}
.directoryCategories{
	clear:both;
}
.directoryCategories div{
	float:left;
	font-size:14px;
}
.categoryChildren{
	height:60px;
	padding:4px 0px 4px 0px;
	clear:both;
	display:block;
}
.categoryChildren img, .mainContainer .right .mapPresentContainer img{
	float:right;
	margin:0px 0px 0px 5px;
	
}
.categoryChildrenPuff{
	padding:5px;
	margin-bottom:5px;
	border:1px solid #CCC;
}
a{
	color:#B47B29;
}
a:link{}
a:active{}
a:visited{}
a:hover{}

/*More of something bladderfunktion*/
#content #more{
	margin:10px; 0px 10px 0px;
	padding:0px;
	clear:both;
}
#more ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#more ul li{
	float:left;
	display:block;
	padding:5px 8px 5px 8px;
}
#more ul li a{
	text-decoration:none;
}
#more ul li#selected{
	background-color:#CCC;
}
#more ul li:hover{
	background-color:#EAEAEA;
}


/*Söket*/
.searchBoxForm{
	display:inline;
	margin:4px 0px 5px 0px;
}
.searchBoxField{
	width:99px;
	margin:4px 0px 5px 0px;
}
.searchBoxButton{
	margin:0px;
	margin:4px 0px 5px 0px;
}
.searchPageBoxForm{
	
}
.searchPageBoxField{
	width:75%;
}
.searchPageBoxButton{
	width:20%;
}
/*Blog*/
#blogPostTopBoard{
	background-color:#d5dff3;
    padding:3px;
    margin:1px 0px 2px;
}
#blogPostTopBoard #comments{
	float:right;
}
/*Bloggpuffar*/
#bloggPuff{
	clear:both;
    margin-bottom:25px;
}
#bloggPuff #meta{
	height:25px;
}
#bloggPuff #meta #date{
	background-color:#998175;
    padding:5px;
    font-size:14px;
    float:left;
    margin-right:10px;
    color:#FFF;
}
#bloggPuff #meta #bloggPuffHeader a{
	font-size:17px;
}
#bloggPuff #readMore{
	font-size:14px;
	text-align:right;
	margin-top:8px;
}
#bloggPuff #readMore a{
	font-size:14px;
}
#bloggPuff #topBoard{
	clear:both;
    background-color:#d5dff3;
    padding:3px;
    margin:2px 0px 2px;
}
#bloggPuff #topBoard #writtenBy{
	float:left;
}
#bloggPuff #topBoard #howManyCommentsBoard{
	text-align:right;
}
#bloggPuff #bottomBoard{
	padding:3px;
    background-color:#F4F6F5;
    border:1px solid #EAEAEA;
	margin-top:5px;
}

/*Blogg kommentarer*/
.onePlainComment{
	clear:both;
    padding-bottom:10px;
    margin:10px 0px 3px 0px ;
    border-bottom:1px dashed #CCC;
    min-height:70px;
}
.onePlainComment #userImage{
	float:right;
    margin:0px 0px 5px 5px;
}
.onePlainComment #meta{
	margin-bottom:10px;
}
.onePlainComment #meta #date{
	font-style:italic;
    color:#666;
    font-size:12px;
}
#plainCommentDiv{
	background-color:#FFF;
	padding:5px;
	border:1px solid #998175;
}
#plainCommentDiv #commentFormMessageOk{
	font-size:14px;
	padding:5px;
	color:#000;
	background-color:#05be4f;
	border:1px solid #016429;
	margin-bottom:3px;
}
#plainCommentDiv #commentFormMessageError{
	padding:5px;
	color:#000;
	background-color:#ee2902;
	border:1px solid #901902;
	margin-bottom:3px;
}
#plainCommentDiv .inputField{
	width:300px;
	height:20px;
	padding:3px;
}
#plainCommentDiv .inputArea{
	width:300px;
	height:150px;
	padding:3px;
	margin-bottom:2px;
	font-size:13px;
}
#plainCommentDiv .addBlogPostArea{
	width:450px;
	height:500px;
	padding:3px;
	margin-bottom:2px;
}
#plainCommentDiv .formButton{
	margin-top:3px;
	padding:3px;
}
/*Klimat tabell Väder artikel*/
#klimatTabell, #prognosTabell{
	border-right:1px solid #ee2902;
	border-bottom:1px solid #ee2902;
	padding:0px;
	margin:0px;
}
#prognosTabell td{
	border-top:1px solid #ee2902;
	border-left:1px solid #ee2902;
	padding:4px;
	margin:0px;
}
#klimatTabell td{
	border-top:1px solid #ee2902;
	border-left:1px solid #ee2902;
	padding:4px;
	margin:0px;
	text-align:right;
}

/*rader i tabeller*/
#A_statsTable{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;	
	border-right:1px solid #CCC;
}
#A_statsTableScrollWrapper{
	height:550px;
	width:500px;
	overflow:auto
}
#A_statsTable tr{
	padding:0px;
	margin:0px;
}
#A_statsTable tr td{
	padding:5px;
	border-top:1px solid #CCC;
	white-space:nowrap;
}

/****google map*****/
#map{
	border:1px solid #CCC;
	margin-bottom:5px;
}
#tooltip {
	background: url(/images/googlemap/tooltipRight.png) 100% 0 no-repeat transparent;
	min-height:49px;
	padding-right:10px;
	margin-top:50px;
}


#tooltip div {
	background: url(/images/googlemap/tooltipBG.png) 0 0 no-repeat transparent;
	padding:8px 10px 0 10px;
	min-height:41px;
	white-space:nowrap;
}
#tooltipImage {
	background: url(/images/googlemap/tooltipRightBig.png) 100% 0 no-repeat transparent;
	min-height:81px;
	padding-right:10px;
	margin-top:50px;
}


#tooltipImage div {
	background: url(/images/googlemap/tooltipBGBig.png) 0 0 no-repeat transparent;
	padding:2px 2px 0 4px;
	min-height:79px;
	white-space:nowrap;
	display:block;
}
#tooltipImage div img{
	float:left;
	margin-right:5px;
}
#tooltipImage div p{
	width:210px;
	margin-top:6px;
}

/*Ajax registrering*/
.registrationError{
	margin:2px 0px 2px 0px;
}
.registrationError p{
	background-color:#FFFF00;
	color:#000;
	padding:2px;
	margin-bottom:2px;
}
/*public profile*/

#profileImage{
	float:right;
	margin:0px 0px 5px 5px;
}
/* AJAX SEARCH
.searchContainer{
	z-index:1;
	position:relative;
	margin-top:2px;
	width:100%;
}
.ajaxSearchForm{
	margin:0px;
	padding:0px;
}	
.qInput{
	float:left;
	font-size:20px;
	width:430px;
	margin-top:1px;
	margin-right:3px;
}
.qButton{
	float:left;
	font-size:20px;
	line-height:26px;
	width:68px;
	vertical-align:top;
	margin:0px;
	padding:0px;
	height:29px;
	background-color:#3D3C3C;
	color:#FFFFFF;
	border:1px solid #000;
	text-align:center;
}
.qCheckbox{
	clear:both;
	margin:0px;
}
#suggestContainer{
	position:absolute;
	z-index:1001;
	top:33px;
	left:0px;
	background-color:#FFF;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:5px;
	width:423px;
	margin:0px;
}
#displaySuggestions{
	float:left;
}
.closeSuggestions{
	float:right;
	
}
.closeSuggestions a{
	color:#333333;
	font-size:10px;
	text-decoration:underline;
}
*/