﻿/* rounded corners */
/* inspired by Stu Nicholls */
/* http://www.cssplay.co.uk/boxes/krazy.html */


.rounded, .roundedBlue {
	background: none transparent scroll repeat 0% 0%;
	margin: 0px auto;
}

.rounded .b0, .roundedBlue .b0, .roundedWhite .b0 {
	display: block;
	font-size: 1px;
	background: none transparent scroll repeat 0% 0%;
}

.rounded .b2, .roundedBlue .b2, .roundedWhite .b2 {
	margin: 0px 2px;
}

.rounded .b3, .roundedBlue .b3, .roundedWhite .b3 {
	margin: 0px 1px;
	height: 1px;
}

.rounded .b1, .rounded .b2, .rounded .b3, .roundedBlue .b1, .roundedBlue .b2, .roundedBlue .b3, .roundedWhite .b1, .roundedWhite .b2, .roundedWhite .b3 {
	height: 1px;
	display: block;
	overflow: hidden;
}

.rounded .roundedContent, .roundedWhite .roundedContent, .roundedBlue .roundedContent {
	display: block;
}




.rounded .b1, .roundedWhite .b1 
{
	background: #cc0000;
	/***background: #d0cfd0;*/
	margin: 0px 3px;
}

.rounded .b2, .rounded .b3, .rounded .roundedContent {
	/*background: #eee;*/
	background: #cc0000;
}

.roundedWhite .b2, .roundedWhite .b3, .roundedWhite .roundedContent {
	/*background: #fff;*/
	background: #cc0000;
}

.rounded .b2, .rounded .b3, .rounded .roundedContent, .roundedWhite .b2, .roundedWhite .b3, .roundedWhite .roundedContent {
	border-right: #d0cfd0 1px solid;
	border-left: #d0cfd0 1px solid;
}




.roundedBlue .b1 
{
	background: #cc0000;
	/*background: #ccd6ec;*/
	margin: 0px 3px;
}

.roundedBlue .b2, .roundedBlue .b3, .roundedBlue .roundedContent 
{
	
	/*background: #e2e8f4;*/
}

.roundedBlue .b2, .roundedBlue .b3, .roundedBlue .roundedContent {
	border-right: #cc0000 1px solid;
	border-left: #cc0000 1px solid;
}

/******************************* tabs **********************************/

.tab {
	float: left;
	margin-top: 13px;
	margin-right: 13px;
}

.tab a:hover {
	text-decoration: underline !important;
}

.tab h1 {
	display:inline;
	font: bold 14px arial,helvetica,sans-serif;
	color: #0F1C34;
}

.tab .roundedContent {
	background-color:#fff;
}

.tab .roundedContent div {
	position:relative;
	top:1px;
	padding:3px;
	padding-bottom:4px;
	z-index:30;
}

.tab .roundedContent a {
	color: #000;
	text-decoration: none;
	display: block;
}

.tab .b2, .tab .b3 {
	background-color: #fff;
}

.tab .roundedContent div {
	background-color:#fff;
	border-bottom:1px solid #d0cfd0;
}

.tab .selected .roundedContent {
	background-color:#eee;
}

.tab .selected .b2, .tab .selected .b3 {
	background-color: #eee;
}

.tab .selected .roundedContent div {
	background-color:#eee;
	border-bottom:1px solid #eee;
}

.tabfix {
	display:inline;
}

.tabfix .b0, .tabfix .b1, .tabfix .b2, .tabfix .b3 {
	margin-left: 0px;
}

/************** contentBox.tag ***************/

.contentBox {
	padding: 5px 7px 5px 7px;
}

.DatePickerImputeField {
background-image:url(../../App_Themes/images/datepicker.gif); 
background-repeat:no-repeat;
background-position:right;
margin-right:10px;
border-bottom:#7f9db9 1px solid;
border-top:#7f9db9 1px solid;
border-right:#7f9db9 1px solid;
border-left:#7f9db9 1px solid;
width:100px;

}

/*****   For future support of contentBoxes nested 3 deep with shading *****/
/*
.roundedWhite .roundedContent .rounded .b2, .roundedWhite .roundedContent .rounded .b3 {
	background: #eee;
	border-right: #d0cfd0 1px solid;
	border-left: #d0cfd0 1px solid;
}
*/


