
/* MAIN WRAPPER */
#nts {
	padding: 0em 0em;
	width: auto;
	}

/* FONTS */
#nts, #nts td {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	}

.button {
	text-decoration: none;
    background-color:#484;
    color:#f0fef0;
	font-size:18px;
	margin-left:20px;
	padding:4px 12px 4px 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
		}

/* ACTION RESULT ANNOUNCEMENT */
ul#nts-announce {
	margin: 0.5em 0;
	}
ul#nts-announce {
	padding: 0;
	}
ul#nts-announce li {
	margin: 0.25em 0;
	padding: 0.25em 1em;
	list-style-type: none;
	border-width: 0px;
	}

/* FORM AND TABLES */
#nts table, #nts form table {
	border-collapse: collapse;
	}
#nts table td, #nts form table td {
	padding: 0.5em 0.5em;
	}
#nts table th, #nts form table th {
	padding: 0.5em 1em;
	font-size: 90%;
	text-align: left;
	}

/* SERVICES, PROVIDERS, LOCATIONS AVAILABLE FOR REQUEST */
#nts #nts-selector {
	}
#nts #nts-selector ul li {
	margin: 0.5em 0;
	display: block;
	}
#nts #nts-selector a {
	border-style: solid;
	border-width: 1px;
	padding: 0.25em 0.5em;
	margin: 0 0.25em;
	white-space: nowrap;
	line-height: 2em;
	}

/* APPOINTMENT TIMES AVAILABLE FOR REQUEST */
#nts #nts-time-selector ul {
	overflow: auto;
	width: 100%;
	padding: 0;
	margin: 0.5em 0;
	}
#nts #nts-time-selector li {
	border-width: 1px;
	border-style: solid;
	padding: 0;
	margin: 0.25em 0.25em;
	line-height: 1.5em;
	white-space: nowrap;
	width: 7em;
	display: block;
	float: left;
	text-align: center;
	}

/* CALENDAR */
#nts div.nts-calendar {
	margin: 5px 5px;
	width: 220px;
	}
#nts div.nts-calendar table {
	margin: 0 auto;
	}
#nts div.nts-calendar td {
	padding: 1px;
	width: 30px;
	text-align: center;
	}
#nts div.nts-calendar td div {
	padding: 0.4em 0.2em;
	text-align: center;
	font-size: 0.9em;
	}
#nts div.nts-calendar td div.not_available {
	}
#nts div.nts-calendar td div.available {
	}
#nts div.nts-calendar td div.selected {
	border-width: 2px;
	border-style: solid;
	}
#nts div.nts-calendar tr.months td {
	font-weight: bold;
	padding-top: 1em;
	}
#nts div.nts-calendar tr.months td a {
	text-decoration: none;
	}
#nts div.nts-calendar tr.days td {
	padding: 0.25em 0 0.5em 0;
	}
#nts div.nts-calendar tr.days td div {
	font-size: 0.75em;
	}
/* END OF CALENDAR */

/* APPOINTMENT LIST */
#nts #nts-appointment-list {
	width: 100%;
	margin: 1em auto 2em auto;
	}
#nts #nts-appointment-list table {
	background-color: #ffffff;
	width: auto;
	border-collapse: collapse;
	border-spacing: 1px 1px;
	border: #339900 4px solid;
	}
#nts #nts-appointment-list table th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
#nts #nts-appointment-list table td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0.3em 1em;
	vertical-align: middle;
	}
#nts #nts-appointment-list table tr.odd td	{
	}
#nts #nts-appointment-list table td.selecting-now {
	font-weight: bold;
	font-size: 1.1em;
	}

/* LOGIN AND REGISTER FORMS */
#nts #nts-register-form {
	float: left;
	width: 100%;
	}
#nts #nts-login-form {
	float: left;
	width: 100%;
	}
#nts input, #nts select {
	padding: 2px;
	}

#ntsCredit {
	margin: 20px 0;
	font-size: 10px;
	color: #999999;
	display: none;
	}
#ntsCredit a {
	color: #999999;
	}
/* FONTS */
#nts, #nts td {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 13px;
	}

/* COLORS */
body {
	background-color: #ffffff;
	color: #000000;
	}
#nts td,
#nts th,
#nts-appointment-list,
#nts-user-menu,
#nts div.nts-calendar td div
	{
	background-color: inherit;
	color: inherit;
	}

#nts div.nts-calendar td div.available,
#nts #nts-selector a, 
#nts #nts-time-selector li,
ul#nts-announce li {
	background-color: #ccff99;
	}

