/* soter : calendar */
.calen {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid #000;
}

/* Select Index Styles */
.IndexSelect_PrintButton {
    height: 29px;
    width: 29px;
    background-image: url('../../Modules/Common/Controls/IndexSelect/Icons/Print.gif');
    background-repeat: no-repeat;
    background-position: center;
}

.IndexSelect_ExcelButton {
    height: 29px;
    width: 29px;
    background: #e9e9eb url('../../Modules/Common/Controls/IndexSelect/Icons/excel.gif') no-repeat center;
}

.IndexSelect_GoButton {
    width: 22px;
    height: 20px;
    background-color: #e9e9eb;
    border: none;
    background-image: url('../../Modules/Common/Controls/IndexSelect/Icons/PageCountChange.gif');
    cursor: pointer;
}

.IndexSelect_PageNextButton {
    width: 22px;
    height: 20px;
    background-color: #e9e9eb;
    border: none;
    background-image: url('../../Modules/Common/Controls/IndexSelect/Icons/PageNext.gif');
    cursor: pointer;
}

.IndexSelect_PagePrevButton {
    width: 22px;
    height: 20px;
    background-color: #e9e9eb;
    border: none;
    background-image: url('../../Modules/Common/Controls/IndexSelect/Icons/PagePrevious.gif');
    cursor: pointer;
}

.IndexSelect_Title {
    background-color: #e9e9eb;
    border: 1px solid #b3b1a5;
}

.IndexSelect_TitleText {
    font-family: Verdana;
    font-size: 10pt;
    background-color: #e9e9eb;
}

.IndexSelect_Literal {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
}

.IndexSelect_ItemA:link {
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}

.IndexSelect_ItemA:visited {
    font-weight: normal;
    color: #000;
    text-decoration: underline;
}

.IndexSelect_ItemA:active {
    font-weight: normal;
    color: #edc403;
    text-decoration: underline;
}

.IndexSelect_ItemA:hover {
    font-weight: normal;
    color: #edc403;
    text-decoration: underline;
}

.IndexSelect_Toolbar {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: red;
    cursor: pointer;
}

.IndexSelect_Toolbar_ReadOnly {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    color: #000;
    cursor: pointer;
}

/* Menu Styles */
.menuCategoryNormal {
    background-color: #889db0;
    border-top: 1px solid #c7d0db;
    border-left: 1px solid #c7d0db;
    border-bottom: 1px solid #687f98;
    border-right: 1px solid #687f98;
    cursor: pointer;
}

    .menuCategoryNormal td {
        color: #fff;
        font-family: Verdana;
        font-size: 8pt;
        font-weight: normal;
        letter-spacing: -1px;
    }

.menuCategoryOver {
    background-color: #a5bad6;
    cursor: pointer;
}

.menuCommandNormal {
    background-color: #fff;
    border-left: 10px solid #cecece;
    border-bottom: 1px solid #cecece;
    cursor: pointer;
    padding-top: 1px;
    padding-right: 3px;
    padding-bottom: 1px;
}

    .menuCommandNormal td {
        color: #606060;
        font-family: Verdana;
        font-size: 8pt;
        font-weight: normal;
        letter-spacing: -1px;
    }

.menuCommandOver {
    background-color: #cecece;
    border-left: 10px solid #cecece;
    cursor: pointer;
}

.infoTableStyle {
    background-color: #ffffe1;
}

.restCharacters {
    font-size: 10px;
    font-family: Tahoma;
    color: gray;
    padding-left: 5px;
}

.formHeaderLabelStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
}

.gridFooterLabelStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
}

.redformLabelStyle {
    color: red;
    font-size: 8.5pt;
    font-family: Tahoma;
}

.formLabelStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
}

.formLabelHeaderStyle {
    padding: 2px 5px 3px 2px;
    width: 100%;
    height: 22px;
    border-right: buttonshadow 1px solid;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-bottom: buttonshadow 1px solid;
    background-color: #e9e9eb;
    color: #000;
    font-family: Tahoma;
    font-size: 9pt;
}

.formLabelHeaderCellStyle {
    padding: 2px 5px 3px 2px;
    height: 22px;
    border-right: buttonshadow 1px solid;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-bottom: buttonshadow 1px solid;
    background-color: #e9e9eb;
    color: #000;
    font-family: Tahoma;
    font-size: 9pt;
}

.formInfoHeaderStyle {
    padding: 2px 5px 3px 2px;
    width: 100%;
    height: 22px;
    border: buttonshadow 1px solid;
    background-color: #e9e9eb;
    color: #000;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.formInfoHeaderStyle-noWidth {
    padding: 2px 5px 3px 2px;
    height: 22px;
    background-color: #e9e9eb;
    color: #000;
    font-family: Tahoma;
    font-size: 8.5pt;
}

