/* Style rules to make data tables look better */

.pTag {
    padding: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}

.table {
    color: silver;
}

.rowHeadKpiGrph {
    background-color : #E2E3E4;
}

.ovrLayHeadTxt {
    color: white;
    font-weight: bold;
    font-size: 21px;
}

.labelWhite_S28_B {
    color: white;
    font-weight: bold;
    font-size: 28px;
}


.labelWhite_S24_B{
    color: white;
    font-weight: bold;
    font-size: 24px;
}

.labelGrey_S20_B {
    color: #666666;
    font-weight: bold;
    font-size: 20px;
}

.labelWhite_S20_B {
    color: white;
    font-weight: bold;
    font-size: 20px;
}


.labelWhite_S18_B {
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.labelWhite_S16_B {
    color: white;
    font-weight: bold;
    font-size: 16px;
}

.labelWhite_S14_B {
    color: white;
    font-weight: bold;
    font-size: 14px;
}

.labelWhite_S12_B {
    color: white;
    font-weight: bold;
    font-size: 12px;
}

.textWhite_S14 {
    color: white;
    font-size: 14px;
}

.textBlk_S18 {
    color: black;
    font-size: 18px;
}

.textBlk_S14 {
    color: black;
    font-size: 14px;
}

.list-header {
    background-color: #eeeeee;
    font-size: larger;
    font-weight: bold;
}

.list-paging-header {
    background-color: white;
}

.list-paging-footer {
    background-color: white;
}

.list-row-even { 
    background-color: #ffffff;
}

.list-row-odd { 
    background-color: #eaeaae;
}

/* Style rules for message severity levels */
.infoMessage {
    color: black;
}

.warnMessage {
    color: orange;
    font-weight: bold;
}

.errorMessage {
    color: red;
    font-weight: bold;
}

.fatalMessage {
    color: red;
    font-style: italic;
    font-weight: bold;
}

.panelText {
    font-family: Verdana;
    font-size: 16px;
    font-weight: normal;
}

.body {
    background-color: #ffffff;
}

.img {
    border-style: none;
}

.mouseOver {
    background-color: #FAFAFA;
    color: #000080;
}

.input {
    border-style: none;
    background-color: #FAFAFA;
    color: #FAFAFA;
}

/* Compulsory field*/
.comp {
    background-color: #F6F2B8;
    border-color: #7F9DB9;
}

.selected {
    border-color: white;
    border-width: 2px;
}

/* Number Field*/
.num {
    text-align: right;
}

.gridHeadX {
    font-size       : 15px;
    color           : black;
    background-color: transparent;
}

.gridHead {
    color           : black;
    border-width    : 0px;
    background-color: transparent;
    font-size       : 13px;
    font-weight     : bold;
    padding: 0px; /*distorted grid fix only for Chrome */
}

.center {
    text-align : center;
}

.gridBodyX {
    color       : white;
    border-width: 0px;
    font-size   : 13px;
    font-weight : bold;
}

.gridBodySmall {
    color       : navy;
    border-width: 0px;
    font-size   : 11px;
    font-weight : bold;
}

.calInput {
    border-width: 0px;
    font-size   : 13px;
    font-weight : bold;
}

.gridBody {
    color       : navy;
    border-width: 0px;
    font-size   : 13px;
    font-weight : bold;
    padding: 0px; /*distorted grid fix only for Chrome */
}

.gridCellText {
    color      : navy;
    font-size  : 13px;
    font-weight: bold;
}

.gridCellCount {
    color      : navy;
    font-family: monospace;
    font-size  : 20px;
    font-weight: bold;
    margin-top: 0.65em;
    margin-left: -1.4em;
    position: absolute;
}

.gridBodyCell12 {
    color      : #21566C;
    font-size  : 12px;
    font-weight: bold;
}

.even {
    background-color : #FFFFFF;
}

.odd {
    background-color : #EDECFA;
}

.over {
    background-color : #FFCC66;
}

.admin {
    background-color : #CCEBAD;
}

.private {
    background-color : #C0DCF5;
}

.center {
    text-align :  center;
}

.sales {
    background-color : #EC8682;
}

.default {
    background-color : #C0DCF5;
}

.rowHead {
    background-image : url(high.gif);
}

.rowHead2 {
    background-color : #DAEBF2;
}

.cellTest {
    border-left : 0px;
    text-align  : center;
}

.text13A {
    font-size       : 13px;
    font-weight     : bold;
    color           : #21566C;
    background-color: #21566C;
    width           : 45px;
}

.text13B {
    font-size  : 13px;
    font-weight: bold;
    color      : #21566C;
}

.text12 {
    font-size: 12px;
    color    : #21566C;
}

.text12White {
    font-size: 12px;
    color    : white;
}

.text12Grey {
    font-size: 12px;
    color    : #CCCCCC;
}

.text14Grey {
    font-size: 14px;
    color    : #CCCCCC;
}

.text14L {
    font-size: 14px;
    color    : #21566C;
}

.text12BL {
    font-size  : 12px;
    font-weight: bold;
    color      : #21566C;
}

.text14BL {
    font-size  : 14px;
    font-weight: bold;
    color      : #21566C;
}

.text18BL {
    font-size  : 18px;
    font-weight: bold;
    color      : #21566C;
}

.text15BL {
    font-size  : 15px;
    font-weight: bold;
    color      : #21566C;
}

.text14 {
    font-size: 14px;
}

.text14B {
    font-size  : 14px;
    font-weight: bold;
    color      : #000000;
}

.text14BT {
    font-size  : 14px;
    font-weight: bold;
    color      : black;
}

.text14BL {
    font-size  : 14px;
    font-weight: bold;
}

.test14BT {
    font-size  : 14px;
    font-weight: bold;
    color      : #21566C;
}

.text12BL {
    font-size  : 12px;
    font-weight: bold;
    color      : #21566C;
}

.text12B {
    font-size  : 12px;
    font-weight: bold;
}

.text16BL {
    font-size  : 16px;
    font-weight: bold;
}

.text16L {
    font-size: 16px;
}

.text16BLA {
    font-size  : 16px;
    font-weight: bold;
    color      : #21566C;
}

.text10BT {
    font-size  : 12px;
    font-weight: bold;
    color      : black;
}

.test14BT {
    font-size  : 14px;
    font-weight: bold;
    color      : #21566C;
}

.text16BT {
    font-size  : 16px;
    font-weight: bold;
    color      : black;
}

.text18BT {
    font-size  : 18px;
    font-weight: bold;
    color      : black;
}

.text18T {
    font-size: 18px;
    color    : black;
}

.text14T {
    font-size: 14px;
    color    : black;
}

.text16 {
    font-size: 16px;
    color    : #21566C;
}

.text16B {
    font-size  : 16px;
    font-weight: bold;
    color      : #21566C;
}

.text18 {
    font-size  : 18px;
    font-weight: bold;
    color      : #21566C;
}

.panelBgImg {
    background-image : url(wizardBG.gif);
}

.BW {
    border          : 1px solid #7F9DB9;
    background-color: #FFFFFF;
}

.B0 {
    border: 0px;
}

.B1 {
    border: 1px solid #7F9DB9;
}

.BBOC {
    border: 2px solid #CCCCCC;
}

.B2 {
    border: 2px solid #7F9DB9;
}

.B5 {
    border: 5px solid #7F9DB9;
}

.filter {
    border: 1px solid #7F9DB9;
}

.filterBOC {
    border-bottom-color: #CCCCCC;
    border-left-color  : #CCCCCC;
    border-right-color : #CCCCCC;
    border-top-color   : #CCCCCC;
}

.filter5 {
    border: 1px solid #7F9DB9;
}

.filter6 {
    border: 1px solid #7F9DB9;
}

.filter9 {
    border: 1px solid #7F9DB9;
}

.filter3 {
    border: 1px solid #7F9DB9;
}

.filterHeadX
{
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0, StartColorStr='#F6F7F8', EndColorStr='#BAB9C6')
}

