/* -- Courses stylesheet -- */

#banner, #continue { background: #75d279; }
h2 { color: #61b664; }
h3 { color: #555; font-weight: 700; }
.hl { color:#c00; }
#sidebar li span.current, #sidebar li a.current { background: #75d279; color: #fff; }

#main #intro-slider {
	margin: 0 0 30px 0;
	list-style-type: none;
	width: 639px;
	height: 160px;
	background: url(images/banner.jpg);
	overflow: hidden;
	position: relative;
}

#main #intro-slider li {
	display: block;
	width: 360px;
	height: 160px;
	margin: 20px 0 0 20px;
	font-size: 20px;
	line-height:24px;
}

h2 { margin: 0 0 20px 0; clear: both; }
.course-grid { position: relative;  float: left; width: 192px; height: 450px; margin: 0 10px 10px 10px; }
.course-grid.row { width:100%; height: 150px; margin: 0 0 10px 0; border-bottom:1px solid #ccc; }
.course-grid.row:last-child { border-bottom:none; }
.course-grid.row img { float: left; margin: 0 10px 10px 0; }
#main .course-grid p { font-size: 13px; line-height: 15px; margin: 0 0 5px 0 !important; }
#main .course-grid p.short-description { font-size: 12px; height: 70px; }
#main .course-grid h3 { margin: 0 0 10px 0; font-size: 17px; font-weight: normal; }
#main .course-grid.grid h3 { height: 40px; }
#main .course-grid.row h3 { font-size:18px; }
#main .course-grid.row .c-info { margin-left:140px; }
#main .course-grid.row .links { height:28px; margin-top:10px; }
#main .course-grid .small { font-size: 11px; }
#main .course-grid > .links { margin: 10px 0; }
#main .links form { display: inline; }
#main .links a, #main .links input[type=submit] {
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
	margin-right: 5px;
	color: #555;
	text-decoration: none;
	border-radius: 3px;
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #ccc; }
#main .links a:hover, #main .links input[type=submit]:hover { background: #f8f8f8; color: #111; border: 1px solid #aaa; box-shadow: 0px 1px 2px #ddd; }
span.price { color: red; font-weight: 700; font-size: 14px; }


.course-grid2 { position: relative;  float: left; width: 192px; height: 495px; margin: 0 10px 10px 10px; }
.course-grid2.row { width:100%; height: 150px; margin: 0 0 10px 0; border-bottom:1px solid #ccc; }
.course-grid2.row:last-child { border-bottom:hidden; }
.course-grid2.row img { float: left; margin: 0 10px 10px 0; }
#main .course-grid2 p { font-size: 12px; line-height: 18px; margin: 0 0 5px 0 !important; }
#main .course-grid2 p.short-description { font-size: 12px; height: 80px; }
#main .course-grid2 h3 { margin: 0 0 10px 0; font-size: 17px; font-weight: normal; }
#main .course-grid2.grid h3 { height: 40px; }
#main .course-grid2.row h3 { font-size:18px; }
#main .course-grid2.row .c-info { margin-left:140px; }
#main .course-grid2.row .links { height:28px; margin-top:10px; }
#main .course-grid2 .small { font-size: 11px; }
#main .course-grid2 > .links { margin: 10px 0; }
#main .links form { display: inline; }
#main .links a, #main .links input[type=submit] {
	font-size: 13px;
	font-weight: 700;
	padding: 5px;
	margin-right: 5px;
	color: #555;
	text-decoration: none;
	border-radius: 3px;
	background: #f0f0f0;
	background: -moz-linear-gradient(top,  #f0f0f0 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	background: linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
	border: 1px solid #ccc; }
#main .links a:hover, #main .links input[type=submit]:hover { background: #f8f8f8; color: #111; border: 1px solid #aaa; box-shadow: 0px 1px 2px #ddd; }
span.price { color: red; font-weight: 700; font-size: 14px; }



#main blockquote {
	font-weight: 400;
	margin: 20px 0px;
	padding: 0 20px 0 80px;
	background: url(images/quote1.gif) top left no-repeat;
	font-size: 14px;
	color: #444;
	line-height: 24px;
	position: relative;
	width: 560px; }
#main blockquote img { float: right; margin: 10px 0 0 10px; }
.mini-quote {
	float: right;
	width: 180px;
	margin: 0 0 10px 25px;
	padding: 10px;
	background: #fff;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }
.mini-quote b { color: #222; }

.section {
	background: none;
	border: none;
	margin: 0px 0px 40px 0px;
	padding: 0px; }
.section.stripe {
	margin: 0 0 0 -30px;
	padding: 25px 30px;
	width: 639px;
}
.section.stripe h2 {
	margin: 15px 0 !important;
}
.section.grey {
	background: #fafafa;
}
.section.stripe .box {
	margin-top: 30px;
}
.flat-cart {
	background: #5c9fcc;
	color: #ffffff;
	width: 260px;
	margin: 30px auto 20px auto;
	border-radius: 5px;
}
.flat-cart:hover {
	background: #62a9d9;
}
.flat-cart a,
.flat-cart button {
    background: none;
    border: none;
	display: block;
    width: 100%;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px;
    font-size: 28px;
    text-align: center;
}
.flat-cart a:hover {
	text-decoration: none !important;
}
#main .box {
	background:#f0f0f0;
	border: 1px solid #bbb;
	padding: 10px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fafafa;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	margin: 0px 0px 0px 0px; }
#main .box:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
	}
#main .box p { margin:5px 0 10px 0; }
#main .box p + p { margin-top: 5px; }
#main .box p.half { width: 50%; }
#calendar > td { padding-right: 10px; font-size: 12px; }
#calendar { margin: 20px auto; }
#register { background: url(images/register.jpg) 0 0 no-repeat; margin: 20px auto; width: 200px; height: 50px; text-indent: -9999px; display:block; }
#register:hover { background-position: 0 -50px; cursor: pointer; }
#sale-button { background: url(images/sale-bg.png) no-repeat; float: right; width: 100px; height: 100px; color: #fff; font-weight: 700; margin: -30px -30px 0 0; padding: 27px 0 0 0; text-align: center; }

.section .add-to-cart { background: url(/images/cart2.png) 0 0 no-repeat; width: 160px; height: 40px; border: none; color: #fff; font-weight: 700; font-size: 16px; margin: 10px 0 10px 0; padding-right: 30px; }
.section .add-to-cart:hover { background-position: 0 -40px; }

#main p.big { line-height: 200%; } 

/* -- Calendar --*/

div.jcalendar {
width:185px;
}

div.jcalendar table {
background:#a1a5a9;
color:#000;
border-collapse:separate;
border-spacing:1px;
font-size:12px;
}

div.jcalendar table th {
background:#eee;
}

div.jcalendar table td {
background:#f9f9f9;
padding:0;
width:2.2em;
}

div.jcalendar table th.weekend {
background:#ddd;
}

div.jcalendar table td.weekend {
background:#e9e9e9;
}

div.jcalendar table span {
color:#333;
display:block;
line-height:1.7em;
text-align:center;
text-decoration:none;
width:2.2em;
}

div.jcalendar table td.today span {
background:#777;
border-color:#aaa;
color:#fff;
font-weight:700;
}

div.jcalendar table td span.selected {
background:#0072b9;
color:#fff;
font-weight:700;
}

div.jcalendar a {
	color:#fff !important;
}


/* -- Course pages --*/

.sub-side {
	float:right;
	width:180px;
	padding:10px;
	/*background:#8fff94;*/
	margin:0 0 10px 10px;
	border-left:1px solid #bbb;
}
.sub-side h4 {
	font-size:14px !important;
}
.sub-side p {
	font-size:12px !important;
	margin-bottom:5px !important;
}

#purchase .price { font-weight: 700; color: red; font-size: 16px; margin-left: 3px; }
#purchase #box { margin: 0 20px 80px 0; }

/* -- Teleconferences --*/

#main #alphabet { margin: 0 10px 0 -2px !important; padding: 20px 0 20px 3px; margin: 0px; background: #fff; width: 640px; }
#alphabet li { display: inline; font-size: 18px; margin-right: 18px; }
#main #alphabet a.selected { text-decoration: underline; color:#111; cursor:auto; }
#expand-all { float: right; cursor: pointer; }
.tele-section { clear:both; margin: 0; }
.tele-section h2 { margin: 0 10px; color: #c53f3f; font-size: 20px; }
.tele-section p { margin: 5px 10px; }
#main .tele-section ol { margin: 10px 0; float: left; list-style-type: none; }
#main .tele-section ol li { width: 600px; margin: 0 0 30px 0; font-weight: 400; }
#main .copy-to { float:right; font-size:12px; color:#555; padding-right:20px; background:url(../images/share.png) 100% 50% no-repeat; }
#main .copy-to:hover { color: #222; cursor:pointer; }
#main .name { font-weight: bold; font-size: 16px; }
#main .name:hover { text-decoration: underline; }
#main .more p { margin: 10px 0px; font-size: 14px; }
#main .active { color: #c53f3f; }
#main .mp3-links { list-style-type: none; margin: 0; }
#main .tele-section .mp3-links li { font-size: 13px; font-weight: 700; background: url(images/speaker.png) 0px 1px no-repeat; padding: 0 0 0 20px; margin: 0px; }
#main .tele-section .mp3-links li.video { background: url(images/video.png) 0px 1px no-repeat; }
#main .tele-section .mp3-links li.pdf { background: url(/images/mini-pp.png) 0px 1px no-repeat; }
#main .tele-section .mp3-links li.noIcon { background: none; }
#main .file-info { font-size: 12px; font-weight: 400; }
#most-recent td { vertical-align: middle; font-size: 13px; line-height:20px; padding:10px 5px; }
#most-recent tr { border-bottom:1px dotted #bbb; }
#most-recent tr:last-child { border-bottom:none; }
.recent-formats { width:50px; }
.recent-date { font-style: italic; font-size:12px; margin:5px 0 3px 0; }
.video-icon, .audio-icon, .pdf-icon, .pp-icon { font-weight:700; padding-left:20px; }
.video-icon { background:url(images/video.png) 0 0 no-repeat; }
.audio-icon { background:url(images/speaker.png) 0 0 no-repeat; }
.pdf-icon { background: url(/images/mini-pdf.png) 0 0 no-repeat; }
.pp-icon { background: url(/images/mini-pp.png) 0 0 no-repeat; }

/* -- The Characteristic Symptoms page -- */

.charsymp { font-family:Georgia, serif; text-align: center; }
.charsymp h2 { text-align:center; color:#53534a; }
.charsymp p {
	text-align:justify;
	font-size:16px;
	line-height:24px;
	letter-spacing:1px;
}
.charsymp b { color: #9b0207; }
.charsymp blockquote { text-align:left; }
.charsymp #reg p, .charsymp #special p { text-align:center !important; }
#reg-button, #aph-click.button { background:#9b0207; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:200px; margin:0 auto 25px auto !important; color:#fff; }
#aph-click.button { width:500px; text-align:center; padding:5px; }
#reg-button:hover { background:#B50208; }
#reg-button a { color:#fff !important; display:block; font-size:26px; padding:10px; text-decoration:none; }
#reg-button a:hover { background:none; }
#page-wrap #reg p, #page-wrap #special p { text-align:center; }
.l-first {
	display:block;
	height:35px;
	width:42px;
	font-size:50px;
	float:left;
	margin:0;
	padding-top:10px;
}
.ie9 .l-first { height:42px; }

/* -- Modern practice -- */
.modern-practice p.date { background: url(modern-practice/calendar-select.png) 0 3px no-repeat; padding: 0 0 0 22px; font-weight: 700; font-size: 15px; margin: 40px 0 5px 0 !important; }
.modern-practice .tutor-name { margin: 5px 0 15px 0; color: #0055b5; }
.modern-practice .tutor-name h2 { display: inline; margin:0; }
.modern-practice .tutor-name h2 sup { font-size: 12px; }
.modern-practice h2 span { font-size:18px; }

/* -- Vithoulkas page -- */
#vithoulkas-form { margin:20px auto; }
#vithoulkas-form label { font-weight:700; display:inline-block; width:130px; }
#vithoulkas-form input[type=text] { width:375px; margin:3px 0 5px 0; }
#vithoulkas-form textarea { width:520px; resize:vertical; }
#vithoulkas-form input[type=submit] { margin:10px auto; }
#vithoulkas-special {
	float:right;
	margin:0 0 20px 20px;
	width:260px;
	background:#75d279;
	color:#fff;
	padding:10px;
	font-weight:700;
	border-radius:5px;
}
#main #vithoulkas-special a { color:#fff; text-decoration:none; }

/* -- Online courses page -- */

.oc-header {
	position: relative;
	font-size: 25px;
}

.oc-header .med-button {
	display: inline-block;
	margin: 0 0 0 10px;
	right: 5px;
	top: 0;
	font-size: 16px;
}

.online-courses-table {
	width: 100%;
	line-height: 1.4;
}
.online-courses-table td,
.online-courses-table th {
	padding: 8px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
}
.online-courses-table th {
	border-bottom: 1px solid #aaaaaa;
}
.online-courses-table tr:last-child td {
	border-bottom: none;
}
.online-courses-table tr.even td {
	background: #fafafa;
}
.online-courses-table .btn {
	text-align: center;
}
.online-courses-table .btn a {
	display: block;
	padding: 5px;
	font-weight: 700;
	color: #555555 !important;
}
.online-courses-table .btn a:hover {
	color: #333333 !important;
	text-decoration: none !important;
}