body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px;
    background-color: Black;
    font-size: 11px;
    color: #FFFFFF;
}
/*********************************************************
All text are put in lables except page- and columntitles 
**********************************************************/
h5
{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
h6
{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    font-weight: bold;
}

/*Related content / descriptiontexten*/
.breadtext
{
    line-height: 14px;
}
.descriptionlabel
{
    color: #FFFFFF;
    font-size: 9px;
    line-height: 13px;
}
a:link
{
    color: #ffd460;
    text-decoration: none;
}
a:visited
{
    color: #FFD460;
    text-decoration: none;
}
a:hover
{
    color: #FFFFFF;
    text-decoration: underline;
}
a:active
{
    color: #FFFFFF;
    text-decoration: underline;
}


.inputTotalCost
{
    border-width: 0px;
    padding: 10px;
    font-size: 1.5em;
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    background-image: url('images/frame_bg.gif');
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
}
/************************************************************************
* 
* Comments and guestbook formating
*
************************************************************************/
.deleteandremovelink
{
    color: #ffd460;
    font-size: 9px;
    text-decoration: underline;
}
.commentdate
{
    color: #7c776c;
    font-size: 9px;
}



/* Use headers in the markup for accessibility reasons but control look with styles below*/


/************************************************************************
* 
* Main navigation used by the masterpage
*
************************************************************************/

/* Picture at the top of the site */

#siteheader
{
    background: #000000 url(images/siteheader.gif) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 968px;
    height: 146px;
}
#timelinearea
{
    width: 968px;
    margin-right: auto;
    margin-left: auto;
}

#signinarea
{
    background: #000000 url(images/user_bg.jpg);
    margin-right: auto;
    margin-left: auto;
    width: 968px;
}
#menuarea
{
    background: #000000 url(images/menu_area.gif) no-repeat;
    margin-right: auto;
    margin-left: auto;
    width: 968px;
    height: 29px;
}
/* Make main navigation bars from a unordered list for easy update and better accessibility */

#menuarea ul
{
    padding-top: 7px;
    margin: 0px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    list-style-type: none;
    text-align: justify;
}
#menuarea ul li
{
    display: inline;
    margin-right: 10px;
}
#sitefooter
{
    background: url(images/footer.png) no-repeat;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    width: 967px;
    height: 79px;
}
/************************************************************************
* 
* Formatting common to most pages
*
************************************************************************/

/* Main part of the page that holds contents */

#body
{
    background: #000000 url(images/user_bg.gif) repeat-y center top;
    width: 968px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#generalbody
{
    background: #000000 url(images/main_bg.gif) repeat-y center top;
    width: 968px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
/* 2 column layout */
#columnleft
{
    float: left;
    width: 230px; /*position: relative; */
}

#columnright
{
    margin-left: 230px;
    width: 734px;
}
#innercolumnleft
{
    float: left;
    width: 462px;
}
#innercolumnright
{
    width: 268px;
    margin-left: 462px;
}
.columnright
{
    margin-left: 230px;
    width: 734px;
}
.innercolumnleft
{
    float: left;
    width: 462px;
}
.innercolumnright
{
    width: 268px;
    margin-left: 462px;
}
.lefttitlespace
{
    height: 48px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.subtitlespace
{
    height: 43px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.pagetitlespace
{
    height: 35px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.maintitlespace
{
    height: 39px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.messengerspace
{
    height: 20px;
    width: 30px;
    margin-left: auto;
    margin-right: auto;
}
.leftblock
{
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    background: url(images/shading_top_wide_with_line.png) repeat-x;
    background-position: top;
    vertical-align: top;
    width: 200px;
    max-width: 200px;
}
.rightblock
{
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    background: url(images/shading_bottom_wide_with_line.png) repeat-x;
    background-position: bottom;
    vertical-align: top;
    width: 707px;
    max-width: 704px;
}
.rightblocktransperent
{
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    vertical-align: top;
    width: 707px;
    max-width: 704px;
}
.innerblockleft
{
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    background: url(images/shading_bottom_wide_with_line.png) repeat-x;
    background-position: bottom;
    vertical-align: top;
    width: 432px;
    max-width: 432px;
}
.innerblockright
{
    padding-bottom: 7px;
    padding-top: 7px;
    background: url(images/shading_bottom_wide_with_line.png) repeat-x;
    background-position: bottom;
    vertical-align: top;
    width: 257px;
    max-width: 257px;
}
.messengerblock
{
    padding-bottom: 7px;
    padding-top: 7px;
    vertical-align: top;
    width: 257px;
    max-width: 257px;
}
.rightpagetitle
{
    background: url(images/spacerline.gif) repeat-x;
    background-position: bottom;
    padding-bottom: 7px;
    margin-left: 15px;
    height: 30px;
    vertical-align: top;
    width: 707px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.innerpagetitleleft
{
    background: url(images/spacerline.gif) no-repeat;
    background-position: bottom;
    padding-bottom: 7px;
    margin-left: 15px;
    height: 30px;
    vertical-align: top;
    width: 432px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.innerpagetitleleftAlter
{
    background: url(images/spacerline.gif) no-repeat;
    background-position: bottom;
    padding-bottom: 7px;
    margin-left: 15px;
    vertical-align: top;
    width: 432px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.contenttitle
{
    margin-left: 15px;
    margin-top: 35px;
    padding-bottom: 2px;
    height: 25px;
    vertical-align: top;
    width: 432px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.leftsubtitle
{
    background: url(images/spaceline.gif);
    margin-left: 15px;
    height: 22px;
    vertical-align: top;
    width: 200px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.rightsubtitle
{
    background: url(images/spacerline.gif) repeat-x;
    background-position: bottom;
    padding-bottom: 7px;
    margin-left: 15px;
    height: 22px;
    vertical-align: top;
    width: 707px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.innersubtitleleft
{
    background: url(images/spacerline.gif) no-repeat;
    background-position: bottom;
    padding-bottom: 7px;
    margin-left: 15px;
    height: 18px;
    vertical-align: top;
    width: 432px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.contentsubtitle
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 432px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.innersubtitleright
{
    background: url(images/spacerline.gif) no-repeat;
    background-position: bottom;
    padding-bottom: 7px;
    height: 22px;
    vertical-align: top;
    width: 257px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.subTitlePM
{
    background: url(images/spacerline.gif) no-repeat;
    background-position: bottom;
    padding-bottom: 15px;
    vertical-align: top;
    width: 257px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
.clear2column
{
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0px;
    height: 0px;
    clear: both;
}
.divAlignRight
{
    float:right;   
}
.divAlignLeft
{
    float:left;   
}
.resetDivAlignRight
{
    clear:right;
}
.resetDivAlignLeft
{
    clear:left;
}
.padTop-5
{
    padding-top:5px;
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position: absolute;
    right: 0;
    padding-right: 15px;
}
/************************************************************************
* 
* Global formatting
*
************************************************************************/
/* apply zero margin to all forms and hide fieldset borders. Keep fieldset borders in the markup for better accessibility */

form
{
    margin: 0px;
}

fieldset
{
    margin: 0px;
    padding: 0px;
    border: none;
}
/************************************************************************
* 
* Image functionality
*
************************************************************************/



/************************************************************************
* 
* Member specific pages
*
************************************************************************/

.profilephoto
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 120px;
    padding: 2px;
}
.profileleftcontainer
{
    width: 124px;
    float: left;
}
.profiledata
{
    width: 120px;
    padding: 2px;
}
.profiledescription
{
    vertical-align: top;
    margin-left: 134px;
    width: 290px;
}
.FriendContainer
{
    padding-bottom:5px;
}
.FriendsListName
{
    font-size: 10px;
    font-weight: bold;
    line-height:15px;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.FriendListDetails
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 9px;
}
.FriendsListLink
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 9px;
}
.ActivitylogText
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 9px;
    line-height: 15px;
}

a.FriendsListName:link
{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
a.FriendsListName:hover
{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
a.FriendsListName:active
{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}
a.FriendsListName:visited
{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

a.SecondaryLink:link
{
    text-decoration: none;
    color: #ffd460;
}
a.SecondaryLink:hover
{
    text-decoration: underline;
    color: #ffffff;
}
a.SecondaryLink:active
{
    text-decoration: underline;
    color: #FFFFFF;
}
a.SecondaryLink:visited
{
    text-decoration: none;
    color: #ffd460;
}

/************************************************************************
* 
* List type pages
*
************************************************************************/

/* represents each item in a vertical list */
.listitemcomments
{
    margin: 0px 0px 0px 0px;
    width: 432px;
}

/* surrounds the buttons for list items */
.editbuttons
{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 48px;
    height:48px;
    padding: 2px;
    float: left;
}
.thumbnail_newsfeed
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 48px;
    height:48px;
    padding: 2px;
}
.thumbnailblackframe
{
    padding: 0px;
    margin: 0px;
    background-color: Black;
    width: 48px;
    height: 48px;
    margin-left: auto;
    margin-right: auto;
}
.albumthumbnail
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 46px;
    padding: 2px;
    float: left;
}
.albumthumbnail-ovr
{
    background: url(images/yellow_frame_bg.gif) no-repeat;
    width: 46px;
    padding: 2px;
    float: left;
}
.albumblackframe
{
    padding: 0px;
    margin: 0px;
    background-color: Black;
    width: 46px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
}
.albumemptyframe
{
    padding: 2px;
    width: 46px;
    height: 35px;
}
.contentthumbnail
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 90px;
    padding: 2px;
}
.contentblackframe
{
    padding: 0px;
    margin: 0px;
    background-color: Black;
    width: 90px;
    height: 67px;
    margin-left: auto;
    margin-right: auto;
}
.contenttitlephotoalbum
{
    margin-left: 15px;
    margin-top: 35px;
    padding-bottom: 2px;
    height: 25px;
    vertical-align: top;
    width: 350px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.photoindex
{
    margin-top: 35px;
    padding-bottom: 2px;
    height: 25px;
    vertical-align: top;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.maincontent
{
    background: url(images/frame_bg.gif);
    width: 428px;
    padding: 2px;
}
.maincontentblackframe
{
    padding: 0px;
    margin: 0px;
    background-color: Black;
    width: 428px;
    height: 320px;
    margin-left: auto;
    margin-right: auto;
}
/************************************************************************
* 
* Article
*
************************************************************************/
.articleimage
{
    background: url(images/frame_bg.gif);
    width: 200px;
    padding: 2px;
}
.articleblackframe
{
    padding: 0px;
    margin: 0px;
    background-color: Black;
    width: 200px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}

.articletitle
{
    margin-left: 15px;
    margin-top: 35px;
    padding-bottom: 2px;
    vertical-align: top;
    width: 432px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: bold;
    line-height: 28px;
    text-transform: uppercase;
}
.articleingress
{
    line-height: 18px;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 20px;
}
.articletext
{
}
.articleimageinfo
{
    float: left;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 20px;
}

.nosearchresult
{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.messdirection
{
    width: 48px;
    padding: 2px;
}
.comments
{
    margin-left: 59px;
    float: left;
}

.commentbuttons
{
    float: right;
}
.contentdescription
{
    padding: 10px;
}


/*used to clear the float for the thumbnail */
.clearlist
{
    clear: left;
    margin: 0;
    padding: 0;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
.clearlistright
{
    clear: left;
    margin: 0;
    padding: 0;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
.leftfloat
{
    float: left;
    margin: 0;
    padding: 0;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
}
/* Used by the page number control */
.PageNumbers
{
    display: inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}
/************************************************************************
* 
* Admin
*
************************************************************************/
.adminblock
{
    background-color: White;
    color: Black;
    margin-left: 15px;
    padding-bottom: 7px;
    padding-top: 7px;
    vertical-align: top;
    width: 432px;
    max-width: 432px;
}
/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    background: url(images/button_normal.gif) repeat-x;
    border: none;
    color: White;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.buttonsmall-ovr
{
    background: url(images/button_over.gif) repeat-x;
}
/************************************************************************
* 
* Page specific 
*
************************************************************************/

/* even dowload button */
.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails
{
    font-size: 1.3em;
}
.signupbackground
{
    margin-left: auto;
    margin-right: auto;
    width: 596px;
    height: 509px;
    background: url(images/signup_graphic.gif) no-repeat;
}
/************************************************************************
* 
* Forms
*
************************************************************************/

/* label column */
.formlabel
{
    width: 120px;
    vertical-align: top;
}

/* value column */
.formvalue
{
    vertical-align: top;
}

.txtfield
{
    width: 300px;
}

.txtblock
{
    width: 300px;
}
/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}
/************************************************************************
* 
* Register pages
*
************************************************************************/
#registerbody
{
    background: #000000 url(images/mainregister_bg.gif) repeat-y center top;
    width: 968px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    position: relative;
}
.registercontent
{
    background-image: url(img/shading_bottom_wide_with_line.png);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.registerheader
{
    text-align: center;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.registerblock
{
    margin-left: 10px;
    margin-right: 10px;
}
.topline
{
    width: 600px;
    background-image: url(images/frame_bg.gif);
}
.style3
{
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.registerfooter
{
    width: 968px;
    height: 44px;
    background-image: url(images/shade_footer.png);
    background-repeat: no-repeat;
    text-align: center;
}

/************************************************************************
* 
* Register pages (Kvist Css)
*
************************************************************************/
.inactive
{
    color: #999999;
}
.bullets
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
}
#main
{
    background-image: url(images/mainregister_bg.gif);
    width: 968px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    clear: both;
}
#column1
{
    width: 324px;
    height: auto;
    float: left;
    padding-left: 36px;
}

#column3
{
    width: 324px;
    height: auto;
    float: left;
    padding-right: 36px;
}


#column2
{
    width: 248px;
    height: auto;
    clear: none;
    float: left;
}
#column1Header, #column3Header
{
    height: 125px;
}
#contentareacolumn1
{
    height: 220px;
    background-image: url(images/frame_bg.gif);
    width: 320px;
    float: right;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
}
#videoarea
{
    height: 180px;
    background-color: #000000;
    width: 320px;
}

#subHeader1, #subHeader2
{
    height: 45px;
    width: 324px;
    float: left;
}

#subText1, #subText2
{
    height: auto;
    width: 324px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 15px;
}



#contentareacolumn3
{
    height: 220px;
    width: 324px;
    float: left;
}

.bullets
{
    color: #FFFFFF;
    font-weight: bold;
    line-height: 20px;
}
#JHlogo
{
    height: 240px;
}
#signup
{
    height: 41px;
    width: 153px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/signup_frame.gif);
    background-repeat: no-repeat;
}

#signup_voucher
{
    height: 160px;
    width: 153px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 4px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/vouchercode_frame.gif);
    background-repeat: no-repeat;
}


#signupbutton
{
    height: 41px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}
.signinStatusHeader
{
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 3px;
}
.style9
{
    color: #ffd460;
    font: 12px Verdana;
    margin-left: 10px;
}
.style10
{
    color: #ffd460;
    font: 12px Verdana;
    margin-right: 10px;
}
.innerrightheader
{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 19px;
    font-weight: 700;
}



.submenu_items
{
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.bodytext
{
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    line-height: 15px;
    text-align: justify;
}


.subtitle_signup
{
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.JH_highlights_holder
{
    width: 896px;
    padding: 10px 36px 10px 36px;
    background: url(images/shading_top_wide_with_line.png) repeat-x;
}


.JH_highlights_item
{
    width: 200px;
    float: left;
    padding: 0px 32px 10px 0px;
}

.JH_highlights_item_last
{
    height: 60px;
    width: 200px;
    float: left;
    padding: 0px 0px 10px 0px;
}

.JH_highlights_header
{
    padding-bottom: 7px;
    margin-left: 0px;
    height: 30px;
    vertical-align: top;
    width: 200px;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 14px;
    float: left;
}

.JH_highlights_text
{
    padding: 10px 5px 0px 5px;
    line-height: 15px;
    background: url(images/shading_top_wide_with_line.png) repeat-x;
    float: left;
    width: 190px;
    clear: none;
}

.JH_highlights_image
{
    background-image: url(images/frame_bg.gif);
    margin-left: 10px;
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
    float: right;
    padding: 2px;
    clear: both;
}

.JH_highlights_image_holder
{
    float: left;
    clear: right;
}

.JH_highlights_image_left
{
    background-image: url(images/frame_bg.gif);
    margin-right: 0px;
    margin-bottom: 10px;
    width: 85px;
    height: 85px;
    float: left;
    padding: 2px;
}

.JH_highlights_image_right
{
    background-image: url(images/frame_bg.gif);
    margin-right: 0px;
    margin-bottom: 10px;
    width: 85px;
    height: 85px;
    float: right;
    padding: 2px; ;
}

.JH_highlights_spacer
{
    height: 35px;
}

.JH_highlights_spacerline
{
    height: 35px;
}

.JH_highlights_sectionheader
{
    padding: 0px 0px 40px 0px;
}
/************************************************************************
* 
* User formatting and highlighting
*
************************************************************************/
.Att_1
{
    color: Lime;
    font-weight: bolder;
}
.Att_2
{
    color: Red;
    font-size: 18px;
    font-weight: bold;
}
/************************************************************************
* 
* Gridview
*
************************************************************************/
.hiddenID
{
    display:none;
}
/************************************************************************
* 
* Newsfeed
*
************************************************************************/
.colonistOfMonth
{
    width: 124px;
}
.colonistOfMonthInner
{
    background: url(images/frame_bg.gif) no-repeat;
    width: 120px;
    padding: 2px;
}

.dontFuckWithMeBuddy
{
    width:700px;
    max-width:700px;
    overflow:auto;
}