/** Layout **/

/**
 * shade 0 = #5E66A4 = rgb( 94,102,164) = rgba( 94,102,164,1) = rgb0(0.369,0.400,0.643)
 * shade 1 = #BABFDF = rgb(186,191,223) = rgba(186,191,223,1) = rgb0(0.729,0.749,0.875)
 * shade 2 = #898FC2 = rgb(137,143,194) = rgba(137,143,194,1) = rgb0(0.537,0.561,0.761)
 * shade 3 = #3E4789 = rgb( 62, 71,137) = rgba( 62, 71,137,1) = rgb0(0.243,0.278,0.537)
 * shade 4 = #262F71 = rgb( 38, 47,113) = rgba( 38, 47,113,1) = rgb0(0.149,0.184,0.443)
**/

.wrapper {
	width: 100%;
	min-width: 960px;
	background: #fff;
}
.header {
	background: url('/img/AIbanner.jpg') top right no-repeat white;
	padding: 0px 0px;
	float: left;
	width: 100%;
	height: 154px;
	border-bottom: 2px solid #5E66A4;
	margin-bottom: 50px;
}
.sitename {
	float: left;
	margin: 5px 0 10px 20px;
}
.flash {
	float: left;
	margin: 0;
	width: 100%;
	background: #262F71;
	overflow: hidden;
}
.menu {
	float: left;
	padding: 0;
	clear: both;
	width: 100%;
	height: 39px;
	margin: 10px 0 0 0;
}
.content{
	background: #fff;
	clear: both;
	color: #333;
	padding: 0px 20px 40px 20px;
	overflow: hidden;
}
.footer {
	background: #fff;
	clear: both;
	padding: 6px 10px;
	text-align: left;
	bottom:0;
	height: 20px;
}
body {
	background: white;
	color: #aaa;
	font-family:helvetica,arial,sans-serif;
	font-size: 10pt;
	line-height: 140%;
	margin: 0;
}
a {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}
a:hover {
	color: #367889;
	text-decoration:none;
}
a img {
	border:none;
}
.smlink {
	font-weight: normal;
	text-decoration: none;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	margin-bottom:0.5em;
}
h1 {
	color: #555;
	font-size: 175%;
}
h3 {
	font-size: 25px;
	display: block;
	color: #262F71;
}
h4 {
	font-size: 16px;
	display: inline;
	color: #3E4789;
}
h5 {
	font-size: 14px;
	display: block;
	color: #3E4789;
	text-transform: uppercase;
}
.header h1 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 400%;
	font-weight: 100;
	margin-bottom: 0px;
	color: #fff;
	padding: 80px 0 0 10px;
	display: inline-block;
	float: left;
}
.header h1 a {
	color: #5E66A4;
	font-weight: normal;
	text-decoration: none;
}
.header h1 a:hover {
	color: #367889;
	text-decoration: none;
}
.message {
	color: #fff;
	font-weight: bold;
	font-size: 10pt;
	text-transform: uppercase;
	padding: 5pt 15pt;
}

