@import url(reset.css);

	/* TABLE OF CONTENTS
	
	1. GENERAL STYLE
	2. HELPER STYLES
	3. PAGE STRUCTURE
	4. PAGE COMPONENTS
	5. NAVIGATION
	6. OLDSTYLES
	7. OVERRIDES
	*/

	/* COLOR VARIABLES
	
	@colordef #f6f6f6 body background 
	@colordef #eceded grey (#side box background)
	@colordef #e7e7e8 grey (#message)
	@colordef #a3248f Far ljuslila 
	@colordef #641d79 Far lila
	@colordef #c8c7c7 grey divider
	@colordef #231f20 content text & headers
	@colordef #ec1c2c red
	*/


/* 1. @GROUP GENERAL STYLES
--------------------------------------------------------*/

body {
	font: 62.5%/1.6em Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #f6f6f6;
	text-align: center;
	color: #231f20;
	padding: 0;
	margin: 0;
}

html, body, form, #wrapper {height: 100%;}

h1, h2, h3, h4{
	font-weight: bold;
}

h1 {font-size: 2em;} 
h2 {font-size: 1.5em;}  
h3 {font-size: 1.3em;} 
h4 {font-size: 1em;} 

h1 {margin-bottom: 0.5em; line-height: 1.2em;}
h2, h3 { margin-bottom: 0.2em; line-height: 1.2em;}

p {margin-bottom: 1.6em;}

ol li {margin-bottom:4px;}

strong {font-weight: bold;}

a:link		{text-decoration: none; color: #a3248f;}
a:visited	{text-decoration: none; color: #a3248f;}
a:hover 	{text-decoration: none; text-decoration: underline;}
a:focus 	{text-decoration: underline;}
a:active 	{text-decoration: none;}

em 			{font-style: italic;}
strong 		{font-weight: bold;}
ul, ol, dl, 
table 		{margin-bottom: 20px;}

/* 2. @GROUP HELPER STYLES
--------------------------------------------------------*/
.clear
{
	clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/

* html .clearfix { height: 1%;}

/*.clearfix {display: block;}*/
/* End hide from IE-mac */

.linkColor {
	color: #a3248f;
	display: inline;
}

a.button, input.button {
	width: 65px;
	display: block;
	padding: 4px 0;
	line-height: 1em;
	color: #FFF;
	background: #a3248f;
	text-align: center; 
	font-size: 0.85em;
}

input.button 
{
    border:0px;
}

a.button:hover {
	text-decoration: none;
}

.focusField{  
     border:solid 2px #73A6FF;  
     background:#EFF5FF;  
     color:#000;  
 }  
 
.idleField{  
     background:#EEE;  
    color: #6F6F6F;  
    border: solid 2px #DFDFDF;  
 } 

/* 3. @GROUP PAGE STRUCTURE
--------------------------------------------------------*/

#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0 15px;
	background: #FFF;
	text-align: left;
	/*background-image: url(../images/grid.png);
	background-repeat: repeat-y;
	background-position: center;*/
}

form > #wrapper { height: auto; min-height: 100%; }

#header {
	padding-top: 25px;
	margin-right: 10px;
	position: relative;
	font-size: 1.2em;
}
	
#main {
	width: 940px;
	padding-bottom: 50px; /* must be same height as the footer */
	padding-bottom: 0px;
	font-size: 1.3em;
} 

#primary {
	width: 460px;
	margin: 0 20px 20px 240px;
	float: left;
	display: inline;
}

#secondary {
	width: 220px;
	margin-left: -940px;
	padding-bottom: 20px;
	float: left;
	display: inline;
}

#side {
	width: 220px;
	padding-bottom: 20px;
	float: left;
	/*display: inline;*/
}

.box {
	width: 90%;
	margin-bottom: 20px;
	padding: 5%;
	float: left;
	background: #eceded;
	display: inline;
}

#footer {
	width: 970px; 
	height: 50px; 
	/*margin: -50px auto 0;  top margin negative value of footer height */
	margin: 0 auto;
	position: relative;
	clear:both;
	background: #FFF;
} 

#footerContent {
	width: 920px; height: 49px;
	margin: 0 25px;
	border-top: 1px solid #c8c7c7;
	text-align: left;
	font-size: 12px;
	line-height: 45px;
}

	#footerContent p {
		margin-bottom: 0;
	}
	
	#footerContent a {
		color: #ee3039;
	}
	
.content {
	width: 920px;
	margin: 0 0 20px 10px;
	float: left;
}

/* 4. @GROUP PAGE COMPONENTS
--------------------------------------------------------*/

.logo {
	margin: 0 0 25px 10px;
}