.maroon {
    color : #9E3C39;
}

.navy {
    color : navy;
}

.BB {
    border          : 1px solid #7F9DB9;
    background-color: #CFDDE4;
}

.rowEven {
    background-color: #FFFFFF;
}

.rowOdd {
    background-color: #EDECFA;
}

.highCell{
    cursor : crosshair;
    color: navy;
    border-width  : 0px;
    font-weight: bold;
    font-size : 13px;
}

.transparent {
    background-color: transparent;
}

.bold {
    font-weight: bold;
}

.hiddenImg {
    display: none;
}

.medium {
    border          : 1px solid #7F9DB9;
    background-color: #FFEBAD;
}

.low {
    border          : 1px solid #7F9DB9;
    background-color: #C0DCF5;
}

.high {
    border          : 1px solid #7F9DB9;
    background-color: #EC8682;
}

.medium2 {
    border          : 0px;
    background-color: #FFEBAD;
}

.low2 {
    border          : 0px;
    background-color: #C0DCF5;
}

.high2 {
    border          : 0px;
    background-color: #EC8682;
}

.test {
    background-color: #000000;
    color           : #000000;
}

.test2 {
    background-color: #FFEBAD;
    color           : #000000;
}

.testCell {
    cursor : crosshair;
    color: navy;
    border-width  : 0px;
    font-size : 13px;
    font-weight : bold;
}

