﻿/* 
 *
 * #####################################################################################
 * # Green & Blue Color Scheme : This script is used for custom themes
 * #####################################################################################
/*
 * Defines the main navigation color
 */
#layout_menu, .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
    color: #fff;    
    border-top: 1px solid #2D807F;
    border-bottom: 1px solid #049B8C;
    background: #20bdbe; /* Old browsers */
    background: -moz-linear-gradient(top,  #20bdbe 0%, #01a490 20%, #006b6b 84%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20bdbe), color-stop(20%,#01a490), color-stop(84%,#006b6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #20bdbe 0%,#01a490 20%,#006b6b 84%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #20bdbe 0%,#01a490 20%,#006b6b 84%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #20bdbe 0%,#01a490 20%,#006b6b 84%); /* IE10+ */
    background: linear-gradient(to bottom,  #20bdbe 0%,#01a490 20%,#006b6b 84%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20bdbe', endColorstr='#006b6b',GradientType=0 ); /* IE6-9 */
}
/* Button color */
#layout_menu > li {
	background-color: transparent;
    border-right:1px solid #049B8C;
    border-left:1px solid #0A5C5B;
}
/* Hover and active color */
#layout_menu > li:hover, #layout_menu > li.layout_on {
	background-color:#006B6B;
}
/* Border on bottom of main nav */
.headerWrapper 
{
    
}
/* Text color of navigation buttons */
#layout_menu > li > a {
    color: #fff;
}
/*
 *  Typography 
 */
#layout_header h1 {
    color: #01A490;
    text-shadow: 1px 1px 2px #fff;
}
h2 {
    color: #0089d0;
}
.color1 {
    color: #01A490;
}
.color2 {
    color: #0089d0;
}
/* Standard button */
input[type=button], input[type=submit], input.fancy, a.fancy, .ui-button-text { 
    color: #fff;
    border: 1px solid #0089d0;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #AAA, 1px 1px 1px #FFF6E2 inset;
background: #00aeef; /* Old browsers */
background: -moz-linear-gradient(top,  #00aeef 1%, #0089d0 85%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00aeef), color-stop(85%,#0089d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00aeef 1%,#0089d0 85%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00aeef 1%,#0089d0 85%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00aeef 1%,#0089d0 85%); /* IE10+ */
background: linear-gradient(to bottom,  #00aeef 1%,#0089d0 85%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0089d0',GradientType=0 ); /* IE6-9 */
}
/* Hover standard button */
input[type=button]:hover, input[type=submit]:hover, input.fancy:hover, a.fancy:hover, .ui-dialog-buttonset .ui-button-text:hover {
    background-image: none;
    background-color: #0089d0;
    color: #fff;
    border: 1px solid #0089d0;
}
/* Cancel Button or Alternate button color */
input.fancy-cancel, a.fancy-cancel, .current-purchase .link a.fancy-cancel {
    font-weight: normal;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #AAA, 1px 1px 1px #FFF6E2 inset;
    cursor: pointer;
    white-space: nowrap;
    color: #fff;
    border: 1px solid #2D807F;
    background-color: #2D807F;
    text-shadow: none;
}
/*Hover Cancel Button or Alternate button */
input.fancy-cancel:hover, a.fancy-cancel:hover, .current-purchase .link a.fancy-cancel:hover {
    background-color: #007B75; 
    color: #fff;
}
/*
 *
 * Data table colors
 */
#data-table_wrapper .display thead tr {
    text-shadow: 0px 1px 0px white;
    border: 1px solid #BDE6FC;
    background-color:#F2F2F2;
}
/* Hover color for tables */
#data-table_wrapper table.display tbody tr:hover td, table.PickList tr:hover td
{
    background-color: #CCEEFF;   
}
.dropdownWrapper h4, h3, .SubmenuHeader {
    color: #01A490 !important;
}
.fileinput-button {
    background-color: #01A490 !important;
}
tr.row_selected td, tr.row_selected td a {
	background-color: #0089d0 !important;
	color: White !important;
}
.YLogo {
  width: 108px;
  height: 80px;
  background: transparent url(/Static/Images/YColorOverview.gif) no-repeat 0 0;
}
.YSlogan {
  width: 85px;
  height: 30px;
  background: transparent url(/Static/Images/YColorOverview.gif) no-repeat 0 -100px;
}
