body { margin:0; padding:0; font-size:100%; }
a:active, a:focus { outline:none; }
h1 a, h2 a, h3 a { font-size:inherit; font-family:inherit; font-weight:inherit; text-decoration:inherit; line-height:inherit; }
table { clear:both; }

/* DEFAULTER FÖR ZONER/MODULER */
.Zone { overflow:hidden; }
.Module { margin-bottom:20px; }

.ds_busy, .ds_busy * { cursor: wait !important; }
#mask { cursor: wait; z-index: 9999; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}

/* MODULE FUNCTION BAR */
.ds_modfunctions { width:100%; clear:both; margin:0 0 10px 0; text-align:right; }

.ds_section_table { display:table; float:left; width:100%; margin:0 0 10px 0; clear:both; table-layout:auto; }
.ds_section_table .row { display:table-row; float:left; width:98%; padding:2px 0 2px 0; }
.ds_section_table .row .col { display:table-cell; float:left; padding:0 1% 0 1%; }

.ds_debug { width: 90%; margin:0 auto 0 auto; clear: both; padding-top: 20px; }
.ds_debug .ds_container { width: 94%; padding: 3%; }

/* JÄMNA KOLUMNER */
.ds_section_table .w100 { width:98%; }
.ds_section_table .w90 { width:88%; }
.ds_section_table .w80 { width:78%; }
.ds_section_table .w70 { width:68%; }
.ds_section_table .w60 { width:58%; }
.ds_section_table .w50 { width:48%; }
.ds_section_table .w40 { width:38%; }
.ds_section_table .w30 { width:28%; }
.ds_section_table .w20 { width:18%; }
.ds_section_table .w10 { width:8%; }

/* OJÄMNA */
.ds_section_table .w85 { width:83%; }
.ds_section_table .w75 { width:73%; }
.ds_section_table .w66 { width:64%; }
.ds_section_table .w45 { width:43%; }
.ds_section_table .w35 { width:33%; }
.ds_section_table .w33 { width:31%; }
.ds_section_table .w25 { width:23%; }
.ds_section_table .w16 { width:14%; }
.ds_section_table .w15 { width:13%; }
.ds_section_table .w13 { width:11%; }

.ds_functions, .functions { width:100%; margin:10px 0 25px 0; clear:both; text-align:right; }

.checkgroup { display:inline-block; padding:0 2% 0 0; }
.checkgroup label { padding:0 5px 0 0; }

.input_group { float:left; padding:0 3% 0 0; }
.input_group label { padding:0 0 0 0; }

