﻿/*
***************************** Tags *****************************
*/
html, body, div, p, blockquote, ol, dl, dt, dd, td, form, fieldset, a, img, button, h1, h2, h3, h4, h5, h6, input[type=submit]
{
 margin: 0px;
 padding: 0px;
 border: 0px;
}
body {background-color:#FFFFFF; background-image: url('images/background.gif'); background-repeat: repeat-y; margin: 0px; color: #333333; font-family: Trebuchet, Arial, Helvetica, Sans-Serif; font-size: 12px;padding-top:0px;}
li{ list-style-position:inside; overflow:hidden; }

/*
***************************** Header tags *****************************
*/
h1 {color:#E00001;font-size:18px; font-weight:bold;}
h1.white,span.h1white  {color:#FFFFFF;font-size:18px; font-weight:bold; overflow:hidden}
h2 {}
h3 {color:#E00001;font-size:12px; font-weight:bold}
h3.white ,span.h3white {color:#FFFFFF;font-size:12px; font-weight:bold}
h4 {}
h5 {}
h6 {}

/*
***************************** Links *****************************
*/
.uploadbox {width:573px; padding:5px; border:1px solid red; overflow:hidden}
.margintop5 {margin-top:5px;}
.margintop20 {margin-top:20px;}
a.color2_bold_12, span.color2_bold_12 {color:#E00001; font-weight:bold; font-size:12px;text-decoration:none;}
a.color2_bold_16, span.color2_bold_16 {font-weight:bold; color:#E00001;font-size:16px;text-decoration:none}
a.color5_bold_12, span.color5_bold_12 {font-weight:bold;color:#999999; font-size:12px;text-decoration:none}
a.color5_bold_12:hover {text-decoration:underline}
a.color5_bold_11, span.color5_bold_11 {font-weight:bold;color:#999999; font-size:11px;text-decoration:none}
a.color5_bold_11:hover{text-decoration:underline}
a {color:#333333; text-decoration:none;}
a:hover { text-decoration:underline;}
a.redlinkh1 {color:#E00001;font-size:18px; font-weight:bold}
a.redlink {color:#E00001;font-size:12px; font-weight:bold}
a.redlinknormal {color:#E00001;font-size:12px; }
a.redlinkcapital {color:#E00001;font-size:11px; font-weight:bold;text-transform:uppercase;}
a.redlinksmallul {color:#E00001;font-size:10px; font-weight:bold; text-decoration: underline}
a.redlink2 {color:#E00001; text-decoration:none;}
/*
***************************** SøkeBox *****************************
*/
.searchbox {width:146px; background-color:#F7F6F2; padding:20px; height: 97px; overflow:hidden;}
.searchbox .bottomlink {text-align:right; margin-right:10px; margin-top:10px; }
.searchtitle {color:#E00001; font-weight:bold; font-size:12px;text-decoration:none; padding-bottom:5px}

/*
***************************** ID *****************************
*/
#main {	background-color: #FFFFFF; width: 999px;}
#contentleft {float:left; margin-left:4px; width:216px; background:url(images/bg/bg_menu_left.gif) repeat-y ;display:inline; overflow:hidden; }
#contentmiddle {width:589px; float:left; }
#contentmiddle .contentmiddle_inner { width:585px; margin: 2px;}
#contentright {width:190px; float:left; background:url(images/bg/bg_content_right.gif) repeat-y; }
#contentright .contentright_inner {width:186px; margin: 2px;}
#contentright .contentright_inner .end1 {clear:both;height:2px; overflow:hidden;} 
#contentright .contentright_inner .end2 {background:url(images/bg/dot_horizontal.gif) repeat-x top ; height:1px; width:100%; overflow:hidden;}
#contentdivider {margin-left:4px; height:12px; width:995px; background:url(images/bg/contentdivider.gif) no-repeat; overflow:hidden;}
#menudivider {height:20px; width:220px; background:url(images/bg/menudivider.gif) no-repeat; overflow:hidden;}
#submenuend { height:3px; width:216px; overflow:hidden; background:url(images/bg/bg_submenu_end.gif) repeat-x top left; margin-left:23px;}
/*
***************************** Class definitions *****************************
*/
.bannercontainerright {margin-left:3px; margin-right:3px; margin-top:2px; overflow: hidden}
.bannercontainerleft { background:url(images/bg/bg_left.gif) repeat-y; padding-left:28px; padding-top: 3px; }
.bold {font-weight:bold}
.colorred {color:#E00001; overflow:hidden;}
.colorgreen {color:Green}
.left {text-align:left;}
.font11px {font-size:11px;}
.colorred11px {color:#E00001;font-size:11px;}
/* Input boxes standard width */
input { font-family: Arial, Helvetica, Sans-Serif; }
textarea { font-family: Arial, Helvetica, Sans-Serif; font-size:12px; }
.input280 { width: 280px; height:16px; font-size: 12px; border: inset 1px;}
.input220 { width: 220px; height:16px;font-size: 12px; border: inset 1px;}
.input190 { width: 190px; height:16px;font-size: 12px; border: inset 1px;}
.input180 { width: 180px; height:16px;font-size: 12px; border: inset 1px;}
.input168 { width: 168px; height:16px;font-size: 12px; border: inset 1px;}
.input150 { width: 150px; height:16px;font-size: 12px; border: inset 1px;}
.input135 { width: 135px; height:16px;font-size: 12px; border: inset 1px;}
.input140 { width: 140px; height:16px;font-size: 12px; border: inset 1px;}
.input130 { width: 130px; height:16px;font-size: 12px; border: inset 1px;}
.input110 { width: 110px; height:16px;font-size: 12px; border: inset 1px;}
.input90 { width: 90px; height:16px;font-size: 12px; border: inset 1px;}
.input50 { width: 50px; font-size: 12px; border: inset 1px;}
.input53 { width: 53px; font-size: 12px; border: inset 1px;}
.input40 { width: 40px; font-size: 12px; border: inset 1px;}
.input70 { width: 70px; font-size: 12px; border: inset 1px;}
.inputddl { width: 110px; height:16px;font-size: 12px; border: inset 1px;}

.linkbuttonFrame {float:left; width:150px; padding: 5px; border:1px dashed #E00001; background-color:#FFFFFF; margin-left:15px; margin-top:3px; }
.linkbuttonFrameMinSide {float:left; width:150px; padding: 5px; border:1px dashed #E00001; background-color:#FFFFFF; margin-left:15px; margin-top:3px; cursor:pointer; color: #E00001; font-weight:bold; display:inline}

.linkbuttonFrameSmileys {float:left; width:130px; padding: 5px; border:1px dashed #E00001; background-color:#FFFFFF; margin-left:15px; margin-top:3px;}
.linkbuttonFrameSmileys .leftsmileys {text-align: right; width: 44px; height: 20px; overflow: hidden; float: left; padding-top: 0px; padding-right: 0px; margin: 2px;}
.linkbuttonFrameSmileys .centersmileys {text-align: center; width: 20px; height: 20px; overflow: hidden; float: left; padding-top: 0px; padding-right: 0px; margin: 2px;}
.linkbuttonFrameSmileys .rightsmileys {text-align: left; width: 44px; height: 20px; overflow: hidden; float: left; padding-top: 0px; padding-right: 0px; margin: 2px;}
.linkbuttonFrameSmileys .smileys {text-align:center; width: 24px; height: 25px; padding-top: 4px; padding-right:1px; float: left; border: 1px solid #aaaaaa; margin: 2px;}

/* "Safe" line */
.newlinediv1 {clear:both; height:1px; width:1px; overflow:hidden;}
.newlinediv2 {clear:both; height:2px; width:2px; overflow:hidden;}
.newlinediv3 {clear:both; height:3px; width: 3px; overflow:hidden;}
.newlinediv5 {clear:both; height:5px; width: 5px; overflow:hidden;}
.newlinediv10 {clear:both; height:10px; width:10px; overflow:hidden;}
.newlinediv20 {clear:both; height:20px; width: 20px; overflow:hidden;}
.newlinediv30 {clear:both; height:30px; width: 30px; overflow:hidden;}
.newlinediv10_red {clear:both; height:10px; overflow:hidden; background: url(images/bg/dash_red_horizontal.gif) repeat-x ;}
/* Table class */
table.tdpad2 td {padding: 2px;}
table.tdpad2 td.w110 {width:120px;padding: 2px;}
table.tdpad2 td.w185 {width:185px;padding: 2px;}

/*
***************************** Top banner *****************************
*/
.btop {background:url(images/bg/dash_red_vertical.gif) repeat-y right;}
.btop .btop_outdash155 {margin-left:25px; height:155px; background:url(images/bg/dash_vertical.gif) repeat-y;}
.btop .btop_outdot155 {	margin-left:6px; height:155px; background:url(images/bg/dot_vertical.gif) repeat-y;}
.btop .btop_outdash4 { margin-left:25px; height:4px; overflow:hidden; background:url(images/bg/dash_vertical.gif) repeat-y;}
.btop .btop_outdot4 { margin-left:6px; height:4px; overflow:hidden; background:url(images/bg/dot_vertical.gif) repeat-y;}
.btop .btop_gradientleft {margin-left:2px; height:155px; background:url(images/bg/gradient_left.gif) repeat-y;}
.btop .btop_row {padding-top:5px; height:150px;}
.btop .btop_left {float:left; height:150px; width:768px; margin-left:5px; overflow:hidden; display:inline;}
.btop .btop_right {	float:left; height:150px; width:180px; margin-left:10px; overflow:hidden; display:inline}
.btop .btop_divider {margin-left:30px; height:1px;overflow:hidden; background:url(images/bg/dot_horizontal.gif) repeat-x}
.btop .btop_outdash5 { margin-left:25px; height:5px; overflow:hidden; background:url(images/bg/dash_vertical.gif) repeat-y;}
.btop .btop_outdot5 { margin-left:6px; height:5px; overflow:hidden; background:url(images/bg/dot_vertical.gif) repeat-y;}

/*
***************************** Top area w/ logo & cases *****************************
*/
.top  {background:url(images/bg/dash_red_vertical.gif) repeat-y right;}
.top .top_outdash170 {margin-left:25px; height:95px; background:url(images/bg/dash_vertical.gif) repeat-y;}
.top .top_outdot170 {	margin-left:6px; height:95px; background:url(images/bg/dot_vertical.gif) repeat-y;}
.top .top_row { margin-left:2px; height:95px;background:url(images/bg/top_front1.jpg) no-repeat;}
.top .logo {margin-top:-72px; width:189px; height:72px; background:url(images/logo/logo1.jpg) no-repeat;}
.top .logosamarbeid {width:126px; height:11px; background:url(images/logo/samarbeidfamilien.gif) no-repeat;}

/*
***************************** Menu table *****************************
*/
.menutable {width:207px; font-size:11px;}
.menutable .cell1 {width:22px; height:18px;}
.menutable .cell2 {height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;  }
.menutable .cell1_selected {width:21px; height:18px; background:url(images/bg/menu_selected.gif) no-repeat center;}
.menutable .cell2_selected {margin-left:10px; height:15px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom; color:#E00001; font-size:11px; font-weight:bold;text-transform:uppercase;}
.menutable .cell1_last {width:22px; height:18px; }
.menutable .cell2_last {height:18px;  }
.menutable .cell1_lastselected {width:21px; height:18px; background:url(images/bg/menu_selected.gif) no-repeat center; }
.menutable .cell2_lastselected {margin-left:10px; color:#E00001;font-size:11px; font-weight:bold;text-transform:uppercase;}
.menutable .menuitem {padding:5px 0px 0px 10px; height:20px; margin-bottom:1px; cursor:pointer;}
.menutable .menuitemred {background-color:#ED1C21; color: White; padding:5px 0px 0px 10px; height:20px; margin-bottom:1px; cursor:pointer;}
/*
***************************** Håndarbeidsteknikker *****************************
*/
.technicmenu {background:url(images/bg/bg_submenu_left.gif) repeat-y; padding-left:32px; }
.technicmenu table .header {font-size:11px; height: 20px; background:url(images/bg/bg_submenu_bottom.gif) repeat-x bottom; padding-bottom: 10px;}
.technicmenu table td {padding-left:6px; font-size: 11px;}

/*
***************************** Case (weekly) *****************************
*/
.weeklybox {background-color:#FFFFFF;margin-top:-170px; float:right; margin-right: 3px;}
.weeklybox .item {height:145px; width:153px; padding-left:6px; padding-bottom:6px; float:left; }
.weeklybox .item .header {font-size:11px; padding-top:3px;}

/*
***************************** Box login front *****************************
*/
.boxlogin_front {width:146px; background-color:#F7F6F2; padding:20px; padding-bottom:25px; height: 140px; overflow:hidden;}
.boxlogin_front .bottomlink {text-align:right; margin-right:10px; margin-top:10px; }
.boxlogin_front_message {width:146px; background-color:#F7F6F2; padding:20px; padding-bottom:25px; height:85px; padding-top:5px; overflow:hidden;}

/*
***************************** Box content middle  *****************************
*/
.boxcontentmiddlenarrow {width:575px; background-color:#F7F6F2; padding:5px; padding-bottom:10px; overflow:auto;}
.boxcontentmiddle {width:545px; background-color:#F7F6F2; padding:20px; padding-bottom:15px; }
.boxcontentmiddle .editorial {font-size:12px; color: #3c3c3c;}
.boxcontentmiddle .editorial .image {float: left; text-align:left; width: 300px;}
.boxcontentmiddle .editorial .thumbs {float: left; width: 175px; margin-right:5px; cursor:pointer}
.boxcontentmiddle .editorial .textarea {float: left; margin-left: 5px; width: 240px;}
.boxcontentmiddle .editorial .picturesdiv {float:left; width: 205px; margin-right:20px;}
.boxcontentmiddle .editorial .picturesdiv .image {float: left; width: 200px; height: 150px; margin: 5px; text-align: center;}

.boxcontentmiddlenews {width:545px; background-color:#F7F6F2; padding:18px; padding-bottom:15px; overflow:auto;}
.boxcontentmiddlenews .editorial {font-size:12px; color: #3c3c3c;}
.boxcontentmiddlenews .editorial .image {float: left; text-align:left; width: 300px;}
.boxcontentmiddlenews .editorial .thumbs {float: left; width: 175px; margin-right:5px; cursor:pointer}
.boxcontentmiddlenews .editorial .textarea {float: left; margin-left: 5px; width: 240px;}
.boxcontentmiddlenews .editorial .picturesdiv {float:left; width: 205px; margin-right:20px;}
.boxcontentmiddlenews .editorial .picturesdiv .image {float: left; width: 200px; height: 150px; margin: 5px; text-align: center;}

.boxcontentmiddleblogg {width:545px; background-color:#F7F6F2; padding:20px; padding-bottom:15px; overflow:auto;}
.boxcontentmiddleblogg .editorial {font-size:12px; color: #3c3c3c;}
.boxcontentmiddleblogg .editorial .image {float: left; text-align:left; width: 300px;}
.boxcontentmiddleblogg .editorial .thumbs {float: left; width: 105px; margin-right:5px; cursor:pointer}
.boxcontentmiddleblogg .editorial .textarea {float: left; margin-left: 5px; width: 140px;}
.boxcontentmiddleblogg .editorial .picturesdiv {float:left; width: 105px; margin-right:20px;}
.boxcontentmiddleblogg .editorial .picturesdiv .image {float: left; width: 100px; height: 150px; margin: 5px; text-align: center;}


/************************ Box redaksjonell *****************************/
.boxredaksjonellsak {width:575px; overflow:hidden}
.boxredaksjonellsak .imagewrapper {margin-right:10px; margin-bottom:5px;}
.boxredaksjonellsak .contentarea {padding:3px; padding-top:9px;}
.boxredaksjonellsak .contentarea .header {color:#E05400; font-size:16px; font-weight:bold}
.boxredaksjonellsak .separator {clear:both;background:url(Img/bg/bgsepred.gif) repeat-x; height:5px; width:100%; margin-top:10px; overflow:hidden}
.boxredaksjonellsak .byline {float:left; padding-left:2px; padding-right:2px; color:#FFFFFF; background-color:#E05400; font-size:10px;}

/************************ Box medlem *****************************/

/*
***************************** Forum *****************************
*/
.forumTable {width: 100%; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; border-spacing: 0px; }
.forumTable .header  {background: url(images/bg/dot_horizontal.gif) repeat-x bottom;  }
.forumTable .header .col1  { width: 305px; text-align: left;}
.forumTable .header .col2  { width: 50px; text-align: center;}
.forumTable .header .col3  { width: 50px; text-align: center;}
.forumTable .header .col4  { widows: 120px; text-align: right; }
.forumTable .item
.forumTable .item .col1 {text-align: left; }
.forumTable .item .col2 {text-align: center; }
.forumTable .item .col3 {text-align: center; }
.forumTable .item .col4 {text-align: right; }

.forumTable .alternatingItem { background-color: #f3f2ee; }
.forumTable .alternatingItem .col1 {text-align: left; }
.forumTable .alternatingItem .col2 {text-align: center; }
.forumTable .alternatingItem .col3 {text-align: center; }
.forumTable .alternatingItem .col4 {text-align: right; }

/* Topics */
.topicTable { width: 100%; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; border-spacing: 0px;}
.topicTable .header  {  background: url(images/bg/dot_horizontal.gif) repeat-x bottom;  }
.topicTable .header .col0  { width: 0px; text-align: left;}
.topicTable .header .col1  { width: 280px; text-align: left;}
.topicTable .header .col2  { width: 30px; text-align: center;}
.topicTable .header .col3  { width: 100px; text-align: center;}
.topicTable .header .col4  { widows: 60px; text-align: center; }
.topicTable .header .col5  { widows: 120px; text-align: right; }
.topicTable .item
.topicTable .item .col0 {text-align: left; }
.topicTable .item .col1 {text-align: left; }
.topicTable .item .col2 {text-align: center; }
.topicTable .item .col3 {text-align: center; }
.topicTable .item .col4 {text-align: center; }
.topicTable .item .col5 {text-align: right; }

.topicTable .alternatingItem { background-color: #f3f2ee; }
.topicTable .alternatingItem .col0 {text-align: left; }
.topicTable .alternatingItem .col1 {text-align: left; }
.topicTable .alternatingItem .col2 {text-align: center; }
.topicTable .alternatingItem .col3 {text-align: center; }
.topicTable .alternatingItem .col4 {text-align: center; }
.topicTable .alternatingItem .col5 {text-align: right; }

/* Posts */
.postTable { width: 100%; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; border-spacing: 0px; color: #3c3c3c;}
.postTable .item { background-color: #f3f2ee; }
.postTable .item .col1 { padding: 5px; width: 150px; background-image: url(images/bg/dash_red_vertical.gif); background-position: right; background-repeat: repeat-y;}
.postTable .item .body { padding: 5px; width: 430px; background-image: url(images/bg/dot_horizontal.gif); background-position: top; background-repeat: repeat-x ;}
.postTable .item .col2 { padding: 5px; width: 430px; font-size: 10px;}
.postTable .item .colBoth {padding: 5px;  }

.postTable .alternatingItem { background-color: #f9f9f9; }
.postTable .alternatingItem .col1 { padding: 5px; width: 150px; background-image: url(images/bg/dash_red_vertical.gif); background-position: right; background-repeat: repeat-y ;}
.postTable .alternatingItem .body { padding: 5px; width: 430px; background-image: url(images/bg/dot_horizontal.gif); background-position: top; background-repeat: repeat-x;}
.postTable .alternatingItem .col2 { padding: 5px; width: 430px; font-size: 10px;}
.postTable .alternatingItem .colBoth {padding: 5px; }

.postTable .separator {background:url(images/bg/dot_horizontal.gif) repeat-x top ; height:1px; width:100%; overflow: hidden; }

.postAvatar { font-size: 11px;}

/* ************************ Post new message ********************** */
.postnewmessage {border: solid 1px #cccccc; background-color: #fbfaf6; padding: 0px; width:530px;}
.postnewmessage .header { background-color: #ffffff; border-bottom: solid 1px #cccccc; font-weight: bold; margin-bottom: 7px; padding: 5px;}
.postnewmessage .footer { text-align: right; background-color: #ffffff; border-top: solid 1px #cccccc; font-weight: bold; margin-bottom: 0px; padding: 5px;}
.thumbnailframe {float:left; padding: 5px; border: solid 1px #cccccc; background-color:#FFFFFF; margin-left: 15px; margin-top:3px; }

/*
***************************** Post *****************************
*/
.postquote {  margin-left: 4px; border-top: dotted 1px #9f9f9f; border-bottom: dotted 1px #9f9f9f; border-left: solid 3px #9f9f9f; border-right: dotted 1px #9f9f9f;}
.postquote .header { padding-left: 5px; background-color: #f5f5f5; font-size: 10px;}
.postquote .main{ padding-left: 5px; color: #3c3c3c	;background-color: #ffffff;}


/* LastPosts */
.lastPostsTable { width:99%; padding: 0px 0px 0px 0px;  margin: 5px 5px 5px 5px; border-spacing: 0px;}
.lastPostsTable .header  {  background: url(images/bg/dot_horizontal.gif) repeat-x bottom;  }
.lastPostsTable .item {}
.lastPostsTable .item .col1 {text-align: left;}
.lastPostsTable .item .col2 {text-align: left;}
.lastPostsTable .item .col3 {text-align: left;}
.lastPostsTable .item .col4 {text-align: right;}

.lastPostsTable .alternatingItem { background-color: #f3f2ee; }
.lastPostsTable .alternatingItem .col1 {text-align: left; }
.lastPostsTable .alternatingItem .col2 {text-align: left; }
.lastPostsTable .alternatingItem .col3 {text-align: left; }
.lastPostsTable .alternatingItem .col4 {text-align: right; }


/* Message */
.message  { margin: 20px; background-color: #ffffff; font-weight: bold; color: #666666; border: solid 10px #f3f2ee;  text-align: center; margin-top: 10px; padding: 20px 20px 20px 20px; }


/*
***************************** Box login front *****************************
*/
.avatar {font-size: 11px; border: 1px solid #808285; width: 163px; margin-left: 3px; margin-right: 3px; margin-top: 2px; background-color: #F7F6F2; overflow: hidden; padding: 10px; padding-right:5px;}
.avatar .picture { margin: 10px; text-align:center; }

/*
***************************** Small editorial *****************************
*/
.smalleditorial {width: 570px; padding: 15px; padding-left: 0px; overflow:hidden}
.smalleditorial .item {float:left;padding-left: 15px; width: 175px; overflow:hidden; }
.smalleditorial .item .textarea {padding: 5px;  overflow:hidden;}
.smalleditorial .item .image {width: 200px; height: 150px; text-align: center;}

/*
***************************** Small editorial *****************************
*/
.last_news {float: left; width: 136px; margin: 3px; font-size:11px;}
.last_news .header {padding: 3px; width: 130px; height: 15px; text-align: center; border: 1px dashed #808285}
.last_news a {text-decoration:underline;}

/*
***************************** News **********************************
*/
.boxcontentmiddle .editorial .newstext {height:100%;}
.boxcontentmiddle .editorial .floatright {float:right;}

.shorttext { font-style: italic; }

/*
***************************** Padding & Borders *****************************
*/
.borderdottedred { border-width:1px; border-color:Red; border-style:dotted;}
.paddingleft5 { padding-left:5px}
.paddingtop5 { padding-top:5px}


/*
***************************** Profile *****************************
*/
.profile { width: 100%; font-size:11px; font-family: Arial}
.profile .picture { margin: 10px; margin-left:2px;}
.profile .picture img {padding:5px; background-color:#ffffff }
.profile .left { font-family: Arial, float: left;  text-align: center; width: 250px; }
.profile .right { float: left; width: 250px; }
.profile .data { color: #3c3c3c; }
.divider {text-align:left; height:15px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom; overflow:hidden;}
.dividercenter {text-align:center; height:15px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom; overflow:hidden;}


/*
***************************** Admin *****************************
*/
.admin { border: solid 1px #cccccc; background-color: #fbfaf6; padding: 0px 0px 10px 0px; margin-bottom: 10px;}
.admin .header { background-color: #ffffff; border-bottom: solid 1px #cccccc; font-weight: bold; margin-bottom: 7px; padding: 5px;}

/*
***************************** Preview *****************************
*/
.preview { width:100%; border: solid 1px #cccccc; background-color: #fbfaf6; padding: 0px; margin-top: 5px;}
.preview .header {background-color: #ffffff; border-bottom: solid 1px #cccccc; font-weight: bold; margin-bottom: 7px; padding: 5px;}
.preview .body {}


/*
************************* Rad Uploader ****************************
*/

/* r.a.d.upload QNX skin */
.PictureUpload
{
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-collapse: collapse;
	margin: 5px 0px;
	width: 282px;
	font: normal 11px Arial, Verdana, Sans-serif;
	padding: 5px 5px 5px 5px;	
}

.RadUploadTable
{
	background-color: #ffffff;
	border: solid 0px #cccccc;
	border-collapse: collapse;
	width: 282px;
	font: normal 11px Arial, Verdana, Sans-serif;
}

.RadUploadTable td
{
	padding: 0px;
}

.RadUploadButtonArea
{
	background: transparent;
}

.RadUploadButton,
.radUploadButtonMedium
{
	background: transparent url('Img/radUploadBtnMedium.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 114px;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
}

.RadUploadButtonDisabled
{
	background: transparent url('Img/radUploadBtnMedium.gif') no-repeat;
	border: 0px;
	height: 22px;
	width: 114px;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
	filter:alpha(opacity=30);
	-moz-opacity:0.5;
	opacity: 0.5;
}

.RadUploadFileSelector
{
	/* checkbox */
}

.RadUploadInputField
{
	width: 135px;
	border: solid 1px #000000;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #000;
	padding-top: 3px;
	padding-left: 6px;
}

input.RealFileInput
{
	position: relative;
	-moz-opacity: 0;
	filter: alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

.RadUploadSelectButton
{
	border: solid 1px #333333;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
	width: 81px;
	margin-left: 10px;	
	vertical-align: top;
}

.RadUploadRemoveButton
{
	border: 0px;
	background: transparent url('Img/radUploadBtnSmall.gif') no-repeat;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
	height: 22px;
	width: 66px;
	float: right;
}

.RadUploadClearButton
{
	border: 0px;
	background: transparent url('Img/radUploadBtnSmall.gif') no-repeat;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: black;
	height: 22px;
	width: 66px;
	float: right;
}

input.NoSkinnedFileUnput
{
	border: solid 1px #1a43b0;
}


/* ************* Progress Area *********************/

/* r.a.d.upload QNX skin */
.RadUploadProgressArea
{
	border: 0px;
	/* height:120px; */
	width:400px;
	top:100px;
	left:100px;
	background-image: url(Img/RadUploadTable.gif);
	background-color: #fafafa;
	z-index:10000;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=140,color=#404040,strength=3); 
	cursor: default;
}

.RadUploadProgressTable
{
	border:1px solid #828282;
	height:120px;
}

.RadUploadProgressBarHolder
{
	text-align:left;
}

.RadUploadTotalProgressData
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
}

.RadUploadCurrentFileName
{
	font-family: Arial, Verdana, Sans-serif;
	font-size:10px;
	font-weight: normal;
	color: #2f76cd;
}

.RadUploadFileCountProgressData
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
}

.RadUploadTimeData
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #2f76cd;
}

.RadUploadCancelButtonHolder
{
	vertical-align: bottom;
}

input.RadUploadCancelButton
{
	border: 0px;
	background-color: Transparent;
	background-image: url(Img/radUploadBtnSmall.gif);
	background-repeat: no-repeat;
	font: bold 11px Arial, Verdana, Sans-serif;
	color: #000;
	height: 22px;
	width: 66px;
}
.RadUploadProgressCancelledMessage
{
	font-weight: bold;
	font-size: 11px;
	padding-left: 50px;
	
}
.RadUploadProgressCancelledIcon
{
	padding-left: 155px;
	padding-top: 20px;
}

.RadUploadProgressBarHolder IMG
{
   height:21px;
}




/* ************* Blogger *********************/
.blog {width:100%; font-size:11px; border-collapse:collapse; margin-top:20px;}
.blog .cell1 {height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.blog .cell2 {text-align:center; height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.blog .right {text-align:right;}
.blog .left  {text-align:left;}
.centerred {text-align:center; color:#E00001; overflow:hidden;}


.showPicture {border-width: 2px;}

.showPictureBlog {border-width: 100px;}

.PictureUpload2
{
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-collapse: collapse;
	margin: 0px 0px;
	width: 100px;
	font: normal 11px Arial, Verdana, Sans-serif;
	padding: 5px 5px 5px 5px;	
}

.previewPicture
{
	background-color: #ffffff;
	border: solid 1px #cccccc;
	border-collapse: collapse;
	margin: 2px 2px;
	width: 100px;
	font: normal 11px Arial, Verdana, Sans-serif;
	padding: 5px 5px 5px 5px;
	float: left;	
}

.preview2 
{ 
	width: 400px; 
	height: 250px; 
	border: solid 1px #cccccc; 
	background-color: #fbfaf6; 
	padding: 0px;
	padding-bottom: 0px; 
	overflow:hidden;
}
.previewVertical
{
	width: 200px;
	height: 250px;
	border: solid 1px #cccccc;
	background-color: #fbfaf6;
	padding: 0px;
	padding-bottom: 0px;
	overflow:hidden;
}

.blog2 {width:500px; color: #3c3c3c; font-size:12px; border-collapse:collapse;}
.blogdivider {font-size: 11px; text-align:left; height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}

.space {padding: 0px 0px 0px 10px; font-size: 11px; text-align:left; height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.space2 {padding: 0px; width:100%;}

.commentdivider {padding: 5px; font-size: 11px; text-align:left; color: #888888; width: 360px; height:15px; background: #f3f2ee url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.commentdivider2 {margin-left:0px; padding:5px 0px 5px 30px; font-size: 12px; text-align:left; height:15px; background: #f3f2ee url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.commentdivider_second {padding: 5px; font-size: 11px; text-align:left; color: #888888; width: 360px; height:15px; background: #f9f9f9 url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.commentdivider_second2 {padding:5px 30px 5px 30px; font-size: 12px; text-align:left; background: #f9f9f9 url(images/bg/dot_horizontal.gif) repeat-x bottom;}

.redDotVertical {width:2px; padding: 0px 0px 0px 0px; margin-left:0px; height:100%; background: #f3f2ee url(images/bg/dash_red_vertical.gif) repeat-y left; overflow: hidden;}
.redDotVertical_second {margin-left:10px; height:100%; background:url(images/bg/dash_red_vertical.gif) repeat-y left; overflow: hidden;}

.comment {width:380px; color: #3c3c3c; font-size:12px; border-collapse:collapse; }
.commentSpace {width:10px; background-color: #f3f2ee;}
.commentSpaceSecond {width:10px; background-color: #f9f9f9}
.commentSpaceWithDots {width:10px; background: #f3f2ee url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.commentSpaceWithDotsSecond {width:10px; background: #f9f9f9 url(images/bg/dot_horizontal.gif) repeat-x bottom;}

.postnewcomment {border: solid 1px #cccccc; background-color: #fbfaf6; padding: 0px; width:540px;}
.postnewcomment .header2 { background-color: #ffffff; border-bottom: solid 1px #cccccc; margin-bottom: 7px; padding: 5px;}
.postnewcomment .footer2 { text-align: right; background-color: #ffffff; border-top: solid 1px #cccccc; font-weight: bold; margin-bottom: 0px; padding: 5px;}

.profile2 {width:100%; font-size: 12px; border-collapse:collapse;}

.userinfo {border: solid 1px #929290; background-color: #F9F9F9; width:97%; padding:5px; color:#3F3F3F; margin-bottom: 20px; }
.userinfo .image {border: solid 1px #929290; background-color:White; width:134px; height:100px; overflow:hidden;}
.userinfo .border {border: solid 1px #929290; background-color:White; padding: 5px; width:136px; height:102px; text-align:center;}
.userinfo .floatleft {float:left;}
.userinfo .spaceinfo {float:left; width:50px;}
.userinfo .spaceinfo2 {float:left; width:50px;}
.userinfo .statustext {color:#D8D8D8;}
.userinfo .table {width:100px;}
.userinfo .cell {height:15px; overflow:hidden; width:100px;}

/* ********* FORENINGER **********/
.forening {margin-left:20px; color: #3c3c3c; font-size: 12px; }
.tabell {width: 100%; font-size: 11px; border-collapse:collapse;}
.tabell .fet {font-weight: bold; padding: 0px 0px 0px 20px;}
.tabell .standard {font-size: 12px; color: #3c3c3c; padding: 0px 0px 0px 20px; }
.tabell .standardmeddots {padding: 0px 0px 0px 20px; font-size: 11px; text-align:left; height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.tabell .standardmeddots2 {height:18px; background: url(images/bg/dot_horizontal.gif) repeat-x bottom;}
.tabell .height10 {height:5px}
.tabell .right {text-align: right;}


/* *** rediger ***/
table.tabell2 {width:480px;}
.tabell2 .firsttd { width: 100px; text-align: right; }
.tabell2 .left {text-align: left; padding: 0px 0px 0px 5px; font-size: 11px;}

.tabellkontakt { width: 100%; }
.tabellkontakt .info { width: 30px; padding: 5px; }


/* *** liste ***/
.foreningliste {margin-left:20px; font-weight: bold; font-size: 14px; color: #b0aea5;}
.foreningliste2 {margin-left:40px;}

.hoyre {text-align:right;}
.hoyrelink {text-align:right; padding: 5px;}
.height10 {height:10px}
.height30 {height:30px}

.marg5px {padding: 0px 0px 0px 5px; font-size: 11px;}
.marg10px {width: 120px; padding: 0px 0px 0px 10px; font-size: 11px;}
.width120px {width:120px; font-size: 11px;}
.width100px {width:100px; font-size: 11px;}
.pad5px {padding: 5px;}


.postnewcontact { width: 360px; background-color: #ffffff; border: solid 1px #cccccc; border-bottom: solid 1px #cccccc; font-size: 11px; margin-bottom: 0px; padding: 0px;}

.contacts {width:360px; border-collapse:collapse;}

/* ****** IE Fixing *******/

.noborder {border: 0px;}
.borderwhite {border-color:White; overflow:hidden;}

.logintitle {height:16px; overflow:hidden;}
.logintextbox {height:16px;}
.logintextboxpassword {height:35px;}

.loginvelkommen {height:15px; overflow:hidden;}
.loginstatus {height:10px;}
.loginwidth {width:165px;}

.heightflow {height: 22px; overflow:hidden;}

.bloggedit {width:505px;}

.cellheight2 {width: 55px; height: 20px;}
.cellheight3 {width: 30px; height: 20px; overflow:hidden;}
.tdBilde {width: 55px; overflow:hidden;}

.cellheight {width: 55px; height: 20px; overflow:hidden;}
.cellwidth {width:280px;}
.cellsmileys {width: 180px; overflow:hidden; margin-right: 5px;}

.minsidelogin {height: 20px; overflow:hidden;}
.minsidelogin2 {height: 10px; overflow:hidden;}

.heightflow2 {height: 22px; overflow:hidden;}
.logintextbox2 {height:10px;}

.heightflow3 {height: 15px; overflow:hidden;}
.logintextbox3 {height: 40px; overflow:hidden;}

.heightflow4 {height: 22px; overflow:hidden;}
.logintextbox4 {height: 5px; overflow:hidden;}

.heightflow5 {height: 22px; overflow:hidden;}
.logintextbox5 {height: 5px; overflow:hidden;}

.shoptitle {height:22px; overflow:hidden;}
.shopspace {height:15px; overflow:hidden; }

.forening2 {height:22px; overflow:hidden;}
.forening2space{height:20px; overflow:hidden;}

.foreningdetalj {height:22px; overflow:hidden;}
.foreningdetaljspace {height:20px; overflow:hidden;}

.minsidetitle {height:22px; overflow:hidden;}
.minsidespace {height:20px; overflow:hidden;}

.minebloggertitle {height:22px; overflow:hidden;}
.minebloggerspace {height:100%; overflow:hidden;}
.mineblogger2 {height: 10px; overflow:hidden;}

.foreningmine {height:22px; overflow:hidden;}
.foreningmine2 {height:20px; overflow:hidden;}

.medlemblogtitle {height:22px; overflow:hidden;}
.medlemblogspace {height:20px; overflow:hidden;}

.foreningredigercell {height: 18px; overflow:hidden;}

.forumliste {width:581px;}

.titlewidth {float:left; width:500;}

.medlemcell {height: 10px; color:#E00001; overflow:hidden; }
.medlemcellcenter {height: 10px; text-align: center; color:#E00001; overflow:hidden; }

.medlemcell1 {height: 10px; color:#E00001; overflow:hidden; width:220px }

.boxcontentpreview {width:530px; background-color:#fbfaf6; padding:20px; padding-bottom:15px; overflow:hidden; }
.postnewpreview {border: solid 1px #cccccc; background-color: #fbfaf6; padding: 0px; width:530px; overflow:hidden;}
.postnewpreview .header { background-color: #ffffff; border-bottom: solid 1px #cccccc; font-weight: bold; margin-bottom: 7px; padding: 5px; overflow:hidden;}

.list {margin-left:0px;}


/************************ Message table and message page ****************************/

.MasterTable_Tradsnella {width:100%;}
.MasterTable_Tradsnella thead { background-color:#ED1C21; color:#FFFFFF; }
.MasterTable_Tradsnella th {padding:4px;}
.MasterTable_Tradsnella tbody td {padding:2px;}
.GridRow_Tradsnella td { border-bottom: 1px dotted #808285;}
.GridAltRow_Tradsnella td{ border-bottom: 1px dotted #808285; background-color:#EFECE0}
.SelectedRow_Tradsnella td{ border-bottom: 1px dotted #808285; background-color:#CFCAB5; color:#FFFFFF}
.MasterTable_Tradsnella tfoot {background-color:#FFFFFF;  color:#999999}
.MasterTable_Tradsnella tfoot td {padding:6px;}
.MasterTable_Tradsnella tfoot td a {text-decoration:underline}
.Message_header {background-color: #AFAB99; color: #FFFFFF; padding: 3px;}
.Message_text_view {border: inset 1px; height: 300px; background-color: #FFFFFF; color: #000000; overflow: auto}
.User_inactive_link { color:#DFDFDF; text-decoration:none;}
.User_active_link { color:#FFFFFF; text-decoration:underline;}
.td_overflow_hidden {white-space:nowrap; overflow:hidden;}

