/* CLEANTECH ÖSTERGÖTLAND CSS, STARTED 090508 BY FREDRIK CARLÉN, ERIK PETTERSSON, NOC WEBBYRÅ AB. INFO@NOCWEB.SE */

/* RESET v1.0, 2008-02-12 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* remember to define focus styles! */
:focus{outline:0}
/* remember to highlight inserts somehow! */
ins{text-decoration:none}
del{text-decoration:line-through}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0}


/* GENERAL */
html,body{
    height: 100%;
    background:#fff url(img/top_sides.png) top left repeat-x;
    font-family:Verdana, Geneva, sans-serif;
	font-size:85%;
	text-align:center;
}

/* LAYOUT */
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -250px;

    background:#fff url(img/main_bg.png) top center no-repeat;
    width:960px;
    text-align:left;
}
#footer, #push {
    height: 250px;
}
#footer{background:transparent url(img/bottom_sides.png) repeat-x;color:#fff;}
    #footer .wrapper{
        background:transparent url(img/bottom_bg.png) top center no-repeat;
    }
    #footer a{color:#fff;font-weight: 700}

#header{
position: relative;
}
    p#logo{
        text-align:center;
    }
        p#logo a{
            display:block;
            width:235px;
            height:97px;
            margin:0 auto;
            text-indent:-9999px;
        }
    #login_search{
        margin:58px 0 0 630px;
        width:300px;
        text-align:right;
        position:absolute;
        top:0;
    }
        p#login,
        p#search{float:right;overflow:hidden;display:inline;margin:0 0 0 20px;position:relative;}

        p#login{margin-top:5px;padding-bottom:5px;}
            p#login a{
                color:#fff;
                font-weight:700;
                text-decoration:none;
            }

        p#search{background:url(img/membersearch_bg.png) top left no-repeat;height:24px;}
            #search_field{
                border:none;
                outline:none;
                background:transparent;
                font-family:Verdana, Geneva, sans-serif;
                font-size:1em;
                width:140px;
                margin:0 0 0 5px;
            }
            #search_submit{margin:0 0 -7px 0;}

#article{width:900px;margin:5px auto;}
#article a{color:#67C8C6}
#nav,
#content,
#aside{float:left;display:inline;overflow:hidden}
#nav{width:;}
#content{width:;}
#aside{width:;}

#column_menu,
#column_content,
#column_right{float:left;display:inline;overflow:hidden;border-top:4px solid;margin-top:10px;padding-bottom:10px}
#column_menu{width:109px;border-color:#7C2B83;}
    #menu{list-style-type: disc;list-style-position: inside;color:;}
        #menu li{color:#7B2B82;padding:10px 0 0 0;margin-left:5px;}
            #menu a:link,
            #menu a:visited,
            #menu a:active{text-decoration:none;color:#B615C4;}
            #menu a:hover{color:#B615C4}
        #menu li.menuitem_selected,
        #menu li.submenuitem_selected{font-weight:700;}
        #menu li.submenuitem,
        #menu li.submenuitem_selected{padding-left:15px;list-style-type: none}
#column_content{width:484px;border-color:#B2BB1E;margin-left:60px;}
    #column_content .column{width:228px;float:left;overflow:hidden;display:inline;}
    #column_content a{color:#67C8C6;font-weight:700;}
    #column_content hr{height:4px;color:#B2BB1E;background-color:#B2BB1E;margin-top:10px;border:0;}
#column_right {width:224px;border-color:#67C8C6;margin-left:21px;}
#column_right p h2{line-height:1.6em}
    #column_right a{color:#67C8C6;font-weight:700;}
    
#signup_holder{
background:transparent url(img/membersearch_bg.png) no-repeat scroll 0 0;
float:left;
height:24px;
margin-top:12px;
width:119px;
}
#membersearch_field {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#999999;
font-family:Verdana,Geneva,sans-serif;
font-size:14px;
font-weight:bold;
height:22px;
margin-left:5px;
margin-top:2px;
width:139px;
}
#signup_submit {
background:transparent url(img/signup_btn.png) no-repeat scroll 0 0;
float:left;
height:24px;
margin-top:12px;
width:79px;
}

