/*************************************

 CSS för Hemsidan.com
 Ej optimerad
 
*************************************/


/*************************************
 Body
*************************************/

#layout_wrapper {
margin:0 auto;
padding:25px 0;
width:925px;
}

#layout_top_shell {
height:29px;
font-size:1px;
}

#layout_shell {
background-position:top;
padding:0 29px;
width:867px;
}

#layout_header {
background-repeat:no-repeat;
height:160px;
background-color:#F2F6F6;
}

#layout_left_sidebar {
margin-top:20px;
float:left;
width:185px;
margin-right:20px;
}

#layout_main_frame {
margin-top:20px;
width:662px;
float:left;
}

#layout_page {
padding-top:7px;
width:662px;
}

#layout_page_contents {
float:left;
width:440px;
padding-bottom:10px;
}

#layout_startpage_contents {
float:left;
width:425px;
padding-bottom:20px;
}

#layout_right_sidebar { 
float:right;
width:204px;
}

#layout_bottombar {
float:right;
width:662px;
}

#layout_footer {
border-top:1px dashed #CCC;
padding-top:10px;
margin-top:5px;
}

#layout_bottom_shell {
background-position:bottom;
width:925px;
height:24px;
font-size:1px;
}

.layout_devider {
clear:both;
height:15px;
font-size:1px;
}


/*************************************
 Sidebars
*************************************/

#layout_users_box {
width:185px;
}

#layout_users_box, #layout_menu {
margin-bottom:8px;
}

#layout_right_sidebar #layout_image {
background-color:#FFF;
border:0;
padding:0;
margin-bottom:20px;
}

#layout_side_ads {
text-align:center;
}


/*************************************
 Boxes
*************************************/

.box {
background-image:url(../graphics/backgrounds/box_bg.png);
background-position:left;
padding:6px 8px;
min-height:60px;
}

.box_top {
background-image:url(../graphics/backgrounds/box_top.png);
background-position:left;
padding-bottom:3px;
}

.box_bottom {
background-image:url(../graphics/backgrounds/box_bottom.png);
background-position:bottom left;
height:15px;
font-size:1px;
margin-bottom:8px;
}


/*************************************
 Bottombar
*************************************/

#layout_bottombar_ads {
text-align:right;
border-top:1px dashed #CCC;
width:662px;
margin-top:30px;
padding-top:25px;
}


/*************************************
 Menus & login
*************************************/

.nav, .nav ul {
margin: 0;
padding: 0;
list-style: none;
}

.nav li {
display: inline;
padding: 0;
margin: 0;
}

.nav li a {
display: block;
padding: 7px 10px;
text-decoration: none;
background-color: #F0F0F0;
border-bottom: 1px solid #C6CCCC;
border-top: 1px solid #FFF;
border-right: 1px solid #C6CCCC;
}

.nav li a:hover, .nav a.activepage {
background-color:#A5D98D;
border-bottom: 1px solid #8ABB73;
border-top: 1px solid #DAE9D3;
border-right: 1px solid #8ABB73;
}

.nav ul ul a {
background-color:#D5DADA;
border-top: 1px solid #D5DADA;
border-bottom: 1px solid #D5DADA;
border-right: 1px solid #BEC7C7;
padding: 6px 11px 6px 14px;
}

#login {
padding:10px;
display: block;
text-decoration: none;
background-color: #F0F0F0;
border-bottom: 1px solid #C6CCCC;
border-top: 1px solid #FFF;
border-right: 1px solid #C6CCCC;
}

#tabs a {
width:85px;
float:left;
padding:4px 10px;
background-image:url(../graphics/menus/tab.png);
color:#666;
margin-right:8px;
text-align:center;
}

#tabs a:hover {
background-image:url(../graphics/menus/tab2.png);
}

#tabs a#activetab {
background-image:url(../graphics/menus/tab2.png);
}

#tab_separator {
font-size:1px;
height:6px;
background-image:url(../graphics/colors/light_blue.png);
clear:both;
margin-bottom:20px;
}

#active_user {
height:35px;
background-image:url(../graphics/backgrounds/active_user.png);
background-position:bottom;
padding:6px 9px 0 10px;
margin:-5px 0 -10px 0;
}

