/*
 * TODO: replace these round corners with pure CSS
 * e.g.:
 *   background-color:#C8DCFF;
 *   border: solid 2px #2D3F9A;
 *   border-radius:4px;
 *   -moz-border-radius:4px;
 *   -webkit-border-radius:4px;
 *
 *
 *
 * */

.round-corners {
    margin: 4px;
    border: 2px;
    border-style: solid;
}
.rc-radius-5 {
    border-radius: 5px;
}
.rc-blue {
    border-color: #2d3f9a;
}

.RoundCorners {
  position: relative;
	margin: 6px;
}
.BlackInnerStrokeR7 {
	margin: 0;
}

.Top, .Bottom, .Left, .Right, .UpperLeft, .UpperRight, .LowerLeft, .LowerRight  {
    z-index: 2;
    position: absolute;
}

.MBlueR5>.Top, .MBlueR5>.Bottom, .MBlueR5>.Left, .MBlueR5>.Right {
    background-color: rgb(149, 174, 194);
	width: auto;
	height: auto;
}

.LBlueR5>.Top, .LBlueR5>.Bottom, .LBlueR5>.Left, .LBlueR5>.Right {
    background-color: rgb(215, 230, 250);
}

.BlueR5>.Top, .BlueR5>.Bottom, .BlueR5>.Left, .BlueR5>.Right {
    background-color: rgb(45, 63, 154);
}

.GreenR5>.Top, .GreenR5>.Bottom, .GreenR5>.Left, .GreenR5>.Right {
    background-color: rgb(78, 109, 73);
}

.RedR5>.Top, .RedR5>.Bottom, .RedR5>.Left, .RedR5>.Right {
    background-color: rgb(149, 78, 76);
}

.YellowR5>.Top, .YellowR5>.Bottom, .YellowR5>.Left, .YellowR5>.Right {
    background-color: rgb(227, 240, 48);
}

.WhiteR5>.Top, .WhiteR5>.Bottom, .WhiteR5>.Left, .WhiteR5>.Right {
    background-color: white;
}

.BlackInnerStrokeR7>.Top, .BlackInnerStrokeR7>.Bottom, .BlackInnerStrokeR7>.Left, .BlackInnerStrokeR7>.Right {
    background-color: rgb(149, 174, 194);
}

.BlackInnerStrokeR7>.Top {
	border-bottom-color: rgb(77, 77, 77);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.BlackInnerStrokeR7>.Bottom {
	border-top-color: black;
	border-top-width: 1px;
	border-top-style: solid;
}
.BlackInnerStrokeR7>.Left {
	border-right-color: rgb(77, 77, 77);
	border-right-width: 1px;
	border-right-style: solid;
}
.BlackInnerStrokeR7>.Right {
	border-left-color: black;
	border-left-width: 1px;
	border-left-style: solid;
}

.R5>.Top, .R5>.Bottom {
    height: 2px;
	width: auto;
    Left: 2px;
    Right: 2px;
}
.R5>.Left, .R5>.Right {
    width: 2px;
	height: auto;
    Top: 2px;
    Bottom: 2px;
}
.R5>.Top, .R5>.UpperLeft, .R5>.UpperRight  {
    Top: -2px;
}
.R5>.Bottom, .R5>.LowerLeft, .R5>.LowerRight {
    Bottom: -2px;
}
.R5>.Left, .R5>.UpperLeft, .R5>.LowerLeft  {
    Left: -2px;
}
.R5>.Right, .R5>.UpperRight, .R5>.LowerRight {
    Right: -2px;
}
.R5>.UpperLeft, .R5>.UpperRight, .R5>.LowerLeft, .R5>.LowerRight {
	width: 5px;
	height: 5px;
}

.R7>.Top, .R7>.Bottom {
    height: 2px;
	width: auto;
    Left: 3px;
    Right: 3px;
}
.R7>.Left, .R7>.Right {
    width: 2px;
	height: auto;
    Top: 3px;
    Bottom: 3px;
}
.R7>.Top, .R7>.UpperLeft, .R7>.UpperRight  {
    Top: -3px;
}
.R7>.Bottom, .R7>.LowerLeft, .R7>.LowerRight {
    Bottom: -3px;
}
.R7>.Left, .R7>.UpperLeft, .R7>.LowerLeft  {
    Left: -3px;
}
.R7>.Right, .R7>.UpperRight, .R7>.LowerRight {
    Right: -3px;
}
.R7>.UpperLeft, .R7>.UpperRight, .R7>.LowerLeft, .R7>.LowerRight {
	width: 7px;
	height: 7px;
}

.MBlueR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-05.png);
}
.MBlueR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-06.png);
}
.MBlueR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-07.png);
}
.MBlueR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-08.png);
}

.LBlueR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-09.png);
}
.LBlueR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-10.png);
}
.LBlueR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-11.png);
}
.LBlueR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-12.png);
}

.BlackInnerStrokeR7>.UpperLeft {
    background-image: url(Graphics/RoundCorners-01.png);
}
.BlackInnerStrokeR7>.UpperRight {
    background-image: url(Graphics/RoundCorners-02.png);
}
.BlackInnerStrokeR7>.LowerLeft {
    background-image: url(Graphics/RoundCorners-03.png);
}
.BlackInnerStrokeR7>.LowerRight {
    background-image: url(Graphics/RoundCorners-04.png);
}

.BlueR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-17.png);
}
.BlueR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-18.png);
}
.BlueR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-19.png);
}
.BlueR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-20.png);
}

.GreenR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-13.png);
}
.GreenR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-14.png);
}
.GreenR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-15.png);
}
.GreenR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-16.png);
}

.RedR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-21.png);
}
.RedR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-22.png);
}
.RedR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-23.png);
}
.RedR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-24.png);
}

.YellowR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-25.png);
}
.YellowR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-26.png);
}
.YellowR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-27.png);
}
.YellowR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-28.png);
}

.WhiteR5>.UpperLeft {
    background-image: url(Graphics/RoundCorners-29.png);
}
.WhiteR5>.UpperRight {
    background-image: url(Graphics/RoundCorners-30.png);
}
.WhiteR5>.LowerLeft {
    background-image: url(Graphics/RoundCorners-31.png);
}
.WhiteR5>.LowerRight {
    background-image: url(Graphics/RoundCorners-32.png);
}