html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit; font-family:  Verdana,Arial,sans-serif;
    */
	vertical-align: baseline;
	font-family: Helvetica,Arial,sans-serif;
}

body {
    line-height: 1.35;
    font-size: 14px;
    background-color: #EDEDED;	
}

header {
    font-size: 85%;
    padding-left: 0px;
    padding-top: 0px;
    border-top-width: 0px;
    margin: 0 auto; /*padding-top: 5px;
    
    padding-left: 10px;
     */
text-align: left;
    background-color: #F3F3F3; /*background-color:  #BBBBBB;
    */
/*box-shadow:  1px 1px 15px #999999 inset;
    */
border-top: 1px solid #F3F3F3;
    color: white;
}

ol,ul {
    list-style: none;
}

a {
    color: #0066CC;
    text-decoration: none;	
	cursor:pointer;
}
#set_date, #set_place, #set_name
{
            color: #0066CC;
    text-decoration: none;	
	cursor:pointer;
}


input,button,select {
    padding: 5px;
    color: #333;
}

input,textarea,button {
    border-radius: 3px;
    border: 1px solid #999;
}

input:focus,textarea:focus {
    -webkit-box-shadow: 0 0 5px #CCC;
    box-shadow: 0 0 5px #CCC;
    border: 1px solid #DF5901;
}

input.error,textarea.error,select.error {
    /*border: 1px solid #A9252A!important;
    */
/*border: 1px solid #DD4B39!important;
        */
color: #DD4B39;
}

input.small {
    width: 50px;
}

.submit-button,button,input[type='submit'] {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-radius-topleft: 3px;
    border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.11, #F4F4F4), color-stop(0.75, #ccc) );

    background-image: -webkit-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -moz-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -o-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -ms-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    border: 1px solid #d4d4d4;
}

.submit-button:hover,button:hover,input[type='submit'] {
    cursor: pointer;
    border: 1px solid #999;
}

/*.pageTable  {
     border:  1px gray solid;
     margin-bottom:  5px;
     width:  100%;
     text-transform:  uppercase;
    font-size: 13px;
     font-family:  Verdana,Arial,sans-serif;
}

*/
.pageTable{
    /*border: 1px solid #CCCCCC;*/
    /*border: 1px solid #CCCCCC;*/
    margin-bottom: 5px;
    width: 100%;
    text-transform: uppercase;
    font-size: 13px;
    font-family: Verdana,Arial,sans-serif;
}

.subsTable {
    border: 1px gray solid;
    margin-bottom: 5px;
    width: -moz-max-content;
}

.tblHeader,.tblHeader th,.pageTable th,.pageTable thead, .WorkReportTable th, .WorkReportTable thead{
    /*background: -webkit-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent; 
font-family: Verdana,Arial,sans-serif;
    padding: 2px 5px;
    text-decoration: none; 
     
border: 1px solid #CCCCCC;
*/
    color: #333;
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.11, #F4F4F4), color-stop(0.75, #ccc) );
    background-image: -webkit-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -moz-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -o-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -ms-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    border: 1px solid #999;
    padding: 5px;    
    /*border: 1px solid #d4d4d4;    */
    /*border-radius: 3px;*/
}

.tblHeader a {
    color: #fff;
    text-decoration: none;
}

.revisionTbl {
    margin-bottom: 5px;
}

.revisionTblHeader {
    background-color: #EDEDED;
    color: #888;
    text-align: left;
    font-weight: normal;
}

.tblLabel {
    background-color: #EDEDED;
    color: #888;
}

.altRow {
    background-color: #fff;
}

.stdRow {
    background-color: #F4F4F4;
}

.warnRow {
    background-color: #ffff00;
}

/*h1 {
    font-size:  170%;
     border: 0;
     margin: 0 0 5px 0;
     color:  #333;
     padding: 0;
     border-bottom: 1px solid #dadada}

*/
h1 {
    font-size: 190%;
    border: 0;
    margin-bottom: 7px;
    
	color: orange;
	
    padding: 0;
    border-bottom: 1px solid #dadada;
}

label {
    /*font-weight: bold;
    */
color: #363636;
    text-align: right;
}

.tdR {
    text-align: right;
}

#pkpfooter {
    /*margin:  0;
    
    padding:  0;
    
    font-size:  100%;
    
    font:  inherit;
    
    vertical-align:  baseline;
    
    margin: 0 auto;
    
    text-align: left;
    
    background-color:  #F3F3F3;
    
    border-top-color:  #DADADA;
    
    border-top-style: solid;
    
    color:  black;
    */
/*font-size: 85%;
    */
/*padding-top: 5px;
     */
/*padding-left: 10px;
     */
/*background-color:  #F3F3F3;
    */
/*background-color:  #2C318D;
    */
/*background-color:  #BBBBBB;
    */
/*border-top:  1px solid #F3F3F3;
    */
font-size: 85.0%;
    border: 0;
    margin: 0 0 5px 0;
    color: #333;
    padding: 0;
    border-top: 1px solid #dadada;
}

