body
{
    margin: 0 0 0 0;
    background:#C3C3C3;
    background-image:url('/images/page-bg3.jpg'); 
    background-repeat:repeat;
}


 

.login-page
{   margin: 0 0 0 0;
    background-image:url('/images/bg4.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    overflow-x:hidden;
    overflow-y:hidden;
}

.cams-hidden
{
    display: none;
}

a:link
{
    /* Applies to all unvisited links */
    text-decoration: none;
    color: inherit;
}
a:visited
{
    /* Applies to all visited links */
    text-decoration: none;
    color: inherit;
}
a:hover
{
    /* Applies to links under the pointer */
    text-decoration: none;
    color: inherit;
}
a:active
{
    /* Applies to activated links */
    text-decoration: none;
    color: inherit;
}

.ScrollStyle
{
    max-height: 50px;
    overflow-y: scroll;
}

div.top
{
    background: #F8F8F8;
    background-image: url('/images/powertechlogo1.png');
    background-repeat: no-repeat;
    border-top-color: Orange;
    border-top-style: solid;
    font-family: Tahoma;
    font-weight: Bold;
    font-size: larger;
    text-indent: 340px;
    color: #444444;
    height: 60px;
    width: auto;
}

div.login
{
    border: 1px solid #D24B4B;
    /*background: #FCFCFC;*/
    font-family: Tahoma;
    font-size: small;
    color: Gray;
    width: 500px;
    margin-top: 60px;
    margin-right: 30px;
    border-radius: 5px;
    text-indent: 20px;
    float: right;
    padding:10px;
    clear: both;
    height: auto;
    border: none;
    border-radius: 4px;
    background: rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.1); 
    border-radius: 5px;
    box-shadow: inset 0px -15px 30px rgba(0,0,0,0.4);    
}
div.login-header
{
    /*    background-image:url(/images/key.png);     background-repeat:no-repeat;     background-position:left;  */
    border-bottom-color: Gray;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    font-family: Tahoma;
    font-size: x-large;
    color: Black;
    height: 30px;
    width: 380px;
    float: right;
    text-indent: 0px;
}

.headerTable
{
      width: 100%;
      height:100%;
      background:#66B4FF;
      margin:0px;
      border:0px;
      font-family: Calibri;
      font-size: 22px;
    font-weight: Bold;
    color:White;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
      
}


.footerTable
{
      width: 100%;
      background: #39b1cc;
      margin:0px;
      border:0px;
      font-family: tahoma, arial, sans-serif;
      font-size: 12px;
}
.mainTable
{
      width: 100%;
      /*height:100%; */
      vertical-align:top;
      /*background: #C3C3C3;*/
      /*background:#ffffe0;*/
      margin:0px;
      border:0px;
      z-index:99;
      border-collapse:collapse;
}

.mainTableHome
{
      width: 100%;
      /*height:100%; */
      vertical-align:top;
      /*background: #C3C3C3;*/
      /*background:#ffffe0;*/
      margin:0px;
      border:0px;
      z-index:99;
      border-collapse:collapse;
}


.mainTableLogin
{
      width: 100%;
      overflow-x:hidden;
      overflow-y:hidden;
      vertical-align:top;
      margin:0px;
      border:0px;
      z-index:99;
      border-collapse:collapse;
}


.mainDevLogin
{

      background-color:red;
}

.contentTable
{
      width: 100%;      
      text-align:left;
      background:#EEEEEE;
      margin:0px;
      border:1px;
      
}
.GridHeader
{
    font-family: Calibri;
    font-size: 12px;
    font-weight:bold;
    color:White;
    text-align: left;
    padding-right: 5px;
}


.headerText
{
    font-family: Calibri;
    font-size: 18px;
    font-weight: Bold;
    color: #330019;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
}

.labelText 
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: left;
    text-align: left;
    width: 150px;
    padding-right: 5px;
}

.FileUploadControl
{
   border:1px solid #d1c7ac;
   color:#007FFF;
   font-style:normal;
   font-family: tahoma, arial, sans-serif;
   font-size: 14px;
   background-color: #B0E0ED;
   
}


.pageHeaderText
{
      font-family: Calibri;
    font-size: 18px;
    font-weight: Bold;
    color: Orange;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
}


.header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
   /* background: #F8F8F8; */
    background-image: url('/images/powertechlogo1.png');
    background-repeat: no-repeat;
    border-top-color: Orange;
    border-top-style: solid;
    font-family: Tahoma;
    font-weight: Bold;
    font-size: larger;
    color: #444444;
    height: 60px;
    width: 100%;
    box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
}

