.ui-icon-right-pointer {
	background-image: url("../images/lores_icons/right_pointer.png");
	}
.ui-icon-toggle {
	background-image: url("../images/lores_icons/toggle.png");
	}
.ui-icon-tick {
	background-image: url("../images/lores_icons/tick.png");
	}
.ui-icon-cross {
	background-image: url("../images/lores_icons/cross.png");
	}
.ui-icon-flag-Eng {
	background-image: url("../images/lores_icons/Eng.png");
}
.ui-icon-flag-Fin {
	background-image: url("../images/lores_icons/Fin.png");
}
.ui-icon-flag-Fre {
	background-image: url("../images/lores_icons/Fre.png");
}
.ui-icon-flag-Ger {
	background-image: url("../images/lores_icons/Ger.png");
}
.ui-icon-flag-Ita {
	background-image: url("../images/lores_icons/Ita.png");
}
.ui-icon-flag-Lat {
	background-image: url("../images/lores_icons/Lat.png");
}
.ui-icon-flag-Pol {
	background-image: url("../images/lores_icons/Pol.png");
}
.ui-icon-flag-Por {
	background-image: url("../images/lores_icons/Por.png");
}
.ui-icon-flag-Spa {
	background-image: url("../images/lores_icons/Spa.png");
}
.ui-icon-flag-Bul {
	background-image: url("../images/lores_icons/Bul.png");
}
.ui-icon-flag-Dut {
	background-image: url("../images/lores_icons/Dut.png");
}
.ui-icon-flag-Rom {
	background-image: url("../images/lores_icons/Rom.png");
}
.ui-icon-flag-Nor {
	background-image: url("../images/lores_icons/Nor.png");
}
.ui-icon-flag-Ltv {
	background-image: url("../images/lores_icons/Ltv.png");
}
.ui-icon-flag-Slk {
	background-image: url("../images/lores_icons/Slk.png");
}
.ui-icon-flag-Mal {
	background-image: url("../images/lores_icons/Mal.png");
}
.ui-icon-flag-Hun {
	background-image: url("../images/lores_icons/Hun.png");
}
.ui-icon-flag-Cze {
	background-image: url("../images/lores_icons/Cze.png");
}
.ui-icon-flag-Gre {
	background-image: url("../images/lores_icons/Gre.png");
}
.ui-icon-flag-Dan {
	background-image: url("../images/lores_icons/Dan.png");
}
.ui-icon-flag-Est {
	background-image: url("../images/lores_icons/Est.png");
}
.ui-icon-flag-Slo {
	background-image: url("../images/lores_icons/Slo.png");
}
.ui-icon-flag-Iri{
	background-image: url("../images/lores_icons/Eir.png");
}
.ui-icon-flag-Gal {
	background-image: url("../images/lores_icons/Gal.png");
}
.ui-icon-flag-Bas {
	background-image: url("../images/lores_icons/Bas.png");
}
.ui-icon-flag-Cat {
	background-image: url("../images/lores_icons/Cat.png");
}
.ui-icon-flag-Gae {
	background-image: url("../images/lores_icons/Gae.png");
}
.ui-icon-flag-Cro {
	background-image: url("../images/lores_icons/Cro.png");
}
.ui-icon-flag-Swe {
	background-image: url("../images/lores_icons/Swe.png");
}
.ui-icon-flag-Lit {
	background-image: url("../images/lores_icons/Lit.png");
}
.ui-icon-flag-Wel {
	background-image: url("../images/lores_icons/Wel.png");
}
.ui-icon-flag-Pro {
	background-image: url("../images/lores_icons/Pro.png");
}
.ui-icon-flag-Bre {
	background-image: url("../images/lores_icons/Bre.png");
}
.ui-icon-flag-Fri {
	background-image: url("../images/lores_icons/Fri.png");
}
.ui-icon-flag-Occ {
	background-image: url("../images/lores_icons/Occ.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-right-pointer {
		background-image: url("../images/hires_icons/right_pointer.png");
		background-size: 18px 18px;
	}
	.ui-icon-toggle {
		background-image: url("../images/hires_icons/toggle.png");
		background-size: 18px 18px;
	}
	.ui-icon-tick {
		background-image: url("../images/hires_icons/tick.png");
		background-size: 18px 18px;
	}
	.ui-icon-cross {
		background-image: url("../images/hires_icons/cross.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Eng {
		background-image: url("../images/hires_icons/Eng.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Fin {
		background-image: url("../images/lores_icons/Fin.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Fre {
		background-image: url("../images/hires_icons/Fre.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Ger {
		background-image: url("../images/lores_icons/Ger.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Ita {
		background-image: url("../images/hires_icons/Ita.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Lat {
		background-image: url("../images/hires_icons/Lat.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Pol {
		background-image: url("../images/hires_icons/Pol.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Por {
		background-image: url("../images/hires_icons/Por.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Spa {
		background-image: url("../images/hires_icons/Spa.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Bul {
		background-image: url("../images/hires_icons/Bul.png");
		background-size: 18px 18px;
	}
		.ui-icon-flag-Dut {
		background-image: url("../images/hires_icons/Dut.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Rom {
		background-image: url("../images/hires_icons/Rom.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Nor {
		background-image: url("../images/hires_icons/Nor.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Ltv {
		background-image: url("../images/hires_icons/Ltv.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Slk {
		background-image: url("../images/hires_icons/Slk.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Mal {
		background-image: url("../images/hires_icons/Mal.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Hun {
		background-image: url("../images/hires_icons/Hun.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Cze {
		background-image: url("../images/hires_icons/Cze.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Gre {
		background-image: url("../images/hires_icons/Gre.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Dan {
		background-image: url("../images/hires_icons/Dan.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Est {
		background-image: url("../images/hires_icons/Est.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Slo {
		background-image: url("../images/hires_icons/Slo.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Iri{
		background-image: url("../images/hires_icons/Eir.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Gal {
		background-image: url("../images/hires_icons/Gal.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Bas {
		background-image: url("../images/hires_icons/Bas.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Cat {
		background-image: url("../images/hires_icons/Cat.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Gae {
		background-image: url("../images/hires_icons/Gae.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Cro {
		background-image: url("../images/hires_icons/Cro.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Swe {
		background-image: url("../images/hires_icons/Swe.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Lit {
		background-image: url("../images/hires_icons/Lit.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Wel {
		background-image: url("../images/hires_icons/Wel.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Pro {
		background-image: url("../images/hires_icons/Pro.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Bre {
		background-image: url("../images/hires_icons/Bre.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Fri {
		background-image: url("../images/hires_icons/Fri.png");
		background-size: 18px 18px;
	}
	.ui-icon-flag-Occ {
		background-image: url("../images/hires_icons/Occ.png");
		background-size: 18px 18px;
	}

}

body {background: #D9DEE1;}

.page_home {background: #D9DEE1 url('images/proverbs_home_bg_570h.jpg') center top no-repeat; background-attachment:fixed;}

.header_home {background: transparent; color: #000000; border: 0 none;}

.page {background: #D9DEE1;}

.page_flashcards {background: #D9DEE1;}

.content-container {margin: 0 auto; max-width: 1250px;}

#homecontent {margin: 5% 0;}

#welcome {max-width: 980px;}

#welcome h2 {font-size: 1.1em; white-space: nowrap;}

.paperbg {padding: 10px; margin: 10px auto; border: 1px solid rgb(75,75,75); -webkit-box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); -moz-box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); background: url('images/card_background.jpg') right bottom; max-width: 600px;}

.phrases p {margin: 0 0 0.5em 0;}

.notes {padding: 10px; margin: 10px auto; max-width: 600px;}

.flashcard-container {padding: 10px; min-height: 100%;}

.flashcard {padding: 10px; margin: 10px auto; border: 1px solid rgb(75,75,75); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); -moz-box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); box-shadow: 7px 7px 7px rgba(75, 75, 75, 0.75); background: url('images/card_background.jpg') right bottom; max-width: 900px; min-height: 100%;}

.w4w-table-row td {text-align: center;}
.w4w-table-row td:nth-child(odd) {background: #c4d3e1;}
.w4w-table-row td:nth-child(even) {background: #d9dee1;}

.g2-table {text-align: left;}
.g2-table tr:first-child {font-weight: bold; font-size: 0.9em;}
.g2-table tr:nth-child(odd) {background: #c4d3e1;}
.g2-table tr:nth-child(even) {background: #d9dee1;}

.button-tight {margin: 0 !important; padding: 0 !important;}
.button-tight .ui-btn-inner {margin: 0 !important; padding: 0 !important;}

.tight {margin: 0; padding: 0;}

.smaller {font-size: 0.85em;}

.muchsmaller {font-size: 0.7em;}

.larger {font-size: 1.3em;}

.muchlarger {font-size: 1.5em;}

.verylarge {font-size: 1.75em;}

.shaded {background: rgb(240,240,240);}

.translucent {background: rgba(240,240,240,0.7);}

.translucentyellow {background: rgba(255,255,0,0.4);}

.solid {background: rgb(240,240,240);}

.bordered {border: 1px solid #cccccc;}

.rounded {-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}

.shadow {-webkit-box-shadow: 2px 2px 1px rgba(204, 204, 204, 0.50); -moz-box-shadow: 2px 2px 1px rgba(204, 204, 204, 0.50); box-shadow: 2px 2px 1px rgba(204, 204, 204, 0.50);}

.spaced {margin: 1%;}

.padded {padding: 2%;}

.red {color: #ff0000;}

.floatleft {float: left;}
.floatright {float: right;}

.floatleftimg {float: left; margin: 0 1% 1% 0;}
.floatrightimg {float: right; margin: 0 0 1% 1%;}

.centered {margin: 10px auto;}

.centeredtext {text-align: center;}

.alignleft {text-align: left;}
.aligncenter {text-align: center !important;}
.alignright {text-align: right;}

.strong {font-weight: bold;}
.notstrong {font-weight: 200;}

.emphasised {font-style: italic;}

.uppercase {text-transform: uppercase;}

.normal {font-weight: 200 !important;}

.separator {clear: both;}

.spacer {clear: both; height: 10px;}

.nobull {list-style-type: none;}

.nobull li {margin: 0; padding: 0;}

.smallviewportshow {display: inline;}

.proverbs-home {font-size: 1.2em;}

.homeul {list-style-type: none;}

.blacklink {color: #000000; text-decoration: none;}
.blacklink:link {color: #000000; text-decoration: none;}
.blacklink:visited {color: #000000; text-decoration: none;}
.blacklink:hover {color: #000000; text-decoration: underline;}
.blacklink:active {color: #000000; text-decoration: none;}

.blackgreenlink {color: #000000; text-decoration: none;}
.blackgreenlink:link {color: #000000; text-decoration: none;}
.blackgreenlink:visited {color: #000000; text-decoration: none;}
.blackgreenlink:hover {color: #008000; text-decoration: none;}
.blackgreenlink:active {color: #000000; text-decoration: none;}

.blackgreenlink:link span {color: #000000;}
.blackgreenlink:visited span {color: #000000;}
.blackgreenlink:hover span {color: #008000;}
.blackgreenlink:active span {color: #000000;}

.serif1 {font-family: Georgia, serif;}
.serif2 {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.serif3 {font-family: "Times New Roman", Times, serif;}
.serif4 {font-family: Garamond, "Book Antiqua";}

.sansserif1 {font-family: Arial, Helvetica, sans-serif;}
.sansserif2 {font-family: "Comic Sans MS", cursive, Impact, Charcoal, sans-serif;}
.sansserif3 {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Geneva, sans-serif;}
.sansserif4 {font-family: "Trebuchet MS", Helvetica, "Arial Black", Gadget, sans-serif;}

.monospaced {font-family: "Courier New", Courier, "Lucida Console", Monaco, monospace; font-style: normal;}

.smallviewporthide {display: none;}

/* Responsive Web Design Styles */

/* First breakpoint at 576px */
/* Inherits mobile styles, these styles are for mid-sized viewports... */
@media all and (min-width: 36em){

.page_home {background: #D7DCDF url('images/proverbs_home_bg_1280w.jpg') center top no-repeat; background-attachment:fixed;}

.proverbs-home {font-size: 1.6em;}

#welcome {max-width: 500px; margin: 10px auto;}

#welcome h2 {font-size: 1.6em;}

.smallviewportshow {display: none;}
.smallviewporthide {display: inline;}

}

/* Second breakpoint at 800px */
/* Inherits mobile styles and mid-sized viewport styles, these styles are for larger viesports... */
@media all and (min-width: 50em){

/* add styles for larger viewports here... */

}