#global {
	position: absolute;
	top: 25px; right: 0px;
	text-align: right;
}

	.globalSearchBtn {
        /*height: 28px; width: 28px;*/
		background: #9a9ea2;
		color: #FFF;
		cursor: pointer;
		font-size: 1.2em;
		float: left;
		border: none;
		padding: 4px 8px 5px;
	}

    .globalSearch {
	    width: 250px; height: 26px;
	    margin-right: 5px;
		border: 1px solid #CCC;
		display: block; float: left;
		padding: 0 0 0 5px;
	}


#helpLinks {
	width: 300px;
	margin-bottom: 0;
	padding: 10px;
	float: right;
	text-align: right;
	font-size: 1.3em;
}

	#helpLinks li, #topLinks li {
		display: inline;
	}
	
	#helpLinks li:last-child, #topLinks li:last-child {
		padding-right: 0;
		border: none;
	}
	
	#topLinks {
		margin-bottom: 10px;
	}
	
	#topLinks a {
		color: #ec1c2c;
	}
		
#courseSearchWide {
	width: 100%; 
	margin-bottom: 20px;
	padding: 10px 0;
	position: relative;
	float: left;
	background: #a3248f url(images/box_fold_bg.png) no-repeat right bottom;
}

	#courseSearchWide fieldset {
		float: left;
	}
	
	#courseSearchWide fieldset.searchField {
		padding-right: 5px;
	}

	#courseSearchWide fieldset.searchField .searchBtn {
		width: 70px; height: 24px;
		float: right;
		background: #641d79;
		border: none;
		color: #FFF;
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
		position: absolute;
		right: 40px;
	}
	
	#courseSearchWide fieldset.searchField input {
		width: 315px;
		margin: 0 10px;
		padding: 3px 0 4px 5px;
		float: left;
		border: 1px solid #FFF;
	}
	
	#courseSearchWide select {
		margin-right: 5px;
		padding: 2px;
	}
	

#courseSearch {
	width: 450px; 
	min-height:185px;
	position: relative;
	float: left;
	background: #a3248f;
}

	#courseSearch fieldset.searchField .searchBtn {
		width: 70px;
  		height: 42px;
		padding: 0 0 2px 0;
		float: right;
		background: #641d79;
		border: 1px solid #641d79;
		color: #FFF;
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
		font-weight: bold;
	}
	
	#courseSearch label, #courseSearchWide label, #courseSearchWide h2, #courseSearchWide h3 {
		display: none;
	}

	#courseSearch h2 {
		color: #FFF;
		font-size: 1.9em;
		padding: 20px 0 5px 20px;
	}
	
	#courseSearch #Seachsubheading {
		margin-bottom: 5px;
		padding: 0px 10px 15px 20px;
		color: #FFF;
		font-weight: normal;
		font-size: 0.9em;
	}
	
	#courseSearch h3 {
		margin-bottom: 5px;
		color: #FFF;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 0.9em;
	}
	
	#courseSearch fieldset {
		margin: 0 20px 15px 20px;
	}
	
	#courseSearch fieldset.searchField {
		margin-right: 10px;
		padding: 5px;
		background-color: #b3449e;
		/*background-color: rgba(196,101, 173, 0.5);*/
		position: relative;
		left: -5px;
	}
	
		#courseSearch fieldset.searchField input {
			width: 328px; height: 21px;
			padding: 0 0 0 5px;
			border: 1px solid #FFF;
			font-size: 1.2em;
    		height: 40px;
    		color: #777;
		}
		
	#courseSearch fieldset.searchField.focus {
		background-color: #c05eaa;
		/*background-color: rgba(196,101, 173, 0.9);*/
	}
	
	#courseSearch select {
		width: 195px;
	}

	#courseSearch select.courseArea {
		float: right;
	}
	
#moreHolder {
	width: 450px;
	position: relative;  
	float: left;
	height: 25px;
}

	#moreHolder .moreLink {
		padding-left: 20px;
		float: left;
		clear: both;
		background: #a3248f;
		margin-bottom: 10px;
		}
	
		#moreHolder .moreLink a {
            padding-right: 13px;
			color: #FFF;
			background: url(images/more_arrow.png) no-repeat right bottom;
		}

                #moreHolder .moreLink a.active {
                    background-position: right top;
                }
                
		#moreHolder .more {
			width: 450px;
			position: absolute;
			background: #a3248f url(images/box_fold_bg.png) no-repeat right bottom;
		}
		
			#moreHolder .more div {
			margin: 0 20px 15px;
			display: inline;			
			display: none;
			color: #EEE;
			font-style: italic;
			}
			
				#moreHolder .more div ul li {
					color: #EEE; 
				}
				
				#moreHolder .more div ul li a {
					color: #FFF; 
					text-decoration: underline;
				}
				
				#moreHolder .more div a {
					text-decoration: underline;
                    color: #FFF;
				}

		
