@import url('/files/system/V2/CSS/forms.css');
@import url('/files/system/V2/CSS/ecom.css');
@import url('/files/system/V2/CSS/jquery.rating.css');
@import url('/files/system/V2/CSS/PM.css');
@import url('/files/system/V2/CSS/RecipeCreate.css');
@import url('/files/system/V2/CSS/KennyToInclude.css');
@import url('/files/system/V2/CSS/VideoPlayer.css');

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    color: #353434;
    line-height: 18px;
}

body {
    background-color: #e7e8e9;
    background-image: url(/Files/System/V2/gfx/PageBackground.jpg);
    background-repeat: repeat-x;
}

img{
  /*background:url('/Files/System/V2/gfx/ajax-loader.gif') no-repeat 50% 50%;*/
}

/*HELPERS*/
.Clear {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.floatleft {
    display: block;
    float: left;
    clear:left;
}
.floatright {
    display: block;
    float: right;
    clear:right;
}
.valign {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.valign a {
    color: #000;
}



.valign img {
    vertical-align: top;
}
.r {
    text-align: right;
    padding-right: 10px;
}

table td {
    padding-right: 8px;
}

.GradientBG {
    background: Transparent url(/Files/System/V2/gfx/grayboxContentBG.png) repeat-x;
}



ul.GradientBG li{
width:100%;
}

/*testing
tr.GradientBG td {
    background-image: none;
    background-color: transparent;
}
testing*/
.GradientBG a {
    color: #e11613;
}
tr.low td, .GradientBGLow, .GradientBGLow td {
    background: url(/files/system/v2/gfx/tdBGsmall.png) repeat-x;
    padding: 1px 0px;
}

/* Active + hover selector for all lists */
.GradientBGLow:hover, #LeftMenu .Active, .GradientBGhover, .GradientBG li:hover {
    background: #F2F2F1 none !important;
}

.noHover td{
    background: Transparent url(/Files/System/V2/gfx/grayboxContentBG.png) repeat-x !important;
}

.noHover li:hover{
background:Transparent none !important
}

.lightgraybox, .lightgraybox td {
    background: #f2f2f1 none !important;
    height: 31px;
    margin-bottom: 4px;
    vertical-align: middle;
}

.lightgraybox .button {
    margin-top: 5px;
}

.darkgraybox, .darkgraybox td {
    background: #efeff0 none !important;
    height: 31px;
    vertical-align: middle;
}

/*HELPERS*/

h1 {
    font-size: 30px;
    color: #de1413;
    font-weight: normal;
    line-height: 36px;
    /*margin: 15px 0px;*/
    margin: 0px;
}
h2 {
    font-size: 14px;
}
h3 {
    font-size: 14px;
}

.h3{font-size: 14px !important;
  line-height:14px;
  margin:0px;
  }

h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.9em;
}
h6 {
    font-size: 0.8em;
}

a {
    color: #e11613;
    text-decoration: none;
}



#ConPageTop {
    width: 977px;
    height: 151px;
    margin: auto;
    background-image: url(/Files/System/V2/gfx/PageTop2.jpg);
    background-repeat: repeat-x;
    position: relative;
    z-index: 100;
}

#PageTopMembers {
    font-size: 15px;
    color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 20px;
    
}
#PageTopMembers span {
    color: #cc0509;
    font-weight:bold;
}

#PageTopSearch {
    position: absolute;
    right: 20px;
    top: 70px;
}

#PageTopSearch input {
    float: left;
}

#ProfileBar {
    width: 965px;
    margin: auto;
    height: 28px;
    background-color: #fff;
    padding: 1px 6px;
    z-index: 100;
}

#ProfileBar img {
    float: right;
    margin-right: 10px;
}

#ConPage {
    width: 965px;
    margin: auto;
    border: 0px solid green;
    min-height: 500px;
    background-color: #fff;
    padding: 1px 6px;
    position: static;
}

