﻿/*
 * Styles
 */

/* Applies to multiple items */

input[type=text], textarea, select {
	padding: 2px;
	border: 1px solid #757575;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.stepDisabled {
	opacity: 0.6;
}
.stepEnabled, .stepCompleted {
	opacity: 1;
}
.ui-dialog .ui-dialog-titlebar,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	color: #FFF;
	border: 1px solid #757575;
	text-shadow: 0 0 2px #000;
	background: #0f3c63; /* Old browsers */
	background: -moz-linear-gradient(top, #9be597 5%, #6ed968 35%, #1aa408 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#9be597), color-stop(35%,#6ed968), color-stop(100%,#1aa408)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #9be597 5%,#6ed968 35%,#1aa408 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #9be597 5%,#6ed968 35%,#1aa408 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #9be597 5%,#6ed968 35%,#1aa408 100%); /* IE10+ */
	background: linear-gradient(to bottom, #9be597 5%,#6ed968 35%,#1aa408 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9be597', endColorstr='#1aa408',GradientType=0 ); /* IE6-9 */
}

/* Title bar */

.ui-dialog .ui-dialog-titlebar {
	background: #0f3c63; /* Blue */
	text-align: center;
	border-bottom: 1px solid #999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
	background: #FFF;
}



/* Date picker */

.ui-datepicker .ui-datepicker-header {
	color: #FFF;
	background: #48b040 url('img/bg-datepicker.jpg') repeat-x scroll 0 0;
	background-size: 3px 100%;
	text-shadow: 0 0 2px #000;
}
.ui-datepicker .ui-datepicker-prev span {
	background: url('img/calendar-month-prev.png') no-repeat scroll 0 0;
}
.ui-datepicker .ui-datepicker-next span {
	background: url('img/calendar-month-next.png') no-repeat scroll 0 0;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	background: none;
	border: 0;
}
.ui-datepicker table {
	margin-top: -3px;
}
.ui-datepicker th {
	color: #FFF;
	padding: 0.4em 0.3em;
	border-top: #999;
	border-right: 1px solid #000;
	background: #474747; /* Old browsers */
	background: -moz-linear-gradient(top, #afafaf 5%, #6b6b6b 60%, #474747 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#afafaf), color-stop(60%,#6b6b6b), color-stop(100%,#474747)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #afafaf 5%,#6b6b6b 60%,#474747 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #afafaf 5%,#6b6b6b 60%,#474747 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #afafaf 5%,#6b6b6b 60%,#474747 100%); /* IE10+ */
	background: linear-gradient(to bottom, #afafaf 5%,#6b6b6b 60%,#474747 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#474747',GradientType=0 ); /* IE6-9 */
}
.ui-datepicker th:last-child {
	border-right: none;
}
.ui-datepicker table tr td span,
.ui-datepicker table tr td a {
	color: #424244;
	background: none;
	border: 1px solid #D3D3D3;
	font-weight: bold;
}
.ui-datepicker  .ui-datepicker-current-day a {
	background: url('img/calendar-active-day.jpg') no-repeat scroll 0 0;
	background-size: 100% 100%;
}

/* Others */
.assignment span.ui-button-text {
    font-weight: bold;
    letter-spacing: -2px;
}

.ui-dialog {
	background: url('img/bg.jpg') repeat scroll 0 0;
}

.dialog-container {
  padding-top: 40px;
  padding-bottom: 25px;
  padding-left: 1.3em;
}
