/****************************************************************************************
'* Copyright Statement                                                                  *
'*                                                                                      *
'* Entire contents (c) 2011 by MTW Solutions LLC.  All rights reserved.                 *
'* Reproduction of this document in any form without prior written permission is        *
'* forbidden.  The information contained herein has been obtained from sources believed *
'* to be reliable.  MTW disclaims all warranties as to the accuracy, completeness or    *
'* adequacy of such information.  MTW shall have no liability for errors, omissions     *
'* or inadequacies in the information contained herein or for interpretation thereof.   *
'* The reader assumes sole responsibility for the selection of these materials to       *
'* achieve its intended results.  The content herein is subject to change without       *
'* notice.                                                                              *
'*                                                                                      *
'* All brands or product names used in this document are acknowledged.                  *
'****************************************************************************************/

/* Import the base styles */
@import url(./base/form.css);
@import url(./base/list.css);
@import url(./base/table.css);
@import url(./base/text.css);
@import url(./base/tabstrip.css);

#thcIdAllocRollupPrograms {
    border-top-width: 0;
}

BODY
{
	background-color: transparent;
}
Panel
{
	height: 450px; width:100%; vertical-align: top; text-align:center;
}
.non-editable-noborder {
    border-right: #afaeae 0px solid;
    border-top: #afaeae 0px solid;
    font-size: 14px;
    border-left: #afaeae 0px solid;
    color: black;
    background-color: #d3d3d3;
    border-bottom: #afaeae 0px solid;
    font-family: verdana;
}
.calc-noborder {
    border-right: #40637a 0px solid;
    border-top: #40637a 0px solid;
    font-size: 14px;
    border-left: #40637a 0px solid;
    color: black;
    border-bottom: #40637a 0px solid;
    font-family: verdana;
}

.editable-border {
    font-size: 14px;
    padding: 5px 15px;
    border: solid 1px #B4B4B4; /*background-color: #FFF;*/
    -moz-box-shadow: inset #DADADA 2px 3px 5px 0px;
    -webkit-box-shadow: inset #DADADA 2px 3px 5px 0px;
    box-shadow: inset #DADADA 2px 3px 5px 0px;
}

.editable-border:focus {
    border: solid 1px #0071B1;
    outline: none;
}


