/* Layout module definitions */
/* Author: A. Koch - Copyright 2005 21Publish Inc. */

/* basics */

.clr { clear: both; font-size: 1px; line-height: 1px; height: 1px; height: 1px; }

/* message container */

div.error { font-weight: bold; font-size: 120%; color: #6666FF; padding: 4px 0 4px 0; }

/* general headline format */

h1 { font-size: 160%; font-weight: bold; line-height: normal; margin: 0 0 16px 0; padding: 0; }
h2 { font-size: 140%; font-weight: bold; line-height: normal; margin: 0 0 16px 0; padding: 0; }
h3 { font-size: 120%; font-weight: bold; line-height: normal; margin: 0 0 8px 0; padding: 0; }
h4 { font-size: 110%; font-weight: bold; line-height: normal; margin: 0 0 8px 0; padding: 0; }
h5 { font-size: 100%; font-weight: bold; line-height: normal; margin: 0 0 8px 0; padding: 0; }
h6 { font-size: 100%; font-weight: bold; line-height: normal; margin: 0 0 8px 0; padding: 0; }

/* general list format */

ul { list-style: square; margin: 0; padding: 16px 0 16px 16px; }
li { margin: 0; padding: 4px 0 4px 0; }

/* the classic update list */

div.row { clear: both; }
div.row div.left { float: left; display: block; padding: 3px; width: 55px; }
div.row div.right { float: left; padding: 3px; }
#classicupdates div.right { width: 80px; overflow: hidden; }
div.row a { text-decoration: none; }

/* the very new update list */

div#j21pCenterUpdates div.head h2 {margin: 0; padding: 0;}
div#j21pCenterUpdates div.head {border: none; margin: 0 0 4px 0;}
div#j21pCenterUpdates {text-align: left;}
div#j21pCenterUpdates div.item {padding: 1px 0 0 0; margin: 0 0 1px 0;}
div#j21pCenterUpdates div.header {height: 22px;}
div#j21pCenterUpdates div.header a {text-decoration: underline;}
div#j21pCenterUpdates div.time, div.date, div.author {float:left; display: block; padding: 5px 10px 6px 10px; line-height: 11px; font-size:11px;}
div#j21pCenterUpdates div.time {padding-left: 26px;}
div#j21pCenterUpdates div.item h3 {padding: 0px 10px 0 10px; margin: 0;}
div#j21pCenterUpdates div.item h3 a {text-decoration: none;}
div#j21pCenterUpdates div.item p {padding: 5px 10px 15px 10px; margin: 0; }
div#j21pCenterUpdates div.item p a {padding:0 0 0 14px; margin: 0 0 0 6px; font-weight: bold; background: url(/skin/generic/interact/upd_list_arr.gif) no-repeat center left;text-decoration: underline;}
div#j21pCenterUpdates div.item img {padding:5px 10px 5px 5px; width: 80px; max-height: 138px; border: none; }
div#j21pCenterUpdates br {line-height: 1px;}
div#j21pCenterUpdates div.item p.subtitle a {padding: 0; margin: 0; font-size: 90%; background: none; text-decoration: none; font-weight: normal;}
div#j21pCenterUpdates div.item p.subtitle {padding: 5px 0 0 10px; }
div#j21pCenterUpdates div.header {background: #F7F7F7;}
div#j21pCenterUpdates div.item {border-top: 2px solid #F0F0F0;}
div#j21pCenterUpdates div.header, div#j21pCenterUpdates div.header a, div#j21pCenterUpdates div.header a:active,div#j21pCenterUpdates div.header a:link, div#j21pCenterUpdates div.header a:hover {color: #8D8C8C;}
div#j21pCenterUpdates div.time {background: #F0F0F0 url(/skin/generic/interact/upd_list_clock.gif) no-repeat left center;}
div#j21pCenterUpdates div.date {background: #F7F7F7; border-left: 1px solid #BABABA;}
div#j21pCenterUpdates div.author {background: #ffffff; border-left: 1px solid #BABABA; border-right: 1px solid #BABABA;}
div#j21pCenterUpdates div#rssupdates { float: right; }
div#j21pCenterUpdates img#updateListRssIcon { border: 0; text-align:left; padding-top: 6px; }

/* Forms */

div#bloglist select#goToWeblog, div#memberlist select#goToMember { font-size: 11px; width: 100px; }
div#bloglist input, div#memberlist input { font-size: 11px; width: 30px; margin: 0 0 0 5px; }
input.submit01 { margin: 0; font-size: 11px; width: 30px; }
input.feldsuche { font-size: 11px; width: 104px; }
input.input01 { font-size: 11px; width: 24px; } 


/* more elements */

div#welcometext img { margin: 6px; }
div#welcometext img[align="left"]{ margin-left: 0; }
div#welcometext img[align="right"]{ margin-right: 0; }
div#welcometext { padding: 0 0 20px 0; }
div#loggedin { font-size: 120%; }
div#welcometext { padding-bottom: 16px; }
div#userimage #description { margin: 2px 0; }
div#userimage a { line-height: 150%; }


/* calendar  */

#j21p_calendar { width: auto; }
#j21p_calendar .head { text-align: center; }
#j21p_calendar div.week { width: 200px; }
#j21p_calendar .week ul { list-style-type: none; }
#j21p_calendar .week li { display: inline;  }
#j21p_calendar .listwidth { width: 23px; float: left; text-align: center; }
#j21p_calendar ul { list-style: none; margin: 0; padding: 0; }
#j21p_calendar li { display: block; float: left; width: 24px; padding: 4px 0 4px 0; text-align: center; }


/* navigation bar */

#j21pNavD { height: 18px; display: block; line-height: 10px; font-size: 10px; }
#j21pNavBar { font-family: Verdana; font-size: 12px; line-height: 14px; position: absolute; left: 0; top: 0; z-index: 10000; width: 100%; height: 22px; display: block; padding: 0 0 1px 0;}
#j21pNavBar { color: #fff; background: #000; border-bottom: 1px solid #fff; filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6; }
#j21pNavBar a { color: #fff; }
#j21pNavBar a:hover { filter:alpha(opacity=100);-moz-opacity:1;opacity: 1; }
body > #j21pNavBar { position: fixed; }
#j21pNavBar #j21pNavL { float: left; }
#j21pNavBar #j21pNavR { float: right; }
#j21pNavBar ul { list-style: none; padding: 2px 0 0 0; margin: 0; }
#j21pNavBar li { display: inline; padding: 0 10px 0 10px; margin: 0; line-height: 20px; }
#j21pNavBar a { text-decoration:none; font-weight: bold; }
#j21pNavBar li#j21pRootLink { }
#j21pNavBar li#j21pRootLink a { background: url(/skin/generic/21p-logo-tiny.gif) center left no-repeat; width: 19px; height: 17px; line-height: 14px; display: block; float: left; margin: 1px 0 0 10px; }
#j21pNavBar li#j21pRootLink span { display: none; }


/* category navigation */

#subnavigation { list-style: none; padding-left: 0; margin-left: 0; }
#subnavigation li { font-size: 95%; }


/* welcome */

div#welcomehead h2 { margin: 0; padding: 0 0 16px 0; }

/* sign up button */

div#signupbutton { margin: 0 0 16px 0; text-align: left; background: #fff; }
div#signupbutton div { border: 2px solid #666; padding: 6px 6px 6px 4px; }
div#signupbutton a {  background: #666 url(/skin/generic/design/signup.gif) center left no-repeat; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em; padding: 0 0 0 44px; font-size: 18px; line-height: 18px; color: #666; text-decoration: none; }


/* form basics */

div.formcontainer { }
div.formcontainer form { margin: 0; padding: 0; }
div.formcontainer div.row input { font-size: 120%; width: 55%; float: left; padding: 2px; border: 1px solid #666; }

div.formcontainer label { font-size: 120%; float: left; padding: 4px 0 0 0; width: 40%; white-space:nowrap; }
div.formcontainer div.row { padding: 12px 0 12px 0; clear: both; }
div.formcontainer div#feedlist div.row input { width: 16px; margin-right: 8px; }
div#submitbuttons div.row { border-bottom: none; padding: 16px 0 0 0; }
div#submitbuttons input { width: 160px; background: #666; color: #fff; border: 1px solid #666; }
div#toswrapper { border: 1px solid #999; padding: 8px; height: 120px; overflow: scroll; margin: 16px 0 16px 0; }
div.addextra { clear: both; margin-left: 40%; padding: 8px 0 0 0; }
div#tosbox { font-size: 80%; }
div.row div.clr { clear: none; }

/* registerUser1 */

div#contnew { padding: 16px; border: 1px solid #999; margin: -2px 0 0 0; background: #eee; }
div#contexist { padding: 16px; border: 1px solid #999; margin: -2px 0 0 0;  background: #eee; display: none; }
div#regtabs {  margin: 8px 0 0 0; }
div#regtabs ul { list-style: none; margin: 0 0 0 8px; padding: 0 0 0 1px; }
div#regtabs li {  padding: 0; margin-left: -1px; float: left; border-left: 1px solid #999; }
div#regtabs li a { background: #ccc; border: 1px solid #999; border-bottom: 1px solid #999; border-left: none; text-decoration: none; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.05em; padding: 6px 8px 6px 8px; font-size: 120%; line-height: normal; color: #000; margin: 0 0 0 0; }
div#regtabs li.tabon a { background: #eee; border-bottom: 1px solid #eee;margin: 0 0 0 0; }
div#regtabs li.taboff a { background: #ccc; border-bottom: 1px solid #999; }
div#newsletter { padding: 6px 0 6px 0; }
div#newsletter input { float: left; margin-left: 0; width: auto; }
div#newsletter label { white-space:normal; padding-left: 6px; text-align: left; width: 78%; }
div#termcheck { padding: 6px 0 6px 0; }
div#termcheck input { float: left; margin-left: 0; width: auto; }
div#termcheck label { white-space:normal; padding-left: 6px; text-align: left; width: 78%; }
div#newsletter { padding: 12px 0 12px 0; }
div#termcheck { padding: 12px 0 12px 0; }
div#newsletter input { margin-top: 8px; padding: 0; }
div#termcheck input { margin-top: 8px; padding: 0; }

/* logo basics */

div#logo { height: 80px; }
div#logo img { border: none; }

/* send entry */

div.submitbuttons { padding-bottom: 32px; }

/* multihit */

ul.pageNav { list-style: none; padding: 0; margin: 0 0 30px 0; border-bottom: 1px dotted #ccc; }
ul.pageNav li { padding: 0; margin: 0; font-size: 120%; line-height: 120%; }

/* person/search */

table#resultTable { border-collapse:collapse; border-spacing:0; padding:0; margin: 0; }
table#resultTable th { border-collapse:collapse; border-spacing:0; padding:4px 6px 4px 6px; margin: 0; font-size: 120%; font-weight: bold; border-bottom: 1px solid #000; }
table#resultTable th#pageNav { border-collapse:collapse; border-spacing:0; padding:4px 6px 4px 6px; margin: 0; font-size: 100%; font-weight: bold; border-bottom: none; }
table#resultTable th#pageCount { border-collapse:collapse; border-spacing:0; padding:4px 6px 4px 6px; margin: 0; font-size: 100%; font-weight: bold; border-bottom: none; }
table#resultTable td {  border-collapse:collapse; border-spacing:0; padding:4px 6px 4px 6px; margin: 0; }
div#searchperson input[type="text"] { width: 95%; margin-bottom: 8px; }
div#searchperson select { width: 95%; }

/* footer */

div#footer div.pad { padding: 16px 0 24px 0; }

/* sidebar */

div#sidebar { margin-bottom: 20px; }

/* feedbackAuthorMail */

.j21p_clr { clear: both; float: none; font-size: 1px; line-height: 1px; height: 1px; width: 1px; overflow: hidden; }
#commentMailTitle { margin: 0 0 2% 22%; }
div.j21p_row { margin: 2% 0 0 0; }
div.j21p_row label { float: left; width: 20%; text-align: right; padding: 3px 0 0 0; margin: 0; }

div.j21p_row textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 2% 0 0 2%; width: 58%; height: 140px; display: block; padding: 2px; border: 1px solid #000; float: left; }
div#j21p_row_text label { margin: 1% 0 0 0 ; }
div.j21p_row div.j21p_onlytext { width: 58%; padding: 3px 0 0 10px; overflow: hidden; }
div.j21p_checkbox { width: 83%; overflow: hidden; float: right; }
div.j21p_checkbox input[type="checkbox"] { float: left; border: none; font-size: 14px; margin: 0 5px 0 0; width:auto; }
div.j21p_row div.j21p_checkbox label { width: 88%; text-align: left; padding: 2px 0 0 0; }
#submitbar { margin: 2% 0 2% 10%; }
#feedBackAuthorMailCancel { margin: 0 0 0 2%; }

div#j21p_messageWrap { padding: 20px 20px 20px 52px; border: 2px solid #9cf; background: #fff url(/skin/generic/admin/info.gif) top left no-repeat; color: #000; margin-bottom: 20px; }

/* forms */

div.entrybody form { margin: 0; padding: 0; }
div.entrybody div.msgcont { padding: 20px; border: 2px solid #9cf; margin-bottom: 20px; } 
div.entrybody div.row { margin: 0 0 10px 0; border-top: 1px dotted #ccc; float: none; clear: both; }
div.entrybody label { display: block; float: left; width: 38%; text-align: right; padding: 0 2% 0 0; line-height: 22px; margin: 10px 0 0 0; }

div.entrybody div.row input[type="hidden"] { border: none; display: none; }
div.entrybody select { font-family: Verdana, Arial, Helvetica, sans-serif; float: none; font-size: 14px; margin: 10px 0 0 40%; width: 58%; display: block; padding: 2px; border: 1px solid #000;  }
div.entrybody div.submitbuttons {  border-top: 1px dotted #ccc; float: none; clear: both; padding: 10px 0 10px 0; text-align: right; }
div.entrybody div.submitbuttons input { font-size: 16px; font-weight: bold; padding: 2px 20px 2px 20px; margin: 0 0 0 20px; }
div.entrybody div.row div { line-height: 22px; width: 68%; overflow: hidden; margin: 10px 0 0 0; }
div.entrybody div.row div.checkbox { width: 58%; margin: 0 0 0 40%; }
div.entrybody div.row div.checkbox input { float: left; font-size: 14px; margin: 14px 10px 0 0; width:auto; }
div.entrybody div.row div.checkbox label { width: 78%; text-align: left; }
div.entrybody div.row label span.note { font-size: 10px; line-height: 13px; }
div.formcontainer div#webaddr { font-size: 120%; width: 58%; text-align: left; } 

/* podcast */

div.j21p_podcast { padding: 10px 0 20px 0; font-size: 120%; line-height: 120%; display: block; }
div.j21p_podcast div.j21p_podlink { background: url(/skin/generic/admin/show_podcast.gif) center left no-repeat; padding: 0 0 0 27px; float: left; margin: 0 20px 0 0; }
div.j21p_podcast div.j21p_mp3link { background: url(/skin/generic/admin/save_podcast.gif) center left no-repeat; padding: 0 0 0 27px; float: left; }

/* color preview */

div#j21pPreviewData { width: 300px; padding: 20px 20px 20px 52px; border: 2px solid #9cf; background: #fff url(/skin/generic/admin/info.gif) top left no-repeat; margin: 20px auto 20px auto; font-size: 150%; }
div#j21pPreviewData div.j21p_optionSubmit { text-align: right; border-top: 2px dotted #ccc; padding: 10px 0 0 0; }
div#j21pPreviewData div.j21p_optionSubmit input { font-size: 18px; margin: 0 0 0 20px; font-weight: bold; padding: 2px 10px 2px 10px; }
div#j21pPreviewData div.j21p_optionSubmit input#yes { color: #009900; }
div#j21pPreviewData div.j21p_optionSubmit input#no { color: #c00; }

/* forms, the real forms... */

div.j21p_msgcont { padding: 20px; border: 2px solid #9cf; margin-bottom: 20px; } 
div.j21p_row { margin: 0 0 0 0; padding: 10px 0 10px 0; border-top: 1px dotted #ccc; float: none; clear: both; line-height: 16px; overflow: hidden; width: 100%; }
div.j21p_row label { float: left; width: 38%; text-align: right; padding: 3px 0 0 0; margin: 0; }
div.j21p_row input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 40%; width: 58%; display: block;  padding: 2px; border: 1px solid #000; }
div.j21p_row textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 40%; width: 58%; height: 140px; display: block; padding: 2px; border: 1px solid #000; }
div.j21p_row input[type="hidden"] { border: none; display: none; }
div.j21p_row select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 40%; width: 58%; display: block; padding: 2px; border: 1px solid #000; }
div.j21p_row img { margin: 0 0 0 2%; }
div.j21p_row select[multiple="multiple"] { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 2%; width: 58%; display: block; padding: 2px; border: 1px solid #000; height: 260px; }
div.j21p_optionSubmit { border-top: 2px dotted #ccc; float: none; clear: both; padding: 10px 0 10px 0; text-align: right; }
div.j21p_optionSubmit input { font-size: 18px; font-weight: bold; padding: 2px 10px 2px 10px; width: auto; margin: 0 0 0 20px; }
div.j21p_optionSubmit input.j21p_submit { color: #009900; }
div.j21p_optionSubmit input.j21p_cancel { color: #c00; }
div.j21p_row div.j21p_onlytext { width: 58%; padding: 3px 0 0 10px; overflow: hidden; }
div.j21p_row div.j21p_checkbox { width: 60%; overflow: hidden; float: right; }
div.j21p_row div.j21p_checkbox input { float: left; border: none; font-size: 14px; margin: 0 10px 0 0; width:auto; }
div.j21p_row div.j21p_checkbox label { width: 88%; text-align: left; padding: 2px 0 0 0; }
div.j21p_row label span.j21p_note { font-size: 11px; line-height: 13px; }
div.j21p_row div.j21p_note { font-size: 11px; line-height: 13px; width: 58%; margin: 10px 0 0 40%; }
div.j21p_row input[type="button"] { width: 40%; margin-left: 2%; }
div.j21p_row input[type="submit"] { width: 40%; margin-left: 2%; }
div.j21p_rownull { display: none; }



/* profile page */

div#j21p_personimage { width: 167px; float: left; padding: 5px; border: 1px solid #ccc; margin: 0 20px 10px 0; }
div#j21p_personimage img { width: 100%; }
div#j21p_aboutMe dl { margin: 0; padding: 0; }
div#j21p_aboutMe dt {margin: 0 0 4px 0; padding: 0; font-weight: bold; }
div#j21p_aboutMe dd {margin: 0 0 10px 0; padding: 0; }
div#j21p_statsbox { margin: 40px 0 30px 0; padding: 20px 20px 10px 20px; background: none; border: 1px solid #ccc; }
div#j21p_statsbox { font-size: 90%; }

div#j21p_stats { width: 48%; float: left; }
div#j21p_blogs { width: 48%; float: right; }

/* new logged in box */

#j21p_loggedin { text-align: center; width: 800px; margin: 0px auto 20px auto; padding: 5px 10px 5px 10px; background: #FAFAE1; color: #000; font-size: 16px; line-height: 18px; }
#j21p_loggedin a { color: #000; text-decoration: underline; font-weight: normal; }

/* tagcloud */

div#tagcloud div.box { text-align: justify; }
div#tagcloud div.box a { line-height: 1.4em; padding-right: 0.4em; text-decoration: none; font-weight: normal; }
div#tagcloud div.box span.a { font-size: 90%; }
div#tagcloud div.box span.b { font-size: 100%; }
div#tagcloud div.box span.c { font-size: 110%; }
div#tagcloud div.box span.d { font-size: 120%; }

/* classroom */

div#reviewcomments { background: #FAFAE1; padding: 10px; }

/* Photoblog Thumbnail List */

div#j21p_photo_thumbs { display: none; }
div#j21p_photo_thumbs div#j21p_photonew { display: block; padding: 2px 10px 1px 5px; width: 97px; text-transform: uppercase; line-height: 14px; font-size: 12px; }
div#j21p_photo_thumbs ul { list-style: none; padding: 0; margin: 0; }
div#j21p_photo_thumbs li { float: left; padding: 0; margin: 0 10px 10px 0; display: block; padding: 5px; text-align: center; border: 1px solid #CCCCCC; }
div#j21p_photo_thumbs li div.j21p_cutoff img { height: 90px; border: none; }
div#j21p_photo_thumbs li div.j21p_cutoff span { display: none; }
/* div#j21p_photo_thumbs li div.j21p_cutoff { width: 90px; height: 90px; overflow: hidden; } */
div#j21p_photo_thumbs li div.j21p_cutoff a { width: 100px; height: 100px; display: block; overflow: hidden; line-height: 1px; }
div.j21p_backlink { padding: 0 0 10px 0; }

/* layout exceptions for forms */

div#entercomment div.j21p_row label { float: none; display: block; width: auto; text-align: left; }
div#entercomment div.j21p_row textarea { width: 98%; float: none; margin-left: 0; }

/* search formatting */

div#searchftext input {  }
div#searchftext input.searchsubmit { width: 15%; float: right; margin-top: 10px; margin-right: 1%; }
div#searchpersons input {  }
div#searchpersons input.searchsubmit { width: 15%; float: right; margin-top: 10px; margin-right: 1%; }

/* entrylayout */

div.feedback { margin-top: 30px; }
div#writeComment { margin-top: 30px; }

/* persons results */

div#j21p_personsearch div.entrybody { border-bottom: 1px dotted #ccc; padding-top: 10px; padding-bottom: 10px; }
div#j21p_personsearch div.entryhead { width: 46%; float: left; display: block; }
div#j21p_personsearch div.entrytext { width: 46%; float: left; display: block; margin-left: 2%; line-height: 140%; }
div#j21p_personsearch div.entryfoot { display: none; }
div#j21p_personsearch ul.pageNav { margin-bottom: 10px; }

/* Fix IE. inline-block */

* html .j21p_clr { display: inline-block; }
* html div.j21p_row label { display: inline-block; }
* html div.j21p_row div.j21p_onlytext { display: inline-block; }
* html div.j21p_checkbox { display: inline-block; }
* html div.j21p_row { display: inline-block; }
* html div.j21p_row label { display: inline-block; }
* html div.j21p_row div.j21p_onlytext { display: inline-block; }
* html div.j21p_row div.j21p_checkbox { display: inline-block; }

/* members only feature */

div#j21p_membersonly { width: 480px; display: block; margin: 30px auto 30px auto; text-align: left; border: 3px solid #ccc; padding: 20px; }

div#j21p_membersonly h1 { font-size: 36px; }

div#j21p_membersonly div.j21p_head { display: none; }

div#j21p_membersresend { display: none; }