/*
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. 
*/

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

 
/* ***************************************************************** *
 *   BOXES 
 * ***************************************************************** */
/* commons for all boxes */
#rightCol div.stdBox, #rightCol div.orangeBox {
	margin-bottom: 20px;
	background: #ffffff;
}
#rightCol .stdBox h5, #rightCol .orangeBox h5 {
	padding: 4px 0 4px 6px;
	margin: 0;
	font-size: 14px;
}
#rightCol .stdBox div.content, #rightCol .orangeBox div.content {
	padding: 4px 6px;
	font-size: 12px;
}
#rightCol div.content p {
	padding: 2px 0;
	margin: 0;
}
#rightCol div.content h2 {
	padding: 2px 0;
	margin: 0;
	font-size: 12px;
	line-height: 1.2em;
}
#rightCol div.content ul {
	margin: 4px 0 4px 16px;
	padding: 0;
}
#rightCol div.content ul li {
	padding-top: 1px;
	padding-bottom: 4px;
	line-height: 1.2em;
}
#rightCol div.content ul li a {
	text-decoration: none;
	color: #009900;
}
#rightCol div.content ul li a:hover {
	text-decoration: underline;
	color: #66cc33;
}

/* colour specific */
#rightCol .stdBox {
	border: 1px solid #0A2197;
} 
#rightCol .stdBox h5 {
	background: #0A2197;
	color: #ffffff;
}
#rightCol .stdBox ul {
	list-style-image: url(/images/layout/boxes/bullet_grey.gif);
}
#rightCol .orangeBox {
	border: 1px solid #ff9900;
} 
#rightCol .orangeBox h5 {
	background: #ff9900;
}

/* forms */
#rightCol form input {
	font-size: 11px;
}
#rightCol form input.formInputTxt {
	width: 172px;
	padding: 2px;
	border: 1px solid #666666;
	margin: 2px 0 6px 0;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 166px;
}
html>body #rightCol form input.formInputTxt  {
	width: 166px;
}
#rightCol form div.fieldname {
	color: #666666;
}
#rightCol form div.sendbutton {
	margin: 0 0 2px 0;
	text-align: right;
}