.But {
	color: #0000FF;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.But1 {
	color: #0000FF;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.ButDisabled {
	color: Black;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: line-through;
	cursor: pointer;
}

.ButDisabled1 {
	color: Black;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: line-through;
	cursor: pointer;
}

.ButDisabledm1 {
	color: Black;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
	cursor: pointer;
}

.ButHouver {
	color: #2B4173;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.ButHouver1 {
	color: #2B4173;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}

.ButHouverm1 {
	color: #2B4173;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.Butm1 {
	color: #0000FF;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}

.CheckItem {
	padding: 2px;
	border: 2px solid Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.CheckItem-Checked {
	padding: 2px;
	border: 2px solid deepskyblue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: dodgerblue;
}

.CheckItem-Checked-Hover {
	padding: 2px;
	border: 2px solid midnightblue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: dodgerblue;
}

.CheckItem-Disabled {
	padding: 2px;
	border: 2px solid dodgerblue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration: line-through;
}

.CheckItem-Hover {
	padding: 2px;
	border: 2px solid dodgerblue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: deepskyblue;
}

.ColorPicker {
	border: 1px solid Black;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.Gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.GridViewNormal {
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.GridViewNormal2 {
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #dfe5ff;
}

.GridViewSelected {
	padding: 1px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #C3D9FF;
}

.GridViewTitle {
	padding: 2px;
	border: 2px solid Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #5B91FE;
}

.GridViewTitleSelected {
	border: 4px double Navy;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #5B91FE;
}

.HighScore {
	border: 2px groove;
}

.ImgBut{
	padding: 2px;
	border: 2px solid white;
	cursor: pointer;
}

.ImgBut_Hoover{
	padding: 2px;
	border: 2px solid blue;
	cursor: pointer;
}

.MainBackgroundLight {
	background: #5B91FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	background-image: url(http://www.spirit-fever.com/game/images/layout/paperbig.png);
	background-repeat: no-repeat;
}

.MenuBackgroundDefault {
	background: #5B91FE;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.MenuCommunityBackgroundLight {
	background: #5B91FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	background-image: url(http://www.spirit-fever.com/game/images/layout/paperCommunity.jpg);
	background-repeat: no-repeat;
}

.MenuHallBackgroundLight {
	background: #5B91FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	background-image: url(http://www.spirit-fever.com/game/images/layout/paperHall.jpg);
	background-repeat: no-repeat;
}

.MenuItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.MenuProfileBackgroundLight {
	background: #5B91FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	background-image: url(http://www.spirit-fever.com/game/images/layout/profile.png);
	background-repeat: no-repeat;
}

.MenuSupportBackgroundLight {
	background: #5B91FE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	vertical-align: top;
	background-image: url(http://www.spirit-fever.com/game/images/layout/paperSupport.jpg);
	background-repeat: no-repeat;
}

.Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.PixelBlack {
	background-color: Black;
}

.PopupInfo {
  background-color: white;
  border: 1px solid #87B3FF;
  padding: 4px;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.PopupInfoLabel {
	font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
}

.TabDisabled {
	font-size: 24px;
	text-align: center;
	background-color: #DFE5FF;
		font-family: Arial, Helvetica, sans-serif;

}

.TabEnabled {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #5B91FE;
		font-family: Arial, Helvetica, sans-serif;
}

.TestGrid {
	text-align: center;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.Title0 {
	color: #010135;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.Title1 {
	color: #010135;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.Title2 {
	color: #010135;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

.Title3 {
	color: #010135;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.backgroundDark {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #dfe5ff;
}

.backgroundDarkBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #dfe5ff;
}

.backgroundLight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #dfe5ff;
}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.deckPanel {
	margin: 5px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-DecoratedStackPanel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	background-color: #5B91FE;
	cursor: pointer;
}

.gwt-DialogBox {
	border: 2px outset;
	background-color: white;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-DialogBox .Caption {
	padding: 4px 4px 4px 8px;
	border-top: 5px solid #d0e4f6;
	border-bottom: 1px solid #bbbbbb;
	background-color: #e3e8f3;
	background-image: url(http://www.spirit-fever.com/game/images/layout/dlgBar.gif);
	background-repeat: repeat-x;
	cursor: default;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-HTML {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-Label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-Label-LPadded {
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-Label-error {
	color: Red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gwt-Label-info {
	color: teal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.gwt-PushButton-down {
  
  cursor: pointer;
  cursor: hand;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-PushButton-down-hovering {

  cursor: pointer;
  cursor: hand;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-PushButton-up {
 
  cursor: pointer;
  cursor: hand;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-PushButton-up-hovering {

  cursor: pointer;
  cursor: hand;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-RadioButton {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar {
	padding-top: 5px;
	background-color: White;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .gwt-TabBarItem {			
	margin: 2px;
	padding: 4px 7px;
	border: 1px solid black;
	background-color: #DFE5FF;
	cursor: hand;
}

.gwt-TabBar .gwt-TabBarItem-selected {	
	margin: 2px;
	padding: 4px 7px;
	border: 1px solid black;
	background-color: #5B91FE;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid rgb(36, 36, 36);
	padding-right: 3px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .onMouseEnter {
	color: white;
	background-color: rgb(62,99,174);
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .onMouseLeave {
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .selectedText {
	color: white;
	background-color: rgb(64, 64, 64);
	font-weight: bold;	
	padding: 3px 7px 5px 7px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBar .unselectedText {
	color: rgb(227, 209, 13);	
	background-color: rgb(48, 48, 48);
	
	padding: 3px 7px 5px 7px;	
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBarItem {
  background: none;
  padding: 0px;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabBarItem .gwt-Label {
  padding-right: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.gwt-TabBarItem-selected .gwt-Label {
  color: black;
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabPanel {
	background-color: White;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-TabPanelBottom {
	
	margin: 0px 0px 3px;
	padding-top: 1px;
	border-top: none;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-ToggleButton-down {
	border: 2px solid dodgerblue;
	background-color: cyan;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.gwt-ToggleButton-up {
	border: 2px solid cyan;
	background-color: dodgerblue;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.labelTitle {
	background: #B9CFFA;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14;
	font-weight: bold;
	text-align: center;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	
}

.morepadding {
	padding: 3px 5px 3px 5px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.rounded-tab-selected {
  background: url(../images/roundedCorner/selected-top-right.png) no-repeat top right;
  width: 100%;
  height: 3px;
  font-size: 1px;
  	font-family: Arial, Helvetica, sans-serif;
}

.rounded-tab-selected div {
  background: url(../images/roundedCorner/selected-top-left.png) no-repeat top left;
	width: 100%;
  height: 3px;
  font-size: 1px;
  	font-family: Arial, Helvetica, sans-serif;
}

.rounded-tab-unselected {
  background: url(../images/roundedCorner/unselected-top-right.png) no-repeat top right;
 	width: 100%;
  height: 3px;
  font-size: 1px;
  	font-family: Arial, Helvetica, sans-serif;
}

.rounded-tab-unselected div {
  background: url(../images/roundedCorner/unselected-top-left.png) no-repeat top left;
	width: 100%;
  height: 3px;
  font-size: 1px;
  	font-family: Arial, Helvetica, sans-serif;

}

.roundedTab {
	background-color: red;	
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.smallCheckBox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.smallFont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.toCheck {
	background: #FFFF96;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.txtBoxWrongNumber {
	background-color: pink;
}

.txtPave{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	text-align: justify;
}
.progBar {
	margin: 1px;
	border: 1px solid dodgerblue;
}
.progBarRed {
	background-color: Red;
}
.progBarOrange {
	background-color: darkorange;
}
.progBarYellow {
	background-color: Yellow;
}
.progBarGreen {
	background-color: Lime;
}
.PanBorder {
	border: 2px solid Red;
}