#calendar {
	width: 210px; height: 21.54em; /* renders as 280px */
	float: left;
	margin: 0 0 0 20px; 
	background: #a3248f url(images/box_fold_bg.png) no-repeat right bottom;
	overflow: hidden;
	position: relative;
}

	#calendar h2 {
		position: relative;
		padding: 20px 0 5px 20px;
		background: url(images/calendar_fade_bg.png) repeat-x bottom left;
		color: #FFF;
		z-index: 10;
		white-space: nowrap;
	}
	
	#calendar a {
		color: #FFF;
		line-height: 15px;
	    font-size: 12px;
	    display: block;
	}

	#calendar dl.happenings {
		width:160px; height: 16.15em;
		margin-bottom: 0;
		position: absolute;
		left: 10px;
		top: 24em;
		color: #FFF;
		line-height: 19px;
		padding: 5px 10px;
		font-size: 0.9em;
	}
		
	#calendar dl.happenings dd {
		font-style: italic;
		margin-bottom: 20px;
		line-height: 14px;
		margin-top: 2px;
		display: block;
	}
		
	#calendar.nojs {
		overflow: scroll;
	}
		
	#calendar.nojs .happenings {
		top: 4em;
		position: static;
		padding-left: 20px;
	}
		
#message {
	width: 450px;  
	min-height: 210px; 
	margin-bottom: 20px;
	position: relative;
	float: right;
	background: #e7e7e8;
}

	#message ul li {
		background: none;
		padding: 0;
	}
	
    #message h1, #message p {
        width: 280px;
        position: relative;
        z-index: 10;
    }

    #message h1 {
        margin: 20px 0 0 20px;
    }

    #message p 
    {
        margin: 10px 0 0 20px;
        font-size: 1.3em;
        line-height: 1.2em;
    }

	#message img {
		position: absolute;
		bottom: 0; right: 0;
		z-index: 5;
	}
	
	#message a {
		color: #231f20;
	}

#teasers {
	width: 690px; height: 21.38em;  /* renders as 278px */
	float: left;
	border: 1px solid #c8c7c7;
	border-width: 1px 0;
}

	#teasers div {
		width: 220px;
		float: left;
		display: inline;
		margin-right: 10px;
	}
	
	#teasers div:first-child {
		width: 210px;
		margin-right: 20px;
	}
	
	#teasers div:last-child {
		margin-right: 0;
		padding-left: 10px;
	}
	
	#teasers h2 {
		padding-top: 15px;
		word-wrap: break-word;
		margin-bottom: 0.5em;
	}
	
	#teasers a {
		color: #231f20;
	}
	
	#teasers p {
		font-size: 1.05em;
		line-height: 1.3em;
	}
	
	#teasers ul {
		font-style: italic;
	}
	
#pushBox {
	border-top: 1px solid #FFF;
	width: 940px;
	float: left;
}

#pushBox div {
	margin: 0 10px 20px;
	float: left;
	display: inline;
	overflow: hidden;
}

.accordion h3 {
	padding: 10px 15px 0 0;
	font-weight: normal;
	border-top: 1px solid #CCC;
/*	background: url(images/accordion_plus.png) no-repeat right 1em;*/
	font-size: 1.1em;
}

	.accordion h3.active {
/*		background: url(images/accordion_minus.png) no-repeat right 1em; */
	}
	
	.accordion h3:first-child {
		border: none;
	}
	
	.accordion-link
	{
	    margin-top:8px;
	    font-weight:bold;
	    padding-right: 12px;
	    font-size: 11px;
	    float:left;
	    background: url(images/double-arrow-down.png) no-repeat right;
	}

	.accordion-link.active
	{
	    margin-top:8px;
	    font-weight:bold;
	    padding-right: 12px;
	    font-size: 11px;
	    float:left;
	    background: url(images/accordian_arrow_up.png) no-repeat right 3px;
	}
	.accordion .courseitem 
	{
	    border-top: 1px solid #CCC;
	    display:block;
	    overflow:hidden;
	}

    .accordion .courseitem span
	{
	    color: #A3248F;
        font-size: 11px;
	}

	.accordion div div {
		margin-bottom: 20px;
		padding: 10px;
		background: #DDD;
	}
	
	.accordion a.button, a.button.distanceCourse 
	{
	    float:right;
		margin: 5px 5px 10px 0px;
	}
	
	.accordion a.button, a.button.webCourse 
	{
	    float:right;
		margin: 5px 0px 10px 0px;
	}
	
	.accordion .courseitem .courseitem-info p
	{
	    margin:0;
	    margin-top: 3px;
	    padding:0;
	}
	
	.accordion .courseitem .courseitem-info p.bullet 
	{
	    background:url("images/arrow_list.png") no-repeat scroll left 5px transparent;
        color:#333333;
        padding-left:10px
	}
	/*
	.accordion .courseitem .courseitem-info a
	{
        color:Black;
	}
    */
	.accordion .courseitem .courseitem-info h4
	{
	    margin-top:10px;
	}