#nts div.nts-calendar td div.not_available,
#nts #nts-appointment-list table tr.odd td {
	background-color: #dddddd;
	}
#nts div.nts-calendar td div.selected {
	border-color: #006600;
	}

#nts #nts-selector a,
#nts div.nts-calendar a,
#nts #nts-time-selector a,
#nts #nts-time-selector li
	{
	color: #000000;
	border-color: #99cc33;
	}

ul#nts-announce li.error {
	background-color: #ffcccc;
	}
	
#nts div.nts-calendar td div.selected {
	border: #006600 2px solid;
	}
#nts #nts-appointment-list table th {
	color: #339900;
	border-color: #339900;
	}
#nts #nts-appointment-list table td {
	border-color: #cccccc;
	}
#nts #nts-appointment-list table td.selecting-now {
	color: #bb0000;
	}

/* approved appointments */
#nts .nts-approved, #nts #nts-appointment-list table tr.odd td.nts-approved {
	background-color: #ccff66;
	}
/* pending appointments */
#nts .nts-pending, #nts #nts-appointment-list table tr.odd td.nts-pending {
	background-color: #ff9900;
	}
/* no show appointments */
#nts .nts-noshow, #nts #nts-appointment-list table tr.odd td.nts-noshow {
	background-color: #ff3000;
	}
/* cancelled appointments */
#nts .nts-cancelled, #nts #nts-appointment-list table tr.odd td.nts-cancelled {
	background-color: #999999;
	}

/* COLORS FOR ERRORS AND OTHER MESSAGES */
#nts .alert {
	color: #cc0000;
	}
#nts .alert2 {
	color: #cc6666;
	}
#nts .warning {
	color: #ff9966;
	}
#nts .ok {
	color: #00cc00;
	}
body {
	font: 12px Verdana, Geneva, sans-serif;
	background: #7d8837 url('/logo2.png'); 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #572c2d;
}

INPUT[type='text']
{   
    background-color:#fcfef0;
	padding:4px;
}
TEXTAREA
{   
    background-color:#fcfef0;
	padding:4px;
}
INPUT[type='submit']
{   
    background-color:#484;
    color:#f0fef0;
	font-size:18px;
	margin-left:20px;
	padding:8px 16px 8px 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}







/* MAIN WRAPPER */
#nts {
	padding: 0.0em 0.0em;
	width: auto;
	background: #e8efc8;
	background: #e8f0e8;
	color: #624640;
	}

/* FONTS */
body,
#nts td,
#nts th,
#nts-appointment-list,
#nts-user-menu,
#nts div.nts-calendar td div
 {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12px;
	color: #624640;
	}


#nts h3 {
 	font-size: 18px;
    color:#cdd04a;
	text-decoration: underline;
	margin: 02px 0px 10px 0px;
	}
			
#flow-hi {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-top:3px solid #98cb65;
	border-bottom:3px solid #98cb65;
	border-left:3px solid #98cb65;
	border-right:3px solid #98cb65;
	margin-left:10px;
	margin-right:10px;
		}
			
/* USER MENU ON TOP */
#nts-user-menu {
	margin: 0;
	padding: 0px;
	font-size:20px;
	height 75px;
	color: #fff;
	margin-left:6px;
	margin-right:6px;
	padding:3px 16px 3px 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-decoration: none;
	min-width:900px;
	background: #624640;
	border-top:6px solid #cdd04a;
	border-bottom:6px solid #cdd04a;
	}
#nts-user-menu a {
	color: #fff;
	}
ul#nts-user-menu  li {
	display: inline;
	margin: 0 0.5em 0 0;
	line-height: 100%;
	list-style: none;
	text-align: left;
	}



#nts-user-menu a:link, #nts-user-menu a:visited {
	background: #d0f060;
	color: #000;
	font-weight: normal;
	font-size: 20px;
	margin-left:6px;
	padding:5px 8px 5px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: inset #000 3px;
	text-decoration: none;
	}

#nts-user-menu a:hover {
    background-color:#484;
    color:#f0fef0;
	font-size:20px;
	margin-left:6px;
	padding:5px 8px 5px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-decoration: none;
	}
	
/* ACTION RESULT ANNOUNCEMENT */
ul#nts-announce {
	margin: 0.5em 0;
	}
ul#nts-announce {
	padding: 0;
	}
ul#nts-announce li {
	margin: 0.25em 0;
	padding: 0.25em 1em;
	list-style-type: none;
	background: #f0fff0;
	color: #336633;
	border: #336633 1px solid;
	}