.checkpointCategoryTitleStyle {
    padding: 2px 5px 3px 2px;
    width: 100%;
    height: 22px;
    border: buttonshadow 1px solid;
    background-color: #d9d8c6;
    color: #000;
    font-family: Tahoma;
    font-size: 10pt;
}

.formLabelPlainHeaderStyle {
    padding: 2px 5px 3px 2px;
    width: 100%;
    height: 22px;
    color: #000;
    font-family: Tahoma;
    font-size: 9pt;
}

.formHeaderStyle {
    padding: 2px 2px 2px 2px;
    width: 100%;
    border: 0 solid activeborder;
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}

.formTextBoxStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
}

.formReadOnlyTextBoxStyle {
    padding: 1px 5px 1px 5px;
    border: 0 solid activeborder;
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}

.formWhiteReadOnlyTextBoxStyle {
    padding: 1px 5px 1px 5px;
    border: 0 solid activeborder;
    font-size: 8.5pt;
    font-family: Tahoma;
}

.dlgHeaderLabelStyle {
    font-size: 9pt;
    font-family: Tahoma;
}

.dlgMessageLabelStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
}

.formHeaderCellStyle {
    border-right: activeborder 1px outset;
    border-top: activeborder 1px outset;
    border-left: activeborder 1px outset;
    text-indent: 1pt;
    border-bottom: activeborder 1px outset;
    height: 20px;
    background-color: #e9e9eb;
}

.formButtonStyle {
    border-right: darkgray 1px ridge;
    border-top: darkgray 1px ridge;
    font-size: 8.25pt;
    border-left: darkgray 1px ridge;
    border-bottom: darkgray 1px ridge;
    font-family: Tahoma;
    cursor: pointer;
}

.formMainHeaderDivStyle {
    width: 100%;
    height: 28px;
    padding: 2px 5px 3px 2px;
    border-right: buttonshadow 1px solid;
    border-top: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    border-bottom: buttonshadow 1px solid;
    background-color: #e9e9eb;
    color: #000;
    font-family: Tahoma;
    font-size: 9pt;
}

.formAction {
    padding: 2px 2px 2px 2px;
    border: 1px solid #fff;
    background-color: #f5f5f5;
    cursor: pointer;
    font-size: 8.25pt;
    font-family: Tahoma;
    vertical-align: middle;
}

.filterExpressions {
    font-size: 8.25pt;
    font-family: Tahoma;
    vertical-align: middle;
}

.formInfoPanel {
    padding: 2px 5px 2px 5px;
    border: 1px solid #e9e9eb;
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: InfoBackground;
    cursor: default;
    vertical-align: middle;
}

.AddedCellStyle {
    border-right: activeborder 1px outset;
    border-top: activeborder 1px outset;
    border-left: activeborder 1px outset;
    text-indent: 1pt;
    border-bottom: activeborder 1px outset;
    height: 20px;
    background-color: #C7F1C9;
}

.DeletedHeaderCellStyle {
    border-right: activeborder 1px outset;
    border-top: activeborder 1px outset;
    border-left: activeborder 1px outset;
    text-indent: 1pt;
    border-bottom: activeborder 1px outset;
    height: 20px;
    background-color: #EDA7A5;
}

.NormalHeaderCellStyle {
    border-right: activeborder 1px outset;
    border-top: activeborder 1px outset;
    border-left: activeborder 1px outset;
    text-indent: 1pt;
    border-bottom: activeborder 1px outset;
    height: 20px;
    background-color: infobackground;
}

BUTTON {
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}

.formMainHeaderDivStyle BUTTON {
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}

input.formButton {
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
    cursor: pointer;
}

select {
    font-size: 8.5pt;
    font-family: Tahoma;
    border: solid 1px #000;
}

/* Frame Styles */
body {
    margin: 0;
}

.HeaderText {
    font-family: Verdana;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: -1px;
    color: #889db0;
    border: none;
}

.BackColor {
    background-color: #e5eaf0;
}

.BorderColor {
    background-color: #889db0;
}

/* Window Buttons*/
input.WindowButton {
    width: 16px;
    height: 14px;
    border: none;
    cursor: pointer;
}

input.ButtonMinimize {
    background-image: url('../Window/Minimize.gif');
}

input.ButtonLogout {
    background-image: url('../Window/Logout.gif');
}

input.ButtonClose {
    background-image: url('../Window/Close.gif');
}