/*    #courseTable 
    {
        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        width: 700px;
        margin-bottom: 20px;
    }

	#courseTable td {
	    padding: 8px 5px;
	    border-bottom: 1px dotted #CCCCCC;
	    vertical-align: top;
	    /*width: 18%;* /
	}
	
	#courseTable thead th {
	    padding: 5px;
	    border-bottom: 4px solid #c8c7c7;
	    font-weight: bold;
	}
	
	#courseTable td.tCourseIcon
	{
	    width: 20px;
	}
	
	#courseTable td.tCourseName {
	 width: 60%;
	 font-size:18px;
	}
	
	#courseTable td.tCourseName a.showMore
	{
	    font-size:12px;
	}
	
		#courseTable td.tCourseName a {
			font-weight: bold;
			padding: 0 5px 0 0px;
	    	/*background: url(images/arrow.png) no-repeat 5px 3px;* /
			float: left;
		}
		
		#courseTable td.tCourseName p 
		{
		    font-size:12px;
		}
	
	#courseTable td.tRightTD
	{
	    text-align:right;
	}
	
	#courseTable .button {
	    float:right;
	    margin-right: 10px;
	}
	
	#courseTable a.button.distanceCourse {
		margin: 0 10px 0 0;

	}
	#courseTable a.button.webCourse {
		margin: 0 10px 0 0;
	}
	
	#courseTable tr.alt td {
		background: #F2F2F2;
	}
	
	#courseTable tr.noBorder td {
	border: none;
	}
	
	#courseTable tr.noBorder td.tCourseName {
	border-bottom: 1px solid #c8c7c7;
	}*/
	
.contactPerson {
	overflow: hidden;
	position: relative;
}
	
.contactPerson img {
  float: right;  
} 

.contactPerson ul {
    float: left;
    margin-top: 112px;
}

.contactPerson h2 {
	float: left;
	width: 79%;
}

.qoute {
    padding: 50px 20px 10px;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    background: #f2f2f2 url(images/qoute_icon.gif) no-repeat 10px 10px;
}

.qoute p {
    font-style: italic;
    line-height: 1.3em;
    color: #333;
}

.qoute cite {
    font-weight: bold;
	font-style: normal;
}

.qoute p:last-child {
	font-style: normal;
}

#primary ul li, #primary ol li, #side ul li, #side ol li {
	padding-left: 10px;
	color: #333;
	background: url(images/arrow_list.png) no-repeat left 5px;
    margin-bottom: 4px;
}


/* 5. @GROUP NAVIGATION
--------------------------------------------------------*/

#nav {
	margin: 0 0 0 -8px;
	font-size: 1.0833em;
	font-weight: bold;
}

	#nav li {
		float: left;
		margin-right: 5px;
		padding: 0 0 5px 5px;
	}

	#nav li a {
		display: block;
		float: left;
		padding: 0 10px 13px 10px;
		text-decoration: none;
		line-height: 26px;
		color: #231f20;
	}
	
	#nav li a:hover {
		background: #eceded url(images/nav_bg.png) no-repeat left bottom;
	}
	
	#nav li.active a, #nav li.active a:hover {
		background: #ee3039 url(images/nav_bg.png) no-repeat left bottom;
		color: #FFF;
		/*cursor: default;*/
	}

	
#breadcrumbs {
	width: 930px;
	margin-bottom: 0;
	padding: 10px 5px;
	float: left;
	font-size: 1.3em;
	border-top: 1px solid #c8c7c7;
}

	#breadcrumbs li {
		display: inline;
		color: #666;
	}
	
		#breadcrumbs li a {
			padding-right: 4px;
			color: #666;
		}


#subnav {
	width: 100%;
}

	#subnav li {
		margin-bottom: 3px;
	}
		
	#subnav a {
		width: 92%;
		padding: 4%;
		display: block;
		background: #692b86;
		color: #FFF;
		text-decoration: none;
	}
	
	#subnav .has-children a
	{
	    background: url("images/down-arrow.gif") no-repeat scroll 196px 11px #692B86 !important;
	}

	#subnav a:hover, #subnav li.active a {
		background: #a3248f;
	}
	
		#subnav li ul {
			margin-bottom: 0;
		}

		#subnav li ul li {
			margin: 3px 0 0 0;
		}
	
		#subnav li.active ul li a {
			background: #dec1de;
			color: #333;
		}
		
		#subnav li.active ul li a:hover {
			background: #e9d6e9;
		}
		
#subnavigation #month-navigation ul li {
	border-bottom:1px solid #E8E8E8;
	color:#CCCCCC;
    margin-bottom:1px;
	padding: 3px 0 4px 0;
	background: none;
}