ul#nts-announce li.error {
	background: #ffcccc;
	color: #663333;
	border: #663333 1px solid;
	}

/* FORM STYLE */
#nts form table {
	border-collapse: collapse;
	}
#nts form table td {
	padding: 0.5em 1em;
	}
#nts form table th {
	padding: 0.25em 0.5em;
	font-size: 90%;
	text-align: left;
	}

/* APPOINTMENT LIST IN CUSTOMER AREA */
#nts table.nts-listing {
	border-collapse: collapse;
	}
#nts table.nts-listing td {
	padding: 0.5em 1em;
	margin: 0.5em 1em;
	vertical-align: top;
	}
#nts table.nts-listing th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	}
#nts table.nts-listing .even {
	background-color: #dddddd;
	}
#nts table.nts-listing .odd {
	background-color: #ffffff;
	}
#nts table.nts-listing td.nts-row-actions {
	padding: 0 1em 0.5em 1em;
	margin: 0;
	}
#nts table.nts-listing td.nts-row-actions div {
	font-size: 75%;
	visibility: hidden;
	padding: 0;
	margin: 0;
	}
#nts table.nts-listing td.nts-row-actions:hover div {
	visibility: visible;
	}	
* html #nts table.nts-listing td.nts-row-actions div {
	visibility: visible;
	}

/* FOOTER */
#nts-footer {
	margin: 20em 0;
	padding: 0.5em;
	font-size: 80%;
	border-top: #bbbbbb 1px dotted;
	}

/* COLORS FOR ERROR AND OTHER MESSAGES */
#nts .alert {
	color: #cc0000;
	}
#nts .alert a {
	border: #99cc33 1px solid;
	text-decoration: none;
	color: #00ff00;
	}
#nts .warning {
	color: #ff9966;
	}
#nts .ok {
	color: #00cc00;
	}

/* CALENDAR */
/* Wrapper */
#nts #nts-date-selector {
	}
/* Next/previous month links */
#nts #nts-date-selector h2 a {
	color: #001100;
	text-decoration: none;
	padding: 0 1em;
	}
/* Actual table of the calendar */
#nts .nts-calendar {
	margin: 0 0.5em;
	padding: 0 0 0.5em 0;
	text-align: center;
	}
#nts .nts-calendar table {
	border-collapse: separate;
	border-spacing: 2px 2px;
	margin: 0 0.5em 1em 0.5em;
	text-align: center;
	}
#nts .nts-calendar td, #nts .nts-calendar th {
	font-size: 0.65em;
	height:16px;
	width: 2.5em;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	border: #686 1px solid;
	}
/* Day names */
#nts .nts-calendar th {
	font-weight: bold;
	border-width: 0px;
	}
/* Links to dates */
#nts .nts-calendar td a {
	padding: 0.18em 0.55em 0.18em 0.25em;
	text-decoration: none;
	color: #000000;
	}
/* Date not available for appointments */
#nts .nts-calendar td {
	background-color: #bbcbbb;
	}
/* Date available for appointments */
#nts .nts-calendar td.available {
	background-color: #ccff99;
	}
/* Selected date */
#nts .nts-calendar td.selected {
	border: #006600 2px solid;
	background: #0f0;
	}
/* Month name */
#nts .nts-calendar h3 {
	display: block;
	width: auto;
	text-align: center;
	text-decoration: none;
	font-size: 1.25em;
	margin: 0 0 0.5em 0;
	padding: 0.25em 0;
	color: #339900;
	background-color: #ffffff;
	border-bottom: #339900 1px solid;
	}






	#nts div.nts-calendar {
		margin: 2px 2px;
		}
	#nts div.nts-calendar table {
		margin: 0 auto;
		}
	#nts div.nts-calendar td {
		padding: 0px;
		border: #686 1px solid;
		}
	#nts div.nts-calendar td div {
		padding: 3px 1px 2px 3px;
		font-size: 1.0em;
		}
	#nts div.nts-calendar td div.not_available {
		font-size: 1.0em;
		width: 2.8em;
		}
	#nts div.nts-calendar td div.available {
		font-size: 1.4em;
		width: 2.0em;
		}
	#nts div.nts-calendar td div.selected {
		border-width: 1px;
		border-style: solid;
		}
	#nts div.nts-calendar tr.months td {
		font-weight: bold;
		padding-top: 1px;
		}
	#nts div.nts-calendar tr.months td a {
		text-decoration: none;
		}
	#nts div.nts-calendar tr.days td {
		padding: 1px 0 1px 0;
		}
	#nts div.nts-calendar tr.days td div {
		font-size: 0.85em;
		background-color: #fff;
		}
	/* approved appointments */
	#nts .nts-calendar td div.approved {
		background-color: #ccff66;
		}
	/* pending appointments */
	#nts .nts-calendar td div.pending {
		background-color: #ff9900;
		}
		#nts div.nts-calendar td div
			{
			background-color: #ffffff;
			color: #000000;
			}
		#nts div.nts-calendar td div.available
			{
			background-color: #ddff88;
			}
		#nts div.nts-calendar td div.not_available
			{
			background-color: #fcc;
			}

		#nts div.nts-calendar td div.selected {
			border-color: #006600;
			background: #0f0;
			}
		#nts div.nts-calendar a
			{
			color: #000000;
			border-color: #99cc33;
			}
		/* END OF CALENDAR */		
		
		
