﻿
/* Rounded rectangle style. */

.RoundedRectangle
{
	display: inline-block;
	margin: 5px;
}

.RoundedRectangle .Corner
{
	background-position: center center;
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
}

.RoundedRectangle .Block
{
	min-width: 8px;
	min-height: 8px;
}


.IE_Compatible .RoundedRectangle .RectangleContents
{
}

.RoundedRectangle .RectangleContents
{
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.RoundedRectangle_Paddingblock
{
	padding: 10px;
}


/* -----------------------------------------------

	Blue

----------------------------------------------- */

.RoundedRectangle_Blue .Block
{
	background-color: #D0E0F8;
}

.RoundedRectangle_Blue .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/Blue/TopLeft.png);
}

.RoundedRectangle_Blue .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/Blue/TopRight.png);
}

.RoundedRectangle_Blue .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/Blue/BottomLeft.png);
}

.RoundedRectangle_Blue .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/Blue/BottomRight.png);
}

.RoundedRectangle_Blue_Highlight:hover .Block
{
	background-color: #D8E8FF;
}

.RoundedRectangle_Blue_Highlight:hover .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/Blue/TopLeft_Highlight.png);
}

.RoundedRectangle_Blue_Highlight:hover .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/Blue/TopRight_Highlight.png);
}

.RoundedRectangle_Blue_Highlight:hover .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/Blue/BottomLeft_Highlight.png);
}

.RoundedRectangle_Blue_Highlight:hover .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/Blue/BottomRight_Highlight.png);
}






/* -----------------------------------------------

	Green

----------------------------------------------- */

.RoundedRectangle_Green .Block
{
	background-color: #C8DB2C;
}

.RoundedRectangle_Green .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/Green/TopLeft.jpg);
}

.RoundedRectangle_Green .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/Green/TopRight.jpg);
}

.RoundedRectangle_Green .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/Green/BottomLeft.jpg);
}

.RoundedRectangle_Green .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/Green/BottomRight.jpg);
}

.RoundedRectangle_Green_Highlight:hover .Block
{
	background-color: #D6E26B;
}

.RoundedRectangle_Green_Highlight:hover .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/Green/TopLeft_Highlight.jpg);
}

.RoundedRectangle_Green_Highlight:hover .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/Green/TopRight_Highlight.jpg);
}

.RoundedRectangle_Green_Highlight:hover .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/Green/BottomLeft_Highlight.jpg);
}

.RoundedRectangle_Green_Highlight:hover .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/Green/BottomRight_Highlight.jpg);
}

.RoundedRectangle_Green_Block
{
	background-color: #C8DB2C;
}







/* -----------------------------------------------

	Grey Outline

----------------------------------------------- */

.RoundedRectangle_GreyOutline .Block
{
	background-color: #FFFFFF;
}

.RoundedRectangle_GreyOutline .BlockLeft
{
	border-left: solid 1px #77889A;
}

.IE_Compatible .RoundedRectangle_GreyOutline .BlockLeft
{
	border-left: solid 0px #77889A;
	background-image: url(../images/RoundedRectangle/GreyOutline/Verticle.png);
	background-position: left top;
	background-repeat: repeat-y;
}

.RoundedRectangle_GreyOutline .BlockTop
{
	border-top: solid 1px #77889A;
}

.IE_Compatible .RoundedRectangle_GreyOutline .BlockTop
{
	border-top: solid 0px #77889A;
	background-image: url(../images/RoundedRectangle/GreyOutline/Horizontal.png);
	background-position: left top;
	background-repeat: repeat-x;
}

.RoundedRectangle_GreyOutline .BlockRight
{
	border-right: solid 1px #77889A;
}

.IE_Compatible .RoundedRectangle_GreyOutline .BlockRight
{
	border-right: solid 0px #77889A;
	background-image: url(../images/RoundedRectangle/GreyOutline/Verticle.png);
	background-position: right top;
	background-repeat: repeat-y;
}

.RoundedRectangle_GreyOutline .BlockBottom
{
	border-bottom: solid 1px #77889A;
}

