/* Author:				Perfica, www.perfica.se
*  Contact:				info@perfica.se
*  Version:				1.0
*  Created:				2007
*
*
* CONTENTS
* -----------------
* == INCLUDE
* ----> defaults
* ----> forms
* ----> navigation
* == LAYOUT
* == INDEX

**-----------------------------------------------------------------------------------
/* == INCLUDE
-----------------------------------------------------------------------------------*/

@import url(defaults.css);
@import url(forms.css);
@import url(navigation.css);

/*-----------------------------------------------------------------------------------
* == LAYOUT
* --------------------------------------------------------------------------------- */
#latest_papers {width:102px; position:absolute; right:0; top:40px; border: 12px solid #fff;}
#latest_papers_inside {width:205px; float:right; margin-left:40px; text-align:right;}

div#wrapper {width:1100px; position:relative; margin:0 auto;}

div#container {width:940px; margin:12px 0; background: #ffffff; border: 10px solid #fff; }

div#header {border-bottom:10px solid #3C5488; position:relative; width:940px; height:84px;}
	#header h1 {float:left; width:255px; height:76px;}
	#header h1 a {}


div#content {margin:10px 0;}

div#footer {background:#3C5588; color:#ccc; font-size:10px; clear:both; margin:20px 0 0 0;}
	#footer p {text-align:right; line-height:30px; padding-right:10px;}
	#footer a {color:#FFFFFF;}