.report_table_nw_container
{
    margin-top:0px;
    position:absolute;
    top:75px;
    width: 900px;
    height:auto;
    text-align:center;
    clear:both;
    text-align:center;
   
    /*border:1px solid ;  */
    
    
}


/* Select File button in file upload control */
.ajax__fileupload_selectFileButton
{
   /* background-color:Blue; */
}

/* Remove button in file upload control */
.removeButton
{
   /*background-color:Lime; */
}

/* File upload item info in file upload control */
.ajax__fileupload_fileItemInfo
{
   /* background-color:Blue; */
}

/* Item-wise Update Status in file upload control */
.uploadstatus
{
   /* background-color:Yellow; */
    
}



.tb1
{
    background-image: url('/images/form_bg.jpg');
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 230px;
    color: #333333;
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: tahoma, arial, sans-serif;
}
.tb_btn
{
    border: 1px solid #d1c7ac;
    width: 70px;
    color: #333333;
    padding: 3px;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: Calibri;
    font-weight:bold;
}

.tb_btn:hover
{
    cursor:pointer;
}

.tb2
{
    background-image: url('/images/form_bg.jpg');
    background-repeat: repeat-x;
    border: 1px solid #d1c7ac;
    width: 130px;
    color: #333333;
    padding: 3px;
    margin-right: 4px;
    margin-bottom: 8px;
    font-family: tahoma, arial, sans-serif;
}
.label
{
    float: left;
    width: 100px;
    text-align: right;
    vertical-align: bottom;
    height: 22px;
}

.formw
{
    float: left;
    text-align: left;
    margin-left: 10px;
    vertical-align: bottom;
}

.footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #F87217;
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
}

.error
{
    position: relative;
    top: 0;
    font-family: Calibri;
    font-size: 14px;
    color: Red;
    font-weight: normal;
    text-align: center;
    background-color: #FFDDDD;
    border: 1px solid #FF0000;
    padding: 5px;
    clear: both;
    z-index: 100;
    border-radius: 2px;
}

.info
{
    position: relative;
    top: 0;
    font-family: Calibri;
    font-size: 14px;
    color: Green;
    font-weight: normal;
    text-align: center;
    background-color: #DDFFDD;
    border: 1px solid #00FF00;
    padding: 5px;
    z-index: 100;
    border-radius: 2px;
}

.warning
{
    position: relative;
    top: 0;
    font-family: Calibri;
    font-size: 14px;
    color: #FFCC11;
    font-weight: normal;
    text-align: center;
    background-color: #FDFEB8;
    border: 1px solid #FB0;
    padding: 5px;
    z-index: 100;
    border-radius: 2px;
}


.info_box
{
    position: absolute;
    top: 10px;
    left: 0px;
    width: 100%;
    font-family: Calibri;
    font-size: 14px;
    color: Green;
    font-weight: bold;
    text-align: center;
    text-indent: 0px;
    margin: 0;
}

.cams-info-box
{
    position: absolute;
    width: 100%;
    padding-top: 5px;
    border: none;
    margin: 0 auto;
    text-align: center;
    font-family: Calibri;
    font-size: 14px;
    font-weight: bold;
    z-index: -1;
}

.cams-error-msg
{
    border: 1px solid Red;
    background: #FCFCFC;
    color: Red;
}

.cams-info-msg
{
    border: 1px solid Green;
    background: #FCFCFC;
    color: Green;
}

.cams-warning-msg
{
    border: 1px solid Yello;
    background: #FCFCFC;
    color: Yellow;
}

.container
{
    min-height: 100%;
    position: relative;
    top: 65px;
    width: 98%;
    height: auto;
    margin-top: 15px;
    left: 0px;
}

.header
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #F8F8F8;
    background-image: url('/images/powertechlogo1.png');
    background-repeat: no-repeat;
    border-top-color: Orange;
    border-top-style: solid;
    font-family: Tahoma;
    font-weight: Bold;
    font-size: larger;
    color: #444444;
    height: 60px;
    width: 100%;
    box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
}
.body
{
    position: relative;
    width: 100%;
    padding-bottom: 0px; /* Height of the footer */
    margin:0px;
}

.footer_div
{
    position: absolute;
    width: 100%;
    height: 15px;
    background-color: #F87217;
    font-family: Tahoma;
    font-size: 11px;
    text-align: right;
}