#subnavigation #alphabetic-navigation{
                             padding:15px 0 28px 0;

}
 
#subnavigation #alphabetic-navigation ul{
                             overflow:hidden;
                             margin:0;
                             padding:0;
                             width:170px;
                             margin:0 auto;
}
 
#subnavigation #alphabetic-navigation li{
                             float:left;
                             margin:0;
                             padding:0;
                             color:#ccc;
                             font-size:.9em;
                             border:none;                             border: 1px solid black;
 
}
#subnavigation #alphabetic-navigation a,
#subnavigation #alphabetic-navigation span{
                             display:inline-block;
                             width:18px;
                             height:17px;
                             padding:4px 0 0 6px;
}
#subnavigation #alphabetic-navigation a{
                             color:#666;
                             font-weight:bold;
}

#calendarList ul {
	background-color:#F2F2F2;
}

#calendarList h2 {
    background: #FFF;
    padding: 20px 0 3px 0;
}

#calendarList ul li h2 span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	color:#666666;
	display:block;
	background:transparent url(images/kalendericon.png) no-repeat scroll left top;
	font-family:Futura Com,Arial,Helvetica,sans-serif;
	font-size:15px;
	line-height:0.7em;
	min-height:31px;
	padding:4px 0 0 4px;
	width:31px;
}
#calendarList ul li h2 span div {
	float:left;
	font-size:15px;
	line-height:15px;
	min-height:24px;
	padding-left:40px;
	padding-top:7px;
}

	#primary #calendarList li {
		background-image: none;
		padding-left: 0;
	}

#result #calendarList h3
{
	font-size:1em;
}

#result #calendarList span.details
{
	font-size:0.9em;
	color:#808080;
	display:block;
	margin-top:2px;
	font-weight:normal;	
}

#calendarList ul li h3 a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/arrow.png) no-repeat scroll 10px 5px;
	border-bottom:1px solid #F2F2F2;
	display:block;
	font-weight:bold;
	line-height:16px;
	padding:3px 10px 5px 28px;
}

#calendarList ul li h3 a:hover {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	text-decoration: none;
	background-color: #e5e5e5;
}


/* 6. @GROUP OLDSTYLES
--------------------------------------------------------*/

.IntroText, .introduction {
	font-weight: bold;
}

.login-label
{
	margin-bottom: 20px;
	width:175px;
}

h2.caption  {
font-size:1.1em;
height:1.5em;
letter-spacing:1px;
padding:5px 0 5px 9px;
}
 
h2.caption a.booking {
float:right;
font-weight:normal;
margin-right:1.5em;
}

.MonthHeadline
{
    font-size: 1.2em;
    font-weight: bold;
    padding: 8px 0 4px 0;
}

/*expandable css (old css)*/

#teachers li
{
        cursor: pointer;
        line-height: 1.3;
        margin-left: 2px;
}
#teachers li.expandable span
{
        color: #585858;
        font-weight: normal;
        padding-left: 13px;
        background: url(../images/search_expand.gif) 0 2px no-repeat;
}
#teachers li.open span
{
        padding-left: 13px;
        background: url(../images/search_collapse.gif) 0 2px no-repeat;
        font-weight: bold;
}
#teachers p
{
        margin-top: 0.15em;
        margin-bottom: 0.5em;
}
#teachers li.expandable *
{
        display: none;
        margin-top: 0.15em;
}
#teachers li.expandable span
{
        display: block;
        margin-bottom: 0.5em;
}
 
#teachers li.open p, #teachers li.open ul
{
        display: block;
}

#teachers div
{
        cursor: pointer;
        line-height: 1.3;
        margin-left: 2px;        
	    margin-bottom: 25px;
}
#teachers div.expandable
{
        background: url(/images/search_expand.gif) 0 2px no-repeat;
}
#teachers div.open
{
        background: url(/images/search_collapse.gif) 0 2px no-repeat;
}
#teachers div span
{
        font-weight: bold;
}
#teachers div.expandable span
{
        color: #585858;
        font-weight: normal;
        padding-left: 13px;
}
#teachers div.open span
{
        padding-left: 13px;
}
#teachers p
{
        margin-top: 0.15em;
}
#teachers div.expandable p
{
        display: none;
        margin-top: 0.15em;
}
#teachers div.open p
{
        display: block;
}
#teachers li
{
        cursor: pointer;
        line-height: 1.3;
        margin-left: 2px;
}

/* Accordion */
#expand li.expandable span
{
        color: #585858;
        padding-left: 13px;
        padding-bottom: 8px;
        background: url(../images/search_expand.gif) 0 2px no-repeat;
}
#expand li.open span
{
        padding-left: 13px;
        background: url(../images/search_collapse.gif) 0 2px no-repeat;
        font-weight: bold;
}
#expand p
{
        margin-top: 0.15em;
        margin-bottom: 0.5em;
}
#expand li.expandable *
{
        display: none;
        margin-top: 0.15em;
}
#expand li.expandable span
{
        display: block;
        margin-bottom: 0.5em;
}
 
