/* Basic styles for all text */
.articleTitle, .articleDateTime, .articleTeaserTitle, .articleTeaserBody, .articleBody, .articleTeaserMore, .imageCaption, .articleMiniTitle, .articleMiniBody, .articleMiniMore, .newsList, .articleRelated, .articleLatest, .linksbox, .textbox, .newsListLink, .newsListTime, .newsListCheckbox {font-family:verdana,geneva,arial,helvetica,sans-serif;font-size:11px;line-height:115%}
img.header { clear: both; display: block; margin-bottom: 5px; }

/* content elements */
.articleTeaserBlock, .teaserGroup1 {margin:0px 5px}

/* I2_Formatter_Article */
.articleTeaserBlock, .articleBlock {clear:left;margin:5px 5px 10px 0px;float:left;}
.articleBlock { margin: 5px 0px 0px 0px; padding: 5px; }
.articleTitle, .articleTeaserTitle {font-size:14px;font-weight:bold}
.articleTitle {margin: 0px 0px 2px 0px}
.articleTeaserTitle {margin: 0px 0px 16px 0px}
.articleDateTime {font-size: 10px; margin: 1px 0px 14px 0px; color: #666666}
.articleBody, .articleTeaserBody, .articleTeaserMore {line-height:120%;margin-top:0px;margin-bottom:13px}
.articleTeaserMore {font-weight:bold; }
.lineGray { clear: both; }

/* I2_Formatter_Article teasers and mini teasers */
.articleMiniTitle {font-size:12px;font-weight:bold;margin:0px 0px 6px 0px}
.miniTeaser3 .articleMiniTitle {margin-top: 5px;}
.articleMiniBody, .articleMiniMore {font-size:10px;margin:0px 0px 9px 0px}
.articleMiniMore {text-align: right}
.miniTeaser2 { width: 235px; height: 134px; overflow: hidden; }
.miniTeaser3 { height: 130px; overflow: hidden; }
.articleTeaserTitle A, .articleMiniTitle A { text-decoration:none; color: #333366 }
.articleTeaserTitle A:hover, .articleMiniTitle A:hover { color: #740000 }
.articleBody a { color: #333399; text-decoration: none }
.articleBody a:hover { color: #740000; }
.topStory                               { background: #fff url('http://common.tv2.dk/img/i2/gradient.jpeg') bottom; float: left; padding: 0; margin: 0 0 10px 0; }
.topStory .articleTeaserTitle           { margin-bottom: 5px; font-size: 18px; }
.topStory .articleTeaserTitle a         { color: #000; }
.topStory .articleTeaserMore a.link     { background: none; color: #000; padding: 0; }
.topStory .articleTeaserMore            { margin-bottom: 5px; }
.topStory .imageCaption,
.topStory .articleTeaserBody,
.topStory .articleTeaserTitle,
.topStory .articleTeaserMore            { padding-left: 3px; }
.topStory .articleTeaserBody            { margin-bottom: 5px; }
.topStory .imageTop                     { margin: 0; }

/* Boxes */
.boxLeft,   .imageLeft,   .frameboxLeft,   .sframeboxLeft,   .blframeboxLeft   {float: left; margin: 2px 5px 5px 0px;}
.boxRight,  .imageRight,  .frameboxRight,  .sframeboxRight,  .blframeboxRight  {float: right; margin: 2px 0px 5px 5px;}
.boxNone,   .imageNone,   .frameboxNone,   .sframeboxNone,   .blframeboxNone   {margin-bottom: 5px;}
.boxTop,    .imageTop,    .frameboxTop,    .sframeboxTop,    .blframeboxTop    {margin: 5px 0px;}
.boxBottom, .imageBottom, .frameboxBottom, .sframeboxBottom, .blframeboxBottom {margin: 5px 0px;}
.frameboxLeft, .frameboxRight, .frameboxTop, .frameboxBottom, 
.sframeboxLeft, .sframeboxRight, .blframeboxLeft, .blframeboxRight { width: 190px; }

/* Frame box */
.sframeboxRight, .sframeboxTop, .sframeboxBottom, .sframeboxNone, .sframeboxLeft, .frameboxLeft, .frameboxRight, .frameboxNone, .frameboxTop, .frameboxBottom, .relatedBox { background-color: white; border: 1px solid #61060F; padding: 9px; }
.sframeboxTop, .sframeboxBottom { width: 450px; }
.blframeboxLeft, .blframeboxRight { padding: 9px; }

/* I2_Formatter_LinksBox and I2_Formatter_TextBox */
.linksbox, .textbox, .quickpollbox { width: 192px; text-decoration: none; }
.textbox P { margin-left: 6px; margin-top: 2px; margin-bottom: 8px; }
.textbox UL, .textbox OL { margin-left: 22px; margin-top: 2px; margin-bottom: 6px; padding-left: 0px; }
.textbox LI { margin-bottom: 4px; }
.textbox { padding-top: 24px; background: url('http://common.tv2.dk/img/i2/box/textbox.gif') #FCEAD6 no-repeat; }

/* I2_Formatter_LinksBox */
.linksbox { padding-top: 28px; background: url('http://common.tv2.dk/img/i2/box/links.gif') #FCEAD6 no-repeat; }

/* I2_Formatter_LinksBox linksboxImage */
.linksboxImage { padding-left: 7px; padding-right: 7px; padding-bottom: 10px; }
.linksboxImage IMG { border: 1px solid #0E0E06; }

/* I2_Formatter_QuickPollBox */
.quickpollbox { padding-top: 24px; background: url('http://common.tv2.dk/img/i2/box/quickpollbox.gif') #FCEAD6 no-repeat; }
.quickpollbox .tv2vote { width: 182px; padding: 0px 5px 5px 5px; }
.quickpollbox .tv2vote form { margin: 0px; }

/* I2_Formatter_QuoteBox */
.quotebox { background: url("http://common.tv2.dk/img/i2/quote.gif") 0px 4px no-repeat; }
.quotebox blockquote { margin: 0px 0px 0px 16px; padding: 0px; font-family: Verdana, Tahoma, sans-serif; font-size: 14px; font-weight: bold; }
.quotebox blockquote p { margin-left: 6px; margin-top: 2px; margin-bottom: 8px; }
.quotebox cite { margin-left: 40px; text-align: right; display: block; color: #666; font-size: 10px; font-style: normal; font-weight: normal; }

/* Related articles */
.relatedBox { width: 458px; }
.articleRelated, .articleLatest { width: 458px; text-decoration: none; text-align: left; }
.articleRelated { padding-top: 25px; background: url('http://common.tv2.dk/img/i2/box/related.gif') #FCEAD6 no-repeat; }
.articleLatest { padding-top: 25px; background:  #FCEAD6 no-repeat; }

/* I2_Formatter_ImageSelection */
.image { border: none; }
.imageCaption {display: block; margin-top: 1px; font-size: 10px; color:#999999}
.imageTitleBar {display:block; margin-bottom: 5px}

/* I2_Formatter_Row */
.row3, .row2 { clear:left;display:block;width:480px }
.field3, .field2 { display:block;float:left }
.field3 { width: 144px }
.split3 { float: left; width: 1px; height:141px; background-color:#CCCCCC; margin: 0px 12px 0px 11px}
.field2 { width: 235px }
.split2 { float: left; width: 10px; height:1px }
.topStoryRow { clear:left; display:block; width:480px; height: 310px; }
.topStorySplit { float: left; width: 10px; height:310px; padding: 0; margin: 0; }
.topStoryRow .field2 div { float: right; width: 225px; }
.topStoryRow .field2 .topStory { width: 235px; padding: 0; margin: 0; }
.topStoryRow .field2 .topStory div { float: left; }

/* I2_Formatter_ContentList */
TABLE.newsList { margin-bottom: 5px; }
TD.newsListCheckbox, TD.newsListTime, TD.newsListTitle, TD.newsListTitleIcon, TD.newsListDate, A.newsListLink { border-bottom: 1px #CCCCCC solid; text-align:left; vertical-align: top; font-size: 11px; padding: 3px 0px }
TD.newsListTitleIcon { background-repeat: no-repeat; background-position: -5px center; padding-left: 15px; }
TD.newsListTime { padding-right: 5px; }
TD.newsListCheckbox { width: 20px; padding: 0px 0px; vertical-align: top }
TD.newsListTimeNoBorder { border-bottom: none }
TD.newsListDate { font-weight:bold; padding-top: 2px; }
A.newsListLink  { color: #333366; text-decoration: none; border-bottom: none }
A.newsListLink:hover { color: #740000; }
#sideBarNews { margin: 0px 0px 15px 0px; padding: 20px 4px 0px 4px; text-align: left; list-style: none; background-repeat: no-repeat; }
#sideBarNews li { margin-bottom: 11px; }
#sideBarNews li.last { margin-bottom: 1px; }
#sideBarNews span { font-size: 10px; font-weight: bold; }
#sideBarNews a { font-size: 10px; }
#sideBarNews li a { font-weight: normal; text-decoration: none; }
#sideBarNews li.seeMore { margin: 0px; text-align: right; }

/* links */

/* pil foran links */
A.link { background-repeat: no-repeat; background-position: center left; color: black; text-decoration: none; padding-left:13px; }
A.link { font-weight:bold !important; }

/* I2_Formatter_LinksBox links */
A.linkboxLink { background: url("http://common.tv2.dk/img/i2/link/linksbox_pil.gif") no-repeat top left; clear: left; display:block; color: black; text-decoration: none; padding-left:18px; }
A.linkboxLink { font-weight:bold; }
A.linkboxVideoLink { background: url("http://common.tv2.dk/img/i2/link/video.gif") no-repeat top left; clear: left; display:block; color: black; text-decoration: none; padding-left:18px; }
A.linkboxVideoLink { font-weight:bold; }
A.linkboxGalleryLink { background: url("http://common.tv2.dk/img/i2/link/gallery.gif") no-repeat top left; clear: left; display:block; color: black; text-decoration: none; padding-left:18px; }
A.linkboxGalleryLink { font-weight:bold; }

/* Related links */
A.relatedLink { background: url("http://common.tv2.dk/img/i2/link/linksbox_pil.gif") no-repeat top left; clear: left; display:block; color: black; text-decoration: none; padding-left:17px; margin-bottom: 5px; }

/* I2_Formatter_TableView */
.tableViewBox p { margin-top: 5px; }
.tableViewBox, .tableViewBox th, .tableViewBox td { font-family: Verdana, Tahoma, sans-serif; font-size: 10px; }
.tableViewBox th, .tableViewBox td { padding: 1px 5px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; height: 16px; text-align: center; }
.tableViewBox td { padding: 1px 5px; }
.tableViewBox th { color: white; background-color: #61060F; }
.tableViewBox td { background-color: #FCEAD6; }
.tableViewBox th.tableFirstCol { text-align: left; }

/* TV 2 | Login */
.loginInputUsername {width: 108px !important; height: 13px !important;}
.loginInputPassword {width: 61px  !important; height: 13px !important;}

/* I2_Formatter_GalleryList */
div.galleryListMedium div.galleryListSeeMore                        { float: right; }
div.galleryListMedium                                               { margin: 0 0 5px 0; }
div.galleryListMedium div.galleryListItem                           { margin: 0px 0px 1px 0px; padding: 3px 0px 3px 0px; background-image: url(http://common.tv2.dk/img/list-bg.gif);
	                                                                  background-repeat: repeat-x; background-position: bottom; list-style: none; clear: both; min-height: 34px; height: 34px; }
div.galleryListMedium div.galleryListItem img                       { border: 1px solid #DDD; width: 32px; height: 32px; }
div.galleryListMedium div.galleryListImage                          { float: left; width: 38px; }
div.galleryListMedium div.galleryListContent                        { float: right; width: 162px; }
div.galleryListMedium div.galleryListContent .galleryCount          { margin: 2px 0; float: left; padding: 0; }
div.galleryListMedium div.galleryListContent .galleryDate           { float: right; margin: 2px 2px 2px 0; padding: 0; font-size: 10px; color: #999; }
div.galleryListMedium div.galleryListContent .galleryCount a        { color: #999; text-decoration: none; font-size: 10px; }
div.galleryListMedium div.galleryListContent h2.galleryName         { clear: both; font-size: 11px; margin: 0; padding: 0; }
div.galleryListMedium div.galleryListContent h2.galleryName a       { text-decoration: none; font-weight: normal; color: #336; }
div.galleryListMedium div.galleryListContent h2.galleryName a:hover { color: #740000; }

div.galleryListLong div.galleryListItem                             { padding: 8px 0px 8px 0px; background-image: url(http://blog.tv2.dk/img/post-bg.gif);
	                                                                  background-repeat: repeat-x; background-position: 0px 0px; }
div.galleryListLong .galleryListImage                               { width: 85px; float: left; }
div.galleryListLong .galleryListImage img                           { border: 1px solid #DDD; }
div.galleryListLong .galleryListContent                             { width: 395px; float: right; }
div.galleryListLong .galleryListContent h2                          { margin: 0px 0px 6px 0px; padding: 0px; font-size: 12px; color: #000; }
div.galleryListLong .galleryListContent a                           { text-decoration: none; }
div.galleryListLong .galleryListContent a:hover                     { color: #740000; }
div.galleryListLong .galleryListContent p.galleryCount, 
div.galleryListLong .galleryListContent p.galleryDate               { margin: 0px 6px 0px 0px; padding: 0px 6px 0px 0px; border-right: 1px solid #505050; float: left; font-size: 10px; }
div.galleryListLong .galleryListContent p.galleryOpen               { margin: 0px; padding: 0px; font-size: 10px; }
div.galleryListLong .galleryListContent p.galleryDescription        { margin: 6px 0px 0px 0px; padding: 0px; font-size: 12px; line-height: 1.5em; }
div.galleryListLong div.hr                                          { margin: 0px; padding: 0px; height: 1px; background-image: url(http://common.tv2.dk/img/h_ants.gif); 
                                                                      background-repeat: repeat-x; border: 0; }
div.galleryListLong hr                                              { display: none; }

div.articleToolbar { float: right; }
div.articleToolbar a {padding-left: 10px;}

div.topstoryextrastory {
    height: 150px;
}
div.topstoryextramini {
    cursor: pointer;
}
div.topstoryextramini, div.topstoryextraminiselected {
    margin: 0px 5px 5px 0px;
    padding: 3px;
    width: 227px;
    height: 26px;
    float: left;
    border: 1px solid #BFBFBF;
    font-size: 10px;
    overflow: hidden;
    font-weight: bold;
}
div.topstoryextraminiselected {
    background-image: url(http://common.tv2.dk/img/topstoryextra-mini-bg.gif);
    background-position: 1px 1px;
    background-repeat: repeat-x;
}
div.topstoryextramini img, div.topstoryextraminiselected img {
    margin-right: 5px;
    float: left;
    border: 1px solid #BFBFBF;
}

/* MP3 elements style */
div.tv2FlashMP3 { padding-top: 3px; padding-bottom: 3px; }

/* I2_Formatter_Alternative_TopstoryList */
ul.topstoryList {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	width: 200px;
}
ul.topstoryList li {
	clear: both;
	width: 200px;
	margin-bottom: 4px;
}
ul.topstoryList div.topstoryListImage {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}
ul.topstoryList h3 {
	font-size: 10px;
	margin: 0;
	padding: 0;
}
ul.topstoryList h3 a {
	text-decoration: none;
}