/* CSS Document */

/* Rounded box --------------------------------------------------------------------------------- */
.RoundedBox {
	margin: 0;
	padding: 0;
}
.RoundedBoxTopLeft {
	margin:inherit;
	width:8px; 
	height:25px;
	background-image:url(/gif/roundedbox/lefttop.gif); 
	background-position:center;  
	/*float: left;  */ /* FireFox doesn't like float */
}
.RoundedBoxTop {
	margin:inherit;
	height:25px;
	background-image:url(/gif/roundedbox/top.gif);
	background-repeat:repeat-x;
	background-position:center;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	font-weight:bold;
	line-height: 25px; /* A great way to avoid padding (which is treated differently in IE and Firefox)*/
	color:#FFFFFF; 
	text-align:left; 
	/*float: left;  */ /* FireFox doesn't like float */
}
.RoundedBoxTopRight {
	margin:inherit;
	width:8px; 
	height:25px;
	background-image:url(/gif/roundedbox/righttop.gif); 
	background-position:center;  
	/*float: right;  */ /* FireFox doesn't like float */
}
.RoundedBoxContent {
	margin:inherit;
	/*padding: 10px;*/ /* I'm using another layer with margin instead, because IE and Firefoxs treats padding different*/
	background-color:#FFC7A3;
}.RoundedBoxBottomLeft {
	margin:inherit;
	width:7px;
	height:7px;
	background-image:url(/gif/roundedbox/leftbottom.gif); 
	background-position:top; 
	background-repeat:no-repeat;
	float: left;  
}.RoundedBoxBottom {
	margin:inherit;
	height: 7px;
	/*background-color:#FFC7A3;*/
	background-image:url(/gif/roundedbox/bottom.gif);
	background-repeat:repeat-x;
	background-position:top;
	float: left;
}
.RoundedBoxBottomRight {
	margin:inherit;
	width:7px;
	height:7px;
	background-image:url(/gif/roundedbox/rightbottom.gif); 
	background-position:top; 
	background-repeat:no-repeat; 
	float: right
}

/* Big Rounded box --------------------------------------------------------------------------------- */
.RoundedBoxBig {
	margin: 0;
	padding: 0;
}
.RoundedBoxBigTopLeft {
	margin:inherit;
	width:19px; 
	/*height:36px;*/
	/*padding-top:5px;*/
	line-height:36px;
	background-image:url(/gif/roundedbox/big/lefttop.gif); 
	background-position:top; 
	float: left; 
}
.RoundedBoxBigTop {
	margin:inherit;
	/*height:36px;*/
	/*padding-top:8px;*/
	background-image:url(/gif/roundedbox/big/top.gif);
	background-repeat:repeat-x;
	background-position:top;  
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:18px; 
	font-weight:600;
	line-height:36px;
	color:#FFFFFF; 
	text-align:left; 
	float: left;  
}
.RoundedBoxBigTopRight {
	margin:inherit;
	width:19px; 
	/*height:36px;*/
	/*padding-top:5px;*/
	line-height:36px;
	background-image:url(/gif/roundedbox/big/righttop.gif); 
	background-position:top;  
	float: right;
}
.BGColor {
	background-color: #FFA064;
}
.RoundedBoxBigContent {
	margin:inherit;
	/*padding: 20px 10px 10px 10px;*/ /* I'm using another layer with margin instead, because IE and Firefoxs treats padding different*/
	border-left: 5px solid #FFA064;
	border-right: 5px solid #FFA064;
	/*background-color:#FFC7A3;*/
	float:none;
}
.RoundedBoxBigContentPadding {
	padding:20px 0px 10px 10px;
}
.RoundedBoxBigBottomLeft {
	margin:inherit;
	width:16px;
	height:30px;
	background-image:url(/gif/roundedbox/big/leftbottomborder.gif); 
	background-position:top; 
	background-repeat:no-repeat;
	float: left;  
}.RoundedBoxBigBottom {
	margin-top:11;
	height: 5px;
	background-color:#FFA064; /* FFC7A3 */
	font-size:1px;
	/*background-image:url(/gif/roundedbox/big/bottom.gif);
	background-repeat:repeat-x;
	background-position:top;*/
	float: left;
	/*border-bottom: 5px solid #FFC7A3;*/
}
.RoundedBoxBigBottomRight {
	margin:inherit;
	width:16px;
	height:16px;
	background-image:url(/gif/roundedbox/big/rightbottomborder.gif); 
	background-position:top; 
	background-repeat:no-repeat; 
	float: right;
}

.RoundedBoxBigMenu {
	height:25px; 
	border-left: 5px solid #FFA064;
	border-right: 5px solid #FFA064;
	float:none;
}
.RoundedBoxBigFlapLeft {
	margin:inherit;
	margin-left: 1px; /* If some space is wanted between the flaps */
	width:5px; 
	height:25px;
	background-image:url(/gif/roundedbox/big/flapleftlight.gif);
	/*background-position:bottom;*/ 
	/*float: left; */
}
.RoundedBoxBigFlap {
	margin:inherit;
	height:25px;
	padding:0px 2px 0px 2px;
	background-color:#FFD4B8;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px; 
	font-weight:bold;
	line-height: 25px;
	/*color:#000000;*/
	text-align:left; 
	/*float: left;*/
	background-position:bottom; /* for the shadow when highligthed */
	background-repeat:repeat-x;
}
.RoundedBoxBigFlapright {
	margin:inherit;
	width:5px; 	
	height:25px;
	background-image:url(/gif/roundedbox/big/flaprightlight.gif); 
	/*background-position:bottom;*/ 
	/*float: right;*/
}

/* Link styling --------------------------------------------------------------------------------------------------------------------*/

.roundedboxmenu {
	text-decoration: none;
	color:#000000;
}
.roundedboxmenu:hover {
	text-decoration: underline;
}