/* PopupPanel */
.gwt-PopupPanel {
border: 0px !important;
}

.popupContent {
  	-webkit-box-shadow: 0 0 15px 3px #666666;
  	-moz-box-shadow: 0 0 15px 3px #666666;
  	-ms-box-shadow: 0 0 15px 3px #666666;
  	-o-box-shadow: 0 0 15px 3px #666666;
  	box-shadow: 0 0 15px 3px #666666;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	-ms-border-radius: 2px;
  	-o-border-radius: 2px;
  	border-radius: 2px;
  	border: 4px solid #c45b31;
  	margin: 2% auto;
	/*  padding: 10px; */
  	background: #eee; 
  	padding:10px;
}

.popupContent .gwt-Button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
    -moz-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
    -ms-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
    -o-box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
    box-shadow: inset 0 0 12px -4px #444444, 0 0 3px 0 #666666;
    background: #c45b31;
    background-color: #c45b31;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c45b31), color-stop(100%, #9b4827));
    background-image: -webkit-linear-gradient(top, #c45b31, #9b4827);
    background-image: -moz-linear-gradient(top, #c45b31, #9b4827);
    background-image: -ms-linear-gradient(top, #c45b31, #9b4827);
    background-image: -o-linear-gradient(top, #c45b31, #9b4827);
    background-image: linear-gradient(top, #c45b31, #9b4827);
    color: #eee;
    font-size: 0.9em;
    font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    padding: 10px;
    border: 1px solid #d47854;
    width: 100%; 
}
    
.popupContent .gwt-Button:hover {
      background: #9b4827; 
}

.popupContent .gwt-Button:active {
      background: #72351d; 
}

.gwt-Label-title{

}

.popupContent .gwt-Label-title {
	margin-bottom:20px;
	font-size: 130%;
	text-align:center;
	color:#000;
//	font-weight:bold;
}

.popupContent .gwt-Label{
 	margin-right:5px;   
 	margin-top:5px;
}



/* Login Window */
.loginManager, .loginManagerNewUser {
	
}

.loginManager .gwt-Label,
.loginManagerNewUser .gwt-Label {
    color: #c45b31;
    margin-top: 10px; 
}
    
    
.loginManager .gwt-Label-session,
.loginManager .gwt-Label-newUser,
.loginManagerNewUser .gwt-Label-session,
.loginManagerNewUser .gwt-Label-newUser {
    border-bottom: 1px solid #ccc;
    text-align: center;
    
    color: black;
    text-transform: none;
    margin-bottom: 20px;
    
    font-size:1.3em; 
}

.loginManager .gwt-TextBox,
.loginManager .gwt-PasswordTextBox,
.loginManagerNewUser .gwt-TextBox,
.loginManagerNewUser .gwt-PasswordTextBox {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    outline: none;
    width: 99%;
    height: 50px;
    border: 1px solid #ccc;
    margin-bottom: 2px;
    font-size: 1em; 
}

.loginManager .gwt-TextBox:focus,
.gwt-PasswordTextBox:focus,
.loginManagerNewUser .gwt-TextBox:focus,
.loginManagerNewUser .gwt-PasswordTextBox:focus {
	-webkit-box-shadow: 0 0 5px 2px #c45b31;
    -moz-box-shadow: 0 0 5px 2px #c45b31;
    -ms-box-shadow: 0 0 5px 2px #c45b31;
    -o-box-shadow: 0 0 5px 2px #c45b31;
    box-shadow: 0 0 5px 2px #c45b31; 
}

.loginManager .gwt-Button-login,
.loginManagerNewUser .gwt-Button-login {
	margin-top: 20px;
}

.loginManager .gwt-CheckBox,
.loginManagerNewUser .gwt-CheckBox {
	margin-top: 10px;
    clear: both;
    display: inline-block; 
    color:#666;
    font-size:0.7em;
}

.loginManager .gwt-CheckBox input,
.loginManagerNewUser .gwt-CheckBox input {
	margin: -2px 4px 0 0; 
}

.loginManager .gwt-Button-newUser,
.loginManager .gwt-Button-cancel,
.loginManagerNewUser .gwt-Button-newUser,
.loginManagerNewUser .gwt-Button-cancel {
    background: #ccc;
    color: #666;
    border-color: #ddd; 
}

.loginManager .gwt-Button-newUser:hover,
.loginManager .gwt-Button-cancel:hover,
.loginManagerNewUser .gwt-Button-newUser:hover,
.loginManagerNewUser .gwt-Button-cancel:hover {
	background: #bbb; 
}

.loginManager .gwt-Button-newUser:active,
.loginManager .gwt-Button-cancel:active,
.loginManagerNewUser .gwt-Button-newUser:active,
.loginManagerNewUser .gwt-Button-cancel:active {
    background: #666;
    color: #fff; 
}


/* Tiles colors  */

.p1-color-0 {
  background-color: #854747;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #854747), color-stop(100%, #b87a7a));
  background-image: -webkit-linear-gradient(120deg, #854747, #b87a7a);
  background-image: -moz-linear-gradient(120deg, #854747, #b87a7a);
  background-image: -ms-linear-gradient(120deg, #854747, #b87a7a);
  background-image: -o-linear-gradient(120deg, #854747, #b87a7a);
  background-image: linear-gradient(120deg, #854747, #b87a7a);
}
.p2-color-0 {
  background-color: #bf4095;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4095), color-stop(100%, #d98cbf));
  background-image: -webkit-linear-gradient(120deg, #bf4095, #d98cbf);
  background-image: -moz-linear-gradient(120deg, #bf4095, #d98cbf);
  background-image: -ms-linear-gradient(120deg, #bf4095, #d98cbf);
  background-image: -o-linear-gradient(120deg, #bf4095, #d98cbf);
  background-image: linear-gradient(120deg, #bf4095, #d98cbf);
}
.p3-color-0 {
  background-color: #5c8547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c8547), color-stop(100%, #8fb87a));
  background-image: -webkit-linear-gradient(120deg, #5c8547, #8fb87a);
  background-image: -moz-linear-gradient(120deg, #5c8547, #8fb87a);
  background-image: -ms-linear-gradient(120deg, #5c8547, #8fb87a);
  background-image: -o-linear-gradient(120deg, #5c8547, #8fb87a);
  background-image: linear-gradient(120deg, #5c8547, #8fb87a);
}
.p1-color-1 {
  background-color: #855a47;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #855a47), color-stop(100%, #b88d7a));
  background-image: -webkit-linear-gradient(120deg, #855a47, #b88d7a);
  background-image: -moz-linear-gradient(120deg, #855a47, #b88d7a);
  background-image: -ms-linear-gradient(120deg, #855a47, #b88d7a);
  background-image: -o-linear-gradient(120deg, #855a47, #b88d7a);
  background-image: linear-gradient(120deg, #855a47, #b88d7a);
}
.p2-color-1 {
  background-color: #bf408a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf408a), color-stop(100%, #d98cb9));
  background-image: -webkit-linear-gradient(120deg, #bf408a, #d98cb9);
  background-image: -moz-linear-gradient(120deg, #bf408a, #d98cb9);
  background-image: -ms-linear-gradient(120deg, #bf408a, #d98cb9);
  background-image: -o-linear-gradient(120deg, #bf408a, #d98cb9);
  background-image: linear-gradient(120deg, #bf408a, #d98cb9);
}
.p3-color-1 {
  background-color: #578547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #578547), color-stop(100%, #8ab87a));
  background-image: -webkit-linear-gradient(120deg, #578547, #8ab87a);
  background-image: -moz-linear-gradient(120deg, #578547, #8ab87a);
  background-image: -ms-linear-gradient(120deg, #578547, #8ab87a);
  background-image: -o-linear-gradient(120deg, #578547, #8ab87a);
  background-image: linear-gradient(120deg, #578547, #8ab87a);
}
.p1-color-2 {
  background-color: #856c47;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #856c47), color-stop(100%, #b89f7a));
  background-image: -webkit-linear-gradient(120deg, #856c47, #b89f7a);
  background-image: -moz-linear-gradient(120deg, #856c47, #b89f7a);
  background-image: -ms-linear-gradient(120deg, #856c47, #b89f7a);
  background-image: -o-linear-gradient(120deg, #856c47, #b89f7a);
  background-image: linear-gradient(120deg, #856c47, #b89f7a);
}
.p2-color-2 {
  background-color: #bf4080;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4080), color-stop(100%, #d98cb3));
  background-image: -webkit-linear-gradient(120deg, #bf4080, #d98cb3);
  background-image: -moz-linear-gradient(120deg, #bf4080, #d98cb3);
  background-image: -ms-linear-gradient(120deg, #bf4080, #d98cb3);
  background-image: -o-linear-gradient(120deg, #bf4080, #d98cb3);
  background-image: linear-gradient(120deg, #bf4080, #d98cb3);
}
.p3-color-2 {
  background-color: #528547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #528547), color-stop(100%, #85b87a));
  background-image: -webkit-linear-gradient(120deg, #528547, #85b87a);
  background-image: -moz-linear-gradient(120deg, #528547, #85b87a);
  background-image: -ms-linear-gradient(120deg, #528547, #85b87a);
  background-image: -o-linear-gradient(120deg, #528547, #85b87a);
  background-image: linear-gradient(120deg, #528547, #85b87a);
}
.p1-color-3 {
  background-color: #857e47;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #857e47), color-stop(100%, #b8b17a));
  background-image: -webkit-linear-gradient(120deg, #857e47, #b8b17a);
  background-image: -moz-linear-gradient(120deg, #857e47, #b8b17a);
  background-image: -ms-linear-gradient(120deg, #857e47, #b8b17a);
  background-image: -o-linear-gradient(120deg, #857e47, #b8b17a);
  background-image: linear-gradient(120deg, #857e47, #b8b17a);
}
.p2-color-3 {
  background-color: #bf4075;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4075), color-stop(100%, #d98cac));
  background-image: -webkit-linear-gradient(120deg, #bf4075, #d98cac);
  background-image: -moz-linear-gradient(120deg, #bf4075, #d98cac);
  background-image: -ms-linear-gradient(120deg, #bf4075, #d98cac);
  background-image: -o-linear-gradient(120deg, #bf4075, #d98cac);
  background-image: linear-gradient(120deg, #bf4075, #d98cac);
}
.p3-color-3 {
  background-color: #4d8547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d8547), color-stop(100%, #80b87a));
  background-image: -webkit-linear-gradient(120deg, #4d8547, #80b87a);
  background-image: -moz-linear-gradient(120deg, #4d8547, #80b87a);
  background-image: -ms-linear-gradient(120deg, #4d8547, #80b87a);
  background-image: -o-linear-gradient(120deg, #4d8547, #80b87a);
  background-image: linear-gradient(120deg, #4d8547, #80b87a);
}
.p1-color-4 {
  background-color: #788547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #788547), color-stop(100%, #abb87a));
  background-image: -webkit-linear-gradient(120deg, #788547, #abb87a);
  background-image: -moz-linear-gradient(120deg, #788547, #abb87a);
  background-image: -ms-linear-gradient(120deg, #788547, #abb87a);
  background-image: -o-linear-gradient(120deg, #788547, #abb87a);
  background-image: linear-gradient(120deg, #788547, #abb87a);
}
.p2-color-4 {
  background-color: #bf406a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf406a), color-stop(100%, #d98ca6));
  background-image: -webkit-linear-gradient(120deg, #bf406a, #d98ca6);
  background-image: -moz-linear-gradient(120deg, #bf406a, #d98ca6);
  background-image: -ms-linear-gradient(120deg, #bf406a, #d98ca6);
  background-image: -o-linear-gradient(120deg, #bf406a, #d98ca6);
  background-image: linear-gradient(120deg, #bf406a, #d98ca6);
}
.p3-color-4 {
  background-color: #478547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478547), color-stop(100%, #7ab87a));
  background-image: -webkit-linear-gradient(120deg, #478547, #7ab87a);
  background-image: -moz-linear-gradient(120deg, #478547, #7ab87a);
  background-image: -ms-linear-gradient(120deg, #478547, #7ab87a);
  background-image: -o-linear-gradient(120deg, #478547, #7ab87a);
  background-image: linear-gradient(120deg, #478547, #7ab87a);
}
.p1-color-5 {
  background-color: #668547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #668547), color-stop(100%, #99b87a));
  background-image: -webkit-linear-gradient(120deg, #668547, #99b87a);
  background-image: -moz-linear-gradient(120deg, #668547, #99b87a);
  background-image: -ms-linear-gradient(120deg, #668547, #99b87a);
  background-image: -o-linear-gradient(120deg, #668547, #99b87a);
  background-image: linear-gradient(120deg, #668547, #99b87a);
}
.p2-color-5 {
  background-color: #bf4060;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4060), color-stop(100%, #d98c9f));
  background-image: -webkit-linear-gradient(120deg, #bf4060, #d98c9f);
  background-image: -moz-linear-gradient(120deg, #bf4060, #d98c9f);
  background-image: -ms-linear-gradient(120deg, #bf4060, #d98c9f);
  background-image: -o-linear-gradient(120deg, #bf4060, #d98c9f);
  background-image: linear-gradient(120deg, #bf4060, #d98c9f);
}
.p3-color-5 {
  background-color: #47854d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47854d), color-stop(100%, #7ab880));
  background-image: -webkit-linear-gradient(120deg, #47854d, #7ab880);
  background-image: -moz-linear-gradient(120deg, #47854d, #7ab880);
  background-image: -ms-linear-gradient(120deg, #47854d, #7ab880);
  background-image: -o-linear-gradient(120deg, #47854d, #7ab880);
  background-image: linear-gradient(120deg, #47854d, #7ab880);
}
.p1-color-6 {
  background-color: #548547;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #548547), color-stop(100%, #87b87a));
  background-image: -webkit-linear-gradient(120deg, #548547, #87b87a);
  background-image: -moz-linear-gradient(120deg, #548547, #87b87a);
  background-image: -ms-linear-gradient(120deg, #548547, #87b87a);
  background-image: -o-linear-gradient(120deg, #548547, #87b87a);
  background-image: linear-gradient(120deg, #548547, #87b87a);
}
.p2-color-6 {
  background-color: #bf4055;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4055), color-stop(100%, #d98c99));
  background-image: -webkit-linear-gradient(120deg, #bf4055, #d98c99);
  background-image: -moz-linear-gradient(120deg, #bf4055, #d98c99);
  background-image: -ms-linear-gradient(120deg, #bf4055, #d98c99);
  background-image: -o-linear-gradient(120deg, #bf4055, #d98c99);
  background-image: linear-gradient(120deg, #bf4055, #d98c99);
}
.p3-color-6 {
  background-color: #478552;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478552), color-stop(100%, #7ab885));
  background-image: -webkit-linear-gradient(120deg, #478552, #7ab885);
  background-image: -moz-linear-gradient(120deg, #478552, #7ab885);
  background-image: -ms-linear-gradient(120deg, #478552, #7ab885);
  background-image: -o-linear-gradient(120deg, #478552, #7ab885);
  background-image: linear-gradient(120deg, #478552, #7ab885);
}
.p1-color-7 {
  background-color: #47854e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47854e), color-stop(100%, #7ab881));
  background-image: -webkit-linear-gradient(120deg, #47854e, #7ab881);
  background-image: -moz-linear-gradient(120deg, #47854e, #7ab881);
  background-image: -ms-linear-gradient(120deg, #47854e, #7ab881);
  background-image: -o-linear-gradient(120deg, #47854e, #7ab881);
  background-image: linear-gradient(120deg, #47854e, #7ab881);
}
.p2-color-7 {
  background-color: #bf404a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf404a), color-stop(100%, #d98c93));
  background-image: -webkit-linear-gradient(120deg, #bf404a, #d98c93);
  background-image: -moz-linear-gradient(120deg, #bf404a, #d98c93);
  background-image: -ms-linear-gradient(120deg, #bf404a, #d98c93);
  background-image: -o-linear-gradient(120deg, #bf404a, #d98c93);
  background-image: linear-gradient(120deg, #bf404a, #d98c93);
}
.p3-color-7 {
  background-color: #478557;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478557), color-stop(100%, #7ab88a));
  background-image: -webkit-linear-gradient(120deg, #478557, #7ab88a);
  background-image: -moz-linear-gradient(120deg, #478557, #7ab88a);
  background-image: -ms-linear-gradient(120deg, #478557, #7ab88a);
  background-image: -o-linear-gradient(120deg, #478557, #7ab88a);
  background-image: linear-gradient(120deg, #478557, #7ab88a);
}
.p1-color-8 {
  background-color: #478560;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478560), color-stop(100%, #7ab893));
  background-image: -webkit-linear-gradient(120deg, #478560, #7ab893);
  background-image: -moz-linear-gradient(120deg, #478560, #7ab893);
  background-image: -ms-linear-gradient(120deg, #478560, #7ab893);
  background-image: -o-linear-gradient(120deg, #478560, #7ab893);
  background-image: linear-gradient(120deg, #478560, #7ab893);
}
.p2-color-8 {
  background-color: #bf4040;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4040), color-stop(100%, #d98c8c));
  background-image: -webkit-linear-gradient(120deg, #bf4040, #d98c8c);
  background-image: -moz-linear-gradient(120deg, #bf4040, #d98c8c);
  background-image: -ms-linear-gradient(120deg, #bf4040, #d98c8c);
  background-image: -o-linear-gradient(120deg, #bf4040, #d98c8c);
  background-image: linear-gradient(120deg, #bf4040, #d98c8c);
}
.p3-color-8 {
  background-color: #47855c;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47855c), color-stop(100%, #7ab88f));
  background-image: -webkit-linear-gradient(120deg, #47855c, #7ab88f);
  background-image: -moz-linear-gradient(120deg, #47855c, #7ab88f);
  background-image: -ms-linear-gradient(120deg, #47855c, #7ab88f);
  background-image: -o-linear-gradient(120deg, #47855c, #7ab88f);
  background-image: linear-gradient(120deg, #47855c, #7ab88f);
}
.p1-color-9 {
  background-color: #478572;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478572), color-stop(100%, #7ab8a5));
  background-image: -webkit-linear-gradient(120deg, #478572, #7ab8a5);
  background-image: -moz-linear-gradient(120deg, #478572, #7ab8a5);
  background-image: -ms-linear-gradient(120deg, #478572, #7ab8a5);
  background-image: -o-linear-gradient(120deg, #478572, #7ab8a5);
  background-image: linear-gradient(120deg, #478572, #7ab8a5);
}
.p2-color-9 {
  background-color: #bf4a40;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf4a40), color-stop(100%, #d9938c));
  background-image: -webkit-linear-gradient(120deg, #bf4a40, #d9938c);
  background-image: -moz-linear-gradient(120deg, #bf4a40, #d9938c);
  background-image: -ms-linear-gradient(120deg, #bf4a40, #d9938c);
  background-image: -o-linear-gradient(120deg, #bf4a40, #d9938c);
  background-image: linear-gradient(120deg, #bf4a40, #d9938c);
}
.p3-color-9 {
  background-color: #478561;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478561), color-stop(100%, #7ab894));
  background-image: -webkit-linear-gradient(120deg, #478561, #7ab894);
  background-image: -moz-linear-gradient(120deg, #478561, #7ab894);
  background-image: -ms-linear-gradient(120deg, #478561, #7ab894);
  background-image: -o-linear-gradient(120deg, #478561, #7ab894);
  background-image: linear-gradient(120deg, #478561, #7ab894);
}
.p1-color-10 {
  background-color: #478585;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478585), color-stop(100%, #7ab8b8));
  background-image: -webkit-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -moz-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -ms-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -o-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: linear-gradient(120deg, #478585, #7ab8b8);
}
.p2-color-10 {
  background-color: #bf5540;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf5540), color-stop(100%, #d9998c));
  background-image: -webkit-linear-gradient(120deg, #bf5540, #d9998c);
  background-image: -moz-linear-gradient(120deg, #bf5540, #d9998c);
  background-image: -ms-linear-gradient(120deg, #bf5540, #d9998c);
  background-image: -o-linear-gradient(120deg, #bf5540, #d9998c);
  background-image: linear-gradient(120deg, #bf5540, #d9998c);
}
.p3-color-10 {
  background-color: #478566;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478566), color-stop(100%, #7ab899));
  background-image: -webkit-linear-gradient(120deg, #478566, #7ab899);
  background-image: -moz-linear-gradient(120deg, #478566, #7ab899);
  background-image: -ms-linear-gradient(120deg, #478566, #7ab899);
  background-image: -o-linear-gradient(120deg, #478566, #7ab899);
  background-image: linear-gradient(120deg, #478566, #7ab899);
}
.p1-color-11 {
  background-color: #477285;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #477285), color-stop(100%, #7aa5b8));
  background-image: -webkit-linear-gradient(120deg, #477285, #7aa5b8);
  background-image: -moz-linear-gradient(120deg, #477285, #7aa5b8);
  background-image: -ms-linear-gradient(120deg, #477285, #7aa5b8);
  background-image: -o-linear-gradient(120deg, #477285, #7aa5b8);
  background-image: linear-gradient(120deg, #477285, #7aa5b8);
}
.p2-color-11 {
  background-color: #bf6040;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf6040), color-stop(100%, #d99f8c));
  background-image: -webkit-linear-gradient(120deg, #bf6040, #d99f8c);
  background-image: -moz-linear-gradient(120deg, #bf6040, #d99f8c);
  background-image: -ms-linear-gradient(120deg, #bf6040, #d99f8c);
  background-image: -o-linear-gradient(120deg, #bf6040, #d99f8c);
  background-image: linear-gradient(120deg, #bf6040, #d99f8c);
}
.p3-color-11 {
  background-color: #47856b;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47856b), color-stop(100%, #7ab89e));
  background-image: -webkit-linear-gradient(120deg, #47856b, #7ab89e);
  background-image: -moz-linear-gradient(120deg, #47856b, #7ab89e);
  background-image: -ms-linear-gradient(120deg, #47856b, #7ab89e);
  background-image: -o-linear-gradient(120deg, #47856b, #7ab89e);
  background-image: linear-gradient(120deg, #47856b, #7ab89e);
}
.p1-color-12 {
  background-color: #476085;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #476085), color-stop(100%, #7a93b8));
  background-image: -webkit-linear-gradient(120deg, #476085, #7a93b8);
  background-image: -moz-linear-gradient(120deg, #476085, #7a93b8);
  background-image: -ms-linear-gradient(120deg, #476085, #7a93b8);
  background-image: -o-linear-gradient(120deg, #476085, #7a93b8);
  background-image: linear-gradient(120deg, #476085, #7a93b8);
}
.p2-color-12 {
  background-color: #bf6a40;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf6a40), color-stop(100%, #d9a68c));
  background-image: -webkit-linear-gradient(120deg, #bf6a40, #d9a68c);
  background-image: -moz-linear-gradient(120deg, #bf6a40, #d9a68c);
  background-image: -ms-linear-gradient(120deg, #bf6a40, #d9a68c);
  background-image: -o-linear-gradient(120deg, #bf6a40, #d9a68c);
  background-image: linear-gradient(120deg, #bf6a40, #d9a68c);
}
.p3-color-12 {
  background-color: #478570;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478570), color-stop(100%, #7ab8a3));
  background-image: -webkit-linear-gradient(120deg, #478570, #7ab8a3);
  background-image: -moz-linear-gradient(120deg, #478570, #7ab8a3);
  background-image: -ms-linear-gradient(120deg, #478570, #7ab8a3);
  background-image: -o-linear-gradient(120deg, #478570, #7ab8a3);
  background-image: linear-gradient(120deg, #478570, #7ab8a3);
}
.p1-color-13 {
  background-color: #474e85;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #474e85), color-stop(100%, #7a81b8));
  background-image: -webkit-linear-gradient(120deg, #474e85, #7a81b8);
  background-image: -moz-linear-gradient(120deg, #474e85, #7a81b8);
  background-image: -ms-linear-gradient(120deg, #474e85, #7a81b8);
  background-image: -o-linear-gradient(120deg, #474e85, #7a81b8);
  background-image: linear-gradient(120deg, #474e85, #7a81b8);
}
.p2-color-13 {
  background-color: #bf7540;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf7540), color-stop(100%, #d9ac8c));
  background-image: -webkit-linear-gradient(120deg, #bf7540, #d9ac8c);
  background-image: -moz-linear-gradient(120deg, #bf7540, #d9ac8c);
  background-image: -ms-linear-gradient(120deg, #bf7540, #d9ac8c);
  background-image: -o-linear-gradient(120deg, #bf7540, #d9ac8c);
  background-image: linear-gradient(120deg, #bf7540, #d9ac8c);
}
.p3-color-13 {
  background-color: #478575;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478575), color-stop(100%, #7ab8a8));
  background-image: -webkit-linear-gradient(120deg, #478575, #7ab8a8);
  background-image: -moz-linear-gradient(120deg, #478575, #7ab8a8);
  background-image: -ms-linear-gradient(120deg, #478575, #7ab8a8);
  background-image: -o-linear-gradient(120deg, #478575, #7ab8a8);
  background-image: linear-gradient(120deg, #478575, #7ab8a8);
}
.p1-color-14 {
  background-color: #544785;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #544785), color-stop(100%, #877ab8));
  background-image: -webkit-linear-gradient(120deg, #544785, #877ab8);
  background-image: -moz-linear-gradient(120deg, #544785, #877ab8);
  background-image: -ms-linear-gradient(120deg, #544785, #877ab8);
  background-image: -o-linear-gradient(120deg, #544785, #877ab8);
  background-image: linear-gradient(120deg, #544785, #877ab8);
}
.p2-color-14 {
  background-color: #bf8040;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf8040), color-stop(100%, #d9b38c));
  background-image: -webkit-linear-gradient(120deg, #bf8040, #d9b38c);
  background-image: -moz-linear-gradient(120deg, #bf8040, #d9b38c);
  background-image: -ms-linear-gradient(120deg, #bf8040, #d9b38c);
  background-image: -o-linear-gradient(120deg, #bf8040, #d9b38c);
  background-image: linear-gradient(120deg, #bf8040, #d9b38c);
}
.p3-color-14 {
  background-color: #47857a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47857a), color-stop(100%, #7ab8ad));
  background-image: -webkit-linear-gradient(120deg, #47857a, #7ab8ad);
  background-image: -moz-linear-gradient(120deg, #47857a, #7ab8ad);
  background-image: -ms-linear-gradient(120deg, #47857a, #7ab8ad);
  background-image: -o-linear-gradient(120deg, #47857a, #7ab8ad);
  background-image: linear-gradient(120deg, #47857a, #7ab8ad);
}
.p1-color-15 {
  background-color: #664785;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664785), color-stop(100%, #997ab8));
  background-image: -webkit-linear-gradient(120deg, #664785, #997ab8);
  background-image: -moz-linear-gradient(120deg, #664785, #997ab8);
  background-image: -ms-linear-gradient(120deg, #664785, #997ab8);
  background-image: -o-linear-gradient(120deg, #664785, #997ab8);
  background-image: linear-gradient(120deg, #664785, #997ab8);
}
.p2-color-15 {
  background-color: #bf8a40;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf8a40), color-stop(100%, #d9b98c));
  background-image: -webkit-linear-gradient(120deg, #bf8a40, #d9b98c);
  background-image: -moz-linear-gradient(120deg, #bf8a40, #d9b98c);
  background-image: -ms-linear-gradient(120deg, #bf8a40, #d9b98c);
  background-image: -o-linear-gradient(120deg, #bf8a40, #d9b98c);
  background-image: linear-gradient(120deg, #bf8a40, #d9b98c);
}
.p3-color-15 {
  background-color: #478580;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478580), color-stop(100%, #7ab8b3));
  background-image: -webkit-linear-gradient(120deg, #478580, #7ab8b3);
  background-image: -moz-linear-gradient(120deg, #478580, #7ab8b3);
  background-image: -ms-linear-gradient(120deg, #478580, #7ab8b3);
  background-image: -o-linear-gradient(120deg, #478580, #7ab8b3);
  background-image: linear-gradient(120deg, #478580, #7ab8b3);
}
.p1-color-16 {
  background-color: #784785;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #784785), color-stop(100%, #ab7ab8));
  background-image: -webkit-linear-gradient(120deg, #784785, #ab7ab8);
  background-image: -moz-linear-gradient(120deg, #784785, #ab7ab8);
  background-image: -ms-linear-gradient(120deg, #784785, #ab7ab8);
  background-image: -o-linear-gradient(120deg, #784785, #ab7ab8);
  background-image: linear-gradient(120deg, #784785, #ab7ab8);
}
.p2-color-16 {
  background-color: #bf9540;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf9540), color-stop(100%, #d9bf8c));
  background-image: -webkit-linear-gradient(120deg, #bf9540, #d9bf8c);
  background-image: -moz-linear-gradient(120deg, #bf9540, #d9bf8c);
  background-image: -ms-linear-gradient(120deg, #bf9540, #d9bf8c);
  background-image: -o-linear-gradient(120deg, #bf9540, #d9bf8c);
  background-image: linear-gradient(120deg, #bf9540, #d9bf8c);
}
.p3-color-16 {
  background-color: #478585;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478585), color-stop(100%, #7ab8b8));
  background-image: -webkit-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -moz-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -ms-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: -o-linear-gradient(120deg, #478585, #7ab8b8);
  background-image: linear-gradient(120deg, #478585, #7ab8b8);
}
.p1-color-17 {
  background-color: #85477e;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85477e), color-stop(100%, #b87ab1));
  background-image: -webkit-linear-gradient(120deg, #85477e, #b87ab1);
  background-image: -moz-linear-gradient(120deg, #85477e, #b87ab1);
  background-image: -ms-linear-gradient(120deg, #85477e, #b87ab1);
  background-image: -o-linear-gradient(120deg, #85477e, #b87ab1);
  background-image: linear-gradient(120deg, #85477e, #b87ab1);
}
.p2-color-17 {
  background-color: #bf9f40;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bf9f40), color-stop(100%, #d9c68c));
  background-image: -webkit-linear-gradient(120deg, #bf9f40, #d9c68c);
  background-image: -moz-linear-gradient(120deg, #bf9f40, #d9c68c);
  background-image: -ms-linear-gradient(120deg, #bf9f40, #d9c68c);
  background-image: -o-linear-gradient(120deg, #bf9f40, #d9c68c);
  background-image: linear-gradient(120deg, #bf9f40, #d9c68c);
}
.p3-color-17 {
  background-color: #478085;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478085), color-stop(100%, #7ab3b8));
  background-image: -webkit-linear-gradient(120deg, #478085, #7ab3b8);
  background-image: -moz-linear-gradient(120deg, #478085, #7ab3b8);
  background-image: -ms-linear-gradient(120deg, #478085, #7ab3b8);
  background-image: -o-linear-gradient(120deg, #478085, #7ab3b8);
  background-image: linear-gradient(120deg, #478085, #7ab3b8);
}
.p1-color-18 {
  background-color: #85476c;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85476c), color-stop(100%, #b87a9f));
  background-image: -webkit-linear-gradient(120deg, #85476c, #b87a9f);
  background-image: -moz-linear-gradient(120deg, #85476c, #b87a9f);
  background-image: -ms-linear-gradient(120deg, #85476c, #b87a9f);
  background-image: -o-linear-gradient(120deg, #85476c, #b87a9f);
  background-image: linear-gradient(120deg, #85476c, #b87a9f);
}
.p2-color-18 {
  background-color: #bfaa40;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfaa40), color-stop(100%, #d9cc8c));
  background-image: -webkit-linear-gradient(120deg, #bfaa40, #d9cc8c);
  background-image: -moz-linear-gradient(120deg, #bfaa40, #d9cc8c);
  background-image: -ms-linear-gradient(120deg, #bfaa40, #d9cc8c);
  background-image: -o-linear-gradient(120deg, #bfaa40, #d9cc8c);
  background-image: linear-gradient(120deg, #bfaa40, #d9cc8c);
}
.p3-color-18 {
  background-color: #477a85;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #477a85), color-stop(100%, #7aadb8));
  background-image: -webkit-linear-gradient(120deg, #477a85, #7aadb8);
  background-image: -moz-linear-gradient(120deg, #477a85, #7aadb8);
  background-image: -ms-linear-gradient(120deg, #477a85, #7aadb8);
  background-image: -o-linear-gradient(120deg, #477a85, #7aadb8);
  background-image: linear-gradient(120deg, #477a85, #7aadb8);
}
.p1-color-19 {
  background-color: #85475a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #85475a), color-stop(100%, #b87a8d));
  background-image: -webkit-linear-gradient(120deg, #85475a, #b87a8d);
  background-image: -moz-linear-gradient(120deg, #85475a, #b87a8d);
  background-image: -ms-linear-gradient(120deg, #85475a, #b87a8d);
  background-image: -o-linear-gradient(120deg, #85475a, #b87a8d);
  background-image: linear-gradient(120deg, #85475a, #b87a8d);
}
.p2-color-19 {
  background-color: #bfb540;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bfb540), color-stop(100%, #d9d28c));
  background-image: -webkit-linear-gradient(120deg, #bfb540, #d9d28c);
  background-image: -moz-linear-gradient(120deg, #bfb540, #d9d28c);
  background-image: -ms-linear-gradient(120deg, #bfb540, #d9d28c);
  background-image: -o-linear-gradient(120deg, #bfb540, #d9d28c);
  background-image: linear-gradient(120deg, #bfb540, #d9d28c);
}
.p3-color-19 {
  background-color: #477585;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #477585), color-stop(100%, #7aa8b8));
  background-image: -webkit-linear-gradient(120deg, #477585, #7aa8b8);
  background-image: -moz-linear-gradient(120deg, #477585, #7aa8b8);
  background-image: -ms-linear-gradient(120deg, #477585, #7aa8b8);
  background-image: -o-linear-gradient(120deg, #477585, #7aa8b8);
  background-image: linear-gradient(120deg, #477585, #7aa8b8);
}
/* gray color */
.p1-color-20 {
  background-color: #e3e3e3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(100%, #fafafa));
  background-image: -webkit-linear-gradient(120deg, #e3e3e3, #fafafa);
  background-image: -moz-linear-gradient(120deg, #e3e3e3, #fafafa);
  background-image: -ms-linear-gradient(120deg, #e3e3e3, #fafafa);
  background-image: -o-linear-gradient(120deg, #e3e3e3, #fafafa);
  background-image: linear-gradient(120deg, #e3e3e3, #fafafa);
}
/* disable color */
.p1-color-21 {
  background-color: #666;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%, #e3e3e3));
  background-image: -webkit-linear-gradient(120deg, #666, #e3e3e3);
  background-image: -moz-linear-gradient(120deg, #666, #e3e3e3);
  background-image: -ms-linear-gradient(120deg, #666, #e3e3e3);
  background-image: -o-linear-gradient(120deg, #666, #e3e3e3);
  background-image: linear-gradient(120deg, #666, #e3e3e3);
}


/* Top Menu */

.top-menu {
	background-color: #444;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444), color-stop(100%, #373737));
	background-image: -webkit-linear-gradient(top, #444, #373737);
	background-image: -moz-linear-gradient(top, #444, #373737);
	background-image: -ms-linear-gradient(top, #444, #373737);
	background-image: -o-linear-gradient(top, #444, #373737);
	background-image: linear-gradient(top, #444, #373737);
	border-bottom: 2px solid #C45B31;
	width: 100%;
	height: 60px;
}

.top-menu img{
	height:58px;
	margin-top:2px;
}


/* Buttons */

.grayButton{
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 0.7em;
	font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
	padding: 5px;
	border: 1px solid #BBB;
	
	background-color: #B3B3B3;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CCC), color-stop(100%, #B3B3B3));
	background-image: -webkit-linear-gradient(top, #CCC, #B3B3B3);
	background-image: -moz-linear-gradient(top, #CCC, #B3B3B3);
	background-image: -ms-linear-gradient(top, #CCC, #B3B3B3);
	background-image: -o-linear-gradient(top, #CCC, #B3B3B3);
	background-image: linear-gradient(top, #CCC, #B3B3B3);

	color: #666;
	
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.grayButton:hover {
      background: #CCC; 
}

.grayButton:active {
      background: #CCC; 
}


.topButton{
    float:right;
    margin-top: 5px;
    min-width:90px;
    margin-left: 10px;
    margin-right: 10px;
    color: #ccc;
    background-color: #4D4D4D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4D4D4D), color-stop(100%, #2F2F2F));
    background-image: -webkit-linear-gradient(top, #4D4D4D, #2F2F2F);
    background-image: -moz-linear-gradient(top, #4D4D4D, #2F2F2F);
    background-image: -ms-linear-gradient(top, #4D4D4D, #2F2F2F);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#4d4d4d", endColorStr="#2f2f2f");
    background-image: -o-linear-gradient(top, #4D4D4D, #2F2F2F);
    background-image: linear-gradient(top, #4D4D4D, #2F2F2F);
    text-align:center;
    float:right;
    font-size: 0.95em;
    font-family: "Share", "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
    cursor:pointer;
    outline:none;
    overflow:hidden;
    position:relative;
}

.topButton div{
    height:100%;
}

.topButton div:hover, .topButtonTab-selected, .topButton-Selected, .topButton:hover{
    background-color: #333333;
  	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  	background-image: -webkit-linear-gradient(top, #333333, #222222);
  	background-image: -moz-linear-gradient(top, #333333, #222222);
  	background-image: -ms-linear-gradient(top, #333333, #222222);
  	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#333333", endColorStr="#222222");
  	background-image: -o-linear-gradient(top, #333333, #222222);
  	background-image: linear-gradient(top, #333333, #222222);
}

.topButton .gwt-Image{
    width:25px;
    height:25px;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
}

.topButton .gwt-Label{
    margin-left:10px;
    margin-right:10px;
}

.topButton .gwt-Label:hover{
    background: transparent;
}

.topButtonTab{
    height: 54px;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-top: 1px solid #666;
    
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -ms-border-radius-topleft: 6px;
    -ms-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.topButtonTab-focus{
    border-left: 1px solid #C45B31;
    border-right: 1px solid #C45B31;
    border-top: 1px solid #C45B31;
    
    -webkit-box-shadow: 0 0 30px 0 #C45B31;
    -moz-box-shadow: 0 0 30px 0 #C45B31;
    -ms-box-shadow: 0 0 30px 0 #C45B31;
    -o-box-shadow: 0 0 30px 0 #C45B31;
    box-shadow: 0 0 30px 0 #C45B31;
}

.topButtonTab div:hover, .topButton-Selected div{
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -ms-border-radius-topleft: 6px;
    -ms-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.topButtonTab_labelCount{
position: absolute;
    right: -7px;
    background-color: white !important;
    top: 0;
    width: 16px;
    height: 16px !important;
    font-size: 12px;
    line-height: 16px;
    color: black;
    border-radius: 8px;
}

.topButtonTab_labelCount_Left{
	right:auto;
	left:-7px;
}

.topButtonNormal{
    height: 48px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #666;
}

.topButtonNormal-focus{
    border: 1px solid #C45B31;
    
    -webkit-box-shadow: 0 0 30px 0 #C45B31;
    -moz-box-shadow: 0 0 30px 0 #C45B31;
    -ms-box-shadow: 0 0 30px 0 #C45B31;
    -o-box-shadow: 0 0 30px 0 #C45B31;
    box-shadow: 0 0 30px 0 #C45B31;
}

.topButtonBack{
	float:left;
	position: initial;
}

.topButtonBack::before{
	content: " ";
	height: 48px;
	width: 23px;
	position: absolute;
	top: 5px;
	left: 2px;
	background: transparent;
	background-image: url("Pictures/icons/back-bg.png");
	background-size: 35px 48px;
}

.topButtonBack:hover::before{
	content: " ";
	height: 48px;
	width: 23px;
	position: absolute;
	top: 5px;
	left: 2px;
	background: transparent;
	background-image: url("Pictures/icons/back-bg-active.png");
	background-size: 35px 48px;
}

.topButtonNormal div:hover, .topButton-Selected div{
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.ChangePasswordLink{
	color:#C45B31;
	text-decoration:underline;
	cursor:pointer;
	margin-top:10px;
}

.Card{
	-webkit-print-color-adjust: exact;
	background-color: #4D4D4D;
	margin:5px;
}

.Card .gwt-Label{
	color:white;
}

.Card .letter {
	color:rgb(126,186,0);
	
}
.Card .letterBig {
	color:rgb(126,186,0);
	font-weight: bold;
	font-size:150%;
}
.Card .big {
	color:white;
	font-weight: bold;
	font-size:150%;
}



.button {
	display:inline-block;
	font-family:Open Sans, Arial, Helvetica, sans-serif;
	cursor:pointer;
	width:auto;
	padding:4px 12px;
	line-height:1.6em;
	font-size:1em;
	border-width:1px;
	border-style:solid;
	border-color:rgba(0,0,0,0.05)!important;
	text-shadow:  0 -1px 0 rgba(0,0,0,0.2);
	color:#fff!important;
	background-color:#F98123;
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	box-shadow:0 1px 0 rgba(255,255,255,0.3) inset;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08)));
	
}

.button:hover{
	color:#fff;	
	background-image: none;
}

.button:active{
	-moz-box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
	-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
	box-shadow:0 1px 0 rgba(0,0,0,0.1) inset;
}

.button.small{ font-size:1em; } 

.button.medium{ font-size:1.2em; }

.button.large{ font-size:1.5em; }

.button.magenta { background-color:#A7004A; }
.button.grey { background-color:#636363; }
.button.black { background-color:#424242; }
.button.red { background-color:#E32425; }
.button.green { background-color:#8CB902; }
.button.blue { background-color:#00AAEC; }
.button.yellow { background-color:#FBB10D; }
.button.orange { background-color:#F98123; }

.voucher
{
	background-color: #B3B3B3;
	margin: 10px;
	padding: 5px;
	float:left;
}

/*File upload*/

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
	text-align:center;
	margin-left:0px;
	cursor:pointer;
	margin-top: 0px !important;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 1000px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width: 100%;
	height: 100%;
}

.fileUpload_previewPanel{
	background-color:#e3e3e3;
	height: 150px;
	width: 100%;
	border: 1px solid #a3a3a3;
	-webkit-box-shadow: inset 0px 0px 20px 3px rgba(163,163,163,1);
	-moz-box-shadow: inset 0px 0px 20px 3px rgba(163,163,163,1);
	box-shadow: inset 0px 0px 20px 3px rgba(163,163,163,1);
}

.fileUpload_previewPanel_icon{
	background-image: url(Pictures/icons/picture_icon.png);
	width:100%;
	height:150px;
	opacity:0.1;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.fileUpload_previewPanel .gwt-HTML{
	font-size: 0.9em;
	color: #666;
	height: 100%;
	vertical-align: middle;
	line-height: 150px;
	height: 150px;
	margin-top:-150px;
}

.fileUpload_previewPanel img{
	max-height: 100%;
	max-width: 100%;
	margin: 0 auto;
}

/* DateTextBox */

.dateTextBox tr{
	display:block;
}

.dateListBox{
	vertical-align:middle;
}

.dateSeparator{
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	color:#444;
}

/*
Login With
*/

.LoginButton_Facebook{
background: #4166a1; /* Old browsers */
background-image: url(/Pictures/icons/facebookLogin.png);
background-image: url(/Pictures/icons/facebookLogin.png), -moz-linear-gradient(top,  #4166a1 0%, #32528b 100%); /* FF3.6+ */
background-image: url(/Pictures/icons/facebookLogin.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4166a1), color-stop(100%,#32528b)); /* Chrome,Safari4+ */
background-image: url(/Pictures/icons/facebookLogin.png), -webkit-linear-gradient(top,  #4166a1 0%,#32528b 100%); /* Chrome10+,Safari5.1+ */
background-image: url(/Pictures/icons/facebookLogin.png), -o-linear-gradient(top,  #4166a1 0%,#32528b 100%); /* Opera 11.10+ */
background-image: url(/Pictures/icons/facebookLogin.png), -ms-linear-gradient(top,  #4166a1 0%,#32528b 100%); /* IE10+ */
background-image: url(/Pictures/icons/facebookLogin.png), linear-gradient(to bottom,  #4166a1 0%,#32528b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4166a1', endColorstr='#32528b',GradientType=0 ); /* IE6-9 */
width:100%;
height: 45px;
margin-bottom: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:white;
font-size: 0.8em;
border:none;
border-top: solid rgb(112,141,185) 1px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(50,80,133,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(50,80,133,1);
box-shadow: 0px 0px 0px 1px rgba(50,80,133,1);
font-weight: bold;
background-repeat: no-repeat;
background-size: 51px 45px;
padding-left: 51px;
text-shadow: 0px 2px 1px rgba(27, 43, 71, 1);
outline: none;
}

.LoginButton_Google{
background: white; /* Old browsers */
background-image: url(/Pictures/icons/googleLogin.png?t=1);	
width:100%;
height: 45px;
margin-bottom: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:#666;
font-size: 0.8em;
border:none;
border-top: solid #f3f3f3 1px;
-webkit-box-shadow: 0px 0px 0px 1px #666;
-moz-box-shadow: 0px 0px 0px 1px #666;
box-shadow: 0px 0px 0px 1px #666;
font-weight: bold;
background-repeat: no-repeat;
background-size: 51px 45px;
padding-left: 51px;
text-shadow: 0px 2px 1px #ccc;
outline: none;
}

.LoginButton_LinkedIn{
background: #4e83b8; /* Old browsers */
background-image: url(/Pictures/icons/linkedinLogin.png);
background-image: url(/Pictures/icons/linkedinLogin.png), -moz-linear-gradient(top,  #4e83b8 0%, #3d6aa6 100%); /* FF3.6+ */
background-image: url(/Pictures/icons/linkedinLogin.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4e83b8), color-stop(100%,#3d6aa6)); /* Chrome,Safari4+ */
background-image: url(/Pictures/icons/linkedinLogin.png), -webkit-linear-gradient(top,  #4e83b8 0%,#3d6aa6 100%); /* Chrome10+,Safari5.1+ */
background-image: url(/Pictures/icons/linkedinLogin.png), -o-linear-gradient(top,  #4e83b8 0%,#3d6aa6 100%); /* Opera 11.10+ */
background-image: url(/Pictures/icons/linkedinLogin.png), -ms-linear-gradient(top,  #4e83b8 0%,#3d6aa6 100%); /* IE10+ */
background-image: url(/Pictures/icons/linkedinLogin.png), linear-gradient(to bottom,  #4e83b8 0%,#3d6aa6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e83b8', endColorstr='#3d6aa6',GradientType=0 ); /* IE6-9 */
width:100%;
height: 45px;
margin-bottom: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color:white;
font-size: 0.8em;
border:none;
border-top: solid rgb(123,163,202) 1px;
-webkit-box-shadow: 0px 0px 0px 1px rgba(52,89,132,1);
-moz-box-shadow: 0px 0px 0px 1px rgba(52,89,132,1);
box-shadow: 0px 0px 0px 1px rgba(52,89,132,1);
font-weight: bold;
background-repeat: no-repeat;
background-size: 51px 45px;
padding-left: 51px;
text-shadow: 0px 2px 1px rgba(37, 69, 100, 1);
outline: none;
}

.LoginButton_CustomOAuth{
	background: #e2e2e2; /* Old browsers */
	background-image: url(/Pictures/icons/googleLogin.png);
	background-image: url(/Pictures/icons/googleLogin.png), -moz-linear-gradient(top,  #c7c7c7 0%, #afafaf 100%); /* FF3.6+ */
	background-image: url(/Pictures/icons/googleLogin.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7c7c7), color-stop(100%,#afafaf)); /* Chrome,Safari4+ */
	background-image: url(/Pictures/icons/googleLogin.png), -webkit-linear-gradient(top,  #c7c7c7 0%,#afafaf 100%); /* Chrome10+,Safari5.1+ */
	background-image: url(/Pictures/icons/googleLogin.png), -o-linear-gradient(top,  #c7c7c7 0%,#afafaf 100%); /* Opera 11.10+ */
	background-image: url(/Pictures/icons/googleLogin.png), -ms-linear-gradient(top,  #c7c7c7 0%,#afafaf 100%); /* IE10+ */
	background-image: url(/Pictures/icons/googleLogin.png), linear-gradient(to bottom,  #c7c7c7 0%,#afafaf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#afafaf',GradientType=0 ); /* IE6-9 */
	width:100%;
	height: 45px;
	margin-bottom: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:white;
	font-size: 0.8em;
	border:none;
	border-top: solid rgb(255, 255, 255) 1px;
	-webkit-box-shadow: 0px 0px 0px 1px rgb(115, 115, 115);
	-moz-box-shadow: 0px 0px 0px 1px rgb(115, 115, 115);
	box-shadow: 0px 0px 0px 1px rgb(115, 115, 115);
	font-weight: bold;
	background-repeat: no-repeat;
	background-size: 51px 45px;
	padding-left: 51px;
	text-shadow: 0px 2px 1px rgb(60, 60, 60);
	outline: none;
}