body {margin:0px; padding:0px; background-color:#EEEEEE; color:#333333; font-family:Arial,Helvetica,sans-serif; font-size:0.95em;
    line-height: 18px;
}
.cls {clear:both; height:0px; overflow:hidden;}


label { font-size: 1.1em; }
input { font-size: 1.1em; }
form small {  display: block;margin-top:10px; font-style:italic; }
blockquote {
    
    font-family: Geneva,Arial,Helvetica,sans-serif;    
    font-size: 1.2em;
    line-height: 23px;
}

caption { text-align:left; background-color: #C5D9DA; padding: 7px;}

.author { font-weight: bold; font-size: 0.8em; margin-top: 10px; }
em.highlight { background-color: #FBFFBB;padding:4px; }



#introduction .first {
    margin-top:0px;
    font-family:Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-style: italic;
    line-height: 25px;
    
}

h2, h3 { color: #AD1006; margin-top:0;}
.button {
    font-size: 1.2em;
    /*    background-image: url(/images/button.gif);*/
    /*    background-repeat: no-repeat;*/
/*    width: 100px;*/
    width: 70%;
    text-align: center;
    padding:10px;    
    background-color: #8DE17F;
    margin: auto;
    margin-bottom:10px;
    
}

.button a {
    text-decoration: none;
}

.button a:visited { color: black; }  

#login h2 {
    font-size: 1.1em;
    font-style:italic;
    font-weight: normal;
}

#wrapper{width:748px; margin:0px auto; background:url(/images/bg.jpg) 0px 0px repeat-y; padding:0px 6px 0px 6px}
#wrapper { margin-top: 40px; }

#print_header { display: none; text-align: center; }
#header {height:86px; background:url(/images/bg-header.png) 0px 0px repeat-x;}
#header img {border:none; margin:12px 0px 0px 10px;}
#header img.rss {border:none; margin:8px 10px 0px 0px; float:right;}
#header h1 { margin:0px; }


#page {font-size:0.95em;width:748px; background:#E5E5E5 url(/images/bg-content.jpg) 0px 0px repeat-x; border-bottom:#5D5D5D 1px solid;}
#page #main_nav {padding:0px 15px 0px 0px; width:733px; height:45px;}
#page #main_nav ul {margin:0px; padding:0px; list-style:none; float:right;}
#page #main_nav li {margin:0px; padding:0px; float:left;}
#page #main_nav li a {font-size:10px; padding:0px 0px 0px 10px; color:#333333; text-decoration:none; background:transparent url(/images/left-tab.jpg) 0px 0px no-repeat; display:block; float:left; cursor:pointer; height:19px; line-height:17px; overflow:hidden;}
#page #main_nav li span {background:transparent url(/images/bg-tab.jpg) right no-repeat; padding:0px 10px 0px 0px; float:left; display:block; cursor:pointer; margin:0px 0px 0px 1px}




#page #content {float:left; width:411px; padding:0px 17px;}

#page #content blockquote {
	background-color: #DDEBEC;
	padding: 10px;
	margin: 0px;
	margin: auto;
	width: 90%;
	border: 1px solid #A3BFC1;
        font-size: 1em;
        line-height:22px;
	
}
#page #content blockquote .author { font-weight: bold; margin-top: 10px; }



#page #sidebar {float:left; width:290px;}

#page #sidebar h4 {margin-top:0px; }

#buttons { text-align:center;margin-top:20px; }
#buttons .button { margin-right: 10px;}
#buttons img { border: none; }

#page #accordion {}
#page .panel {}
#page .panelBody {}
/*#page .events {}*/

#page .odd {background-color:#00B058; padding:10px; width:270px;}
#page .even {background-color:#00CC66; padding:10px; width:270px;}
#page #programmes {}
#page #venues {}


.events_header {
    height:28px; line-height:28px; overflow:hidden; text-align:center; font-size:13px; background-color:#333333; color:#FFFFFF; margin:1px 0px 0px 0px; padding:0px;
    
}


/* Accordian Panels on Homepage */

abbr { border: none; }

#page #sidebar #accordion h2 {height:28px; line-height:28px; overflow:hidden; text-align:center; font-size:13px; background-color:#333333; color:#FFFFFF; margin:1px 0px 0px 0px; padding:0px;}
#page #accordian .panel .spinner {}
#page #accordion img {float:left; margin:0px 10px 50px 10px;}
#page #accordion .name {margin:0px; padding:0px; font-size:15px;}
#page #accordion .tag_line {margin:0px; padding:0px 0px 10px 0px; font-size:0.6em;}
#page #accordion .event a {color:#333333; text-decoration:underline;}
#page #accordion .event a:hover {text-decoration:none;}



#page #advertsing {height:70px; line-height:70px; font-size:1.4em; overflow:hidden; text-align:center; width:100%; clear:both; margin:65px 0px 0px 0px;}

#page #blog {font-size:15px; padding:20px;}
#page #blog h5 {margin:0px; padding:0px 0px 30px 10px; font-size:15px;}
#page #blog a {font-size:15px; color:#333333; text-decoration:underline; margin:0px 0px 10px 0px; display:block;}
#page #blog a:hover {text-decoration:none;}
#page #blog p {margin:0px; padding:0px 0px 0px 0px; width:300px;}

