/********************************************************/                                      /*color       	dark /textcolor		light*/
/* Dansk psykolog forening website 2009                 */                                      /*purple		7B0551		    	E1C9D9*/
/* Boxes.css = boxes element styling  */                                                        /*petrolium		2D777A			    D2E2E2*/
/* Netmester A/S august 2009                            */                                      /*grass			778B05		        DFE4C4*/
                                                                                                /*blue			3B547C			    D0D7E1*/
                                                                                                /*green			068C4D			    C1E1D2*/
                                                                                                /*orange		D6841E		    	F4F6CF*/




/* >>>   B A N N E R S  */
.banner, .bannerLast
{
    float:left;
    margin:8px 5px 2px 2px;
}
.bannerLast
{
    margin-bottom:15px;
}
/* >>>   S L I D E S   */
/* 'top center wide box on front page' */
.slider
{
    background-image:url(../graphics/front/slider_bg.gif);
    background-position:10px 5px;
    background-repeat:no-repeat;
    float:left;
    width:488px;
    height: 169px;
    margin:0px 0px 0px 0px;
}
.slider .label
{
    background-position:left top;
    background-repeat:repeat-x;
    padding:5px 5px 1px 5px;
    text-transform:uppercase;
    color:White;
    font-size:smaller;
    float:left;
    margin-left:20px;
    height:20px;
}
.slider .labelLegend
{
    font-style:italic;
    float:right;
    padding:10px 20px 0px 0px;
}
.slider .labelLegend a
{
    color:Black;
    text-decoration:none;
}
.slider .labelLegend a:hover
{
    text-decoration:underline;
}
.sliderContainer
{
    float:left;
    height:150px;
}
.slider .txt
{
    color:#3B547C;
    font-size:20px;
    line-height:27px;
    margin:10px 3px 0px 4px;
    padding:0px 40px;
    width:350px;
    float:left;
    height:55px;
    letter-spacing:1px;

    font-familiy: Verdana;
}
.slider .linkContainer
{
    float:left;
    margin-left:17px;
}
.slider .arrowNavigatorRightArea
{
    float:left;
    padding-top:30px;
    padding-left:2px;
}
.slider .arrowNavigatorLeftArea
{
    float:left;
    padding-top:30px;
}
.slider .arrowNavigatorRightArea a.nav,.slider .arrowNavigatorLeftArea a.nav
{
    background-image:url(../graphics/elements/arrow_navigator_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding:6px 5px 9px 9px;
    display:block;
}
.slider .arrowNavigatorLeftArea a.nav
{
    padding:6px 10px 5px 7px;
}
.slider .arrowNavigatorRightArea a.nav:hover,.slider .arrowNavigatorLeftArea a.nav:hover
{
    background-image:url(../graphics/elements/arrow_navigator_hover_bg.png);
    background-position:left top;
    background-repeat:no-repeat;
}
/* >>>   N E T W O R K    B O X    S T Y L E */
/* 'the blue login box'*/
.contentForum .boxTopNetwork
{
	margin-top:10px;
}
.boxTopNetwork
{
    background-image:url(../graphics/front/boxBorderTopNetwork.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:200px;
    height:55px;
    margin-left:3px;
    padding: 5px 10px 10px 10px;
}

.mitdpbox
{
    float: right; 
}

.boxInnerNetwork
{
    float:left;
    background-color:#D6E7EF;
    width:222px;
    margin-left:2px;
}
.boxContentNetwork
{
    background-color:#B5CEE6;
    background-image:url(../graphics/front/boxBgBorderVerticalNetwork.jpg);
    background-position:left top;
    background-repeat:repeat-y;
    padding:0px 10px;
    margin-left:3px;
    width:200px;
    float:left;
}

.loggedInBox
{
    padding-top:8px;
    float:left;
}

.boxContentNetwork h2
{
    padding-top:7px;
    width:75px;
    float:left;
    font-size:115%;
}

.boxContentNetwork a.linkEntry, .boxTopNetwork a.linkEntry
{
     color:#425B84;
}

.linkNoHover:hover
{
    background-image: url("../graphics/elements/arrow_right_blue.gif") !important;    
}

.boxContentNetworkLinkContainer
{
    clear: both; 
    padding-top: 3px;
}

.boxContentBottomNetwork
{
    background-image:url(../graphics/front/boxBorderBottomNetwork.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    width:100%;
    height:14px;
    margin-left:2px;
}

.networkIconContainer
{
    float: right; 
    padding-top: 3px;
}

.boxItemNetwork
{
    padding:5px 0px;
    background-color:White;
    border-bottom:dashed 1px #788923;
    width:208px;
    width:100%;
}
.boxBottomContentNetwork
{
    float:left;
    background-color:#D6E7EF;
    background-image:url(../graphics/front/boxContentBgBorderVerticalNetwork.png);
    background-position:left top;
    background-repeat:repeat-y;
    width:210px;
    margin-left:3px;
    padding:3px 5px;
}
.boxBottomNetwork
{
    background-image:url(../graphics/front/boxBgBorderBottomNetwork.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    width:100%;
    height:11px;
    margin-left:2px;
}
.boxInnerNetwork h2
{
    text-transform:uppercase;
    margin:10px 0px 0px 10px;
 /*   padding-bottom:5px;*/
    border-bottom:dashed 1px #425B84;
    width:200px;
    color:#425B84!important;
    font-weight:800;
}
.boxTopNetwork h2
{
    text-transform:uppercase;
 /*   padding-bottom:5px;*/
    width:75px;
    color:#425B84!important;
    font-weight:bold;
    font-size:115%;
    float:left;
    padding-top:3px;
}

.forumLogin h2
{
    font-size:115%;
}

.boxBottomContentNetwork h2
{
    color:#425B84!important;
    text-transform: Uppercase;
    font-weight:800;
}
.forumLogin
{
    padding:5px 5px 10px 5px;
}
.forumLogin .txtInput1
{
    font-size:smaller;
    border:solid 1px #425B84;
    padding:2px;
    width:90px;
    float:left;
}
.forumLogin .txtInput2
{
    font-size:smaller;
    border:solid 1px #425B84;
    padding:2px;
    width:90px;
    float:right;
}
.forumLogin .guideLinks
{
    float:left;
    margin:5px 0px 0px 10px;
}
.forumLogin .guideLink
{
    display:block;
}
.forumLogin .loginButton
{
    margin-top:7px;
}
/* >>>   S E A R C H   A R T I C L E S     B O X    S T Y L E */
.box_article_search
{
    float:right!important;
    background-image:url(../graphics/elements/search_articles_bg.png);
    background-position:0px 6px;
    background-repeat:no-repeat;
    margin:0px 4px 10px 10px!important; /*box widthout shaddow is more narrow*/
    padding-top:6px;
    width:220px;
    height:310px;
}
.box_article_search_content
{
    margin:40px 10px 10px 10px;
}
.box_article_search .txtInput
{
    width:194px;
    float:left;
    margin-bottom:10px;
}
.box_article_search fieldset
{
    float:left;
    width:194px;
}
.box_article_search legend
{
    color:#425B84;
    font-weight:bold;
}
.box_article_search label
{
    font-size:smaller;
    width:150px;
    float:right;
    border:solid 1px #D8E4F3;
    height:18px;
}
.box_article_search input[type="checkbox"]
{
    float:left;
    width:34px;
    height:13px;
}
.box_article_search .selectInput
{
    font-size:smaller;
    border:solid 1px #425B84;
    padding:2px;
    width:200px;
    float:left;
    margin-bottom:10px;
    background-image:url(../graphics/elements/arrow_select_blue.gif);
    background-position:right center;
    background-repeat:no-repeat;
    -moz-appearance:none;
    font-family:Arial;
}
.box_article_search .button
{
    margin-right:5px;
}



/* >>>   C O M M O N    B O X    S T Y L E */
.box
{
    float:left;
    margin:5px 0px 15px 0px;
    padding:0px;
    width:228px;
}
.bannerBox
{
    float:left;
    margin:5px 0px 10px 0px;
    padding:0px;
}
.boxHover
{
}
.boxHoverRight
{
}
.boxHoverLeft
{
}
.boxDouble
{
    float:left;
    margin:10px 0px 10px 10px;
    display:inline;
}
.boxDouble .leftBox
{
    margin-right:11px;
    height:100%;
}
.rightBox
{
    height:100%;
}
.boxDouble .box
{
    margin-top:0px;
    /* chw: added this to make middle boxes smaller */
    margin-bottom: 0px;
    height:100%;
}
.boxInnerDouble
{
    float:left;
    /*background-color:#F6F6F6;*/
    background-image:url(../graphics/front/boxBgBorderVerticalDouble.png);
    background-position:left top;
    background-repeat:repeat-y;
    width:467px;
    display:inline;
}
.boxInnerDouble.single
{   
    background-image:url(../graphics/front/boxBgBorderVerticalSingle.png);    
}
.boxHoverRight .boxInnerDouble
{
    background-image:url(../graphics/front/boxBgBorderVerticalDoubleHoverRight.png);
}
.boxHoverLeft .boxInnerDouble
{
    background-image:url(../graphics/front/boxBgBorderVerticalDoubleHoverLeft.png);
}
.boxHoverLeft .boxInnerDouble.single
{
    background-image:url(../graphics/front/boxBgBorderVerticalSingleHoverLeft.png);
}
.boxInner, .boxNavigation
{
    float:left;
   /* background-color:#F6F6F6;*/
    background-image:url(../graphics/front/boxBgBorderVertical.png);
    background-position:left top;
    background-repeat:repeat-y;
    width:226px;

}
.boxNavigation
{
    padding:5px 15px;
    width:216px;
}
.boxHover .boxInner, .boxHover .boxNavigation
{
    background-image:url(../graphics/front/boxBgBorderVerticalHover.png);
}
.boxHoverRight .boxNavigation,.boxHoverLeft .boxNavigation
{
    background-image:none;
}
.boxTop
{
    background-image:url(../graphics/front/boxBorderTop.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    height:26px;
}
.boxTop.special
{
    height:40px;
}
.boxTopHover
{
    background-image:url(../graphics/front/boxBorderTopHover.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    height:26px;
}
.boxTopSimple
{
    background-image:url(../graphics/front/boxBorderTop.png);
    background-position:left top;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    height:10px;
}
.boxTopLabelImageContainer
{
    height: 40px;
}
.boxContent
{
    background-image:url(../graphics/front/boxBorderVertical.png);
    background-position:left top;
    background-repeat:repeat-y;
    background-color:White;
    padding:0px 14px;
    line-height:130%;
    /*width:228px;*/
    float:left;
    /*width:100%;*/
}
.boxHover .boxContent
{
   /* background-image:url(../graphics/front/boxBorderVerticalHover.png);*/
}
.boxContentBottom
{
    background-image:url(../graphics/front/boxBorderBottom.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    height:12px;
}
.boxHover .boxContentBottom
{
    background-image:url(../graphics/front/boxBorderBottomHover.png);
}
.boxItem
{
    padding: 5px 0px 0px 0px;
    background-color:Transparent;
    border-bottom:dashed 1px #788923;
    width:200px;
}
.boxItem.news
{
    padding: 8px 0px 3px 0px;
}

.boxItem .labelDate
{
    float: right;
    position: relative;
    
}

.boxItem .labelDate.firstDate
{
    top: -19px;
}
.boxItemSimple
{
    padding:5px 0px;
    background-color:Transparent;
    width:198px;
    float:left;
    /* CSS hack added for IE 7 */
    /* chw: added to ie7.css */
    /**float: none;*/
}
.navigation
{
    padding:10px;
    float:left;
}
.authorPic
{
    float:left;
    margin-right:10px;
}
.profilePicContainer
{
    float:left;
    margin-right:10px;
    width:34px;
    height:34px;
    overflow:hidden;
}
img.profilePic
{
    width:34px;
}
.author
{
    float:left;
    color:#788923;
}
.label_author
{
    color:#425B84;
}
.boxBottom
{
    background-image:url(../graphics/front/boxBgBorderBottom.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    float:left;
    width:226px;
    height:11px;
    margin-top: -6px;
}
.boxBottomDouble
{
    background-image:url(../graphics/front/boxBgBorderBottomDouble.png);
    background-position:left bottom;
    background-repeat:no-repeat;
    float:left;
    width:476px;
    height:10px;
}
.boxBottomDouble.single
{
    background-image:url(../graphics/front/boxBgBorderBottomSingle.png);    
}
.boxHover .boxBottom
{
    background-image:url(../graphics/front/boxBgBorderBottomHover.png);
}
.boxHoverRight .boxBottomDouble
{
    background-image:url(../graphics/front/boxBgBorderBottomDoubleHoverRight.png);
}
.boxHoverLeft .boxBottomDouble
{
    background-image:url(../graphics/front/boxBgBorderBottomDoubleHoverLeft.png);
}
.boxHoverLeft .boxBottomDouble.single
{
    background-image:url(../graphics/front/boxBgBorderBottomSingleHoverLeft.png);
}
.centerAlign
{
    width:100%;
    background-color:White;
}
.centerAlign table
{
    margin:auto;
}
.boxTop .label
{
    background-position:left top;
    background-repeat:repeat-x;
    padding:5px 5px 1px 5px;
    text-transform:uppercase;
    color:White;
    font-size:smaller;
    float:left;
    margin-left:14px;
    height:20px;
}
.boxTop .labelimage
{
    background-position:left top;
    float:left;
    margin-left:10px;
    margin-top: -1px;
    height:40px;
}
.boxTop label a
{
    text-decoration:none;
    color:White;
}
.boxTop .labelDate
{
    float:right;
    padding:14px 15px 0px 0px;
}
.boxInfo
{
    float:left;
    width:290px;
}
.boxInfoLabel
{
    float:left;
    width:100px;
    color:#425B84;
    font-weight:bold;
    font-size:95%;
}
.boxInfoField
{
    float:left;
    width:190px;
}
/* >>>   I N D I V I D U A L   B O X   L A B E L   S T Y L E  */
.label_purple, .colorCode1 .label_color
{
    background-image:url(../graphics/front/labels/purple.jpg);
}
.label_petrolium, .colorCode2 .label_color
{
    background-image:url(../graphics/front/labels/petrolium.jpg);
}
.label_grass, .colorCode3 .label_color
{
    background-image:url(../graphics/front/labels/grass.jpg);
}
.label_blue, .colorCode4 .label_color
{
    background-image:url(../graphics/front/labels/blue.jpg);
}
.label_green, .colorCode5 .label_color
{
    background-image:url(../graphics/front/labels/green.jpg);
}
.label_orange, .colorCode6 .label_color
{
    background-image:url(../graphics/front/labels/orange.jpg);
}

/* >>>   I N D I V I D U A L   L O C A T I O N    S T Y L E  */
.location_purple a,.location, .colorCode1 .location
{
    color:#7d0751;
}
.location_petrolium a, .colorCode2 .location
{
    color:#2D777A;
}
.location_grass a, .colorCode3 .location
{
    color:#536D00;
}
.location_blue a, .colorCode4 .location
{
    color:#425B84;
}
.location_green a, .colorCode5 .location
{
    color:#00793d;
}
.location_orange a, .colorCode6 .location
{
    color:#c07204;
}

/* >>>   P O L L    S T Y L E  */
.hiddentext label
{
    display:none;
}
.scPollOptionItemResult
{
     
}
.scPollOptionItemResult .scPollOptionItemName
{
    width:208px;
    font-size:98%;
    display:block;
}
.scPollVisualisation 
{
    
	/*width: 110px;*/
	width:208px;
}

.scPollPipe
{
	background-image: url(/~/media/Poll/PollPipePart.ashx);
	background-repeat: repeat-x;
	background-position:left top;
	width: 105px;
	width:208px;
	height:6px;
	vertical-align:top;
}

.scPollPipe img
{
	display:inline;
	height: 4px;
	margin-top:1px;
	vertical-align:top;
	float:left;
}

.scPollMain
{
	text-align:left;
	padding: 1em;
}
.pollOptionImage
{
    display:inline;
    width:20px;
    height:20px;
}
.boxButton
{
    float:right;
    margin-right:10px;
}
/* >>>   C O M M O N   E L E M E N T S   S T Y L E  */
.navArrow
{
    float:right;
}
.linkCollector
{
    padding:1px 0px;
    background-color:Transparent;
    border-bottom:dashed 1px #788923;
    width:200px;
}
.linkIcon
{
    margin-right:5px;
}
.linkCollector a
{
    vertical-align:top;
}
.underline a
{
    text-decoration: underline;
}

.underline a:hover
{
    text-decoration: none;
}

/* EMPLOYEE BOX */
.employeeLeft
{
    float:left;
    width: 70px;
    margin-right: 15px;
}

.employeeRight
{
    
}
.employeeDescription
{ 
    clear: both;    
    padding-top: 5px;
}
.employeeDescription .description
{
    padding-bottom: 5px;
    font-weight: bold;    
}
.employeeDescription .description p
{
    margin: 0px;
    padding: 0px;
}
.employeeDescription .email
{
    padding: 0px;
}

.cb
{
    clear:both;
}

/* J O B B O X */
.jobBox 
{    
    
}
.jobBox .jobBoxHeader 
{
    font-size: 14px;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    padding-left: 17px;
    background-image: url(/graphics/jobBox/jobBox_top.gif);    
    text-transform: uppercase; 
}
.jobBox .jobBoxContent 
{
    background-color: #FFF;
    background-image: url(/graphics/jobBox/jobBox_content.gif);
    background-repeat: no-repeat;
    border-left: 1px solid #979797;
    border-right: 1px solid #979797;   
    float: left;
    padding: 0 13px 15px 13px;
    width: 194px;
    margin-left: 3px;
}
.jobBox .jobBoxContentHeader 
{
    font-size: 18px;
    color: #EC852F;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 10px;
    line-height: 33px;
    border-bottom: 1px dashed #000;
}
.jobBox .jobBoxItem 
{
    padding: 10px 0 5px 0;
    border-bottom: 1px dashed #000;
    float: left;
    width: 200px;    
}
.jobBox .jobBoxItem  .jobBoxItemDate 
{ 
    font-weight: bold;
    color: #4F4F4F;
    float: left;
    width: 200px;
    padding-bottom: 4px;
    
}
.jobBox .jobBoxItem  .jobBoxItemTitle 
{
    color: #4F4F4F;
    font-size: 11px;
    width: 125px;
    float: left;
}
.jobBox .jobBoxItem  .jobBoxItemLink 
{
    width: 75px;
    float: right;
    text-align: right;
}
.jobBox .jobBoxItem  .jobBoxItemLink a
{
    background-image: url(/graphics/jobBox/arrow_green.gif);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
    color: #6B8E39;
}
.jobBox .jobBoxItem:hover  .jobBoxItemDate, .jobBox .jobBoxItem:hover  .jobBoxItemTitle { color: #6B8E39; }
.jobBox .jobBoxFooter 
{
    height: 32px;
    line-height: 32px;
    background-image: url(/graphics/jobBox/jobBox_footer.gif);
    float: left;
    width: 228px;
    text-align: center;
}
.jobBox .jobBoxFooter a
{
    background-image: url(/graphics/jobBox/arrow_white.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 22px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}