#expand li.open p, #teachers li.open ul
{
        display: block;
}

#expand div
{
        cursor: pointer;
        line-height: 1.3;
        margin-left: 2px;        
	    margin-bottom: 25px;
}
#expand div.expandable
{
        background: url(/images/search_expand.gif) 0 2px no-repeat;
}
#expand div.open
{
        background: url(/images/search_collapse.gif) 0 2px no-repeat;
}
#expand div span
{
        font-weight: bold;
}
#expand div.expandable span
{
        color: #585858;
        font-weight: normal;
        padding-left: 13px;
}
#expand div.open span
{
        padding-left: 13px;
}
#expand p
{
        margin-top: 0.15em;
}
#expand div.expandable p
{
        display: none;
        margin-top: 0.15em;
}
#expand div.open p
{
        display: block;
}#expand ul li
{
        cursor: pointer;
}

.lasmer
{
	display: block;
	margin-top: 5px;
	margin-left: 0px;
}

.error
{
    color:Red;
}

#result fieldset div input
{
    margin-bottom:10px;
    border:1px solid black;
}

#result fieldset div .button
{
    margin-bottom:10px;
    border:1px solid black;
    /*float: right;
    font-size: 0.7em;*/
    margin: 0;
}

    .button-strong
    {    
        font-size: 1em;
        font-weight: bold;
    }

#result fieldset div input[type=radio] 
{
    border:0px solid black;
}

.number-of-hits-message 
{
    font-size: 22px;
}

/* 7. @GROUP OVERRIDES
--------------------------------------------------------*/

#primary.start {
	width: 920px;
	margin-left: 10px;
	margin-right: 10px;
}

#primary.searchResults 
{
    float: left;
	/*width: 700px;*/
	padding: 0;
	/*margin: 0 5px 0 0;*/
}

#side.searchResults {
	margin-top: 4.85em;
}

#side.searchResults h3 {
	padding-bottom: 3px;
	border-bottom: 1px solid #c8c7c7;
}

#side.searchResults dl {
	color: #444;
	margin-bottom: 15px;
}

	#side.searchResults dl dt {
		font-weight: bold;
	}
	
	#side.searchResults dl dd {
		padding-bottom: 5px;
	}
	
	#side.searchResults h2 {
		word-wrap: break-word;
	}

#primary #teasers ul li, #teachers ul li, .contactPerson ul li, #expand ul li {
	padding: 0;
	background-image: none;
}

#primary #teachers ul li .courses {
	padding-left: 10px;
	background: url("images/arrow_list.png") no-repeat scroll left 5px transparent;
}

#primary #teachers ul li h4 {
	margin-bottom: 2px;
}

#primary ul#course-listing li { background-image: }
#primary ul#course-listing li ul li { background-image: url(images/arrow_list.png) }

#teasers ul li {
    background-image: none;
    padding: 0;
    margin-bottom: 0;
}

#primary #result table tr td {
 vertical-align: top;
 padding-top: 20px;
}

#primary #result table tr td img {
 margin-right: 20px;
}

#primary .contactPerson ul li {
	padding: 0;
	background-image: none;
}


/* overrides for siteseeker autocomplete */
.ac_results {
width: 402px !important;
background: #FFF;
padding: 4px !important;
border: 1px solid #b3449e !important;
margin: 3px 0 0 -1px;
}

.ac_results li {
font-weight: bold;
font-size: 1.2em !important;
text-align: left;
}

.ac_results li span {
        display: none;
}

/* PrintAndTip Control Specific */
#PrintAndTipHolder #print-tip-div
{
    width:220px;
    float: right;
    padding-bottom:10px;
	text-align: right;
}
#PrintAndTipHolder #print-tip-div #printLink
{
    background-image: url('/images/print-icon.png');
}
#PrintAndTipHolder #print-tip-div #tipsLink
{
    background-image: url('/images/tip-icon.png');
}
#PrintAndTipHolder #print-tip-div .image-link
{
    padding-left:22px;    
    background-repeat:no-repeat;
    line-height:12px; 
    margin-right:5px;
    font-size:12px;
}
#PrintAndTipHolder
{
    display:block;
}

#TipPopUpForm 
{
    background: white;
    position:absolute;
    width:300px;
    border: 2px solid magenta;
    display:none;
}


#TipPopUpForm .labelInput
{
    display:block;
    margin-bottom:10px;
}
#TipPopUpForm .labelInput label
{
    display:block;
}
#TipPopUpForm .labelInput input
{
    border:1px solid black;
    width:100%;    
}
#TipPopUpForm .center
{
    width:70%;
    height:80%; 
    margin:10% 15% 10% 15%;
}

