html{
font-size:125%;
}



h1 img, #welcome img{
float:right;
margin:0 25px 0 25px;
}

body{
font-size:50%;
font-family:Arial, Helvetica, sans-serif;
background: url(/PageUi/Img/bg-body.jpg)repeat-x;
background-color:#D0D4AE;
margin:0;}


form{
border:1px solid #999966;
margin:5px auto;
padding:5px;
width:99em;
background-color:#FFF;position:relative;
}

h2,h3{
margin:1em 0;
}
h5{
margin:0.5em 0;
}
blockquote{
padding:0;
margin:0;
}
#login{
background-color:#FFF;
padding:10px;
border:1px solid #CCC;
background:#FFF url(/PageUi/img/bgFrame.jpg) repeat-x scroll 0 0;
margin-bottom:10px;}
#login label{
display:block;
}

.demo, .order{
background-color:#FFF;
padding:10px;
margin-bottom:10px;}

.order a, .demo a{
font-size:1.2em;
padding:7px 10px 10px 30px;
background:#FFF url(/PageUi/img/Icons/btnCircle.gif) no-repeat scroll 0 0;}


#login label{
display:block;
}


#login input{
margin-bottom:6px;
}

/* reset */
ul, li{
padding:0;
margin:0;
list-style:none;
}
/* end reset */

ol li{
list-style:decimal outside none;
}



ul#my-rrs{
background-image:url(/PageUI/Img/bg-header.gif);
background-position:0 0;
background-repeat:no-repeat;
height:100px;
list-style:none;
}
ul#my-rrs li{
padding:5em 0.2em;
display: inline;
border:0;
float:Right;


}
ul#my-rrs li a{
color:#000;

}

#branches ul {
overflow:hidden;
position:absolute;
left:5px;
top:5px;
margin:auto;
}
#branches p strong{
overflow:hidden;
position:absolute;
left:220px;
top:58px;
margin:auto;
font-weight:normal;
font-size:2.0em;color:#FFF;
}

#branches ul li{
float:left;
margin-right:0.2em;
color:#FFF;
padding:0.2em 0.3em;
margin-bottom:3px;
border-right:1px solid #FFF;
}

#branches ul li a{
text-decoration:none;
color:#FFF;
}

#branches p{
display:inline;
font-style:Italic;
margin:px;
}

#branches strong{
font-size:1.4em;
}



#main-content{
overflow:hidden;
width:100%;
}
#side-bar{
float:left;
margin:0;
padding-right:1em;
width:20em;
border:0;
padding:0;
}

#side-bar li{
border-bottom:1px solid #CCC;
margin-right:1em;
padding:0.5em 0em;
width:100%;
}

#side-bar a{
text-decoration:none;
}

#primary{
background-color:#fff;
width:81em;
float:right;
font-family:Verdana;
font-size:.9em;
line-height:2em;
padding:1em 0;
}

#primary .help-section h2,
#primary .help-section h3,
#primary h4{
color:#003333;
font-family:Georgia;
font-size:18px;
font-weight:normal;
letter-spacing:normal;
text-transform:none;
}

#news{
margin:10px 10px 0 0;
}

#NewsArchiveAnchor{
font-style:Italic;
}

#calendar{
border:1px solid #CCC;
padding:10px;
margin:10px 10px 0 0;
background: url(/PageUi/Img/bg-frame.png)repeat-x;
}
#calendar ul{
clear:both;
}

#calendar ul.views li{
float:left;
padding-right:1em;
font-style:Italic;
color:#ccc;
}
.with-button{
text-align:right;
padding-right:4em;
}
.with-button input{
width:auto;
}
.help-section,
.activity,
.activity ul{
clear:left;
list-style:none;
padding:0;
margin:0;
}
.activity ul li{
padding:1em 0 1em 1em;
}
.activity li.group{
padding: 0 0 0 1.5em;
}
.activity li.group h4{
width:77%;
margin:1em 0 0 0;
}
.activity li.paragraph{
overflow:hidden;
padding:0;
}

.activity li.paragraph div{
overflow:hidden;
padding:5px 0;
}