#login .button {
margin-top:11px;
}


/*************************************
 List, borders, corners
*************************************/

.list {
background-image:url(../graphics/list/green.png);
background-repeat:no-repeat;
height:23px;

}

#layout_menu .list {
background-image:url(../graphics/list/green.png);
}

#layout_users_box .list {
background-image:url(../graphics/list/green.png);
}

#layout_main_frame .list {
width:662px;
margin-bottom:20px;
background-color:#F0F0F0;
}

.list_bottom {
font-size:1px;
clear:both;
height:19px;
background-image:url(../graphics/list/bottom.png);
background-position:bottom;
}

#layout_users_box.login_failure {
position:absolute; 
z-index:11; 
margin-top:8px;
}

#layout_users_box.login_failure .list_bottom {
background-image:url(../graphics/list/bottom2.png);
}


/*************************************
 Forms
*************************************/

#login input.text{
width:122px;
}

#send_message_form div input {
width:260px;
}

#send_message_form div#left input {
width:300px;
margin:0 20px 0 0;
}

#send_message_form textarea {
width:620px;
height:230px;
}

#receivers_form {
display:none;
}

.new_post #subject {
width:250px;
}

.new_post #location {
width:200px;
}

.new_post #time {
width:95px;
}

.new_post textarea {
width:500px;
height:120px;
}

#upload_form #name, #file_edit_form div input, #file_edit_form div textarea, #file_edit_form div select {
width:180px;
}

#upload_form #commentary {
width:240px;
height: 50px;
}

#category_form #categoryname {
width:180px;
}

#category_form #description {
width:220px;
height:70px;
}

#file_edit_form div textarea {
height:80px;
}

#file_edit_form .edit_folder input, #file_edit_form .edit_file input, #file_edit_form .edit_folder textarea, #file_edit_form .edit_file textarea, #file_edit_form .edit_folder select, #file_edit_form .edit_file select {
width:160px;
}

#file_edit_form .edit_folder textarea, #file_edit_form .edit_file textarea {
height:50px;
}

.configuration div input, .configuration select {
width:150px;
margin-bottom:5px;
}

.configuration .checkbox {
width:auto;
}

.configuration .door {
width:60px;
}

.configuration .fName, .configuration .lName {
width:110px;
}

.configuration_persons .fName, .configuration_persons .lName {
width:150px;
}

.configuration .born, .configuration .gender {
width:75px;
}

.configuration .account_authority select {
width:100px;
}

#group_form .title {
width:95px;
}

#group_form .date {
width:75px;
}

#group_form #name {
width:130px;
}

#group_form #description {
width:380px;
}

#group_form #left {
margin-right:15px;
}

#brfconfig_form .input, #brfconfig_form select#font, #brfconfig_form select#color_theme, #brfconfig_form select#county {
width:160px;
}

#brfconfig_form #brf_contact .input {
margin-right:10px;
}

#brfconfig_form .addresses input {
width:140px;
}

#brfconfig_form .addresses input.zipCode {
width:80px;
}

#brfconfig_form #textSize, #brfconfig_form #alpha, #brfconfig_form #textColor, #brfconfig_form #textAlignment {
width:80px;
}

#brfconfig_form input#households {
width:80px;
}

#contact_form div input {
width:190px;
}

#contact_form textarea {
width:410px;
height:190px;
}

input.big {
width:170px;
}

#page_selection_form select {
width:170px;
}

#message_selection_form {
float:left;
}

#message_selection_form select {
width:185px;
}

#premises_config_form textarea {
width:350px;
height:90px;
}

#premises_config_form select {
width:130px;
}

#page_image_form textarea, #page_file_form textarea  {
width:250px;
height:40px;
}

#layout_administrator input, #layout_administrator select {
width:160px;
}

.window_contents input#new_page_name, .window_contents select#type_select {
width:160px;
}

.window_contents select.authority_select {
width:220px;
}

#premises_config_form select.authority_select {
width:200px;
}

p.priceTag input {
width:60px;
}

form #household_config_presentation textarea {
width:200px;
height:40px
}

