﻿

/* Stuff for all pages showing a single metaobject (articles included) */
.metaobject .topInfo { height: 14px; overflow: hidden; border-bottom: 1px solid #CCCCCC; padding: 10px 0 3px 0;clear:both; }
.metaobject .topInfo,
.metaobject .topInfo a { font-size: 11px; }

.metaobject .topReklame {width: 615px; height: 71px; padding: 5px 0 3px 5px; background-image: url('http://static.kforum.dk/img/kurser/KomTilKdag.gif'); }
.metaobject .topReklame .topIntro {text-align: left;width: 500px; padding-left: 7px;padding-top: 10px; font-family: Georgia; font-weight: bold; font-size: 17px; color: #FF3200; }
.metaobject .topReklame .toptitel {text-align: left;width: 500px; padding-left: 7px;padding-top: 10px; font-family: Georgia; font-size: 17px; }
.metaobject .topReklame .toptitellink { color: #FFFFFF;}

.metaobject h2 { clear: both; border-top-width: 10px; border-top-style: solid; margin-top: 20px; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #CCCCCC; padding-top: 5px; }
.metaobject .moleftCol { width: 460px; float: left; clear: left; overflow: hidden; margin-top: 20px; }
/*.metaobject h1 { margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #CCCCCC; color: #000000; }*/
/*.metaobject .titleBox { border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; margin-bottom: 10px; }*/
.metaobject .titleBox { }
.metaobject .titleBox .title { margin: 0; padding: 0 !important; border: none !important; color: #000000; font-size: 25px !important; font-weight: normal; clear: none; }
.metaobject .titleBox .trumpet {font-size: 14px !important; margin: 5px 0 2px 0; clear: none; font-style: italic; }
.metaobject h3 { margin: 0; }
.metaobject .authorImages { float: left; clear: left; width: 96px; overflow: hidden; margin-right: 14px; }
.metaobject .authorImages .authorImage { margin-bottom: 10px; }
.metaobject .authorInfos { float: left; /* clear: right; */ width: 350px; overflow: hidden; margin-bottom: 20px; }
.metaobject .authorInfos .authorInfo { margin-bottom: 10px; }
.metaobject .authorInfos .authorInfo h3 { margin: 0; font-size: 13px; }
.metaobject .authorInfos .authorInfo h3 a { font-weight: bold; }
.metaobject .authorInfos .authorInfo p { margin: 0; font-size:11px; }
.metaobject .textContentAbstract { font-size: 17px; }
.metaobject .textContent { font-size: 16px; /*clear: both;*/ }
.metaobject .textContent h2 { border: 0; margin: 10px 0 5px 0; padding: 0; color: #000000; }
.metaobject .textContent a { color: #008BFF; font-weight: bold; }

.metaobject .linksBox ul.linkList { margin: 5px 0; padding: 0; }
.metaobject .linksBox ul.linkList li { margin: 3px 0; }
.metaobject .linksBox ul.linkList li a { color: #FF3300; }

.metaobject .followsBox { padding: 15px 0 5px 0; width: 100%; }

.metaobject .followsBox .linkList { padding: 5px 0 5px 0; height: 38px; border-bottom: 1px dotted #CCCCCC; }
.metaobject .followsBox .linkList .FollowGroupLeft { float: left; padding: 5px 0 5px 0; width: 135px; }
.metaobject .followsBox .linkList .FollowGroup { float: left; padding: 5px 0 5px 0; width: 135px; }
.metaobject .followsBox .linkList .FollowGroup { border-left: 1px dotted #CCCCCC; width: 134px; }
.metaobject .followsBox .linkList .FollowGroupShort { float: left; padding: 5px 0 5px 0; width: 120px; }
.metaobject .followsBox .linkList .FollowGroupShort { border-left: 1px dotted #CCCCCC; width: 119px; }
.metaobject .followsBox .linkList .FollowGroupMegaShort { float: left; padding: 5px 0 5px 0; width: 101px; }
.metaobject .followsBox .linkList .FollowGroupMegaShort { border-left: 1px dotted #CCCCCC; width: 100px; }
.metaobject .followsBox .linkList .FollowGroupLeft .icon { float: left; width: 30px; text-align: left; }
.metaobject .followsBox .linkList .FollowGroupLeft .text { float: left; padding-top: 5px; }
.metaobject .followsBox .linkList .FollowGroupLeft .text a { font-size: 14px; font-weight: bold; }
.metaobject .followsBox .linkList .FollowGroup .icon { float: left; width: 40px; text-align: center; }
.metaobject .followsBox .linkList .FollowGroup .text { float: left; padding-top: 5px; }
.metaobject .followsBox .linkList .FollowGroup .text a { font-size: 14px; font-weight: bold; }
.metaobject .followsBox .linkList .FollowGroupShort .icon { float: left; width: 40px; text-align: center; }
.metaobject .followsBox .linkList .FollowGroupShort .text { float: left; padding-top: 5px; }
.metaobject .followsBox .linkList .FollowGroupShort .text a { font-size: 14px; font-weight: bold; }
.metaobject .followsBox .linkList .FollowGroupMegaShort .icon { float: left; width: 40px; text-align: center; }
.metaobject .followsBox .linkList .FollowGroupMegaShort .text { float: left; padding-top: 5px; }
.metaobject .followsBox .linkList .FollowGroupMegaShort .text a { font-size: 14px; font-weight: bold; }

.metaobject .inlineRecommendations h2 { margin-top: 0; }

/* .metaobject .ratingsContainer {margin-top: -12px; }*/
.metaobject .ratingsContainer {margin-top: -1px; margin-bottom: 5px; width: 140px; }
 
.metaobject .moContent {clear:both; margin-top: 10px; }
.metaobject .moContent h1 { width: 460px; }
.metaobject .moContent .textContent { margin-top: 20px; }

.metaobject .moLeftCol.first,
.metaobject .moRightCol.first { margin-top: 0; }

/* comment list */
.metaobject .commentsContainer { clear: both; margin-top: 20px; }
.metaobject .comments { margin-top: 20px; }
.metaobject .comments .comment { position: relative; margin-top: 10px; font-size: 11px; border-bottom: 1px dotted #CCCCCC; padding-bottom: 10px; }
.metaobject .comments .comment .imageBox { margin-right: 23px;float: left; width: 40px; overflow: hidden; }
.metaobject .comments .comment .speakSnip { border-right: 1px solid #FFFFFF; position: absolute; left: 45px; top: 15px; z-index: 10; width: 18px; height: 18px; overflow: hidden; background-image: url('http://static.kforum.dk/img/icons/speakLeftGray_18x18.gif'); background-repeat: no-repeat; background-position: left; }
.metaobject .comments .comment.alternate .speakSnip { border-right: 1px solid #F3F3F3; background-color: #F3F3F3; }
.metaobject .comments .comment .commentBox {padding: 15px; width: 525px; overflow: hidden; border: 1px solid #CCCCCC; float: left; }
.metaobject .comments .comment.alternate .commentBox { background-color: #F3F3F3; }
.metaobject .comments .comment .commentBox p { margin: 0;width:410px; }
.metaobject .comments .comment .commentBox blockquote { margin: 10px 0 0 0; padding: 0; font-size: 16px; }

.metaobject .comments .comment .commentBox .commentBoxShowCommentLong {float: left; width: 510px;}
.metaobject .comments .comment .commentBox .commentBoxShowCommentShort {float: left; width: 400px; padding-right: 10px;}
.metaobject .comments .comment .commentBox .box.recommendationsBox { background-color: #F3F3F3;}
.metaobject .comments .comment .commentBox .box.recommendationsBox h2 {font-size: 13px; padding-left: 3px; }
.metaobject .comments .comment .commentBox .box.recommendationsBox .recommendations.clearfix div { float: left; margin-left: 2px; margin-top: 5px; }
.metaobject .comments .comment .commentBox .box.recommendationsBox .recommendations.clearfix div.firstInRow { margin-left: 0; }
.metaobject .comments .comment .commentBox .linie { background-color: #F3F3F3; border-bottom: 1px solid #2583FF; padding-top: 10px; }

/*.metaobject .comments .comment .jqmNotice { position: fixed; display:none; text-align:right; width:380px; height:108px; padding:0; margin:0; }/*


/* add comment styles */
.metaobject .comments .comment.add { border-bottom: 0; }
.metaobject .comments .comment.add .speakSnip { background-image: url('http://static.kforum.dk/img/icons/speakLeftRed_18x18.gif'); }
.metaobject .comments .comment.add:hover .speakSnip { background-color: #EDEDED; border-right: 1px solid #EDEDED; }
.metaobject .comments .comment.add .commentBox { position: relative; border: 1px solid #FF3300; }
.metaobject .comments .comment .commentBox .recArea { position:absolute;right:20px;top:0;width:111px;height:24px; background-color:#2583FF;text-align:center;padding-top:10px;}
.metaobject .comments .comment .commentBox .recArea a { color:#fff;font-weight:bold;}
.metaobject .comments .comment .commentBox .recArea a img { margin-bottom:-2px;}

.metaobject .comments .comment .commentBox .recCount .commentRecommendation { color: #FF3300; }
.metaobject .comments .comment .commentBox .recCount .commentRecommendation img { vertical-align: middle; }

.metaobject .comments .comment.add:hover .commentBox { background-color: #EDEDED; }
.metaobject .comments .comment.add .commentBox textarea { font-family:Georgia; font-size:12px; border: 1px solid #FFFFFF; margin: 10px 0 0 0; width: 523px; height: 75px; min-height: 75px; line-height: 14px; overflow: auto; }
.metaobject .comments .comment.add:hover .commentBox textarea { border: 1px solid #CCCCCC; }
.metaobject .comments .comment.add .commentBox input[type=text] { border: 1px solid #FFFFFF; margin: 10px 0 0 0; width: 363px; line-height: 14px; overflow: auto;font-family:Georgia; font-size:12px; }
.metaobject .comments .comment.add:hover .commentBox input[type=text] { border: 1px solid #CCCCCC; }
.metaobject .comments .comment.add .commentBox .savebutton { position: absolute; bottom: 0; right: 0; }
.metaobject .comments .comment.add .validate { float: right; } 
.metaobject .comments .comment.add .anonymousInfo { margin-top: 20px; margin-left: 62px;clear:both; }

.metaobject .comments .comment.add .anonymousInfo .left { float:left;margin-right:10px;}
.metaobject .comments .comment.add .anonymousInfo .right {float:left;}

.metaobject .comments .comment.add .anonymousInfo .nameBox input,
.metaobject .comments .comment.add .anonymousInfo .emailBox input,
.metaobject .comments .comment.add .anonymousInfo .websiteBox input { width:198px!Important;margin-bottom: 7px; }
.metaobject .comments .comment.add .anonymousInfo .captchaBox input { width:198px!Important;margin-top:4px; }
.metaobject .comments .comment.add .anonymousInfo .captchaBox image { border: 1px solid #a5acb2; }

/* styles for right-columns */
.metaobject .moRightCol { width: 140px; float: left; clear: right; overflow: hidden; margin-left: 20px; margin-top: 20px; }
.metaobject .moRightCol h2 { border-top: 0; margin-top: 0; padding-top: 0; }
.metaobject .moRightCol p { margin: 3px 0; }
.metaobject .moRightCol .recommendBox { background-image: url('http://static.kforum.dk/img/icons/thumbsup_t.gif'); background-repeat: no-repeat; background-position: 110px 5px; }
.metaobject .moRightCol .recommendBox .recommendButton { color: #FFFFFF; font-size: 18px; padding-left: 20px; line-height: 40px; font-weight: bold; display: block; }
.metaobject .moRightCol .box { overflow: hidden; margin-top: 20px; border-top-width: 10px; border-top-style: solid; border-bottom-width: 1px; border-bottom-style: solid; padding: 5px; background-color: #F4F4F4; }
.metaobject .moRightCol .box.first { margin-top: 1px; }
.metaobject .moRightCol .box.functions ul { margin: 0; padding: 0; }
.metaobject .moRightCol .box.functions li { margin: 3px 0; }
.metaobject .moRightCol .box.functions li a { color: #FF3300; }
.metaobject .moRightCol .box.functions p { margin: 5px 0;}
.metaobject .moRightCol .box.functions .externalApis {  }
.metaobject .moRightCol .box.functions .externalApis .api {  }
.metaobject .moRightCol .box.functions .externalApis .api { float: left; margin-left: 5px;  }
.metaobject .moRightCol .box.functions .externalApis .api.first { margin-left: 0; }
.metaobject .moRightCol .box.tagsBox .tags { padding: 5px 0; }
.metaobject .moRightCol .box.recommendationsBox .recommendations div,
.rightInfo .recommendations div,
.metaobject .moRightCol .box.readByBox .hits div { float: left; margin-left: 10px; margin-top: 5px; }
.metaobject .moRightCol .box.recommendationsBox .recommendations div.firstInRow,
.rightInfo .recommendations div.firstInRow,
.metaobject .moRightCol .box.readByBox .hits div.firstInRow { margin-left: 0; }

/* Recommend styles */
.groups .rightCol .recommendBox { padding-right:40px;text-align:right;margin-bottom:1px;background-color:#F49502; background-image: url('http://static.kforum.dk/img/icons/thumbsup_t.gif'); background-repeat: no-repeat; background-position: 270px 5px; }
.groups .rightCol .recommendBox .recommendButton { color: #FFFFFF; font-size: 18px; padding-left: 20px; line-height: 40px; font-weight: bold; display: block; }

/* Specialization: right column that's floated inside main content (instead of next to it) */
.metaobject .rightTools { float: right; clear: none; margin-bottom: 20px; }

.metaobject .itemCourseBox { position: relative; padding: 5px 0; color: #000000; font-size: 12px; overflow: hidden; }
.metaobject .itemCourseBox .streamLeftColumn { float: left; width: 25px; overflow: hidden; }
.metaobject .itemCourseBox .infoContainer { float: left; margin-left: 5px; width: 570px; /* height: 123px; */ }
.metaobject .itemCourseBox .dato { font-size: 11px; color: #777777; padding-top: 3px; }
.metaobject .itemCourseBox .contentWide { font-size: 11px; padding-top: 3px; }
.metaobject .itemCourseBox .infoContainer .TitleBox {font-weight: bold; padding-bottom: 2px; font-size: 16px; text-overflow: ellipsis; overflow: hidden; display: block; white-space: nowrap; width: 550px; }
.metaobject .itemCourseBox .infoContainer .meetby { font-size: 11px; padding-top: 3px; }

.metaobject .metaObjectAds #allCourses { text-align:left; margin-top:0px; margin-right:2px; }

/* Bottom ads */
.metaobject .metaObjectAds .adContainer { margin-top: 10px; }
.metaobject .metaObjectAds .adContainer .ad { width: 125px; height: 125px; float: left; overflow: hidden; margin-left: 37px; border: 1px solid #CCCCCC; }
.metaobject .metaObjectAds .adContainer .ad.first { margin-left: 0; }
.metaobject .metaObjectAds #allAds { text-align:right; margin-top:10px; margin-right:2px; }

/* specialization - colours for page-sections */

.metaobject .article .linie {border-bottom: 1px solid #CCCCCC; width: 460px; padding-bottom: 10px; margin-bottom: 10px; }

/* article */
/*.metaobject.article h2 { color: #008BFF; border-top-color: #008BFF; }
.metaobject.article .moLeftCol .textContent { margin-top: 35px; }
.metaobject.article .textContent a { color: #008BFF; }
.metaobject.article .editBox { background-color: #008BFF; }*/

/* blogpost */
/*.metaobject.blogpost .moRightCol .box { border-color: #20841B; }
.metaobject.blogpost h2 { color: #20841B; border-top-color: #20841B; }
.metaobject.blogpost .recommendBox { background-color: #20841B; }
.metaobject.blogpost .textContent a { color: #20841B; }*/

/* video */
/*.metaobject.video .moRightCol .box { border-color: #20841B; }
.metaobject.video h2 { color: #20841B; border-top-color: #20841B; }
.metaobject.video .recommendBox { background-color: #20841B; }*/

.profileContent .editBox { margin-bottom:10px; padding:10px; font-size:18px; text-align:center; color: #fff; font-weight:bold; }
.profileContent .editBox a { color: #fff; font-weight:bold;}

