/*
############################################################
#  Krishanletter v0.8.0                                    #
#  Copyright (C) 2007 by Krishan                           #
#  License: Krishan software license                       #
#                                                          #
#  kltest.css - 09.09.2007                                 #
#  CSS for Let's test the krishanletter!                   #
############################################################
*/

/* ######## design of the testpage itself ######## */

h1 { font-family: Tahoma; color:black; margin:10px; font-size:18pt; letter-spacing:0.4mm; text-align: center; }
h2 { font-family: Tahoma; color:black; margin:10px; font-size:12pt; letter-spacing:0.3mm; margin-left:10px; }
ul {font-size:10px; margin:2px 0 2px 65px;}
li {margin:0}


/* ######### design for Krishanletter elements ######## */

/*** error and information bars ***/
.infobar {
	margin:2px 0 10px 0;
	padding:10px;
	color:white;
	background:transparent;
	font-weight: bold;
}
.errorbar {
	margin:2px 0 10px 0;
	padding:10px;
	color:#DE2121;
	background:transparent;
	font-weight: bold;
}

/*** buttons in un-/subscription forms ***/
.klbuttons { margin: 7px 0 }

/*** the different un-/subscription forms ***/
#miniform, #signform, #subscriptionform, #unsubscriptionform { margin: 10px 0 10px 30px; padding:10px; border: 1px solid black;}

/*** the subscription form ***/
#miniform { width:16em; text-align: center; }

/*** the subscription form ***/
#signform { width:20em; text-align: center; }

/*** the subscription form ***/
#subscriptionform { width:31em; }

/*** the unsubscription form ***/
#unsubscriptionform { width:31em; }

/*** labels of input fields ***/
label.left {
	float: left;
	width: 9em;
	display:inline;
	margin-right: .3em;
	font-family: Tahoma;
	font-size: 11pt
}
/*** labels of checkboxes and radios ***/
label.right {
	margin-left: .3em;
	margin-right: .4em;
	font-family: Tahoma;
	font-size: 10pt;
}
/*** <div> around inputs ***/
.inputs {
	margin: 0 0 0 9.3em;
}

/*** additional information under an input field ***/
.klfieldinfo {
	font-family: Tahoma;
	display: block;
	font-size: 10px;
	margin-top: 2px;
}

/*** additional information under a selectable group ***/
.klgroupdescription {
	display:block;
	font-size: 10px;
	margin-top:2px;
	margin-left: 3.3em;
	font-family: Tahoma;
}

/*** the info text about required fields or a not listed recipient ***/
.requiredinfo, .notinlist {
	font-family: Tahoma;
	font-size: 14px;
	color: black;
}
/*** label of desired fields ***/
.desired {
	font-weight:  normal;
}

/*** error class of the <div> containing <label> and <input> ***/
.error {
  background: #ffffe1 url(required_bg.gif) no-repeat top left;
  color: #333333;
  border: 1px solid #ff0000;
  margin: 0 -5px 10px -5px;
  padding: 5px;
  font-family: Tahoma;
}
/*** the error message of an input field itself ***/
.errormsg {
	color:#DE2121;
	background:transparent;
	font-weight: bold;
	font-size: 12px;
}

/*** if mails are shown on screen (e-mail testmode on) ***/
#testmail{
  font: 12px "Tahoma", Courier, monospace;
  color: black;
  border: 1px solid gray;
  background: #DDDDDD;
  padding: 5px;
}

/*** link to archived newsletters ***/
.archive_link { margin-left: 10px; }
form .archive_link { text-align: center; margin: 20px 0 10px 0; }

/*** index table of archived newsletters ***/
.archive_index {
	margin: 0 0 10px 30px;
	padding:10px;
	border: 1px dotted white;
}
.archive_index th {
	padding: 2px 10px;
	text-align: left;
}
.archive_index td {
	padding: 2px 10px;
}

/*** table of one archived newsletter ***/
.archive_entry {
	margin: 0 0 10px 30px;
	padding:10px;
	border: 1px dotted white;
}
.archive_entry th {
	padding: 10px 5px;
	text-align: left;
	vertical-align: top;
}
.archive_entry td {
	padding: 10px 10px;
}

/*** the copyright info has to be visible! ***/
.programinfo { margin-left: 10px; }
form .programinfo { text-align: center; margin-left: 0px; }
.programinfo a:link    { font: 10px Arial, Verdana, sans-serif; text-decoration:none; color: #777777; }
.programinfo a:visited { font: 10px Arial, Verdana, sans-serif; text-decoration:none; color: #777777; }
.programinfo a:hover   { font: 10px Arial, Verdana, sans-serif; text-decoration:none; color: #777777; }
.programinfo a:active  { font: 10px Arial, Verdana, sans-serif; text-decoration:none; color: #777777; }