﻿body
{
    /* 	background:#eee url(img/page-bg.gif) repeat-y center; 	*/
    background-color: #dedea6;
}
img a:hover
{
    text-decoration: none;
}

#wrapper
{
    background-color: #fff;
    width: 980px;
}
.rss
{
}
.boxtitle
{
    background: -moz-linear-gradient(center top , #dfe7f2 0%, #ccc 100%) repeat scroll 0 0 transparent;
 
    height: 16px;
    color: #666666;
    font-weight: 900;
    padding: 4px 5px 5px 10px;
    text-align: center;
    text-transform: uppercase;
    background-color:#ccc;
}
.box
{
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.4);
    border-radius: 0px; /* box-shadow: 0 1px 6px rgba(233, 231,242, 0.4);*/
    margin-top: 4px;
    width: 100%;
}
.boxcontent
{
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
   /* border-color: -moz-use-text-color #FFFFFF #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-radius: 0 0 7px 7px;
    border-right: 1px solid #FFFFFF;
    border-style: none solid solid;
    border-width: 0 0px 4px;*/
    padding: 12px;
    height: 250px;
}
#head
{
    height: 70px;
    background-color: #fff;
    background-image: url(img/bgHead.jpg);
    background-repeat: no-repeat;
}
#headeng
{
    height: 70px;
    background-color: #fff;
    background-image: url(img/bgHeadeng.jpg);
    background-repeat: no-repeat;
}
.logo
{
    float: left;
    width: 302px;
    height: 70px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
.vision
{
    float: left;
    width: 637px;
    height: 70px;
}

#foot
{
    background-image: url(img/bgfoot.png);
    background-repeat: repeat-x;
    padding: 30px 0px 10px 20px;
}

#content
{
    width: 940px;
}

.page
{
    margin: 0px 20px !important;
    margin: 0px 10px;
}
.pagenews
{
    margin: 0px;
    padding: 0px;
}
.maincol
{
    width: 690px;
    float: left;
    margin: 0px 0px 0px 10px;
}
.maintable, .maincontent
{
    width: 710px;
    float: left;
    margin: 10px 0px 0px 0px;
}
.middle
{
    width: 470px;
    float: left;
    margin: 10px 20px 0px 0px;
}
.middle2
{
    width: 400px;
    float: left;
    margin: 10px 20px 0px 0px;
}
.middlep
{
    width: 470px;
    float: left;
    margin: 10px 0px 0px 20px;
}

#part1, #part2, #part3
{
    width: 690px;
    float: left;
    margin: 0px 0px 5px 0px;
}
.part
{
}
.part4, #part4
{
    width: 720px;
    margin: 0px 0px 10px 0px;
    float: left;
}
.part4 .boxheader
{
    height: 21px;
}
.sep
{
    width: 690px;
    display: block;
    margin-bottom: 5px;
}
.rightcol, .rightcols
{
    width: 240px;
    float: left;
}
.rightcols h2, .maincol .boxheader
{
    padding: 15px 0px 0px 5px;
}
.leftcol
{
    width: 200px;
    float: left;
    margin: 10px 10px 0px 0px !important;
    margin: 5px 0px 0px 0px;
}
.leftcol2
{
    width: 300px;
    float: left;
    margin: 10px 10px 0px 0px;
}
.half
{
    width: 50%;
    float: left;
}
.col31
{
    width: 220px;
    float: left;
}
.col3
{
    width: 220px;
    float: left;
}
.col3 h2
{
    margin: 10px 0px 0px 0px;
    border-bottom: solid 1px #ca002d;
    text-transform: uppercase;
    font-weight: 900;
    background-image: url(img/redarrow.gif);
    background-position: 4px 2px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.cols
{
    float: left;
    width: 440px;
}
.sep
{
    float: left;
    width: 10px;
}
.rightcols h2 span
{
    margin: 10px 0px 0px 0px;
    font-weight: 900;
    background-image: url(img/redarrow.gif);
    background-position: 0px 2px;
    background-repeat: no-repeat;
    padding-left: 10px;
}
.col4
{
    width: 30%;
    float: left;
}
.col6
{
    width: 70%;
    float: left;
}

.col7
{
    width: 470px;
    float: left;
}
.boxheader
{
    background-image: url(img/bgOFF.gif);
    background-repeat: repeat-x;
    height: 30px;
    margin: 0px;
    padding: 15px 0px 0px 5px;
    display: block;
}
.boxheaders
{
    background-image: url(img/bgOFF.gif);
    background-repeat: repeat-x;
    height: 42px;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    display: block;
}
.space
{
    width: 15px;
    height: 200px;
    float: left;
    background-image: url(img/space.gif);
    padding-bottom: 16px;
}
.article
{
    line-height: 150%;
}
#mypers
{
    width: 730px;
}
#mypers_length
{
    float: left;
    width: 150px;
}
.sorting, .sorting_asc, .sorting_desc
{
    cursor: pointer;
}
.sorting
{
    background-image: url("img/bg.gif");
    background-position: 60px 4px;
    background-repeat: no-repeat;
}
.sorting_asc
{
    background-image: url("img/asc.gif");
    background-position: 60px 6px;
    background-repeat: no-repeat;
}
.sorting_desc
{
    background-image: url("img/desc.gif");
    background-position: 60px 7px;
    background-repeat: no-repeat;
}
th, td
{
    text-align: left;
    vertical-align: top;
}
.readmore
{
    font-weight: normal;
    color: #ca002d;
}
.readmore2
{
    display: inline;
    color: #666;
}
.right
{
    float: right;
}
#search
{
    text-align: left;
    padding: 5px 5px 0px 0px;
}
#search a
{
    color: #666;
}
.coll
{
    float: left;
    width: 500px;
}
.colr
{
    float: right;
    padding: 10px !important;
    padding: 5px;
}

.news, .newslist
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.newsarchive li
{
    list-style: none;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    display: block;
}
.newsarchive li a
{
    text-decoration: none;
}
.newslist li
{
    list-style: none;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
.news li
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 5px 0px 0px 0px;
}
.news li p
{
    display: inline;
}
#ctl00_cph1_exlNews
{
    display: block;
}
.bodytext
{
    display: block;
}
.newsa
{
    display: block;
    color: #787878;
    font-style: italic;
    margin: 3px 3px 3px 0px;
    font-weight: bold;
}
.date2
{
    display: inline;
    color: #787878;
    font-style: italic;
    margin: 3px 3px 3px 0px;
}
.date
{
    color: #666;
    display: block;
    color: #787878;
    font-style: italic;
    margin: 3px 3px 3px 0px;
}
.cplist
{
    margin-left: 5px;
    padding: 0px;
}
.cplist li
{
    list-style: none;
    margin-left: 0px;
    background-image: url(img/ico-pil.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding: 0px 0px 5px 15px;
}
.cplist li a
{
    color: #666;
}
.ml
{
    padding: 5px 5px 5px 7px;
}
#ctl00_cph1_mainText
{
    padding: 5px;
}

.p5
{
    padding: 5px;
}
.maintable ul, .maincontent ul
{
    list-style: none;
    padding: 5px 0px;
}
.maincontent li
{
    margin: 0px;
    padding: 2px 10px 2px 0px;
}
.maintable li
{
    margin: 0px 0px 0px 20px;
    padding: 2px 0px;
}
/* Search */

#search
{
    padding: 5px 0px;
}

#search a
{text-decoration:none;}
.searchbox
{
    margin-top: 30px;
    width: 150px;
    border: 1px solid #ccc;
    color: #000;
    margin-right: 10px;
}

.searchBox
{
    background-color: #ccc;
}

.searchBox
{
    background-color: #fff;
    border: 1px solid #ccc;
}

.searchBox div
{
    border-bottom: dashed 1px #ccc;
    padding: 1px;
    z-index: 1;
    background-color: #fff;
    margin: 3px;
}

.searchBox .selected
{
    background-color: #ccc;
}

.searchBox span
{
    font-weight: 900;
}


.searchBox .c
{
    margin-left: 10px;
    font-weight: 100;
}
.more
{
    background-image: url(img/redarrow.gif);
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    padding-left: 10px !important;
    text-decoration: underline;
}
.flag
{
    margin-top: 2px;
}
.even
{
    background-color: #DEE6F1;
}
.odd
{
    background-color: #fff;
}
.left
{
    float: left;
}
.navmiddle
{
    float: left;
    padding: 0px 10px;
    margin: 0px;
    width: 300px;
}
.right
{
    float: right;
}
.pa
{
    padding: 5px;
}

#ctl00_cph1_PlannerPeriod_popup
{
    height: 130px;
    margin-bottom: 10px;
    margin-right: 220px;
}
.btnsenap
{
    background-image: url(img/btn_senap.jpg);
    background-repeat: no-repeat;
    width: 100px;
    height: 40px;
    padding: 2px;
}
.toggler
{
    padding: 8px;
    border: solid 1px #CCCCCC;
    margin-bottom: 2px;
}
.toggler.on
{
    background-color: #E8E1C7;
}
#search
{
    float: right;
    margin: 0px 10px 0px 0px;
}

#result .wd-sres
{
    padding: 6px 8px;
    cursor: pointer;
}
#result .wd-res img
{
    float: left;
    margin-right: 5px;
}
#result .wd-sres span
{
    padding: 0 4px;
    float: right;
}
#result .wd-sres.sel
{
    background-color: Highlight;
    color: HighlightText;
    border-radius: 4px;
}
#result .wd-ltit
{
    font-weight: bold;
    padding: 5px 8px;
    color: #999;
    border-bottom: solid 1px #e0e0e0;
    border-radius: 4px;
}


#result
{
    background: url("https://wd7.se/jq/img/searchbg.gif") repeat-y scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #333333;
    padding: 5px;
    position: absolute;
    left: 390px;
    width: 560px;
    z-index: 1004;
}
#result .wd-sugg, #result .wd-spell
{
    float: left;
    width: 150px;
}

#result .wd-res
{
    padding: 4px 8px 10px;
    min-height: 82px;
    cursor: pointer;
    border-radius: 4px;
}
#result .wd-res img
{
    float: left;
    border: solid 1px #;
    margin-right: 5px;
}
#result .wd-res:hover
{
    background-color: #e1e1e1;
    color: #000;
}
#result .stitle
{
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
#result .loading-search
{
    background: url("https://wd7.se/jq/ajax-loader.gif") no-repeat scroll center center transparent;
}

#result .slidebtn div
{
    height: 30px;
    margin: 0 auto;
    width: 30px;
    z-index: 111;
}
#result .slidebtn span
{
    visibility: hidden;
}
#result .slide-next div
{
    background: url("https://wd7.se/i/next.png") no-repeat scroll 0 0 transparent;
    margin-bottom: 15px;
    margin-top: -25px;
}

#result .slide-prev div
{
    background: url("https://wd7.se/i/prev.png") no-repeat scroll 0 0 transparent;
    margin-bottom: -15px;
}

#result .slidebtn
{
    position: absolute;
    right: 200px;
    cursor: pointer;
    z-index: 110;
    height: 30px;
}
#result .slide-next
{
    bottom: -10px;
}

#result .wd-qres, #result .slidewrapper
{
    float: right;
    min-height: 400px;
    width: 400px;
}

/* Boxar storytelling**/
.bg_img_beige
{
    padding: 25px 25px 20px;
    background-color: #DEDEA6;
}
.stories
{
    margin: 0px;
    padding: 0px;
}
.stories li
{
    list-style: none;
    float: left;
    padding: 25px 25px 20px;
    background-color: #d6d6d4;
  /*  width: 150px;*/
    height: 220px;
    margin: 0 10px 10px 0;
}

.stories li:hover
{
    background-color: #DEDEA6;
}

.story
{
    background-color: rgba(255, 255, 255, 0.7);
    font-style: italic;
    line-height: 150%;
    position: absolute;
    top: 144px;
    width: 150px;
    height:40px;
    display: none;
}
.stimage
{
    position: relative;
    height: 200px;
}
.sname1
{
    padding-top: 5px;
    font-size: 11px;
    display: block;
    color: #666;
    text-align: center;
  
    width:150px;
}
.stories li a:hover
{
    text-decoration: none;
}
.sname
{
    padding-top: 15px;
    font-size: 11px;
    display: block;
    color: #666;
    text-align: center;
}
.foto
{
    height:184px;
}
.d_redline
{
    border-top: 4px double #CA002D;
    margin-top: 10px;
    text-align: center;
    color: #666;
}
.d_redline p
{
    padding-top: 5px;
    color: #999999;
    font-weight: bold;
}

.redline
{
    border-top: 1px solid #CA002D;
    margin-bottom: 10px;
    color: #666;
}

