@import 'Boxes.css';

input, select
{
	/*font-size: 10pt;
	font-family: 'Calibri';*/
	font-size: 9pt;
	font-family: 'Open Sans';
}
select
{
	border: 1px solid #DDDDDD;
	background-color: white;
	padding: 2px;
}
select:hover
{
	border: 1px solid #DDDDDD;
}
.ControlWrapper, .ControlInput
{
	border: 1px solid #DDDDDD;
	background-color: White;
	padding: 3px;
	margin-bottom: 3px;
}
.ControlWrapper
{
	vertical-align: middle;
	display: inline-table;
	border-collapse: collapse;
}
.ControlWrapper tr td 
{
	padding: 3px;
}
.ControlWrapper:hover
{
	border: 1px solid #CCCCCC;
}
.ControlWrapper input, .ControlWrapper select
{
	border: none;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	width: 100%;
}
.ControlWrapper .ValidationIconWrapper
{
	width: 16px;
	display: none;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
}
.ControlWrapper .ValidationIcon
{
	position: relative;
	top: 3px;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}
.ControlInlineValidationIcon
{
	margin-left: 2px;
	position: relative;
	top: 2px;
}
.ControlUnits
{
	color: #AAAAAA;
	font-size: 10pt;
}
.ControlDefault 
{
	color: #CCCCCC;
}
.ControlValueDisplayWrapper
{
	display: none;
}
.ControlValueDisplay
{
	text-decoration: underline;
	cursor: pointer;
	color: #666666;
}
.ControlInfoWrapper
{
	vertical-align: middle;
	position: relative;
}
.ControlInfo
{
	position: absolute;
	/*left: 0px;
	top: 29px;*/
	left: 4px;
	top: -3px;
	z-index: 1000;
	padding: 4px;
	border: 1px solid #DDDDDD;
	background-color: #FDFDFD;
	display: none;
	border-radius: 3.2px;
	box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.08);
}
.ControlInfo, .ControlInfoText 
{
	/*font-family: 'Calibri';
	font-size: 10pt;*/
	font-family: 'Open Sans';
	font-size: 9pt;
	
	color: #999999;
}
.ControlError
{
	font-weight: bold;
	color: Red;
	display: none;
}
.ControlUpArrow, .ControlLeftArrow
{
	position: relative;
}
.ControlUpArrow img
{
	position: absolute;
	top: -9px;
	left: 5px;
}
.ControlLeftArrow img
{
	position: absolute;
	top: 2px;
	left: -9px;
}
.ControlProgressBar 
{
	border: 1px solid #DDDDDD;
	width: 150px;
	font-weight: normal;
	font-size: 10pt;
	color: #666666;
	padding: 1px;
	background: transparent url('../Images/ProgressBarBg.jpg') repeat scroll center left;
	border-radius: 3px;
}
.ControlProgressBar div 
{
	/*border: 1px solid #76cc5a;*/
	background: #73ae6c url('../Images/ProgressBarGreen.jpg') repeat scroll top left;
	overflow: visible;
	height: 100%;
	box-sizing: border-box;
}
.ControlProgressBar div div 
{
	/*background: transparent url('../Images/ProgressBarEdge.png') repeat-y scroll top right;*/
	border: none;
	padding: 1px 3px 1px 3px;
}
.ControlProgressBarYellow div
{
	background-image: url('../Images/ProgressBarYellow.jpg');
}
.ControlProgressBarRed div 
{
	background-image: url('../Images/ProgressBarRed.jpg');
}
.ControlFileUploadInfo
{
	width: 200px;
	top: 28px;
	left: 18px;
	text-align: left;
}

.ControlButtonWrapper
{
	text-decoration: none;
	color: Black;
}
.ControlButton 
{
	font-size: 8.5pt;
	padding: 2px 10px 2px 10px;
	border: 1px solid transparent;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	height: 18px;
	text-align: center;
}
.ControlButtonEdgesVisible 
{
	background-color: #F9F9F9;
}
.ControlButtonHighlighted
{
	background-color: #ffe680;
}
.ControlButtonEdgesVisible, .ControlButton:hover, .ControlButtonWrapper:focus .ControlButton
{
	border: 1px solid #DDDDDD;
	border-radius: 3.2px;
	box-shadow: inset 0px -8px 20px 0px rgba(255, 255, 255, 0.8),
		inset 0px 0px 0px 1px rgba(255, 255, 255, 1);
}
.ControlButton:hover, .ControlButtonWrapper:focus .ControlButton
{
	background-color: #f0f4f9;
}
.ControlButton:active
{
	background-color: #e6eef9;
}
.ControlButtonLabel
{
	position: relative;
	top: 1px;
}
.ControlButtonSmall img, .ControlButtonIcon img
{
	width: 16px;
	height: 16px;
	vertical-align: text-top;
	position: relative;
	top: 1px;
}
.ControlButtonSmall img
{
	
	margin-right: 6px;
}
.ControlButtonIcon
{
	padding: 2px;
	width: 18px;
}
.ControlButtonIcon .ControlButtonLabel
{
	display: none;
}
.ControlButtonLarge, .ControlButtonHuge
{
	height: 75px;
}
.ControlButtonLarge
{
	text-align: center;
	width: 50px;
	padding-left: 5px;
	padding-right: 5px;
}
.ControlButtonLarge img, .ControlButtonHuge img
{
	width: 32px;
	height: 32px;
	display: block;
	margin: auto;
}
.ControlButtonLarge img
{
	margin: 6px 10px 3px 10px;
}
.ControlButtonLarge .ControlButtonLabel
{
	line-height: 10pt;
}
.ControlButtonHuge
{
	width: 90px;
}
.ControlButtonHuge img 
{
	margin-right: 8px;
}
.ControlInvisibleSubmit
{
	width: 0px;
	height: 0px;
	border: none;
	position: absolute;
	opacity: 0;
}
.ControlInvisibleUploadIcon, .ControlInvisibleUploadSmall, .ControlInvisibleUploadLarge
{
	z-index: 50;
	cursor: pointer;
	position: absolute;
	left: 5px;
	opacity: 0;
}
.ControlInvisibleUploadSmall
{
	width: 110px;
	height: 25px;
}
.ControlInvisibleUploadLarge
{
	width: 60px;
	height: 80px;
}
.ControlRichText
{
	overflow-y: scroll;
	border: 1px solid #DDDDDD;
	padding: 5px;
}

.ControlRibbon
{
	padding: 5px;
	background: #FDFDFD url('Images/RibbonBack.jpg') repeat-x scroll bottom left;
	border: 1px solid #DDDDDD;
}
.ControlRibbonStack
{
	display: inline-block;
}
.ControlRibbonStack .ControlButtonWrapper
{
	margin-top: 3px;
	display: inline-block;
}
.ControlRibbonStack .ControlButtonWrapper:first-child
{
	margin-top: 0px;
}
.ControlRibbonDivider
{
	width: 1px;
	height: 60px;
	background-color: #DDDDDD;
	margin: 10px 5px 0px 5px;
	display: inline-block;
	vertical-align: top;
}