﻿/*#region reset*/
html, body, div, span, object, frame, h1, h2, h3, h4, h5, h6, p, blockblockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, button, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: normal;
    outline: none;
    zoom: 1;
    font: Helevtica,Arial,san-serif;
}

/*#region sticky-footer*/

html, body {
	height: 100%;
}
.stickyWrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px; /* the bottom margin is the negative value of the footer's height */
}
.stickyFooter, .stickyPush {
	height: 110px; /* .push must be the same height as .footer */
}

/*#endregion*/

/* select is separate because adding a border and padding 0 mess up the appearance */
select {
    margin: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-weight: normal;
    outline: none;
    zoom: 1;
}

select .valid {
    border: 1px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockblockquote, q {
    blockquotes: none;
}
blockblockquote:before, blockblockquote:after, q:before, q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dotted #ccc;
    margin: 1em 0;
    padding: 0;
}
pre, code, kbd, samp {
    font-family: monospace, sans-serif;
}
ul, ol {
    list-style: none;
}
a {
    text-decoration: none;
}
/*#endregion reset*/

/*#region Font*/
@font-face {
    font-family: 'Helvetica67';
    src: url('fonts/helveticaneueltstd-mdcn-webfont.eot');
    src: url('fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica57';
    src: url('fonts/helveticaneueltstd-cn-webfont.eot');
    src: url('fonts/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helveticaneueltstd-cn-webfont.woff') format('woff'), url('fonts/helveticaneueltstd-cn-webfont.ttf') format('truetype'), url('fonts/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
}
.message {
    margin: 1em;
    color: #E31B23;
    font-size: 1.25em;
}

.boldText {
    font-size: 1.25em;
    color: #000000;
    font-family: Helvetica67,Arial,san-serif;
}

.veryImportant {
    font-size: 2em;
    color: #E31B23;
    font-family: Helvetica67,Arial,san-serif;
}

.somewhatImportant {
    font-size: 1.5em;
    color: #E31B23;
}

.important {
    color: #E31B23;
}

.validation-limit-error {
    color: #E31B23;
    display: inline;
    font-weight:bold;
    background-color:yellow;
}

.validation-limit-warning {
    color: green;
    display: inline;
    font-weight:bold;   
}

.validation-summary-errors {
    color: #E31B23;
    display: inline;
}
.validation-summary-valid {
    display: none;
}
.validation-summary-errors li {
    font-weight: bold;
    background-color: Yellow;
}

.validation-inline-errors {
    color: #E31B23;
}

.nowrap {
    white-space: nowrap;
}
/*#endregion Font*/



body {
    background: #fff;
    font-family: Helvetica,Arial,san-serif;
    font-size: 12px;
    color: #444444;
}

.inlineBlock {
    display: inline-block;
}

/*#region layout*/
.topBorder {
    height: 5px;
    background-color: #e11b22;
}

.bottomBorder {
    height: 5px;
    background-color: #e11b22;
}

.topFrame {
    background: url("images/bg_top.jpg") repeat-x top;
}
.topFrame-inner {
    background: url("images/bg_top-inner.jpg") no-repeat 50% top;
}
.bottomFrame {
    
}
.bottomFrame-inner {
    
}
.container {
    /*background: url("images/bg_container-top2.png") 50% top repeat-x;*/
    margin: 0 auto;
    position: relative;
}
.content {
    margin: 4px 5px 20px 5px;
}
.inner {
    /*background: url("images/bg_container.png") 50% repeat-y;*/
    margin: 0px 17px;
}
/*#endregion layout*/

/*#region header*/
.header {
    overflow: hidden;
    padding: 0;
    margin: 0 20px;
    position: relative;
    min-width: 720px;
    height: 120px;
}

.header .logo {
    float: left;
    display: inline-block;
    padding: 28px 0 16px;
}

.header .title {
    float: left;
    display: inline-block;
    margin: 16px 0px 0px 20px;
    font-family: Helvetica67;
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
}

.header .welcome {
    color: #FFFFFF;
    font-family: Helevtica,Arial,san-serif;
    font-size: 1em;
    text-align: right;
    padding: 10px 0;
}

.header .welcome a:first-child {
    border: 0;
    padding: 0;
    margin-left: 3px;
}

.header .welcome a {
    color: #ffffff;
    font-family: Helevtica,Arial,san-serif;
    font-size: 1em;
    display: inline-block;
    border-left: 1px solid #003366;
    padding: 3px 0 3px 10px;
    margin-left: 10px;
}

.header .actions {
    padding: 5px 2px;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
}

.header .actions a {
    display: inline-block;
    border-left: 1px solid #666;
    padding: 3px 0 3px 10px;
    margin-left: 10px;
    font-family: Helvetica67,Arial,san-serif;
    font-size: 12px;
    color: #fff;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.header .actions a:hover {
    text-decoration: underline;
    font-family: Helvetica67,Arial,san-serif;
}

.header .actions a:first-child {
    border: 0;
    padding: 3px 0 3px 8px;
}
/*#endregion header*/

/*#region notificationBar*/
/*.topBar {
    z-index: 4;
    height: 1.25em;
    background: #003366;
    color: #fff;
    font-size: 1.25em;
    vertical-align: top; 
    background: url("images/bg_nav-current.jpg");
    background-position:bottom; 
}*/

.topBar {
    z-index: 4;
    height: 2em;
    background: #003366;
    font-family: Helvetica57,Arial,sans-serif;
    color: #444444;
    font-size: 1.25em;
    vertical-align: middle;
    background: url("images/topbar_nav_grey.jpg");
    min-width: 760px;
}

.notificationMessage {
    float: right;
    font-size: 13px;
}

.topBar .notificationMessage a {
    padding: 0.7em 0em;
    color: #E31B23;
}

.topBar .notificationMessage a:hover {
    padding: 0.7em 0em;
    color: #E31B23;
    text-decoration: underline;
    background: none;
}

.topBar.empty {
    height: .75em;
}

.notificationBar li {
    text-align: right;
    font-size: 1.25em;
    margin: 0 1.5em 0 0;
    padding-top: .25em;
}

.topBar a {
    padding: .7em 1em;
    color: #000000;
    font-family: helvetica67,Arial,sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 1px 1px #FFFFFF;
}

.topBar a:hover {
    background-image: url('images/topbar_nav_grey-active.jpg');
    background-repeat: repeat-x;
    background-position: center;
    color: #666666;
    text-decoration: none;
}

.topBar li a.current {
    background-image: url('images/topbar_nav_grey-current.jpg');
    background-repeat: repeat-x;
    background-position: center;
    color: #111111;
    text-decoration: none;
}

.actions a {
    margin: 0 0 0.25em -2.25em;
    padding: 0 0 0 2.25em;
    display: inline-block;
}

.actions a.currentVertical {
    background-image: url("images/ico_redSquare.gif");
    background-repeat: no-repeat;
    background-position: 16px;
    color: #666;
}

.header .actions a:hover, .header .actions a.currentVertical {
    background-image: none;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.topBar > ul > li {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #D6D6D6;
}

.topBar > ul > li:first-child {
    border-left: 0 none;
}

.topBar > ul > li:last-child {
    border-right: 0 none;
}

.topBar > ul {
    display: inline-block;
    margin: .4em .5em 0 .5em;
    margin-left: 25px;
}
/*#endregion notificationBar*/

.top {
    vertical-align: top;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
    height: 0px;
}
.none {
    display: none;
}
.block {
    display: block;
}

/*#region headings*/
h1 {
    font-family: Helvetica67, arial;
    font-size: 24px;
    line-height: 30px;
    color: #444444;
}
h2 {
    font-family: "Muli" , "Helvetica Neue" ,Arial,Helevtica,Verdana,san-serif;
    font-size: 1.5em;
    color: #222;
}
h2, h3, h4 {
    font-family: Helvetica57,Arial,san-serif;
    letter-spacing: .5px;
}
/*#endregion headings*/

/*#region bullet*/
.bullet, ul.bullet li {
    background: url("images/ico_redSquare.gif") no-repeat left 50%;
    padding-left: 15px;
}

ul.bullet {
    background: transparent;
    padding: 0;
}
/*#endregion bullet*/

/*#region anchor*/
a {
    color: #E31B23;
}

a:hover {
    text-decoration: underline;
}

a.more {
    font-weight: bold;
}
/*#endregion anchor*/

/*#region social*/
a.social {
    display: inline-block;
    width: 26px;
    height: 24px;
    background: url("images/ico_social.jpg");
}

a.social.facebook {
    background-position: 0 0;
}

a.social.twitter {
    background-position: 0 -25px;
}

a.social.youtube {
    background-position: 0 -49px;
}

a.social.flickr {
    background-position: 0 -73px;
}

a.social.app {
    background-position: 0 24px;
}

a.social.rss {
    background-position: 0 -98px;
}
/*#endregion social*/

/*#region breadcrumb*/
.breadcrumb {
    padding: 5px 25px;
    margin: 0 auto;
    font-size: 1em;
}

.breadcrumb a {
    color: #777;
    margin: 0 5px;
}

.breadcrumb a.active {
    color: #999;
}

.breadcrumb a:hover {
    color: #444;
}

.breadcrumb .help {
    float: right;
}
/*#endregion breadcrumb*/

.pageHeader {
    padding: .5em 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
}
.pageHeader h1 {
    line-height: 1.25em;
}

.pageHeaderPopUp {
    padding: .5em;
    border-bottom: .25em solid #eee;
    margin-bottom: .5em;
}
.pageHeaderPopUp h1 {
    line-height: 1.25em;
}

.sortMenu {
    text-align: right;
}

.sortMenu a {
    background: url("images/btn_red.jpg") repeat-x;
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
    vertical-align: middle;
    font-family: Helvetica67, Arial,Verdana,san-serif;
    font-size: 16px;
    font-variant: normal;
    color: #FFFFFF;
    letter-spacing: .5px;
    text-shadow: 1px 1px #000000;
}

/*#region footer*/
.footerBackground {
    background: url("images/bg_bottom2.jpg") bottom repeat-x;
}

footer .socialNav {
    background: url("images/bg_social.jpg") bottom;
    padding: 6px 20px;
    color: #fff;
    margin-bottom: 15px;
    overflow: hidden;
}
footer .socialNav h3 {
    font-size: 16px;
    width: 20%;
    line-height: 26px;
}
footer .socialNav ul {
    min-width: 58.5%;
    display: inline-block;
    text-align: right;
}
footer .socialNav ul li {
    border-left: 1px solid #666;
    display: inline-block;
    float: left;
    padding: 2px 0 2px 15px;
    margin-left: 15px;
}
footer .socialNav ul li:first-child {
    border: 0;
}
footer .socialNav a.social {
    margin-right: 10px;
}
footer .socialNav a {
    color: #fff;
    opacity: .8;
    vertical-align: middle;
}
footer .socialNav a:hover {
    opacity: 1;
}
footer .socialNav li:hover a {
    opacity: 1;
}
footer .affiliates {
    padding-bottom: 15px;
}
footer .affiliates a {
    padding: 0 18px;
    display: block;
    float: left;
    border-left: 1px solid #ccc;
}
footer .affiliates a:first-child {
    border: 0;
}
footer .affiliates a img {
    display: block;
}
footer.bottom {
    height: 75px;
    padding-top: 30px;
    
    position: relative;
    background: url("images/bg_bottom-inner2.jpg") 95% bottom no-repeat;
}
footer.bottom a {
    color: #fff;
    text-decoration: none;
    margin: 0 5px 0 15px;
}
footer.bottom a:hover {
    color: #ddd;
}
footer.bottom .legal a {
    font-size: 11.5px;
    color: #ddd;
    margin: 0 20px;
}
footer .legal {
    margin: 15px 30px 0;
    color: #bbb;
    display: block;
}
footer .bottomLeft {
    width: 700px;
}
footer .bottomRight {
    width: 225px;
    text-align: right;
    padding-right: 0px;
    vertical-align: middle;
}
footer .bottomRight img {
    vertical-align: middle;
}
/*#endregion footer*/

/*#region inputs*/
input[type=text], input[type=tel], input[type=password], textArea {
    border: 1px solid #CCCCCC;
    padding: .25em;
    display: inline-block;
    width: 15em;
}

/* fix for telerik grid filter inputs */
.t-filter-options input {
    width: 142px;
}

input.doubleLarge {
    width: 30em;
}

input.large {
    width: 15em;
}
input.medium {
    width: 10em;
}

input.smallMedium {
    width: 7.5em;
}

input.small {
    width: 5em;
}
input.checkbox {
    padding-right: 0.5em;
    vertical-align: top;
}
input[type=submit] {
    color: #e11b22;
}
input[type=submit]:hover {
    color: #8a0005;
}
textArea {
    width: 30em;
}
/***** FIX THIS FOR DROPDOWN CONTROL ******/
li.t-item {
    font-size: 1em;
    letter-spacing: normal; /*font-weight: bold;*/
    color: #222; /*display: inline-block;*/
}

li.t-item a {
    font-size: 1em;
    letter-spacing: normal;
    font-weight: bold;
    color: #222;
}
/*#endregion inputs*/

/*#region tabs*/
div.t-tabstrip {
    border: 0;
}
/*#endregion tabs*/

/*#region sections*/
ul.sections > li {
    padding: .75em;
    width: 47%;
    display: inline-block;
    vertical-align: top;
}

ul.sections > li.largest {
    width: 97%;
}

ul.sections > li.larger {
    width: 83%;
}

ul.sections > li.large {
    width: 72%;
}

ul.sections > li.medium {
    width: 31%;
}

ul.sections > li.mediumPopup {
    width: 45%;
}

ul.section > li.mediumRemainder {
    width: 63%;
}
ul.sections > li.small {
    width: 22%;
}
ul.sections > li.tiny {
    width: 11%;
}

ul.sections > li.veryTiny {
    width: 4%;
}

/*#endregion*/

/*#region fieldsets*/
fieldset {
    border: 1px dotted #CCCCCC;
    padding: 1em;
    margin: .5em 0;
}

fieldset legend {
    background-color: White;
    letter-spacing: .5px;
    font-family: helvetica57, arial;
    font-size: 18px;
}

fieldset > div > fieldset > legend {
    letter-spacing: .075em;
    font-size: 1em;
}

div.t-content fieldset.subFieldSet {
    border: 1px dotted #CCCCCC;
    padding: 1em;
    margin: .5em;
}

fieldset.subField-solidLightBorder {
    border: 1px solid #e6e6e6;
    padding: 1em;
    margin: .5em;
}

fieldset.subField-lineBorder {
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    border-right: 1px none;
    border-left: 1px none;
    padding: 1em;
    margin-left: .5em;
    margin-right: .5em;
    margin-top: 1em;
    margin-bottom: 1em;
}


fieldset.subField-lineBorder legend {
    background-color: White;
    font-family: helvetica57,arial;
    font-size: 1.0em;
    letter-spacing: 0.5px;
}

div.t-content fieldset {
    border: 0;
    padding: .5em;
}
fieldset.actionRequired {
    border-color: #E31B23;
}
fieldset.actionRequired > legend {
    color: #E31B23;
}
/*#endregion fieldsets*/

/*#region fieldset divs*/
fieldset div {
    vertical-align: top;
}

div.auditPage {
    border-left: .5em solid #CCCCCC;
    padding-left: 2em;
}

li.actions a {
    white-space: nowrap;
    font-size: 1.25em;
}

fieldset div.veryTiny {
    width: 24px;
    display: inline-block;
}

fieldset div.tiny {
    width: 19.5%;
    display: inline-block;
    padding-bottom: 1.5em;
}
fieldset div.verySmall {
    width: 24.5%;
    display: inline-block;
    padding-bottom: 1.2em;
}
fieldset div.small {
    width: 32.5%;
    display: inline-block;
    padding-bottom: 0em;
}

fieldset div.smallPadded {
    width: 32.5%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.smallPopup {
    width: 32.5%;
    display: inline-block;
}

fieldset div.medium {
    width: 49%;
    display: inline-block;
    padding-bottom: 1.5em;
}
fieldset div.mediumPopup {
    width: 48%;
    display: inline-block;
    margin: .3em 0 1.2em 0;
}
fieldset div.large {
    width: 90%;
    display: inline-block;
}

fieldset div.largePadded {
    width: 90%;
    display: inline-block;
    padding-bottom: 1.5em;
}

fieldset div.spaced {
    display: inline-block;
    padding-bottom: 1em;
    font-family: "Muli" , "Helvetica Neue" ,Arial,Helevtica,Verdana,san-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #333333 !important;
    letter-spacing: normal;
}

fieldset span.biggerFont {
    font-size: 13px;
}

/*#endregion fieldset divs*/

/*#region listTableAbsolutelyNoBorder */

.listTableAbsolutelyNoBorder {
    width: 100%;
}

.listTableAbsolutelyNoBorder > tbody > tr > td {
    border-collapse: collapse;
    border-top: 0px;
}

.listTableAbsolutelyNoBorder > tbody > tr:first-child > td {
    border-collapse: collapse;
    border-top: 0px;
}

.listTableAbsolutelyNoBorder tbody tr.noBorder {
    border-collapse: collapse;
    border-top: 1px none;
}

.listTableAbsolutelyNoBorder tbody tr td {
    vertical-align: top;
    padding: 4px 4px;
}

.listTableAbsolutelyNoBorder thead tr th {
    margin: 5px;
    padding: 5px;
    vertical-align: top;
    color: #009CE3;
    text-align: left;
}

.headerBorder {
    border-bottom: 1px dotted #55BCEB;
}
/*#endregion */

/*#region listTableNoBorder */

.listTableNoBorder {
    width: 100%;
}

.listTableNoBorder > tbody > tr > td {
    border-collapse: collapse;
    border-top: 1px dotted #CCCCCC;
}

.listTableNoBorder > tbody > tr:first-child > td {
    border-collapse: collapse;
    border-top: 0px;
}

.listTableNoBorder tbody tr.noBorder {
    border-collapse: collapse;
    border-top: 1px none;
}

.listTableNoBorder tbody tr td {
    vertical-align: top;
    padding: 4px 4px;
}

.listTableNoBorder thead tr th {
    margin: 5px;
    padding: 5px;
    vertical-align: top;
    color: #009CE3;
    text-align: left;
}

.headerBorder {
    border-bottom: 1px dotted #55BCEB;
}
/*#endregion */

.layoutTable {
    margin: 5px;
    padding: 5px;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.layoutTable > tbody > tr > td {
    border: 0px;
}

.listTable {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.listTable.inline {
    display: inline;
}

.listTable tr td {
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    text-align: left;
}

.listTable thead {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
}

.listTable thead tr th {
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: left;
}

.listTable thead tr.bottom-align-headers th {
        vertical-align: bottom;
}

.listTable tbody {
    border: 1px solid #CCCCCC;
}

.listTable tbody tr {
    border-top: 1px dotted #CCCCCC;
}

.listTable tbody tr.noBorder {
    border: #FFFFFF;
}

.listTable tbody td.delete {
    text-align: right;
}

.listTable tbody td.delete span {
    position: relative;
    top: 1px;
}

.listTable tfoot td.add {
    text-align: right;
    padding: 4px 5px 5px 5px;
}

.listTable tfoot input[type=button] {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
    border: Solid 1px #FFA400;
    color: #333333 !important;
    display: inline-block;
    font-family: Helvetica67,Arial,sans-serif;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px !important;
    margin: 1px;
    padding: 2px 20px;
    text-align: center;
    text-shadow: 1px 1px #FFFFFF;
    vertical-align: middle;
    cursor: pointer;
}

.listTable tfoot input[type=button]:hover {
    text-decoration: none;
}

.listTable tfoot input[type=button].disabled {
    color: #333333;
    cursor: default;
    background: url("images/btn_grey.jpg") repeat-x;
}

.nested tr td {
    vertical-align: top !important;
    padding: 0 !important;
}

/*#region fieldset div labels*/
fieldset div.tiny label {
    margin: 0 0 .1em 0;
}
fieldset div.verySmall label {
    margin: 0 0 .1em 0;
}
fieldset div.small label {
    margin: 0 0 .1em 0;
}
fieldset div.medium label {
    margin: 0 0 .1em 0;
}
fieldset div.mediumPopup label {
    margin: 0 0 .1em 0;
}
fieldset div.large label {
    margin: 0 0 .1em 0;
}
/*#endregion fieldset div labels*/

/*#region fieldset div label*/
/* old way of spacing the divs, kept in for backwards compatability in case there are divs within fieldsets that are not using one of the fieldset div classes */
fieldset div label, fieldset table label {
    font-size: 14px;
    display: block;
    color: #666666;
    margin: .5em 0 .25em 0;
    z-index: 10;
    font-family: Helvetica67,Arial,san-serif;
}
fieldset div label.inline {
    letter-spacing: .1em;
    display: inline;
    color: #808184;
    margin: .5em 0 .25em 0;
    z-index: 10;
}

.fieldsetDivLabel {
    font-family: Helvetica57;
    letter-spacing: .1em;
    display: block;
    color: #808184;
}

.plainLabel {
    font-size: 12px;
    color: #666666;
    margin: .5em 0 .25em 0;
    z-index: 10;
    font-family: Arial,san-serif;
}
/*#endregion fieldset div label*/

/*#region fieldset div span*/
fieldset div span {
    font-size: 1em;
}

fieldset div b {
    font-size: 1em;
    font-weight: bold;
}

fieldset div span.textValue {
    font-size: 1.25em;
    margin: .25em 0em .5em 0em;
    z-index: 10;
    font-family: Helvetica57,Arial,san-serif;
}
/*#endregion fieldset div span*/

/*#region .telerikRichTextAPI to display richtext content like Notes display*/
.telerikRichTextAPI span {
    font-size: 12px;
}
.telerikRichTextAPI span strong {
    font-weight: bold;
}
.telerikRichTextAPI span em {
    font-style: italic;
}
.telerikRichTextAPI span ul {
    padding: 5px;
}
.telerikRichTextAPI span li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: 1em;
}
/*#endregion .telerikRichTextAPI */

/*#region sectionCommands*/
fieldset .sectionCommands {
    position: relative;
    top: -1.5em;
    margin: 0 !important;
}

.sectionCommands {
    height: 1.5em;
    float: right;
}

.sectionCommands a, .sectionCommands input[type=submit], .sectionCommands input[type=button], .sectionCommand, input[type=button].sectionCommand {
    background: url("images/btn_grey.jpg") repeat-x scroll 0 0 transparent;
    padding: 2px 20px;
    font-size: 16px;
    color: #333333;
    margin: .2em;
    letter-spacing: .5px;
    text-decoration: none;
    font-family: helvetica67,Arial,sans-serif;
    text-shadow: 1px 1px #FFFFFF;
    cursor: pointer;
    border: 1px solid #CCCCCC;
    width: auto;
}

.sectionCommands a.disabled, .sectionCommands input[type=submit].disabled, .sectionCommands input[type=button].disabled, input[type=submit].sectionCommand.disabled, input[type=button].sectionCommand.disabled {
    color: #BBBBBB;
    cursor: none;
    background: url("images/btn_grey.jpg") repeat-x;
    text-decoration : none;
}

.sections li a:hover {
    text-decoration: underline;
}

.sectionFlatCommands {
    margin: 0;
    height: 1.5em;
    float: right;
}

.sectionFlatCommands a, .sectionFlatCommands input[type=submit], .sectionFlatCommands input[type=button] {
    border-radius: 10px;
    background: url("images/btn_grey.jpg") repeat-x;
    line-height: 1.5em;
    padding: .25em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 12px;
    letter-spacing: .5px;
    text-shadow: 1px 1px #fff;
    margin: .25em;
    cursor: pointer;
    text-decoration: none;
}

.sectionEndCommands {
    margin: .25em;
}

/*.sectionEndCommands a, .sectionEndCommand, .sectionEndCommands input[type=submit], .sectionEndCommands input[type=button] {
    border-radius: 10px;
    text-align: center;
    padding: .5em;
    font-size: 12px;
    margin: .25em;
    text-decoration: none;
    cursor: pointer;
    display: -moz-inline-block;
    display: inline-block;
    background: url("images/btn_yellow.jpg") repeat-x;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}*/
.sectionEndCommands a, .sectionEndCommand, .sectionEndCommands input[type=submit], .sectionEndCommands input[type=button], .sectionEndCommands button {
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    background: url("images/btn_yellow.jpg") repeat-x scroll center top #F7901A;
    border: Solid 1px #FFA400;
    color: #333333;
    display: inline-block;
    font-family: Helvetica67,Arial,sans-serif;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 22px !important;
    margin: 1px;
    padding: 2px 20px;
    text-align: center;
    text-shadow: 1px 1px #FFF;
    vertical-align: middle;
    cursor: pointer;
}

.sectionEndCommands a:hover, a.sectionEndCommand:hover, .sectionEndCommands input[type=submit]:hover, .sectionEndCommands input[type=button]:hover {
    text-decoration: underline;
}

.sectionEndCommands a.disabled, a:hover.disabled, .sectionEndCommand.disabled, .sectionEndCommands input[type=submit].disabled, .sectionEndCommands input[type=button].disabled {
    color: #333333;
    cursor: default; 
    background: url("images/btn_grey.jpg") repeat-x;   
    text-decoration : none;        
}
/*#endregion*/
.listCommands a, .listCommands input[type=submit], input[type=submit].listCommand {
    border-radius: 10px;
    background: url("images/btn_grey.jpg") repeat-x;
    line-height: 1.5em;
    padding: 0 .25em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 1em;
    letter-spacing: .5px;
    text-shadow: 1px 1px #fff;
    margin: .5em;
}

.provisionalLicenseListCommands a {
    border-radius: 10px;
    background: url("images/btn_grey.jpg") repeat-x;
    line-height: 1.5em;
    padding: 0 .50em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: .5px;
    text-shadow: 1px 1px #fff;
    margin: .5em;
}

    .provisionalLicenseListCommands a:hover {
        background: url("images/btn_light.jpg") repeat-x;
        text-decoration: none;
    }

#divNewProvisionalLicenses {
    margin-bottom: 2%;
}

#gridExportButton {
    background: url('/MOMWeb/Content/images/btn_light.jpg') repeat-x;
    border: 1px solid #CCC;
    line-height: 1.5em;
    padding: .25em;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 1em;
    margin: .25em;
    cursor: pointer;
    color: #e31b23;
}
.pageCommands {
    margin: .25em;
    float: right;
    vertical-align: top;
}

.pageCommands a, .pageCommand, .pageCommands input[type=submit], .pageCommands input[type=button] {
    background: url("images/btn_grey.jpg") repeat-x;
    padding: 4px 20px;
    font-size: 16px;
    color: #333333;
    margin: .25em;
    height: 28px;
    letter-spacing: .5px;
    text-decoration: none;
    font-family: helvetica67,Arial,sans-serif;
    text-shadow: 1px 1px #FFFFFF;
    cursor: pointer;
    border: 1px solid #CCCCCC;
}

.pageCommands a:hover, a.pageCommand:hover, .pageCommands input[type=submit]:hover, .pageCommands input[type=button]:hover {
    background: url("images/btn_light.jpg") repeat-x;
    color: #000000;
    border: 1px solid #CCCCCC;
}

.pageCommandsPopUp {
    margin: .5em;
    float: right;
    vertical-align: top;
}

.pageCommandsPopUp a, .pageCommandsPopUp input[type=submit], .pageCommandsPopUp input[type=button] {
    border-radius: 10px;
    background: url("images/btn_grey.jpg") repeat-x;
    padding: .25em;
    font-size: 1em;
    letter-spacing: .1em;
    color: #E31B23;
    margin: .25em;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #CCCCCC;
}

.pageCommandsPopUp a:hover, .pageCommandsPopUp input[type=submit]:hover, .pageCommandsPopUp input[type=button]:hover {
    background: url("images/btn_light.jpg") repeat-x;
    color: #000000;
    border: 1px solid #CCCCCC;
}

/*#region entityList*/
.entityList {
    width: 100%;
    text-align: left;
}

.entityList th {
    letter-spacing: .075em;
    font-size: 1em;
    text-align: left;
    padding: .5em;
}

.entityList td {
    padding: .7em;
    border-top: 1px dotted #CCCCCC;
    font-size: 1em;
}
/*#endregion entityList*/

.loading {
    background: url("images/loading.gif") no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
}

.dialogHideClose .ui-dialog-titlebar-close {
    display: none;
}

.hidden {
    display: none;
}

.correct {
    color: Green;
    font-weight: bold;
}

.incorrect {
    color: Red;
    font-weight: bold;
}

/* Fix for jquery button border issues in chrome */
.ui-button-text-only .ui-button-text {
    padding: .4em 1.1em;
}

/* Fixes a firefox bug regarding fieldset sizing: http://stackoverflow.com/questions/1673346/fieldset-firefox-overflow-css-fix */
.fieldSetOverflowFix {
    display: table-column; /* hack for firefox, impact just ie */
    display: block; /* to allow action items to be displayed in ie11*/
    display: /*\**/ block\9; /* hack for ie */
}

.multiselect {
    width: 30em;
    height: 15em;
    border: solid 1px #c0c0c0;
    overflow-y: scroll;
}

.multiselect input {
    margin-right: 0.5em;
}

.multiselect label {
    display: block;
    padding: 1px;
}

ul.navigation, ul.navigation > li > a {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 1em;
}

ul.navigation > li > a:hover {
    text-decoration: none;
    font-size: 1em;
    background: url("images/ico_redSquare.gif") no-repeat;
    background-position: 1.50em 4px;
}

ul.navigation > li > a.selected {
    display: inline-block;
    white-space: nowrap;
    font-size: 1em;
    color: #444;
    background: url("images/ico_redSquare.gif") no-repeat;
    background-position: 1.50em 4px;
    font-family: Helvetica,Arial,sans-serif;
}

.noActionItems {
    font-size: 1.25em;
    color: grey;    
    font-family: Helvetica67,Arial,san-serif;
}

.productCategory {
    font-size: 1.25em;
    color: green;    
    font-family: Helvetica67,Arial,san-serif;
}

.propertyItemReadonly{
    display:inline-block;
    margin-right:5px;
    text-align:right;
}

.floatTextEditorRight table, .floatTextEditorRight div{
    float:right;
}

.borderless
{
	border: none !important;
}

.propertyItemNotApplicable {
    font-style: italic;
}

    .propertyItemNotApplicable input{
        background-color : #bbb;
        cursor:auto;                
    }

label.formulationstatus {
  margin-bottom: 0px;
  font-size: 14px;  
  font-family: helvetica57, arial;
}

.stopLight {
    display:inline-block;    
    border-radius: 100%;
    width:15px;
    height:15px;
    vertical-align: bottom;
}