#TipPopUpForm H3
{
    margin-bottom:1em;
}



#tip-overlay {background-color:#000; cursor:wait;}
#tip-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:304px;}

#tip-container a.modal-close,
#tip-container a.modal-close:link,
#tip-container a.modal-close:active,
#tip-container a.modal-close:visited {color:#333; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px; z-index:1003;}
#tip-container a.modal-close:hover {color:#777;}
/*#tip-container .tip-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}*/
#tip-container .tip-message {text-align:center; background:#aaa; font-weight:bold; line-height:18px; border:2px solid #ccc;}
#tip-container .tip-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}



 a.calendarImageLink p
{
    margin-left:7px;
    vertical-align:bottom;
    margin-bottom: 0;    
}

a.calendarImageLink
{
    background: url(/images/kalendericon.png) no-repeat;
    padding: 0px 0 0 35px;
    margin-bottom: 15px;
    
}

.emailBodyConverted
{
    font-family: Arial;
}

/* --------- Image format ----------- */
img.alignleft
{
    margin: 0.5em 0.5em 0.5em 0em;
	float: left;
}

img.alignright
{
	float: right;
    margin: 0.5em 0em 0.5em 0.5em;
}

img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}
img.toprightfloatingimage
{
	float: right;
    margin-left: 1em;
    margin-bottom: 1em;
}
img.shadow
{
	position: relative;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}
img.opacity
{
	position: relative;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}
img.fliph
{
	position: relative;
	filter: fliph;
}
img.flipv
{
	position: relative;
	filter: flipv;
}
img.dashedborder
{
	position: relative;
	border: dashed 1px grey;
}
img.circularfade
{
	position: relative;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}

div.space 
{
    margin-top:20px;
}

#headNormal
{
    clear: both;
}

.pickCourseButton
{
    background:purple;
    border:5px;
}

div.collapsibleDivContainer
{
    display:block;
    width:100%;
}

div.collapsibleDivContainer a
{
    font-weight:bold;
	font-size:13px;
}

div.collapsibleDivContainer a:hover
{
    cursor:pointer;
}

div.collapsibleDivContainer fieldset
{
    margin:7px 0 5px;
}

#quickPickHeading
{
    background:none;
    margin-left:0px;
    padding-left:0px;
}

.book
{
	width:460px; 
	height:250px; 
	clear:both; 
	}

.bookImage
{
	width: 40%;
	float: left;
	
	}
.bookInfo
{
	width:60%;
	float: right;
	}
/* 
 Shopping Cart
 */

.shoppingbasket-wrapper 
{
    margin-left: 699px;
    *margin-left: 15px;
    position: absolute;
    z-index: 1000;
    top: 85px;
}

#scCartHead
{
	font-weight: bold;
}

.scContainer
{
	padding: 5px;
	border: 1px solid #E0E0E0; 
	width: auto;
	margin: 5px; 
	float:left;   

}
.scTitle
{
	padding: 2px; 
	float:left;
	font-weight: bold; 
	margin-bottom: 3px; 
	float:left;
}
.scText{ 
  border: 1px solid #E0E0E0; 
  width:25px;
  padding : 1px 5px 1px 5px;
}  
.scText:focus{ 
  border: 1px solid #EA8511; 
} 
.scCart { 
	padding: 2px 7px 7px;
	border: 1px solid #E0E0E0; 
	width: 210px;
	margin: 5px;
	float:left;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
  background: white;
}
.scProductList {
	padding: 10px 5px 5px 5px;
	border: 1px solid #E0E0E0;
	width: 400px;
	height:360px;
	overflow:auto;
	margin: 5px;
	float:left;
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;
}

.scCartList
{
	position: relative;
	margin: 0;
	padding: 3px 5px;
	background: #F8F8F8;
	border: 1px solid #E0E0E0;
	height: 250px;
	overflow: auto;
    display: none;
    margin-top: 3px
}

.scCartListHead
{
	padding: 0;
	background: #fff;
	color: Black;
	/*border: 1px solid #E0E0E0; */
	margin: 5px 0 2px 0;
	font-weight: bold; 
}

.scCartListItem
{
	position: relative;
	margin-left: -10px;
	padding-left: 0px;
	list-style: none;
	background: #F8F8F8;
	/*border: 1px solid #E0E0E0; */
	margin: 1px 0 0 0;
}

#side #sc_cartlist ul li
{
	padding-left: 0px;	
	background: none;
}

#result #sc_cartlist ul li
{
	width: 690px;
	}
	
.scCartListItem:hover {
	background-color: #e5e5e5;
}

.inputCart {
	background-color: #e5e5e5;
	width: 10px;
}

