/** Add css rules here for your application. */
#logindiv{
	text-align: right;
	color: #2E8B57;
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	font-weight: bold;
	border: solid 1px blue;
	background-color: lightblue;
	float: none;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

.tooltip{
	margin-right: 4px;
	margin-top: 2px;
	display: block;
	color: black;
	background-color: yellow;
	padding: 5;
	z-index: 1;
}

/* For IE */

@font-face {
	font-family: 'Scheherazade';
	src: url('SCHEHER0.eot');
}

/* For Other Browsers */

@font-face {
  font-family: Scheherazade;
  src: local('Scheherazade'),
       url('ScheherazadeRegAAT.ttf') format('truetype-aat'), 
       url('ScheherazadeRegOT.ttf') format('opentype');
}


.arabic{
	cursor: pointer;
    font-size: 200%;
	text-align: right;
    margin:auto;
	padding:20px;
	direction:rtl;
	font-family:Scheherazade, "Traditional Arabic", "Times New Roman", serif;
	border: double lightblue 1em;
}

.number{
    font-size: 50%;
}

.translation{
	cursor: pointer;
	padding:20px;
}

.clickable{
	cursor: pointer;
}

.selected{
	background-color: lightblue;
}

.navbar{
	padding:2px;
}

.juzbox{
	border-style: solid;
	border-width:1px;	
	border-color: lightblue;
	text-align: center;
	vertical-align:middle;
  	height: 100%;
}

.completed{
	background-color: lightgreen;
}

.footer {
	 text-align: center;
}

.sign {
	font-family:"Times New Roman", serif;
    font-size: .7em;
	color: red;
}

.internal-sign {
	font-family:"Times New Roman", serif;
    font-size: .65em;
	color: green;
}