select#image_folder_select {
width:200px;
}


/*************************************
 Tools
*************************************/

div.tools {
text-align:right;
margin-top:20px;
}

div.tools p {
margin-top:7px;
}

div.tools #move {
display:none;
}

div.tools #move select {
margin:5px 6px 0 0;
}


/*************************************
 Photo album
*************************************/

#photo_albums {
margin-top:20px;
}

#photo_albums div.album, #photo_albums div.photo {
float:left;
width:100px;
min-height:100px;
border:1px solid #CCC;
padding:7px;
margin-right:15px;
}

#photo_albums div.album p, #photo_albums div.photo p {
text-align:center;
}

#photo_albums div.photo p {
margin:5px auto 0 auto;
width:90px;
height:70px;
background-repeat:no-repeat;
}

#photo_albums div.photo p a {
display:block;
width:90px;
height:70px;
padding:0;
}

#photo_albums div.album p img.album_icon {
padding:15px 0 5px 0;
width:40px;
height:40px;
}

#photo_albums div.photo input {
float:right;
margin-top:17px;
}

#photo_albums div.album p.locked_album {
position:absolute;
float:right;
}


/*************************************
 Other
*************************************/

div#must_login {
background-image:url(../graphics/images/pointing_arrow.gif);
width:60px;
height:40px;
position:absolute;
margin:-100px 0 0 -40px;
}

.new_post #left {
margin-right:15px;
}

#file_edit_form div {
float:left;
margin:0 30px 30px 0;
padding:0 5px 10px 0;
}

#file_edit_form .edit_folder, #file_edit_form .edit_file {
width:180px;
border:1px solid #CCC;
border-width:0 1px 1px 0;
}

p#folder_nav {
float:left;
width:365px;
}

.content_box_small, .content_box_medium, .content_box_large {
background-color:#F2F6F6;
border:1px solid #E9EDED;
min-height:118px;
padding:0 12px 12px 12px;
margin-bottom:20px;
background-repeat:no-repeat;
}

.content_box_small {
width:396px;
}

.content_box_medium {
width:500px;
}

.content_box_large {
width:636px;
}

.configuration table {
width:auto;
}

form.configuration .configuration_persons, form.configuration .configuration_persons_admin {
clear:both;
width:100%;
}

#new_person {
display:none;
}

.configuration #obs {
display:none;
margin-top:15px;
}

#brfconfig_form #obs {
display:none;
margin-top:15px;
}

.person_tools, .address_tools {
text-align:right;
padding:2px 0 0 0;
}

.editable_content table {
width:100%;
}

.editable_content table td {
vertical-align:top;
}

form#pages .update, form#categorys .update, form#document_form .update, form#premises_form .update {
display:none;
margin-top:12px;
}

#standard_advanced {
float:right;
padding:2px 17px 0 0;
}

#view_messsage .editable_content {
padding-top:15px;
} 

.edit {
display:none;
}

.new_persons_tbl_td {
padding-left:14px;
width:93px;
}

#brfconfig_form #zipCode {
float:left;
margin-right:15px;
}

div#tbl_bg, div#tbl_bg2 {
padding-top:1px;
background-image:url(../graphics/backgrounds/tbl_top.png);
background-repeat:no-repeat;
}

div#tbl_bg2 {
background-image:url(../graphics/backgrounds/tbl_top2.png);
}

div#tbl_bg2 tr.tbl_head td {
padding-bottom:5px;
}

div#header_pictures, div#background_pictures {
padding:15px;
border:1px solid #BEC7C7;
-moz-border-radius:5px;
}

div#header_pictures div, div#background_pictures div {
height:250px;
overflow:auto;
}

div#header_pictures div p img, div#background_pictures div p {
cursor:pointer;
width:440px;
margin-bottom:15px;
border:2px solid #FFF;
}

div#background_pictures div p {
height:80px;
}

#contact_form div#left {
margin-right:15px;
}

table td#config_selection, div#premises_config, div#timeblock_config, div#day_config {
display:none;
}

div#dayConfig {
display:none;
}

#premises_config_form table {
width:auto;
}