input.Button {
    background-color: #e5eaf0;
    background-repeat: no-repeat;
    background-position: center center;
    width: 15px;
    height: 15px;
    border: solid 1px #889db0;
    cursor: pointer;
}

input.ButtonDocOpen {
    background-image: url('../Window/DocOpen.gif');
}

input.ButtonDocPopup {
    background-image: url('../Window/DocPopup.gif');
}

/* GanttChart Styles */
TABLE.ChartTable {
    font-family: Tahoma;
    font-size: 8.5pt;
    width: 100%;
}

td.ChartIndex {
    border-bottom: buttonshadow 1px solid;
    border-right: buttonshadow 1px solid;
    text-align: center;
}

td.ChartLabel {
    border-bottom: buttonshadow 1px solid;
    border-right: buttonshadow 1px solid;
}

td.ChartCell {
    border-bottom: buttonshadow 1px solid;
}

td.ChartLabelLevel {
    border-bottom: buttonshadow 1px solid;
    border-left: buttonshadow 1px solid;
    border-right: buttonshadow 1px solid;
    text-align: center;
}

td.LinkPopup {
    font-family: Tahoma;
    font-size: 8.5pt;
    color: White;
}

td.ChartMonth {
    background-color: whitesmoke;
}

.ChartLevel1 {
    background-color: #75040a;
    cursor: pointer;
}

.ChartLevel2 {
    background-color: #d54f5a;
    cursor: pointer;
}

.ChartPoint1 {
    background-color: #24bb2a;
    cursor: pointer;
}

td.ChartCenter {
    text-align: center;
}

td.ChartRight {
    text-align: right;
}

/* */
.labelWhite {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #000;
}

.inputBlackOnWhite {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    border: 1px solid #000;
}

.buttonWhiteOnLightgray {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #000;
    background-color: #e4ebef;
    border: 1px solid #000;
    cursor: pointer;
}

.Button {
    font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
    background-color: #e9e9eb;
    color: #000;
    border-left: 1px solid #fcfcfc;
    border-top: 1px solid #fcfcfc;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 2px;
    cursor: pointer;
}


.Form_List {
    font-family: Arial;
    font-size: 9pt;
    font-weight: normal;
}

.Form_Buttons {
    height: 40px;
    text-align: center;
}

.Form_Button {
    cursor: pointer;
    font-family: Verdana;
    font-size: 11px;
    letter-spacing: -1px;
    width: 100px;
    margin-left: 5px;
    margin-right: 5px;
    border-left: 1px solid #889db0;
    border-top: 1px solid #889db0;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #e9e9eb;
}

.Form_SupportButton {
    height: 40px;
    font-family: Arial;
    font-size: 9pt;
    letter-spacing: -1px;
    width: 100px;
    margin-left: 5px;
    margin-right: 5px;
    border-left: 1px solid #fcfcfc;
    border-top: 1px solid #fcfcfc;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.formButton1 {
    text-align: center;
    width: 80px;
    font-size: 8pt;
    font-family: Tahoma;
    padding: 2px 4px 2px 4px;
    font-weight: normal;
    background-color: #e9e9eb;
    color: #000;
    border-right: darkgray 1px ridge;
    border-top: darkgray 1px ridge;
    border-left: darkgray 1px ridge;
    border-bottom: darkgray 1px ridge;
}

A.formButton1:link {
    background-color: #e9e9eb;
    text-decoration: none;
}

A.formButton1:visited {
    background-color: #e9e9eb;
    text-decoration: none;
}

A.formButton1:active {
    background-color: #e9e9eb;
    text-decoration: none;
}

A.formButton1:hover {
    background-color: #e9e9eb;
    text-decoration: none;
}

A:link {
    color: #205786;
    text-decoration: none;
}

a:visited {
    color: #205786;
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    color: #205786;
    text-decoration: underline;
}

.editBack {
    background-color: #fefcfd;
}

.editDialogBack {
    background-color: #e9e9eb;
}

.readOnlyBack {
    font-size: 8.5pt;
    font-family: tahoma;
    background-color: #ffffe1;
}

.newreadOnlyBack {
    font-size: 8.0pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}

.border {
    border: inset 1px activeborder;
}

.hand {
    cursor: pointer;
}


/* Login Styles*/
input.LgnButton {
    padding: 4px;
    font-WEIGHT: bold;
    color: white;
    background-color: transparent;
    border: solid 1px ActiveBorder;
    border-radius: .3em;
    cursor: pointer;
    font-size: 10.5pt;
    font-family: Calibri;
}

body.login {
    font-family: Calibri;
    background-color: #3976a5;
    font-size: 10.5pt;
    color: white;
}