.activity li.paragraph td{
font-size:0.9em;
}
#DefinitionContent{
font-size:12px;
}
#DefinitionContent .close{
font-size:12px;
display:block;
text-align:right;
}
.help-section-description,
#DefinitionContent p{
font-size:12px;
}
.help-section-description,
.statute-definition,
.group-definition {
background-color:#FFFFCC;
border:1px solid #336633;
clear:both;
margin:10px 0 8px;
padding:8px;
}

.hidden-paragraph{
color:#999;
text-decoration:line-through;
}
.hidden-paragraph a{
color:#999;
}
.expires{
color:#CCC;
text-decoration:line-through;
}
.expires a{
color:#CCC;
}

.expires a.definition{
border-bottom:1px dotted #CCC;
}

#toc{
border:1px solid #999966;
padding: 10px;
margin-top:5px;

}

#toc h3{
font-family:Georgia;
font-size: 1.8em;
font-weight:normal;

}


#toc a{
color:#000;
font-family:Georgia;
font-size: 1.1em;
line-height:1.5em;
text-decoration:none;

}
#toc li{
padding:0;
}


.deviation-container,
.comment-container{
border:1px dotted #000000;
clear:both;
width:500px;
margin:0 0 10px
}
div.comment-open {
background-position:4px -30px;
}
.deviation-container h5,
.comment-container h5{
font-style:italic;
}
.deviation-container .comment,
.comment-container .comment{
margin:10px;
}
.deviation-container .comment-editor,
.comment-container .comment-editor{
background-color:#D4D0C8;
border:1px solid #336633;
margin:1em;
overflow:hidden;
width:419px;
}
.deviation-container .comment-editor input,
.comment-container .comment-editor input{
float:right;
margin:10px 10px 10px;
}

.with-button{
text-align:right;
padding-right:4em;
}

.critical-rule-marker{
font-weight: 700px;
color: #990000;
font-style:italic;
text-indent:-500px;

}

.critical-paragraph, .critical-paragraph a{
color: #990000;
}


div.paragraph-options,
div.group-options {
border:1px solid #ccc;
background-color:#fff;
background-image:url(/pageUI/img/toggle-open-close.png);
background-position:-38px 9px;
background-repeat:no-repeat;
float:right;
margin:0 0 0 5px;
padding:0;

}
div.paragraph-options li,
div.group-options li{
padding:2px 8px 3px 1px;
margin:0;
}


div.paragraph-options a,
div.group-options a {
color:#333;
font-size:0.8em;
display:block;
}

div.group-options {
margin-top:-20px;
}

div.open {
background-position:4px -33px;
}
div.paragraph-options ul.paragraph-options,
div.group-options ul.group-options {
overflow:hidden;
margin-bottom:10px;
}
.paragraph-options a,
.group-options a {

}
.paragraph-options h5,
.group-options h5 {
cursor:pointer;
padding-left:15px;
padding-right:8px;
font-size:0.8em;
}

.paragraph-options h5{
margin:0;
}

.js .paragraph-options h5,
.js .group-options h5 {
cursor:pointer;
}

li.highlited{
outline: 1px dashed green;
}

.critical-rule-marker{
font-weight: 700;
color: Red;
}

a.definition{
background-color:#FFFFCC;
text-decoration:none;
border-bottom:1px dotted green;
}

a.edit-group{
background:transparent url(/PageUI/Img/Icons/Editgroup.png) no-repeat 0 0;
padding-left:25px;
padding-top:2px;
padding-bottom:2px;
}

a.edit-deviation{
background:transparent url(/PageUI/Img/Icons/Impostion.png) no-repeat 0 0;
padding-left:35px;
padding-top:15px;
}

a.edit-comment{
background:transparent url(/PageUI/Img/Icons/Comment.png) no-repeat 0 0;
padding-left:35px;
padding-top:18px;
}

a.hide-paragraph{
background:transparent url(/PageUI/Img/Icons/Block.png) no-repeat 0 0;
padding-left:20px;
padding-top:0px;
}

a.mark-critical,
a.unmark-critical{
background:transparent url(/PageUI/Img/Icons/Critical.png) no-repeat 0 0;
padding-left:20px;
padding-top:0px;
}
.critical-rule-marker{
background:transparent url(/PageUI/Img/Icons/Critical-large.png) no-repeat 0 0;
padding-left:25px;
padding-top:0px;
padding-bottom:10px;
}


.edit-list{
font-size:.8em;
width:100%;
}


.report .group {
padding:0 10px;
}