/** Tables **/
table {
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}
table tr td {
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
td.search {
	vertical-align: bottom;
	border-bottom: none;
}
table tr:nth-child(even) {
	background: #f9f9f9;
}
table tr.unconfirmed {
	background: #FCC1C1;
}

/** Buttons **/
input[type=submit],
.button {
	background: #eee;
/* 	margin: 10px 0; */
    padding: 2px 8px;
	font-size: 6pt;
	font-weight: bold;
    color: #3E4789;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #262F71;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	text-decoration: none;
	text-transform:uppercase;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: auto;
}
.btnfix {
	padding: 5px;
}
.large {
	font-size: 10pt;
}
input[type=submit] {
	font-size: 10pt;
}
input[type=submit]:hover,
.button:hover {
    background: #262F71;
    border: solid 1px #2A4E77;
	color: #fff !important;
}

/** Forms **/
form {
	clear: both;
	margin: 0px 20px 20px 0px;
	padding: 0;
}
fieldset {
	border: none;
	margin-bottom: 1em;
	padding: 16px 10px;
}
fieldset legend {
	color: #262F71;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0;
	padding: 10px 0 0;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 0em;
	padding: .3em;
	vertical-align: text-top;
}
form .input {
	color: #444;
}
form .required {
	font-weight: bold;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
}
label {
	display: block;
	font-size: 90%;
	margin-bottom:3px;
}
label.normal {
	font-size: 100%;
	margin-bottom:0px;
}
.number input {
	width: 50px;
}
.methodspace {
	min-height: 75px;
	height: 75px;
}
input, textarea {
	clear: both;
	font-size: 100%;
	font-family:helvetica,arial,sans-serif;
	padding: 3px;
	width:400px;
}
input.nostyle {
    clear: both;
    font-size: 100%;
    font-family:helvetica,arial,sans-serif;
    padding: 3px;
    margin: 5px;
    width: auto;
}
select {
	font-family:helvetica,arial,sans-serif;
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 6px 0;
	padding: 0;
	line-height: 26px;
}
.radio label {
	margin: 0 0 6px 20px;
	line-height: 26px;
}

input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.checkbox label {
	display: inline;
}
div.handle {
	background-image: url('/img/handle.png');
	background-size: 25px 25px;
    background-repeat: no-repeat;
	display: block;
	width: 25px;
	height: 25px;
	float:left;
	margin-right: 5px;
	cursor: grab;
}
div.edit {
	background-image: url('/img/edit.png');
	background-size: 20px 20px;
    background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
div.calendar {
	background-image: url('/img/calendar.png');
	background-size: 20px 20px;
    background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
div.pictures {
	background-image: url('/img/pictures.png');
	background-size: 20px 20px;
    background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
div.delete {
	background-image: url('/img/error.png');
	background-size: 20px 20px;
    background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	float:left;
	margin-right: 5px;
	cursor: pointer;
}
.method {
	width: 800px;
	height: 40px;
	clear: both;
	margin: 10px;
	padding: 10px;
	border-bottom: 1px solid #eee;
	list-style-type: none;
}
.highlight:hover {
	background-color: #d6d8ec !important;
}
.method:hover {
	border-radius: 10px;
	background-color: #d6d8ec;
}
.methodname {
	float: left;
	width: 500px;
	overflow: hidden;
}
.tools {
	float: left;
	width: 300px;
	text-align: right;
}
.methodbox {
	width: 680px;
}
.submission-details {
	float: left;
	width: 250px;
	clear: none;
}
.example {
	float: left;
	width: 200px;
	clear: none;
	border-left: 1px solid #262F71;
	padding-left: 20px;
}
.dateselect {
	border: 1px solid #aaa;
	padding: 2px 6px;
	display: inline-block;
	text-decoration: none;
	font-size: 9pt;
	float: left;
	margin: 10px 5px 0 0;
	width: 45px;
	text-align: center;
}
.past {
    opacity: .4;
}
.filled {
	background: #BABFDF;
	color: #262F71;
}
.approved {
        background-color: #262F71;
        color: #fff;
}

/* Calendar */
a.ui-state-default {
	background: none !important;
}
tr:nth-child(odd) {
    background: none !important;
}
tr:nth-child(even) {
    background: none !important;
}
.production {
    background-color: #0BC500;
}
.proof {
	background-color: #CFD4FF;
}
.prooftime {
	background-color: #eef;
}
.submission {
	background-color: #FFD0CF;
}
.nosubmit {
	background-color: #fee;
}
.lockin {
	background-color: #FFF467;
}
.productiontime {
	background-color: #FDFDC0;
}
.approval {
	background-color: #ACE5CD;
}
time.icon
{
  font-size: 0.8em; /* change icon size */
  display: block;
  position: relative;
  width: 7em;
  height: 7em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}
time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}
time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #fff;
  background-color: #262F71;
  border-bottom: 1px dashed #262F71;
  box-shadow: 0 2px 0 #262F71;
}
time.icon em
{
  position: absolute;
  bottom: 0.1em;
  color: #262F71;
}
time.icon span
{
  font-size: 2.7em;
  letter-spacing: -0.05em;
  padding-top: 38px;
  color: #2f2f2f;
}

.hover_img a {
	position:relative;
}
.hover_img a span {
	position:absolute;
	display:none;
	z-index:999;
	top: -100px;
	left: -300px;
	border: 2px solid black;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
.hover_img a:hover span {
	display:block;
}