.rtl {
    direction : rtl;
}

.textRight {
    text-align: right;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.rowAdminX {
    background-color : #CCEBAD;
}

.rowAdminX:hover {
    cursor          : crosshair;
    background-color: #CCEBAD;
}

.rowPrivateX {
    background-color : #C0DCF5;
}

.rowPrivateX:hover {
    cursor          : crosshair;
    background-color: #C0DCF5;
}

.rowSalesX {
    background-color : #EC8682;
}

.rowSalesX:hover {
    cursor : crosshair;
    background-color:  #EC8682;
}

.rowEvenX {
    background-color : #FFFFFF;
}

.rowEvenX:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowDiary {
    background-color : #F26C4E;
}

.rowDiary:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowContact {
    background-color : #005825;
}

.rowContact:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowTask {
    background-color : #00587F;
}

.rowTask:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowCanvas {
    background-color : #A36107;
}

.rowCanvas:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowEvenY {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.rowOddX {
    background-color : #EDECFA;
}

.rowOddX:hover {
    cursor          : crosshair;
    background-color: #FFEBAD;
}

.menuCellDscStyle_14_B_Grey {
    font-size  : 14px;
    color      : #3F3F3F;
    font-weight: bold;
    text-align :  center;
}

.menuCellDscStyle_14_B_White {
    font-size  : 14px;
    color      : white;
    font-weight: bold;
    text-align :  center;
}

.spiderCellDscStyle_14_B {
    font-size  : 14px;
    color      : white;
    font-weight: bold;
    text-align :  center;
}

.spiderCellValStyle_18_B {
    font-size  : 18px;
    color      : white;
    font-weight: bold;
    text-align :  center;
}

a.calTableStyleToday:link {
    color          : red;
    font-weight    : bold;
    text-decoration: underline
}

a.calTableStyleToday:visited {color:red; text-decoration: underline; font-weight: bold;}
a.calTableStyleToday:active {color: red; text-decoration: underline; font-weight: bold; width:0; height:0;outline:0;}
a.calTableStyleToday:focus {color: red; text-decoration: underline; font-weight: bold; width:0; height:0;outline:0;}
a.calTableStyleToday:hover {text-decoration: underline; font-weight: bold; color: red;}
a.calTableStyleToday{font-size: 12px; font-weight: bold; text-decoration: underline;}

.calTableStyle {
    color    : #ffffff;
    font-size: 12px;
}

a.calTableStyle:link {color: white; text-decoration: none}
a.calTableStyle:visited {color:white; text-decoration: none}
a.calTableStyle:active {color: white; text-decoration: none; width:0; height:0;outline:0;}
a.calTableStyle:focus {color: white; text-decoration: none; width:0; height:0;outline:0;}
a.calTableStyle:hover {text-decoration: none; color: red;}
a.calTableStyle{font-size: 14px;}

.calHead {
    color           : navy;
    border-width    : 0px;
    background-color: transparent;
}

.calBody {
    border-width : 0px;
}

.calendar {
    background-color: #FFFFFF;
    font-size       : 14px;
    font-weight     : bold;
}

.calTest {
    background-color: #FFFFFF;
    font-size       : 10px;
    font-weight     : bold;
}

.contact {
    color : #005825;
}

.task {
    color : #00587F;
}

.canvas {
    color : #A36107;
}

.diary {
    color : #F26C4E;
}

.bgWhite {
    color      : white;
    font-size  : 14px;
    font-weight: bold;
}

.bgBlack {
    color      : black;
    font-size  : 14px;
    font-weight: bold;
}

.gridBodyZ {
    color       : navy;
    font-size   : 14px;
    border-width: 1px;
    font-weight : bold;
}

.select-free {
    position:absolute;
    z-index :10;
    overflow:hidden;
    width   :33em;
}

.select-free iframe {
    display :none;
    display :block;
    position:absolute;
    z-index :-1;
}

.select-free .bd {
    border:solid 1px #aaaaaa;padding:12px;
}

div.dimmer {
    visibility: hidden;
    position:absolute;
    left:0px;
    top:0px;
    font-family:verdana;
    font-weight:bold;
    padding:40px;
    background-image:url(honey.png);
}

#swfupload-control{
    width: 100%;
    height: 100%;
}

#swfupload-control p{ 
    margin:10px 5px;
    font-size:0.9em;
}
#log{ 
    margin:0;
    padding:0;
    width:180px;
}
#log li{ 
    list-style-position:inside;
    margin:2px;
    border:1px solid #ccc;
    padding-left:10px;
    padding-right:10px;
    padding-top: 5px;
    padding-bottom:5px;
    font-size:10px;
    color:#333;
    background-color:#fff;
    position:relative;
}
#log li .progressbar{ 
    border:1px solid #333;
    height:5px;
    background-color:#fff;
}
#log li .progress{ 
    background-color:#999;
    width:0%;
    height:5px;
}
#log li p{ 
    margin:0;
    line-height:10px;
}
#log li.success{ 
    border:1px solid #339933;
    background-color:#ccf9b9;
}
#log li.failure{
    border:1px solid #339933;
    background-color:#fc4a4a;
}
#log li span.cancel{ 
    position:absolute;
    top:5px;
    right:5px;
    width:20px;
    height:20px;
    background:url('cancel.png') no-repeat;
    cursor:pointer;
}

