/* Generelt */
html, body, div, h1, h2, h3, p, ul, ol, li, form, fieldset, input, textarea { margin: 0; padding: 0; }
body { background: #ecf1f5 url(/img/bg-gradient.jpg) repeat-x; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #222; margin-bottom: 20px;}
/* TYPOGRAFI */
a img { border: none; text-decoration: none;}
p { margin: 0 0 1.5em;}
h1 { font-size: 22px; margin: 0 0 5px; padding: 1px 0 0; text-transform: uppercase; background:url(/img/bar.png) no-repeat top left; height: 47px; text-indent: 8px; color: #eee; }
h2 { font-size: 16px; text-transform: uppercase; color: #222; }
h2.bar { margin: 0; padding-top: 4px; background:url(/img/bar.png) no-repeat top left; height: 47px; text-indent: 8px; color: #eee; }
h3 { margin: 0 0 5px;}
ul, ol { margin-bottom: 15px; padding-left: 30px;}
a, a:visited { color: #111; text-decoration: underline; }
a:hover { color: #5e8eb9; border-color: #444;}
h1 a,
h2.bar a { color: #fff;}
/* FORMS */
input, textarea { padding: 5px; border: 1px solid #ccc; font-family: Arial, sans-serif; font-size: 12px;}
textarea {}
input:focus, textarea:focus { border-color: #555;}
input:focus { background: #fcf8c9;}
select { padding: 0;}
select option { padding: 1px 5px;}
#sidebar input,
#sidebar select { margin: 0; background: #fff;}
.message-create #subject,
.message-create #message { width: 290px;}
/* LAYOUT */
#bg-streg { background: url(/img/bg-streg.png) repeat-x 10% 100%; width: 100%; height: 400px; position: absolute; top: 0; left: 0;}
#container { width: 960px; margin: 0 auto; position: relative;}
#top { float: left; width: 100%; position: relative; padding-bottom: 10px;}
#top #logo { float: left; width: 400px; margin-top: 20px; display: inline;}
#top #logo a { display: block; }
#top #banner { background: #deeaf4; float: right; padding: 8px 10px; text-align: center; }
#content { float:left; width:100%; }
.outerBox { background: #fff; padding: 10px;}
.innerBox { /* background: #c6daea; */ }
.box { background: #c6daea; padding: 10px; position: relative;}
.box-white { background: #fff;}
.box-yellow { background: #fefcc5;}
.sidebar { width: 240px; float: left; display: inline;}
.sidebar .box { width: 240px; border-bottom: 10px solid #fff; padding: 0; margin: 0 0 1px;}
.sidebar .box .gutter { }
.main { width: 690px; float: left; background: #c6daea; position: relative; border-left: 10px solid #fff;}
.main-small { width: 480px; border-right: 10px solid #fff; }
.gutter { padding: 10px;}
.sidebar2 { width: 200px; float: right; }
.full { width: 100%; padding: 0;}
#filters .gutter { padding: 0;}
.main p { max-width: 300px;}
.account-home .innerBox { background: none;}
.calendar-index .innerBox,
.index-calendar .innerBox { background: #c6daea; }
.sponsors img { margin: 10px; }
/* PAGER */
.paginationControl a,
.paginationControl a:visited { text-decoration: none; padding: 5px;}
/* INBOX */
#inbox { width: 100%; background: #c6daea;}
#inbox th { font-size: 14px; padding: 4px; }
#inbox tr.even { background: #dfeaf2;}
#inbox tr.unread { }
#inbox tr.th { padding: 5px 10px;}
#inbox tr.td { padding: 2px 10px;}
#inbox td { padding: 5px;}
/* FRONTPAGE */
#front { }
#front #header { color: #fff; background: #6a90ac url(/img/front/header-bg.png) repeat-x bottom left; width: 100%; height: 300px; position: relative; float: left;text-shadow: 1px 1px 0 #465f72; }
#front .content { padding: 25px 40px; height: 100%; }
#front h1 { background: none; margin: 0 0 40px; color: #fff; line-height: 32px; font-size: 40px; padding: 0; text-indent: 0; text-transform: none; }
#front h1 span { display: block; font-size: 22px;}
#tilmeldBtn { cursor: pointer; position: absolute; bottom: -30px; left: 40px; display: block; width: 280px; height: 90px; overflow: hidden; color: #fff; border: none; background: url(/img/front/blivmedlem.png) no-repeat 0 0; text-indent: -9999px;}
#tilmeldBtn:hover { background-position: 0 -90px;}
#front .boxes { clear: both; float: left; width: 100%; margin: 50px 0 0; background: #f3f3f3 url(boxes-bg.png) ; border: 1px solid #ededed;}
#front .boxes .box { background: none; float: left; margin: 20px 0 0 20px; width: 220px; padding: 0; color: #666;}
#front .boxes .box-first{ margin-left: 20px;}
#front .boxes .box-last { margin-right: 25px; width: 170px; float: right;}
/* FORSIDE SLIDER */
#front #trekant { position: absolute; right: 26px; top: 31px; z-index: 200;}
#front #frame { width: 426px; height: 296px; position: absolute; right: 25px; top: 35px; background: url(/img/front/frame.png) no-repeat 0 0;}
#front #frame #slide-box{ display: none;}
#front #frame .slide { margin: 8px 0 0 11px;}
#front #frame img { position: absolute; top: 0; left: 0; }
#front #frame .slide,
#hiddenSliderPics { display: none; }
.col { float: left; position: relative; display: inline;}
ul.flueben { position:relative; margin:0}
ul.flueben { padding: 0; list-style: none}
ul.flueben li { background:url(/img/front/flueben.png) no-repeat left center; padding-left: 25px; font-size: 14px; font-weight: bold;}
.smallProfile { float: left; display: inline; text-align:center; width: 115px; margin: 0 0px; color: #999; font-size: 10px; line-height: 1.2;}
img.border,
div.smallProfile img { padding: 3px; border:1px solid #cfcfcf; }
/* SIDEBAR */
.index-calender .sidebar { float: right; width: 560px; margin-left: 40px; display: inline;}
.index-calender .sidebar h2 { margin-bottom: 5px;}
.index-calender .sidebar embed { margin-bottom: 30px;}
.list { margin: 0; padding: 0;}
.list li { list-style: none;}
.list li a { display: block; padding: 0 2px; text-decoration: none;}
.list li a:hover { background: #f2f2f2;}
/* MENU */
#topmenu { float: left; width: 700px; margin: 30px 0 0; font-size: 14px; display: inline; padding: 0; }
#topmenu li { float: left; list-style-type: none; margin-right: 5px; }
#topmenu li a,
#topmenu li a:visited { outline: none; padding: 5px 10px; border: none; background: #a3bcce ; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration:none; color: #fff; font-weight: bold; height: 100%; display: inline-block; }
#topmenu li a:hover { background: #5f788a; color: #fff;}
#topmenu li a:active { background: rgba(120, 168, 200, 0.8); color: #fff;}
#topmenu li .weak { font-weight: normal;}
/* FRIENDS AREA */
#tip-friends-area { display:none; background: #000; margin-left: 60px; padding: 20px; position: absolute; top: 45px; left: 200px; z-index:99; border: 2px solid #555; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#tip-friends-area input { margin: 0; }
#tip-friends-input { width: 350px;}
#tip-friends a,
#tip-friends a:visited { text-decoration: none; margin: 10px 10px 10px 0px; border: 0; }
div#tip-friends { display:inline; }
#banner img { vertical-align: middle; }
#banner a { text-decoration: none; }
html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; border: 0; }
/* SUBMENU */
#submenu { list-style: none; width: 100%; background: #c6daea; padding: 0; clear: both; margin-bottom: 10px;}
#submenu li {}
#submenu a,
#submenu a:visited { text-indent: 10px; border: none; display: block; border-bottom: 1px solid #fff; height: 35px; line-height: 35px; text-decoration: none;}
#submenu a:hover { background: #000; color: #fff;}
/* LOGIN */
#top #login { width: 350px; text-align:left; font-weight: bold; position: absolute; right: 0; bottom: 10px; }
.index-index #top #login { bottom: 0;}
#top #login input { width: 100px; margin: 0; }
#top #login .checkbox { width: 14px; }
#top #login p { color: #4c5f71; margin: 5px 5px 0 0; float: right; clear: both; }
#top #login p a,
#top #login p a:visited { color: #000;}
#top #login p a:hover {}
.top-login-form { margin-right: 10px }
.top-login-form div { margin: 3px 5px; }
label { margin-right: 5px;}
.checkbox { border: 0; }
#login form#logout { float: right;}
.account-login .sidebar { float: right;}
#loginForm { float: right; margin-right: 10px; }
.glemtKodeord { margin-left: 50px;}
#loginForm div { width: 100%; float: left; clear: both;}
/* FOOTER */
#footermenu { float: right; list-style: none; margin: 10px; padding: 0;}
#footermenu li { float: right; margin-left: 15px; display: inline;}
#footermenu a { color: #888;}
#footermenu a:hover { color: #444;}
.footertext .halfpage { width: 50%;}
.footertext { width: 940px; margin: 0 auto; clear: both; color: #888d91; }
.footertext h2 { color: #888d91; }
.footertext a,
.footertext a:visited { color: #888d91; }
.footertext p { max-width: 540px;}
/* SITEMAP */
table.sitemap { border-collapse: collapse; width: 960px;}
.sitemap td { vertical-align: top; padding-right: 15px; color:#AEB0B2;}
.sitemap a:visited { color: #888d91; text-decoration: none; border: 0}
.sitemap a:hover { color: #737c86;}
/* ZEND auto inserts these in a place we don't need them */
#sidebar div.row br { display: none; }
#sidebar div.head { font-weight: bold; }
#sidebar div.rowborder { border-bottom:1px solid #fff; }
/* LOGIN */
.account-login #content input { }
/* Invitations */
.invite { float: left; width: 100%; clear: both; margin: 0 0 10px; border-bottom: 1px solid #fff;}
/* FORMS */
form dl { margin: 0;}
.account-login form dl dt { float: left; width: 80px; padding: 5px 0 0; }
.account-login form dl dd { margin-bottom: 5px;}
/* PROFILE/SEARCH */
.searchResult { float: left; clear: left; width: 100%; background: #fff; margin: 0 0 10px; position: relative;}
.searchResult:hover { background: #f2f2f2;}
.resultGroup { overflow: auto; position: relative; margin-bottom: 15px; clear: left;}
.searchPic { float: left; width: 80px; margin-right: 10px; overflow: hidden; display: block; }
.searchPic img { border: 3px solid #fff; }
.profileText { float: left; padding: 7px 0; width: 370px; }
.profileText .name { font-size: 16px; font-weight: bold; }
.profileText .region { float: right;}
.name .weak { font-weight: normal; color: #888;}
.diffResult { background-color: #fff6b7; color: #444; margin: 0 0 10px; float:left; width:100%; font-size: 14px;}
.diffResult div { padding: 15px 25px; }
/*.account-show { background: #d9e5ee; padding-bottom:10px; }*/
.showAccount .picture { float: left; }
.showAccount .picture img { border: 3px solid #fff;}
.showAccount .info { float: left; margin-left: 10px;}
.showAccount .main .box { background: #fff; font-weight: bold; padding: 10px; width: 360px; margin-bottom: 15px;}
.showAccount .main .box h3 { border-bottom: 1px solid #c6daea; margin-bottom: 5px;}
.showAccount p.btns .btn { margin-bottom: 10px;}
/* SIDEBAR FORM */
#filters { }
#filters h2 { padding: 10px 10px 0;}
#filters .row { border-bottom: 1px solid #fff; clear: both; padding: 10px; float: left; width: 220px;}
#filters label { float: left; font-weight: bold; margin-right: 10px;}
#filters label.inputHeight { line-height: 26px;}
#filters input.age { width: 20px; text-align: center;}
#filters input#searchName { float: left; margin-right: 5px; display: inline; width: 150px;}
input#zipcode { width: 30px;}
#filters .sex br { display: none;}
#filters .sex label input { margin: 2px 2px 0 0; float: left; display: inline;}
#searchName { width: 155px; float: left;}
#searchNameButton { float: right;}
#searchButton { float: right; clear: both;}
/* BUTTONS */
.btn { border: 1px solid #fff; padding: 3px 10px; font-weight: bold; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: inline-block; text-align: center; cursor: pointer; background: #444 url(/img/buttons/btn-dark.png) repeat-x 0 0; border-color: #666 #333 #333 #666;text-decoration: none; }
.btn:hover { background: #666 none; border-color: #444 #111 #111 #444; }
.btn:visited { color: #fff; text-decoration: none;}
.btn-go { background: #88aa42 url(/img/buttons/btn-green.png) repeat-x 0 0; border-color: #b7c96a #8ba645 #8ba645 #b5c781; }
.btn-go:hover { background: #a9ca66 none; border-color: #819139 #52671d #52671d #819139; color: #fff;}
.btn-no { background: #ff695a url(/img/buttons/btn-red.png) repeat-x 0 0; border-color: #ffa096 #ff5544 #ff5544 #ffa096; }
.btn-no:hover { background: #ffa198 none; border-color: #da7f75 #c73f31 #c73f31 #da7f75;}
.btn-dark { background: #444 url(/img/buttons/btn-dark.png) repeat-x 0 0; border-color: #666 #333 #333 #666; }
.btn-dark:hover { background: #666 none; border-color: #444 #111 #111 #444; color: #fff;}
.btn-blue { background: #40adff url(/img/buttons/btn-blue.png) repeat-x 0 0; border-color: #83caff #27a2ff #27a2ff #83caff; }
.btn-blue:hover { background: #80c8ff none; border-color: #6da9d6 #1d86d6 #1d86d6 #6da9d6; color: #fff; }
.inviteControls { float: right;}
.inviteControls .btn { margin-bottom: 5px; width: 60px;}
.btn-large { font-size: 16px; padding: 8px 30px;}
#registerResult { margin: 0 0 10px;}
/* LOGIN */
.account-create .innerBox { background: #fff;}
.account-create .userInfo {}
.account-create input#submit { padding: 4px 10px; font-size: 14px; }
.account-create input#submit:hover { }
.account-create .userInfo input { font-size: 13px;}
/* SPORTFORM */
.sportForm { background: #c6daea; margin-top: 10px; }
.sportForm h3 { height: 30px; line-height: 30px; text-indent: 10px; margin: 0}
.sportForm .gutter { padding-top: 0 }
.sportForm h3 .btn { font-size: 12px; padding: 5px 7px; text-indent: 0; line-height: 1;}
#ex_sport_id { width: 200px }
/* Tabs */
.ui-tabs { width: 100%; float: left; clear: both; overflow: hidden; margin-top: 15px;}
.ui-tabs .ui-tabs-hide { display: none; }
.ui-tabs-nav { background: url(/img/tab-bg.png) repeat-x bottom left; padding: 0 50px 0 10px; float: left; list-style: none;}
.ui-corner-top { border-bottom: 1px solid #a6b9c7; float: left; display: inline; margin-right: 4px;}
.ui-tabs-selected { background: #fff; color: #111; border: 1px solid #c7dae9; border-bottom: 1px solid #fff; }
.ui-corner-top a,
.ui-corner-top a:visited { color: #fff; background: #b5ccdc; border: none; display: block; padding: 5px 10px; text-decoration: none;}
.ui-corner-top a:hover { background: #879daf;}
.ui-tabs-selected a,
.ui-tabs-selected a:visited { color: #111; background: none; font-weight: bold;}
.ui-tabs-selected a:hover { background: none;}
.ui-tabs-panel { clear: both; background: #fff; padding: 15px 15px 1px;}
#tabs ul { margin: 0; }
/* Edit profile */
.edit-profile { padding: 0; margin: 0 0 15px 0}
.edit-profile h2 { background: #A0C9E9; padding: 10px 10px 5px;}
.edit-profile input { margin: 0 0 5px;}
/* Inbox: message */
.msg { float: left; width: 100%; clear: both;}
.msg .sender { float: left; width: 100px; }
.msg .sender a { text-decoration: none;}
.msg .content { float: left; margin-left: 10px; width: 560px; display: inline;}
.msg h2 { }
.msg h2 .date { padding: 5px 10px 0 0; }
.msg .msg-txt { background: #fff; padding: 10px; margin-bottom: 5px;}
a#replyBtn { float: right; font-size: 14px; margin-bottom: 20px;}
/* Invite box */
#inviteBox,
#alreadySharing { display:none; position: absolute; top:10px; background: #fff; border: 1px solid #999; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; max-height:520px; overflow:auto; z-index: 20;}
#alreadySharing { width: 250px; right: 0px; }
#alreadySharing a,
#alreadySharing a:visited { color: red;}
#inviteBox { width: 250px; right: 150px; overflow-x: hidden; }
#inviteBox .controls { padding: 0 0 10px; }
#inviteBox .controls .spinner { display: none; }
#inviteBox input,
#inviteBox textarea { width: 240px; margin-top: 5px; }
#inviteUserText { width: 180px;}
#suggestName { display: none; }
.suggestPerson { float: left; width: 115px; overflow:hidden;}
.suggestPic { float: left;width:85px; height:80px;}
.suggestPic .img { vertical-align:text-top;}
.suggestResult { height: 80px; width: 240px; cursor: pointer; overflow:hidden;}
.suggestResult.active { background-color: #e0ebe5; }
#memberInvite,
#nonMemberInvite { display:none ;}
/* Misc */
.center { text-align: center;}
.required { background: url(/img/required-field.png) top right no-repeat; padding-right: 13px; }
.load { display: none; background: url(/img/load.gif) no-repeat; text-indent: -9999px;}
.loader { display: none; }
.flash { color: #333; border: 10px solid #E8DBBF; background: #FCF8C9; text-align: center; padding: 15px 0; font-weight: bold; z-index: 999; position: absolute; top: 0px; left: 0px; width: 100%; font-size: 20px;}
.fRight { float: right; }
.hidden { display: none;}
.last { margin: 0 !important; border-bottom: 0 !important;}
.errors { color: red; font-weight: bold; list-style: none; padding: 0; margin-bottom: 0;}
.bar .weak { font-weight: normal; font-size: 13px;}
p.hint { -webkit-border-radius: 5px; -moz-border-radius: 5px; font-style: italic; background: #a3b4c1; padding: 5px 10px; color: #fff; margin: 0 0 0 5px;}
td p.hint { display:inline; }
.clickable { cursor:pointer;}
.defaultVal { color: #666; }
.paginationControl { text-align:center }
img.icon { vertical-align: middle; margin: 2px; height:16px; width:16px }
div.hr { color: #ccc ; background-color: #ccc; height: 1px; width: 100%; text-align: left; margin: 4px 0;}
#addSportButton { margin: 15px;}
#addSportButton .btn { padding: 1px 8px;}
.tinyProfilePic { width: 48px; float:left; margin-right: 5px}
.calFilters label { margin: 0 5px;}
/* new clearfix */
.outerBox:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .outerBox { zoom: 1; } /* IE6 */
*:first-child+html .outerBox { zoom: 1; } /* IE7 */
/* new clearfix */
.gutter:after, .box:after, dl:after, #container:after,
.clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0; }
* html .gutter, * html .box, * html dl, * html .clearfix,
* html #container { zoom: 1; } /* IE6 */
*:first-child+html .innerBox, *:first-child+html .gutter, *:first-child+html .box, *:first-child+html dl, *:first-child+html .clearfix,
*:first-child+html #container { zoom: 1; } /* IE7 */