/*
 * ----------------------------------------------------------------------------
 * Ontario Systems CSS Library
 * Author:     Daniel Gregory
 * Date:       04/02/2012
 *
 * Copyright © Ontario Systems, LLC.  All rights reserved.
  * ----------------------------------------------------------------------------
 */
/*
-------------------------------------------------------------------------------
General Styles
-------------------------------------------------------------------------------
*/
html, body {
		background:		#FFFFFF;
		padding:	   	0px;
		font-family: 	Verdana,Arial,Ebrima,sans-serif;
		font-size:		11px;
		border:     	none;
		margin:			0px;
    -webkit-print-color-adjust:exact; /*Option to print background colors and images.*/
	}
.title {
	font-family: 		Arial, sans-serif;
	font-size: 			1.5em;
	color: 				#5C5C8A;
	height:				48px;
	display:			inline;
	vertical-align:		middle;
}
.jqx-widget{			font-size: 12px;}
.jqx-widget-content {	font-size: 11px; }
.section {
	position: 			relative;
	padding: 			22px;
	color: 				#404040;
	font-family: 		arial;
}
.sectionTitle {
	color: 				#404040;
	font-size: 			2.0em;
	text-shadow: 		#D0D0D0 2px 2px 2px;
}
.sectionContent {
	color: 				#404040;
	font-size: 			1.25em;
}
.sectionTitle:first-letter {
	color: 				#404040;
	font-size: 			2.0em;
}
.zendiv {
	border: 			none;
}
.example {
   color: 				black;
   border: 				1px solid black;
   font-family: 		courier new,courier,monospace;
   font-size: 			1.1em;
   text-align: 			left;
   line-height: 		125%;
   margin-top: 			20px;
   margin-bottom: 		10px;
   padding-left: 		10px;
   padding-top: 		0px;
   padding-bottom: 		0px;
   background: 			#C0C0C0;
   overflow-x: 			auto;
}
.chromeFrameInstallDefaultStyle {
   width: 				100%; /* default is 800px */
   border: 				5px solid blue;
 }
.os-toolBar {
	margin:				2px;
	padding:			2px;
    padding-top:		4px;
	background-color:	lightgray;
	float: 				left;
	border:				1px solid gray;
	vertical-align:		middle;
	min-height:			40px;
	height:				40px;
}
.os-toolBarGrip {
	margin:				2px;
	margin-left:		15px;
	float:				left;
	cursor:				move;
}
.os-toolBarButton {
   min-height: 			34px;
   height: 				34px;
}
.os-toolBarButtonImage {
	width: 				24px;
	height: 			24px
}
.os-toolBarButtonCaption {
	height:				24px;
}
/*
-------------------------------------------------------------------------------
Modal Group Styles
-------------------------------------------------------------------------------
*/
.modalGroupTitle {
	border-bottom: 		1px black solid;
	background-color: 	darkblue;
	padding: 			0px;
	cursor: 			move;
}
.modalGroupTitle table {
	border: 			1px solid darkblue;
	width:				100%;
}
.modalGroupTitle td {
	white-space:		nowrap;
	padding-top: 		2px;
	padding-bottom: 	2px;
	padding-left: 		8px;
	padding-right: 		0px;
	border: 			1px solid darkblue;
	font-weight: 		bold;
	color: 				white;
}
.modalGroupCloseButton {
	color: 				black;
	font-family: 		verdana;
	font-size: 			5pt;
	height: 			100%;
	font-weight: 		bold;
	padding: 			0px;
}
.modalGroupBody {
	padding: 			3px;
	background-color: 	#c5d6d6;
}
.modalGroupFooter {x
	padding: 			3px;
	padding-top: 		10px;
	background-color: 	#c5d6d6;
	text-align: 		center;
}
.modalGroupFooter input {
	width: 				7.0em;
	font-size: 			0.8em;
}

/*
-------------------------------------------------------------------------------
Component Styles
-------------------------------------------------------------------------------
*/
/* Generic Component */
.os-com 
{
	border-left:		2px solid transparent;
}
.os-comInvalid ,.invalid,.zenInvalid 
{
	background-color:	#FFA0A0
}
.os-comRequired,.required ,.zenRequired
{
	border-left: 	    2px solid #FF6600;
}
.os-comReadOnly,.readOnly,.zenReadOnly
{
	background-color: 	#EBEBE4;
	border: 		    1px solid lightgray;
	color:				black;
}


/* Labels */
.zenLabel {
	margin:				3px;
	margin-left:		1px;
	margin-right:		1px;
}
.zenLabelDisabled {
	margin: 			3px;
	margin-left:		1px;
	margin-right:		1px;
	color:				darkgray;
}

/* Buttons */
button,input[type=button]{
	padding:			0px;
}
.os-btn {
	outline:			none;
	margin:				0px;
	width:				auto;
}
.os-btnImage {
	vertical-align:		middle;
	outline:			none;
    margin: 			2px;
    padding: 			2px;
}
.os-btnCaption {
	line-height:		22px;
	vertical-align:		middle;
	text-align:			center;
	outline:			none;
	padding-top:  		0px;
	padding-bottom: 	0px;
	padding-left:  		3px;
	padding-right: 		3px;
	margin-left:		3px;
	margin-right:		3px;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow: 		ellipsis;
	display:			block;	
}
.toolBarButtonImage {
	width: 				24px;
	height: 			24px
}
.toolBarButtonCaption {
	height:				24px;
}
.os-toggleBtn {
	outline:			none;
	width:				auto;
}
.os-toggleBtnCaption {
	margin-left:		3px;
	margin-right:		3px;
	vertical-align:		middle;
	text-align:			center;
	outline:			none;
	white-space:		nowrap;
}
.os-toggleBtnImage {
	vertical-align:		middle;
	outline:			none;
	padding:			2px;
}
div.ui-dialog-buttonpane button {
	padding:			2px;
	min-width:			50px;
	text-align:			center;
}

/* Input Controls */
input[type=text],input[type=password],password,textarea,input[type=number],input[type=range],input[type=checkbox],input[type=date] {
	margin:				1px;
}
input[disabled], input[type=range]:disabled,input[type=number]:disabled, input[type=checkbox], select[disabled], checkbox[disabled], textarea[disabled],textarea:disabled,input[type=text]:disabled
{
	margin:				1px;
	background-color: 	#EBEBE4;
	border-color: 		#EBEBE4;
	color:				black;
}