/* go raibh maith agat eric meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}form input{font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}/* remember to define focus styles! */:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}
/** end reset **/

body {
	background-image: url('/resources/images/background.png');
	background-repeat: no-repeat; background-position: top left; background-color: #e5f9e0; 
	font-family: 'PT Sans', sans-serif;
	font-size: 1em;	color: #333; line-height:1.3em;
}
h1, h2, h3, #headline {
	font-family: 'Copse', serif;
}
body#tinymce {background: #fff;}
p{margin-bottom: 1.618em;text-align: justify;}
p.indent {margin-left: 3em;}
p:first-child {margin-top: 1em}
a:link {color: #0D569F;}
a:visited {color: #560D9F;}
a:hover {}
a img {text-decoration: none;}
ul {margin-left: 3em; list-style: disc; margin-bottom: 1.618em;}
ol {margin-left: 3em; list-style: decimal; margin-bottom: 1.618em;}

h1 {font-size: 2.618em; line-height:1em; margin: 0.618em 0 0.618em 0; color: #434343; text-shadow: 0 1px 0 #ffffff;}
body#home h1 {/*font-size: 4.236em;*/ text-align: center; margin-top: 0.618em;}
/*h2 {font-size: 2.618em; line-height:1em; margin: 0.618em 0 0.618em 0;}*/
h2 {font-size: 1.618em;margin:1.618em 0 0.618em 0; line-height: 1.2em; color: #434343; text-shadow: 0 1px 0 #ffffff;}
h3 {font-size: 1.236em; margin:1.618em 0 1em 0;}
h4, body#tinymce h4 {font-size: 1em; margin:1.618em 0 0 0; font-weight: bold;}
em {font-style: italic;}
strong {font-weight: bold;}
table {border-collapse:collapse; margin-bottom: 1.618em;}
tbody tr:nth-child(2n) td, tbody tr.even td {background: none repeat scroll 0 0 #efefef;}
td {padding:0.618em; border: 1px solid #bbb;font-size: inherit;font-family:inherit;}
td.tableTop {background-color: #D6E3D5;}
td p {margin: 0; text-align: left;}
hr {width: 100%; clear: both;}

/** Buttons **/
.btn {font-size: 112%; font-weight: bold; border-radius: 5px; background: #1362a7; background: -moz-linear-gradient(top, #4281b9 0%, #1362a7 3%, #0b4b94 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4281b9), color-stop(3%,#1362a7), color-stop(100%,#0b4b94)); background: -webkit-linear-gradient(top, #4281b9 0%,#1362a7 3%,#0b4b94 100%); background: -o-linear-gradient(top, #4281b9 0%,#1362a7 3%,#0b4b94 100%); background: -ms-linear-gradient(top, #4281b9 0%,#1362a7 3%,#0b4b94 100%); background: linear-gradient(top, #4281b9 0%,#1362a7 3%,#0b4b94 100%); -pie-background: linear-gradient(top, #4281b9 0%,#1362a7 3%,#0b4b94 100%); text-align: center; overflow: hidden; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1; border-width: 1px; border-style: solid; border-color: #036 #074680; color: #0b4b94; text-decoration: none; color: #f0f0f0; text-shadow: 0 1px 0 #09417a; line-height: 50px; height: 50px;}
.btn:hover {text-shadow: 0 1px 0 #041321; background: #073b82; background: -moz-linear-gradient(top, #39619a 0%, #073b82 3%, #1d74b3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#39619a), color-stop(3%,#073b82), color-stop(100%,#1d74b3)); background: -webkit-linear-gradient(top, #39619a 0%,#073b82 3%,#1d74b3 100%); background: -o-linear-gradient(top, #39619a 0%,#073b82 3%,#1d74b3 100%); background: -ms-linear-gradient(top, #39619a 0%,#073b82 3%,#1d74b3 100%); background: linear-gradient(top, #39619a 0%,#073b82 3%,#1d74b3 100%); -pie-background: linear-gradient(top, #39619a 0%,#073b82 3%,#1d74b3 100%); border: 1px solid #003; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
.btn:active {text-shadow: 0 -1px 0 #02101e; background: #073b82; background: -moz-linear-gradient(top, #35548d 0%, #032b71 3%, #2685bf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35548d), color-stop(3%,#032b71), color-stop(100%,#2685bf)); background: -webkit-linear-gradient(top, #35548d 0%,#032b71 3%,#2685bf 100%); background: -o-linear-gradient(top, #35548d 0%,#032b71 3%,#2685bf 100%); background: -ms-linear-gradient(top, #35548d 0%,#032b71 3%,#2685bf 100%); background: linear-gradient(top, #35548d 0%,#032b71 3%,#2685bf 100%); -pie-background: linear-gradient(top, #35548d 0%,#032b71 3%,#2685bf 100%); line-height: 52px; border: 1px solid #001; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
a.btn {color: #fff; text-decoration: none; display: inline-block; padding: 0 20px;}
.btn.light {text-shadow: 0 1px 0 #686868; background: #a3a3a3; background: -moz-linear-gradient(top, #a3a3a3 0%, #8c8c8c 3%, #767676 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(3%,#8c8c8c), color-stop(100%,#767676)); background: -webkit-linear-gradient(top, #a3a3a3 0%,#8c8c8c 3%,#767676 100%); background: -o-linear-gradient(top, #a3a3a3 0%,#8c8c8c 3%,#767676 100%); background: -ms-linear-gradient(top, #a3a3a3 0%,#8c8c8c 3%,#767676 100%);
background: linear-gradient(top, #a3a3a3 0%,#8c8c8c 3%,#767676 100%); -pie-background: linear-gradient(top, #a3a3a3 0%,#8c8c8c 3%,#767676 100%); border: 1px solid #515151; border-top: 1px solid #515151; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
.btn.light:hover {background: #767676; background: -moz-linear-gradient(top, #767676 0%, #767676 3%, #8c8c8c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#767676), color-stop(3%,#767676), color-stop(100%,#8c8c8c)); background: -webkit-linear-gradient(top, #767676 0%,#767676 3%,#8c8c8c 100%); background: -o-linear-gradient(top, #767676 0%,#767676 3%,#8c8c8c 100%); background: -ms-linear-gradient(top, #767676 0%,#767676 3%,#8c8c8c 100%); background: linear-gradient(top, #767676 0%,#767676 3%,#8c8c8c 100%); -pie-background: linear-gradient(top, #767676 0%,#767676 3%,#8c8c8c 100%); behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
.btn.light:active {text-shadow: 0 -1px 0 #4c4c4c; border: 1px solid #292929; background: #767676; background: -moz-linear-gradient(top, #878787 0%, #6a6a6a 3%, #969696 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(3%,#6a6a6a), color-stop(100%,#969696)); background: -webkit-linear-gradient(top, #878787 0%,#6a6a6a 3%,#969696 100%); background: -o-linear-gradient(top, #878787 0%,#6a6a6a 3%,#969696 100%); background: -ms-linear-gradient(top, #878787 0%,#6a6a6a 3%,#969696 100%); background: linear-gradient(top, #878787 0%,#6a6a6a 3%,#969696 100%); -pie-background: linear-gradient(top, #878787 0%,#6a6a6a 3%,#969696 100%); behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}

/** User Index **/
ul#lessons {margin: 0; padding: 0; list-style-type: none; -webkit-box-shadow: 0px 0px 5px #d1e4cd; -moz-box-shadow: 0px 0px 5px #d1e4cd; box-shadow: 0px 0px 5px #d1e4cd; width: 950px; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
ul#lessons li {margin: 0; padding: 0; width: 950px; display: inline;}
ul#lessons a {display: block; text-decoration: none; width: 950px; background: #58a834; background: -moz-linear-gradient(top, #58a834 0%, #378a1a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#58a834), color-stop(100%,#378a1a)); background: -webkit-linear-gradient(top, #58a834 0%,#378a1a 100%); background: -o-linear-gradient(top, #58a834 0%,#378a1a 100%); background: -ms-linear-gradient(top, #58a834 0%,#378a1a 100%); background: linear-gradient(top, #58a834 0%,#378a1a 100%); -pie-background: linear-gradient(top, #58a834 0%,#378a1a 100%); behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
ul#lessons a:hover {background: #1667aa; background: -moz-linear-gradient(top, #1667aa 0%, #09458d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1667aa), color-stop(100%,#09458d)); background: -webkit-linear-gradient(top, #1667aa 0%,#09458d 100%); background: -o-linear-gradient(top, #1667aa 0%,#09458d 100%); background: -ms-linear-gradient(top, #1667aa 0%,#09458d 100%); background: linear-gradient(top, #1667aa 0%,#09458d 100%); cursor: pointer;}
ul#lessons .visited a {background: #909090; background: -moz-linear-gradient(top, #909090 0%, #6f6f6f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#909090), color-stop(100%,#6f6f6f)); background: -webkit-linear-gradient(top, #909090 0%,#6f6f6f 100%); background: -o-linear-gradient(top, #909090 0%,#6f6f6f 100%); background: -ms-linear-gradient(top, #909090 0%,#6f6f6f 100%); background: linear-gradient(top, #909090 0%,#6f6f6f 100%); -pie-background: linear-gradient(top, #909090 0%,#6f6f6f 100%); behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
ul#lessons .visited a:hover {background: #7e7e7e; background: -moz-linear-gradient(top, #7e7e7e 0%, #626262 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#626262)); background: -webkit-linear-gradient(top, #7e7e7e 0%,#626262 100%); background: -o-linear-gradient(top, #7e7e7e 0%,#626262 100%); background: -ms-linear-gradient(top, #7e7e7e 0%,#626262 100%); background: linear-gradient(top, #7e7e7e 0%,#626262 100%);}
/*ul#lessons li.highlight-row h2 {font-weight: bold;}*/
.highlight-row a div.lesson-info div img {float: left; margin-right: 0.618em;}
.highlight-row h3 {margin-top: 0.618em;}
.count {margin: 22px 0 0 0; width: 82px; text-align: center; float: left; color: #9fc98d;  text-shadow: 0 1px 0 #418823; font-family: "Copse"; font-size: 110%; line-height: 1.7em;}
.count span {color: #f0f0f0;  text-shadow: 0 1px 0 #2b6715; display: block; font-size: 180%;}
ul#lessons a:hover .count {color: #81a7ca; text-shadow: 0 1px #0d4e8a;}
ul#lessons .visited .count, ul#lessons .visited a:hover .count  {color: #bcbcbc; text-shadow: 0 1px 0 #727272;}
ul#lessons a:hover .count span {text-shadow: 0 1px #0b4989;}
ul#lessons .visited .count span, #lessons .visited a:hover .count span {text-shadow: 0 1px 0 #4d4d4d;}
.lesson-info {float: left; padding: 24px 25px 25px 30px; width: 813px; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #fefefe 10%, #f2f2f2 100%);  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#fefefe), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#fefefe 10%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#fefefe 10%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fefefe 10%,#f2f2f2 100%); background: linear-gradient(top, #ffffff 0%,#fefefe 10%,#f2f2f2 100%); -pie-background: linear-gradient(top, #ffffff 0%,#fefefe 10%,#f2f2f2 100%); border-bottom: 1px solid #e9e9e9; -webkit-box-shadow: inset 0px 1px 2px #f2f2f2; -moz-box-shadow: inset 0px 1px 2px #f2f2f2; box-shadow: inset 0px 1px 2px #f2f2f2; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
ul#lessons a:hover .lesson-info {background: #e3e3e3; background: -moz-linear-gradient(top, #e3e3e3 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #e3e3e3 0%,#ebebeb 100%); background: -o-linear-gradient(top, #e3e3e3 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #e3e3e3 0%,#ebebeb 100%); background: linear-gradient(top, #e3e3e3 0%,#ebebeb 100%); -pie-background: linear-gradient(top, #e3e3e3 0%,#ebebeb 100%); border-bottom: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; margin-top: -1px; -webkit-box-shadow: inset 0px 1px 2px #d7d7d7; -moz-box-shadow: inset 0px 1px 2px #d7d7d7; box-shadow: inset 0px 1px 2px #d7d7d7; behavior: url(/resources/css/PIE.htc); position: relative; zoom: 1;}
.lesson-info div {float: left; width: 600px;}
.lesson-info h2 {color: #434343; margin: 0; font-weight: normal; font-family: "Copse"; font-size: 170%; text-shadow: 0 1px 0 #fff;}
.lesson-info h2:hover {text-decoration: underline;}
.lesson-info p {margin: 0; color: #828282;}
.lesson-info .type {text-transform:capitalize;}
ul#lessons li a:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#lessons p {margin-bottom:0;}
ul#lessons li .btn {float: right; margin: 0; width: 163px;}
body#lessons h1 {text-align:center;}
.center-enticement {text-align:center; padding: 1em 0;}
.center-enticement p {text-align:center;}
.center-enticement h2 {font-size: 2em;}

/* older lesson design - remove as required */
#lessons_grid {margin-left: 0;}
li.lesson {list-style: none; float: left; width: 17em; margin: 0 2.618em 2.618em 0;}
li.lesson a {display: block; position: relative; color: #333; height: 10em; background-color: #fff; overflow:hidden; text-decoration: none; border: 1px solid #bbb; }
li.lesson a:hover {background-color: #fffeb3;}
li.lesson a:hover .lesson_info {background-color: #3aab13;}
li.lesson a:visited .lesson_info {background-color: #6ca957;}
li.lesson-fade .lesson_info {background-color: #ccc;}
li.lesson-fade .lesson_summary {color: #999;}
li.lesson a.completed:link .lesson_info {background-color: #888;}
li.lesson a.completed:visited .lesson_info {background-color: #888;}
li.lesson a.completed:hover .lesson_info {background-color: #999;}
.lesson_info {display: block; background-color: #319d0d; color:#fff; padding: 0.618em; white-space: nowrap; overflow:hidden;}
.lesson_nb {font-variant:small-caps;}
.lesson_tag {margin-right: 0.618em; padding: 0.236em 0.618em; -moz-border-radius: 5px; border-radius: 5px;}
.lesson_summary {padding: 0.382em;  margin: 0;}
.demo .lesson_tag {background-color: transparent;}
.tag-grammar {background-color: #0D789C;}
.tag-vocabulary {background-color: #780D9C;}
.tag-conversation {background-color: #9c0d0d;}
.tag-draft {background-color: #9c0d30;}
.item_completed{text-decoration: line-through;}
.ribbon {position: absolute; top: 0; right: 0;}

/** Lesson Area **/
#lesson_header {height: 0px;}
#lesson {margin: 0 0 1em 4px;/*margin-left equals dropshadow*/}  
#lesson_shadow {background-color:#D6E3D5;}
#lesson_contents{background-color: #fff;
padding: 1.618em; border: 1px solid #eee; border-right-color: #bbb; border-bottom-color: #bbb;/*drop shadow*/position:relative;bottom:4px;right:4px;}
.demo_lesson #lesson_contents {background-image: none;}
#lesson_info {background-color: #319d0d;background-image: url('/resources/images/bite.png'); background-position: bottom right; background-repeat: no-repeat; color:#fff;margin:-1.618em -1.618em 0;padding: 1.618em;}
#lesson_nb {font-size: 1.618em; font-variant:small-caps;}
#lesson_tag {margin-left:1.618em;}
#lesson h2, body#tinymce h2 {border-bottom: solid 1px #bbb;}
#lesson #lesson_signup h3 {border: 0;} 
span.irish {background-color: #dafdcf;padding:0 0.236em;}
span.pronunciation:before, span.pronunciation:after {/*font-style: italic;*/ content: "/";}
span.pronunciation{color: #888;}
h3 span.irish {padding:0 0.236em;}
.toggle-all{display:none;}
a.lesson-toggle{text-decoration: none;background-color: #efefef;border: 2px solid #eee;border-right-color:#aaa;border-bottom-color:#aaa; padding: 0.236em; color: #333;}
a.lesson-toggle:hover{text-decoration: none;}
a.toggle-selected:link{border-color: #eee;border-top-color:#aaa; border-left-color:#aaa;}
a .legend-grammar{color:#0D789C;}
a .legend-vocabulary{color:#780D9C;}
a .legend-conversation{color:#9c0d0d;}
#lesson-toggles{margin-bottom: 1.618em; margin-top: 0.618em;}
.feature {margin-bottom: 1.618em; -moz-border-radius: 4px 4px 4px 4px; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 1em;}
.feature h2 {margin-top: 0.618em;}
/*.feature p {margin-bottom: 0.618em;}*/
.feature img {float: left; margin-right: 0.618em;}
.feature p.right img {float: right; margin: 0 0 0.618em 0.618em; padding: 0.618em; border: 2px solid #eee;}
.feature .form {width: 248px;}

#text_contents {line-height: 160%;}

/**
 * Lesson type navigation
 */
nav.lesson-type {text-align: center; margin: 0; display: block; /*width: 950px;*/ overflow: hidden;}
nav.lesson-type ul {margin: 0 auto; padding: 12px 0; list-style-type: none; position: relative; float: left; display: block; left: 50%;}
nav.lesson-type li {margin: 0; padding: 0 3px 0 3px; display: block; float: left; right: 50%; position: relative;}
nav#top-lesson-type li {padding-bottom: 7px;}
nav#bottom-lesson-type li {padding-top: 7px;}
nav.lesson-type a {color: #0d569f; font-weight: bold; text-decoration: none; text-shadow: 0 1px 0 #fff; background: #cfe8d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; behavior: url(PIE.htc); position: relative; display: block; zoom: 1; line-height: 32px; height: 32px; overflow: hidden; text-align: center;}
nav.lesson-type a:hover {background: #0d569f; color: #fff; text-shadow: 0 1px 0 #093c6f;}
nav.lesson-type a:active {background: #0d569f; color: #fff; text-shadow: 0 -1px 0 #093c6f; line-height: 34px; height: 32px; overflow: hidden; }
nav.lesson-type .active {background: url(/resources/images/pointer.png) no-repeat bottom center;}
nav#bottom-lesson-type .active {background-position: top center;}
nav.lesson-type .active a {background: #469c23; color: #fff; text-shadow: 0 1px 0 #316d18;}

/** Ebook **/
#ebook-online-cover {float: left; margin-right: 2.618em;}
td.sub-chapter{padding-left: 2.618em;}
tr.chapter td {font-weight: bold;}
#testimonials {max-width: 400px; float: right; color: #555; margin: 0 0 2.168em 3.168em;} /* Also used on ebook page */
#table-of-contents {background-color: #fff;}
#testimonials p:first-child {margin-top: 0;}
#testimonials p {margin: 1.618em 0 0;}
span.strikethrough {text-decoration: line-through;}

/** Header **/
#header{min-height: 54px; margin-top: 10px; /*margin-bottom: 1.618em;*/}
#header_logo {float:left;}
#site_name {float:left;}
#site_name a {color: #333;text-decoration: none;}
#site_name a:hover { text-decoration: underline;}
#account {text-align: right; /*float: right;*/line-height:1.2em;}
#account a {margin-left: 0.618em;}
.admin #header {min-height: 1.618em;}
.admin h1 {margin-top: 0;}
.admin #account {padding-top: 0;}
#headline {background-color: #469c23; color: #fff; font-size: 1.618em; padding: 0.618em; margin: 0.618em 0;clear: both;}
#headline a {color: #fff;}
.admin #headline, #home #headline {display: none;}

/** Navigation **/
#nav {margin: 0 0 0 146px; -moz-border-radius: 5px; border-radius: 5px; line-height: 72px; height: 2.854em; list-style: none;}
ul#nav li {float:left;}
ul#nav li a {/*display: block;*/ padding: 0.382em;text-decoration: none; color: #0D569F;}
ul#nav li.active a {background-color: #ddffd1; -moz-border-radius: 5px; border-radius: 5px;}
ul#nav li a.signup {font-weight: bold; /*color: #3e45fc;*/}
/*ul#nav li a.signup {font-weight: bold; color: #ffffda; background-color: #ff7f02; -moz-border-radius: 5px; border-radius: 5px;}
ul#nav li a.signup:hover {color: #ff9d3e;}*/
ul#nav li a:hover {text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; background-color: #c4d0c3;}

/** Dashboard **/
.dashboard_lesson_options {font-style: italic; padding-left: 0.618em;}
.sparkline_range {color: #ff8800;}
.container_12 {margin: 0 auto; clear: both;}
body.dashboard form textarea#pronunciation {width: 50em; height: 5em;}

/** Content **/
#contentHolder {max-width: 980px;padding: 10px;margin-left: auto;margin-right: auto;}
body.home #contentHolder {min-width: 900px;}
.admin #contentHolder {max-width: 100%;}
.break {clear: both;}
#footer {padding: 2em 0 2em 0; color: #797979;}
.highlight {background-color: #fffe95; font-weight: bold;padding:0.236em;}
a.button {position: relative; background-image: url('/resources/images/button-background.png'); background-repeat: repeat-x; background-color: #147c05; padding: 0.618em; color: #fff; text-decoration: none;}
a.button:hover {background-image: url('/resources/images/button-background-hover.png'); background-color: #39912c; text-decoration: none;}
a.button:visited {color: #fff}
a.icon {padding: 0.618em 0.618em 0.618em 40px;}
a.icon img {position: absolute; top:7px; left: 10px;}
a#login {display: block; float:right; text-align:center; width:94px;}
#cap {width: 94px; height: 41px; background-image: url('/resources/images/login.png'); background-position: 0px 0px; background-repeat: no-repeat;}
a#login:hover #cap {background-position: 0px -43px;}
a#login:active #cap {background-position: 0px -86px;}
.infobox {border-width: 3px 0 3px 0;border-style: solid;padding: 1em;margin: 0 0 2em 0;}
.infobox a{text-decoration: underline;}
.attention {border-color: #FF7270;background-color: #FFE5E4;}
.confirmation {border-color: #2ac710;background-color: #c9faaf;}
  .confirmation a:link {color: #187000;}
a.dangerous:link{color: #FF0000; padding: 0.618em;}
	a.dangerous:hover{color: #fff; background-color: #FF0000;}
.twitter-share-button {vertical-align: middle;}
.center, .center p {text-align: center;}
p.signature img {float: left; margin: 0 10px 10px 0; border: 3px solid #fff;}

/** Home **/
body.home a.cta {width: 394px; text-align: center; display: block; margin: auto;}
body.home a.cta .button {display: block; width:394px; height:59px; background-image: url('/resources/images/show-lessons.png'); background-position: 0px 0px; background-repeat: no-repeat; border: 2px solid #CC0000}
body.home a.cta:hover .button {background-position: 0px -59px; border-color: #4ba614;}
body.home a.cta:active .button {background-position: 0px -118px;}
body.home img.about {float: left; margin: 0 0.382em 0.382em 0;}
.clear {clear: both;}
ul.large-ticks {list-style-image:url('/resources/images/tick-green.png');  margin: 0 0 1em 38px; font-size: 1.618em; line-height: 1.2em;}
ul.testimonials {list-style: none; margin-left: 0;}
ul.testimonials li {display:block; margin-bottom: 1.618em;}
ul.testimonials li p {line-height: 1.3em; text-align: left; margin-bottom: 1em;}
ul.testimonials li img {padding: 7px; background-color: #ffffff; border: 1px solid #efefef; float: left; margin-right: 1em;}

/** Sign Up **/
.quotation {font-style: italic;}
.signup_lesson {margin: 0.618em;color: #333; height: 10em; background-color: #fff; overflow:hidden; text-decoration: none; border: 1px solid #bbb;}
.big-signup {text-align: center; margin: 2.618em auto 0 auto; width: 100%;}
body.signup .big-signup {margin-top: 0; width: 630px;}
.big-signup h2 {margin-bottom: 0.382em;}
.big-signup h3 {color: #0c0564; font-size: 1.618em; margin:0 0 0.618em 0; font-weight: normal;}
.big-signup a {text-decoration: none; max-width: 520px; margin: 0 auto 1.618em auto; display: block; background-color: #fff; color: #333; padding: 2.618em 1em; -moz-border-radius: 4px 4px 4px 4px; border: 1px solid #CCCCCC;}
.big-signup a:hover {background-color: #eee; text-decoration: none; border-color: #4ba614;}
.big-signup .button {display:block; height: 59px; width: 394px; background-image: url('/resources/images/sign-up.png'); background-position: 0px 0px; background-repeat: no-repeat; border: 2px solid #CC0000; margin-left:auto;margin-right:auto;}
.big-signup .sign-up {background-image: url('/resources/images/sign-up.png');}
.big-signup .buy-now {background-image: url('/resources/images/buy-now.png');}
.big-signup a:hover .button {background-position: 0px -59px; border-color: #4ba614;}
.big-signup a:active .signup {background-position: 0px -118px; }
.big-signup a .link {text-decoration: underline; font-size: 1.618em; line-height: 1.2em; color: #0800ff;}
.big-signup a img {margin-top: 1.618em;}
.bitesize-promise {background-color: #feff90; border: 1px solid #acacac; margin: -2px; width:100%; height:75px; }
.bitesize-promise h3 {float: left; margin: 0.9em 1em 1em; text-align:left; color: #5f3800; vertical-align: bottom; width:20%; padding-top: 10px;}
.bitesize-promise p {margin: 1em; color: #5f3800; float:left; width:340px; font-style:italic; margin-left:70px;  text-align:center} 

/** Tour **/
body.tour div.tour-feature {max-width: 750px; min-height: 200px; margin-left: auto; margin-right: auto; margin-bottom: 4.618em; clear: both;}
body.tour div.tour-feature h3 {text-align: left;}
body.tour div.tour-feature img {border: 2px solid #efefef;}
body.tour div.tour-feature img.right {float: right; margin-left: 1em;}
body.tour div.tour-feature img.left {float: left; margin-right: 1em;}

/** Why **/
.testimonial .logo {float: left; margin-right: 1em;}
.testimonial_indent {padding-left: 2.618em;}
.why-photo {float: right; font-style: italic; width: 380px; margin: 0 0 1.618em 1.618em; }
.why-photo.brid {width: 280px;}
.why-photo-left {float: left; margin: 0 1.618em 1.618em 0;}

/** Sales Letter **/
.salesletter h1, .salesletter h2, .salesletter h3 {text-align: center;}
.intro {font-size: 1.618em; line-height: 1.618em; text-align: center;}
body.home .intro {margin-top: -1em;}
.salesletter .testimonial {text-align: center;}
.tell-me-more {display:block; height: 59px; width: 394px; background-image: url('/resources/images/tell-me-more.png'); background-position: 0px 0px; background-repeat: no-repeat; border: 2px solid #CC0000; margin-left:auto;margin-right:auto;}
.salesletter a:hover .tell-me-more {background-position: 0px -59px; border-color: #4ba614;}
.salesletter a:active .tell-me-more {background-position: 0px -118px; }
.salesletter #lesson {margin: 0 auto;}
.coupon {border-style: dashed; border-width: 3px; border-color: red; padding: 1em; width: 20em; margin: 0 auto 0.618em auto; background-color: #fff;}
.coupon .amount {font-size: 2.618em;}
.coupon .codearea {float: left; text-align: center; width: 50%; padding: 0.5em;line-height: 1.5em; }
.coupon .coupon-code {font-weight: bold; color: red; font-family: monospace; font-size: 1.618em;}
.coupon .offer {text-align: center; line-height: 1em; padding: 1em;}
.coupon .details {font-size: 80%; line-height: 1em;}
.testimonials-block {padding: 1em; background-color: #fff;}
.testimonials-block h3 {text-align: center; font-size: 1.618em; margin: 1em 0; color: #8c0017;}
ul.small-ticks {list-style-image:url('/resources/images/icon_check.png');  margin: 0 0 1em 38px;}

/***** Forms ****/
form.cssform2 {width: 100%;}
.cssform2 fieldset {margin: 0 0 2.618em 0;padding: 1em;border: 1px solid #ccc;background-color:#fff;}
.cssform2 fieldset h3 {margin-top: 0.618em;}
.cssform2 label {display: block; font-size: 1.5em; line-height: 1.618em;}
	.cssform2 .small_checkbox label {display: inline; font-size: 1em;}
	.cssform2 label.radio {display: inline;}
.cssform2 input[type="textinput"] {  width: 23em;  padding: 0.3em;}
.cssform2 input[type="text"], .cssform2 input[type="password"] {border:1px solid #CCCCCC; font-size:1.5em; width: 23em;  padding: 0.3em;}
.cssform2 input[type="submit"] {border:1px solid #CCCCCC; background-color: #ffb13e; font-size:1.5em; padding: 0.3em 1.618em; margin-bottom: 0.618em;}
.cssform2 input[type="submit"]:hover {background-color: #ff9c0a;}
.cssform2 input:focus {border-width: 1px;border-style: solid;border-color: #aaa /*#008c00*/;}
.cssform2 .input_translation:focus {border-top: 1px solid #e59e06; background-color: #FDF9C1;}
.cssform2 .input_definition:focus {background-color: #DAFDCF;}
.cssform2 input#headword:focus {background-color: #DAFDCF; border-top: 1px solid #23980A;}
.cssform2 select {font-size: 1em;}
.cssform2 p.desc {margin: -1.5em 0 1.5em 0;font-size: 85%;color: #AAAAAA;}
.cssform2 .required {font-weight: bold; margin-left:-0.7em; color: #870000;}
.cssform2 p.radio label {clear: right;}

/** Phrases **/
dd {font-style: italic; margin-bottom: 1.618em;}

/* jQuery alert: Custom dialog styles */
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(/resources/images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}
#popup_content {
	background: 16px 16px no-repeat url(/resources/images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}
#popup_content.alert {
	background-image: url(/resources/images/info.gif);
}
#popup_content.confirm {
	background-image: url(/resources/images/important.gif);
}
#popup_content.prompt {
	background-image: url(/resources/images/help.gif);
}
#popup_message {
	padding-left: 48px;
}
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}
#popup_prompt {
	margin: .5em 0em;
}
#popup_container.cancel_membership {
	color: #FFFFFF;
	background: #469C23;
	border-color: #418E20;
}	
#popup_container.cancel_membership #popup_title {
	color: #FFF;
	font-weight: bold;
	text-align: left;
	background: #53B728;
	border: solid 1px #418E20;
	padding-left: 1em;
	font-size: 18px;
}
#popup_container.cancel_membership #popup_content {
	background: none;
}
#popup_container.cancel_membership #popup_message {
	padding-left: 0em;
}
#popup_container.cancel_membership INPUT[type='button'] {
	border: outset 2px #418E20;
	color: #FFFFFF;
	background: #469C23;
}

/*
 * Skin for jPlayer Plugin (jQuery JavaScript Library)
 * http://www.jplayer.org
 *
 * eTeanga
 *
 * Copyright (c) 2011 Happyworm Ltd
 * Dual licensed under the MIT and GPL licenses.
 *  - http://www.opensource.org/licenses/mit-license.php
 *  - http://www.gnu.org/copyleft/gpl.html
 *
 * Author: Mark Panaghiston
 * Skin Version: 1.0 (jPlayer 2.1.0)
 * Date: 13th September 2011
 */
/* @group The in page playlist's play/pause buttons */
a.jppl-audio {
	background: url("/resources/images/jplayer.eteanga.png") 0 0 no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 2px;
	display:inline-block; 
	vertical-align:bottom;
}
a.jppl-audio:hover,
a.jppl-audio:focus {
	background: url("/resources/images/jplayer.eteanga.png") -24px 0 no-repeat;
}
/* The :focus rules below affect accessibility, so you may want to remove them.
 * Affects the display when you click on a link or focus through tabbing.
 */
a.jppl-audio:focus {
	border:none;
	outline:0;
}
a.jppl-playing {
	background: url("/resources/images/jplayer.eteanga.png") 0 -24px no-repeat;
}
a.jppl-playing:hover {
	background: url("/resources/images/jplayer.eteanga.png") -24px -24px no-repeat;
}
/* @end */
/* @group NO SOLUTION error feedback (for when both Flash and HTML5 audio just won't work) */
.jp-no-solution {
	width:400px;
	margin:0 auto;
	padding:5px;
	font-size:.8em;
	background-color:#eee;
	border:2px solid #009be3;
	color:#000;
	display:none;
}
.jp-no-solution a {
	color:#000;
}
.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}
/* @end */

/* PDF */
body.pdf h1 {margin-top: 2.618em;}
body.pdf {background-image: none; background-color: #fff; color: #000;}
body.pdf span.irish {background-color: transparent;}

/* Relative font sizes:
4.236em 2.618em 1.618em 1em 0.618em 0.382em 0.236em */