body
{
	margin:0px;
	font-family:tahoma;
	font-size:10px;
}
a
{
	color:#333333;
	font-size:16px;
}
a:hover
{
	color:#333333;
	text-decoration:none;	
}

.upperheader
{
	height:90px;
	background-color:#02398B;	
	padding-left:32px;
	background-image: url("../images/logo/header-bg.jpg");
}
.lowerheader
{
	height:22px;
	background-color:#F2F2F2;
	font-size:13px;
}
.footer
{
	 height=22px;
	 background-color:#02398B;	 
}

.main {width:328px;}
.calendarmain
{
	text-align:center;
	background-color:#CCCCCC;	
}
.calendarmain td
{
	background-color:#FFFFFF;
}
.calendarheaderrow td
{
	background-color:#02398B;
	color:#FFFFFF;
	height:26px;
	font-size:14px;
	font-weight:bold;
}
.calendarheaderrow a:link
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}
.calendarheaderrow a:visited
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.calendarheaderrow a:hover
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

.calenderdaynamerow td
{
 	background-color:#E5E5E5;
	color:#333333;
	font-size:11px;
	font-weight:bold;
	height:24px;
}
.calenderdays
{
	height:24px;
}
.calenderdays a
{
	color:#02398B;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;	
	padding:10px;
}
.calenderdays a:visited
{
	color:#02398B;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

.calenderdays a:hover
{
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

.calenderselectedday
{
	height:24px;	
}
.calenderselectedday a
{
	background-color:#02398B;
	padding:5px;
	padding-right:15px;
	padding-left:13px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}

.scheduletable
{
	border:1px solid #CCCCCC;
}
.scheduletableheaderrow
{
	background-color:#02398B;
	color:#FFFFFF;
	height:28px;
	font-size:14px;
	font-weight:bold;
}
.maintitle
{
	font-size:26px;
}
.subtitlegrey
{
	color:#666666;
	font-size:22px;
}
.subtitleorange
{
	color:#02398B;
	font-size:22px;
}
.schedulertr0
{
	height:20px;
}
.schedulertr1
{
	background-color:#F2F2F2;
	height:20px;
}
.schtime
{
	font-size:16px;
	color:#02398B;
	font-weight:bold;
}
.schappointment a
{
	font-size:16px;
	color:#333333;
	letter-spacing:1px;
line-height: 1.5em;
}
.schappointment a:hover
{
	font-size:16px;
	color:#02398B;
	letter-spacing:1px;
	text-decoration:none;
}
.schtimeslot
{
	font-size:11px;
	color:#02398B;
	font-weight:bold;
}
.schnotavalilable
{
	font-size:16px;
	color:#02398B;
	font-weight:bold;
line-height: 1.5em;
}
.apptable
{
	border:1px solid #CCCCCC;
	font-size:12px;
	color:#33333;
}
.apptableheaderrow
{
	background-color:#02398B;
	color:#FFFFFF;
	height:28px;
	font-size:14px;
	font-weight:bold;
}
input, textarea, select
{
	border:1px solid #333333;	
	font-family:tahoma;
	font-size:12px;
}
.submitbutton
{
	background-color:#F2F2F2;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	letter-spacing:1px;
	padding: 5px 10px 5px 10px;
}
.error
{
	font-size:12px;
	color:#FF0000;
}
.message
{
	font-size:13px;
	color:#02398B;
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
}
.leftframe
{
	background-color:#F2F2F2;
}
.middlecontent
{
	height:503px;
	min-height:503px;
	vertical-align:top;
}
.orangefont
{
	color:#02398B;
}
.stepTable
{
	font-size:12px;
	letter-spacing:1px;
	font-weight:bold;
}
.whiteStep
{
	color:#FFFFFF;
}
.blackStep
{
	color:#000000;
}

.greyStep {
	color:#808080;
}
.mailtext
{
	font-size:11px;
}

@media only screen and (max-width: 1280px) {

	.main {width: 100%;}
	.schappointment a {
    color: #333333;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.5em;
}

}

@media only screen and (max-width: 767px) {
  	.left-side {width: 100%;}
	.table_form {width: 100%;}
	.specialneeds {margin-left: -0px;}
	.right-side {display: none; visibility:hidden;}
	.choose3, .choose4, .choose5 {float: none; width:95%;}
	.main {width: 100%;}
	
.schappointment a {
    color: #333333;
font-size: 24px;
    letter-spacing: 1px;
    line-height: 2em;
}
}