#PageFooter {
    width: 965px;
    margin: auto;
    border: 0px solid green;
    background-color: #fff;
    padding: 0px 6px;
    position: static;
}
#PageFooter div {
    background-image: url(/Files/System/V2/gfx/FooterBg.jpg);
    background-repeat: repeat-x;
    min-height: 26px;
    padding: 12px 5px 0 0px;
    margin-bottom:8px;
}
#PageFooter div span {
    float: right;
    background: transparent;
}
#PageFooter ul {
}
#PageFooter ul li {
    margin-left: 5px;
    float: left;
}
#PageFooter ul li a {
    color: #353434;
    margin-right: 5px;
}


#PageTopLogoLink {
    display: block;
    width: 100px;
    height: 130px;
    position: absolute;
    top: 13px;
    left: 40px;
}

/*MainMenu*/
#PageTopMenu {
    height: 42px;
    width: 100px;
    position: absolute;
    top: 108px;
    left: 143px;
    width: 820px;
    z-index: 20000;
}
#PageTopMenu ul {
}
#PageTopMenu li {
    float: left;
    position: relative;
}
#PageTopMenu li a {
    display: block;
    height: 12px;
    padding: 15px 8px 15px 8px;
    text-decoration: none;
    color: #46525c;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

#PageTopMenu li:hover div.SubMenu {
    display: block;
}

#PageTopMenu li a:hover {
    background-color: #db352c;
    background-image: url(/Files/System/V2/gfx/TopMenuHoverBg.jpg);
    background-repeat: repeat-x;
    color: #FFF;
}

#PageTopMenu li a.inpath {
    background-color: #db352c;
    background-image: url(/Files/System/V2/gfx/TopMenuHoverBg.jpg);
    background-repeat: repeat-x;
    color: #FFF;
}


#PageTopMenu li div.SubMenu {
    position: absolute;
    z-index: 1000;
    top: 41px;
    left: 0;
    width: 400px;
    background-color: #f2f2f1;
    border: 1px solid #d6d4d4;
    padding: 10px 0;
    display: none;
    line-height: 14px;
}

#PageTopMenu div li {
    width: 200px;
    border: 0px solid red;
    margin-top: 0px;
}

#PageTopMenu li ul {
    border: 0px solid green;
}

#PageTopMenu li ul ul {
    border: 0px solid blue;
    margin-top: 0px;
    float: left;
}

#PageTopMenu div.SubMenu ul li {
    margin-top: 10px;
}
#PageTopMenu div.SubMenu ul li li {
    margin-top: 0px;
    float: none;
}

#PageTopMenu div.SubMenu li a {
    display: block;
    height: 0.9em;
    padding: 2px 2px 5px 19px !important;
    text-decoration: none;
    color: #46525c;
    font-weight: bold;
    text-transform: none;
}
#PageTopMenu div.SubMenu li span {
    display: block;
    height: 0.9em;
    padding: 2px 2px 5px 19px !important;
    text-decoration: none;
    color: #46525c;
    font-weight: bold;
}
#PageTopMenu div.SubMenu li li a {
    display: block;
    height: 0.9em;
    padding: 2px 2px 5px 28px !important;
    text-decoration: none;
    color: #46525c;
    font-weight: normal;
}
#PageTopMenu div.SubMenu li li a.inpath {
    color: #fff;
}
#PageTopMenu div.SubMenu li li a:hover {
    color: #fff;
}

#PageTopMenu div.SubMenu li li li a {
    display: block;
    height: 0.9em;
    padding: 2px 2px 5px 37px !important;
    text-decoration: none;
    color: #46525c;
    font-weight: normal;
}
#PageTopMenu div.SubMenu li li li a.inpath {
    color: #fff;
}
#PageTopMenu div.SubMenu li li li a:hover {
    color: #fff;
}

/*MainMenu*/


/*Left menu*/
#LeftMenu {
}
#LeftMenu .Active {
    border-bottom: 3px solid #FFF;
}
#LeftMenu .SubMenu {
}
#LeftMenu li {
    display: block;
    min-height: 32px;
}
#LeftMenu li a {
    padding: 10px 15px 5px 10px;
}