/*#nav li {
    
float: left;
    
list-style:  none;
    
display:  inline;
    
padding:  5px 10px 4px 10px;
    
font-weight: bold;
    
}

#nav li a {
    
color:  #626262;
    
text-decoration:  none;
    
margin-right:  10px;
    
border-right:  2px solid blue;
    
border-left:  2px solid blue;
    
}

#nav li a:hover {
    
color: white;
    
background: cornflowerblue;
    
}

*/
#nav li {
    float: left;
    list-style: none;
    display: inline;
    font-weight: bold;
}

#nav li a {
    color: #235A81;
    text-decoration: none;
    padding-bottom: 0.6em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    padding-top: 0.6em;

    /*background: -webkit-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -o-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: -ms-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    background: linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;*/
    background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.11, #F4F4F4), color-stop(0.75, #ccc) );
    background-image: -webkit-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -moz-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -o-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: -ms-linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    background-image: linear-gradient( center top, #F4F4F4 11%, #ccc 75% );
    border: 1px solid #d4d4d4;
    border-radius: 3px;

}

#nav li a:hover {
    color: #235A81;
    background: cornflowerblue;
    font-size: 14px;
    background: url("./images/tab_hover_bg.png") repeat-x scroll 50% 0 transparent !important;
}

#sidepanel {
    height: 80%;
    left: 80%;
    position: absolute;
    width: 19%;
    border: 1px solid #CCCCCC;
}

#sideBox {
    height: 100%;
    width: 100%;
}

#records {
    border-top: 2px solid #CCCCCC;
}

#records_title {
    border-bottom: 2px solid #CCCCCC;
    text-align: center;
    font-weight: bold;
}

/*#dsubsciption_form {
    
width: 80%;
    
background: #DFE7F2;
    
border: 1px solid #CCCCCC;
    
}

*/
#subsciption_form {
    width: 100%; /*background: #DFE7F2;
    */
background: #EDEDED;
    border: 1px solid #CCCCCC;
}

/*label  {
    
margin-right:  10%;
    
width: 30%;
    
}

*/
.error {
    /*color: red;
    
    font-family:  Arial,Helvetica,sans-serif;
    
    font-size:  10px;
    
    font-style:  italic;
    */
/*border: 1px solid #A9252A!important;
    */
width: -moz-max-content;
    color: #DD4B39;
}

.error_inputbox {
    border: 1px solid #DD4B39 !important; /*border:  2px solid red;
    */
}

.success {
    border: 2px solid greenyellow;
}




@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{ 
	display: block; page-break-before: always; 
	}

}


.print_format table{
margin-top: 15px;
margin-bottom: auto;

}

.print_format {
    /* border: 1px solid #CCCCCC; */
    /* original 740*/
    width: 720px;     
	/*height: 1122.5px;*/
    padding-left: 3px;
    /*width:55%;*/
    table-layout: fixed;
    text-transform: uppercase;
    float: center;    
}

.print_format td {    
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    /*width:300px;*/    
    min-height:138px;
    max-height:138px;
    height: 138px;
    text-transform: uppercase;        
    word-wrap: break-word;
    /*overflow:hidden;*/
    /*white-space:nowrap;  */
    /* border: 1px solid;  */
	text-align: left;
	padding-left: 12px;   
	
/*  original was 10   previous was 15*/  
	/*padding-bottom: 10px; */
    /*width: 7cm;*/
    /*overflow: hidden;*/    
    /*heigth: 12.2%;*/    
    /*overflow: hidden;*/    
    /*display: block;*/
    /*border-top-width: 1px;*/
    /*padding-left: 7px;*/
    /*padding-top: 5px;*/
    /*padding-right: 0px;    */
                vertical-align: middle;				  
    /*border-collapse:collapse;*/
}

#seprator
{
    height: 7px;
    /*border: none;    */
	  padding-bottom: 0px;
}

#seprator2
{
   height: 12px;
    /*border: 1px solid black;*/
    /*padding-top: 9px;*/
    padding-bottom: 0px;
}



#Rulebox {
    font-family: sans-serif;
}
.zebra_stripe {
    /*border:  1px solid #CCCCCC;*/
    
border: 1px solid gray;   


font-family: sans-serif; /*font-family:  Verdana, sans-serif;
    */
border-collapse: collapse;

    text-transform: uppercase;
    font-size: 14.2333px;
    padding: 0.4em;
    background-color: #FCFCFC;
}


.zebra_stripe:hover {
    background-color: #DFE7F2;
}

#footer_main p,.logOutForm,#logout {
    width: -moz-fit-content;
    display: inline;	
}

input[id="logout"] {
    background-image: none;
    border: none;
    color: #0066CC;
}

.logout_button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; /*background-image:  none;
    */
}

.operator_box {
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    bottom: 30%;
    height: 25%;
    left: 40%;
    position: fixed;
    right: 40%;
    top: 30%;
    text-align: center;
    color: #505050; /*color:  white;

    */
	min-width: 250px;
    border: 1px solid #808080;
    border-radius:10px;
    /*text-shadow:2px 2px 2px #808080;*/
    box-shadow: 2px 2px 2px 2px;
}

