@import url("./jquery-ui-1.7.2.custom.css");	

/*
----------------------------------
	BODY / CONTAINER FORMATTING
----------------------------------
*/
html{
	overflow-y: scroll;
}

html, body{
	background-color: #FCFCFC;
	margin: 0;
	padding: 0;
}

body { 
	font-family: Tahoma, Lucida Grande, sans-serif;
	font-size: 16px;
}

.deva, .t-deva{
	font-family: "Arial Unicode MS","Mangal";
	font-size: 24px;
	font-weight: normal;
	line-height: 1.4;
}

select.deva, select.t-deva{
	font-size: 18px;
}

.t-uni{
	font-size: 18px;
	font-weight: normal;
	line-height: 33.6px;
}

a:link img, a:visited img, a:active img {
	border: none;
}

div#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

div#header {
	float:left;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
}

div#header .subhead{
	font-size: 20px;
}

div#header .description{
	font-size: 16px;
	font-weight: normal;
}

div#header .small{
	font-weight: normal;
}

/*
------------------------------------
	FLOAT MENU / RIGHT NAVIGATION
------------------------------------	
*/

div#rightnav {
	float:right;
	display: table-cell;
	vertical-align: bottom;
	padding: 25px 5px 15px 15px;
	text-align: right;
	z-index: 10;
}

div#rightnav a {
	font-weight: bold;
	font-size: 12px;
}

div#fltmenu {
	float:right;
	position: relative;
	right: 0px;
	top: 0px;
	width:150px;
	padding: 10px 10px 10px 10px;
	border: 2px gray outset;
	font-size: 12px;
	z-index: 10;
}

div#fltmenu .header{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	padding-bottom: 2px;
}



/*
-------------------------
	QUIZBOX FORMATTING
-------------------------
*/

div#quizzes{
	padding-top: 5px;
}

div.quizbox, div.quizbox form{
	overflow: hidden !important;
}

div.quizbox div.question{
	font-weight: bold;
}

div.quizbox div.description{
	font-style: italic;
	padding-left: 5px;
}

div.quizbox div.description .deva{
	font-style: normal;
	font-size: 32px;
}

div.quizbox div.description .norm{
	font-style: normal;
}

div.quizbox.loading{

}

div.quizbox.MC {
	height: 200px;
}

div.quizbox form.mcquiz input[type="radio"]{
	margin-left: 15px;
}

div.quizbox form.mcquiz{
	line-height: 150%;
}

div.quizbox input[type="button"], div.quizbox input[type="submit"]{
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 36px;
}

div.quizbox input[type="text"]{
	font-size: 16px;
	margin-top: 5px;
	text-align: left;
	height: 30px;
}

div.quizbox input[type="text"].deva{
	font-size: 22px;
}

div.quizbox .qanswer{
	line-height: 34px;
}

div#qsummary {
	float: right;
	position: relative;
	top: 10px;
	right: 5px;
	font-size: 12px;
	font-weight: bold;
}

div.qsummary {
	float: right;
	position: relative;
	top: 10px;
	right: 5px;
	font-size: 12px;
	font-weight: bold;
}


/*
--------------------------
	jQUERY UI OVERRIDES
--------------------------	
*/

.tooltip{
	background-color: whitesmoke;
	border: 3px double maroon;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	padding: 10px 5px 5px 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
	font-size: 14px;
	text-align: left;
	max-width: 300px;
	font-weight: normal;
}

.tooltip ul{
	padding-bottom: 0;
}


/*
-----------------------
	OTHER FORMATTING
-----------------------	
*/

/* Display Elements (HR, Tables, Lists) */

hr{
	margin-top: 10px;
	height: 1px;
}