.loginLabel {
    font-family: Calibri;
    background-color: #3976a5;
    font-size: 10.5pt;
    color: white;
}

.selectedMenuItem {
    filter: progid:DXImageTransform.microsoft.gradient(startColorstr=#3976a5, endColorstr=#4085ba, GradientType:1); /* for IE */
    background: -webkit-gradient(linear, left top, right top, from(#3976a5), to(#4085ba)); /* for webkit browsers */
    background: -moz-linear-gradient(left, #3976a5, #4085ba); /* for firefox 3.6+ */
}

.menuItem {
    font-size: 11pt;
    background-color: #3976a5;
}

.menu {
    font-size: 11pt;
    cursor: pointer;
}

.menuSelected {
    font-size: 11pt;
    cursor: default;
}

td.colouredSeparatorStyle {
    border-top: #FF5302 3px solid;
    color: #fff;
    background-color: #21427b !important;
}
/* petros - additions */
.formLabelStyleTooltip {
    color: MidnightBlue;
    font-size: 8.5pt;
    font-family: Tahoma;
}

.Tooltipcolor {
    color: MidnightBlue;
}

.formReadOnlyTextBoxStyleTooltip {
    color: MidnightBlue;
    padding: 1px 5px 1px 5px;
    border: activeborder 1px solid;
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #e9e9eb;
}




.successColor {
    color: #148906;
}

.errorColor {
    color: #d70d0d;
}

.notEditable {
    padding: 5px 0;
    font: bold 11px Tahoma;
    text-align: center;
}

.validatorStyle {
    border: 0 solid red;
    color: red;
    font-size: 8pt;
    font-family: tahoma;
    font-weight: bold;
    margin: 0;
}



.infoReadOnlyTextBoxStyle {
    font-size: 8.5pt;
    font-family: Tahoma;
    background-color: #fffbb3;
}


.linkButton {
    font-size: 8.5pt;
    font-family: Tahoma;
    color: MidnightBlue;
    text-decoration: underline;
}


.tableDesign {
    width: 70em;
    font: normal 0.7em Tahoma;
    border-collapse: separate;
    border-spacing: 0.2em;
}

.textLeft {
    text-align: left;
}

.textRight {
    text-align: right;
}

.textCenter {
    text-align: center;
}

.alignTop {
    vertical-align: top;
}

.alignBottom {
    vertical-align: bottom;
}

.alignMiddle {
    vertical-align: middle;
}

.bold {
    font-weight: bold;
}

.extraSmall {
    font-size: 0.6em;
}

.small {
    font-size: 0.8em;
}

.normal {
    font-size: inherit;
}

.large {
    font-size: 1.2em;
}

.extraLarge {
    font-size: 1.5em;
}

.smallPadding {
    padding: 0.4em 0.4em;
}

.bigPadding {
    padding: 1em 1em;
}

.toolTip {
    background-color: #fdfebf;
}

.ttp .toolTip {
    background-color: transparent;
}

    .ttp .tooltip .tooltip-inner {
        background-color: #ffffd1;
        border: 1px solid #161515;
        color: #333;
        font-weight: 600;
        opacity: 1 !important;
    }

    .ttp .tooltip .show {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

    .ttp .tooltip.in {
        opacity: 1 !important;
        filter: alpha(opacity=100) !important;
    }

.overflow-tooltip .tooltip.top > .tooltip-arrow {
    left: 50% !important;
}

.overflow-tooltip .tooltip.top {
    left: auto !important;
}



.lightGrey {
    background-color: #ddd;
}

.darkGrey {
    background-color: #bbb;
}

.expense-summary .detail-button,
.expense-summary .detailall-button {
    display: none;
}

.expense-summary #tableTitle {
    background: #ffff94;
    color: black;
    font-weight: bold;
    font-size: 11px;
    width: 1200px;
    min-height: 0;
}

.expense-summary #hlpPanel {
    width: 1200px;
}

.expense-summary .samis-table {
    width: 1200px;
    max-width: none;
    table-layout: fixed;
}

.expense-summary .expense-summary-subtitle {
    background: #d0d0d0;
    color: black;
    font-weight: bold;
    font-size: 11px;
    min-height: 0;
    text-align: center;
    padding: 3px;
}

.expense-summary div.expense-summary-subtitle {
    width: 1200px;
}

.expense-summary td,
.expense-summary th {
    border: 1px solid #fefcfd !important;
    background: #eee;
}

.expense-summary .expenseCategory {
    width: 300px;
}

.expense-summary .description {
    background: #eee;
}

.expense-summary table tr .contractor {
    display: none;
}

.expense-summary .approved,
.expense-summary .eligibleBudget,
.expense-summary .totalBudget,
.expense-summary .addIntensity,
.expense-summary table tr :nth-child(5),
.expense-summary .publicExpenditure {
    background: #d6eafe;
}

.expense-summary .incurredExpenditure,
.expense-summary .purchase-voucher,
.expense-summary .eligibleBudgetFromVouchers,
.expense-summary .totalBudgetFromVouchers,
.expense-summary .addIntensityFromVouchers,
.expense-summary table tr :nth-child(9),
.expense-summary .publicExpenditureFromVouchers {
    background: #c2ffa3;
}

.expense-summary .caution {
    color: red;
}

.expense-summary .sum-row {
    font-weight: bold;
}





.expense-summaryPV .totalBudget,
.expense-summaryPV .incurredExpenditure,
.expense-summaryPV .certifiedExpenditure,
.expense-summaryPV .currentExpenditure,
.expense-summaryPV .totalExpenditure {
    background: #d6eafe;
}

.expense-summaryPV .totalBudget_PV,
.expense-summaryPV .incurredExpenditure_PV,
.expense-summaryPV .certifiedExpenditure_PV,
.expense-summaryPV .currentExpenditure_PV,
.expense-summaryPV .totalExpenditure_PV {
    background: #c2ffa3;
}

.expense-summaryPV .detail-button,
.expense-summaryPV .detailall-button {
    display: none;
}

.expense-summaryPV #tableTitle {
    background: #ffff94;
    color: black;
    font-weight: bold;
    font-size: 11px;
    width: 1200px;
    min-height: 0;
}

.expense-summaryPV #hlpPanel {
    width: 1200px;
}

.expense-summaryPV .samis-table {
    width: 1200px;
    max-width: none;
    table-layout: fixed;
}

.expense-summaryPV .expense-summary-subtitle {
    background: #d0d0d0;
    color: black;
    font-weight: bold;
    font-size: 11px;
    min-height: 0;
    text-align: center;
    padding: 3px;
}

.expense-summaryPV div.expense-summary-subtitle {
    width: 1200px;
}

.expense-summaryPV td,
.expense-summaryPV th {
    border: 1px solid #fefcfd !important;
    background: #eee;
}

.expense-summaryPV .expenseCategory {
    width: 300px;
}

.expense-summaryPV .description {
    background: #eee;
}

.expense-summaryPV table tr .contractor {
    display: none;
}

.expense-summaryPV .caution {
    color: red;
}

.expense-summaryPV .sum-row {
    font-weight: bold;
}


.jexcel-detail-grid {
    margin-left: -80px;
}

table.jexcel > thead > tr > td {
    white-space: normal;
    z-index: 1000;
}

.m2m-bind .sum-row {
    font-weight: bold;
}

.m2m-bind .samis-table {
    width: 1200px;
    max-width: none;
    table-layout: fixed;
}

.m2m-bind #tableTitle {
    width: 1200px;
}

