/*
This stylesheet is included in the live webpage as well as inside the CMS when editing box contents. 
It must contain all styles information that should be applied as well to the box column inside the CMS!
All styles that are used for positioning should be placed in styles.css which IS NOT included in the CMS.
Please use the config value $oCMS_cfgIng["box"]["colWidth"] to specify a width for the column in the CMS. 
*/

/* ***************************************************************** *
 * ***************************************************************** *
 *   BASIC STYLES  
 * ***************************************************************** *
 * ***************************************************************** */

/* white rounded rect  */
#rightCol .whRect {
  	width: 256px;
  	margin-bottom: 10px;
}
#rightCol .whRect .top {
	height: 18px;
	background: url(/images/layout/whRect_top.gif) no-repeat;
	overflow: hidden;
}
/* #rightCol.home .whRect .mid {   homepage must have a predefined height! 
  	height: 386px;
}    */
#rightCol .whRect .mid {
	padding: 0 20px 0 10px; 
	background: url(/images/layout/whRect_mid.gif) repeat-y;
}
#rightCol .whRect .end {
	height: 24px;
	background: url(/images/layout/whRect_end.gif) no-repeat;
	overflow: hidden;
}


/* ***************************************************************** *
 * ***************************************************************** *
 *   OBJECTS IN THE BOX AREAS  
 * ***************************************************************** *
 * ***************************************************************** */

/** 
 * #rightCol:
 * available inner width: 287px 
 * 
 */
#rightCol {
  	font-size: 11px;
}
#rightCol h2 {
  	padding: 14px 0 6px 0;
	border: 0; 
  	color: #006600;
	font-size: 12px;
	font-weight: bold;
} 
#rightCol h3 {
  	padding: 8px 0 4px 0;
	border: 0; 
  	color: #006600;
	font-size: 11px;
	font-weight: bold;
} 

/* bullet list */
#rightCol .whRect ul.greenBullet {
  	margin: 0;
	padding: 0;
	list-style-image: url(/images/objects/bullet_green.gif);
	list-style-position: outside;
}
#rightCol .whRect ul.greenBullet li {
  	margin: 0 0 0 18px;
	padding: 2px 0 6px 0;
}
#rightCol .whRect ul.greenBullet li .date {
	color: #006600;
}
#rightCol .whRect ul.greenBullet li a, #rightCol .whRect ul.greenBullet li a:visited {
  	color: #000000;
	text-decoration: none;
}
#rightCol .whRect ul.greenBullet li a:hover {
	text-decoration: underline;
}

#rightCol .titleImg {
	margin: 0 0 8px 0;
}   
#rightCol .whRect .intro {
	margin-bottom: 6px;
	font-size: 11px;
	color: #669900;
}

           
/* form */      
#rightCol .whRect .mid form.boxForm a, #rightCol .whRect .mid form.boxForm a:visited {
	color: #669900;
}
#rightCol form.boxForm table.formTbl  {
	width: 100%;
	border: 0;
}
#rightCol form.boxForm table.formTbl tr td {
	padding: 2px 0;
}
#rightCol form.boxForm table.formTbl tr td.title {
	font-size: 11px; 
	color: #669900;
	font-weight: bold;
}
#rightCol form.boxForm table.formTbl tr td.field {
	text-align: right; 
}
#rightCol form.boxForm input.formInputTxt {
	border: 1px solid #cccccc;
	width: 160px;
	padding: 1px;
	font-size: 11px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 156px;
}
html>body #rightCol form.boxForm input.formInputTxt {
	width: 156px;
}
#rightCol form.boxForm .submitBut {
	margin: 6px 0;
	text-align: right;
}
#rightCol form.boxForm .submitBut input {
	margin: 0 0 0 auto;
}