/* SERVICES AVAILABLE FOR REQUEST */

#nts #nts-selector {
	}
	#nts #nts-selector a {
		font-size: 24px;
		border: #226666 1px solid;
		color: #302908;
		text-decoration: none;
		background-color: #e0f0e8;
		padding: 7px;
		margin: 0px;
		white-space: nowrap;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-top:3px solid #98cb65;
		border-bottom:3px solid #98cb65;
		border-left:3px solid #98cb65;
		border-right:3px solid #98cb65;
	}

#nts #nts-selector li {
	padding-bottom:8px;
}

.ntsCategory {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
//		background: #f8ffd8;
//		background: #f8ffcb;
		border: #336633 1px solid;
		}
		
/* APPOINTMENT TIMES AVAILABLE FOR REQUEST */
#nts .nts-box-selector {
	overflow: auto;
	padding: 0;
	margin: 0;
	}
#nts #nts-box-selector a {
		border: #000 1px solid;
		color: #222;
		font-size:16px;
		text-decoration: none;
		background-color: #f4f8f4;
		line-height: 1.9em;
		white-space: nowrap;
		width: 9em;
		display: block;
		text-align: center;
		display: block;
		float: left;
		padding-right:1px;
		margin-left:10px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-top:3px solid #98cb65;
		border-bottom:3px solid #98cb65;
		border-left:3px solid #98cb65;
		border-right:3px solid #98cb65;
		}


#nts #nts-box-selector ul {
		border: #e0e0e0 0px solid;
		background-color: #fff;
		display: block;
		padding:0px;
		height:25px;
		padding-bottom:20px;
	}
			
#nts #nts-box-selector li {
		border: #e0e0e0 0px solid;
		background-color: #fff;
		display: block;
		padding:0px;
	}


	
	


/* APPOINTMENT TIMES AVAILABLE FOR REQUEST */
#nts .nts-time-selector {
	overflow: auto;
	padding: 0;
	margin: 0;
	}
#nts #nts-time-selector a {
		border: #000 1px solid;
		color: #222;
		font-size:20px;
		text-decoration: none;
		background-color: #f4f8f4;
		line-height: 1.9em;
		white-space: nowrap;
		width: 4.85em;
		display: block;
		text-align: center;
		display: block;
		float: left;
		padding-right:1px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-top:3px solid #98cb65;
		border-bottom:3px solid #98cb65;
		border-left:3px solid #98cb65;
		border-right:3px solid #98cb65;
		}
		
#nts #nts-time-selector li {
		border: #e0e0e0 0px solid;
		background-color: #fff;
		display: block;
		padding:0px;
		margin:15px;
		}

/* APPOINTMENT REQUEST PROCESS INFORMATION */
#nts #nts-appointment-flow {
	background-color: #ffffff;
	padding: 0 0;
	margin: 1em 0 2em 0;
	width: 100%;
	}
#nts #nts-appointment-flow table {
	background-color: #ffffff;
	width: auto;
	border-collapse: collapse;
	border-spacing: 1px 1px;
	}
#nts #nts-appointment-flow td, #nts #nts-appointment-flow th {
	padding: 0.5em 1em;
	vertical-align: top;
	border: #339900 1px solid;
	}
#nts #nts-appointment-flow td {
	background-color: #eeeeee;
	}
#nts #nts-appointment-flow th {
	border-bottom: #bbbbbb 1px solid;
	text-decoration: underline;
	text-align: left;
	color: #339900;
	background-color: #ffffff;
	}




/*	a:link, a:visited	
	{text-decoration: none	; font-size: 14px; }

	a:hover	
	{text-decoration: none	; font-size: 14px; }

	a:active	
	{text-decoration: none	; font-size: 14px; }
*/	