.image_panel_right{
    height: 590px;
    left: 804px;
    top: 25px;
    position: absolute;
    width: 180px;
    overflow:auto;
}

.image_panel_left{
    height: 590px;
    left: 33px;
    top: 25px;
    position: absolute;
    width: 180px;
    overflow:auto;
}

.sidebar{
    height: 135px;
    left: 220px;
    top: 25px;
    position: absolute;
    width: 200px;
    overflow:auto;
}

.thumbnail{

    width : 150px;
    height : 150px;
    background-color:gray;
    border:0px;
    margin-top :10px;
    margin-right : 0px;
    margin-left : 10px;
}

.thumbnail_img{

    width : 140px;;
    height : 100px;
    border:0px;
    margin:5px;
}

.thumbnail_title{
    text-align: center;
    color:white;
    font-size :smaller;
    margin-top : 2px;
    margin-bottom : 2px;
    cursor:pointer;
}

.large_image{
    position: absolute;
    height : 455px;
    left: 220px;
    top:160px;
    width : 590px;
    overflow:auto;
    cursor:pointer;
}

.stock_data{
    height: 135px;
    left: 420px;
    top: 25px;
    position: absolute;
    width: 57px;
}

.delete_button{
    background-image:url('document_error.png');
    background-position:right center;
    background-repeat:no-repeat;
    height:20px;
    width:148px;
    cursor:pointer;
    margin-right:2px;
}

.property_panel{
    position:absolute;
    left:0px;
    top:20px;
    height:600px;
    width:1022px;
    z-index:100;
    display:block;
    background-color: #fff;
    filter:alpha(opacity=50);
    opacity: 0.5;
    visibility:hidden;
}

.image_props{
    border: 1px solid black;
    background-color:white;
    background:white;
    top:200px;
    height:200px;
    width:222px;
    left:400px;
    position:absolute;
    visibility:hidden;
    z-index:101;
}

.main_image{
    max-height : 455px;
    max-width : 590px;
}

.panStyle{
    border: 1px solid black;
    background: -o-linear-gradient(right,#DCDCDC,#FFFFFF,#DCDCDC);
    background: -webkit-linear-gradient(right,#DCDCDC,#FFFFFF,#DCDCDC);
    background: -moz-linear-gradient(right,#DCDCDC,#FFFFFF,#DCDCDC);
}

.pie-legend {
    font-size  : 38px;
}

ul{
 list-style-type: none;
}

.line-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.chart-legend li span{
    display: inline-block;
    width: 12px;
    height: 12px;
  margin-right: 5px;
}

.container {
  width: 20%;
  margin: 15px auto;
}