.red {
	border: 1px dashed red;
}
.blue {
	border: 1px dotted blue;
}
.clear {
	clear: both;
}

#timeTrack {	
	//padding-top: 10px;
	//padding-left: 5px;
	font-size: 14px;
	font-weight: bold;
	//min-width: 1000px;
}
/* ~~~~~~~~~~~~~ Time Approval Screen */
#timeTrack .approvalRow {
	padding: 3px 0px 3px 0px;
	width: 100%;
	font-size: 1em;
}
#timeTrack .approvalRow .tinyCol {
	width: 110px;
	float: left;
	text-align: center;
}
#timeTrack .approvalRow .medCol {
	width: 200px;
	float: left;
}
#timeTrack .approvalRow .largeCol {
	width: 300px;	
	float: left;
}
#timeTrack .approvalRow .topPad {
	padding-top: 13px;
}
#timeTrack .lightRow {
	
}
#timeTrack .darkRow {
	background-color: #cccccc;
}
.approvalBtnIcon {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background-image:url('/images/timeTrack/stopwatch.png');
	float: left;
}
/* ~~~~~~~~~~~~~~ Timesheet Entry Screen */
.timeSheet {	
	width: 100%;
	background-color: #ffffff;
	//border: 2px solid #999999;
}
.addBottomSpace {
	margin-bottom: 20px;
}	
.timeSheet .columnWidth {
	width: 200px;
	min-height: 20px;	
}
.timeSheet .columnWidthSm {
	width: 50px;
	min-height: 20px;	
}
.timeSheet .columnWidthTiny {
	width: 30px;
	min-height: 20px;	
}
.timeSheet .columnWidthLg {
	width: 230px;
	min-height: 20px;	
}
.timeSheet .columnSpacing {
	margin-right: 5px;
	min-height: 20px;	
}
.timeSheet .heading {	
	background-color: #428bca; color: white;
}
.timeSheet .entryBody {	
	overflow: auto;
}
.timeSheet .minHeight {
	min-height: 200px;
}
.timeSheet .heading .projectTask {
	float: left;
}
.timeSheet .heading .hoursMinutes {	
	float: left;
}
.timeSheet .heading .appNotes {	
	float: left;
	text-align: center;
}
.timeSheet .details {
	font-size: 17px;
	font-weight: bold;
	/*height: 50px;*/
}
.timeSheet .details .left {
	width: 300px;
	float: left;
	height: 45px;
	overflow: hidden;
	padding-left: 15px;
	line-height: 120%;
}
.timeSheet .details .right {	
	//margin-left: 650px;		
	text-align: right;
	padding-right: 15px;
	float: right;
}
.timeSheet .details .mid {	
	margin-right: 300px;
	margin-left: 200px;	
	text-align: center;		
}
.timeSheet .details .ytdTime {
	padding-bottom: 5px;	
	
}
.timeSheet .details .ytdTime .timelabel {
	width: 240px;	
	float: left;
	text-align: left;
	float: left;
}
.timeSheet .details .ytdTime .time {		
	text-align: right;
	margin-left: 242px;
}
@media Screen {
	.timeSheet .timeEntry {
		padding: 3px 0px 3px 0px;
		width: 100%;
		height: 25px;
		font-size: 1em;
	}
	.timeSheet .timeEntry SELECT {
		padding: 3px;
	}	
}
@media handheld {
	/* Alterations for Tablet Friendliness */
	
	/* Make each row taller */
	.timeSheet .timeEntry {
		padding: 8px 0px 3px 0px;
		width: 100%;
		height: 35px;
		font-size: 1.1em;
		border: 1px solid red;		
	}
	/* Pad out combo boxes, and combobox items */
	.timeSheet .timeEntry SELECT {
		padding: 3px;
		margin-top: -5px;
	}
	.timeSheet .timeEntry SELECT OPTION {
		padding-top: 4px;
		padding-bottom: 4px;
	}
	/* pad out ADD and SUBMIT btns */
	.timeSheet .buttonBar .ui-button {
		padding: 5px;
	}
	.timeSheet .timeEntry .fg-button {		
		padding: 5px;
	}	
}

.timeSheet .timeEntry .project SELECT, .timeSheet .timeEntry .task SELECT {
	width: 200px;
}
.timeSheet .timeEntry .hours SELECT, .timeSheet .timeEntry .minutes SELECT {
	width: 50px;
}
.timeSheet .timeEntry .checkboxAddMargin {	
	margin: 4px 0px 4px 0px;	
}
.timeSheet .timeEntry .region SELECT {
	width: 200px;	
}
.timeSheet .timeEntry .notes INPUT[type='TEXT'] {
	width: 50px;
}
.timeSheet .timeEntry .project {
	float: left;
}
.timeSheet .timeEntry .task {	
	float: left;
}
.timeSheet .timeEntry .hours {
	float: left;
}
.timeSheet .timeEntry .minutes {
	float: left;
}
.timeSheet .timeEntry .appNotes {
	float: left;
	text-align: center;	
}
.timeSheet .timeEntry .region {
	float: left;	
}
.greenCheck {
	width: 20px;
	height: 20px;
	background-image:url('/images/timeTrack/green_check.png');
}
.pendingApprovalCheck {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background-image:url('/images/timeTrack/stopwatch.png');
}
.timeSheet .totalTimeBox {
	text-align: right;
	margin: 10px; 0px; 10px; 0px;
	clear: both;
}
.timeSheet .approvalNav {
	text-align: left;
	height: 35px;
}
.timeSheet .approvalNav .editBtn {
	/* JQuery displays when ready */
	width: 150px;
	margin-right: 10px;
	display: none;
}
.timeSheet .approvalNav .approveBtn {
	/* JQuery displays when ready */
	width: 150px;
	float: right;
	display: none;
}
.timeSheet .approvalNav .contactBtn {
	/* JQuery displays when ready */
	width: 150px;
	display: none;
}
.timeSheet .buttonBar {
	padding-top: 20px;
	padding-bottom: 10px;	
}

#notesTextInput {
	width: 350px;
	margin: 15px;
	resize: none;
}
.fg-button-icon-solo {
	/* solo icon buttons must have block properties for the text-indent to work */	 
	display:block; 	
	width: 17px;
	height: 17px;
}
.fg-button {
   outline: 0; 
   margin-top: 0px;
   padding: 5px;
   width: 25px;
   height: 25px;
   text-decoration:none !important; 
   cursor: pointer;
   position: relative; 
   text-align: center; 
   zoom: 1;
   display: inline; 
 }
 .fg-button img {
	vertical-align: baseline;
	position: 6px 3px;
 }
 .centerSmallIcon {
 	/*padding-top: 8px;	*/
 }
 .viewTextButton {
 	padding: 6px 3px 0px 3px;	
 }
 .welcomeDialog {
 	
 }
 .welcomeDialog .welcomeBody {
 	padding: 10px;
 	text-align: left;
 	font-size: 1.2em;
 	line-height: 120%;
 }
 .welcomeDialog .title {
 	font-size: 1.2em;
 	font-weight: bold;
 	text-align: center;
 	padding-bottom: 10px;
 	border-bottom: 1px solid black;
 }
 
 .timeTrack .heading {
 	
 }