.links
{
    position: absolute;
    background: rgb(255,224,168);
    right: 0;
    bottom: 0;
    width: auto;
    padding: 3px;
    border: 1px dotted #e5e5e5;
    border-top: 2px solid Orange;
    text-align: right;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

.logout
{
    position: absolute;
    background-image: url('/images/logout.png');
    background-repeat: no-repeat;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin-top: 1px;
    text-align: right;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

.user-info
{
    position: absolute;
    background-repeat: no-repeat;
    right: 25px;
    top: 0;
    width: auto;
    height: 20px;
    margin-top: 1px;
    text-align: right;
    font-family: Calibri;
    font-size: 12px;
    text-shadow: 1px 1px #CCC;
    font-weight: normal;
    color: black;
}

.highlight
{
    background-color: rgb(255,224,140);
    font-weight: bold;
    color: Maroon;
    text-shadow: 1px 1px Orange;
}

.message
{
    position: relative;
    margin: 0 auto;
    top: 100px;
    width: 400px;
    background: rgb(255,224,168);
    border: 1px solid Orange;
    font-family: Tahoma;
    font-size: 14px;
    color: Black;
    font-weight: bold;
    text-align: center;
    padding: 5px;
}

.sub-links
{
    position: absolute;
    float: right;
    top: 20px;
    right: 10px;
    width: 150px;
    padding: 15px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 6px #CCCCCC;
    -o-box-shadow: 3px 3px 6px #CCCCCC;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    text-shadow: 1px 1px rgb(255,224,168);
}

.master-sub-links-call
{
    clear: both;
    position: absolute;
    float: right;
    top: 40px;
    right: 5px;
    width:120px;/* 215px;*/
    padding: 5px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    border-radius: 4px; /*	background:#FFFFFF;  	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; 	box-shadow: 3px 3px 6px #CCCCCC; 	-o-box-shadow: 3px 3px 6px #CCCCCC; 	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	text-shadow: 1px 1px rgb(255,224,168);*/
}

.master-sub-links-big
{
    clear: both;
    position: absolute;
    float: right;
    top: 40px;
    right: 5px;
    width: 215px;
    padding: 5px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    border-radius: 4px; /*	background:#FFFFFF;  	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; 	box-shadow: 3px 3px 6px #CCCCCC; 	-o-box-shadow: 3px 3px 6px #CCCCCC; 	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	text-shadow: 1px 1px rgb(255,224,168);*/
}

.simple-round-div
{
    position: relative;
    float: left;
    width: 99%;
    padding: 5px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: left;
    font-family : Calibri;
    font-size: 14px;
    font-weight: normal;
    line-height:20px;
    color: Black;
    border: 1px solid #CCC;
    background: #F3F3F3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    z-index:0;
}



.simple-round-div-right
{
    position: relative;
    float: left;
    clear: both;
    max-width: 100%;
    padding: 5px;
    margin-top: 10px;
    margin-right: 10px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Black;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-right: 10px;
}

.simple-round-div-bc
{
    position: relative;
    float: left;
    max-width: 100%;
    padding: 5px;
    clear: both;
    margin-top: 10px;
    margin-right: 10px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Black;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.amc-container
{
    position: relative;
    float: left;
    width: 100%;
    margin-right: 10px;
}

.master-sub-links
{
    position: absolute;
    float: right;
    top: 5px;
    right: 5px;
    width: 150px;
    padding: 5px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    border-radius: 4px; /*	background:#FFFFFF;  	-moz-border-radius: 4px; 	-webkit-border-radius: 4px; 	box-shadow: 3px 3px 6px #CCCCCC; 	-o-box-shadow: 3px 3px 6px #CCCCCC; 	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 	text-shadow: 1px 1px rgb(255,224,168);*/
}

.cams_search
{
    padding: 5px 5px 10px 5px;
    position: relative;
    top: 15px;
    left: 10px;
    float: left;
    width: 300px;
    font-size:20px;
    height: auto;
    border: none;
    border-radius: 2px;
    background: #F2F2F2;
    border: 1px dotted #F1F1F1;
    z-index :0;
}

.filters
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float:left;
    clear: both;
    padding: 10px;
    position: relative;
    margin-top:10px;
    margin-left:10px;
    height: auto;
    border-radius: 4px;
/*    border: 1px dotted #F1F1F1;*/
    background-color: rgba(0,0,0,0.1); 
    border-radius: 4px;
    box-shadow: inset 0px -15px 30px rgba(0,0,0,0.4);
    top: -2px;
    left: -4px;
    width: 816px;
}

.filters_right
{
    float:right;
    border: none;
    border-radius: 4px;
    background: rgba(255,255,255,0.3);
    background-color: rgba(0,0,0,0.1); 
    border-radius: 4px;
    box-shadow: inset 0px -15px 30px rgba(0,0,0,0.4);
}
.cams-search-result-div
{
    clear: both;
    padding: 10px;
    position: relative;
    margin-bottom:10px;
    margin-right:10px;
    margin-left:10px;
    top : 30px;
    float: left;
    height: auto;
    border: #F5F5F5;
    border-radius: 4px;
    font-family: Calibri;
    font-size: 14px;
    color: Black;
    background: #F2F2F2;
    border: 1px dotted #F3F3F3;
    box-shadow: 0 5px 5px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 5px 5px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 5px 5px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 5px 5px #CCC, 0 1px 1px #CCC;
    z-index:0;
    width:97%;
}

.cams-form-div
{
    position: relative;
    top: 30px;
    left: 30px;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%;
    overflow: auto;
}

.cams-form-products-div
{
    position: relative;
    top: 10px;
    left: 0px;
    margin-bottom: 30px; /*border:1px solid #CCC; */
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 95%;
    float: left;
    overflow: auto;
}

.cams-form-customer-locations-div
{
    position: relative;
    top: 10px;
    left: 0px;
    margin-bottom: 30px; /*border:1px solid #CCC; */
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 95%;
    float: left;
    overflow: auto;
}

.cams-form-div-small
{
    position: relative;
    top: 30px;
    left: 30px;
    padding: 15px;
    margin-bottom: 30px;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 500px;
    overflow: auto;
}


.cams-form-header-text
{
    font-family : Calibri;
    font-size: 18px;
    font-weight: Bold;
    color : #666666;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
}

.customer-form-label
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: left;
    text-align: left;
    width: 150px;
    padding-right: 5px;
    padding-top: 3px;
}

.cams-form-label-small
{
    width: 50px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: left;
    text-align: left;
    width: 50px;
    padding-right: 5px;
    padding-top: 3px;
}

.cams-form-label-small-right
{
    width: 50px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: none;
    text-align: left;
    width: 50px;
    padding-right: 5px;
    padding-top: 3px;
}

.cams-form-label
{
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: left;
    text-align: left;
    padding-right: 5px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.customer-form-text
{
    width: 300px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    padding-right: 5px;
}

.cams-form-text-Mandate
{
    width: 150px;
    font-family: Calibri;
    font-size: 20px;
    font-weight: bolder;
    color: Red;
    padding-right: 5px;
    margin-top: 34px;
}

.cams-form-text-medium
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    padding-right: 5px;
}

.cams-form-text-medium-decimal
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    padding-right: 5px;
    text-align:right;
}