.mapen area:hover {background:#F0E257;}

div#top_message {position:absolute; top:30px; left:280px; font-size:18px; font-family:verdana; color:#265E9D; }
div#welcome {position:absolute; top:30px; left:280px; font-size:18px; font-family:verdana; color:#265E9D;}
div#welcome_admin {position:absolute; top:30px; left:425px; font-size:18px; font-family:verdana; color:#265E9D;}


/*-----------------------------------------------------------------------------------
* == index.php
* --------------------------------------------------------------------------------- */
.index .section .welcome {padding:5px; background:#D6E6F7;}
.index .section form {margin:10px 0; padding:5px; background:#D6E6F7;}
.index .section form select {width:100%; margin-bottom:10px;}
.index .section form p {font-size:10px; text-align:center;}
.index .section .summary {padding:5px; background:#D6E6F7;}
	
.index .section {width:250px;}
.index .papers {float:right; width:360px;}

#map {float:left;width:280px; margin:0 10px; text-align:center; position:relative; z-index:1;}	
	

/*-----------------------------------------------------------------------------------
* == bakgrund.php
* --------------------------------------------------------------------------------- */
.bakgrund p {margin-bottom:10px;}
/*-----------------------------------------------------------------------------------
* == login.php
* --------------------------------------------------------------------------------- */
.login div {margin:0 auto; overflow:hidden; width:250px;}
.login img {float:left;}	
	
.login form {float:left; margin:0 50px 0 0;}
.login form legend {}
.login form button {display:block; margin-top:5px; float:right;}	

.login .input_text {width:100%;}

.login div.info {float:left; width:200px; background:#E5F1FE; padding:5px; margin-top:5px;}
.login .info p + p {margin-top:5px;}
	
/*-----------------------------------------------------------------------------------
* == paper_new.php
* --------------------------------------------------------------------------------- */
.add_paper {float:left;margin-left:20px; width:500px; border-right:1px solid #ccc;}
.add_paper span {font-size:10px;}

.add_paper fieldset {margin-bottom:10px;}
.add_paper .section {margin-right:30px;}
.add_paper .row {clear:left;}

.geografi {float:left; margin-left:10px; width:350px;}
.geografi div {height:540px; overflow-y:scroll; overflow-x:hidden; clear:left;}
.bokningslistan .scrollbox {height:440px; overflow-y:scroll; overflow-x:hidden;}

.kontaktperson p {float:left; width:33%;}
.kontaktperson .input_text {display:block;}
	
/*-----------------------------------------------------------------------------------
* == paper_list
* --------------------------------------------------------------------------------- */	
	
.paper_list .list {float:left; width:500px; border-right:1px solid #ccc;}
.paper_list .paper_info {margin-left:520px;}	
.paper_list .paper_info h2 {margin-top:10px;}
.paper_list .paper_info .list {width:100%; border:0; margin-bottom:10px;}
.paper_list .paper_info p {margin-bottom:5px;}
.paper_list .paper_info .linkbutton {text-align:left;}

/*-----------------------------------------------------------------------------------
* == User_info
* --------------------------------------------------------------------------------- */	
	
.user_info {}

.user_info h1 {margin-bottom:10px;}
.user_info h2 {margin:10px 0;}
.user_info p {margin-bottom:5px;}

.villkor { width: 70%; }
table#table_info_person { margin: 15px 0; }
table#table_info_person tr td { padding: 3px 30px 3px 0; }
table#table_info_company { margin: 15px 0; }
table#table_info_company tr td { padding: 3px 30px 3px 0; }

/*-----------------------------------------------------------------------------------
* == Join
* --------------------------------------------------------------------------------- */			
.join img {float:left; margin-right:20px; margin-bottom:10px;}
.join p.contact {margin-top:20px;}	
	
/*-----------------------------------------------------------------------------------
* == Bokningar
* --------------------------------------------------------------------------------- */		

.bokningar .section {width:300px;}

.bokningar .summering {background:#E2F0FF; padding:5px;}
.bokningar .summering table th {padding-right:10px;}

.bokningar .upload_files {background:#DFEBF7; padding:5px; margin-top:10px;}

.bokningar .uploaded_files {background:#CFE6F2; padding:5px; margin-top:10px;}

.bokningar .kampanjuppgifter {}
.bokningar h1 {margin-bottom:2px;}
.bokningar .kampanjuppgifter p {margin-bottom:5px;}
.bokningar .kampanjuppgifter, .bokningar .edit_kampanjuppgifter {background:#D9E5F1; padding:5px; margin-bottom:10px;}
.bokningar .edit_kampanjuppgifter {visibility:hidden; display:none;}
.bokningar .edit_kampanjuppgifter p {font-weight:bold;}
.bokningar .edit_kampanjuppgifter .input_text, .bokningar .kampanjuppgifter select {width:290px;}
.bokningar .edit_kampanjuppgifter .input_text {}
	
	
.bokningar #information {margin-top:10px; background:#E2F6FF; padding:5px;}	

.bokningar .mina_kampanjer {float:left; width:310px;}
.bokningar .mina_kampanjer .list {margin-bottom:15px;}	
.bokningar .mina_kampanjer .list .status {text-align:right;}

.bokningar .mina_kampanjer {float:left; width:310px;}
.bokningar .mina_kampanjer .list {margin-bottom:15px;}	
.bokningar .list .status {text-align:right;}
.bokningar .list td {border-bottom:0;}

.bokningar .status ul { width: 50px;}
.bokningar .status ul li {float:left; padding-right:5px; color:#666666; font-weight:bold;}

.bokningar .overflower {overflow:auto; height:370px;}


.bokningar .status_info {margin-top:10px; border-top:2px solid #F4D576; padding-top:5px;}
.bokningar .status_info {background:#DFEBF7; padding:5px; border:0;}
.bokningar .status_info ol {margin-left:19px; font-size:11px;}
.bokningar .status_info ol li {margin-bottom:5px;}

.bokningar .overview, .bokningar .annonsmaterial {float:right; width:330px;}
.bokningar .overview {}
.bokningar .annonsmaterial {display:none;}


.annonsmaterial .more_info  {border:2px solid #F4D576; padding:5px 5px 20px 5px; position:relative;}

.annonsmaterial .more_info p {margin-top:0; margin-bottom:5px;}
.annonsmaterial .more_info span {position:absolute; background:#EFD482; padding:3px 5px; }
.annonsmaterial .more_info span a {color:#000000; text-decoration:none;}

.annonsmaterial .more_info span.close {right:0; bottom:0;}
.annonsmaterial .more_info span.erase_file {left:0; bottom:0;}


.more_info {display:none;}
.file_yes {background:#ADED9D;}
.file_no {background:#E09896;}

.bokningar .accepted, .bokningar .status ul li.accepted {color:#009900;}
.bokningar .denied, .bokningar .status ul li.denied {color:#990000;}
.bokningar .unverified {color: #0000CC;}


.tidning_box {border:2px solid #F4D576; margin-top:15px;}
.tidning_box a {display:block; text-align:center; padding:5px 0; font-weight:bold;}
.tidning_box span {font-size:10px; padding:5px 5px;}
.tidning_box p {margin:0 5px;}

.tidning_box ul {font-weight:bold; margin-top:5px;}
.tidning_box ul li {padding:0px 5px;}
.tidning_box ul li.accept {float:left;border-top:2px solid #F4D576; border-right:2px solid #F4D576;}
.tidning_box ul li.accept a {color:#009900; text-decoration:none;}
.tidning_box ul li.denied {float:right;border-top:2px solid #F4D576;border-left:2px solid #F4D576;}
.tidning_box ul li.denied a {color:#990000; text-decoration:none;}

.tidning_box form {border-top:2px solid #F4D576;padding:10px 5px 5px; display:none;}
.tidning_box form p {margin:0;}
.tidning_box form textarea {width:99%; height:100px;}



/*-----------------------------------------------------------------------------------
* == MISC
* --------------------------------------------------------------------------------- */
.split {}


.clist { font-weight: bold; color: #006633; }


/*-----------------------------------------------------------------------------------
* == MOTION GALLERY
* --------------------------------------------------------------------------------- */

#motioncontainer {}

#motioncontainer a img{ /*image border color*/
border: 1px solid #cccccc;
margin:1px 0;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid #415584;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}


/*-----------------------------------------------------------------------------------
* == CONTACT LIST
* --------------------------------------------------------------------------------- */

.contactlist {width:100%; margin:10px 0; text-align:center;}
.contactlist tr {vertical-align:top;}
.contactlist td {padding:10px 0;}