
/* autocomplete-list-core.css ****************************************************/
.yui3-aclist {
    position: absolute;
    z-index: 1;
}

.yui3-aclist-hidden { visibility: hidden; }

.yui3-aclist-aria {
    /* Hide from sighted users, show to screen readers. */
    left: -9999px;
    position: absolute;
}

.yui3-aclist-list {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.yui3-aclist-item {
    cursor: pointer;
    list-style: none;
    padding: 0.2em 0.5em;
}

.yui3-aclist-item-active { outline: #afafaf dotted thin;
}

/* autocomplete-list-skin.css   (sam) ****************************************************/
.yumiyet-skin .yui3-aclist-content,#bottom-menu a:hover{
    background-color: #f1f3f9;
    border: solid 1px #e6eaf4;
    color: #344579;
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.58);
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}

.yumiyet-skin .yui3-aclist-item-hover {
    background-color: #d8ddee;
    color: #273259;
}

.yumiyet-skin .yui3-aclist-item-active, form {
    background-color: #b0bcdd;
    color: #020204;
    outline: none;
}
#bottom-menu {margin-bottom:7px;}
#topmenu a,
.yumiyet-skin .yui3-button,#bottom-menu a{
    /* Structure */
    display: inline-block;
    *display: inline; /*IE 6/7*/
    zoom: 1;
    font-size: 100%;
    *font-size: 90%; /*IE 6/7 - To reduce IE's oversized button text*/
    *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
    padding: 0.4em 1em 0.45em; /*0.4em 1em 0.45em;*/
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    /* Presentation */
    /*color: #444;  rgba not supported (IE 8) */
    /*color: rgba(0, 0, 0, 0.80);  rgba supported */
    /**color: #444;  IE 6 & 7 */
    color: #0e1320;
    /*border: 1px solid #999;  IE 6/7/8*/
    /*border: none rgba(0, 0, 0, 0);  IE9 + everything else*/
    border: solid 1px;
    border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#00ffffff', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;

    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 2px rgba(255,255,255, 0.30) inset, 0 1px 2px rgba(0,0,0, 0.15);

    /* Transitions */
    -webkit-transition: 0.1s linear -webkit-box-shadow;
    -moz-transition: 0.1s linear -moz-box-shadow;
    -ms-transition: 0.1s linear box-shadow;
    -o-transition: 0.1s linear box-shadow;
    transition: 0.1s linear box-shadow;
}

.yumiyet-skin a.yui3-button {
    color: #0e1320;
    text-decoration:none;
}

.yumiyet-skin a.yui3-button-selected {
    color: #fbfcfe;
    text-decoration:none;
}
.yumiyet-skin .yui3-button-hover,#mid-menu a:hover,
.yumiyet-skin .yui3-button:hover
 {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #9fadd6;
    color: #020204;
}
#topmenu a:hover,
.TPWL-layout-row-c,
.yumiyet-skin .yui3-button-active,
.yumiyet-skin .yui3-button:active,
#mid-menu a {
    border: inset 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1A000000', endColorstr='#26000000', GradientType=0);
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;


    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset, 0 2px 4px rgba(0,0,0, 0.30) inset;
}

.yumiyet-skin .yui3-button[disabled],
.yumiyet-skin .yui3-button-disabled,
.yumiyet-skin .yui3-button-disabled:hover,
.yumiyet-skin .yui3-button-disabled:active {
    cursor: default;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=55);
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    opacity: 0.55;
    -webkit-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    -moz-box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;
    box-shadow: 0 0 1px rgba(0,0,0, 0.25) inset;

    background-color: #b0bcdd;
    color: #0e1320;


}

/* Firefox: Get rid of the inner focus border */
.yumiyet-skin .yui3-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

/* Firefox: Add a border around a focused button */
.yumiyet-skin .yui3-button:-moz-focusring {
    outline: thin dotted;
}


.yumiyet-skin .yui3-button-primary,
.yumiyet-skin .yui3-button-selected {
    background-color: #3355BA;
    color: #fbfcfe;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    border-color: #4f6fcf #294394 #294394 #4f6fcf;
}

.yumiyet-skin .yui3-button-primary:hover,
.yumiyet-skin .yui3-button-selected:hover {
    background-color: #2f4eac;
    color: #fbfcfe;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.25) inset, 0 2px 2px rgba(255, 255, 255, 0.17) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
}


.yumiyet-skin .yui3-sam .yui3-button:-moz-focusring {
    outline-color: rgba(0, 0, 0, 0.85);
}


