body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.mainPanel {
	position: absolute;
	left: 50%;
	margin-left: -364px;

}

.langPanel {
	float: right;
}	

.boardPanel {
	margin: 15px 0 0 0;
}

.leftPanel {
	margin: 27px 24px 0 0px;
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.cellText {
	padding-top: 15px;
	padding-left: 15px;
	border: none;
	font-size: 150%;
	color: #5F5F5F;
}


.gwt-Hyperlink { 
	text-decoration: underline;
	cursor: pointer;
}

.gameIdLabel {
	font-size: 130%;
	text-align: center;
	margin-bottom: 10px;
}

.my-expand-item-body .gwt-HTML
{
	margin: 5px 5px 0 5px;
	font-size: 115%;
}

.my-expand-item-body a 
{
	font-size: 100%;
}

.hidden {
	display: hidden;
}

.watermark {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}

.cell-bottom-left {
	border-left: 2px solid #3366CC;
	border-bottom: 2px solid #3366CC;
	border-right: 1px solid #3366CC;
}	

.cell-bottom-middle {
	border-bottom: 2px solid #3366CC;
	border-right: 1px solid #3366CC;
}	

.cell-bottom-right {
	border-bottom: 2px solid #3366CC;
	border-right: 2px solid #3366CC;
}

.cell-middle-left {
	border-left: 2px solid #3366CC;
	border-top: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	border-right: 1px solid #3366CC;
}	

.cell-middle {
	border-top: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	border-right: 1px solid #3366CC;
}	

.cell-middle-right {
	border-top: 1px solid #3366CC;
	border-bottom: 1px solid #3366CC;
	border-right: 2px solid #3366CC;
}	

.cell-top-right {
	border-top: 2px solid #3366CC;
	border-right: 2px solid #3366CC;
	
	
}

.cell-top-middle {
	border-top: 2px solid #3366CC;
	border-right: 1px solid #3366CC;
	
}

.cell-top-left {
	border-top: 2px solid #3366CC;
	border-left: 2px solid #3366CC;
	border-right: 1px solid #3366CC;
}


.board {
	margin: 0;
	padding: 0;
	border: 1px solid #3366CC;
	border-collapse: collapse;
	
}

.solvedBoard
{
	margin: 0;
	padding: 0;
	border: 1px solid #3366CC;
	border-collapse: collapse;
	text-align: center;
	background-color: white;
}

.clicked {
	background-color: #ccc;
}

.selectedBtn {
	background-color: blue;
}

.invalid-cell {
	color: red;
	background-color: #FABF93;
}

.original-cell {
	font-weight: bold;
	color: black;
}	

.user-cell {
}

.time {
	font-size: 150%;
	text-align: center;
}

.bottomLeftPanel {
	margin: 10px 0 0 0;
	text-align: center;
	width: 200px;
	/*
	border: 1px solid #99BBE8;
	*/
}

.timerPanel, .goToPanel {
	margin-left: 15px;
}

.offlinePanel {
	margin-top: 60px;
	width: 200px;
	
}

.offlineBtn, .offlinePanel a {
	margin: auto;
	text-align: center;
	
}

.offlineLink {
	text-decoration: underline;
	cursor: pointer;
}

.offlineLink, .offlineStatus
{
	font-size: 110%;
}

.offlineLink img {
	
	margin-right: 0px !important;
    padding-right: 5px !important;
    
    margin-right: 5px;	
	
}

.timerButton {
	margin-left: 10px;
}

.goToLabel {
	font-size: 120%;
}

.goToText {
	background-color: #D9E7F8;
	float: right;
}

.my-shell {
	background-color: white;
}

#ads {
	position: absolute;
	top: 630px;
	left: 50%;
	margin-left: -364px;
}


#loading {
  position: absolute;
  left: 45%;
  top: 40%;
  margin-left: -45px;
  padding: 2px;
  z-index: 20001;
  height: auto;
  border: 1px solid #ccc;
}

#loading a {
  color: #225588;
}

#loading .loading-indicator {
  background: white;
  color: #444;
  font: bold 13px tahoma, arial, helvetica;
  padding: 10px;
  margin: 0;
  height: auto;
}

#loading .loading-indicator img {
  margin-right:8px;
  float:left;
  vertical-align:top;
}

#loading-msg {
  font: normal 10px arial, tahoma, sans-serif;
}

.minigrid {
	font-size: 50%;
	border-collapse: collapse;
}

.minigrid2 {
	font-size: 50%;
	border-collapse: collapse;
}

.annotation {
	margin: 0;
	padding: 0;
	border: none;
	/*
	background: url(images/gradient5.gif);
	*/
	background-color: #F7F4D7;
	
}

.annotation_label {

	font-size: 90%;
	color: #080808;
	padding-left: 10px;
	padding-top: 5px;
	
	width: 35px !important;
	letter-spacing: 1px !important;
	
	letter-spacing: 0px;
	width: 45px;
}

.icon-wand {
	background: url(images/wand.png) no-repeat;
	
}
.icon-pencil {

  background: url(images/pencil.png) no-repeat;

}

.icon-lightbulb {

  background: url(images/lightbulb.png) no-repeat;

}

.icon-cursor {
	background: url(images/cursor.png) no-repeat;
}

.icon-clock {
	background: url(images/clock.png) no-repeat;
}

.icon-printer {
	background: url(images/printer.png) no-repeat;
}