.gradient_grey_555555 {
    background-color: #555555;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#666666)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #444444, #666666); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #444444, #666666); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #444444, #666666); /* IE10 */
    background-image:      -o-linear-gradient(top, #444444, #666666); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #444444, #666666);
}

.gradient_grey_777777 {
    background-color: #777777;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#888888)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #666666, #888888); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #666666, #888888); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #666666, #888888); /* IE10 */
    background-image:      -o-linear-gradient(top, #666666, #888888); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #666666, #888888);
}

.gradient_grey_909191 {
    background: #909191;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#707171), to(#909191)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #707171, #909191); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #707171, #909191); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #707171, #909191); /* IE10 */
    background-image:      -o-linear-gradient(top, #707171, #909191); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #707171, #909191);
}

.gradient_grey_bbbbbb {
    background-color: #bbbbbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#eeeeee)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #bbbbbb, #eeeeee); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #bbbbbb, #eeeeee); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #bbbbbb, #eeeeee); /* IE10 */
    background-image:      -o-linear-gradient(top, #bbbbbb, #eeeeee); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #bbbbbb, #eeeeee);
}

.gradient_silver {
    background: #e8e8e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#ffffff)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #e8e8e8, #ffffff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #e8e8e8, #ffffff); /* IE10 */
    background-image:      -o-linear-gradient(top, #e8e8e8, #ffffff); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #e8e8e8, #ffffff);
}

.btn_grey, .forgot {
    background-color: #cccccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #dddddd, #cccccc); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #dddddd, #cccccc); /* IE10 */
    background-image:      -o-linear-gradient(top, #dddddd, #cccccc); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #dddddd, #cccccc);
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.btn_big {
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.06);
    border: none;
    border-radius: 4px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.btn_big:hover {
    background-color: #fff;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn_grey:hover {
    background: #dddddd;
}

.forgot:hover {
    background: #dddddd;
}

.btn_orange {
    background-color: #eca10c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb929), to(#eca10c)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fcb929, #eca10c); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #fcb929, #eca10c); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #fcb929, #eca10c); /* IE10 */
    background-image:      -o-linear-gradient(top, #fcb929, #eca10c); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #fcb929, #eca10c);
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb929', endColorstr='#eca10c',GradientType=0 ); /* IE6-9 */
}

.btn_orange:hover {
    background: #fcb929;
}

.form-button {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#cccccc)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #cccccc); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #dddddd, #cccccc); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #dddddd, #cccccc); /* IE10 */
    background-image:      -o-linear-gradient(top, #dddddd, #cccccc); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #dddddd, #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.form-button:hover {
    background: #bbbbbb;
}

/* form buttons */
.form-button-orange {
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcb929), to(#eca10c)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fcb929, #eca10c); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #fcb929, #eca10c); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #fcb929, #eca10c); /* IE10 */
    background-image:      -o-linear-gradient(top, #fcb929, #eca10c); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #fcb929, #eca10c);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb929', endColorstr='#eca10c',GradientType=0 ); /* IE6-9 */
}
.form-button-orange:hover {
    background: #fcb929;
}

.input_grey {
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#505151), to(#575859)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #505151, #575859); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #505151, #575859); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #505151, #575859); /* IE10 */
    background-image:      -o-linear-gradient(top, #505151, #575859); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #505151, #575859);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505151', endColorstr='#575859',GradientType=0 ); /* IE6-9 */
}

ul.tabs li:hover {
    background: #f2b100;
}

.gradient_load_bar {
    background: #f2b100;
    background-color: #505151;
    background-image: -webkit-gradient(linear, left top, right top, from(#e89b05), to(#f6c86e)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(left, #e89b05, #f6c86e); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(left, #e89b05, #f6c86e); /* FF3.6 */
    background-image:     -ms-linear-gradient(left, #e89b05, #f6c86e); /* IE10 */
    background-image:      -o-linear-gradient(left, #e89b05, #f6c86e); /* Opera 11.10+ */
    background-image:   linear-gradient(to right, #e89b05, #f6c86e);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e89b05', endColorstr='#f6c86e',GradientType=0 ); /* IE6-9 */

    background-color: #f6c86e;
    background-image: -webkit-gradient(linear, left top, right top, from(#f6c86e), to(#e89b05)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(left, #f6c86e, #e89b05); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(left, #f6c86e, #e89b05); /* FF3.6 */
    background-image:     -ms-linear-gradient(left, #f6c86e, #e89b05); /* IE10 */
    background-image:      -o-linear-gradient(left, #f6c86e, #e89b05); /* Opera 11.10+ */
    background-image:   linear-gradient(to right, #f6c86e, #e89b05);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6c86e', endColorstr='#e89b05',GradientType=0 ); /* IE6-9 */
}

/* Form legend and titles */
.form legend {
    background: #909191;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#707171), to(#909191)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #707171, #909191); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #707171, #909191); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #707171, #909191); /* IE10 */
    background-image:      -o-linear-gradient(top, #707171, #909191); /* Opera 11.10+ */
    background-image:   linear-gradient(to bottom, #707171, #909191);
}

.pd_load_bar_active {
    background: #f2b100;
}
.diagram {
    /*background: #fff;*/
    border-color: #ccc;
}

#summary_alertlist_header {
    background: #f2b100;
}

.time_period_select {
    background: #f2b100;
    color: #333;
}

.time_period_deselect {
    background: #555555;
    color: #ccc;
}

.data_details_select {
    background: #f2b100;
    color: #333;
}

.data_details_deselect {
    background: #555555;
    color: #ccc;
}

.data_normed_select {
    background: #f2b100;
    color: #333;
}

.data_normed_deselect {
    background: #555555;
    color: #ccc;
}

.sensor_select {
    color: #f2b100;
}

.sensor_deselect {
    color: #333;
}

.accordionButtonBranding {
    border: 1px solid #333 !important;
}

/* Menu Styling */



.sf-menu > li{
    background:url(../images/top-menu-border.jpg) bottom left no-repeat;
}

.sf-menu > li > a {
    color:#fff;
}

.sf-menu > li.active, .sf-menu > li:hover, .sf-menu > li#current{
    background: #fcb929;
}

.sf-menu a, .sf-menu a:visited  {
    color: #fff;
}

.sf-menu ul{
    background: #444444;
}

.sf-menu a{
    color:#fff;
}

.sf-menu li li span.separator {
    color:#fff;
}

/* marker jh
.sf-menu li a:hover, .sf-menu li a.active, .sf-menu > li#current > a, .sf-menu > li.parent.sfHover > a, .sf-menu > li.active > a{
    background: #36384c !important;
    color:#444444;
}
*/

.sf-menu > li.first-child{
    color:#fff;
}

.sf-menu > li.first-child a.active, .sf-menu > li.first-child a:hover, .sf-menu > li.first-child#current > a {
    background: #fcb929;
}

.sf-menu li li:not(.active) a:hover,
.sf-menu ul li.last-child:not(.active) a:hover,
.sf-menu li li:not(.active)#current a {
    background: #ebebeb !important;
    color: #444444 !important;
}


.superfish_clear {
    background:#e9e9e9;
}

.pg-selected {
    color: #f2b100;
}