/* new UI look with rounded corners */

.rounded .header {
}

.rounded .header .outer {
    background: url(images/Rounded-Style/top-right.png) right no-repeat;
	padding-right: 9px;
}

.rounded .header .inner {
    background: url(images/Rounded-Style/top-left.png) left no-repeat;
	padding-left: 9px;
}

.rounded .header .content {
    background: url(images/Rounded-Style/top-mid.png) repeat;
    height: 23px;
}

.rounded .header .content H2 {
	padding-top: 4px;
    font-size: 12px;
    font-weight: bold;
    color: White;
    margin: 0;
}

.rounded .body .outer {
    background: url(images/Rounded-Style/right.png) right repeat-y;
    padding-right: 9px;
}

.rounded .body .inner {
    background: url(images/Rounded-Style/left.png) left repeat-y;
    padding-left: 9px;
}

.rounded .body .content {
	background-color: #ffffff;
}

.rounded .body .content .footer {
    background: url(images/Rounded-Style/footer-2.gif) repeat-x bottom;
    height: 41px;
}

.rounded .footer .outer {
    background: url(images/Rounded-Style/bottom-right.png) right top no-repeat;
    padding-right: 9px;
}

.rounded .footer .inner {
    background: url(images/Rounded-Style/bottom-left.png) left top no-repeat;
    padding-left: 9px;
}

.rounded .footer .content {
    background: url(images/Rounded-Style/bottom-mid.png) repeat;
    height: 9px;
}

.rounded .body .content .footer .commands {
    padding: 12px 8px 0px 8px;
}           

.rounded .body .content .footer .commands INPUT {
    /* keep the buttons a consistent size */    
    width:75px;        
}                   

.modalPopup .rounded .header .content .close {
    text-align: center;
    float: right;
    padding-top: 1px;
}

.modalPopup .rounded .header .content .close INPUT {
    /* the image is 20x20 pixels wide */
    height: 20px;
    width: 20px;	
    background: url(images/Rounded-Style/close.png) no-repeat;	
    cursor: pointer;
    border: 0px;
}

.modalPopup .rounded .header .content .close INPUT:hover {
    /* set the hover image */
    background: url(images/Rounded-Style/close-hover.png) no-repeat;	
}        


.rounded .login {
	background-color: #F7F6F3;
	border: solid #E6E2D8 1px;
	font-family: Verdana Arial Sans-Serif;
    font-size: 10pt;
    color: #333333;
    height: 130px;
    width: 100%;
}

.rounded .recover {
	background-color: #F7F6F3;
	border: solid #E6E2D8 1px;
	font-family: Verdana Arial Sans-Serif;
    font-size: 10pt;
    color: #333333;
    height: 130px;
    width: 100%;
}