.IE_Compatible .RoundedRectangle_GreyOutline .BlockBottom
{
	border-bottom: solid 0px #77889A;
	background-image: url(../images/RoundedRectangle/GreyOutline/Horizontal.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.RoundedRectangle_GreyOutline .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/GreyOutline/TopLeft.png);
	background-position: right bottom;
}

.RoundedRectangle_GreyOutline .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/GreyOutline/TopRight.png);
	background-position: left bottom;
}

.RoundedRectangle_GreyOutline .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/GreyOutline/BottomLeft.png);
	background-position: right top;
}

.RoundedRectangle_GreyOutline .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/GreyOutline/BottomRight.png);
	background-position: left top;
}

.RoundedRectangle_GreyOutline_Block
{
	background-color: #FFFFFF;
}


/* -----------------------------------------------

	White

----------------------------------------------- */

.RoundedRectangle_White .Block
{
	background-color: #FFFFFF;
}

.RoundedRectangle_White .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/White/TopLeft.png);
}

.RoundedRectangle_White .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/White/TopRight.png);
}

.RoundedRectangle_White .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/White/BottomLeft.png);
}

.RoundedRectangle_White .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/White/BottomRight.png);
}

.RoundedRectangle .White_Highlight:hover .Block
{
	background-color: #FFFFFF;
}

.RoundedRectangle_White .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/White/TopLeft.png);
}

.RoundedRectangle_White .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/White/TopRight.png);
}

.RoundedRectangle_White .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/White/BottomLeft.png);
}

.RoundedRectangle_White .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/White/BottomRight.png);
}

.RoundedRectangle_White_Block
{
	background-color: #FFFFFF;
}




/* -----------------------------------------------

	Grey

----------------------------------------------- */

.RoundedRectangle_Grey .Block
{
	background-color: #E8E8E8;
	color: #808080;
}

.RoundedRectangle_Grey .Corner_TopLeft
{
	background-image: url(../images/RoundedRectangle/Grey/TopLeft.jpg);
}

.RoundedRectangle_Grey .Corner_TopRight
{
	background-image: url(../images/RoundedRectangle/Grey/TopRight.jpg);
}

.RoundedRectangle_Grey .Corner_BottomLeft
{
	background-image: url(../images/RoundedRectangle/Grey/BottomLeft.jpg);
}

.RoundedRectangle_Grey .Corner_BottomRight
{
	background-image: url(../images/RoundedRectangle/Grey/BottomRight.jpg);
}

.RoundedRectangle_Grey_Block
{
	background-color: #E8E8E8;
}











/* -----------------------------------------------

	Transparent

----------------------------------------------- */

.RoundedRectangle_Transparent .Block
{
}

.RoundedRectangle_Transparent .Corner_TopLeft
{
}

.RoundedRectangle_Transparent .Corner_TopRight
{
}

.RoundedRectangle_Transparent .Corner_BottomLeft
{
}

.RoundedRectangle_Transparent .Corner_BottomRight
{
}

.RoundedRectangle_Transparent_Block
{
}







.RoundedCorners
{
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.RoundedCorners input,
.RoundedCorners select,
.RoundedCorners option,
.RoundedCorners textarea
{
	position: relative;
	z-index: 1000;
}

.RoundedCorners .Corner
{
	width: 6px;
	height: 6px;
	background-repeat: no-repeat;
	position: absolute;
}

.RoundedCorners .TopLeft
{
	background-image: url(../Images/RoundedRectangle/White/Outer_TopLeft.png);
	background-position: left top;
	left: 0px;
	top: 0px;
}
.RoundedCorners .TopRight
{
	background-image: url(../Images/RoundedRectangle/White/Outer_TopRight.png);
	background-position: right top;
	right: 0px;
	top: 0px;
}
.RoundedCorners .BottomLeft
{
	background-image: url(../Images/RoundedRectangle/White/Outer_BottomLeft.png);
	background-position: left bottom;
	left: 0px;
	bottom: 0px;
}
.RoundedCorners .BottomRight
{
	background-image: url(../Images/RoundedRectangle/White/Outer_BottomRight.png);
	background-position: right bottom;
	right: 0px;
	bottom: 0px;
}