.report .group-definition{
display:none;
}

.report h3 {
margin-bottom:1em;
}

.report h4 {
padding:0;
margin:0;
}


.report .group-definition {
background-color:#FFF;
border:none;
font-style:Italic;
clear:both;
margin:0;
padding:0;
}
.report .paragraph-options {
display:none;
}

ul.comment-controls{
padding:0;
}

ul.comment-controls li{
display:inline;
float:left;
padding: 0;
margin:0;
width:100px;
}

ul.comment-controls li h5{
cursor:pointer;
margin-right:15px;
padding-left:0;
margin-top:0;
padding-top:5px;font-style:Italic;
font-family:Arial;
font-weight:normal;
font-size:1.0em;
color:#666;
}
ul.comment-controls li h5.has-comment{
background:transparent url(/PageUI/Img/Icons/Comment.png) no-repeat 0 0;
background-position:100% 3px;
width:90px;
margin-right:5px;
}
ul.comment-controls li h5.has-deviation{
background:transparent url(/PageUI/Img/Icons/Deviation.png) no-repeat 0 0;
background-position:100% 3px;
width:80px;}



/*Författningar*/

.statute-category-list .statutes {
background-color:#EDEEDC;
padding:1px 10px 10px;
}

.statute-category-list .statute-links {
background-color:#FFFFFF;
}

/*kalender*/
ul.paging{
margin:20px 0;
clear:both;
}



#calendar .paging li{
display:inline;
margin-right:10px;
font-style:Italic;
}



#calendar a.previous{
background:transparent url(/PageUI/Img/Icons/Arrow-Right.png) no-repeat 98% 7px;
padding:10px;
border:1px solid #CCC;
padding-right:28px;
}

a.next{
background:transparent url(/PageUI/Img/Icons/Arrow-Left.png) no-repeat 2px 8px;
border:1px solid #CCC;
padding:10px 10px 10px 25px;}

.demo ul li{
padding:0 0 0 15px;
font-size:1.2em;
background:transparent url(/PageUI/Img/Icons/bullet.gif) no-repeat 0 5px;
}


.statute-category-list .more-activities,
.statute-category-list .view-desc, 
.statute-category-list .view-comment, 
.statute-category-list .more-open, 
.statute-category-list .more {
background:transparent url(/PageUI/Img/toggle-open-close.png) no-repeat scroll -40px 4px;
display:block;
padding:0 0 0 15px;font-size:0.98em;
}

.statute-category-list a.panel-open{
background-position:0 -36px;
}

.statute-category-list .statute-links, .statute-category-list .statute-comment, .statute-category-list .statute-desc {
background-color:#FFFFCC;
border:1px dotted #000000;
padding:10px;
}

#primary .statute ul.statute-category-list li h4{
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;
margin-right:10px;}

ul.statutes{
margin-bottom:10px;}

ul.statutes li{
margin-top:10px;
color:#000;}

ul.statutes li a{
color:#000;}

p.load-message{
background:#FFF url(/PageUI/Img/loadingAnimation.gif) no-repeat 50% 100%;
padding-bottom:30px;
}
.activity li.paragraph .sanction-level{
margin-right:7px;
float:left;
padding-top:11px;
}
.activity li.paragraph .paragraph-content{
padding-top:0;
}

.statute-comment .textbox,
.statute-comment .button{
display:block;
}

.statute-comment .textbox{
height:75px;
width: 300px;
}

#activity-display-type{
text-align: left;
margin: 1em 0 1em 0;
font: bold 11px verdana, arial, sans-serif;
border-bottom: 1px solid #999966; 
list-style-type: none;
padding: 3px 10px 3px 10px;
}
#activity-display-type li{
font-size:1em;
display: inline;
}
#activity-display-type li{
border-bottom: 1px solid #fff;
background-color: #fff;
padding:0;
}

#activity-display-type li span,
#activity-display-type li a{
padding: 3px 4px;
border: 1px solid #999966;
background-color: #D0D4AE;
color: #666;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
}
#activity-display-type li a{
font-weight:normal;
}
#activity-display-type li span{
background-color: #fff;
color: #000;
position: relative;
top: 1px;
padding-top: 4px;
}

#activity-display-type li a:hover {
background: #fff; 
}
.help-section .group-options{
font-size:1.3em;
}