input{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

table{
	border: 1px outset gray;
	border-spacing: 2px;
	margin: 5px 5px 10px 5px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

table, th, div.lessonlist.highlighted{
	background-color: white;
}

table caption{
	padding-top: 2px;
	padding-bottom: 2px;
}

td, th{
	border-collapse: separate;
	padding: 3px 5px 3px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	empty-cells: hide;
	vertical-align: middle;
}

td{
	border: 1px inset gray;
}

th{
	border: 2px outset dimgray;
	background-color: silver;
}

table.noborder, table.nocellborders td, td.noborder, th.noborder{
	border: 0;
	background-color: transparent;
}

th.sh, td.sh{
	border-width: 2px;
	border-style: outset;
	border-color: darkgray;
	background-color: gainsboro;
}

th.highlight{
	background-color: #ffff80 !important;
}

table.interactive td{
	cursor: pointer;
	-moz-user-select: none;
}

table.interactive td:hover{
	border-style: outset;
}

ul, ol{
	padding-left: 25px;
	margin: 0;
}
ul{
	list-style-type: square;
}
ul li, ol li{
	padding-bottom: 5px;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: circle;
}

ul ul li, ol ol li{
	padding-bottom: 2px;
}

li.spacer{
	list-style-type: none;
}

/* Links */
a:link, a:visited{
	color: darkblue;
	outline: none;
}

a:active{
	color: darkred;
}

a:hover {
	text-decoration: none;
}

/* Images */
img.icon {
	vertical-align: middle;
}

img.icon.play {
	margin-right: -48px;
}

img.icon.pause {
	margin-left: 48px;
	margin-right: -72px;
}

img.click{
	cursor: pointer;
}


/* Base Classes */
.small, small{
	font-size: 12px;
}

.small .deva, .small .t-deva, .small.deva, .small.t-deva{
	font-size: 18px;
	line-height: 24px;
}

.small .uni, .small .t-uni, .small.uni, .small.t-uni{
	font-size: 14px;
	line-height: 24px;
}

.big .uni, .big .t-uni, .big.uni, .big.t-uni{
	font-size: 48px;
	line-height: 67.2px;
}

.big .deva, .big .t-deva, .big.deva, .big.t-deva{
	font-size: 48px;
}

abbr, acronym, .help{
	border-bottom: 1px dotted #333;
  cursor: help;
}

.80{
	font-size: 80%;
}

.s125, caption.s125{
	font-size: 125%;
}

.b{
	font-weight: bold;
}

.i{
	font-style: italic;
}

.u{
	text-decoration: underline;
}

.nowrap{
	white-space: nowrap;
}

.hide{
	display: none !important;
}

.s_hide{
	display: none;
}

/* DIVs */

.center, .tocheader {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.center table{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.center table tr{
	text-align: left;
}

.center table.center tr{
	text-align: center;
}

.vcenter {
	vertical-align: middle;
}

.nowrap {
	white-space: nowrap;
}


div.float, table.float {
	float: left;
}

div.right{
	text-align: right;
}

div.sechead {
	font-weight: bold;
	font-size: 110%;
	text-decoration: underline;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.subhead, table caption.subhead {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

div.tocheader {
	font-weight: bold;
	text-decoration: underline;
	padding: 10px 0px 10px 0px;
}

div.lessonlist {
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	border: 2px solid #FCFCFC;
}
div.lessonlist.highlighted{
	border: 2px outset gray;
	background-color: whitesmoke;
	
}

.lessonheader{
	font-weight: bold;
}

div.blockquote, ol.blockquote, ul.blockquote {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

div.blockquotesm, ol.blockquotesm, ul.blockquotesm {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}


div.clear{
	clear:both;
}

div.hr{
	width: 100%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: gray;
}
div.hr25{
	width: 25%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: gray;
}

div.hr50{
	width: 50%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: gray;
}
div.hr75{
	width: 75%;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: gray;
}

div.endofline{
}

table.inline, div.inline{
	display: inline-table;
	vertical-align: top;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Decconj */
table.decconj {
	margin: 2px 5px 5px 5px;
	background-color: white;
	border-color: gray;
	border-spacing: 4px;
	padding: 2px;
}

table.decconj th .small, table.decconj td.gender span.small{
	margin-top: -2px;
	font-size: 11px;
}

table.decconj.endings th .small{
	margin-top: 3px;
}

table.decconj th, table.decconj td{
	text-align: center;
	vertical-align: middle;
}

table.decconj th{
	min-width: 125px;
	padding: 1px 2px 2px 2px;
}

table.decconj th.t-deva, table.decconj th.deva, table.decconj th .t-deva, table.decconj th .deva{
	font-size: 20px;
}

table.decconj th.t-uni, table.decconj th.uni, table.decconj th .t-uni, table.decconj th .uni{
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
}

table.decconj td{
	min-width: 125px;
	padding: 2px 2px 2px 2px;
}

table.decconj td.shrink, table.decconj th.shrink{
	min-width: 0px;
}

table.decconj td.playing{
	padding: 1px 1px 1px 1px;
}

table.decconj.endings th.sh{
	height: 65px;
}

table.decconj .playing{
	border-style: solid !important;
	border-color: #FF5050 !important;
	border-width: 2px !important;
}

table.decconj.interactive .playing:hover{
	border-color: red !important;
}

table.decconj th.sh{
	min-width: 110px;
	
}
table.decconj.interactive th.sh{
	cursor: pointer;
}


table.decconj.interactive th.sh:hover{
	border-style: inset;
}

table.decconj td.gender, table.decconj td.voice, table.decconj td.footer, td.caption{
	background-color: transparent;
	border: none;
	cursor: auto;
	vertical-align: middle;
	min-width: 0px;
	min-height: 0px;
	padding: 2px;
}

table.decconj .s1{
	background-color: #ffff80;
}

table.decconj .s2{
	background-color: #ffbf80;
}

table.decconj .s3{
	background-color: #bfff80;
}

table.decconj .s4{
	background-color: #80d4ff;
}

table.decconj .s5{
	background-color: #ffc6ff;
}

table.decconj .s6{
	background-color: #ffc6c6;
}

table.decconj .s7{
	background-color: #c6d4ff;
}