.yumiyet-skin .yui3-night .yui3-button:-moz-focusring {
    outline-color: rgba(255, 255, 255, 0.85);
}
.yumiyet-skin .yui3-calendar-content {
    padding: 1em 1em 1.5em;
    border-radius: 8px;
    background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(241, 243, 249, 0) 49%, rgba(241, 243, 249, 0) 51%, rgba(187, 197, 226, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(241, 243, 249, 0)), color-stop(51%, rgba(241, 243, 249, 0)), color-stop(100%,rgba(187, 197, 226, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(241, 243, 249, 0) 49%, rgba(241, 243, 249, 0) 51%, rgba(187, 197, 226, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(241, 243, 249, 0) 49%, rgba(241, 243, 249, 0) 51%, rgba(187, 197, 226, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(241, 243, 249, 0) 49%, rgba(241, 243, 249, 0) 51%, rgba(187, 197, 226, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(241, 243, 249, 0) 49%, rgba(241, 243, 249, 0) 51%, rgba(187, 197, 226, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #f1f3f9;
    color: #344579;
    border: solid 1px;
    border-color: #fbfcfd #e6eaf4 #e6eaf4 #fbfcfd;
}

.yumiyet-skin .yui3-calendar-grid {
    padding: 5px;  /* any affect? */
    border-collapse: collapse;
}

.yumiyet-skin .yui3-calendar-header {
    padding-bottom:10px;
    color: #171f36;
}

.yumiyet-skin .yui3-calendar-header-label {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
}


.yumiyet-skin .yui3-calendar-day,
.yumiyet-skin .yui3-calendar-prevmonth-day,
.yumiyet-skin .yui3-calendar-nextmonth-day {
    padding: 0.16em 0.16em 0.24em;
    text-align: center;
}




.yumiyet-skin .yui3-calendar-weekday {
    font-weight: bold;
    background: {{weekdayHeadBackground}};
    color: #344579;
}

.yumiyet-skin .yui3-calendar-prevmonth-day,
.yumiyet-skin .yui3-calendar-nextmonth-day {
    background: #f1f3f9;
    color: #97a6d3;
    border: solid 1px #c6cee6;
}

.yumiyet-skin .yui3-calendar-day {
    font-weight: bold;
    background: #d8ddee;
    color: #273259;
    border: solid 1px #c6cee6;
}
.yumiyet-skin .yui3-calendar-day:hover,         /* When cursor   is used to navigate days */
.yumiyet-skin .yui3-calendar-day-highlighted {  /* When keyboard is used to navigate days */
    background: #bcc4e1;
    color: #13182a;
}

.yumiyet-skin .yui3-calendar-day-selected {
    background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;
}

.yumiyet-skin .yui3-calendar-day-selected:hover, /* When cursor hovers over selected days */
.yumiyet-skin .yui3-calendar-day-selected.yui3-calendar-day-highlighted { /* When keyboard focuses over selected days */
    background-color: #2f4eac;
    color: #fbfcfe;
}

.yumiyet-skin .yui3-calendar-header-label {
    text-align: center;
}

.yumiyet-skin .yui3-calendar-left-grid {
   margin-right:1em;
}

.yumiyet-skin .yui3-calendar-right-grid {
   margin-left:1em;
}

.yumiyet-skin .yui3-calendar-selection-disabled,
.yumiyet-skin .yui3-calendar-selection-disabled:hover {
  color: #97a6d3;
  background: #f1f3f9;
}
/**************** the following from calendarnavigator.css ******************/
.yumiyet-skin .yui3-calendarnav-prevmonth, .yumiyet-skin .yui3-calendarnav-nextmonth {
  color: #000000;  /*falls back to text if image not rendered */
  width: 12px;
  height: 14px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKNJREFUeNpiYCAeSAPxUiiWZqAi4ATiaiD+DMT/ofgzVIyTUsMDgfghksHo+CFUDcnAAIgP4DEYHR+A6iEIhIB4GgkGo+NpUDMwADMQFwHxBwoMh+EPULOYYYZ7APFVKhiMjkFmejBBLWFjoD5gQ+dQO4iwOloUiOdQYPgcqBkDl0zRQRQRGS2KGkVFHRB/QzL4G1SMk5qpQg6psJMjVhNAgAEAH+qPqeiPEUsAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
}

.yumiyet-skin .yui3-calendarnav-prevmonth:hover, .yumiyet-skin .yui3-calendarnav-nextmonth:hover {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPpJREFUeNpi/P//PwMxQD9jszSQ6oJyyy7O8H1KjD5GQhYADeYEUkVAXAHEPFDhL0DcAcR9QIu+k20B0PBAIDUBiOVwKHkExAVAS9aTZAHQYAOowfYMxIGDUIsu4LUAaLAQkGoB4kwG8sB0IK4BWvQOxQKgwcxAdj4Q1wExPwNl4CMQNwHxRKBFfxn10jd5ADm9QKzFQF1wDYiLmaAcNgbqA7CZTEBv7ADS2iDboN5joEIQgczSBpmNHsmiQKodiJPJNHwuEFcCDX49MMkUi0VRUB/hy2ggFy+jtKgohRYVnFDh79CiopuiogLNIjmobxigrn5EjD6AAAMAok9vhfHG8wQAAAAASUVORK5CYII=);
  color: #0066CC;
}

.yumiyet-skin .yui3-calendarnav-month-disabled, .yumiyet-skin .yui3-calendarnav-month-disabled:hover {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQhJREFUeNqs0yGLAlEUhuHrKoIgCFbBJghb3F+g0WrVarEqLIhBEEFYWKNNMBktU4z6C5RNkwyCyWQSTPuOfCOCrHNnxwMPyOGe73DAiTmOYywrhy/9/sTBZujN4k0KPbioi6teKuqCmsKGSN/10+q5ehN6QQkrLJB/Mp/Xm5VmAhdkMcEGZWNfZc1MlPGwII42dmiZ/1dLGW1lXhdU8YNvZEz0yijLy6z6FyTN6yvpX7DEOzo4vSD4pCwvc+lfcMEYBUwjhE+VMVbmw7/oiCY+sA4RvNZMUxmB38EWFTSwfxK815uKZkJ/yXMU0cf5rn9Wr6g3f1bC4nwvbIAZRup1Ay671a8AAwC3OzOqxK+rkwAAAABJRU5ErkJggg==);
  cursor: default;
  color: #CCCCCC;
}

.yumiyet-skin .yui3-calendarnav-prevmonth, .yumiyet-skin .yui3-calendarnav-prevmonth:hover {
  background-position: 0px 0px;
  margin-left:-12px;
}

.yumiyet-skin .yui3-calendarnav-nextmonth, .yumiyet-skin .yui3-calendarnav-nextmonth:hover {
  background-position: -12px 0px;
  margin-right: -12px;
}

.yumiyet-skin .yui3-calendarnav-prevmonth span, .yumiyet-skin .yui3-calendarnav-nextmonth span {
   display: none;
   *display: block;
}

/* basic skin styles */
.yumiyet-skin .yui3-datatable-table {
    margin: 0;
    padding: 0;
    font-family: arial, sans-serif;
    border-collapse: separate;
    border-spacing: 0;
    /* IE7- doesn't support border-spacing, but separate is needed for more
     * reliable dimension calculation for scrollable's header width sync,
     * and it doesn't hurt to have the declaration here.
     */
    /**border-collapse: collapse;*/
    border: solid 1px #e6eaf4;
}

.yumiyet-skin .yui3-datatable-caption {
    color: #adadad;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0em; /*1em 0;*/
    text-align: center;
}

.yumiyet-skin .yui3-datatable-cell {
    background-color: #f1f3f9;
    color: #344579;
}
.yumiyet-skin .yui3-datatable-cell,
.yumiyet-skin .yui3-datatable-header {
    border-left: 1px solid #e6eaf4; /*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
	overflow: visible; /*to make this work where the title is really long */
    padding: 0.3em 0.6em;
}
.yumiyet-skin .yui3-datatable-cell:first-child,
.yumiyet-skin .yui3-datatable-first-header {
    border-left-width: 0px;
}

.yumiyet-skin .yui3-datatable-header{
    background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(209, 215, 235, 0) 49%, rgba(209, 215, 235, 0) 51%, rgba(152, 166, 210, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(209, 215, 235, 0)), color-stop(51%, rgba(209, 215, 235, 0)), color-stop(100%,rgba(152, 166, 210, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(209, 215, 235, 0) 49%, rgba(209, 215, 235, 0) 51%, rgba(152, 166, 210, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(209, 215, 235, 0) 49%, rgba(209, 215, 235, 0) 51%, rgba(152, 166, 210, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(209, 215, 235, 0) 49%, rgba(209, 215, 235, 0) 51%, rgba(152, 166, 210, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(209, 215, 235, 0) 49%, rgba(209, 215, 235, 0) 51%, rgba(152, 166, 210, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #d1d7eb;
    color: #1c2440;

    /*font-weight: normal;*/
    text-align: left;
    vertical-align: bottom;
    white-space: nowrap;
}

.yumiyet-skin .yui3-datatable-even .yui3-datatable-cell {
}
.yumiyet-skin .yui3-datatable-odd  .yui3-datatable-cell  {
    background-color: #e6eaf4;
    color: #273259;
}
/************************  sortable ***************/
.yumiyet-skin .yui3-datatable-sortable-column {
    cursor: pointer;
}

/* this seems to be just the header of a sorted column */
.yumiyet-skin .yui3-datatable-columns .yui3-datatable-sorted,
.yumiyet-skin .yui3-datatable-sortable-column:hover {
    background-color: #b0bcdd;
    color: #0e1320;
}

.yumiyet-skin .yui3-datatable-sort-liner {
    display: block;
    height: 100%;
    position: relative;
    padding-right: 15px;
    position: relative;
}

.yumiyet-skin .yui3-datatable-sort-indicator {
    position: absolute;
    right: 0;
    bottom: .5ex;
    width: 7px;
    height: 10px;
    background: url(assets/images/sort-arrow-sprite.png) no-repeat 0 0;
    _background: url(assets/images/sort-arrow-sprite-ie.png) no-repeat 0 0;
    overflow: hidden;
}

.yumiyet-skin .yui3-datatable-sorted .yui3-datatable-sort-indicator {
    background-position: 0 -10px;
}
.yumiyet-skin .yui3-datatable-sorted-desc .yui3-datatable-sort-indicator {
    background-position: 0 -20px;
}

.yumiyet-skin .yui3-datatable-data .yui3-datatable-even .yui3-datatable-sorted {
    background-color: #dbe0f0;
    color: #12182b;
}

.yumiyet-skin .yui3-datatable-data .yui3-datatable-odd .yui3-datatable-sorted {
    background-color: #c9d0e8;
}

/* added */
.yumiyet-skin .yui3-datatable-columns .yui3-datatable-sorted {
    background-color: #b0bcdd;
}



/** dial-core.css *******************************/
v\:oval,
v\:shadow,
v\:fill {
    behavior: url(#default#VML);
    display: inline-block;
    zoom: 1; *display: inline; /* IE &lt; 8: fake inline-block */
}
.yui3-dial{
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	/*text-align:center;   This causes problems with the angle calc with longer labels*/
}
.yui3-dial-content,
.yui3-dial-ring{
	position:relative;
}
.yui3-dial-handle,
.yui3-dial-marker,
.yui3-dial-center-button,
.yui3-dial-reset-string,
.yui3-dial-handle-vml,
.yui3-dial-marker-vml,
.yui3-dial-center-button-vml,
.yui3-dial-ring-vml v\:oval,
.yui3-dial-center-button-vml v\:oval
{
	position:absolute;
}
.yui3-dial-center-button-vml v\:oval {
	font-size:1px;
	top:0;
	left:0;
}
.yui3-dial-content .yui3-dial-ring .yui3-dial-hidden v\:oval,
.yui3-dial-content .yui3-dial-ring .yui3-dial-hidden {
	/* [#2530206] using opacity instead of display:none;. display:none was mis-positioning the marker when we set the dial value on ring mousedown. */
	opacity:0;
	filter:alpha(opacity=0);
}

/** dial-skin.css  (sam) *******************************/
.yumiyet-skin .yui3-dial-handle{ /*container. top left corner used for trig positioning*/
    background-color: #3355BA;
	opacity:0.3;
	-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset;
	/*-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.9) inset; Chrome 7/Win bug*/
	cursor:pointer;
	font-size:1px;
}
.yumiyet-skin .yui3-dial-ring {
    background: -moz-linear-gradient(-45deg, rgba(255,255,255, 0.1) 0%, rgba(255,255,255,0) 39%, rgba(0,0,0,0) 40%, rgba(0,0,0, 0.2) 100%);
    background-color: #f1f3f9;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4) inset; /*Chrome 7/Win bug*/
	-moz-box-shadow:1px 1px 5px rgba(0, 0, 0, 0.4) inset;
}
.yumiyet-skin .yui3-dial-center-button{
    background: -moz-radial-gradient(30% 30% 0deg, circle farthest-side, rgba(255,255,255, 0.3) 24%, rgba(255,255,255, 0) 41%, rgba(0,0,0, 0) 42%, rgba(0,0,0, 0.2) 83%) repeat scroll 0 0 transparent;
    background-color: #d1d7eb;
	box-shadow:-1px -1px 2px rgba(0, 0, 0, 0.3) inset, 1px 1px 2px rgba(0, 0, 0, 0.5);
	cursor:pointer;
	opacity:0.7;
	/*text-align:center;*/
}
.yumiyet-skin .yui3-dial-reset-string{
    color: #1c2440;
	font-size:85%;
	text-decoration:underline;
}
.yumiyet-skin .yui3-dial-label{
	color:    #4f4f4f; /* this sits directly on page background */
	margin-bottom:0.8em;
}
.yumiyet-skin .yui3-dial-value-string{
	margin-left:0.5em;
	color: #262626;   /*this sits directly on page background */
	font-size:130%;
}
.yumiyet-skin .yui3-dial-value {
	visibility:visible;
	position:absolute;
	top:0;
	left:0;
	width:4em;
}

.yumiyet-skin .yui3-dial-north-mark{
	position:absolute;
	border-left:2px solid #adadad;
	height:5px;
	width:10px;
	left:50%;
	top:-7px;
	font-size:1px;
}
.yumiyet-skin .yui3-dial-marker {
	background-color: #171f36;
	opacity:0.2;
	font-size:1px;
}
.yumiyet-skin .yui3-dial-marker-max-min{
	background-color:#AB3232;  /*red for max/min*/
	opacity:0.6;
}
.yumiyet-skin .yui3-dial-ring-vml,
.yumiyet-skin .yui3-dial-center-button-vml,
.yumiyet-skin .yui3-dial-marker v\:oval.yui3-dial-marker-max-min,
.yumiyet-skin v\:oval.yui3-dial-marker-max-min,
.yumiyet-skin .yui3-dial-marker-vml,
.yumiyet-skin .yui3-dial-handle-vml {
    background: none;
    opacity:0;
}
/********************************/


/** from overlay-core.css ***************************/
.yui3-overlay {
    position:absolute;
}

.yui3-overlay-hidden {
    visibility:hidden
}

.yui3-widget-tmp-forcesize .yui3-overlay-content {
    overflow:hidden !important;
}

/** added ***************************************/
.yumiyet-skin .yui3-overlay-content .yui3-widget-hd,
.yumiyet-skin .yui3-overlay-content .yui3-widget-bd,
.yumiyet-skin .yui3-overlay-content .yui3-widget-ft {
    background-color: #f1f3f9;
    border: solid 1px #e6eaf4;
    border-bottom: none;
    padding: 0.3em 0.5em;
    color: #344579;
}
.yumiyet-skin .yui3-overlay-content .yui3-widget-ft {
    border-bottom: solid 1px #e6eaf4;
}

/** from panel-core.css *****************************************/
.yui3-panel {
    position: absolute;
}
.yui3-panel-hidden {
    visibility: hidden;
}
.yui3-widget-tmp-forcesize .yui3-panel-content {
    overflow: hidden !important;
}
.yui3-panel .yui3-widget-hd {
    position: relative;
}
.yui3-panel .yui3-widget-hd .yui3-widget-buttons {
    position: absolute;
    top: 0;
    right: 0;
}
.yui3-panel .yui3-widget-ft .yui3-widget-buttons {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/** from panel-skin.css (sam)***************************************/
.yumiyet-skin .yui3-panel-content {
    -webkit-box-shadow: 2 2 7px rgba(0,0,0,0.15);
    -moz-box-shadow: 2 2 7px rgba(0,0,0,0.15);
    box-shadow: 2px 2px 7px rgba(0,0,0,0.15);
    border: solid 1px #c9d0e8;
    background-color: #f1f3f9;
    color: #344579;
    border-radius: 4px;
}
.yumiyet-skin .yui3-panel .yui3-widget-hd {
    padding: 0.5em; /* Room for close button. */
    padding-right: 40px; /* Room for Close button */
    min-height: 13px;           /* For the close button */
    _height: 13px;              /* IE6 */
    color: #0e1320;
    background: background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;
    border-radius: 4px 4px 0 0;


    /*
    TODO: Add support for IE and W3C gradients
    */
}
.yumiyet-skin .yui3-panel .yui3-widget-hd .yui3-widget-buttons {
    padding: 0.2em;
}
.yumiyet-skin .yui3-panel .yui3-widget-bd {
    padding: 0.5em;
}
.yumiyet-skin .yui3-panel .yui3-widget-ft {
	background: #dbe0f0;
	padding: 0.5em;
    text-align: right;
    border-radius: 0 0 4px 4px;
}
.yumiyet-skin .yui3-panel .yui3-widget-ft .yui3-button {
    margin-left: 8px;
}

/*
Support for icon-based [x] "close" button in the header.

Nicolas Gallagher: "CSS image replacement with pseudo-elements (NIR)"
http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
*/
.yumiyet-skin .yui3-panel .yui3-widget-hd .yui3-button-close {
    /* Reset base button styles */
    background: transparent;
    filter: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    /* Structure */
    width: 13px;
    height: 13px;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
    /* IE less than 8 :( */
    *font-size: 0;
    *line-height: 0;
    *letter-spacing: -1000px;
    *color: #86A5EC;
    *background: url(assets/images/sprite_icons.png) no-repeat 1px 1px;
}
.yumiyet-skin .yui3-panel .yui3-widget-hd .yui3-button-close:before {
    /*
    Displays the [x] icon in place of the "Close" text.
    Note: The `width` of this pseudo element is the same as its "host" element.
    */
    content: url(assets/images/sprite_icons.png);
    display: inline-block;
    text-align: center;
    font-size: 0;
    line-height: 0;
    width: 13px;
    margin: 1px 0 0 1px;
}
.yumiyet-skin .yui3-panel-hidden .yui3-widget-hd .yui3-button-close {
    /* Required for IE > 7 to deal with pseudo :before element */
    display: none;
}

/********  scrollview-base-skin.css **********************************************/
.yumiyet-skin .yui3-scrollview {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
/******** scrollview-scrollbars-skin.css   (sam) *************************************/
.yumiyet-skin .yui3-scrollview-scrollbar {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate(0, 0);
}

.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-first,
.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-middle,
.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-last {
    border-radius:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
/*    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABJJREFUeNpiZGBgSGPAAgACDAAIkABoFyloZQAAAABJRU5ErkJggg==); */
    background-color: #d1d7eb;
    /* opacity */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
    filter: alpha(opacity=50); /* IE 5-7 */
    -moz-opacity: 0.5; /* Netscape */
    -khtml-opacity: 0.5; /* Safari 1.x */
    opacity: 0.5;
}}

.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-first,
.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-last {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;

    -webkit-border-bottom-right-radius:0;
    -webkit-border-bottom-left-radius:0;

    -moz-border-radius-bottomright:0;
    -moz-border-radius-bottomleft:0;
}

.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-last {
    border-radius:0;
    border-bottom-right-radius:3px;
    border-bottom-left-radius:3px;

    -webkit-border-radius:0;
    -webkit-border-bottom-right-radius:3px;
    -webkit-border-bottom-left-radius:3px;
    -webkit-transform: translate3d(0, 0, 0);

    -moz-border-radius:0;
    -moz-border-radius-bottomright:3px;
    -moz-border-radius-bottomleft:3px;
    -moz-transform: translate(0, 0);
}

.yumiyet-skin .yui3-scrollview-scrollbar .yui3-scrollview-middle {
    border-radius:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;

    -webkit-transform: translate3d(0,0,0) scaleY(1);
    -webkit-transform-origin-y: 0;

    -moz-transform: translate(0,0) scaleY(1);
    -moz-transform-origin: 0 0;
}

.yumiyet-skin .yui3-scrollview-scrollbar-horiz .yui3-scrollview-first,
.yumiyet-skin .yui3-scrollview-scrollbar-horiz .yui3-scrollview-last {
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;

    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 3px;

    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 3px;
}

.yumiyet-skin .yui3-scrollview-scrollbar-horiz .yui3-scrollview-last {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;

    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 3px;

    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 3px;
}

.yumiyet-skin .yui3-scrollview-scrollbar-horiz .yui3-scrollview-middle {
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: 0 0;

    -moz-transform: translate(0,0) scaleX(1);
    -moz-transform-origin: 0 0;
}

.yumiyet-skin .yui3-scrollview-scrollbar-vert-basic .yui3-scrollview-child,
.yumiyet-skin .yui3-scrollview-scrollbar-horiz-basic .yui3-scrollview-child {
    background-color: #aaa;  /* where does this display? */
    background-image: none;
}
/******** scrollview-scrollbars-core.css *******************************/
.yui3-scrollview-scrollbar {
    opacity: 1;
    position: absolute;
    width: 6px;
    height: 10px;
}

.yui3-scrollview-scrollbar {
    top: 0;
    right: 1px;
}

.yui3-scrollview-scrollbar-horiz {
    top:auto;
    height: 8px;
    width: 20px;
    bottom: 1px;
    left: 0;
}

.yui3-scrollview-scrollbar .yui3-scrollview-child {
    position: absolute;
    right: 0px;
    display: block;
    width: 100%;
    height: 4px;
}

.yui3-scrollview-scrollbar .yui3-scrollview-first {
    top: 0;
}

.yui3-scrollview-scrollbar .yui3-scrollview-last {
    top: 0;
}

.yui3-scrollview-scrollbar .yui3-scrollview-middle {
    position: absolute;
    top: 4px;
    height: 1px;
}

.yui3-scrollview-scrollbar-horiz .yui3-scrollview-child {
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;

    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}

.yui3-scrollview-scrollbar-horiz .yui3-scrollview-first,
.yui3-scrollview-scrollbar-horiz .yui3-scrollview-last {
    width: 4px;
    height: 6px;
}

.yui3-scrollview-scrollbar-horiz .yui3-scrollview-middle {
    top: 0;
    left: 4px;
    width: 1px;
    height: 6px;
}

.yui3-scrollview-scrollbar-vert-basic {
    height:auto;
}

.yui3-scrollview-scrollbar-vert-basic .yui3-scrollview-child {
    position:static;
    _overflow:hidden;
    _line-height:4px;
}

.yui3-scrollview-scrollbar-horiz-basic {
    width:auto;
    white-space:nowrap;
    line-height:6px;
    _overflow:hidden;
}

.yui3-scrollview-scrollbar-horiz-basic .yui3-scrollview-child {
    position:static;

    padding:0;
    margin:0;

    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
}
/******** scrollview-list-skin.css  (sam) *****************************/
.yumiyet-skin .yui3-scrollview {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.yumiyet-skin .yui3-scrollview{
	background-color: #f1f3f9;
}
/* For IE 6/7 - needs a background color (above) to pick up events, and zoom, to fill the UL */
.yumiyet-skin .yui3-scrollview-vert .yui3-scrollview-content .yui3-scrollview-item {
    *zoom:1;
}

/* For IE7 - needs zoom, otherwise clipped content is not rendered */
.yumiyet-skin .yui3-scrollview-vert .yui3-scrollview-content .yui3-scrollview-list {
    *zoom:1;
	list-style:none; /*need these since reset is not required*/
	padding:0; /*need these since reset is not required*/
	margin:0; /*need these since reset is not required*/
}

.yumiyet-skin .yui3-scrollview-content,
.yumiyet-skin .yui3-scrollview-vert .yui3-scrollview-content {
    border:1px solid #e6eaf4; /* remove the ScrollView border here */
    /*border-top:0; Remove the top border if needed */
	background-color: transparent;
	font-family: HelveticaNeue,arial,helvetica,clean,sans-serif;
	color:black;
}
                                        /*jeff can't find this ... -item class */
.yumiyet-skin .yui3-scrollview-vert .yui3-scrollview-content .yui3-scrollview-item {
    border-bottom: 1px solid #f00;
    padding: 15px 20px 16px;   /*jeff: not implemented since can't find -item class */
    font-size: 100%;
    font-weight: bold;
    background-color: #f00;
	cursor:pointer;
}


/******** These are not needed, just added for presentation ********/
.yumiyet-skin .yui3-scrollview-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.yumiyet-skin .yui3-scrollview-content li {
    padding: 0.3em 0.5em;
    border-bottom: solid 1px #d8ddee;
    color: #344579;
}
.yumiyet-skin .yui3-scrollview-content li:hover {
    background: #d8ddee;
    /*border-bottom: solid 1px #d8ddee;*/
    color: #090c15;
}
/******** end of just added for presentation ********/

/** slider-base-core.css *********************************************/
.yui3-slider,
.yui3-slider-rail {
    /* xbrowser inline-block styles */
    display: -moz-inline-stack; /* FF2 */
    display: inline-block;
    *display: inline; /* IE 7- (with zoom) */
    zoom: 1;
    vertical-align: middle;
}

.yui3-slider-content {
    position: relative;
    display: block;
}
.yui3-slider-rail {
    position: relative;
}

.yui3-slider-rail-cap-top,
.yui3-slider-rail-cap-left,
.yui3-slider-rail-cap-bottom,
.yui3-slider-rail-cap-right,
.yui3-slider-thumb,
.yui3-slider-thumb-image,
.yui3-slider-thumb-shadow {
    position: absolute;
}

.yui3-slider-thumb {
    overflow: hidden;
}


/** slider-base-skin.css (sam)***************************************/
/* Horizontal Slider */

/* Use thumbUrl /build/slider-base/assets/skins/sam/thumb-x.png */

.yumiyet-skin .yui3-slider-x .yui3-slider-rail,
.yumiyet-skin .yui3-slider-x .yui3-slider-rail-cap-left,
.yumiyet-skin .yui3-slider-x .yui3-slider-rail-cap-right {
    background-image: none;
}

.yumiyet-skin .yui3-slider-x .yui3-slider-rail {
    height: 26px;
}
.yumiyet-skin .yui3-slider-x .yui3-slider-thumb {
    background-color: #dbe0f0;
    height: 18px;
    width: 12px;
    border: solid 1px #bfc8e3;
    border-color: #bfc8e3 #b1bbdd #b1bbdd #bfc8e3;
    border-radius: 50% 50% 3px 3px;
    margin-top: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), -1px -1px 3px rgba(0, 0, 0, 0.15) inset;
}

.yumiyet-skin .yui3-slider-x .yui3-slider-rail-cap-left {
    background-color: #f1f3f9;
    font-size: 1px; /* for IE 6 */
    height: 2px;
    left: -4px;
    width: 100%;
    border: solid 1px #ddd;
    border-color: #bbc4e2 #e6eaf4 #e6eaf4 #bbc4e2;
    border-right: none;
    margin-top: 0.5em;
    border-radius: 2px 0 0 2px;
}
.yumiyet-skin .yui3-slider-x .yui3-slider-rail-cap-right {
    background-color: #f1f3f9;
    font-size: 1px; /* for IE 6 */
    height: 2px;
    right: -4px;
    width: 8px;
    border: solid 1px #ddd;
    border-color: #bbc4e2 #e6eaf4 #e6eaf4 #bbc4e2;
    border-left: none;
    margin-top: 0.5em;
    border-radius: 0 2px 2px 0;
}

.yumiyet-skin .yui3-slider-x .yui3-slider-thumb-image,
.yumiyet-skin .yui3-slider-x .yui3-slider-thumb-shadow {
    display: none;
}

/* Vertical Slider */

.yumiyet-skin .yui3-slider-y .yui3-slider-rail,
.yumiyet-skin .yui3-slider-y .yui3-slider-rail-cap-top,
.yumiyet-skin .yui3-slider-y .yui3-slider-rail-cap-bottom {
    background-image: none;
}

.yumiyet-skin .yui3-slider-y .yui3-slider-rail {
    width: 26px;
}
.yumiyet-skin .yui3-slider-y .yui3-slider-thumb {
    background-color: #dbe0f0;
    height: 12px;
    width: 18px;
    border: solid 1px #bfc8e3;
    border-color: #bfc8e3 #b1bbdd #b1bbdd #bfc8e3;
    border-radius: 50% 3px 3px 50%;
    margin-left: 5px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15), -1px -1px 3px rgba(0, 0, 0, 0.15) inset;
}

.yumiyet-skin .yui3-slider-y .yui3-slider-rail-cap-top {
    background-color: #f1f3f9;
    width: 2px;
    top: -4px;
    height: 100%;
    border: solid 1px #ddd;
    border-color: #bbc4e2 #e6eaf4 #e6eaf4 #bbc4e2;
    border-bottom: none;
    margin-left: 0.5em;
    border-radius: 2px 2px 0 0;
}
.yumiyet-skin .yui3-slider-y .yui3-slider-rail-cap-bottom {
    background-color: #f1f3f9;
    width: 2px;
    bottom: -4px;
    height: 8px;
    border: solid 1px #ddd;
    border-color: #bbc4e2 #e6eaf4 #e6eaf4 #bbc4e2;
    border-top: none;
    margin-left: 0.5em;
    border-radius: 0 0 2px 2px;
}

.yumiyet-skin .yui3-slider-y .yui3-slider-thumb-image,
.yumiyet-skin .yui3-slider-y .yui3-slider-thumb-shadow {
    display: none;
}


.yumiyet-skin .yui3-tabview-list {
    border:solid #294394; /* color between tab list and content */
    border-width:0 0 5px;
    zoom:1;
}

.yumiyet-skin .yui3-tab {
    margin:0 0.2em 0 0;
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}

.yumiyet-skin .yui3-tab-selected {
    margin-bottom:-1px; /* for overlap (mapped to tabview-list border-width) */
}

.yumiyet-skin .yui3-tab-label {
    background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(176, 188, 221, 0)), color-stop(51%, rgba(176, 188, 221, 0)), color-stop(100%,rgba(119, 140, 197, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(176, 188, 221, 0) 49%, rgba(176, 188, 221, 0) 51%, rgba(119, 140, 197, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #b0bcdd;
    border-style: solid;
    border-color: #d1d8eb #a6b3d9 #a6b3d9 #d1d8eb;
    border-width: 1px 1px 0 1px;
    cursor:pointer;
    font-size:85%;
    padding: 0.3em 0.75em;
    text-decoration:none;
    color: #0e1320;
    border-radius: 4px 4px 0 0;
}

.yumiyet-skin .yui3-tab-label:hover,
.yumiyet-skin .yui3-tab-label:focus {
    background:    -moz-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(159, 173, 214, 0) 49%, rgba(159, 173, 214, 0) 51%, rgba(98, 120, 188, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 253, 0.3)), color-stop(49%, rgba(159, 173, 214, 0)), color-stop(51%, rgba(159, 173, 214, 0)), color-stop(100%,rgba(98, 120, 188, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(159, 173, 214, 0) 49%, rgba(159, 173, 214, 0) 51%, rgba(98, 120, 188, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(159, 173, 214, 0) 49%, rgba(159, 173, 214, 0) 51%, rgba(98, 120, 188, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 253, 0.3) 0%, rgba(159, 173, 214, 0) 49%, rgba(159, 173, 214, 0) 51%, rgba(98, 120, 188, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 253, 0.3) 0%, rgba(159, 173, 214, 0) 49%, rgba(159, 173, 214, 0) 51%, rgba(98, 120, 188, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #9fadd6;
    color: #020204;
    border: solid 1px;
    border-color: #bbc5e2 #8d9dce #8d9dce #bbc5e2;
    border-bottom: none;
    outline:0;
}

.yumiyet-skin .yui3-tab-selected .yui3-tab-label {
    background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(51, 85, 186, 0)), color-stop(51%, rgba(51, 85, 186, 0)), color-stop(100%,rgba(20, 33, 72, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(51, 85, 186, 0) 49%, rgba(51, 85, 186, 0) 51%, rgba(20, 33, 72, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #3355BA;
    color: #fbfcfe;
    border: solid 1px;
    border-color: #4f6fcf #294394 #294394 #4f6fcf;
}
/* separated out hover state for selected tab */
.yumiyet-skin .yui3-tab-selected .yui3-tab-label:hover,
.yumiyet-skin .yui3-tab-selected .yui3-tab-label:focus {
    background:    -moz-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(47, 78, 172, 0) 49%, rgba(47, 78, 172, 0) 51%, rgba(16, 27, 60, 0.3) 100%);
    background:  -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 252, 254, 0.3)), color-stop(49%, rgba(47, 78, 172, 0)), color-stop(51%, rgba(47, 78, 172, 0)), color-stop(100%,rgba(16, 27, 60, 0.3)));
    background: -webkit-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(47, 78, 172, 0) 49%, rgba(47, 78, 172, 0) 51%, rgba(16, 27, 60, 0.3) 100%);
    background:      -o-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(47, 78, 172, 0) 49%, rgba(47, 78, 172, 0) 51%, rgba(16, 27, 60, 0.3) 100%);
    background:     -ms-linear-gradient(top, rgba(251, 252, 254, 0.3) 0%, rgba(47, 78, 172, 0) 49%, rgba(47, 78, 172, 0) 51%, rgba(16, 27, 60, 0.3) 100%);
    background:   linear-gradient(to bottom, rgba(251, 252, 254, 0.3) 0%, rgba(47, 78, 172, 0) 49%, rgba(47, 78, 172, 0) 51%, rgba(16, 27, 60, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#1a000000',GradientType=0 );
    background-color: #2f4eac;
    color: #f7f8fd;
    border: solid 1px;
    border-color: #4365cb #253e88 #253e88 #4365cb;
}



.yumiyet-skin .yui3-tab-selected .yui3-tab-label {
    padding: 0.4em 0.75em; /* raise selected tab */
}

.yumiyet-skin .yui3-tabview-panel {
    background-color: #f1f3f9;
    border: 1px solid #e6eaf4;
    color: #344579;
    padding: 0.25em 0.5em; /* content padding */
}