.scProductListItem {
  width:auto;
  margin:1px;
  background:#F8F8F8;
  overflow:show;
  padding:0;   /*12px 0px 2px 5px;*/    
  color:#0464BB;
  text-align:left;
  border:#E0E0E0 solid 1px;      
  -moz-border-radius:5px;
  -webkit-border-radius: 5px;

}
.scProductSelect {
	display: none;
	visibility:hidden;
}
.scULList {
	margin: 0.25em 0 1em 0; 
	position: relative;
	display: block;
	padding-left: 0; 
	list-style: none; 
	
}
.scULList:li 
{
	border: 1px solid red;
	}

/*Links in cart*/
.scListItemLabel {
	padding: 5px ; 
	display: block;
	font-size: 0.7em;
	color: Black;
}

fieldset .scListItemLabel a 
{
	font-size: 1.5em;
	color: Black; 
	font-weight: bold;
	}

.scListItemLabel .showhide 
{
	font-size: 0.5em;
	color: Black; 
	}

.scListItemHeader
{
	font-weight :bolder;
	font-size: 1em;
	text-decoration: underline;
	}

.scListItemRemove {
	position: absolute;
	right: 0; 
	top: 3px; 
  background            : #5A5655;
  color                 : #FFFFFF;
  margin                : 0;
  padding               : 1px 5px 2px 5px;
  text-align            : center;
  border                : 1px solid #5A5655;    
  text-decoration       : none; 
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  	
}



.scListItemRemove:link
{
	  color                 : #FFFFFF;
	}

.scListItemRemove:visited 
{
	  color           : #FFFFFF;
	}
	

.scListItemRemove:hover{
  background      : purple;/*#EA8511;*/
  color           : #FFFFFF;
  border          : 1px solid #EA8511; 
  text-decoration : none; 
}

.scHighlight 
{
	color: #FFFFFF;
	}
	
#sc_subtotal
{
	float: right;
	font-weight: bold;
	margin-top: 2px;
	display: inline;
}

#sc_itemcount
{
    font-weight: bold;
    display: inline;
}
	
#sc_showbasket
{	
    cursor: pointer;
    display: inline;
}

#sc_order-button
{
    font-weight: bold;
    display: inline;
    float: right;
}

#courseTable
{
    border-left: 1px solid #ECEDED;
    border-right: 1px solid #ECEDED;
    clear: both;
    width: 697px;
}	

#courseTable li
{
    border-bottom: 1px dotted #CCC;    
    background: none !important;
    padding: 7px 5px 10px !important;
}

    #courseTable .item-icon
    {
        float: left;
        height: 35px;
        width: 33px;
        margin-top: -6px;
    }
    
        #courseTable .item-icon-book
        {
            background: url("images/icon_book.png") no-repeat scroll left center transparent;
        }
    
        #courseTable .item-icon-course
        {
            background: url("images/icon_course.png") no-repeat scroll left center transparent;
        }
    
    #courseTable .item-name
    {
        float: left;
    }
    
        #courseTable .item-name a
        {
            font-size: 13px;
            font-weight: bold;
        }
        
        #courseTable .item-name .showMore
        {
            font-size: 14px;
            float: right;
        }
        
    #courseTable .item-new
    {
        border: 1px solid #AAA;
        float: left;
        margin-left: 10px;
        padding: 1px 3px;
    }
        
    #courseTable .book-price
    {
        float: right;
        margin-right: 10px;
    }
    
    #courseTable .item-info
    {
        clear: both;
    }
        #courseTable .course-cities
        {
            clear: both;
            margin-bottom: 5px;
            margin-left: 33px;
        }
    
        #courseTable .item-info a.showMore
        {
            background: url("images/accordian_arrow_down.png") no-repeat scroll left center transparent;
            padding-left: 14px;
            padding-right: 0;
            font-weight: normal;
            cursor: pointer;
        }
    
        #courseTable .item-info table.course-moments
        {
            float: right;
            width: 600px;
        }
        
        #courseTable .item-info .more-info
        {
            display: none;
            padding: 5px;
        }
        
    .course-moments td
    {
        padding: 5px;
        border-bottom: 1px dotted #AAA;
    }

    .course-moments .course-moments-col-city 
    {
        width: 200px;
    }
    .course-moments .course-moments-col-date
    {
        width: 200px;
    }
    .course-moments .course-moments-col-status
    {
        width: 200px;
        font-style: italic;
    }
    .course-moments .course-moments-col-price
    {
        width: 150px;
        font-weight: bold;
        text-align: right;
    }
    .course-moments .course-moments-col-cta
    {
        width: 100px;
    }


    .book-status
    {
        margin-bottom: 10px;
        clear: both;
    }
        
    .book-status .item-new
    {
        border: 1px solid #AAA;
        float: left;
        margin-left: 10px;
        padding: 1px 3px;
    }

.puff 
{
    background-color: #F0F0F0;
    padding: 10px 10px 5px;
}