.tooltip_tl { float:left; width:100%; background:url(/System/Template/Default/Images/tooltip/tooltip_tl.gif) left top no-repeat #edf9fb; margin:10px 0 10px 0; display:inline; }
.tooltip_tr { float:left; width:100%; background:url(/System/Template/Default/Images/tooltip/tooltip_tr.gif) right top no-repeat; }
.tooltip_bl { float:left; width:100%; background:url(/System/Template/Default/Images/tooltip/tooltip_bl.gif) left bottom no-repeat; }
.tooltip_br { float:left; width:100%; background:url(/System/Template/Default/Images/tooltip/tooltip_br.gif) right bottom no-repeat; }
.tooltip { padding:20px 10px 20px 10px; }
.tooltip_header { margin-top:0px; padding-top:0px; margin-bottom:10px; font-size:16px; margin:0; padding:0 0 0 25px; background:url(/System/Template/Default/Images/tooltip/tooltip_icon.gif) left center no-repeat; cursor:pointer; }
.tooltip_header:hover { text-decoration:underline; }
.tooltip_content { padding:20px 0 0 20px; }
.tooltip ul { list-style:disc; padding:0 0 0 16px; }

.rowblue, .graybg /* .rowblue kan tas bort när de alla är konverterade */ { background:#efefef; }
.blackbg { background:#252425; }
.blackbg * { color:#ffffff; }
.row * { overflow:hidden; }

.textfull { float:left; width:100%; clear:both; }
textarea, input, select { color: #000000; background-color: #ffffff; }
.textfield, .selectfield { display:block; width:99.6%; background:#ffffff; border:1px solid #cccccc; height:20px; font-size:12px; line-height:20px; }
.textarea, .textarea_large { display:block; width:99.6%; height:60px; line-height:20px; font-family:Arial, Calibri, Tahoma, Verdana, Sans-serif; font-size:12px; border:1px solid #cccccc; margin:0; overflow:auto; }
.check { float:left; margin:0 5px 0 0; height:20px; }
.textarea_large { height:300px; overflow: scroll; }
.focus { background:#efffe5; }

.userlink { text-decoration:none; font-size:16px; }
.userlink:hover { text-decoration:underline; }

a.button, input.button, a.button:visited { padding:1px 8px 1px 8px; }
a.button, input.button, a.button:visited { font-weight:normal!important; color:#000000!important; display:inline-block; line-height:15px; font-size:0.9em!important; font-family:Arial, Tahoma, Verdana, Sans-serif; padding:0 8px 0 8px; color:#333333; margin:0 0 0 10px; cursor:pointer; border:1px solid #888888; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; }
a.button, input.button, a.button:visited { text-decoration:none; background:#cccccc; font-weight:normal; background:-moz-linear-gradient(top, #efefef, #adadad); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#adadad)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#adadad'); }
.left_align a.button, .left_align input.button { margin:0 10px 0 0; }
a.button:hover, input.button:hover { text-decoration:none; color:#333333; background:#f3f3f3; background:-moz-linear-gradient(top, #ffffff, #f3f3f3); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3)); progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3'); }

/* old buttons
.button_left .button { float:left; margin:0 5px 0 0; }
.button span { font-weight:normal; color:#000000; background:url(/System/Template/Default/Images/button_right.gif) right top no-repeat; padding:0 12px 0 0; height:24px; display:block; float:left; cursor:pointer; }
.button a, .button input { font-weight:normal!important; color:#000000!important; font-family:Arial, Calibri, Verdana, Tahoma, Sans-serif; text-decoration:none; line-height:24px; height:24px; padding:0; background:url(/System/Template/Default/Images/button_bg.gif) left top repeat-x; display:block; float:left; border:none; font-size:12px; cursor:pointer; color:#000000; font-weight:normal; }
.button span a, .button span a:hover { color:#000000!important; font-weight:normal!important; padding-top:1px; }
*/

.ds_toggleclass { font-size:18px; clear:both; width:100%; margin:20px 0 5px 0; border-bottom:1px solid #d8d7d8; }
.ds_toggleclass span, .ds_toggleclass a { cursor:pointer; display:block; font-size:15px; font-weight: normal; color:#979697; text-decoration:none; line-height:22px; width:80%; padding:0 20% 0 0; background:url(/System/Template/Default/Images/extend_norm.gif) right top no-repeat; font-family:Arial, Calibri, Tahoma, Verdana, Sans-serif; font-size:14px; }
.ds_toggleclass a:hover { text-decoration:none; background:url(/System/Template/Default/Images/extend_over.gif) right top no-repeat; color:#4b4b4b; }
.ds_toggleclass a.selected { background:url(/System/Template/Default/Images/retract_over.gif) right top no-repeat; }

.compactButton { display:block; float:left; padding:0 0 0 12px; line-height:19px; background:url('/System/Template/Default/Images/button_black_left.gif') left top no-repeat; }
.compactButton span { float:left; padding:0 18px 0 0; }
.compactButtonAdd { background:url('/System/Template/Default/Images/button_black_add.gif') right top no-repeat; }
.compactButton a, .compactButton a:hover { display:block; color:#ffffff!important; background:#090909; text-decoration:none; cursor:pointer; }

.timecontrol * { float:left; }
.icon_left .ds_icon { float:left; margin:0 5px 0 0; }
.ds_icon { display:block; float:right; width:20px; height:20px; margin:0 0 0 5px; border:none; cursor:pointer; }
.ds_icon_large { display:block; float:right; width:53px; height:20px; margin:0 0 0 5px; border:none; cursor:pointer; }

.function_edit { background:url(/System/Template/Default/Images/icons/edit.gif) center center no-repeat; }
.function_save { background:url(/System/Template/Default/Images/icons/save.gif) center center no-repeat; }
.function_x { background:url(/System/Template/Default/Images/icons/no.gif) center center no-repeat; }
.function_arrowup { background:url(/System/Template/Default/Images/icons/arrow_up.gif) center center no-repeat; }
.function_arrowdown { background:url(/System/Template/Default/Images/icons/arrow_down.gif) center center no-repeat; }
.function_omega { background:url(/System/Template/Default/Images/icons/omega.gif) center center no-repeat; }
.function_cog { background:url(/System/Template/Default/Images/icons/cog.gif) center center no-repeat; }
.function_add { background:url(/System/Template/Default/Images/icons/add.png) center center no-repeat; }
.function_book { background:url(/System/Template/Default/Images/icons/book.gif) center center no-repeat; }
.function_delete { background:url(/System/Template/Default/Images/icons/delete.gif) center center no-repeat; }
.function_folderopen { background:url(/System/Template/Default/Images/icons/folder_open.gif) center center no-repeat; }
.function_yes { background:url(/System/Template/Default/Images/icons/yes.png) center center no-repeat; }
.function_no { background:url(/System/Template/Default/Images/icons/no.png) center center no-repeat; }
.function_info { background:url(/System/Template/Default/Images/icons/information.gif) center center no-repeat; }
.function_star { background:url(/System/Template/Default/Images/icons/green_star.png) center center no-repeat; }

.function_large_add { background:url(/System/Template/Default/Images/icons_large/add.gif) center center no-repeat; }
.function_large_add_page { background:url(/System/Template/Default/Images/icons_large/ny_sida.png) center center no-repeat; }
.function_large_add_mod { background:url(/System/Template/Default/Images/icons_large/ny_mod.png) center center no-repeat; }
.function_large_add_dark { background:url(/System/Template/Default/Images/icons_large/add_dark.gif) center center no-repeat; }
.function_large_settings { background:url(/System/Template/Default/Images/icons_large/settings.gif) center center no-repeat; }
.function_large_edit { background:url(/System/Template/Default/Images/icons_large/edit.gif) center center no-repeat; }
.function_large_delete { background:url(/System/Template/Default/Images/icons_large/delete.png) center center no-repeat; }

.rss_s1 { width:9px; height:9px; background:url(/System/Template/Default/Images/rss/rss_s1.png) center center no-repeat;  }
.rss_s2 { width:13px; height:13px; background:url(/System/Template/Default/Images/rss/rss_s2.png) center center no-repeat;  }
.rss_s3 { width:22px; height:21px; background:url(/System/Template/Default/Images/rss/rss_s3.png) center center no-repeat;  }
.rss_s4 { width:37px; height:37px; background:url(/System/Template/Default/Images/rss/rss_s4.png) center center no-repeat;  }

.overline { border-top:1px solid #cccccc; }
.underline { border-bottom:1px solid #cccccc; }
.xl, .xl * { font-size:16px; text-decoration:none; }
.s, .s * { font-size:10px; }
.xs, .xs * { font-size:8px; }
.xl_padded { padding:10px 0 10px 0!important; }
.x-masked select { visibility:visible; }
.error { color: #ff0000; width:100%; float:left; clear:both; }
.required { color: #ff0000; }
.left_align { text-align:left; }
.right_align { text-align:right; }
.center, .center_align { text-align:center; }
.center_content { margin: auto auto; }
.hidden { display:none; }
.strong {font-weight:bold; }
.captcha { float:left; width:96%; border: 1px solid #cccccc; background-color: #eeeeee; padding: 5px; }
.rightalign { text-align:right; }

/*.spinner { background: url('/System/Template/Default/Images/spinner.gif') no-repeat center center; }*/

.detail { width: 100%; }

.section_padding { padding:20px 0 20px 0; }
.section_padding_less { padding-top:10px; padding-bottom:10px; }
.section_padding_top { padding-top:20px; }
.section_padding_bottom { padding-bottom:20px; }
.section_border_top { border-top:1px solid #cccccc; }
.section_border_bottom { border-bottom:1px solid #cccccc; }