/* CSS control styles
   Created 2011 by fettinma
===========================================================*/


/* Button
-----------------------------------------------------------*/

.button,
input[type="submit"]:not(.no-button) {
  display: inline-block;
  width: auto;
  min-width: 80px;
  height: auto;
  padding: 3px 3px 3px 3px;
  outline: none; 
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em;
  color: inherit;
  text-align: center;
  text-shadow: 0 0 2px #FFF;  
  text-decoration: none;
  border-top: 1px solid #AAA;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #666;
  border-left: 1px solid #AAA;
  border-radius: 4px;
  -moz-border-radius: 4px; /* Firefox 3.6 */
  -webkit-border-radius: 4px; /* Safari & Chrome */
  background: #FAAA00;
  background: linear-gradient(#F9DA9A, #FAAA00);
  background: -moz-linear-gradient(top, #F9DA9A, #FAAA00); /* Firefox 3.6 & Firefox 4.0 */
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F9DA9A), to(#FAAA00)); /* Safari & Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9DA9A', endColorstr='#FAAA00'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F9DA9A', endColorstr='#FAAA00')"; /* IE8 */
	box-shadow: inner 0 0 1px #FFF; 
  -moz-box-shadow: inset 0 0 1px #FFF;
  -webkit-box-shadow: inset 0 0 1px #FFF;
}

a.button, a.button:link, a.button:visited,
span.button {
  min-width: 72px !important;
  padding: 4px 3px;
  cursor: default;
  color: inherit;
}  

.button:active,
input[type="submit"]:not(.no-button):active,
a.button:active {
  border-top: 1px solid #666;
  border-bottom: 1px solid #AAA;
}

.button:hover,
input[type="submit"]:not(.no-button):hover,
a.button:hover {
  color: #000;
  text-decoration: none;
}

/* TextBox, PasswordBox
-----------------------------------------------------------*/

.text-box,
textarea,
input[type="text"],
input[type="password"] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 3px 3px 3px 3px;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em; 
  color: inherit;
  border-top: 1px solid #999;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 2px;
  -moz-border-radius: 2px; /* Firefox 3.6 */
  -webkit-border-radius: 2px; /* Safari & Chrome */
  background: #FFF;  
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.text-box:hover,
.text-box:focus,
textarea:hover,
textarea:focus,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
  border-top: 1px solid #666;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #AAA;
}

/* DropDownList, ComboBox, ListBox
-----------------------------------------------------------*/

.drop-down,
select {
  width: auto;
  height: auto;
  padding: 2px 2px 2px 0;
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em;
  color: inherit;
  border-top: 1px solid #999;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 2px;
  -moz-border-radius: 2px; /* Firefox 3.6 */
  -webkit-border-radius: 2px; /* Safari & Chrome */
  background: #FFF; 
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.list-box,
select[multiple="multiple"] {
  padding: 3px;
}

.drop-down:hover
.drop-down:focus,
select:hover,
select:focus {
  border-top: 1px solid #666;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #AAA;
}

.label-block {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 4px; /* 3px + 1px border (like TextBox) */
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em; 
  color: inherit;
}

/* CheckBox
-----------------------------------------------------------*/

.check-box,
input[type="checkbox"],
input[type="radio"] {
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em;
  vertical-align: middle;
}

/* ValidationSummary
-----------------------------------------------------------*/

ul.validation-summary {
  font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
  font-size: 1em;
  margin: 10px 0px 10px 15px;
  list-style-type: circle; 
}

/* All controls
-----------------------------------------------------------*/

.disabled {
  border: 1px solid #CCC !important;
  background: #EEE !important;
  color: inherit !important;
  text-shadow: none !important;  
}

.disabled:hover {
  border: 1px solid #CCC !important;
  background: #EEE !important;
  color: inherit !important;
}

/* Validation
-----------------------------------------------------------*/

.invalid, 
.invalid:hover, 
.invalid:focus,
.input-validation-error,
.input-validation-error:hover,
.input-validation-error:focus {
  border: 1px solid #FF0000 !important;
  background: #FFEEEE !important;
}

.field-validation-error {
  color: #FF0000;
}

.field-validation-valid {
  display: none;
}

.validation-summary-errors {
  color: #FF0000;
  margin: 10px 0px 10px 15px;
  list-style-type: circle; 
}

.validation-summary-valid {
  display: none;
}

/* Layer 
-----------------------------------------------------------*/

div.layer {
  background: transparent !important;
  background: rgba(0,0,0,0.8) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000) !important;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
}

div.layer div.layer-overlay {
  display: inline-block;
  background: #FFF;
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  text-align: left;
}

/* Fixes 
-----------------------------------------------------------*/

/*
.ajax__calendar_container td {
  font-size: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
}
*/