p#setChanges {
margin-top:15px;
display:none;
}

div#many_receivers {
height:50px;
overflow:auto;
}

ul.dotted {
margin:0;
padding:0;
}

ul.dotted li {
margin:0;
padding:0;
}

div#admin_float {
float:right;
width:204px;
}

div#admin_float .box a {
margin-right:7px;
}

div#doc_manager {
border:1px solid #CCC;
-moz-border-radius:5px;
padding:10px;
}

div.options {
margin-top:15px;
}

div.options p {
margin-top:4px;
background-image:url(../graphics/icons/16/arrow_right.png);
background-repeat:no-repeat;
text-indent:20px;
line-height:16px;
}

#layout_help div.options p {
margin-top:6px;
}

#layout_help div.options {
margin-top:0;
}

table.post {
border:1px solid #E6E9E9;
margin-top:25px;
padding-bottom:3px;
}

table#head_post.post {
margin-top:15px;
}

table#view_messsage.post {
margin-top:10px;
}

p.post_edit {
margin-top:10px;
text-align:right;
}

div.account_authority {
width:100px;
}

.description {
border:1px solid #666;
background-color:#FFFFE1;
background-position:bottom right;
padding:7px 8px;
float:left;
min-width:150px;
}

.description_end {
height:15px;
clear:both;
}

.description#page_authority {
margin-bottom:0;
}

.description p#authority_warning {
margin-top:9px;
}

.description p#authority_warning.no_top_margin {
margin-top:0;
}

#category_description {
margin-bottom:20px;
}

#folder_description {
margin-top:15px;
}

#premises_description {
margin-bottom:15px;
}

div#member_nav {
margin-top:45px;
}

p.nav_buttons {
height:26px;
margin-top:25px;
}

p#right.nav_buttons {
margin-top:0;
}

#reservation_form p.nav_buttons {
margin-top:35px;
}

#document_form p.nav_buttons {
margin-top:0;
}

#member_profile_picture {
float:right;
}

#members_profile_picture {
background-image:url(../graphics/images/members_pic.png);
}

#member_profile_info div.description {
margin-top:15px;
}

#member_profile_info {
float:left;
width:400px;
}

p#restricted_posting {
display:none;
}

form#document_form .tools span {
font-weight:bold;
margin-right:15px;
}

table#report_filter {
width:auto;
}

table#report_filter td {
padding: 0 25px 2px 0;
}

#day_config div#left {
margin-right:25px;
}

p.priceTag {
margin-top:3px;
display:none;
}

p#hideFinished, p#hidePast{
margin:-5px 0 15px 0;
display:none;
}

form#premises_config_form div#dayreservation_weekdays {
width:250px;
margin-top:25px;
padding:9px 10px;
border:1px solid #CCC;
}

p#new_year {
background-repeat:no-repeat;
width:162px;
height:220px;
position:absolute;
left:0;
top:0;
}

#household_config {
float:left;
margin-right:20px;
min-height:265px;
}

#household_config_presentation {
float:right;
}

#household_config_presentation h4 {
margin-top:10px;
}

#member_profile_info #presentation {
float:left;
margin-top:15px;
font-style:italic;
padding:10px 25px 0 5px;
border-top:1px dashed #CCC;
}

p#colors img {
border:2px solid #FFF;
cursor:pointer;
background-color:#999;
margin-right:15px;
width:50px;
height:50px;
}

div#premises_files {
float:right;
margin-right:190px;
}

div#premises_files select {
width:200px;
}

p#space_notification {
padding:15px 0;
}

p.tools_devider {
background-image:url(../graphics/backgrounds/tools_devider.png);
background-repeat:repeat-x;
height:2px;
padding:5px 0 2px 0;
}

p#reservation_householdId {
margin-top:20px;
}

form#reservation_form p.nav_buttons a {
padding-right:10px;
}

textarea#commentaryField {
width:300px;
height:35px;
}

div#vote_options p {
margin-top:4px;
display:none;
}

div#vote_options input {
width:250px;
}

div#brf_border {
display:none;
}

.clear {
clear:both;
}

div#brf_attachment img {
margin-top:15px
}