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

/* 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: 22;
    height: 20;
    background-color: #e9e9eb;
    border: none;
    background-image: url('../../Modules/Common/Controls/IndexSelect/Icons/PageCountChange.gif');
    cursor: hand;
}

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

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

.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: #000000;
}

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

.IndexSelect_ItemA:visited {
    font-weight: normal;
    color: #000000;
    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: hand;
}

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

/* 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: hand;
}

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

.menuCategoryOver {
    background-color: #A5BAD6;
    cursor: hand;
}

.menuCommandNormal {
    background-color: #FFFFFF;
    border-left: 10px solid #CECECE;
    border-bottom: 1px solid #CECECE;
    cursor: hand;
    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: hand;
}

/* angel - addition for info tables (those pretty tables with the yellow-ish background color & the info icon )*/
.infoTableStyle {
    /*BORDER-RIGHT: 1px solid; 
    BORDER-TOP: 1px solid; 
    BORDER-LEFT: 1px solid; 
    BORDER-BOTTOM: 1px solid; 
    BORDER-COLLAPSE: collapse;*/
    BACKGROUND-COLOR: #FFFFE1;
}

/* yiannis - additions for new modules */
.restCharacters {
    FONT-SIZE: 10px;
    FONT-FAMILY: Tahoma;
    color: gray;
    padding: 0 0 0 5px;
}

.formTableStyle {
}

.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: 2 5 3 2;
    width: 100%;
    height: 22px;
    border-right: buttonshadow 1px solid;
    border-top: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    border-bottom: buttonshadow 1px solid;
    background-color: #e9e9eb;
    color: #000000;
    font-family: Tahoma;
    font-size: 9pt;
}

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

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

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

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

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

.formHeaderStyle {
    padding: 2 2 2 2;
    width: 100%;
    border: activeborder 1px solid;
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: Tahoma;
    background-color: #e9e9eb;
}

.formTextBoxStyle {
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: Tahoma;
}

.formReadOnlyTextBoxStyle {
    padding: 1 5 1 5;
    border: activeborder 1px solid;
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: Tahoma;
    background-color: #e9e9eb;
}

.formWhiteReadOnlyTextBoxStyle {
    padding: 1 5 1 5;
    border: activeborder 1px solid;
    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: hand;
}

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

.formActionsTable {
}

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

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

.formInfoPanel {
    padding: 2 5 2 5;
    border: 1 1 1 1 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: hand;
}

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

/* Frame Styles */
BODY {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 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: 16;
    height: 14;
    border: none;
    cursor: hand;
}

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: 15;
    height: 15;
    border: solid 1px #889DB0;
    cursor: hand;
}

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;
}
/*TD.ChartMonthEnd{background-color:whitesmoke;border-right:solid 1px buttonshadow;}*/
.ChartLevel1 {
    background-color: #75040a;
    cursor: hand;
}

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

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

TD.ChartCenter {
    text-align: center;
}

TD.ChartRight {
    text-align: right;
}

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

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

.buttonWhiteOnLightgray {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #E4EBEF;
    border: 1px solid #000000;
    cursor: hand;
}

.Button {
    font-family: Verdana;
    font-size: 7pt;
    font-weight: normal;
    background-color: #e9e9eb;
    color: #000000;
    border-left: 1px solid #FCFCFC;
    border-top: 1px solid #FCFCFC;
    border-right: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
    padding: 2px;
    cursor: hand;
}

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

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

.Form_Button {
    cursor: hand;
    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 #000000;
    border-bottom: 1px solid #000000;
    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: #000000;
    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 { /*color: black;*/
    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: hand;
}

/*
.FrameSet_Main {padding:10px;border-left:3px solid #A2B9D0;scrollbar-3Dlight-color:#B3C6D7;scrollbar-arrow-color:#A2B9D0;scrollbar-base-color:#A2B9D0;scrollbar-darkshadow-color:#E5EAF0;scrollbar-face-color:#E5EAF0;scrollbar-highlight-color:#E5EAF0;scrollbar-shadow-color:#A2B9D0;scrollbar-track-color:#E5EAF0;}
.FrameSet_Procedures {background-color:#E5EAF0;background-image:url('../left_grad.jpg');background-position:left bottom;background-repeat:no-repeat;scrollbar-3Dlight-color:#CECECE;scrollbar-arrow-color:#FFFFFF;scrollbar-base-color:#6699CC;scrollbar-darkshadow-color:#CECECE;scrollbar-face-color:#6699CC;scrollbar-highlight-color:#6699CC;scrollbar-shadow-color:#6699CC;scrollbar-track-color:#EEEBE4;overflow:hidden;}
.FrameSet_Entities {background-color:#889DB0;}
.FrameSet_Entities INPUT {font-family:Verdana;font-size:10pt;font-weight:bold;color:#FFFFFF;background-color:transparent;border:none;cursor:hand;}
.FrameSet_Path {background-color:#A2B9D0;background-image:url('../Watermark/Path.gif');background-position:left center;background-repeat:no-repeat;padding-left:25px;}
.FrameSet_Path TD {font-family:Verdana;font-size:11px;font-weight:bold;letter-spacing:-1px;color:#566D82;}
.FrameSet_Bottom {background-color:#889DB0;}
.FrameSet_Bottom TD {font-family:Verdana;font-size:10pt;font-weight:bold;color:#FFFFFF;border:none;}
.FrameSet_Bottom INPUT {font-family:Verdana;font-size:10pt;font-weight:bold;color:#FFFFFF;background-color:transparent;border:none;cursor:hand;}
*/
/* Login Styles*/
INPUT.LgnButton {
    PADDING: 4;
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: transparent;
    BORDER: solid 1px ActiveBorder;
    cursor: hand;
    FONT-SIZE: 10.5pt;
    font-family: Calibri;
}

body.login {
    font-family: Calibri;
    background-color: #6B7FBA;
    FONT-SIZE: 10.5pt;
    color: white;
}

.loginLabel {
    font-family: Calibri;
    background-color: #6B7FBA;
    FONT-SIZE: 10.5pt;
    color: white;
}

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

.menuItem {
    FONT-SIZE: 11pt;
    background-color: #6B7FBA;
}

.menu {
    FONT-SIZE: 11pt;
    cursor: hand;
}

.menuSelected {
    FONT-SIZE: 11pt;
    cursor: default;
}

TD.colouredSeparatorStyle {
    BORDER-TOP: #FF5302 3px solid;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #21427b !IMPORTANT;
}
/* petros - additions */
.formLabelStyleTooltip {
    color: MidnightBlue;
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: Tahoma;
}

.Tooltipcolor {
    color: MidnightBlue;
}

.formReadOnlyTextBoxStyleTooltip {
    color: MidnightBlue;
    padding: 1 5 1 5;
    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;
}

.clock {
    border: 0 solid black;
    width: 150px;
    font-family: Tahoma;
    font-size: 11px;
    float: right;
    color: #fff;
    vertical-align: middle;
    text-align: right;
    text-shadow: 1px 1px #000;
}

.validatorStyle {
    border: 0 solid red;
    color: red;
    font-size: 8pt;
    font-family: tahoma;
    font-weight: bold;
    margin: 0;
    /*text-shadow: 1px 1px #000;*/
}


.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;
}

.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 .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: #EEEEEE;
}

.expense-summary .expenseCategory {
    width: 300px;
} 
.expense-summary .description {
    background: #EEEEEE;
}
.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 .certifiedExpenditure {
    background: #fbe0ff !important;
} 
.expense-summary .caution {
    color: red;
}
.expense-summary .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;
}