#language{
position: absolute;
right:40px;
top:10px;
}

/* MEMBER SEARCH */
#map_search_field_holder{
	  width: 115px!important;
	  height: 24px;
	  margin-left:7px;
	  background: url(img/mainsearch_bg.png) no-repeat;
	  float:left;
  }
#map_search_field_holder input{width:90px;}
#map_search_submit{
	  width:22px;
	  height:24px;
	  background:url(img/mainsearch_btn.png) no-repeat;
	  float:left;
  }

#map_search_field_holder{
	  width: 115px;
	  height: 24px;
	  margin-left:7px;
	  background: url(img/mainsearch_bg.png) no-repeat;
	  float:left;
  }
#membersearch_holder{
		width: 159px;
		height: 24px;
		margin-top:12px;
		background: url(img/membersearch_bg.png) no-repeat;
		float:left;
	}
	
	#membersearch_field{
		width: 159px;
		height: 22px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:14px;
		font-weight:bold;
		background: none;
		border: none;
		color:#999;
		margin-top: 2px;
		margin-left: 5px;
	}
	
	#membersearch_submit{
		width:22px;
		height:24px;
		margin-top:12px;
		float:left;
		background:url(img/mainsearch_btn.png) no-repeat;
	}
/* !Search Field */
#searchedContent ul{list-style-type:none}
#searchedContent li{padding-bottom:5px;margin-left:8px;}
/* TABS ON MEMBER PAGE */ 
 #tab_left{
	width:3px; 
	height:25px;
	background:url(img/tab_active_left.jpg); 
	margin-left:5px;  
	float:left; 
 }
 
 #tab_middle{
	 width:70px; 
	 height:22px; 
	 background:url(img/tab_active_middle.jpg); 
	 text-align:center;
	 padding-top:3px;
	 float:left; 
 }
 
 #tab_right{
	 width:3px; 
	 height:25px;
	 background:url(img/tab_active_right.jpg); 
	 float:left;
 }
 #tab_middle a{display:block;margin-top:3px;}
#searchedContent ul{height:260px;overflow: scroll;overflow-x: hidden}

/* TYPOGRAPHY */
h1{
	font-family:gotham, Verdana, Geneva, sans-serif;
	margin-bottom:12px;
	margin-top:12px;
    font-size:2em;
}

h2{
	font-family:gotham, Verdana, Geneva, sans-serif;
    font-size:1.6em;
    margin:1em 0 .5em 0;
}

h3{
	font-family:gotham, Verdana, Geneva, sans-serif;
    font-size:1.6em;
}

p{line-height: 1.6em}
small{font-size: .8em;margin-bottom:-.5em;display:block;}

a{text-decoration:none;}


/* FORMS */
#column_content table input,
#column_content table textarea{border:2px solid #ccc;padding:1em;font-family:Verdana;font-size:1em;}
/* Only for IE: */
#column_content table input { 
width: 93%; 
overflow: visible;
padding: 0 2px;}
/* Other Browsers: */
#column_content table input {
font-size: 1em; /* What you want*/ 
/*\*/padding: .5em;*/ /* Hiding for IE5/Mac */}
#column_content td input:focus,
#column_content td textarea:focus{border:2px solid #40433b}
#column_content td textarea{width:93%;max-width:93%}
#column_content td input.button,
#column_content td input.submit,
#column_content td button{font-size:1em;font-family:Verdana;font-weight:700;background:#999;padding:6px 10px!important;border:0;color:#fff;width:auto;overflow:visible;cursor:pointer}
#column_content td label{margin-right:20px;cursor:pointer}

/* TABLES */
#column_content tr{border-bottom:20px solid #fff;}
table{width:90%;}
td{padding-right:10px;}
.result_table td,
.result_table th{padding:5px;}


/* TOOLS */
.clear{clear:both}