/*
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 */
#leftCol div.greenBox, #rightCol div.greenBox,
#leftCol div.orangeBox, #rightCol div.orangeBox,
#leftCol div.redBox, #rightCol div.redBox, 
#leftCol div.yellowBox, #rightCol div.yellowBox {
  border: 1px solid #999999;
	margin-bottom: 20px;
}
#leftCol div.title, #rightCol div.title {
	height: 25px;
	border-bottom: 1px solid #999999;
}

#leftCol div.title div.topLeftCorner, #rightCol div.title div.topLeftCorner {
  position: relative;
	top: -1px;
	left: -1px;
}
#leftCol div.title h3, #rightCol div.title h3 {
  padding: 3px 4px 0 0;
	margin: 0;
	float: right;
	font-size: 12px;
	font-weight: bold;
}
#leftCol div.image, #rightCol div.image {
  padding-top: 4px;
	text-align: center;
}
#leftCol div.content, #rightCol div.content {
  padding: 4px;
	font-size: 12px;
}
#leftCol div.content ul, #rightCol div.content ul {
  margin: 4px 0 6px 20px;
	padding: 0;
}
#leftCol div.content ul li, #rightCol div.content ul li {
	padding: 3px 0;
	line-height: 1.2em;
}
#leftCol div.content ul li a, #rightCol div.content ul li a {
  text-decoration: none;
	color: #000000;
}
#leftCol div.content ul li a:hover, #rightCol div.content ul li a:hover {
  text-decoration: underline;
	color: #66cc33;
}
#leftCol div.footer, #rightCol div.footer {
	height: 10px;
	margin-top: -10px;
}
#leftCol div.footer div.inner, #rightCol div.footer div.inner {
  position: relative;
	top: 1px;
	left: 1px;
	height: 10px;
  background: url(/images/layout/boxes/corners/bottomRight.gif) right bottom no-repeat;
}

/* colour specific */
#leftCol div.greenBox div.title, #rightCol div.greenBox div.title {
  background: #66cc33;
}
#leftCol div.redBox div.title, #rightCol div.redBox div.title {
  background: #ff0000;
}
#leftCol div.yellowBox div.title, #rightCol div.yellowBox div.title {
  background: #ffff00;
}
#leftCol div.greenBox div.title div.topLeftCorner, #rightCol div.greenBox div.title div.topLeftCorner {
  background: url(/images/layout/boxes/corners/topLeft_green.gif) no-repeat;
}
#leftCol div.redBox div.title div.topLeftCorner, #rightCol div.redBox div.title div.topLeftCorner {
  background: url(/images/layout/boxes/corners/topLeft_red.gif) no-repeat;
}
#leftCol div.yellowBox div.title div.topLeftCorner, #rightCol div.yellowBox div.title div.topLeftCorner {
  background: url(/images/layout/boxes/corners/topLeft_yellow.gif) no-repeat;
}
#leftCol div.greenBox div.title h3, #rightCol div.greenBox div.title h3 {
  color: #ffffff;
}
#leftCol div.redBox div.title h3, #rightCol div.redBox div.title h3 {
  color: #ffffff;
}
#leftCol div.yellowBox div.title h3, #rightCol div.yellowBox div.title h3 {
  color: #333333;
}
#leftCol div.greenBox div.content ul, #rightCol div.greenBox div.content ul {
	list-style-image: url(/images/layout/boxes/bullet_green.gif);
}
#leftCol div.redBox div.content ul, #rightCol div.redBox div.content ul {
	list-style-image: url(/images/layout/boxes/bullet_red.gif);
}
#leftCol div.yellowBox div.content ul, #rightCol div.yellowBox div.content ul {
	list-style-image: url(/images/layout/boxes/bullet_grey.gif);
}