.cams-form-text-small-decimal
{
    width: 50px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    padding-right: 5px;
    text-align:right;
}


.cams-form-text-small
{
    width: 95px;
    font-family: Calibri;
    font-size: 14px;
    font-weight: Normal;
    color: black;
    /*padding-right: 5px;*/
}

.customer-form-button
{
    margin-right: 10px;
    float: right;
}

.cams-form-button
{
    margin-right: 10px;
    float: right;
}

.cams-simple-button
{
    padding: 2px;
    color: #000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: auto;
    height: 20px;
    font-size: 10px;
    font-family: Calibri;
    border: 1px solid black;
}

#cams-edit-link
{
    display: block;
    float: right;
    width: 40px;
    height: 14px;
    background: url(/images/cams-edit-link.png) no-repeat center center;
}

.cams-link-button
{
    display: block;
    float: right;
    width: auto;
    height: 17px;
    font-family: Calibri;
    font-size: 10px;
    font-weight: bold;
    background: url(/images/button-bg.png) center center;
    padding: 0px;
    border: 1px solid #CCC;
    cursor: pointer;
    border-radius: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

.cams-link-button:hover
{
    display: block;
    float: right;
    width: auto;
    height: 17px;
    font-family: Calibri;
    font-size: 11px;
    background: url(/images/button-bg-hover.png) center center;
    border: 1px solid #CCC;
    cursor: pointer;
    border-radius: 2px;
    padding-left: 3px;
    padding-right: 3px;
}

.cams-simple-button:hover
{
    text-decoration: none;
    background: #757575;
    color: #fff;
    cursor: pointer;
}

.cams-search-box-tb
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
}

.cams-search-box-lb
{
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
}

