/* Main Properties */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body,.index-page { padding:0; margin:auto; font-size:%css_theme_font_size%px; width:100%; height:100%; } table { width:100%; padding:0px; margin:0px; border:0; } td { padding:0px; } img { border:0; } a { text-decoration:none; } h1 { } ul { } li { } /** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that are clearfixed. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } .boxed { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .smn_site_body a {color:#%css_theme_link_color_1%; } .no_main_image {display:none;} .odd {background-color:#ddd;} .even {background-color:#fff;} .mod_col_spacer { width:10px;} /* module based menu */ .mod_menu_container { width: %css_theme_interface_content_width{(i-m)/4}%px; } .mod_menu { } .mod_menu h1 { margin-top:20px; font-size:1.2em; padding-bottom:10px; } .mod_menu ul { margin:0; padding:0;} .mod_menu li { border-radius:%css_theme_border_radius_1_width{i/2}%px; font-size:0.9em; display:block; list-style:none; margin-bottom:%css_theme_margin_1_width{i/2}%px;} .mod_menu li a { border:1px solid #%css_theme_border_color_1%;border-radius:%css_theme_border_radius_1_width{i/2}%px; display:block; text-decoration:none; color:#%css_theme_link_color_1%; background-image:url(imgmorph.php?img&fcd=cache/imgmorph//&sd=imgmorph/set/&fd=imgmorph/font/&cb=dddddd&h=40&gd=tb&op=30&rk=6273); padding:%css_theme_margin_1_width{i/2}%px %css_theme_margin_1_width{i/2}%px; } .mod_menu li:hover { } .mod_menu li:hover a { background-color:#%css_theme_hover_color_1%; color:#%css_theme_hover_text_color_1%; } .mod_menu li.active a { background-color:#%css_theme_active_color_1%; color:#%css_theme_active_text_color_1%; } .mod_menu_block { background-color:#ffffff; padding:2px; border-radius:5px; border:1px solid #888888;} .mod_menu li.archived { background-color:#dddddd;} .mod_menu_tree { font-size:90%; width:350px;} .mod_menu_tree ul { margin:0; padding:0; margin-left:16px; } .mod_menu_tree .active { background-color:#%css_theme_active_color_1%;} .mod_menu_tree .active a { color:#%css_theme_active_text_color_1%;} .mod_menu_tree li { font-weight:bold; padding:5px 0px; list-style:none; border-top:1px solid #888888; } .mod_menu_tree li li li { font-weight:normal; } .mod_menu_tree li li li a { color:#%css_theme_color_1%; } .mod_menu_tree li li li li a { color:#%css_theme_link_color_1%; } /* the main page header */ .mod_header { background-image:url(imgmorph.php?img&fcd=cache/imgmorph//&sd=imgmorph/set/&fd=imgmorph/font/&cb=2a2a2a&gd=tb&op=80&h=100&rk=1339); background-repeat:repeat-x; margin:0; margin-bottom:5px; border-radius:3px; -moz-border-radius:3px; padding:10px 20px; background-color:#bbbbbb;} .mod_header h1 { margin:0; display:block; font-size:16px; font-weight:bold; color:#ffffff; font-weight:normal;} .mod_header h4 { display:block; font-size:17px; font-weight:bold; color:#dddddd} .mod_header .lead { font-size:14px; color:#bbbbbb} /* general page tags */ .mod_page {background-color:#dddddd; padding:10px; border-radius:5px; border:1px solid #888888;} .mod_page h1 { padding:0; margin:%css_theme_margin_1_width%px 0px; font-size:1.5em; color:#%css_theme_header_color_1%;} .mod_page h2 { color:#%css_theme_header_color_2%;} .mod_page h3 { color:#%css_theme_header_color_2%;} /* new list item as of 22-06-21014 */ .mod_page .li { border:1px solid #%css_theme_border_color_1%; margin-bottom:%css_theme_margin_1_width%px; border-radius:%css_theme_border_radius_1_width%px;} .mod_page input { margin:0; padding:3px; height:2em; } .mod_page input[type="submit"] { border:1px solid #%css_theme_border_color_1%; border-radius:%css_theme_border_radius_1_width{i/2}%px; background-color:#%css_theme_submit_color_1%; color:#%css_theme_submit_text_color_1%; font-size:12px; padding:3px; } .mod_page input[type="text"] { border:1px solid #%css_theme_border_color_1%; border-radius:%css_theme_border_radius_1_width{i/2}%px; } .mod_page textarea { padding:3px; border:1px solid #%css_theme_border_color_1%; border-radius:%css_theme_border_radius_1_width{i/2}%px; } /* a module component - used if a component is loaded into another component*/ .mod_component h1 {margin-top:%css_theme_margin_1_width{i*2}%px; font-size:1.2em} .mod_action_result { border-radius:%css_theme_border_radius_1_width%px; border-color:#%css_theme_border_color_1%; background-color:#bbbbbb; margin-bottom:%css_theme_margin_1_width%px; padding:%css_theme_margin_1_width%px;} .mod_block { background-color:#ffffff; padding:10px; border-radius:5px; border:1px solid #888888; margin-bottom:%css_theme_margin_1_width{i/2}%px;} .mod_block h2 { font-size:0.9em;} .mod_block h3 { font-size:0.8em;} .mod_block p { font-size:0.7em; } .mod_options { margin-bottom:10px; background-color:#bbbbbb; border-radius:3px; padding:3px; border:1px solid #888888; font-size:0.8em;} .mod_option { border:1px solid #888888; background-color:#%css_theme_link_color_1%; border-radius:3px; margin-right:3px; display:table; float:left; color:#%css_theme_link_text_color_1%!important; text-decoration:none; font-size:0.9em; padding: 3px 8px;} .mod_option.active { background-color:#%css_theme_active_color_1%;} .mod_option_inactive { border:1px solid #888888; background-color:#888888; border-radius:3px; margin-right:3px; display:table; float:left; color:#eeeeff!important; text-decoration:none; font-size:12px; padding: 3px 8px;} .mod_option:hover { background-color:#%css_theme_hover_color_1%; color:#%css_theme_hover_text_color_1%;} .mod_option_thumb { border:1px solid #888888; background-color:#%css_theme_link_color_1%; text-align:center; width:%css_theme_interface_content_width{i/6}%px; height:20px; font-size:0.9em; border-radius:3px; margin-right:3px; display:table; float:left; color:#%css_theme_link_text_color_1%!important; text-decoration:none; padding: %css_theme_margin_1_width%px;} .mod_option_thumb:hover { background-color:#%css_theme_hover_color_1%; color:#%css_theme_hover_text_color_1%;} /* basic icon */ .mod_icon { float:left; padding:1px;} .mod_option_row { background-color:#ffffff; padding:%css_theme_margin_1_width{i/2}%px %css_theme_margin_1_width%px; border-radius:%css_theme_border_radius_1_width{i/2}%px; margin-bottom:%css_theme_margin_1_width{i/2}%px;} .mod_option_row p { margin:0; padding:%css_theme_margin_1_width{i/2}%px %css_theme_margin_1_width%px; font-size:0.8em} .mod_option_row:hover { background-color:#%css_theme_hover_color_1%; cursor:pointer;} .mod_option_row:hover p,.mod_option_row:hover a { color:#%css_theme_hover_text_color_1%;} /* warnings & messages */ .mod_warning { background-image:url(imgmorph.php?img&fcd=cache/imgmorph//&sd=imgmorph/set/&fd=imgmorph/font/&cb=aa0000&op=30&rk=2009); border:1px solid #888888; border-radius:3px; padding:10px; font-size:110%; } /* general list header */ .mod_list_header { border-radius:3px; color:#ffffff; margin-bottom:3px; background-color:#888888; padding:5px; font-size:100%;} .mod_list_header a { color:#ffffff; } /* general main display item */ .mod_item { margin-bottom:%css_theme_margin_1_width%px; padding:10px; border:1px solid #888888; border-radius:%css_theme_border_radius_1_width%px; background-color:#ffffff;} .mod_item h1 { margin-bottom:20px; color:#%css_theme_header_color_1%; } .mod_item .description { font-size:100%; color:#%css_theme_text_color_2%; padding:10px; padding-bottom:0px;} .mod_item .content { font-size:90%; color:#%css_theme_text_color_1%; padding:10px; padding-bottom:0px;} .mod_item .block_content { background-color:#dddddd!important; margin-bottom:10px; padding:5px; border-radius:5px; border:1px solid #888888;} .mod_item .block_content_label { width:25%; } /* Specific item fields */ .mod_item .costs { background-color:#%css_theme_color_3%; border:1px solid #bbbbbb; color:#%css_theme_color_1%; padding:5px 10px; border-radius:%css_theme_border_radius_1_width%px; text-align:center; font-weight:bold } .mod_item .total_costs { background-color:#%css_theme_color_3%; border:1px solid #bbbbbb; color:#222222; padding:5px 10px; border-radius:%css_theme_border_radius_1_width%px; text-align:center; font-weight:bold } .mod_item .items_count { border:1px solid #bbbbbb; color:#%css_theme_color_1%; padding:5px 10px; border-radius:%css_theme_border_radius_1_width%px; text-align:center; font-weight:bold } /* paragraphs */ .mod_item .paragraph_header { color:#555555; background-repeat:repeat-x; background-color:#dddddd; border-radius: 5px;-moz-border-radius: 5px; background-image:url(../imgmorph.php?i&ft=png&h=40&w=10&gd=tb&op=35&cb=%css_theme_color_3%); } .mod_item .paragraph_content { padding:10px 0px; color:#2a2a2a; background-color:white; border-radius: 5px;-moz-border-radius: 5px; margin-top:0px; margin-bottom:5px; border:1px solid #ccc;} .mod_item .paragraph_content a { text-decoration:none; color:#0068aa;} .mod_item .paragraph_links { border-radius:5px; -moz-border-radius:5px; margin-bottom:10px; margin-top:10px; padding:5px; padding-bottom:10px; background-color:#ffffff; border:1px solid #dddddd;} .mod_item .paragraph_links h3 { display:block; padding-left:10px; color:#2a2a2a; font-size:12px; margin-bottom:5px;} .mod_item .paragraph_links li { padding-left:10px; list-style:none; line-height:14px;} .mod_item .paragraph_links a { color:#777799; text-decoration:none; font-size:12px;} /* Toggle and display form item paragraphs */ .mod_item .toggle_title {line-height:24px; padding:5px;} .mod_item .paragraph_toggle { color:#%css_theme_header_color_2%; cursor:pointer; } .mod_item .paragraph_toggle_expanded { cursor:pointer; color:#%css_theme_header_color_2%; } .mod_item .paragraph_toggle_img {width:20px; background-position:5px 10px; background-image:url(../imgmorph.php?i&am=%css_img_theme_dir%navigation/arrow_right.png&ird=270&cb=c3d4e4&w=16&h=16&bb=fill); background-repeat:no-repeat;} .mod_item .paragraph_toggle_img_expanded {width:20px; background-position:5px 10px; background-image:url(../imgmorph.php?i&am=%css_img_theme_dir%navigation/arrow_right.png&ird=90&cb=c3d4e4&w=16&h=16&bb=fill); background-repeat:no-repeat;} .mod_item .paragraph_title_show { display:none;} .mod_item .paragraph_title_hide { display:none;} .mod_item .paragraph_type { float:right; padding:5px; font-size:11px; font-weight:normal; font-color:#666; } /* general module list item */ .mod_list_item { background-color:#dddddd; font-size:100%; border:1px solid #888888; border-radius:3px; padding:5px; margin-bottom:3px; } .mod_list_item:hover { background-color:#%css_theme_hover_color_1%;} .mod_list_item.active { background-color:#%css_theme_active_color_1%;} .mod_list_item.active a { color:#%css_theme_active_text_color_1%;} /* other */ .mod_list_item.small { padding:3px; font-size:80%;} .mod_notification { border:1px solid #880000; margin-bottom:10px; padding:10px; border-radius:5px; font-size:12px; color:#2a2a2a; background-color:#ffffff;}