body {
	font-family: Verdana, Sans-Serif;
	font-size: 80%;
	background: #f7f6f2;
}

label, textarea, input {display: block;}
textarea {
	width:100%;
	height:15em;
}

h1 {
	font: italic normal 14px/26px 'PT Sans', sans-serif;
	color:#878b85;
	text-indent:30px;
	/*background: url(bloodymary.png) 7px 0 no-repeat;*/
	margin:0; padding:0;
	height:26px;
	vertical-align: middle;
}

h2 {
	font-family: Serif;
	font-weight: normal;
	position: relative;
}

p {
	font: 16px 'PT Serif', serif;
}
p.exerciseText {
	min-height:120px;
}

a.refresh {
	width:90px; height:49px;
	background: url(refresh.png) 24px 0 no-repeat;
	font-size:60%;
	overflow:hidden;
	position:absolute;
	left:-135px; top:5px;
	text-decoration:none;
	padding-top:60px;
	font:13px 'PT Sans', sans-serif;
	color:#24241e;
	text-align: center;
}


.button, .success, .unsuccess {
	float:left;
	background:#999;
	
	color: black;
	margin:.5em 0;
	
	margin:13px 17px 0 0;
	-moz-text-shadow:    1px 1px white;
  	-webkit-text-shadow: 1px 1px white;
	text-shadow: 1px 1px white;
	display:block;
	font-family: 'PT Sans', Sans-Serif;
	padding:3px 9px 4px;
	background: #f2f2f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f0 0%, #deded9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f0), color-stop(100%,#deded9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f0 0%,#deded9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f0 0%,#deded9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f0 0%,#deded9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f0 0%,#deded9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f0', endColorstr='#deded9',GradientType=0 ); /* IE6-9 */

	

	border:1px solid #d4d4c7;
}
.button span b {

}
.button span {
	diplay:block;
	padding:0;
	background: -moz-linear-gradient(top,  #f8f8f7 0%, #eaeae7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f7), color-stop(100%,#eaeae7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f8f7 0%,#eaeae7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f8f7 0%,#eaeae7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f8f7 0%,#eaeae7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f8f7 0%,#eaeae7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f7', endColorstr='#eaeae7',GradientType=0 ); /* IE6-9 */
	/*padding:1px;*/
}

input.button, a.button {
	cursor: pointer;
}
.success, .unsuccess {
	background:white;
	border:2px solid white;
}
.success {
	color: green;
}
.unsuccess {
	color: red;
}

.button.refresh {
	float:left;
	margin-right:10px;
}
a.button {
	text-decoration: none;
}

timer {
	position:absolute;
	left:-155px; top:-.3em;
	font: 42px 'PT Serif', serif;
	color:#b3b6af;
	text-align:center;
	width:130px;
}
timer.span {
}
timer .timeIsOver {
	font: 13px 'PT Sans', sans-serif;
	color:#bf0202;
	display: none;
}


.wordCounter {
	float:right;
	display:none;
	line-height:20px;
	margin-top:1.2em;
}

body {
	margin:0; padding:0;
}
.wrapper {
	margin:auto;
	max-width: 1400px;
	min-width: 1000px;
}
.main {
	margin:40px 250px 6em 200px;
	position:relative;
	max-width:1000px;
}

acronym {
	border-bottom:1px dashed #666;
	cursor:help;
}


.exercises .formWrapper {
	width:100%;
	position:relative;
}
.exercises .formWrapper div.textarea {
	-moz-box-shadow:    0px 0px 15px 1px #e3e3e3;
  	-webkit-box-shadow: 0px 0px 15px 1px #e3e3e3;
	box-shadow: 0px 0px 15px 1px #e3e3e3;
	padding-right:40px;
}
.exercises .formWrapper textarea {
	width:100%;
	height:385px;
	border:0;
	font:18px 'PT Sans', sans-serif;
	margin-right:40px;
	padding:20px;
	overflow:auto;
}


.exercises iframe.images {
	position:absolute;
	right:-230px; top:-27px;
	width:200px;
	border:0;
	height:20em;
	overflow:hidden;
	border:0;
}

.images {
}
.images input {
	width:195px;
}
.images p.image {
	font: 18px  'PT Serif';
	display:block;
	clear:both;
	padding-top:5px;
	background: url(image_baloon_top.png) 0 5px no-repeat;
	margin:0; padding:0;

}
.images .image span {
	background: url(image_baloon_bottom.png) bottom left no-repeat;	
	display: block;
	padding:1em 10px .5em;
}
.images p {
	font: 14px 'PT Sans', sans-serif;
	margin-top:0px;
}

.user footer {
	position:fixed;
	left:0; bottom:0;
	background: #f7f7f2;
	padding:.6em 20px .5em;
	/*text-transform: uppercase;*/
	font: 12px Arial, sans-serif;
	color:#808080;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}
.user footer a {
	margin-left:.6em;
	color:#808080;
}