#footer {text-align:center; font-size:10px; color:#999999; padding:30px 0px 50px 0px; width:100%;}
#footer a { text-decoration:none; font-weight:normal;color:#999999;}
/* Programmes */

.programme .name {
    margin: 0px;
}

.programme .tag_line {
    font-size: 0.9em;
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 5px;    
}

#events .event .name { font-size: 0.9em; padding:0px;margin:0px;}
#events .event img {float:left; margin:0px 10px 50px 10px;}
#events .event .url {font-size: 0.9em;}

/* Event */

.event .name {
    margin: 0px;
}

.event .tag_line {
    font-size: 0.9em;
    margin: 0px;
    margin-bottom: 20px;
    margin-top: 5px;    
}

.event .description, .event .prerequisites {
    /*text-align: justify;*/
    font-family: helvetica,sans-serif;
    /*font-size: 12px;*/
    word-spacing: 1.4pt;
    line-height: 1.3;
}

.event .description h4, .event .prerequisites h4 {
    font-size: 1.3em;
}

.event .description .ruby {
    list-style-image:url("/images/ruby.png");
}
.event .description .key_points {
    
    margin:0px;
    padding:0px;
    list-style:none;
    font-size: 1em;
    
}

.event .description .key_points li {
    margin-bottom: 7px;
    background-image: url("/images/tick.png");
    background-position: left;
    background-repeat: no-repeat;
    padding-left:35px;
}


.event .description .learning {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size: 1em;
    
}

.event .description .learning li {
    margin-bottom: 5px;
    background: #F7F7F7;
    padding: 9px;    
}

.event .description .learning li a {
    text-decoration: none;
    background-image: url("/images/more.png");
    background-position: left;
    background-repeat: no-repeat;    
    padding:10px;
    padding-left:25px;
}

.event .description .learning li .more {
    margin: 5px;
    margin-top: 10px;
    font-size: 0.8em;
    display: none;
}

.event .prerequisites { }

#event_meta {
    font-family: georgia,serif;
}

#event_meta .price {
    font-size: 1.4em;
}

#event_meta abbr.date {    
    font-size: 2em;
    margin: 0px;
    margin-bottom: 15px;
    display: block;
}

#event_meta .venue {
    font-size: 1.2em;
    margin: 0px;
    margin-bottom: 4px;
}

#event_meta .city {
    font-size: 1.2em;
    margin: 0px;
    margin-bottom: 10px;
}

#event_meta .places_left {
    font-size: 0.9em;
    font-style:italic;
    padding: 4px;
}





#event_meta .country-name {
    font-size: 0.8em;
    /*    font-weight: normal;*/
}

#event_meta sup { font-size: 0.75em; font-weight: normal; }

#sold_out .notice {
    font-size: 1.5em;
    margin-bottom: 0px;
}

#enrollments {}

#enrollments table, #enrollment table {
    font-size: 0.8em;
}

#enrollments table td {
    padding: 7px;
    text-align:left;
}

#enrollments table th, #enrollment table th {
    text-align:left;
}

.sign_in {
    padding:10px;background-color:yellow;
}

.venue {
    background-color:#00B058;
}

.venue .url {
    margin-top: 10px;
    background-image: url("/images/world_link.png");
    background-position: left;
    padding-left: 20px;
    background-repeat: no-repeat;
}


.venue .map {
    margin-top: 10px;
    background-image: url("/images/map.png");
    background-position: left;
    padding-left: 20px;
    background-repeat: no-repeat;
}

.venue .address {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #E6E8E8;
    border: 1px solid #D3DADA;
}

.venue td {
    padding:10px;
}
#page .venue .even {
    background-color: #C3C3C3;
}

#flashes {
    color: white;
    font-weight: bold;
    margin-bottom: 17px;
}

#flashes .notice {
    background-color:  green;
    padding: 5px;
}

#flashes .error {
    background-color: red;
    padding: 5px;
}


/* application layout */

#user_nav {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 0.7em;         
}



/* common */

p.highlight {
    background-color: yellow;
    padding: 7px;
}


/*
Scaffold styles
*/ 




form {
    padding: 1em;
    margin-top: 1em;
    background-color: #cccccc;
}

pre {
    background-color: #eee;
    padding: 10px;
    font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }

.permalink, .permalink:visited {
    text-decoration: none;
    color: red;
}

/*a:hover { color: #fff; background-color:#000; }*/

a:hover { color: blue; }

.fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
}

#errorExplanation {
    width: 400px;
    border: 2px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid gray;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

/* will_paginate */

#page #event_pagination {width:270px; height:40px; line-height:40px; font-size:15px; background-color:#006600; padding:0px 10px;}

.pagination a {
    text-decoration: none;
    color: black;
}

.pagination a:hover, .pagination a:active {    
    color: #000;
}

.pagination {
    padding: 3px;
    margin: 3px;
    text-align: center;
    
}
.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    text-decoration: none;
    color: black;
    
}
.pagination a:hover, .pagination a:active {
    font-weight: bold;
    color: #000;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    font-weight: bold;
    
    color: grey;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: grey;
    
}



#dev_info {
    position: absolute;
    top: 5px;
    width: 100%;
    text-align: center;
    font-size: 0.7em; 
}

#terms {
    padding-left: 7px;
    margin-top: 95px;
    font-size: 0.85em;
}

#terms h2 { }