#LeftMenu a {
    display: block;
    color: #000;
}

#LeftMenu .GrayBoxHeader {
    margin-bottom: 0;
}

/*Left menu*/

/*gray borders*/
.gBorderLeft {
    background-image: url(/Files/System/V2/gfx/GrayBorderLeft.gif);
    background-repeat: repeat-y;
}
.gBorderRight {
    background-image: url(/Files/System/V2/gfx/GrayBorderRight.gif);
    background-repeat: repeat-y;
    background-position: right;
    height: 100%;
}
.gBorderLeftTop {
    background-image: url(/Files/System/V2/gfx/GrayBorderTopLeft.gif);
    background-repeat: repeat-x;
    text-align: right;
    height: 9px;
    text-align: right;
}
.gBorderLeftBottom {
    background-image: url(/Files/System/V2/gfx/GrayBorderBottomLeft.gif);
    background-repeat: repeat-x;
    text-align: right;
    height: 9px;
    text-align: right;
}
.gBorderLeftTop img {
    vertical-align: top;
}
.gBorderLeftBottom img {
    vertical-align: top;
}


.gContent {
    margin: 0px 9px;
}

.gContent > p {
    padding: 12px 8px;
}


.GrayBoxHeader {
    background-image: url(/Files/System/V2/gfx/GrayBoxHeaderBg.gif);
    background-repeat: repeat-x;
    background-color: #bfc8cd;
    min-height: 22px;
    color: #45515b;
    font-size: 14px;
    padding: 5px 4px 0 10px;
    line-height: inherit;
    margin-bottom: 4px;
    font-weight:normal;
}

/*gray borders*/

/*buttons*/
/*button*/
.button {
    /* Sliding right image */
    background: transparent url('/files/system/v2/gfx/btn-right.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin: 2px 6px 0px 0px;
    padding-right: 8px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */
    text-decoration: none;
    color: #FFF !important;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 11px;
    /*font-weight: bold;*/
    float: right;
}

.button span {
    background: transparent url('/files/system/v2/gfx/btn-left.png') no-repeat top left;
    display: block;
    line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 2px 0 2px 8px;
    cursor: pointer;
}

.button span img {
    display: inline-block;
    vertical-align: middle;
    padding: 0px 4px 0px 0px;
}
.button:hover span, a.button.cta:hover span {
    background-position: 0% -28px;
}

.button:hover, a.button.cta:hover {
    background-position: 100% -28px;
}


/*************
.button span input benyttes KUN på forum opret indlæg formularerne. Det kan senere undersøges om ikke de kan ensrettes 100% med resten af designet.
indtil videre benyttes .button span.input input på alle andre knapper der benytter en input type=Submit til at submitte frem for et a tag. 
I de tilfælde skal span tagget have klassen input på.
***************/
.button span input{
border: 0px none !important; 
background-color: Transparent !important; 
color: #FFF !important;
margin-top:-3px;
font-size:10px;
}

.button span.input input{
margin-top:-1px;}
/*button*/
/*minibutton*/
a.minibutton {
    background: transparent url('/files/system/v2/gfx/minibtn-bg.png') no-repeat scroll top right;
    text-align: center;
    margin: 2px 5px;
    width: 21px;
    height: 20px;
    display: block;
    float: left;
    clear: none;
    line-height: 20px;
    font-weight: bold;
    color: #000;
}
a.minibutton:hover {
    background: transparent url('/files/system/v2/gfx/minibtn-bg.png') no-repeat scroll 0 -20px;
}
a.minibutton.inactive, .Disabled {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}
/*minibutton*/

/*widebutton*/
.widebutton {
    padding-right: 0px;
    width: 100%;
    margin: 5px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
    float: none;
}
.widebutton span {
    margin-right: 8px;
    text-align: center;
}
/*widebutton*/
/*buttons*/

/*Set ups*/

/* 2 Col */
#SetUpCol2_1 {
    width: 244px;
    float: left;
    margin-right: 8px;
}
#SetUpCol2_2 {
    width: 712px;
    float: left;
}

