html
		{
			direction: rtl;
		}
		body
        {
            font-family: Helvetica, Arial, sans-serif;
			direction: rtl;
			text-align: center;
        }
        body, span, div, td, h2, p, h3
        {
            margin: 0px;
            padding: 0px;
			
        }
        h1
        {
            font-size: 20px;
			margin-bottom: 3px;
        }
        h2
        {
            font-size: 18px;
			margin-bottom: 7px;
        }
        h3
        {
            font-size: 14px;
        }
        p
        {
            font-size: 12px;
        }
        a:visited
		{ 
			color:blue;
		}
        a:hover
        {
            color: red;
        } 
		header 
		{
			display: block;
			margin-top: 5px;
			margin-bottom: 5px;
			height: 118px;
			width: 761px;
			margin-left:auto;
			margin-right: auto;
		}
		article
		{
			display: block;
			text-align: right;
			margin-left: auto;
			margin-right: auto;
			width: 761px;
			font-size: 12px;
			z-index: 1;
			margin-bottom: 10px;
		}
		#homepage
		{
			background-image: url('images/myclasses_06.jpg');
			background-position: top left;
			background-repeat: no-repeat;
			height: 507px;
		}
		nav
		{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 761px;
		}
		.button
		{
			padding: 10px;
			font-weight: bold;
			font-size: 125%;
			color: #000000;
		}
		.button:hover
		{
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			text-shadow: -1px -1px 1px #777777;
			border: 1px solid #CCCCCC;
			color: #000000;
		}
		.button:visited
		{
			color: #000000;
		}
		select
		{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			width: 200px;
		}
		input
		{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			width: 196px;
		}
		#dLookup
		{
			width: 350px;
			margin-right: auto;
			margin-left: auto;
			font-size: 13pt;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #000000;
			padding: 10px;
		}
		#frmError
		{
			background-color: #FFF396;
			font-weight: bold;
			padding-right: 20px;
			font-size: 95%;
			border: 1px solid Red;
			display: none;
		}
		#pageText
		{
			margin-left: 382px;
		}
		footer
		{
			display: block;
			z-index: 1;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5px;
			width: 760px;
		}
		
		#classDetails
		{
			width: 75%;
			margin-left: auto;
			margin-right: auto;
			border-bottom: 1px dashed #cccccc;
			padding: 5px;
			height: 55px;
			position: relative;
		}
		#classDetails-side-right
		{
			width: 50%;
			float: right;
		}
		#classDetails-side-left
		{
			width: 50%;
			float: right;
		}
		#classNotes
		{
			width: 75%;
			margin-right: auto;
			margin-left: auto;
		}
		.note
		{
			margin-top: 10px;
			margin-bottom: 5px;
			width: 100%;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #CCCCCC;
			padding-bottom: 12px;
			padding-top: 20px;
			padding-left: 10px;
			padding-right: 10px;
			background-image: url('images/grad.png');
			background-position: top left;
			background-repeat: repeat-x;
		}
		.quote
		{
			font-family: Times New Roman, Times, Georgia, Century Gothic;
			font-size: 250%;
			text-shadow: -1px -1px 1px #777777;
		}
		#classPics 
		{
			position: relative;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		#classPics-preview-bar
		{
			width: 102px;
			height: 500px;
			text-align: center;
			overflow: auto;
			position: absolute;
			right: 90px;
		}
		.picPreview
		{
			cursor: pointer;
			border: 1px solid #000000;
			max-height: 100px;
			max-width: 100px;
			margin: 3px;
		}
		
		.picPreviewCurrent
		{
			border: 2px solid #FFFA91;
			cursor: auto;
			max-height: 100px;
			max-width: 100px;
			margin: 3px;
		}
		#classPics-main
		{
			text-align: center;
			width: 510px;
			margin-right: 200px;
		}
		#classPics-main-img
		{
			max-width: 500px;
			max-height: 500px;
		}
		img
		{
			border: 0;
		}
		#mainLogo
		{
			height: 118px;
			width: 157px;
			margin-left: 5px;
		}
		#mainBanner
		{
			height: 118px;
			width: 599px;
		}
		#btnBack
		{
			margin-right: 180px;
			cursor: pointer;
		}
		#error-icon
		{
			position: relative;
			right: -5px;
			top: 2px;
		}
		#frmAddNew
		{
			width: 550px;
			margin-right: auto;
			margin-left: auto;
			font-size: 13pt;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 1px solid #000000;
			padding: 10px;
		}
		.AddOther
		{
			color: Red;
			font-weight: bold;
			display: none;
		}
		
		#btnCalendar
		{
			position: relative;
			top: 4px;
			right: 1px;
			cursor: pointer;
		}
		
		#examDate 
		{
			width: 175px;
		}
		
		.frmNote
		{
			font-size: 75%;
			font-weight: bold;
		}
		#addNewThanks
		{
			text-align: center;
		}
		#thank-you-buttons
		{
			margin-top: 15px;
			margin-bottom: 15px;
			text-align: center;
		}
		.verticalSeparator
		{
			display: inline;
			padding-right: 150px;
		}