@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Helvectica Neue';
    src: url('helveticaneue-webfont.eot');
    src: url('helveticaneue-webfont.eot?#iefix') format('embedded-opentype'),
        url('helveticaneue-webfont.woff') format('woff'),
        url('helveticaneue-webfont.ttf') format('truetype'),
        url('helveticaneue-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
    color:#000;
}

#myTab{font-size:12px;}

body {
    margin: 0;
    font-family: "Helvectica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-color:#000;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff;
}
select #main{margin-top:2px; margin-bottom:2px;}
hr{margin:0px; padding:0px;}
input[type="text"] {margin:0px 0px; font-size:12px; color:#000;font-family: "Helvectica Neue", Helvetica, Arial, sans-serif;}
textarea {margin:2px 0px; font-size:12px; color:#000;font-family: "Helvectica Neue", Helvetica, Arial, sans-serif;}
strong {color:#000;}
#entryDate {color:#000;}
#liveclock {color:#000;}
#editDate {color:#000;}
#maincontent{width:1000px; margin:0px auto;}
.head-block{height:80px;}
.head-blockOld{background: #45484d; /* Old browsers */
               background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
               background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
               background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
               background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
               background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
               background-repeat:repeat-x;}
.head-blockFoot{background: #3eb6f6; /* Old browsers */
                background: -moz-linear-gradient(top,  #3eb6f6 0%, #0179b9 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3eb6f6), color-stop(100%,#0179b9)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #3eb6f6 0%,#0179b9 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #3eb6f6 0%,#0179b9 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #3eb6f6 0%,#0179b9 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #3eb6f6 0%,#0179b9 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb6f6', endColorstr='#0179b9',GradientType=0 ); /* IE6-9 */
                height:3px;
}
.head-block1{height:80px;}
.logo{ color:#D1E6F3; font-size:42px; padding:22px 15px 10px 15px; text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 10px #017DB8, 0 0 15px #017DB8, 0 0 20px #017DB8, 0 0 25px #017DB8;}
.logoM{ color:#D1E6F3; font-size:32px; padding:22px 15px; text-shadow: 0 0 0px #000, 0 0 0px #000, 0 0 10px #017DB8, 0 0 15px #017DB8, 0 0 20px #017DB8, 0 0 25px #017DB8;}
.logo1{float:left;}
.clock{float:right; padding-right:10px; font-size:11px; color:#C7C7C7}
.clear{clear:both;}



.menuHead > ul{list-style:none; display:block;}
.menuHead > ul>li{color:#000; float:left; padding:0px 5px 5px 5px; font-size:16px;}

.menuHead > ul>li>a{color:#000; font-size:16px;}
.menuHead > ul>li.current>a{color:#3DBAF6; font-size:16px; text-decoration:none; font-weight:400;}
.menuHead > ul>li>a:hover{color:#3DBAF6; font-size:16px; text-decoration:none;}

.right2{padding-right:1px; margin-right:1px;}

.select{margin-top:2px; margin-bottom:2px;}
#content{min-height:397px;}
.footer{width:100%;  min-height:180px; border-top:1px dotted #DEDED; background-color:#0096ED;margin:auto; font-size:11px; color:#FFF; text-align:center; padding-top:10px;}
.footer-body{margin:auto; width:1000px;}
.footer-body>.block{width:30%; padding:0px 10px; float:left; min-height:150px; font-size:12px;}
.block-content{margin:auto; width:100%; text-align:center;}

.social ul{list-style:none; margin:0; padding:10px 0px 0px 90px;}
.social li{padding:0; float:left; margin:0 10px 0 0;}
.nav{text-align:left}

.left{float:left;}
.right{float:right;}
.leftmain1{width:1000px; padding-right:10px;}
.leftmain2{width:170px; text-align:center;}

.bot10{margin-bottom:10px;}

.twitter { background: url(../images/twitter_white.png) no-repeat; width: 24px; height: 23px; float:left; margin:10px 5px;}
.twitter:hover {background: url(../images/twitter.png) no-repeat;	width: 24px; height: 23px;}
.facebook { background: url(../images/facebook_white.png) no-repeat; width: 24px; height: 23px; float:left; margin:10px 5px;}
.facebook:hover {background: url(../images/facebook.png) no-repeat;	width: 24px; height: 23px;}
.google { background: url(../images/google_white.png) no-repeat; width: 24px; height: 23px; float:left; margin:10px 5px;}
.google:hover {background: url(../images/google.png) no-repeat;	width: 24px; height: 23px;}
.rss { background: url(../images/rss_white.png) no-repeat; width: 24px; height: 23px; float:left; margin:10px 5px;}
.rss:hover {background: url(../images/rss.png) no-repeat;	width: 24px; height: 23px;}

.block-content h2{font-size:1.8em; font-weight:500; padding:0px; margin:0px; line-height:2em;}

.pull-center{text-align:center;}
.miniTxt{font-size:11px; line-height:15px;}
.block1{padding-bottom:20px;}
.block2{padding:20px 0px;}
.block3{padding-top:20px;}
.btn-custom {
    background-color: hsl(195, 100%, 45%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c0ff", endColorstr="#00ace5");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#05c0ff), to(#00ace5));
    background-image: -moz-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -ms-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05c0ff), color-stop(100%, #00ace5));
    background-image: -webkit-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -o-linear-gradient(top, #05c0ff, #00ace5);
    background-image: linear-gradient(#05c0ff, #00ace5);
    border-color: #00ace5 #00ace5 hsl(195, 100%, 43.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
    -webkit-font-smoothing: antialiased;
}

.cm-btn{width:120px; padding:4px 0px;}
.sp{margin-bottom:8px;}
#myModal{width:1000px;left:35%; top:2%; font-size:12px; height:600px;}
#myModal.modal-body{width:1000px; height:600px;}
#myModal > .modal-body {
    padding: 5px 15px 0px 15px;
}

#color{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#color.modal-body{width:560px; height:460px;}

#flavour{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#flavour.modal-body{width:560px; height:460px;}

#fillings{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#fillings.modal-body{width:560px; height:460px;}

#miscMaintenance{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#miscMaintenance.modal-body{width:560px; height:460px;}

#frostings{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#frostings.modal-body{width:560px; height:460px;}

#sales{width:560px;top: 10%; left: 50%; font-size:12px; height:500px;}
#sales.modal-body{width:560px; height:460px;}

#accessory{width:1000px;left:35%; top:10%; font-size:12px; height:500px;}
#accessory.modal-body{width:1000px; height:460px;}
#accessory > .modal-body {
    padding: 5px 15px 10px 15px;
}

.ModalHeading h4 {width:450px; color:#0095ED;}

.fm{font-size:12px;}

#myModal{width:1000px;left:35%; top:2%; font-size:12px; height:600px;}
#myModal.modal-body{width:1000px; height:580px;}
#myModal > .modal-body {
    padding: 5px 15px 0px 15px;
}

#tier{width:1000px;left:35%; top:10%; font-size:12px; height:500px;}
#tier.modal-body{width:1000px; height:460px;}
#tier > .modal-body {
    padding: 5px 15px 10px 15px;
}

#SiteLocation{width:1100px;left:35%; top:10%; font-size:12px; height:500px;}
#SiteLocation.modal-body{width:1000px; height:460px;}
#SiteLocation > .modal-body {
    padding: 5px 15px 10px 15px;
}

#otherCake1{width:1000px;left:35%; top:10%; font-size:12px; height:500px;}
#otherCake1.modal-body{width:1000px; height:460px;}
#otherCake1 > .modal-body {
    padding: 5px 15px 10px 15px;
}


/*#compInfo{width:1000px;left:35%; top:10%; font-size:12px; height:450px;}
#compInfo.modal-body{width:1000px; height:420px;}
#compInfo > .modal-body {
padding: 5px 15px 10px 15px;
}
*/

.lableDiv{width:100px; float:left; text-align:right; padding-right:3px; color:#000; padding-top:4px;}
.lableDiv1{width:200px; float:left; text-align:right; padding-right:3px; color:#000; padding-top:4px;}
.lableDivMini{width:40px; float:left; text-align:right; padding-right:3px; color:#000;padding-top:4px;}
.lableDivMax{width:150px; float:left; text-align:right; padding-right:3px; color:#000;padding-top:4px;}



.lableDivAuto{float:left; text-align:right; padding-right:3px; padding-left:10px; color:#000;padding-top:4px;}
.eleDiv{float:left;}
select{  font-size:12px;
         color:#777;
         margin-bottom:0px; 
}
.btn-mini{ height:22px; margin:0px; line-height:18px;}

.lableDiv{width:100px; float:left; text-align:right; padding-right:3px; color:#000; padding-top:4px;}
.lableDiv1{width:125px; float:left; text-align:right; padding-right:3px; color:#000; padding-top:4px;}
.lableDiv2{width:150px; float:left; text-align:right; padding-right:3px; color:#000; padding-top:4px;}
.lableDivMini{width:40px; float:left; text-align:right; padding-right:3px; color:#000;padding-top:4px;}
.lableDivMax{width:150px; float:left; text-align:right; padding-right:3px; color:#000;padding-top:4px;}
.lableDivMax1{width:200px; float:left; text-align:right; padding-right:3px; color:#000;padding-top:4px;}
.lableDivAuto{float:left; text-align:right; padding-right:3px; padding-left:5px; color:#000;padding-top:4px;}
.lableDivAutoDiff{float:left; text-align:left; padding-right:3px; padding-left:5px; color:#000;padding-top:4px;}
.eleDiv{float:left;}
select{  font-size:12px;
         color:#000;
         margin-bottom:0px; 
}

.main table{font-size:12px; font-family: "Helvectica Neue", Helvetica, Arial, sans-serif;}
.gray { background-color:#F5F5F5}
.clockIcon{width: 16px; height:10px; background: url(../images/ui-icons_222222_256x240.png) -80px, -96px; display: inline-block; cursor:pointer}


/* Date Tale */

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1; /* Feeling sorry for IE */

}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous,
.paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
.paginate_disabled_next:hover, .paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active, .paginate_enabled_previous:active,
.paginate_disabled_next:active, .paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous, .paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next, .paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_disabled_previous {
    background: url('../images/back_disabled.png') no-repeat top left;
}

.paginate_enabled_previous {
    background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
    background: url('../images/back_enabled_hover.png') no-repeat top left;
}

.paginate_disabled_next {
    background: url('../images/forward_disabled.png') no-repeat top right;
}

.paginate_enabled_next {
    background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
    background: url('../images/forward_enabled_hover.png') no-repeat top right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;

    /* Note Firefox 3.5 and before have a bug with border-collapse
     * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
     * border-spacing: 0; is one possible option. Conditional-css.com is
     * useful for this kind of thing
     *
     * Further note IE 6/7 has problems when calculating widths with border width.
     * It subtracts one px relative to the other browsers from the first column, and
     * adds one to the end...
     *
     * If you want that effect I'd suggest setting a border-top/left on th/td's and 
     * then filling in the gaps with other borders.
     */
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;

    cursor: pointer;
    * cursor: hand;
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}

table.display thead th:active,
table.display thead td:active {
    outline: none;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}

table.display tr.odd.gradeX {
    background-color: #ffdddd;
}

table.display tr.even.gradeX {
    background-color: #ffeeee;
}

table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}


tr.odd {
    background-color: #F9F9F9;

}

tr.even {
    background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers a:active {
    outline: none;
    color:#0088CC;
}

.paging_full_numbers a:hover {
    text-decoration: none;
    color:#0088CC;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #DDDDDD;
    border-left:none;
    padding: 4px 8px;

    cursor: pointer;
    *cursor: hand;
    color: #0088CC !important;
}

#example_first {border-left:1px solid #DDDDDD; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.paging_full_numbers a.paginate_button {
    background-color: #FFF;
    color:#0088CC;
}
#example_last{-webkit-border-top-right-radius: 4px;
              -webkit-border-bottom-right-radius: 4px;
              -moz-border-radius-topright: 4px;
              -moz-border-radius-bottomright: 4px;
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;}

#futureOrder_first {border-left:1px solid #DDDDDD; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#futureOrder_last{-webkit-border-top-right-radius: 4px;
                  -webkit-border-bottom-right-radius: 4px;
                  -moz-border-radius-topright: 4px;
                  -moz-border-radius-bottomright: 4px;
                  border-top-right-radius: 4px;
                  border-bottom-right-radius: 4px;}

.paging_full_numbers a.paginate_button:hover {
    background-color: #f5f5f5;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #F5f5f5;
    color:#0088CC;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
    background-color: none;
}

tr.odd td.sorting_2 {
    background-color: none;
}

tr.odd td.sorting_3 {
    background-color: none;
}

tr.even td.sorting_1 {
    background-color: none;
}

tr.even td.sorting_2 {
    background-color: none;
}

tr.even td.sorting_3 {
    background-color: none;
}


/* For the Conditional-CSS grading rows */
/*
        Colour calculations (based off the main row colours)
  Level 1:
                dd > c4
                ee > d5
        Level 2:
          dd > d1
          ee > e2
*/
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {

    background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
    background-color: #E6FF99;
}

.ex_highlight_row #example tr.even:hover {
    background-color: #ECFFB3;
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
}

.ex_highlight_row #example tr.odd:hover {
    background-color: #E6FF99;
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
    border: 3px solid transparent;
}

table.KeyTable td.focus {
    border: 3px solid #3366FF;
}

table.display tr.gradeA {
    background-color: #eeffee;
}

table.display tr.gradeC {
    background-color: #ddddff;
}

table.display tr.gradeX {
    background-color: #ffdddd;
}

table.display tr.gradeU {
    background-color: #ddd;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}

#example tr {
    opacity:1;
}
#example tr:hover {
    opacity:1;
}


/*------------For Customize Scorll Bar -------------*/
.scrollbarBaking{margin-left: 0px; float: left; height: 340px; width: 99%; overflow-y: scroll; overflow-x: hidden;}
.force-overflowBaking{min-height: 340px;}
.scrollbar{ margin-left: 0px; float: left; height: 310px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.scrollbarColor{ margin-left: 0px; float: left; height: 320px; width: 520px; overflow-y: scroll; overflow-x: hidden;}
.force-overflow{min-height: 310px;}
.scrollbar1{margin-left: 0px; float: left; height: 165px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.force-overflow1{min-height: 165px;}
.scrollbar2{margin-left: 0px; float: left; height: 222px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.force-overflow2{min-height: 222px;}
.scrollbar3{margin-left: 0px; float: left; height: 348px; width: 520px; overflow-y: scroll; overflow-x: hidden;}
.force-overflow3{min-height: 348px;}
.scrollbar4{margin-left: 0px; float: left; height: 405px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.force-overflow4{min-height: 405px;}

.scrollbarMaintenanceBig1{margin-left: 0px; float: left; height: 291px;  overflow-y: scroll; overflow-x: hidden;}
.scrollbarMaintenanceBig{margin-left: 0px; float: left; height: 291px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.force-overflowMaintenanceBig{min-height: 291px;}


.scrollbarMaintenanceSite{margin-left: 0px; float: left; height: 315px; width: 950px; overflow-y: scroll; overflow-x: hidden;}
.force-overflowMaintenanceSite{min-height: 315px;}



.scrollbarMaintenanceBigMin{margin-left: 0px; float: left; height: 248px; width: 940px; overflow-y: scroll; overflow-x: hidden;}
.force-overflowMaintenanceBigMin{min-height: 248px;}


.scrollbarMaitenanceSmall{margin-left: 0px; float: left; height: 318px; width: 520px; overflow-y: scroll; overflow-x: hidden;}
.force-overflowMaitenanceSmall{min-height: 318px;}


.scrollbarMaintenanceAcces{margin-left: 0px; float: left; height: 262px; width: 935px; overflow-y: scroll; overflow-x: hidden;}
.force-overflowMaintenanceAcces{min-height: 262px;}


#style-2::-webkit-scrollbar-track{	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#style-2::-webkit-scrollbar{width:12px;background-color: none;}
#style-2::-webkit-scrollbar-thumb{border-radius: 10px;	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #0095ED;}
/*------------End of -------------*/

.pyamentHeading{font-weight:bold; text-align:right; padding-right:3px; height:22px;}
.pyamentAmt{text-align:right; padding-right:7px;}
.pyamentPrice{font-weight:bold; text-align:right; padding-right:3px; height:22px; font-size:14px;}

/*------------For upload image button--------------*/
#picList img{margin:1px; width:106px; height:68px; border:1px solid #DDD; padding:2.5px;}
<!--#picList img{margin:1px; width:80px; height:59px; border:1px solid #DDD; padding:1px;}-->
#upload{
    margin:18px 3px 0px 3px; padding:2px 2px 2px 6px;
    font-weight:bold; font-size:12px;
    font-family:"Helvectica Neue", Arial, Helvetica, sans-serif;
    text-align:left;
    text-decoration:underline;
    background:#f2f2f2;
    color:#730707;
    border:1px solid #ccc;
    width:180px;
    cursor:pointer !important;
    -moz-border-radius:5px; -webkit-border-radius:5px; 
}
.styleall{
    margin:0px 10px 10px 5px; height:22px; padding-left:10px; padding-right:10px; padding-top:1px;
    font-family:Helvetica, sans-serif;
    text-align:left;
    background-color: hsl(195, 100%, 45%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c0ff", endColorstr="#00ace5");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#05c0ff), to(#00ace5));
    background-image: -moz-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -ms-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #05c0ff), color-stop(100%, #00ace5));
    background-image: -webkit-linear-gradient(top, #05c0ff, #00ace5);
    background-image: -o-linear-gradient(top, #05c0ff, #00ace5);
    background-image: linear-gradient(#05c0ff, #00ace5);
    border-color: #00ace5 #00ace5 hsl(195, 100%, 43.5%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
    -webkit-font-smoothing: antialiased;
    cursor:pointer !important;
    -moz-border-radius:5px; -webkit-border-radius:5px;
    font-size:11px;
}


.darkbg{background:#ddd !important;}
#status{font-family:"Helvectica Neue",Arial, Helvetica, sans-serif; font-size:10px; color:#333; padding:0px;}
#prasad{font-family:"Helvectica Neue" ,Arial, Helvetica, sans-serif; font-size:10px; color:#333; padding:0px;}


.successCompany{border:1px solid #DDD; padding:2px; text-align:center; width:280px; height:280px; text-align:center; list-style:none; float:left; vertical-align:middle}
.errorCompany{border:1px solid #DDD; padding:2px; text-align:center; width:280px; height:280px; text-align:center; list-style:none; float:left; vertical-align:middle}



ul#files{ list-style:none; padding:0; margin:0;}
ul#files li{ padding:5px; margin-bottom:2px; width:150px; float:left; margin-right:2px; list-style:none;}
ul#files li img{ max-width:180px; max-height:150px;}
.success{border:1px solid #DDD; padding:2px; text-align:center; width:600px; height:394px; text-align:center; list-style:none; float:left; vertical-align:middle}
.error{border:1px solid #DDD; padding:2px; text-align:center; width:600px; height:394px; text-align:center; list-style:none; float:left; vertical-align:middle}
.success_horoscope{padding:2px; text-align:left; list-style:none;}


.hide{display:none;}
.showAlert{ background-color:#FF9F9F; border:1px solid #E17272;padding:2px 5px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;color:#FFF;}
.gap10px{height:10px;}
.tabContentBorder{border:1px solid #DDD; border-top:none; padding: 5px 5px 5px 5px;}
.dateClock{width:200px; padding-top:10px;}
.dateClock span{ font-size:11px; color:#666}
.dateTime{ font-size:11px; color:#666}


.right-text{text-align:right;}

/************Mainteneance ****************/
#scrollbarColor{font-size:12px;}

select, option {
    white-space: pre;
    font-family: monospace;
}

#xx select{height:27px;}

dataTables_filter, .dataTables_info {display: none;}
.more2{display:none;
}




.rollover {
    background:url(../images/deleted.png) center center no-repeat #000;
    height: 30px;
    width: 30px;
    position: absolute;
    opacity: .6;
}

.rollover:hover {
    opacity: .8;
    -o-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition: -webkit-transform 1s;

}
#compInfo{width:1000px;left:35%; top:10%; font-size:12px; height:450px;}
.modal-body1{width:998px; height:370px; background-color:#DADEE1;}
.modal-body1 {
    padding: 12px 15px 10px 15px;
    background-color:#DADEE1;
}


#myTab1>li{position:relative;display:block}
#myTab1>li>a{position:relative;display:block;padding:10px 15px}
#myTab1>li>a:hover,
#myTab1>li>a:focus{text-decoration:none;background-color:#DADEE1;}
#myTab1>li.disabled>a{color:#DADEE1; font-weight:bold;}
#myTab1>li.disabled>a:hover,
#myTab1>li.disabled>a:focus{color:#DADEE1;text-decoration:none;cursor:not-allowed; font-weight:bold;}
#myTab1>li.active>a,
#myTab1>li.active>a:hover,
#myTab1>li.active>a:focus {
    background-color:#DADEE1;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    font-weight:bold;
}
.modal-footer1 {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #FFF;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

input{padding-top:3px;}

textarea { 
    resize: none; 
}
@media print
{
    @page {
        size: A4;}
}

#ContactUs{width:1100px;left:35%; top:10%; font-size:12px; height:490px;}
#ContactUs.modal-body{width:1100px; height:470px;}
#ContactUs.modal-body {
    padding: 5px 15px 10px 15px;
}

#termsConditions{width:1100px;left:35%; top:10%; font-size:12px; height:490px;}
#termsConditions.modal-body{width:1100px; height:470px;}
#termsConditions.modal-body {
    padding: 5px 15px 10px 15px;
}
#planS{width:1160px;left:30%; top:10%; font-size:12px; height:600px;}
#planS.modal-body{width:1240px; height:560px;}
#planS > .modal-body {
    padding: 5px 15px 10px 15px;
}