/* 2 Col */

/* 3 Col */
#SetUpCol3_1 {
    width: 244px;
    float: left;
    margin-right: 27px;
}
#SetUpCol3_2 {
    width: 424px;
    float: left;
    margin-right: 26px;
}
#SetUpCol3_2 img {
    max-width: 414px;
}
#SetUpCol3_3 {
    width: 244px;
    float: left;
}
/* 3 Col */

/* Frontpage */
#SetUpFront_1 {
    height: 252px;
    background-image: url(/Files/System/V2/gfx/FrontTopGradient.jpg);
    background-repeat: repeat-x;
    padding: 10px 0px 9px 10px;
}


#SetUpFront_2 {
    width: 244px;
    float: left;
    margin-right: 8px;
}


#SetUpFront_2 img.paragraphimage {
    max-width: 234px;
}

#SetUpFront_3 {
    width: 461px;
    float: left;
    margin-right: 8px;
}
#SetUpFront_4 {
    width: 244px;
    float: left;
    position:relative;
    z-index:2;
}
#SetUpFront_5 {
}

/* Frontpage */

/*Theme landing page*/
#SetUpTheme_1 {
    width: 244px;
    float: left;
    margin-right: 7px;
    border: 0px solid green;
}
#SetUpTheme_2 {
    width: 712px;
    float: left;
}
#SetUpTheme_3 {
    width: 462px;
    float: left;
}
#SetUpTheme_4 {
    width: 244px;
    float: right;
}
/*Theme landing page*/


/*Set ups*/

/**/
.paraBox {
    margin: 5px;
}

.paraImageTop {
}
.paraImageLeft {
}
.paraImageRight {
}
.paraImageBottom {
}


.paraBox .ImageTop {
    margin-bottom: 8px;
}
.paraBox .ImageLeft {
    margin-right: 19px;
    margin-bottom: 19px;
    float: left;
    max-width: 198px;
    overflow: hidden;
}
.paraBox .ImageRight {
    margin-left: 19px;
    margin-bottom: 19px;
    float: right;
    max-width: 198px;
    overflow: hidden;
}
.paraBox .ImageBottom {
    margin-top: 8px;
}
.PararaphText {
}
.PararaphModule {
}

.paraBox h1 {
    color: #de1413;
    line-height: normal;
}

/**/

/*News*/
/*List*/
.NewsList {
}

.NewsList img {
    max-width: 226px;
}

.NewsFeed {
    text-align: right;
    padding-top: 5px;
}

.NewsList h3 {
    color: #353434;

}
.NewsList li {
    border-bottom: 1px dotted #aaaaaa;
    max-width: 226px;
    padding: 2px 10px 20px 10px;
}

.NewsList .NewsDate {
    margin-top: 15px;
    font-style: italic;
    margin-bottom: 8px;
}
.NewsList .NewsText {
    line-height: 1.6em;
    margin-bottom: 8px;
}
.NewsList .NewsLink {
}
/*List*/

/*Element*/
#NewsElement {
}

#NewsElement .ImageTop {
    margin-bottom: 8px;
}
#NewsElement .ImageTop img {
    max-width: 414px;
}

#NewsElement h1 {

    color: #de1413;
    line-height: normal;
}
#NewsElement .Teaser {
    font-size: 1.2em;
    line-height: normal;
    margin-top: 8px;
    font-weight: bold;
}
#NewsElement .Byline {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin: 23px 0;
    padding: 2px 0;
    height:18px;
}

#NewsElement .ImageText {
}
#NewsElement .ImageText img {
    max-width: 414px;
}

#NewsElement .NewsText {
    margin-bottom: 8px;
}
#NewsElement .RelatedNews ul li {
    float: left;
}
#NewsElement .RelatedNews ul {
    margin: 8px 8px;
    padding-left: 8px;
}
#NewsElement .RelatedNews ul li {
    list-style-image: url(/Files/System/V2/gfx/BulletGrillRed.gif);
    margin-right: 15px;
    margin-bottom: 8px;
}
#NewsElement .RelatedNews ul li a {
    display: block;
    margin-right: 10px;
}

