@font-face {
  font-family: 'Raleway';
  src: url('raleway/Raleway-Regular.ttf');
}

	A
		{
			color:				#000000;
			cursor:				pointer;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			text-decoration:    none;
		}

	Body
		{
			cursor:				default;
			margin:				0px;
			padding:			0px;
		}
		
	.CalDay
		{
			background:			#ffffff;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
		}
		
	.CalDOW
		{
			background:			#505050;
			color:				#f4c438;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
		}
		
	.CalVoid
		{
			background:			#dfdfdf;
			color:				#787878;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
		}
		
	#content   
		{
			height:				685px;
			left:				50%;
			margin-left:		-700px;
			margin-top:			0px;
			position:			absolute;
			top:				0px;
			visibility:			visible;
			width:				1380px;
		}
		
	#content_iPad  
		{
			height:				620px;
			left:				50%;
			margin-left:		-490px;
			margin-top:			0px;
			position:			absolute;
			top:				0px;
			visibility:			visible;
			width:				980px;
		}
		
	#content_iPhone
		{
			height:				620px;
			left:				50%;
			margin-left:		-225px;
			margin-top:			0px;
			position:			absolute;
			top:				0px;
			visibility:			visible;
			width:				450px;
		}
	.counter
		{ 
			font-family:TrebuchetMS; 
			font-size:9pt; 
			font-weight:bold; 
			border:none;
			border-width:0px; 
			width:20px;
			color:#FFFFFF;
			background:#333333;
		}		
	#content_BAK   
		{
			height:				620px;
			left:				50%;
			margin-left:		-480px;
			margin-top:			0px;
			position:			absolute;
			top:				0px;
			visibility:			visible;
			width:				960px;
		}

	.Footer_Contrast
		{
			color:				#87c221;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
		}

	.Graph_Bar
		{
			background:			#505050;
			color:				#FFFFFF;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			11px;
			width:				20px;
			text-align:			center;
			vertical-align:		top;
			width:				20px;
		}
		
	.Graph_BG
		{
			background:			#dfdfdf;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			11px;
			text-align:			center;
			vertical-align:		bottom;
		}
		
	.HeaderBar	
		{
			background:			#ffffff;
			color:				#d20909;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			height:				40px;
			margin:				0px;
			padding:			0px;
			width:				100%;
		}
	.HeaderBarRed
		{
			background:			#d50b00;
			color:				#ffffff;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			height:				40px;
			margin:				0px;
			padding:			0px;
			width:				100%;
		}
	.HeaderBarBlue
		{
			background:			#0033FF;
			color:				#ffffff;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			height:				40px;
			margin:				0px;
			padding:			0px;
			width:				100%;
		}	
				
	.Header_Contrast
		{
			color:				#505050;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
		}
	.hidden
		{
    		display:none;
		}
	
	.Input
		{
			background:			#f2f2f2;;
			border:				none;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			padding-left:		2px;
		}
	
	.Main 
		{
			background:			#FFFFFF;
			border:				none;
			color:				#505050;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			margin:				0px;
			padding:			0px;
		}		
	
	.Main_Print
		{
			color:				#000000;
			font-family:		tahoma;
			font-size:			12px;
		}
		
	.MenuBar
		{
			background:			#FFFFFF;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			height:				535px;
			padding:			0px;
			margin:				0px;
			width:				130px;
		}
		
	.MenuLink
		{	
			
			background:			#FFFFFF;
			border-bottom:		2px solid #FFFFFF;
			color:				#505050;
			cursor:				pointer;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			height:				20px;
			margin:				0px;
			padding:			0px;
		}
	.MenuLink:hover{
			border-color: #FF704D;
	}
	
	.MenuLink_Selected
		{	
			background:			#FFFFFF;
			border-bottom:		2px solid #FFFFFF;
			color:				#d20909;
			cursor:				pointer;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			height:				20px;
			margin:				0px;
			padding:			0px;
		}
							
	.MenuSection
		{
			background:			#FFFFFF;
			border-bottom:		2px solid #FFFFFF;
			color:				#FFFFFF;
			cursor:				pointer;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			height:				22px;
			margin:				0px;
		}
		
	.MenuSectionBreak
		{
			background:			#CB083A;
			height:				5px;
			margin:				0px;
		}
	
	.PageHeader
		{
			background:			#505050;
			color:				#FFFFFF;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			margin:				0px;
			height:				20px;
			line-height:		19px;
		}
		
	.PageHeaderRed
		{
			background:			#d50b00;
			color:				#FFFFFF;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			margin:				0px;
			height:				20px;
			line-height:		19px;
		}
	
	.PageHeaderBlue	
		{
			background:			#0033FF;
			color:				#FFFFFF;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			margin:				0px;
			height:				20px;
			line-height:		19px;
		}
		
	.PageHeaderGreen	
		{
			background:			#87c221;
			color:				#FFFFFF;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			margin:				0px;
			height:				20px;
			line-height:		19px;
		}
		
	.PageHeader_Contrast
		{
			color:				#d6e7f2;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
		}
		
	.Report_Labels
		{
			background:			#505050;
			color:				#ffffff;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			padding-left:		2px;
			padding-right:		2px;
			height:				20px;
			min-height:			20px;
			text-align:			right;
		}
		
	.Report_Totals
		{
			background:			#dfdfdf;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			padding-left:		2px;
			padding-right:		2px;
			height:				20px;
			min-height:			20px;
			text-align:			right;
		}
		
	.Select
		{
			background:			#f2f2f2;
			border:				none;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			padding-left:		2px;
			padding-right:		2px;
		}
		
	.Select_Header
		{
			background:			#d5d5d5;
			border:				none;
			color:				#d20909;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			padding-left:		2px;
			padding-right:		2px;
		}
		
	.Textarea
		{
			background:			#f2f2f2;
			border:				none;
			color:				#000000;
			cursor:auto;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			padding-left:		2px;
			padding-right:		2px;
			overflow:			auto;
			height:				80px;
			width:				100%;
		}
	
	textarea, 
		pre {
			  margin: 0;
			  padding-bottom: 5px; 
			  outline: 0;
			  border: 0;
			}	
		
	.expandingArea 
		{
			position: relative;
			border: none;
			background: #f2f2f2;
		}
	
		.expandingArea > textarea,
		.expandingArea > pre 
			{
		  		padding: 5px;
		  		background: transparent;
		 		 font: 400 12px/12px helvetica, arial, sans-serif;
		 		 /* Make the text soft-wrap */
		 		 white-space: pre-wrap;
		 		 word-wrap: break-word;
			}
		.expandingArea > textarea 
			{
				/* The border-box box model is used to allow
				 * padding whilst still keeping the overall width
				 * at exactly that of the containing element.
				*/
				  -webkit-box-sizing: border-box;
					 -moz-box-sizing: border-box;
					  -ms-box-sizing: border-box;
						  box-sizing: border-box;
				  width: 100%;
				  /* This height is used when JS is disabled */
				  height: 100px;
			}
		.expandingArea.active > textarea 
			{
				  /* Hide any scrollbars */
				  overflow: hidden;
				  position: absolute;
				  top: 0;
				  left: 0;
				  height: 100%;
				  /* Remove WebKit user-resize widget */
				  resize: none;
			}
		.expandingArea > pre 
			{
		  		display: none;
			}
		.expandingArea.active > pre 
			{
			  display: block;
			  /* Hide the text; just using it for sizing */
			  visibility: hidden;
			}
	.Table_Head
		{
			background:			#d5d5d5;
			color:				#505050;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			vertical-align:		top;
		}
		
	.Table_Head_Title
		{
			background:			#ffffff;
			color:				#505050;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			font-weight:		bold;
			vertical-align:		top;
		}
			
	.Table_Row
		{
			background:			#f2f2f2;
			color:				#000000;
			font-family:		Arial, Helvetica, sans-serif;
			font-size:			12px;
			padding-left:		2px;
			padding-right:		2px;
			height:				20px;
			min-height:			20px;
			word-wrap:			break-word;
		}