.error-popup {z-index: 2001; width: 500px; height: 325px; left: 50%; margin: 0px 0px 0px -300px; top: 120px; border-radius: 15px; box-shadow: 10px 10px 5px #888; position: absolute; background-color: White; display: none; overflow: none; }
.error-popup-content {width: 478px; height: 240px; border-left: 1px solid black; border-right: 1px solid black;padding: 10px 10px 10px 10px;}
.error-popup-footer {display: inherit; width: 498px;height: 49px;background-color: #eee;z-index:1003;overflow: auto; border-radius: 0px 0px 14px 14px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}
.error-popup-title {display: inherit; width: 100%;height: 35px;background-color: rgb(75, 74, 60);z-index:1003;overflow: auto; border-radius: 14px 14px 0px 0px;}
.error-popup-title:hover { cursor: move; }
.error-popup-title-label {padding: 6px  2px 2px 16px;text-decoration: none;font-size: 14pt; color: #eee;display : inline;text-align: left;float: left;}
.error-popup-details-button {float: left; margin: 10px 10px 0px 10px;  padding: 8px 0px 0px 0px; text-decoration: none; color: #000; background-color: rgb(255, 231, 16) /*#FFE75C*/; height: 23px; border: 0.5pt solid #111; width: 120px; text-align: center; border-radius: 7px; font-size: 10pt; font-weight: bold; cursor:pointer;}
.error-popup-close-button {float: right; margin: 10px 10px 0px 10px;  padding: 8px 0px 0px 0px; text-decoration: none; color: #000; background-color: rgb(255, 231, 16) /*#FFE75C*/; height: 23px; border: 0.5pt solid #111; width: 80px; text-align: center; border-radius: 7px; font-size: 10pt; font-weight: bold; cursor:pointer;}
#error-popup{z-index: 3000;}
#error-popup-detail-message{float: left;overflow:scroll;width:100%;border:1px solid black;height: 140px;display: none;}

.literal-popup {z-index: 2001; width: 700px; height: 425px; left: 50%; margin: 0px 0px 0px -300px; top: 120px; border-radius: 15px; box-shadow: 10px 10px 5px #888; position: absolute; background-color: White; display: none; overflow: none; }

.literals-popup-content {width: 698px; height: 340px; border-left: 1px solid black; border-right: 1px solid black;}
.literals-popup-footer {display: inherit; width: 698px;height: 49px;background-color: #eee;z-index:1003;overflow: auto; border-radius: 0px 0px 14px 14px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}
.literals-popup-label-area {float: left; text-align: left; padding: 3px 5px 0px 10px; font-size: 10pt;}
.literals-popup-select {float: left; text-align: left; font-size: 10pt; height: 20px; width: 150px; }
.literals-popup-select-right {float: right; text-align: left; font-size: 10pt; height: 20px; width: 150px; margin: 0px 10px 0px 0px; }
.literals-list { width: 670px; height: 100%; margin: 0px 10px 0px 10px; float: left; overflow: hidden; border: 1pt solid black; border-radius: 7px;}
.literals-list-container {width: 100%; overflow: auto;  height: 229px; float: left;}

.literals-list-heading {width: 100%; height: 20px; border-bottom-color: black; border-bottom-width: 1pt; border-bottom-style: dotted; float: left; background-color: rgb(75, 74, 60); border-radius: 7px 7px 0px 0px; font-weight: bold;}
.literals-list-heading-image {width: 20px; height: 20px; float: left; border-right: 1pt dotted silver; }
.literals-img-excl {width: 15px; height: 15px; border: none; margin: 3px 0px 0px 3px; } 
.literals-list-heading-desc { width: 230px; border-right: 1pt dotted black; margin: 0px 4px 0px 4px; float: left; color: #eee; font-size: 9pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; background-color: rgb(75, 74, 60);}
.literals-list-heading-currentvalue {width: 185px; border-right: 1pt dotted black; margin: 0px 2px 0px 2px; float: left; color: #eee; font-size: 9pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; background-color: rgb(75, 74, 60);}
.literals-list-heading-newvalue {width: 195px; margin: 0px 2px 0px 2px; float: left; color: #eee; font-size: 9pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; background-color: rgb(75, 74, 60);}
.literals-list-heading-save {width: 45px; border-right: 1pt dotted black; margin: 0px 2px 0px 2px; float: left; color: #eee; font-size: 9pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; background-color: rgb(75, 74, 60);}

.literals-list-item {height: 20px; border-bottom-color: silver; border-bottom-width: 1pt; border-bottom-style: dotted; float: left;  }
.literals-list-item-image {width: 20px; height: 20px; float: left; border-right: 1pt dotted silver; }
.literals-list-item-desc {width: 230px; border-right: 1pt dotted silver; margin: 0px 4px 0px 4px; float: left; color: Black; font-size: 8pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; }
.literals-list-item-currentvalue {width: 185px; border-right: 1pt dotted silver; margin: 0px 2px 0px 2px; float: left; color: Black; font-size: 8pt; white-space:  nowrap; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; }
.literals-list-item-newvalue {width: 195px; margin: 0px 2px 0px 2px; float: left; color: Black; font-size: 9pt; white-space:  nowrap; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; }
.literals-list-item-save {width: 45px; border-right: 1pt dotted silver; margin: 0px 2px 0px 2px; float: left; color: Black; font-size: 9pt; white-space: normal; overflow:hidden; text-overflow: ellipsis; height: 17px; padding-top: 3px; }
.literal-popup-textbox {width: 100%; float: left; border: none; font-weight: bold; }
.literalLink {text-decoration: underline; color: Blue; font-size: 8pt;}
.literalLink:hover {cursor: pointer;}

.literal-language {z-index: 2001; width: 380px; height: 135px; left: 50%; margin: 0px 0px 0px -190px; top: 220px; border-radius: 15px; box-shadow: 10px 10px 5px #888; position: absolute; background-color: White; display: none; overflow: none; }
.literal-language-title {display: inherit; width: 100%;height: 35px;background-color: rgb(75, 74, 60);z-index:1003;overflow: auto; border-radius: 14px 14px 0px 0px;}
.literal-language-title-label {padding: 6px  2px 2px 16px;text-decoration: none;font-size: 14pt; color: #eee;display : inline;text-align: left;float: left;}
.literal-language-content {width: 378px; height: 50px; border-left: 1px solid black; border-right: 1px solid black;}
.literal-language-container {width: 100%; height: 100%; float: left;}
.literal-language-footer {display: inherit; width: 378px;height: 49px;background-color: #eee;z-index:1003;overflow: auto; border-radius: 0px 0px 14px 14px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}

.literal-selected {background-color: #00FF33; color: Black;}
.literals-popup-button {float: right; margin: 10px 10px 0px 0px;  padding: 8px 0px 0px 0px; text-decoration: none; color: #000; background-color: rgb(255, 231, 16) /*#FFE75C*/; height: 23px; border: 0.5pt solid #111; width: 80px; text-align: center; border-radius: 7px; font-size: 10pt; font-weight: bold; cursor:pointer;}

.literal-popup-container {width: 100%; height: 100%; float: left;}
.literal-popup-section {float:left; width: 100%; margin: 10px 0px 0px 0px; }
.literal-popup-line {float: left; width: 100%; margin: 3px 0px 0px 0px; }
.literal-popup-halfline-left { float: left; width: 290px; margin-left: 10px; font-size: 10pt; text-align: left; padding: 3px 0px 0px 0px; }
.literal-popup-halfline-right { float: right; width: 150px; margin-right: 10px; font-size: 10pt; text-align: right; padding: 3px 0px 0px 0px; }

.literal-popup-title {display: inherit; width: 100%;height: 35px;background-color: rgb(75, 74, 60);z-index:1003;overflow: auto; border-radius: 14px 14px 0px 0px;}
.literal-popup-title:hover { cursor: move; }
.literal-popup-title-label {padding: 6px  2px 2px 16px;text-decoration: none;font-size: 14pt; color: #eee;display : inline;text-align: left;float: left;}

.column-selection-header
{
    float: left;
    width: 585px;
    height: 35px;
    padding: 0px 0px 0px 5px;
	border:solid 1px #C1C1CC;
    color: #000;
    margin: 3px;
}

.column-selection-footer 
{
    width: 100%;
    margin: 0px auto;
    height: 100px;
    padding: 0px;
    color: #eee;
    float: left;
    height: 35px;
    border-top: 1pt solid #C1C1CC;
}

.column-selection-header-title
{
    padding-bottom: 0px;
    padding-left: 0px;
    width: 350px;
    padding-right: 0px;
    float: left;
    height: 35px;
    padding-top: 0px;
    font-weight: bold;
}

.column-selection-content-title
{
    padding: 2px;
    text-align: justify;
    height: 20px;
    font-weight: bold;
    color: #ffffff;
    background-color: rgb(0, 51, 117);
}

.column-selection-content-holder
{
    width:100%;
    float:left;   
    height:363px;
}

.column-selection-content-left
{
    width:40%;
    float:left;
    height:300px;
    min-height: 300px;
}
   
.column-selection-content-centre
{
    width:19%;
    float:left;
    height: 240px;
    text-align:center;
    min-height:240px; 
    padding: 60px 0px 0px 0px;
}
   
.column-selection-content-right
{
    width:40%;
    float:left;
    height: 300px;
    min-height: 300px;
}
   
.column-selection-table
{
    font-size: 11pt;
    padding:2px;
    cursor:pointer;
    width:200px;
    border-bottom:1px dotted #c1c1cc;
}

.column-selection-highlighted-column
{
    font-size: 11pt;
    padding:2px;
    cursor:pointer;
    width:200px;
    background-color: ThreeDShadow;
}

.column-selection-move-column
{
    font-size: 11pt;
    padding:2px;
    cursor:move;
    width:200px;
    background-color: Black;
}

.column-selection-list-area 
{
    border: 1pt solid #C1C1CC;
    overflow-y:scroll;
    overflow-x:hidden;
    height:320px;
}

.column-selection-list 
{
    list-style-type: none;
    padding: 0;
    margin:0;
}

.ui-sortable
{
    margin:0;
}


.column-selection-content-inner
{
    padding:10px;
}

.column-selection-button
{
    border: #111 0.5pt solid;
    text-align: center;
    background-color:#d4d0c8;
    margin:10px 0px 10px 0px;
    height: 23px;
    color: #000;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    float: left;
    width: 100%;
}

.column-selection-button:hover
{
    background-color: rgb(255,231,16);
}

.column-selection-button-bottom
{
    float: right;
    text-align: center;
    margin:5px 15px 10px 0px;
}

.column-selection-button-bottom:hover
{
   background-color:#d4d0c8;
}

#column-selection-popup 
{
    z-index: 2001; 
    width: 600px;  
    height: 440px;
    left: 50%; 
    margin: 0px 0px 0px -300px; 
    top: 120px; 
    box-shadow: 10px 10px 5px #888; 
    position: absolute; 
    background-color: White; 
    display: none; 
    overflow: none; 
    border: 1px solid #c1c1cc;
}

/* START Styles relating to inline popups*/

#inline-popup-container {position:absolute;width:0px; height:0px; overflow:hidden; font:normal normal normal small @Arial Unicode MS; }
.inline-popup {width:600px;height: 425px;z-index: 2001; left: 50%; margin: 0px 0px 0px 0px; top: 120px; /*border-radius: 15px;*/ box-shadow: 10px 10px 5px #888; position: absolute; background-color: White; display:; overflow:none; font:normal normal normal small @Arial Unicode MS;}
.inline-popup table{width:100%; height:100%; font:normal normal normal small @Arial Unicode MS;}
.inline-popup-title {height: 10%;background-color: rgb(75, 74, 60);/*overflow: auto;*/ /*border-radius: 14px 14px 0px 0px;*/ border-bottom:1px solid black; font:normal normal normal small @Arial Unicode MS;}

.inline-popup-content {height: 100%; font:normal normal normal small @Arial Unicode MS;}


.inline-popup-footer {height: 10%; min-height:10%; background-color: #eee;/*overflow: auto;*/  border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; font:normal normal normal small @Arial Unicode MS;}
.inline-popup-error {float: left; width:100%; font:normal normal normal small @Arial Unicode MS;}
.inline-popup-title:hover { cursor: move;  font:normal normal normal small @Arial Unicode MS;}
.inline-popup-title-label {padding: 6px  2px 2px 16px;text-decoration: none;font-size: 14pt; color: #eee;display : inline;text-align: left;float: left; font:normal normal normal small @Arial Unicode MS;}

.inline-popup-iframe{width:100%;height:100%;border:1px solid black; font:normal normal normal small @Arial Unicode MS;}

.inline-popup-bespoke{width:100%;height:100%;border:1px solid black;/*overflow:auto;*/float: left; position: relative; font:normal normal normal small @Arial Unicode MS overflow:auto;}

.inline-popup-button {display:table-cell; vertical-align:middle; float: right; margin: 10px; text-decoration: none; text-indent:0; color: #000; background-color:#d4d0c8; height: 23px; border: 0.5pt solid #111; width: 80px; text-align: center; border-radius: 2px; cursor:pointer; font:normal normal normal x-small @Arial Unicode MS}
.inline-popup-button-disabled {display:table-cell; vertical-align:middle; float: right; margin: 10px; text-decoration: none; text-indent:2;  color: #C0C0C0; background-color:#d4d0c8; height: 23px; border: 0.5pt solid #111; width: 80px; text-align: center; border-radius: 2px; cursor:pointer; font:normal normal normal x-small @Arial Unicode MS}

.inline-popup-msgbox {padding:4px 4px 4px 4px;text-align:center; font:normal normal normal small @Arial Unicode MS;}

.inline-modal-frame{background-color:#ffffff;-moz-opacity:0.5;-khtml-opacity:0.5;filter: alpha(opacity=50);opacity:0.5;z-index:2001;position:absolute;width:100%;top:0px;left:0px;height:100%; font:normal normal normal small @Arial Unicode MS;}

/* Popup Progress Items */
.inline-popup-progress-container{ width:90%; min-height:90%; height:90%; margin:4%; float: left; position: relative;  font:normal normal normal small @Arial Unicode MS;}
.inline-popup-progress-message-container{display:table-cell; border:0; width:100%; min-height:30%; height:30%; float: left; position: relative; font:normal normal normal small @Arial Unicode MS overflow:hidden;}
.inline-popup-progress-user-container{display:table-cell; border:0; width:100%; min-height:30%; height:30%; float: left; position: relative; text-align:left; vertical-align:text-bottom; font:normal normal normal small @Arial Unicode MS overflow:hidden;}
.inline-popup-progress-status-container{ width:100%; min-height:40%; height:40%; float: left; position: relative; font:normal normal normal small @Arial Unicode MS overflow:hidden;}
.inline-popup-progress-error-container{display:table-cell; border:0; width:100%; min-height:30%; height:70%; float: left; position: relative; font:normal normal normal small @Arial Unicode MS overflow:hidden;}
/* Popup Progress Items */

/* Popup Progress Bar */
.inline-popup-progress-bar-container{width:inherit; min-height:10px; height:30%; vertical-align:middle; /*border-radius: 10px;*/ }
.inline-popup-progress-bar-empty{border:1px solid black;  width:90%; min-height:10px; height:100%; background-color:White; /*border-radius: 10px;*/ float:left; color:White; vertical-align:middle; box-shadow: 0px 5px 17px rgba(40, 40, 40, 0.5);}
.inline-popup-progress-bar{height:100%; min-height:10px; float:left; /*border-radius: 10px;*/ background-color:Blue; vertical-align:middle;}

/* Popup Progress Bar */

.ui-resizable { position: absolute;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* END Styles relating to inline popups*/