#empty_result {
    border: 1px solid #FE2E2E;
    color: black;
    padding: 5px 15px;
    font-family: sans-serif;
    border-radius: 6px;
    font-size: 15px;
    background: #FFCC99;
    position: relative;
    margin-left: 1px;
    text-align: center;
}

#successful
{
    /*background-attachment: scroll;
    background-clip: border-box;
    background-color: #FFE57E;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 5px 90px #888888;
    margin-top: 200px;*/
    position: absolute; 
    width: 100%;
    background-image: url("./images/s_success.png");
    background-position: 35% 50%;
    background-repeat: no-repeat;
    border: 1px #A2D246;        
    background-color: #e4ffcc;
    text-align: center;
    color: #000000;        
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat; 
    cursor: pointer;   
    /*margin-top: 300px;*/
    margin: 0;
    top:50%;
    /*height: 20%;*/

    /*border-bottom-color: -moz-use-text-color;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    /*border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 1px;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;*/
    border-right-width-value: 1px;    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px 1px #FFFFFF inset;
    margin-bottom: 1.3em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 10px;
    padding-top: 10px;

    
    /*margin: 0;
    cursor: pointer;
    position: absolute;
    top: 5%;
    background: white;    
    left:20%;
    right:20%; 
    width:25%;
    height: 50%;
    width:100%;
    height: 100%;
    padding: 2em 4em;
    border-radius: .5em;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
    background: #e4ffcc;        
    background: #EBF8A4;        
    text-align: center;        
    color:#4a8413;    
    text-shadow: 0px 1px 1px white;*/
    
}

th.header {
	background-image: url(./images/bg.gif);	
	cursor: pointer;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 20px;
	border-right: 1px solid #dad9c7;
	margin-left: -1px;
}

th.headerSortDown {
	background-image: url(./images/desc.gif);
	background-color: #3399FF;
}

th.headerSortUp {
	background-image: url(./images/asc.gif);
	background-color: #3399FF;
}

#summaryleftbox
{
	margin-left: 10px;
}


/*table sorter started*/
/*
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}*/

.WorkReportTable{
    /*border: 1px solid #CCCCCC;*/
    /*border: 1px solid #CCCCCC;*/
    margin-bottom: 5px;
    width: 50%;
    text-transform: uppercase;
	text-align: center;
    font-size: 13px;
    font-family: Verdana,Arial,sans-serif;
}

table.sortable thead {
    background-color:black;	
    color:white;
    font-weight: bold;
    cursor: default;
}

#logintitle, #loginerror
{
	text-align: center;
	
}
#loginerror
{
	color: maroon;
}


#myTable td {
background-color: #FFFFFF;
color: #202020;
/*border-collapse: collapse;*/
text-transform: uppercase;
padding: 0.4em;
font-family: arial;
font-size: 13px;
vertical-align: middle;
}






#myTable th {
font-family:arial;
background-color:#D4D4D4;
border-top: 1px solid #A0A0A0;
border-bottom: 1px solid #A0A0A0;
border-right: 1px solid #A0A0A0;
border-left: 1px solid #A0A0A0;

font-size: 12px;
padding-top:4px;
}

/*#myTable td:hover {
background-color: #DFE7F2;
border-color:#DFE7F2;
}	*/
    #myTable tbody tr:hover td {
        background: none repeat scroll 0 0 #FFCF8B;
        color: #000000;
    }

    /*#myTable > tr > td {  
    {
       background-color: red;
    }*/

        #myTable tbody tr.red td {
          background-color: #f2dede;                       
    }   

        #myTable tbody tr.expire_reg td {
          background-color: #DD3131;                       
          color:white;
    }   
    #myTable tbody tr.expire_reg a
    {
          color:white;
    }

    td.tdR
    {
        vertical-align: middle;
    }

    

#cmp
{

}
#allcomplaints {
background-color: #EDEDED;
width:58%;
float:right;
height: 95%;
}	

#addcomplaintbox
{
background-color: #EDEDED;
width:42%;
float:left;
height: 95%;
}
.solve_complaints
{
	background-color: green;	
}

#error_msg
{
	color: #DD4B39;	
}

#success_msg
{
	color: green;	
	
}
#pending_entry
{
	color: white;	
	background-color:red;	
	
}
#top_box
{
	font-size: 85%;		
}
#bold_content
{
	font-weight: bold;
	font-family:Helvetica,Arial,sans-serif;
	color: #DF5901;
	font-size: 120%;
	padding-right: 10px;
	
	
}
#transparent_box
{
	background: url(images/star/25star.gif) 10px 25% no-repeat fixed;
}

.red
{
    background:red;
}


/*.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }
tbody td:nth-child(even) { background-color: #f0f8ff; }*/
/*$('table').filterTable({
    callback: function(term, table) {
        table.find('tr').removeClass('striped').filter(':visible:even').addClass('striped');
    }
});*/