#NewsElement .ImageBottom {
    margin-top: 8px;
    margin-bottom: 8px;
}
#NewsElement .ImageBottom img {
    max-width: 414px;
}

#NewsElement .ImageLeft {
    margin-right: 19px;
    margin-bottom: 19px;
    float: left;
    max-width: 198px;
    overflow: hidden;
}
#NewsElement .ImageLeft img {
    max-width: 198px;
}

#NewsElement .ImageRight {
    margin-left: 19px;
    margin-bottom: 19px;
    float: right;
    max-width: 198px;
    overflow: hidden;
}
#NewsElement .ImageRight img {
    max-width: 198px;
}

#NewsElement .NewsText ul {
    margin: 25px 10px;
    padding-left: 8px;
}
#NewsElement .NewsText ul li {
    list-style-image: url(/Files/System/V2/gfx/BulletGrillRed.gif);
    margin-bottom: 8px;
}

/*Element*/
/*News*/

/*Forum*/
#forum {
    width: 100%;
}
#forum td, #forum th, .GradientBG td, .GradientBG th {
    border-bottom: 1px solid #FFF;
    vertical-align: middle;
    background: url(/files/system/v2/gfx/grayboxContentBG.png) repeat-x;
}
#forum td a {
    color: #000;
}
.forumCatImg {
    vertical-align: top;
    height: 60px;
    width: 60px;
}

.CommentAnswerArrow {
    padding-left: 10px;
    margin-top: 3px;
    float: left;
    background: transparent url(/Files/System/V2/gfx/DownArrow.gif) no-repeat 40% left !important;
      background-repeat: no-repeat;
  background-position: 40% left;
  background-image: url(/Files/System/V2/gfx/DownArrow.gif);
}
/*21-10-2010*/
#createPostForm{
}
#createPostForm input[type="text"]{
    font-size: 10px;
    border: 1px solid #d2d2d2 !important;
    background: #FFF;
    color: #666666 !important;
    padding:2px 0px;
    width:550px;
}
#createPostForm td{
padding:5px;
}

#createPostForm .quotation
{
  background:#f2f2f2;
  font-style:italic;
  font-size:9px;
}

.forumPosts .quotation
{
  background:#f2f2f2;
  font-style:italic;
  font-size:9px;
}
.forumPosts .comment ol, .forumPosts .comment ul
{
  margin-left:10px;
    
}
.forumPosts .comment ol
{
  list-style: decimal inside;
}

 .forumPosts .comment ul 
{
  list-style: disc inside;
}
/*21-10-2010*/
/*Forum End*/
/* BLOG */
.articleHead {
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 3px 0px;
    float: left;
    clear: both;
    width: 100%;
    line-height:14px;
}

.comment {
    padding: 5px 15px 15px 15px;
    clear: both;
}
/*BLOG */

/* IMAGE ELEMENTS */



td.avatarHolder {
    width: 60px;
}

.Avatar {
    max-width: 60px !important;
    vertical-align: top;
}
.avatarHolderSmall .Avatar {
    max-width: 30px !important;
    padding-right: 6px;
}
div.avatarHolderSmall {
    float: left;
}
/* MEMBER ELEMENTS */

/*PAGING*/
#pager {
    margin: auto;
}
#pager li {
    padding: 6px 3px;
    display: block;
    float: left;
}
#pager a.pageCurrenttrue {
    text-decoration: underline;
    font-weight: normal;
}

#pager a.pageCurrentfalse {
    font-weight: bold;
}
/*PAGING*/