.cams-search-box-bt
{
    border: NONE;
    width: 25px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    background-image: url('/images/search.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.cams-search-box-show-all-bt
{
    border: NONE;
    width: 50px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    cursor: pointer;
}

.cams-search-box-show-all-bt:hover
{
    color: Blue;
}

.customer-form-error-label
{
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: Red;
}

.cams-form-error-label
{
    font-family: Calibri;
    font-size: 16px;
    font-weight: bold;
    color: white;
    clear: both;
    margin:2px;
    background-color : Red;
    vertical-align:middle;
    align:center;
}

.cams-form-error-label-js
{
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: Red;
    clear: both;
}

.customer-form-row
{
    margin-bottom: 10px;
    clear: both;
}

.cams-form-row
{
    margin-bottom: 10px;
    clear: both;
}

.form-left-section
{
    position: relative;
    left: 0;
    width: 500px;
    top: 0px;
    background: #fff;
    float: left;
}

.form-right-section
{
    position: relative;
    right: 0px;
    width: 500px;
    top: 0px;
    background: #fff;
    float: right;
}

.cams-customer-details-div
{
    padding: 5px;
    position: absolute;
    top: 65px;
    left: 10px;
    float: left;
    width: auto;
    height: auto;
    border: #F2F2F2;
    border-radius: 4px;
    font-family: Calibri;
    font-size: 14px;
    color: Black;
    background: #FBFBFB;
    border: 1px dotted #F3F3F3;
    box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
}

.cams-company-details-div
{
    padding: 5px;
    position: absolute;
    top: 35px;
    left: 10px;
    float: left;
    width: 400px;
    height: auto;
    border: #F2F2F2;
    border-radius: 2px;
    font-family: Calibri;
    font-size: 20px;
    color: Black;
    background: #FBFBFB;
    border: 1px dotted #F3F3F3;
    box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
}

.cams-location-details-div
{
    padding: 5px;
    position: relative;
    top: 35px;
    left: 450px;
    float: left;
    width: 550px;
    height: auto;
    border: #F2F2F2;
    border-radius: 2px;
    font-family: Calibri;
    font-size: 20px;
    color: Black;
    background: #FBFBFB;
    border: 1px dotted #F3F3F3;
    box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    overflow: auto;
}

.cams-location-address
{
    position: relative;
    left: 20px;
    width: 500px;
    font-family: Calibri;
    font-size: 14px;
    color: Black;
    height: auto;
}

.cams-text-small
{
    font-family: Calibri;
    font-size: 13px;
    color: Maroon;
}

.cams-text-medium
{
    font-family: Calibri;
    font-size: 16px;
    color: Maroon;
}

.cams-text-big
{
    font-family: Calibri;
    font-size: 25px;
    font-weight: bold;
}

.cams-text-bold-orange
{
    font-family: Calibri;
    font-size: 13px;
    color: blue;
    font-weight: bold;
}


.simple-round-div-header-text
{
    font-family: Calibri;
    font-size: 15px;
    color: #39b1cc;
    font-weight: bold;
    border-bottom: 1px dotted Gray;
    line-height: 25px;
}

.simple-round-div-sub-header-text
{
    font-family: Calibri;
    font-size: 15px;
    color: #39b1cc;
    font-weight: bold;
    border-bottom: 1px dotted Gray;
    line-height: 25px;
    text-align:left;
    float:left;
}

.filter-header-text
{
    font-family: Calibri;
    font-size: 16px;
    color: Black;
    font-weight: bold;
    text-align:left;
    float:left;
}


.cams-text-page-header
{
    font-family: Calibri;
    font-size: 20px;
    color: #39b1cc;
    font-weight: bold;
    text-shadow: 1px 1px #CCC;
}

.tab-button-disabled
{
    background-image: url(/images/tab-button2.png);
    background-repeat: no-repeat;
    width: 70px;
    float: left;
    height: 27px;
    clear: none;
    text-align: center;
    padding-top: 5px;
    font-family: Calibri;
    font-size: 13px;
    color: Black;
    text-shadow: 1px 1px #CCC;
    border-right: 1px dotted #EEE;
    margin: 0px;
}

.tab-button-enabled
{
    background-image: url(/images/tab-button-selected.png);
    background-repeat: no-repeat;
    width: 70px;
    float: left;
    height: 27px;
    clear: none;
    text-align: center;
    padding-top: 5px;
    font-family: Calibri;
    font-size: 13px;
    font-weight: bold;
    color: White;
    text-shadow: 1px 1px #CCC;
    border-right: 1px dotted #EEE;
    margin: 0px;
}

.cams-delete_btn
{
    position: absolute;
    float: right;
    top: 3px;
    right: 10px;
    width: 40px;
    height: 20px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 6px #CCCCCC;
    -o-box-shadow: 3px 3px 6px #CCCCCC;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px rgb(255,224,168);
}

.cams-edit_btn
{
    position: absolute;
    float: right;
    top: 3px;
    right: 60px;
    width: 30px;
    height: 20px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Orange;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 3px 3px 6px #CCCCCC;
    -o-box-shadow: 3px 3px 6px #CCCCCC;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 1px 1px rgb(255,224,168);
}


.cams-view-div
{
    padding: 5px;
    position: absolute;
    top: 35px;
    left: 10px;
    float: left;
    width: 500px;
    height: auto;
    border: #F2F2F2;
    border-radius: 2px;
    font-family: Calibri;
    font-size: 15px;
    color: Black;
    background: #FBFBFB;
    border: 1px dotted #F3F3F3;
    box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 2px 3px #CCC, 0 1px 1px #CCC;
}

#box-table-a
{
    font-family : Calibri;
    font-size: 12px;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin: 0px;
    background-color: #C3C3C3;
    background: #C3C3C3;
}

#box-table-a th
{
    font-size: 13px;
    font-weight: normal;
    background: #9E9E9E;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: Black;
    padding: 4px;
    font-weight:bold;
   
}
#box-table-a td
{
    background: #D6D6D6;
    border-bottom: 1px solid #fff;
    /*color: #669;*/
    color:Black;
    border-top: 1px solid transparent;
    padding: 3px;
}
#box-table-a tr:hover td
{
    background: #d0dafd;
    color: #339;
}




#sddm
{
    margin: 0;
    padding: 0;
    z-index: 30;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#sddm li
{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
}

#sddm li a
{
    display: block;
    margin: 0 1px 0 0;
    padding: 0px 8px;
    width: auto;
    color: #000;
    text-align: center;
    text-decoration: none;
}

#sddm li a:hover
{
    color: Orange;
}

#sddm div
{
    position: absolute;
    visibility: hidden;
    top: 24px;
    margin: 0;
    padding: 0;
    background: rgb(255,224,168);
    border: 1px solid rgb(255,224,168);
    z-index: 10;
    border-top: 1px dotted;
}

#sddm div a
{
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: rgb(255,224,168);
    border-bottom: 1px dotted;
    border-left: 2px solid Orange;
    color: #000;
    font: 11px arial;
}

#sddm div a:hover
{
    background: rgb(255,224,168);
    color: Orange;
}

.cams-loading-start
{
    background-image: url(/images/loading.gif);
    background-repeat: no-repeat;
    background-position: right;
}

.cams-loading-end
{
    background-image: none;
}

.validation_error
{
    position: relative;
    top: 0px;
    font-family: Calibri;
    font-size: 14px;
    color: Red;
    font-weight: normal;
    text-align: center;
    background-color: #FFDDDD;
    border: 0px solid #FF0000;
    padding: 0px;
}

ul.menu
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
ul.menu *
{
    margin: 0;
    padding: 0;
}
ul.menu a
{
    display: block;
    color: #000;
    text-decoration: none;
}
ul.menu li
{
    position: relative;
    float: left;
    margin-right: 2px;
}
ul.menu ul
{
    position: absolute;
    top: 23px;
    left: 0;
    background: #39b1cc;
    display: none;
    opacity: 0;
    list-style: none;
}
ul.menu ul li
{
    position: relative;
    border-left: 2px solid Orange;
    border-bottom: 1px dotted Black;
    border-top: none;
    width: 148px;
    margin: 0;
}
ul.menu ul li a
{
    display: block;
    padding: 2px 7px 5px;
    background-color: rgb(255,224,168);
}
ul.menu ul li a:hover
{
    color: Orange;
}
ul.menu ul ul
{
    left: 148px;
    top: -1px;
}
ul.menu .menulink
{
    border: none;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 4px;
    border-right: 1px solid Orange;
    width: auto;
}
ul.menu .menulink:hover, ul.menu .menuhover
{
    color: Orange;
}
ul.menu .sub
{
    background: rgb(255,224,168) url(/images/arrow.gif) right no-repeat;
}
ul.menu .topline
{
    border-top: 1px solid Orange;
}


.close_status
{
    font-family: Calibri;
    font-size: 15px;
    color: Green;
    font-weight: bold;
    line-height: 25px;
}

.pending_status
{
    font-family: Calibri;
    font-size: 15px;
    color: Red;
    font-weight: bold;
    line-height: 25px;
}

.assign_status
{
    font-family: Calibri;
    font-size: 15px;
    color: Lime;
    font-weight: bold;
    line-height: 25px;
}

.open_status
{
    font-family: Calibri;
    font-size: 15px;
    color: Olive;
    font-weight: bold;
    line-height: 25px;
}
.box
{
    border: 1px solid Orange;
    background: #F8F8F8;
    background-repeat: no-repeat;
    font-family: Tahoma;
    font-weight: Bold;
    font-size: 14px;
    color: #444444;
    margin: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
    height: 270px;
    overflow: auto;
    zoom: 1;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -o-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -webkit-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
    -moz-box-shadow: 0 5px 10px #CCC, 0 1px 1px #CCC;
}
.box h2
{
    background: #FFE0A8;
    color: black;
    font-size: large;
    text-align: left;
    height: 15px;
    margin-top: 0px;
    padding-left: 10px;
    padding-bottom: 10px;   
}

.simple-round-div-right-home
{
    float: left;
    padding: 10px;
    margin: 2px;
    text-align: left;
    font-family: Calibri;
    font-size: 12px;
    font-weight: normal;
    color: Black;
    border: 1px solid #CCC;
    background: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.footerTable
{
      width: 100%;
      height:100%;
      background: #39b1cc
     /* background:#66B4FF;*/
      margin:0px;
      border:0px;
      font-family: tahoma, arial, sans-serif;
      font-size: 12px;
}
.headerTable
{
      width: 100%;
      height:100%;
      /*background-color: #39b1cc;*/
      background-color: #39b1cc;
      /*#66B4FF;*/
      margin:0px;
      border:0px;
      vertical-align:top;
}

.header-text-login
{
   /* font-family:Calibri;*/
    font-family : Calibri
    font-size:18px;
    font-weight:Bold; 
    color: #06496A;
    border-bottom:1px dotted #CCC;
    margin-bottom:15px;
}

.settings-login
{
    font-family: Calibri;
    font-size:16px;
    color: #06496A;
    line-height:25px;
    text-decoration:none;
    background-color:yellow;
}

.headerText
{
    font-family : Calibri;
  /*  font-family: Calibri;*/
    font-size: 18px;
    font-weight: Bold;
    color: #330019;
    border-bottom: 1px dotted #CCC;
    margin-bottom: 15px;
}

.labelText 
{
    width: 150px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    color: black;
    float: left;
    text-align: left;
    width: 150px;
    padding-right: 5px;
}

.cams-form-text-multiline
{
    width: 300px;
    font-family: Calibri;
    font-size: 12px;
    font-weight: Normal;
    height:100Px;
    color: black; /* padding-right: 5px;*/
}

.cams-form-text
{
    font-family: Calibri;
    font-size: 14px;
    font-weight: Normal;
    color: black; /* padding-right: 5px;*/
}

.tb_btn
{
    border: 1px solid #d1c7ac;
    width: 70px;
    color: #333333;
    padding: 3px;
    text-align: center;
    margin-right: 4px;
    margin-bottom: 8px;
  /*  font-family: tahoma, arial, sans-serif; */
    font-family: Calibri;
    
}
.td_al
{
    align : left;
    margin-left: 120px;
}
.td_l
{
    align: right;
}
.body_bck
{
    background-color: #C3C3C3;
}

.report_table_nw_container_delete
{
    margin-top:0px;
    position:absolute;
    top:160px;
    margin-left:170px;
    width:75%;
    height:100px;
    z-index:1;
    text-align:center;
    color:White;
    clear:both;
    border-radius: 6px; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-shadow: 0px 0px 10px #888, 10px 10px 10px #888;
	
	box-shadow: 0px 0px 10px #888, 10px 10px 10px #888;
    -o-box-shadow: 0px 0px 10px #888, 10px 10px 10px #888;
    -webkit-box-shadow: 0px 0px 10px #888, 10px 10px 10px #888;
    -moz-box-shadow: 0px 0px 10px #888, 10px 10px 10px #888;

    /*border:1px solid ;  */
}

.cams-simple-button2-delete
{
    padding: 5px;
    color: #FFF;
    margin-top:20px;
    background-color:Maroon;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width:70px;
    height:30px;
    font-size:16px;
    font-weight:bold;
    font-family:Calibri;
    border:1px solid black;
    cursor:pointer;
}

.modalBackground 
{

}

.modalPopup
{
background-color: #FFFFFF;
border-width:3px; 
border-style:solid; 
border-color:Gray; 
padding:3px; 
width: 350px;
height: 330px;
}

.modalPopupscroll {
	background-color:#FFFFFF;
	border-width:2px; 
	border-style:solid;
	border-color:#39b1cc;
	padding-top:10px;
	padding-left:10px;
	width:500px;
	height:500px;
	overflow:auto;
}

.table-left-align
{
    text-align:left;
    padding-right:10px;
}

Table.Gridview
{
    border: solid 1px #df5015;
}
.GridHeaderStyle a
{
    color: #A34775;
}
.Gridview th
{
    color: #A34775;
    border-right-color: #A34775;
    border-bottom-color: #A34775;
    padding: 0.1em 0.1em 0.1em 0.1em;
    text-align: center;
}
.Gridview td
{
    border-bottom-color: #f0f2da;
    border-right-color: #f0f2da;
    padding: 0.1em 0.1em 0.1em 0.1em;
}
.Gridview tr
{
    color: Black;
    background-color: White;
    text-align: left;
}

.highlight
{
    text-decoration: none;
    color: black;
    background: yellow;
}
.GridStyle tr th a, .GridStyle tr th a:visited
{
    color: Black;
}
.GridLinkButton /*Grid Selection Link*/
{
    text-align: center;
    color: #A34775;
    list-style-type: square;
    margin-left: 10px;
    font-weight: bold;
}
.modalBackground
{
background-color: Gray;
filter: alpha(opacity=80);
opacity: 0.8;
z-index: 10000;
}


Table.Gridview
{
    border: solid 1px white;
    border : solid 0px;
}
.GridHeaderStyle a
{
    color: #A34775;
}
.Gridview th
{
    /*color: #A34775; */
    background: #9E9E9E;
    color : black;
    /*border-right-color: #A34775;
    border-bottom-color: #A34775;*/
    padding: 0.1em 0.1em 0.1em 0.1em;
    text-align: center;
}
.Gridview td
{
    border-bottom-color: #f0f2da;
    border-right-color: #f0f2da;
    padding: 0.1em 0.1em 0.1em 0.1em;
    font-family: Calibri;
     background: #D6D6D6;
}


Table.Gridview
{
    /*border: solid 1px #df5015;*/
    border : solid 0px white;
}
.GridHeaderStyle a
{
    color: #A34775;
}
.Gridview th
{
    /*color: #A34775; */
    background: #9E9E9E;
    color : black;
    border-right-color:White;
    border-bottom-color: White;
    padding: 0.1em 0.1em 0.1em 0.1em;
    text-align: center;
}
.Gridview td
{
    border-bottom-color: White;
    border-right-color: White;
    padding: 0.1em 0.1em 0.1em 0.1em;
    font-family: Calibri;
     background: #D6D6D6;
}
.Gridview tr
{
   
    color: Black;
  /*  background-color: White;*/
    background: #D6D6D6;
    
    text-align: left;
}


.entry-box
{
    background-color:White;
    width: 80%;
    height:auto;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.entry-box-chart
{
    background-color:White;
    width: 40%;
    height:auto;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

.entry-box-header
{
    padding:5px;
    background-color:#CCC;
    font-family: Calibri;
    font-size: 20px;
    font-weight: Bold;
    color: #330019;
}

.entry-box-sub-header
{
    padding:2px;
    background-color:#CCC;
    font-family: Calibri;
    font-size: 14px;
    font-weight: Bold;
    color: #330019;
    text-align:left;
}

.entry-box-btn
{
    display: inline-block;
    height: 40px;
    width:100px;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    background-color:rgb(41,127,184);
    color:rgb(255,255,255);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
    border-radius:5px;
    top: 0px;
    left: -1px;
}

.entry-box-btn-medium
{
    display: inline-block;
    width:auto;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    background-color:rgb(41,127,184);
    color:rgb(255,255,255);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    border-radius:5px;
    top: -1px;
    left: -2px;
    text-align:center;
    }


.mGrid 
{   
    width: 100%;   
    background-color: #fff;   

    margin: 0px 0 10px 0;   
    border: solid 1px #525252;   
    border-collapse:collapse;   
    font-family: Calibri;
    font-size: 14px;
}  

.mGrid td {   
    padding: 1px;   
    border: solid 1px #c1c1c1;   
    color: #717171;   
}  
.mGrid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #424242 url("../images/grd_head.png") repeat-x top;   
    border-left: solid 1px #525252;   
    font-size: 0.9em;   
}  
.mGrid .alt { background: #fcfcfc url("../images/grd_alt.png") repeat-x top; }  
.mGrid .pgr { background: #424242 url("../images/grd_pgr.png") repeat-x top; }  
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td {   
    border-width: 0;   
    padding: 0 px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; } 

.td-top-align
{
    vertical-align:top;
}

.loading
{
    padding-left:10px;
    padding-top:10px;
    background-image:url('../images/loading.gif') no-repeat;
}

.fupload
{
    border:1px solid black;
    borde-radius:5px;
}

.fupload:hover
{
    cursor:pointer;    
}

.dashboard-count-text
{
    font-family: Calibri;
    font-size: 15px;
    color:#444;
    font-weight: bold;
    border-bottom: 1px dotted Gray;
    line-height: 25px;
	font-family: Calibri;
	font-size: 22px;
    font-weight: Bold;   
}


div.loginheader {
    color:White;
    text-align:left;
    vertical-align:middle;
    font-family: Calibri;
    font-size: 22px;
	padding:0;
	width:100%;
	height:30px;
	border:1px solid rgba(0,0,0,0.5);
	border-radius:4px 4px 4px 4px;
	-webkit-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	-moz-box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	box-shadow:
		0 2px 6px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	background:rgba(0,0,0,0.25);
	}
	
	
#UpdateProgress1 {
   background-color:#CF4342;
   color:#fff;
   top:0px;
   right:0px;
   position:fixed;
 }
	
	
	.tat
	{
	}