input[type="checkbox"].editable-border, input[type="radio"].editable-border {
    width: 21px;
    height: 20px;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

select.editable-border {
    padding: 5px 15px;
    border: solid 1px #B4B4B4; /*background-color: #FFF;*/
    -moz-box-shadow: inset #DADADA 2px 3px 5px 0px;
    -webkit-box-shadow: inset #DADADA 2px 3px 5px 0px;
    box-shadow: inset #DADADA 2px 3px 5px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: url('../images/select-arrow-down.gif') no-repeat top right;
    padding-right: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
span.editable-border {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input[type="checkbox"].editable-border input:checked {
    background: url('../images/check-on.gif') no-repeat top left;
}


.editable-borderThat {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana; /*background-color: white;*/
}
.editable-border-changed {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: yellow;
}
.editable-border-deleted {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: red;
}
.non-editable-border {
    padding: 5px 15px;
    background-color: #d3d3d3;
    border: solid 1px #B4B4B4;
    -moz-box-shadow: inset #DADADA 2px 3px 5px 0px;
    -webkit-box-shadow: inset #DADADA 2px 3px 5px 0px;
    box-shadow: inset #DADADA 2px 3px 5px 0px;
}
.calc-border {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
}
.error-border {
    border-right: #ff0000 1px solid;
    border-top: #ff0000 1px solid;
    font-size: 14px;
    border-left: #ff0000 1px solid;
    color: black;
    border-bottom: #ff0000 1px solid;
    font-family: verdana; /*background-color: white;*/
}
.error-noborder {
    border-right: #ff0000 1px solid;
    border-top: #ff0000 1px solid;
    font-size: 14px;
    border-left: #ff0000 1px solid;
    color: black;
    border-bottom: #ff0000 1px solid;
    font-family: verdana;
    background-color: #f5deb3;
}
.DropDownList {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: smaller;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: white;
}
.DropDownListChanged {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: yellow;
}
.DropDownListDeleted {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: red;
}
.inputSubmit {
    height: 36px;
    display: inline-block;
    padding: 8.5px 22px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    color: #FFF;
    margin-right: 10px;
    font-size: 14px; /* line-height: 11px; */
    letter-spacing: 0.05em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: #9E9E9E 3px 3px 10px 0px;
    -webkit-box-shadow: #9E9E9E 3px 3px 10px 0px;
    box-shadow: #9E9E9E 3px 3px 10px 0px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODFjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzFiMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0081c5), color-stop(100%, #0071b1));
    background-image: -moz-linear-gradient(#0081c5, #0071b1);
    background-image: -webkit-linear-gradient(#0081c5, #0071b1);
    background-image: linear-gradient(#0081c5, #0071b1);
}

.inputSubmit:hover {
    color: #FFF;
    cursor: pointer;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3NjA4ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #016ca4), color-stop(100%, #07608f));
    background-image: -moz-linear-gradient(#016ca4, #07608f);
    background-image: -webkit-linear-gradient(#016ca4, #07608f);
    background-image: linear-gradient(#016ca4, #07608f);
}

.redFont {
    font-size: 14px;
    color: #990000;
    font-family: verdana;
}
.InstructionLink {
    border-left: #056BA1 medium double;
    border-top: #056BA1 medium double;
    border-right: #056BA1 medium double;
    border-bottom: #056BA1 medium double;
    font-weight: bold;
    height: 5mm;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px; /* background-color: silver; */
}
.sectionHeading {
    font-weight: bold;
    font-size: 14px;
    color: #40637a;
    font-family: Verdana;
}
.headingbodyblock {
    border-right: #990000 1px solid;
    padding-right: 5px;
    border-top: #990000 1px solid;
    padding-left: 5px;
    font-size: 14px;
    padding-bottom: 5px;
    border-left: #990000 1px solid;
    padding-top: 5px;
    border-bottom: #990000 1px solid;
    font-family: verdana;
}
.bodyblock {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    border-left: #40637a 1px solid;
    border-bottom: #40637a 1px solid;
}
.bodycontent {
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-family: verdana;
}
.heading {
    padding-right: 4px;
    background-position: right 50%;
    padding-left: 4px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 4px;
    width: 100%;
    color: white;
    padding-top: 4px;
    background-repeat: no-repeat;
    font-family: verdana;
    background-color: #990000;
}
.gradientHeading {
    padding-right: 4px;
    background-position: right 50%;
    padding-left: 4px;
    font-weight: bold;
    font-size: 10pt;
    padding-bottom: 4px;
    width: 100%;
    color: white;
    padding-top: 4px;
    background-repeat: no-repeat;
    font-family: verdana;
    background-color: #990000;
    color: White;
}
.subheading {
    border-right: #40637a 1px solid;
    padding-right: 4px;
    border-top: #40637a 1px solid;
    padding-left: 4px;
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px;
    border-left: #40637a 1px solid;
    width: 100%;
    color: white;
    padding-top: 4px;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
}
.resultHeading {
    font-size: 16px;
    line-height: 18px;
    background-color: #0081C5;
    /*
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    border-top: solid 1px #000;
    */
    color: #FFF;
    font-weight: 700;
}

.tableHeading {
    background-color: #333366;
    font-weight: bold;
    color: #ffffff;
}

.gmsFooter {
    background-color: transparent;
}

.resultblock {
    border-right: #326d32 1px solid;
    border-top: #326d32 1px solid;
    margin: 5px;
    border-left: #326d32 1px solid;
    border-bottom: #326d32 1px solid;
}
.formheading {
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    width: 100%;
    color: white;
    padding-top: 4px;
    font-family: verdana;
    background-color: #838b8b;
    text-align: left;
}
.formblock {
    border-right: #838b8b 1px solid;
    border-top: #838b8b 1px solid;
    margin: 5px;
    border-left: #838b8b 1px solid;
    border-bottom: #838b8b 1px solid;
}
.textfield {
    border-right: #40637a 1px solid;
    border-top: #40637a 1px solid;
    font-size: 14px;
    border-left: #40637a 1px solid;
    color: black;
    border-bottom: #40637a 1px solid;
    font-family: verdana;
    background-color: white;
}
.disabledtextfield {
    border-right: #afaeae 1px solid;
    border-top: #afaeae 1px solid;
    font-size: 14px;
    border-left: #afaeae 1px solid;
    color: black;
    border-bottom: #afaeae 1px solid;
    font-family: verdana;
    background-color: #dedede;
}
.selectfield {
    font-size: 14px;
    color: black;
    font-family: verdana;
    background-color: white;
}
.button {
    border-top: silver thin solid;
    font-size: 14px;
    border-left: silver thin solid;
    cursor: hand;
    color: white;
    border-bottom: gray thin solid;
    font-family: verdana;
    background-color: #1B1E58;
}
.listitemhi {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    width: 100%;
    padding-top: 2px;
    background-color: #cfc9c0;
}
.listitem {
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    width: 100%;
    padding-top: 2px;
}
.mandatory {
    font-weight: bold;
}
.listViewLabel {
    font-weight: bold;
    cursor: hand;
    text-decoration: underline;
}
.ipmContentBorderStyle {
    border-right: #990000 2px solid;
    border-top: medium none;
    border-left: #990000 2px solid;
    border-bottom-style: none;
}

.lightRowColor {
    background-color: #f5f5f5;
}
.darkRowColor {
    background-color: #d3d3d3;
}

div.arrow input {
    background: url(../images/arrows.PNG) no-repeat scroll 0px -16px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    border: none;
}

div.up input {
    background-position: 0px 0px;
}

table.tablesorter thead tr .header {
    background-image: url(../images/updownarrow.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    padding-right: 20px;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/descArrow.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/ascArrow.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

.filePathReport {
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-color: Green;
}

.header-image-fullwidth {
    width: 100%;
}



/**********************************************
* New Styles
**********************************************/
.action-button {
    height: 36px;
    display: inline-block;
    padding: 8.5px 22px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    color: #FFF;
    margin-right: 10px;
    font-size: 14px; /* line-height: 11px; */
    letter-spacing: 0.05em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: #9E9E9E 3px 3px 10px 0px;
    -webkit-box-shadow: #9E9E9E 3px 3px 10px 0px;
    box-shadow: #9E9E9E 3px 3px 10px 0px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODFjNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzFiMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0081c5), color-stop(100%, #0071b1));
    background-image: -moz-linear-gradient(#0081c5, #0071b1);
    background-image: -webkit-linear-gradient(#0081c5, #0071b1);
    background-image: linear-gradient(#0081c5, #0071b1);
}

.action-button:hover {
    color: #FFF;
    cursor: pointer;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNmNhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3NjA4ZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #016ca4), color-stop(100%, #07608f));
    background-image: -moz-linear-gradient(#016ca4, #07608f);
    background-image: -webkit-linear-gradient(#016ca4, #07608f);
    background-image: linear-gradient(#016ca4, #07608f);
}

#WebFooter_userID {
    font-size: 12px;
}

.resultHeading th {
    font-size: 1em;
    line-height: 1.33333em;
    background-color: #0081C5;
    border: solid 1px #000;
    color: #FFF;
    font-weight: 700;
    text-align: center;
}

.resultHeading td {
    font-size: 1em;
    line-height: 1.33333em;
    background-color: #0081C5;
    border: solid 1px #000;
    color: #FFF;
    font-weight: 700;
    text-align: center;
}
 
/**********************************************
* Change Cells within a Table red - Used within ScoringSummary
**********************************************/

.eGMSTableRowRed .eGMSTableCellRed{
    color: red;
}