/* ajax framework (yui2): buttons */
.yui-skin-sam .yui-button {
    font-size:  12.0833px;
    font-family: arial, helvetica, clean, sans-serif;
    line-height: 24px;
}
.yui-skin-sam .yui-button {
    min-height: 20px;
}
.yui-skin-sam .yui-button .default,
.yui-skin-sam .yui-button a.default:visited
{
    color: #FFFFFF;
}
.yui-skin-sam .yui-button.default {
    background-position: 0 -1400px;
    border-color: #304369;
}
a.af-buttonize {
    text-decoration: none;
    color:#000000;
    padding: 4px 20px;
}

.container-title {
        font-size: 14px;
        color: steelblue;
        text-shadow: 0 1px 0 #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
}

a.container-close {
        background-position: 0 0;
	overflow: hidden;
}
a.container-close:hover {
        background-position: -11px 0;
}

/*
 * Buttons
 */
input.button, button, .af-buttonize {
        cursor: pointer;
        padding: 4px 4px;
        margin-bottom: 1em;
        margin-right: 1em; /* LTR */
        text-align: center;
        font-size: 11px;
        font-family: "Lucida Grande", Verdana, sans-serif;
        border: 1px solid #e4e4e4;
        border-bottom: 1px solid #b4b4b4;
        border-left-color: #d2d2d2;
        border-right-color: #d2d2d2;
        background-color: #e3e3e3;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        min-width: 85px;
}

input.button:enabled:active, button:enabled:active, .af-buttonize:active {
        box-shadow: 0 0 3px #8AADE1;
        -moz-box-shadow: 0 0 3px #8AADE1;
        -webkit-box-shadow: 0 0 3px #8AADE1;
}

input.button:focus, button:focus, .af-buttonize:focus {
        outline: none;
        box-shadow: 0 0 3px #8AADE1;
        -moz-box-shadow: 0 0 3px #8AADE1;
        -webkit-box-shadow: 0 0 3px #8AADE1;
}

input.button:hover, button:hover, .af-buttonize:hover {
        text-shadow: #222 0 0 0;
        background-color:#d3d3d3;
        outline: none;
}

input.button[disabled], button[disabled], input.button[disabled]:active, button[disabled]:active, .af-buttonize[disabled] {
        background: #eee none;
        text-shadow: none;
        color: #999;
}

.default button, .default .af-buttonize {
        background: lightslategray;
        background: lightblue;
        background: steelblue;
        color: black;
}

.default button:hover, .default .af-buttonize:hover {
        background-color: slategray;
        color: white;
}

input.error {
	border-color: red !important;
	box-shadow: 0 0 3px red !important;
	-moz-box-shadow: 0 0 3px red !important;
	-webkit-box-shadow: 0 0 3px red !important;

}

.yui-skin-sam .yui-dt th, .yui-skin-sam .yui-dt th a {
	font-weight: bold;
}

.yui-dt-liner {
	font-size: 11px;
}

input, select, textarea
{
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
        
input[type=text], input[type=password], textarea
{
        border: 1px solid #bfc2c4;
        padding: 2px 2px 2px 2px;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
        margin: 0;
}
input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus
{
        outline:none;
        border-color: #d3d3d3;
        box-shadow: 0 0 3px #8AADE1; /* not supported pre-IE9, but border still applies */
        -moz-box-shadow: 0 0 3px #8AADE1;
        -webkit-box-shadow: 0 0 3px #8AADE1;
}
 
::-webkit-input-placeholder { color:#999; opacity: 0.7 !important; /* for chrome */ }
::-moz-placeholder { color:#999; opacity: 0.7 !important; /* for chrome */} /* firefox 19+ */
:-ms-input-placeholder { color:#999; } /* ie */
:-o-input-placeholder { color:#999; }
input:-moz-placeholder { color:#999; }

input.filterinput {
	background: #fff url(/imgs/search.png) no-repeat 7px 50%;
	padding: 2px 2px 2px 25px;
}

select {
        margin: 0;
        border: 1px solid #bfc2c4;
        padding: 1px 20px 1px 1px;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
        -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
        -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.08);

        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-padding-end: 20px;
        -moz-padding-end: 20px;

        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';

        background-image: url('/imgs/dropdown.png');
        background-position: right center;
        background-repeat: no-repeat;
}

input.error, textarea.error, select.error,
input.error:focus, textarea.error:focus, select.error:focus,
td.validation_error input,
td.validation_error textarea,
td.validation_error select {
        border-color: red;
        box-shadow: 0 0 3px red;
        -moz-box-shadow: 0 0 3px red;
        -webkit-box-shadow: 0 0 3px red;
}

/* FileDrop - hide the dropzone and Browse... when using <iframe> fallback on older browsers http://filedropjs.org/#sif */
.fd-zone {
  position: relative;
  overflow: hidden;
}
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}