.m2m-bind #hlpPanel {
    width: 1200px;
}


.width100 {
    width: 100px;
}

.width150 {
    width: 150px;
}

.width300 {
    width: 300px;
}

.width500 {
    width: 500px;
}

.indicatorsInput {
    font-family: Tahoma, Arial;
    font-size: 8.5pt;
}

.message-div1 {
    border: 0px solid white;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 1rem;
    text-align: right;
    width: 100%;
}

.message-div2 {
    background-color: #eee8a9;
    border: 0px solid white;
    border-radius: .5rem;
    color: #3C508E;
    font-size: 14px;
    font-weight: normal;
    overflow: auto;
    margin: 0 auto;
    width: 95%;
}

    .message-div2 span {
        margin: 0;
        padding: 0;
    }

    .message-div2 p {
        border: 0px solid red;
        margin: .5rem;
        padding: 0;
    }
#pnlStepContainer table > .formLabelStyle > tr > td {
    overflow: hidden;
}
.validationAlert {
    background-color: #efefef;
    border: 5px solid #205786;
    border-radius: .5rem;
    color: #000;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
    left: 35%;
    padding: 1rem 1.5rem;
    position: absolute;
    top: 25%;
    width: 20%;
}
.is_formLabel {
    background-color: #e9e9eb;
    border: 1px solid #b9b9b9;
    font-size: 8.5pt;
    font-family: Tahoma;
    padding: 5px;
}
.is_formControl {
    width: 100%;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 8.5pt;
    font-family: Tahoma;
    padding: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
    .is_formControl:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }
    .is_formControl[disabled], .is_formControl[readonly], fieldset[disabled] .is_formControl {
        color: dimgrey;
    }