/*LEFTMENU*/
.leftMenu1 #LeftMenu li {
    background-color: #BFC8CD;
    background-image: url("/Files/System/V2/gfx/GrayBoxHeaderBg.gif") !important;
    background-repeat: repeat-x;
    color: #45515B;
    /*font-size: 1.2em;
    line-height: 1.2em;*/
    margin-bottom: 4px;
    min-height: 25px;
    padding: 8px 4px 0 8px;
    
}
.leftMenu1 #LeftMenu li a {
    padding: 0;
    color: #45515B;
}
.leftMenu1 #LeftMenu li .GradientBGhover, .leftMenu1 #LeftMenu li a:hover {
    padding: 0;
    background: Transparent none !important;
    border: 0;
}



.leftMenu1 .SubMenu {
    display: none;
}
/*LEFTMENU*/

.showAll {
    padding: 10px 10px 20px;
}


.OrangeHeader{
    background: #fd843d url(/Files/System/V2/gfx/GradientBg_OrangeHeader.jpg);
    min-height:44px;
    padding:10px 0 0 10px;
    margin-bottom:4px;
}

.OrangeHeader h2{
    font-size:22px;
    color: #fff;
    text-transform:uppercase;
}
.OrangeHeader h3{
    font-size:14px;
    color: #fff;
}


/************ Profile **********************/
div.ProfileLeftCol {
    width: 226px;
    max-width: 226px;
    float: left;
    margin-right: 4px;
    overflow: hidden;
}


div.ProfileRightCol {
    width: 463px;
    max-width: 463px;
    float: left;
    overflow: hidden;
}

div.ProfileWideContent {
    padding: 0 8px 4px 8px;
    width: auto;
    height: auto;
}

.ProfileRightCol .ProfileContentShortList {
    padding: 10px 0;
}
.ProfileRightCol .ProfileContentShortList li {
    display: block;
    width: auto;
    height: auto;
}

.ProfileNarrowContent {
    padding: 4px 8px;
}

.ProfileNarrowContent .floatleft {
    padding-bottom: 3px;
}
.ProfileNarrowContent .floatright {
    padding-bottom: 3px;
}


.profileLists td, .profileLists th {
    padding: 5px;
}
.profileLists td a {
    color: #353434;
    font-weight: bold;
}

/************ Profile **********************/


/************ LeftMenuUser **********/
#LeftMenuUser{

}

#LeftMenuUser li{
    background: url(/files/system/v2/gfx/tdBGsmall.png) repeat-x;
    height:28px;
    margin-bottom:4px;
}
#LeftMenuUser li a{
    display:block;
    height:18px;
    padding:5px 10px;
    color:#353434;
}
#LeftMenuUser li a:hover{
    background: #F2F2F1 none !important;
}
#LeftMenuUser li.Active{
    background: #F2F2F1 none !important;
}
/************ LeftMenuUser **********/


/************ FAQ ******************/

.answer{
display:none;}
/************ FAQ ******************/

/***************SOCIAL MEDIA LINKS************/
.sociallink{
height:16px;
width:16px;
background-image:url(/Files/System/V2/gfx/socialmedia.png);}

.sociallink.facebook{
background-position: -2 0;}

/***************SOCIAL MEDIA LINKS************/



/*Stat*/
#StatContainer{
    position:absolute;
    width:192px;
    z-index:0;
}
#StatContainer #StatList{
    border:3px solid #fff;
    width:164px;
    min-height:150px;
    float:left;
    background-image:url(/Files/System/V2/gfx/StatBackground.png);
    filter:alpha(opacity=0);
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0;
}
#StatContainer #StatButton{
    float:right;
    width:22px;
    padding-top:4px;
}

#StatList .listItem{ border:1px solid #fff;padding:1px 3px; height:auto;clear:both;}
#StatList .listLabel{float:left;}
#StatList .listValue{float:right;text-align:right;}
#StatList table{width:100%;}
#StatList td{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding:3px;
}
#StatList td.label{
    font-weight:bold;
}
#StatList td.value{
    text-align:right;
}


/*Stat*/
/*Video pager*/
a.minibutton.CurrentSelectedPage{
    background: transparent url(/files/system/v2/gfx/minibtn-bg.png) no-repeat scroll 0 -20px ;
    font-size:small;
}
/*Video pager*/