@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background-color:#ffffff; width:auto;position: relative;  }

#wrapper, #footer { position: relative; min-width: 760px;}

* html #wrapper, * html #footer {
  width: 780px;
  width: expression((document.body.clientWidth>2000) ? "1600px" : ((document.body.clientWidth>800) ? "auto" : "780px"));
}

.dontprint
{ display: none; }
 
@media print {
    div.do-not-print {display: none;} 
     a[href]:after { content: none !important; }
  img[src]:after { content: none !important; }
  @page { margin: 0; }
  /*body  { margin: 1.6cm; }*/
}

label {
   cursor: pointer;
   /* Style as you please, it will become the visible UI component. */
}

#upload-file {
   opacity: 0;
   position: absolute;
   z-index: -1;
}


#wrapper { min-height: 100%; }

#left {
    width:200px;
    padding:0;
    background: #ffffff;
    display: table-cell;
	margin:0px;padding:40px 0px 20px 0px;
	background-image:url(images/leftmenu_bg.png);
	background-repeat:repeat-y;
	z-index:-1;
	vertical-align:top;
    }

* html #wrapper {
  height: 100%; /*IE6*/
}
  
/*IE5.5*/
* html #container {
  text-align: center;
  te\xt-align: left;
}  
  
#footer {
font-size:12px;font-weight:bold;color:#ffffff;background-color:#1D3D6D;text-decoration:none;font-weight:bold;
position: fixed;  bottom: 0; left: 0; right: 0; z-index: 1000;  width: 100%;
padding:5px;
}

* html #footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;/*IE5.5*/
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}



a:link {color:#0033FF;text-decoration:underline;}
a:visited {color:#0033FF;text-decoration:underline;}
a:hover{color:#CC0000;text-decoration:none;}

form { margin:0px;}

/*SIMPLE PRELOADER*/
	#loading-div-background{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}



.tablink {
  background-color: #e8e8e8;
  color: #333333;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 6px;
  font-size: 15px;
  width: 25%;
  font-weight: bold;
}

.tablink:hover {
  background-color: #e7e7e7;
}

/* Style the tab content */
.tabcontent {
  color: white;
  display: none;
  padding: 5px;
  text-align: center;
}

#simple {background-color:#e8e8e8;color: #333333}
#advanced {background-color:#e8e8e8;;color: #333333}

#loading-div{
    width: 300px;
  /*  height: 80px;*/
    background-color: #fff;
    border: 5px solid #006600;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */
}

.container_mugshot {
  position: relative;
  width: 165px;
  height: 185px;
}

.image_mugshot {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_mugshot {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.container_mugshot:hover .overlay_mugshot {
  opacity: 1;
}

.text_mugshot {
  color: #ffffff;
  font-size: 11px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.myButtonBlack {
	box-shadow:inset 0px 1px 0px 0px #0e1f26;
	background:linear-gradient(to bottom, #030608 5%, #303030 100%);
	background-color:#030608;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:7px 13px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButtonBlack:hover {
	background:linear-gradient(to bottom, #303030 5%, #030608 100%);
	background-color:#303030;
}
.myButtonBlack:active {
	position:relative;
	top:1px;
}


.myButtonRed {
	box-shadow:inset 0px 1px 0px 0px #ad1f53;
	background:linear-gradient(to bottom, #f72536 5%, #ff0f0f 100%);
	background-color:#f72536;
	border-radius:3px;
	border:1px solid #d61a1a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	padding:7px 23px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.myButtonRed:hover {
	background:linear-gradient(to bottom, #ff0f0f 5%, #f72536 100%);
	background-color:#ff0f0f;
}
.myButtonRed:active {
	position:relative;
	top:1px;
}


/* XPLORER NAV BUTTON */
/* just some styling to make things look pretty, none of this is required */
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.xmenu > li {
    float: left;
    font-family: sans-serif;
    font-size: 13px;
    line-height:180%;
}
.xmenu button {
    border: 0;
    background: transparent;
    cursor: pointer;
		margin: 0;
    padding: 0;
}
.xmenu button:hover,
.xmenu button:focus {
    outline: 0;
    text-decoration: underline;
}

.subxmenu {
    display: none;
    position: absolute;
    padding: 0px 10px 0px 10px;
}
.xmenu button:focus + .subxmenu,
.subxmenu:hover {
    display: block;
    background-color: #f1f1f1;
    border-bottom: 1px solid #333333;
}
/*.border_thin { border-bottom:1px solid #D7E7F7; background-color:#FFFFFF; margin:0px; padding:0px; font-size:10px}
.border_thick { border:1px solid #cccccc; background-color: #FFFFFF; margin:10px 2px; padding:2px 2px 6px 2px; border-radius:2px;}
.border_thin:hover { border-bottom:1px solid #D7E7F7; background-color:#F2FFF2; margin:0px; padding:0px; font-size:10px}
*/
.border_thin { border-bottom:1px solid #D7E7F7; background-color:#FFFFFF; margin:0px; padding:0px; font-size:10px}
.border_thin:hover { border-bottom:1px solid #D7E7F7; background-color:#F2FFF2; margin:0px; padding:0px; font-size:10px}
.border_thick { border:2px solid #C6FDCA; background-color:#ffffff; margin:0px 3px; padding:5px; text-decoration: none; cursor: pointer; }
.border_thick_blue { border:4px solid #0D76BA; background-color:#FFFFFF; margin:5px; padding:0px;}
.border_right { border-right:2px solid #C6FDCA; background-color:#FFFFFF; margin:5px; padding:5px;}
.border_left_grey { border-left:2px solid #CCCCCC; background-color:#FFFFFF; margin:0px; padding:0px 5px 0px 0px; }
.border_thick_grey { border:2px solid #F8F8F8; background-color:#ffffff; margin:0px 3px; padding:15px;}
.border_thick_alt { border:2px solid #003366; background-color:#FFFFFF; margin:5px; padding:0px}

.data_box { background-color: #EBF3FF; padding:10px; }


#tabmenu {
	color: #000;
/*	border-bottom: 1px solid black;*/
	margin: 0px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 5px;
	
	}
	
#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	}

#tabmenu a, a.active {
	color: #000000 !important;
	background: #f4f4f4;
	font-size:12px;
	/*font-weight:bold;
	border: 1px solid #666666;
	border-bottom: none;*/
	padding: 5px 8px 5px 8px;
	margin: 0px 2px 0px 2px;
	text-decoration: none;
	outline:none;
		border:1px solid #cccccc;
	}

#tabmenu a.active {
	background: #BFD7EF;
	border-bottom: 3px solid #BFD7EF;
	}

#tabmenu a:hover {
	color: #ffffff;
	/*background:#DDEAF7;*/
	font-weight:bold;
	cursor:pointer;
	}

#tabmenu a:visited {
	color: #E8E9BE;
	}

#tabmenu a.active:hover {
font-weight:bold;
color: #ffffff;
	}

#content {
	text-align: justify;
	background: #ffffff;
	padding: 0px;
	border-top: none;
	z-index: 2;
	}


#preloader {
	position: absolute;
	top: 250px;
	left: 400px;
	z-index: 100;
	padding: 5px;
	text-align: center;
	background-color: #FFFFFF;
/*	border: 1px solid #000000;
*/	}

/*drop down*/
/*--- DROPDOWN ---*/
/*auto suggest*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('images/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #000033;
	color: white;
}
	
.msg_notice_small
{
border:1px solid #cccccc;
border-radius:80px;
font-family:Arial, Helvetica, sans-serif;
background-color:#F2F2F2;
color:#999999;
padding:2px 10px;
font-size:11px;
} 


.suggestionsBox {
		position:absolute;
		margin: 0px 0px 0px 0px;
		width: 180px;
		background-color: #FFFFDC;
		border: 1px solid #D0D1FB;	
		color: #333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		list-style-type:none;
	}
	.suggestionsBox2 {
		position:absolute;
		margin: 0px 0px 0px 0px;
		width: 250px;
		background-color: #333333;
		border: 1px solid #333333;	
		color: #ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		list-style-type:none;
	}
	.suggestionsBox2:hover {
		position:absolute;
		margin: 0px 0px 0px 0px;
		width: 250px;
		background-color: #CCCCCC;
		border: 1px solid #333333;	
		color: #333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		list-style-type:none;
	}
	
	.suggestionsBox3 {
		position:absolute;
		margin: 0px 0px 0px 0px;
		width: 400px;
		background-color: #333333;
		border: 1px solid #333333;	
		color: #ffffff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		list-style-type:none;
	}
	.suggestionsBox3:hover {
		position:absolute;
		margin: 0px 0px 0px 0px;
		width: 400px;
		background-color: #CCCCCC;
		border: 1px solid #333333;	
		color: #333333;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		list-style-type:none;
	}
	
	
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		margin: 0px 0px 2px 0px;
		padding: 2px;
		cursor: pointer;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		list-style-type: none;
		line-height:100%;
		z-index: 1;
	}
	
	.suggestionList li:hover {
		background-color: #FFFF99;
	}
	
	
	.suggestionList2 {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList2 li {
		margin: 0px 0px 2px 0px;
		padding: 2px;
		cursor: pointer;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		list-style-type: none;
		line-height:100%;
		z-index: 1;
	}
	
	.suggestionList2 li:hover {
		background-color: #FFFF99;
	}
	
.bg_section { background-image:url(images/bg_section.jpg); padding:8px 5px 8px 10px; font-size:14px; color:#666666; font-weight:bold}


.hline { border-right:1px solid #CCCCCC; padding:0px 5px }
.bline { border-bottom:1px solid #CCCCCC }
.data_container { 
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	padding:5px 10px 5px 2px;
	margin:0px 10px;
	}

.divcol { color:#1D4F81; font-size:14px; padding:8px 5px;margin:5px 0px; background-color:#D7E7F7; text-align:left; border-bottom:1px solid #8DBBE9 }
.divcol_thin { color:#1D4F81; font-size:12px; padding:6px;margin:0px 0px; background-color:#D7E7F7; text-align:left; border-bottom:1px solid #8DBBE9 }


.border_bottom { padding:8px 2px; border-bottom:1px solid #cccccc;}
.header { padding:2px 8px 8px 8px; color:#F9FDFF; text-align:left; background-image:url(images/bg_header_login2.png); background-repeat:repeat-x; border-bottom:2px solid #0E2B38 }
.footer { background-image:url(images/bg_header.jpg); background-repeat:repeat-x; border-top:2px solid #0E2B38; color:#F9FDFF; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.txtvlarge { font-size:24px; font-weight:bold; color:#D8EBF5; padding:2px 4px }
.header_sub {background-image:url(images/sec_black_large_mid.png); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#f7f7f7; padding:0px 10px 0px 5px;}
.txtmlarge { font-size:20px; font-weight:bold; color:#D8EBF5; padding:2px 4px }
.txtsmlarge { font-size:16px; color:#D8EBF5; padding:2px }
.txtsmlarge_bold { font-size:16px; color:#D8EBF5; padding:2px; font-weight:bold }
.txtdata { font-size:16px; color:#D8EBF5; padding:2px; }
.txtlarge { font-size:14px; font-weight:bold; color:#D8EBF5; padding:2px 4px }
.txtsmall { color:#D8EBF5; font-size:11px }
.text_small { font-size:11px; line-height:160%; color:#666666;} 
.text_small_bold { font-size:12px; font-weight:bold;color:#003366;}
.text_medium { font-size:12px; line-height:160%; color:#666666;}
.text_medium_dark { font-size:12px; line-height:150%; color:#333333;}
.text_header { font-size:10px; line-height:160%; color:#ffffff; font-weight:bold ;text-align:left}
.title_header { font-size:20px; line-height:160%; color:#ffffff; font-weight:bold ;text-align:left; padding:0px 5px}
.title_header_blue { color:#3366FF; font-weight:bold; font-size:16px; padding:10px 0px 5px 5px }
.txt_red { color:#FF0000; font-size:11px }
.txt_green { color:#ffffff; font-size:11px; background-color:#00cc00; padding:3px 5px; }
.txt_amber { color:#FF9900; font-size:11px }
.txt_help { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:150%; padding:6px}

.datasmall {color:#D8EBF5; font-size:14px; font-family:"Courier New", Courier, monospace;  }
.datacon { margin:5px 0px }
.vline {border-right: 1px solid #cccccc; margin:0px 5px 0px 0px; }
.navsmall { color:#ffffff; font-size:11px; padding:3px; margin:3px }
.normal_small { color:#666666; font-size:11px; padding:3px; margin:3px }
.navsmall_on { color:#ffffff; font-size:11px;border: 1px solid #2D80A8; padding:3px;margin:3px }
.navmlarge { font-size:20px; font-weight:bold; color:#ffffff; padding:2px 4px }
.frmlbl { color:#D8EBF5; font-size:11px; text-align:left; background-color:#266F91; padding:2px 4px }
.frmlbldiv {color:#D8EBF5; font-size:11px; text-align:left; background-color:#266F91; padding:2px 4px } 
.container { padding:3px; margin:2px }
.navlink { padding:3px; margin:2px }
.lblform { font-size:11px; color:#FFFFFF}
.divdivider { border-top: 1px solid #0E2B38; padding:2px}
.btn_txt { border-top: 1px solid #2D80A8; border-bottom: 1px solid #2D80A8; padding:4px 2px; margin:2px; background-color:#3291BE; background:url(arrow_right.gif) no-repeat right center; }
.btn_txt_less { border-top: 1px solid #2D80A8; border-bottom: 1px solid #2D80A8; padding:4px 2px 4px 6px; margin:2px; background-color:#3291BE;}
.btnarea { padding:5px 2px}
input[type=text],textarea,input[type=password],input[type=checkbox],select,file { border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;border-right:1px solid #666666;border-top:1px solid #444444;  background-color:#FFFFFF; padding:5px 2px 5px 1px; letter-spacing:1px}
input[type=text]:focus,textarea:focus,input[type=password]:focus,input[type=checkbox]:focus,select:focus,file:focus {  border:1px solid #FF9900; background-color:#ffffff;padding:5px 2px 5px 1px;letter-spacing:1px}
.msg_ok_overlay { border:5px #ffffff solid; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#0080FF; margin:2px; padding:30px 10px 30px 10px; text-align:center;
position: absolute;
top: 100px;
 }
.msg_proc_overlay { border:5px #ffffff solid; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; background-color:#0080FF; margin:2px; padding:10px; text-align:center;  }
.table_header { color:#1D4F81; font-size:14px; padding:4px; background-color:#D7E7F7; text-align:left; border-bottom:1px solid #8DBBE9}
.table_header_alt { color:#ffffff; font-weight:bold; font-size:14px; padding:4px; background-color:#003366; text-align:left}

/*.tbl_sh { font-size:12px; color:#F8F8F8; background-color:#eeeeee; font-weight:bold;text-align:left; padding:5px}*/
.tbl_h2 { font-size:12px; color:#555555; background-color:#CCCCCC; font-weight:bold;text-align:left; padding:5px 5px 5px 2px}
.tbl_h2_small { font-size:10px; color:#555555; background-color:#CCCCCC; font-weight:bold;text-align:left; padding:5px 5px 5px 15px}
.tbl_data { font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left }


@media print {
   	.tbl_data_noprint {
        display: none;
        font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left;
    }

    .toolbar {
    	display:none;
    	padding:15px 5px;
    }

    .tbl_sh_noprint {
    	font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%; background-color:#E9E9E9; font-weight:bold;text-align:left;
    	display:none;
    }

    .tab2_area { border-bottom:5px solid #BFD7EF; padding:5px 12px 7px 12px; margin:0px;display:none; }

   
    }


.tbl_data:hover { font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left; background-color:#E8FFEE }
.tbl_data_small { font-size:10px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left }
.tbl_sh { font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%; background-color:#E9E9E9; font-weight:bold;text-align:left }
.tbl_data_bl { font-size:12px; color:#333333;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left }


.txt_header { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:18px; font-weight:bold; padding:5px 2px }
.txt_normal { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:14px;  padding:5px 2px;line-height: 200% }
.txt_medium { font-family:Arial, Helvetica, sans-serif; font-size:20px;  padding:5px 2px }
.txt_small { font-family:Arial, Helvetica, sans-serif; font-size:10px;  padding:2px }
.txt_mdata { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;  padding:5px 2px }
.txt_mdatabold { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px;  padding:5px 2px; font-weight:bold }
.txt_banner_1 { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:15px;  padding:2px; line-height:130% }
.txt_banner_2 { font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:25px;  padding:2px; line-height:130% }

.border_databox { border:1px solid #8CDAFF; background-color:#FFFFFF; padding:10px; margin:10px }

/*edited by dickson marira on 18/09/2018*/
.leftmenu { background-image:url(images/bg_leftmenu_off_L.png); background-repeat:no-repeat; width:275px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:13px 2px 13px 15px; font-size:12px }
.leftmenu_on { background-image:url(images/bg_leftmenu_on_L.png); background-repeat:no-repeat;width:275px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:13px 2px 13px 15px; font-size:12px }

/*added by dickson marira on 18/09/2018*/
.leftmenuL { background-image:url(images/bg_leftmenuL_off.png); background-repeat:no-repeat; width:360px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:13px 2px 13px 15px; font-size:12px }
.leftmenuL_on { background-image:url(images/bg_leftmenuL_on.png); background-repeat:no-repeat;width:360px; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:13px 2px 13px 15px; font-size:12px }

.box_count {border:1px solid #990000; padding:2px 5px 2px 5px; color:#ffffff; font-size:10px; margin:2px 0px 0px 2px; background-color:#CC0000; font-weight:bold; text-decoration:none } 

/*tabs*/

.stab { background-color:#E8F0F9; padding:5px 12px 8px 12px; margin:0px 3px 0px 0px; color:#003366; font-size:12px;}
.stab_on { background-color:#BFD7EF; padding:8px 12px 12px 12px; margin:0px 3px 0px 0px; color:#003366; font-size:12px; font-weight:bold; text-decoration:none}
.stab_off { background-color:#E8E8E8; padding:5px 12px 10px 12px; margin:0px 3px 0px 3px; color:#666666; font-size:12px; font-weight:bold;}
.stab_area { border-bottom:5px solid #BFD7EF; padding:5px 12px 7px 12px; margin:0px }

.btab_on {font-size:12px; text-decoration: none; color:#003366;background-image:url(images/bg_btab.png); background-repeat:repeat-x;padding:8px 12px 8px 12px; margin:0px 5px; border-radius:5px 5px 0px 0px;}
.btab_off {font-size:12px; text-decoration: none; color:#F7F7F7;background-color: #999999; background-repeat:repeat-x;padding:8px 12px 8px 12px; margin:0px 5px; border-radius:5px 5px 0px 0px;}


.tab { background-color:#E8F0F9; padding:5px 12px 7px 12px; margin:0px 3px 0px 0px; color:#003366; font-size:12px;}
.tab_area { border-bottom:5px solid #BFD7EF; padding:5px 12px 7px 12px; margin:0px; }
.tab_on { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background-image:url(images/tab_1_on.png);
background-repeat:no-repeat;
width:165px;
height:30px;
text-align:center;
margin:0px 20px;
}

.tab_off { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#f7f7f7;
background-image:url(images/tab_1_off.png);
background-repeat:no-repeat;
width:165px;
height:30px;
text-align:center;
margin:0px 20px;
}

.bar_data
{
background-image:url(images/data_bar.png); background-repeat:repeat-x;
height: 35px; 
font: normal 12px Verdana, Arial, sans-serif; 
color:#666666;
font-weight:bold;
padding:0px 5px;
background-position:right;
}


.data_grid
{
font: normal 12px Verdana, Arial, sans-serif; 
color:#666666;
border-bottom:1px solid #cccccc;
height:30px;
padding:0px 5px;
}

.data_grid_2
{
font: normal 12px Verdana, Arial, sans-serif; 
color:#666666;
border-bottom:1px solid #cccccc;
padding:0px 5px;
}



.msg_warning {
background-color:#FFF3CD; color:#C18A04; padding:15px; font-size:12px; line-height:150%; font-weight:bold; margin:15px;text-align:left;
border-top: 3px solid #FFD351;
border-bottom: 3px solid #FFD351;
}

.msg_warning_small {
background-color:#FFF3CD; color:#C18A04; padding:8px; font-size:11px;font-weight:bold; margin:0px 2px;text-align:left;
border-top: 1px solid #FFD351;
border-bottom: 1px solid #FFD351;
margin:8px 0px;
}

.msg_instructions {
background-color:#D9EDF7; color:#31708F;padding:15px; font-size:13px; line-height:150%; font-weight:bold; margin:15px;text-align:left;
border-top: 3px solid #BCE8F1;border-bottom: 3px solid #BCE8F1;
}

.msg_instructions_small {
background-color:#D9EDF7; color:#31708F;padding:3px 6px; font-size:13px; line-height:150%;  margin:1px;text-align:left;
border-top: 2px solid #BCE8F1;border-bottom: 2px solid #BCE8F1;
}


.msg_fail {
background-color:#F2DEDE; color:#A9445F;padding:15px; font-size:12px; line-height:150%; font-weight:bold; margin:15px;text-align:left;
border-top: 3px solid #EBCCD1;border-bottom: 3px solid #EBCCD1;
}

.msg_fail_small {
background-color:#F2DEDE; color:#A9445F;padding:3px 6px; font-size:12px; line-height:150%;  margin:1px;text-align:left;
border-top: 2px solid #EBCCD1;border-bottom: 2px solid #EBCCD1;
}


.msg_success {
background-color:#DFF0D8; color:#3C763D;padding:15px;font-size:12px;line-height:150%; font-weight:bold;; margin:15px;text-align:left;
border-top: 3px solid #D6E9C6;
border-bottom: 3px solid #D6E9C6;
}

.msg_success_small {
background-color:#DFF0D8; color:#3C763D;padding:5px;font-size:12px;line-height:150%; font-weight:bold;; margin:5px;text-align:left;
border-top: 1px solid #D6E9C6;
border-bottom: 1px solid #D6E9C6;
}


.round_box
{
border:1px solid #cccccc;
border-radius:10px;
} 

a.tooltip span {display:none; padding:2px; margin-left:8px; font-size:11px;line-height:160%; margin-right:15px }
a.tooltip:hover span{display:inline; position:absolute; background:#4586C7;color:#ffffff;font-size:11px; line-height:160%; margin-right:15px  }

a.tooltip_2 span {display:none; padding:2px 3px; margin-left:8px; margin-bottom:10px; width:400px; font-size:11px;line-height:160%; }
a.tooltip_2:hover span{display:inline; top:10px; position:relative; width:auto; background:#4586C7;color:#ffffff;font-size:11px; line-height:160%; cursor:pointer}

.hnav_on {background-color:#f7f7f7; text-align:center; color:#cc0000; font-weight:bold; text-decoration:none }
.hnav {background-image:url(images/bg_nav.jpg); background-repeat:no-repeat;padding:0px; margin:0px; text-align:center}
.vnav_on {background-image:url(images/bg_vnavon.jpg); background-repeat:no-repeat; text-align:left; color:#cc0000; padding:15px 0px 15px 20px; font-size:12px;font-weight:bold; text-decoration:none }
.vnav {background-image:url(images/bg_vnav.jpg); background-repeat:no-repeat; text-align:left; color:#333333; padding:15px 0px 15px 20px; font-size:12px }

.text_body { font-size:13px; line-height:160%; color:#666666; text-align:left }
.text_body_dark { font-size:12px; line-height:160%; color:#333333; text-align:left }
.text_body_large { font-size:14px; line-height:160%; color:#666666; text-align:left }
.text_lbl_big { font-size:18px; line-height:160%; color:#666666; font-weight:bold }

.bg_dark { background-image:url(images/sec_black_large_mid.png); background-repeat:repeat-x; height:35px; color:#CCCCCC; font-weight:bold; font-size:14px; padding:3px 5px;  }

/*buttons*/
#button_delete_vsmall{ background:url(btns/small_btn.png) no-repeat 0 0; width: 15px; height: 15px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_delete_vsmall:hover { background-position: 0 -15px; }
#button_delete_vsmall:active{background-position: 0 -30px;}
#button_delete_vsmall span{position: absolute; top: -999em;}

#button_delegate_key{ background:url(btns/button_delegate_key.gif) no-repeat 0 0; width: 30px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_delegate_key:hover { background-position: 0 -25px; }
#button_delegate_key:active{background-position: 0 -50px;}
#button_delegate_key span{position: absolute; top: -999em;}

#button_delegate_off{ background:url(btns/btn_delegate_off.png) no-repeat 0 0; width: 175px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_delegate_off:hover { background-position: 0 -25px; }
#button_delegate_off:active{background-position: 0 -50px;}
#button_delegate_off span{position: absolute; top: -999em;}

#button_batch_off{ background:url(btns/btn_viewbatch.png) no-repeat 0 0; width: 135px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_batch_off:hover { background-position: 0 -25px; }
#button_batch_off:active{background-position: 0 -50px;}
#button_batch_off span{position: absolute; top: -999em;}

#button_select_tasks{ background:url(btns/btn_select_tasks.jpg) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_select_tasks:hover { background-position: 0 -25px; }
#button_select_tasks:active{background-position: 0 -50px;}
#button_select_tasks span{position: absolute; top: -999em;}

#button_closewin{ background:url(btns/btn_closewin.gif) no-repeat 0 0; width: 120px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_closewin:hover { background-position: 0 -20px; }
#button_closewin:active{background-position: 0 -40px;}
#button_closewin span{position: absolute; top: -999em;}

#button_batch_on{ background:url(btns/btn_viewbatch_on.png) no-repeat 0 0; width: 135px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_batch_on:hover { background-position: 0 -25px; }
#button_batch_on:active{background-position: 0 -50px;}
#button_batch_on span{position: absolute; top: -999em;}

#button_delegate_on{ background:url(btns/btn_delegate_on.png) no-repeat 0 0; width: 175px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_delegate_on:hover { background-position: 0 -25px; }
#button_delegate_on:active{background-position: 0 -50px;}
#button_delegate_on span{position: absolute; top: -999em;}

#btn_printsmall{ background:url(btns/btn_printsmall.gif) no-repeat 0 0; width: 16px; height: 16px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_printsmall:hover { background-position: 0 -16px; }
#btn_printsmall:active{background-position: 0 -32px;}
#btn_printsmall span{position: absolute; top: -999em;}


#button_go3{ background:url(btns/btn_go_3.png) no-repeat 0 0; width: 30px; height: 28px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_go3:hover { background-position: 0 -28px; }
#button_go3:active{background-position: 0 -56px;}
#button_go3 span{position: absolute; top: -999em;}


#button_bigsearch{ background:url(btns/btn_bigsearch.png) no-repeat 0 0; width: 140px; height: 80px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_bigsearch:hover { background-position: 0 -80px; }
#button_bigsearch:active{background-position: 0 -160px;}
#button_bigsearch span{position: absolute; top: -999em;}

#button_edit_small{ background:url(btns/btn_edit_small.gif) no-repeat 0 0; width: 40px; height: 15px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_edit_small:hover { background-position: 0 -15px; }
#button_edit_small:active{background-position: 0 -30px;}
#button_edit_small span{position: absolute; top: -999em;}

#button_radio{ background:url(btns/btn_radio.jpg) no-repeat 0 0; width: 20px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_radio:hover { background-position: 0 -20px; }
#button_radio:active{background-position: 0 -40px;}
#button_radio span{position: absolute; top: -999em;}
#button_radio_on {background:url(btns/btn_radio.jpg) no-repeat 0 0; width: 20px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; background-position: 0 -60px; }

#button_send_right{ background:url(btns/btn_send_right.jpg) no-repeat 0 0; width: 30px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_send_right:hover { background-position: 0 -20px; }
#button_send_right:active{background-position: 0 -40px;}
#button_send_right span{position: absolute; top: -999em;}

#button_send_left{ background:url(btns/btn_send_left.jpg) no-repeat 0 0; width: 30px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_send_left:hover { background-position: 0 -20px; }
#button_send_left:active{background-position: 0 -40px;}
#button_send_left span{position: absolute; top: -999em;}

#button_newnotification{ background:url(btns/btn_newnotification.gif) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newnotification:hover { background-position: 0 -27px; }
#button_newnotification:active{background-position: 0 -54px;}
#button_newnotification span{position: absolute; top: -999em;}

#button_newesc{ background:url(btns/btn_newesc.gif) no-repeat 0 0; width: 160px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newesc:hover { background-position: 0 -27px; }
#button_newesc:active{background-position: 0 -54px;}
#button_newesc span{position: absolute; top: -999em;}

#button_newwf{ background:url(btns/button_newwf.jpg) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newwf:hover { background-position: 0 -25px; }
#button_newwf:active{background-position: 0 -50px;}
#button_newwf span{position: absolute; top: -999em;}

#button_newform{ background:url(btns/btn_newform.png) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newform:hover { background-position: 0 -25px; }
#button_newform:active{background-position: 0 -50px;}
#button_newform span{position: absolute; top: -999em;}

#button_login{ background:url(btns/btn_login.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_login:hover { background-position: 0 -27px; }
#button_login:active{background-position: 0 -54px;}
#button_login span{position: absolute; top: -999em;}

#button_save{ background:url(btns/btn_save_2.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_save:hover { background-position: 0 -27px; }
#button_save:active{background-position: 0 -54px;}
#button_save span{position: absolute; top: -999em;}


#button_save_2{ background:url(btns/btn_save_2.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_save_2:hover { background-position: 0 -27px; }
#button_save_2:active{background-position: 0 -54px;}
#button_save_2 span{position: absolute; top: -999em;}

#button_assign_publish{ background:url(btns/btn_assign_publish.gif) no-repeat 0 0; width: 150px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_assign_publish:hover { background-position: 0 -25px; }
#button_assign_publish:active{background-position: 0 -50px;}
#button_assign_publish span{position: absolute; top: -999em;}

#button_reasspub{ background:url(btns/btn_reasspub.png) no-repeat 0 0; width: 150px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_reasspub:hover { background-position: 0 -27px; }
#button_reasspub:active{background-position: 0 -54px;}
#button_reasspub span{position: absolute; top: -999em;}

#button_check{ background:url(btns/btn_chk.gif) no-repeat 0 0; width: 20px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_check:hover { background-position: 0 -20px; }
#button_check:active{background-position: 0 -40px;}
#button_check span{position: absolute; top: -999em;}
#button_check_on{ background:url(btns/btn_chk.gif) no-repeat 0 0; width: 20px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; background-position: 0 -60px;}

#button_assignitin{ background:url(btns/btn_assignitin.gif) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_assignitin:hover { background-position: 0 -25px; }
#button_assignitin:active{background-position: 0 -50px;}
#button_assignitin span{position: absolute; top: -999em;}
#button_assignitin_on{ background:url(btns/btn_assignitin.gif) no-repeat 0 0; width: 20px; height: 120px; display: block; text-indent: -9999px; padding:0px; margin:0px; background-position: 0 -60px;}


#button_save_con{ background:url(btns/btn_savecontinue.jpg) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_save_con:hover { background-position: 0 -27px; }
#button_save_con:active{background-position: 0 -54px;}
#button_save_con span{position: absolute; top: -999em;}

#button_cancel_2{ background:url(btns/btn_cancel_2.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_cancel_2:hover { background-position: 0 -27px; }
#button_cancel_2:active{background-position: 0 -54px;}
#button_cancel_2 span{position: absolute; top: -999em;}

#btn_sendsmsbill{ background:url(btns/btn_sendsmsbill.png) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_sendsmsbill:hover { background-position: 0 -25px; }
#btn_sendsmsbill:active{background-position: 0 -50px;}
#btn_sendsmsbill span{position: absolute; top: -999em;}

#button_filter{ background:url(btns/btn_filter.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_filter:hover { background-position: 0 -20px; }
#button_filter:active{background-position: 0 -40px;}
#button_filter span{position: absolute; top: -999em;}

#button_passon{ background:url(btns/btn_passon.png) no-repeat 0 0; width: 100px; height: 18px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_reass{ background:url(btns/btn_reassign.png) no-repeat 0 0; width: 100px; height: 18px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_reass:hover { background-position: 0 -18px; }
#button_reass:active{background-position: 0 -36px;}
#button_reass span{position: absolute; top: -999em;}

#button_newdevice{ background:url(btns/btn_newdevice.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newdevice:hover { background-position: 0 -20px; }
#button_newdevice:active{background-position: 0 -40px;}
#button_newdevice span{position: absolute; top: -999em;}

#button_close_1{ background:url(btns/btn_close_1.png) no-repeat 0 0; width: 35px; height: 30px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_close_1:hover { background-position: 0 -30px; }
#button_close_1:active{background-position: 0 -60px;}
#button_close_1 span{position: absolute; top: -999em;}

#button_newIT{ background:url(btns/btn_newIT.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newIT:hover { background-position: 0 -20px; }
#button_newIT:active{background-position: 0 -40px;}
#button_newIT span{position: absolute; top: -999em;}

#button_newac{ background:url(btns/btn_newac.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newac:hover { background-position: 0 -20px; }
#button_newac:active{background-position: 0 -40px;}
#button_newac span{position: absolute; top: -999em;}

#button_newrole{ background:url(btns/btn_newrole.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newrole:hover { background-position: 0 -20px; }
#button_newrole:active{background-position: 0 -40px;}
#button_newrole span{position: absolute; top: -999em;}

#button_newprofile{ background:url(btns/btn_newprofile.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_newprofile:hover { background-position: 0 -20px; }
#button_newprofile:active{background-position: 0 -40px;}
#button_newprofile span{position: absolute; top: -999em;}

#button_uploadIT{ background:url(btns/btn_uploadIT.png) no-repeat 0 0; width: 150px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_uploadIT:hover { background-position: 0 -25px; }
#button_uploadIT:active{background-position: 0 -50px;}
#button_uploadIT span{position: absolute; top: -999em;}

#button_duty_off{ background:url(btns/duty_off.png) no-repeat 0 0; width: 70px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_duty_off:hover { background-position: 0 -20px; }
#button_duty_off:active{background-position: 0 -40px;}
#button_duty_off span{position: absolute; top: -999em;}

#button_duty_on{ background:url(btns/duty_on.png) no-repeat 0 0; width: 70px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_duty_on:hover { background-position: 0 -20px; }
#button_duty_on:active{background-position: 0 -40px;}
#button_duty_on span{position: absolute; top: -999em;}

#button_upload{ background:url(btns/btn_upload.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_upload:hover { background-position: 0 -27px; }
#button_upload:active{background-position: 0 -54px;}
#button_upload span{position: absolute; top: -999em;}

#button_import{ background:url(btns/btn_import.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_import:hover { background-position: 0 -27px; }
#button_import:active{background-position: 0 -54px;}
#button_import span{position: absolute; top: -999em;}

#button_search{ background:url(btns/btn_search.gif) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_search:hover { background-position: 0 -27px; }
#button_search:active{background-position: 0 -54px;}
#button_search span{position: absolute; top: -999em;}

#button_importIT{ background:url(btns/btn_importIT.png) no-repeat 0 0; width: 150px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_importIT:hover { background-position: 0 -27px; }
#button_importIT:active{background-position: 0 -54px;}
#button_importIT span{position: absolute; top: -999em;}

#button_importIT_man{ background:url(btns/btn_importIT_man.png) no-repeat 0 0; width: 150px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_importIT_man:hover { background-position: 0 -27px; }
#button_importIT_man:active{background-position: 0 -54px;}
#button_importIT_man span{position: absolute; top: -999em;}

#button_importIT_auto{ background:url(btns/btn_importIT_auto.png) no-repeat 0 0; width: 150px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_importIT_auto:hover { background-position: 0 -27px; }
#button_importIT_auto:active{background-position: 0 -54px;}
#button_importIT_auto span{position: absolute; top: -999em;}

#button_next{ background:url(btns/btn_nextstep.png) no-repeat 0 0; width: 150px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_next:hover { background-position: 0 -27px; }
#button_next:active{background-position: 0 -54px;}
#button_next span{position: absolute; top: -999em;}

#button_approvebilling{ background:url(btns/btn_approve_billing.png) no-repeat 0 0; width: 150px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_approvebilling:hover { background-position: 0 -25px; }
#button_approvebilling:active{background-position: 0 -50px;}
#button_approvebilling span{position: absolute; top: -999em;}

#button_logout{ background:url(btns/btn_logout.png) no-repeat 0 0; width: 75px; height: 28px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_logout:hover { background-position: 0 -28px; }
#button_logout:active{background-position: 0 -56px;}
#button_logout span{position: absolute; top: -999em;}

#button_hdesk{ background:url(btns/btn_helpdesk.png) no-repeat 0 0; width: 95px; height: 28px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_hdesk:hover { background-position: 0 -28px; }
#button_hdesk:active{background-position: 0 -56px;}
#button_hdesk span{position: absolute; top: -999em;}

#button_acsettings{ background:url(btns/btn_accsettings.png) no-repeat 0 0; width: 95px; height: 28px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_acsettings:hover { background-position: 0 -28px; }
#button_acsettings:active{background-position: 0 -56px;}
#button_acsettings span{position: absolute; top: -999em;}

#button_addtocomplaint{ background:url(btns/btn_addtocomplaint.png) no-repeat 0 0; width: 155px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addtocomplaint:hover { background-position: 0 -25px; }
#button_addtocomplaint:active{background-position: 0 -50px;}
#button_addtocomplaint span{position: absolute; top: -999em;}

#button_passiton{ background:url(btns/button_passiton.png) no-repeat 0 0; width: 120px; height: 35px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_passiton:hover { background-position: 0 -35px; }
#button_passiton:active{background-position: 0 -70px;}
#button_passiton span{position: absolute; top: -999em;}

#button_progup{ background:url(btns/btn_progressupdate.png) no-repeat 0 0; width: 200px; height: 35px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_progup:hover { background-position: 0 -35px; }
#button_progup:active{background-position: 0 -70px;}
#button_progup span{position: absolute; top: -999em;}

#button_return{ background:url(btns/btn_rts.png) no-repeat 0 0; width: 200px; height: 35px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_return:hover { background-position: 0 -35px; }
#button_return:active{background-position: 0 -70px;}
#button_return span{position: absolute; top: -999em;}

#button_close{ background:url(btns/btn_close.png) no-repeat 0 0; width: 115px; height: 35px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_close:hover { background-position: 0 -35px; }
#button_close:active{background-position: 0 -70px;}
#button_close span{position: absolute; top: -999em;}

#button_invalid{ background:url(btns/btn_invalidate.png) no-repeat 0 0; width: 200px; height: 35px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_invalid:hover { background-position: 0 -35px; }
#button_invalid:active{background-position: 0 -70px;}
#button_invalid span{position: absolute; top: -999em;}

#button_fltrassi{ background:url(btns/btn_assignfilter.png) no-repeat 0 0; width: 90px; height: 18px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_fltrassi:hover { background-position: 0 -18px; }
#button_fltrassi:active{background-position: 0 -36px;}
#button_fltrassi span{position: absolute; top: -999em;}

#button_send{ background:url(btns/btn_send.png) no-repeat 0 0; width: 90px; height: 30px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_send:hover { background-position: 0 -30px; }
#button_send:active{background-position: 0 -60px;}
#button_send span{position: absolute; top: -999em;}

#button_cancel{ background:url(btns/btn_cancel_2.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_cancel:hover { background-position: 0 -27px; }
#button_cancel:active{background-position: 0 -54px;}
#button_cancel span{position: absolute; top: -999em;}

#button_submit{ background:url(btns/btn_submit.jpg) no-repeat 0 0; width: 90px; height: 30px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_submit:hover { background-position: 0 -30px; }
#button_submit:active{background-position: 0 -60px;}
#button_submit span{position: absolute; top: -999em;}

#button_additin{ background:url(btns/btn_additin.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_additin:hover { background-position: 0 -20px; }
#button_additin:active{background-position: 0 -40px;}
#button_additin span{position: absolute; top: -999em;}

/* Additions by DMN for assets management */	
#button_additem{ background:url(btns/btn_assets_additem.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_additem:hover { background-position: 0 -20px; }
#button_additem:active{background-position: 0 -40px;}
#button_additem span{position: absolute; top: -999em;}

#button_addcateg{ background:url(btns/btn_assets_addcateg.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addcateg:hover { background-position: 0 -20px; }
#button_addcateg:active{background-position: 0 -40px;}
#button_addcateg span{position: absolute; top: -999em;}

#button_addbrand{ background:url(btns/btn_assets_addbrand.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addbrand:hover { background-position: 0 -20px; }
#button_addbrand:active{background-position: 0 -40px;}
#button_addbrand span{position: absolute; top: -999em;}

#button_viewbrand{ background:url(btns/btn_assets_viewbrand.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_viewbrand:hover { background-position: 0 -20px; }
#button_viewbrand:active{background-position: 0 -40px;}
#button_viewbrand span{position: absolute; top: -999em;}

#button_addmodel{ background:url(btns/btn_assets_addmodel.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addmodel:hover { background-position: 0 -20px; }
#button_addmodel:active{background-position: 0 -40px;}
#button_addmodel span{position: absolute; top: -999em;}

#button_addsuppl{ background:url(btns/btn_assets_addsuppl.png) no-repeat 0 0; width: 115px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addsuppl:hover { background-position: 0 -20px; }
#button_addsuppl:active{background-position: 0 -40px;}
#button_addsuppl span{position: absolute; top: -999em;}

#button_viewsuppl{ background:url(btns/btn_assets_viewsuppl.png) no-repeat 0 0; width: 115px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_viewsuppl:hover { background-position: 0 -20px; }
#button_viewsuppl:active{background-position: 0 -40px;}
#button_viewsuppl span{position: absolute; top: -999em;}

#button_addmfrer{ background:url(btns/btn_assets_addmfrer.png) no-repeat 0 0; width: 115px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addmfrer:hover { background-position: 0 -20px; }
#button_addmfrer:active{background-position: 0 -40px;}
#button_addmfrer span{position: absolute; top: -999em;}

#button_viewmfrer{ background:url(btns/btn_assets_viewmfrer.png) no-repeat 0 0; width: 118px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_viewmfrer:hover { background-position: 0 -20px; }
#button_viewmfrer:active{background-position: 0 -40px;}
#button_viewmfrer span{position: absolute; top: -999em;}

#button_addsmall{ background:url(btns/btn_add_small.png) no-repeat 0 0; width: 35px; height: 18px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addsmall:hover { background-position: 0 -18px; }
#button_addsmall:active{background-position: 0 -36px;}
#button_addsmall span{position: absolute; top: -999em;}

#button_editsmall{ background:url(btns/btn_edit_small.png) no-repeat 0 0; width: 35px; height: 18px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_editsmall:hover { background-position: 0 -18px; }
#button_editsmall:active{background-position: 0 -36px;}
#button_editsmall span{position: absolute; top: -999em;}

#button_findgo{ background:url(btns/btn_find.png) no-repeat 0 0; width: 40px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_findgo:hover { background-position: 0 -20px; }
#button_findgo:active{background-position: 0 -40px;}
#button_findgo span{position: absolute; top: -999em;}

#button_genstmt{ background:url(btns/btn_billing_genstatement.png) no-repeat 0 0; width: 140px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_genstmt:hover { background-position: 0 -20px; }
#button_genstmt:active{background-position: 0 -40px;}
#button_genstmt span{position: absolute; top: -999em;}

/* ADDITIONS BY DICKSON 28042016*/
#button_wfform{ background:url(btns/btn_workflow_forms.png) no-repeat 0 0; width: 120px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_wfform:hover { background-position: 0 -20px; }
#button_wfform:active{background-position: 0 -40px;}
#button_wfform span{position: absolute; top: -999em;}

#button_accinfo{ background:url(btns/btn_accountinfo.png) no-repeat 0 0; width: 130px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_accinfo:hover { background-position: 0 -20px; }
#button_accinfo:active{background-position: 0 -40px;}
#button_accinfo span{position: absolute; top: -999em;}

#button_accmgmt{ background:url(btns/btn_accountwflow.png) no-repeat 0 0; width: 130px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_accmgmt:hover { background-position: 0 -20px; }
#button_accmgmt:active{background-position: 0 -40px;}
#button_accmgmt span{position: absolute; top: -999em;}

#btn_delete {background:url(btns/btn_delete.png); background-repeat:no-repeat; text-align:left; padding:0px 0px 14px 70px; text-decoration:none }

#button_addacc{background:url(btns/btn_add_account.jpg) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addacc:hover { background-position: 0 -27px; }
#button_addacc:active{background-position: 0 -54px;}
#button_addacc span{position: absolute; top: -999em;}

#button_addmat{ background:url(btns/btn_add_material.jpg) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_addmat:hover { background-position: 0 -27px; }
#button_addmat:active{background-position: 0 -54px;}
#button_addmat span{position: absolute; top: -999em;}

#button_singlebill{ background:url(btns/btn_single_billing.png) no-repeat 0 0; width: 125px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_singlebill:hover { background-position: 0 -20px; }
#button_singlebill:active{background-position: 0 -40px;}
#button_singlebill span{position: absolute; top: -999em;}

#btn_genbill{ background:url(btns/btn_genbill.png) no-repeat 0 0; width: 100px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_genbill:hover { background-position: 0 -20px; }
#btn_genbill:active{background-position: 0 -40px;}
#btn_genbill span{position: absolute; top: -999em;}

#button_generate_invoice{ background:url(btns/btn_generate_invoice.png) no-repeat 0 0; width: 125px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_generate_invoice:hover { background-position: 0 -20px; }
#button_generate_invoice:active{background-position: 0 -40px;}
#button_generate_invoice span{position: absolute; top: -999em;}

#button_btn_step_next{ background:url(btns/btn_step_next.png) no-repeat 0 0; width: 160px; height: 30px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_btn_step_next:hover { background-position: 0 -30px; }
#button_btn_step_next:active{background-position: 0 -60px;}
#button_btn_step_next span{position: absolute; top: -999em;}

#button_btn_step_prev{ background:url(btns/btn_step_prev.png) no-repeat 0 0; width: 160px; height: 30px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_btn_step_prev:hover { background-position: 0 -30px; }
#button_btn_step_prev:active{background-position: 0 -60px;}
#button_btn_step_prev span{position: absolute; top: -999em;}

#btn_newcontact_group{ background:url(btns/btn_newcontact_group.png) no-repeat 0 0; width: 140px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_newcontact_group:hover { background-position: 0 -25px; }
#btn_newcontact_group:active{background-position: 0 -50px;}
#btn_newcontact_group span{position: absolute; top: -999em;}

#btn_uploadlist{ background:url(btns/btn_uploadlist.png) no-repeat 0 0; width: 140px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_uploadlist:hover { background-position: 0 -25px; }
#btn_uploadlist:active{background-position: 0 -50px;}
#btn_uploadlist span{position: absolute; top: -999em;}

#button_delete_small{ background:url(btns/btn_delete_small.gif) no-repeat 0 0; width: 50px; height: 15px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_delete_small:hover { background-position: 0 -15px; }
#button_delete_small:active{background-position: 0 -30px;}
#button_delete_small span{position: absolute; top: -999em;}

#btn_print_bill{ background:url(btns/btn_print_bill.png) no-repeat 0 0; width: 90px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_print_bill:hover { background-position: 0 -20px; }
#btn_print_bill:active{background-position: 0 -40px;}
#btn_print_bill span{position: absolute; top: -999em;}

#btn_send_bill{ background:url(btns/btn_send_bill.png) no-repeat 0 0; width: 90px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_send_bill:hover { background-position: 0 -20px; }
#btn_send_bill:active{background-position: 0 -40px;}
#btn_send_bill span{position: absolute; top: -999em;}

#btn_email_bill{ background:url(btns/btn_email_bill.png) no-repeat 0 0; width: 90px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_email_bill:hover { background-position: 0 -20px; }
#btn_email_bill:active{background-position: 0 -40px;}
#btn_email_bill span{position: absolute; top: -999em;}

#btn_sms_bill{ background:url(btns/btn_sms_bill.png) no-repeat 0 0; width: 80px; height: 20px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_sms_bill:hover { background-position: 0 -20px; }
#btn_sms_bill:active{background-position: 0 -40px;}
#btn_sms_bill span{position: absolute; top: -999em;}


#button_adddoc{ background:url(btns/btn_add_document.jpg) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_adddoc:hover { background-position: 0 -27px; }
#button_adddoc:active{background-position: 0 -54px;}
#button_adddoc span{position: absolute; top: -999em;}


.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    padding:10px 8px;
    margin:10px 0px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    padding:10px 8px;
}

/* Add some padding inside the card container */
.card_container {
    padding: 4px 16px;
    font-size:12px; color:#333333;
}

/* ADDITIONS BY DICKSON */

.btn_magnify {background:url(btns/btn_magnify.png); background-repeat:no-repeat; text-align:left; padding:0px 0px 14px 20px; text-decoration:none }
.icon_calender {background:url(icons/icon_calendar.png); background-repeat:no-repeat; text-align:left; padding:6px 0px 14px 20px; text-decoration:none; vertical-align:middle }
.icon_geoloc {background:url(icons/geoloc.png); background-repeat:no-repeat; text-align:left; padding:0px 0px 45px 45px; text-decoration:none }
.icon_stores {background:url(btns/store_sign.png); background-repeat:no-repeat; text-align:left; padding:0px 0px 14px 20px; text-decoration:none }
.divcol_small { color:#1D4F81; font-weight:bold; font-size:12px; padding:6px; background-color:#E9E9E9; text-align:left; border-bottom:1px solid #8DBBE9}
.tbl_sh_small { font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:3px 2px 2px 5px; line-height:150%; background-color:#E9E9E9; font-weight:bold;text-align:left; text-decoration:none }
.findmenu { background-image:url(images/bg_find.png); border-bottom:1px solid #8DBBE9; background-repeat:repeat; color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 0px 0px 0px; font-size:12px; height:66px }
.tab_area_small { border-bottom:2px solid #BFD7EF; padding:5px 12px 7px 12px; margin:0px; }
.tab_area_small_2 { border-bottom:2px solid #BFD7EF; padding:0px 12px 0px 12px; margin:0px; }
.txtsmlarge_bold_medium { font-size:16px; color:#0E2B38; padding:2px; font-weight:bold }
.txtsmlarge_bold_small { font-size:12px; color:#0E2B38; padding:2px; font-weight:bold }
.txt_normal_bold { font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:15px;  padding:5px 2px; font-weight:bold }
.tbl_datalbl { font-weight:bold; font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left }
.tbl_datalbl:hover { font-weight:bold; font-size:12px; color:#333333;border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left; background-color:#E8FFEE }
.txt_inprog { color:#ffffff; font-size:11px; background-color:#FF9900; padding:3px 5px; }
.txt_closed { color:#ffffff; font-size:11px; background-color:#009900; padding:3px 5px; }
.tbl_data_header { font-weight:bold; font-size:12px; color:#1D4F81; border-bottom:1px solid #CCCCCC; padding:5px 2px 5px 5px; line-height:150%;text-align:left; background-color:#FAFFBD; }
.styled-select { width:120px; height: 28px; overflow: hidden; border: 1px solid #ccc; }
.styled-select_2 { width:160px; height: 28px; overflow: hidden; border: 1px solid #ccc; }
.styled_selectdata { font-size:12px; color:#333333; text-align:left; }


/* date time picker*/	

/******************/
/*! jQuery UI - v1.10.3 - 2013-05-03
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

/* Layout helpers
----------------------------------*/

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; font-size:10px }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 50%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin-top: 2px;
	padding: .5em .5em .5em .7em;
	min-height: 0; /* support: IE7 */
}
.ui-accordion .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-noicons {
	padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
	padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
	width: 2.4em;
}
.ui-button-icons-only {
	width: 3.4em;
}
button.ui-button-icons-only {
	width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
	display: block;
	line-height: normal;
}
.ui-button-text-only .ui-button-text {
	padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
	padding: .4em;
	text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
	padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
	padding-left: 2.1em;
	padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
	padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
	left: 50%;
	margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
	left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
	right: .5em;
}

/* button sets */
.ui-buttonset {
	margin-right: 7px;
}
.ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 21px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-menu .ui-state-disabled {
	font-weight: normal;
	margin: .4em 0 .2em;
	line-height: 1.5;
}
.ui-menu .ui-state-disabled a {
	cursor: default;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item a {
	position: relative;
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: .2em;
	left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	position: static;
	float: right;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("images/animated-overlay.gif");
	height: 100%;
	filter: alpha(opacity=25);
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	width: 16px;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
	border-top: none;
	border-bottom: none;
	border-right: none;
}
/* vertical centre icon */
.ui-spinner .ui-icon {
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
	background-color:#FFFFFF;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa;
	color: #222222;
}
.ui-widget-content a {
	color: #222222;
}
.ui-widget-header {
	border: 1px solid #aaaaaa;
	color: #222222;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/******************/
	
/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #cccccc;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #cccccc;
	font-weight: bold;
	}
	
/*Navigation */
#nav{
	list-style:none;
	margin-bottom:1px;
	float:left;
	width:100%;
	z-index:5;
	font-size:12px;
}
#nav li{
	float:left;
	margin-right:10px;
	position:relative;
}
#nav a{
	display:block;
	padding:1px;
	color:#333;
	/*background:#fff;*/
	text-decoration:none;
}
#nav a:hover{
	color:#cc0000;
	/*background:#e7e7e7;*/
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	/*background:rgba(255,255,255,0);  But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	color:#333;
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
	text-decoration:underline;
	color:#cc0000;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#e7e7e7;
	color:#cc0000;
}
/*End of Navigation*/

/*DANIEL CSS START*/
.header_searchbar {
	background-image:url('images/bg_miniheader.jpg');
	background-repeat:repeat-x;
}


.tab2 a { background-color:#f4f4f4; padding:5px 12px 5px 12px; margin:0px 3px 0px 0px; border:1px solid #cccccc; color:#222222; font-size:12px; text-decoration:none;}
.tab2_area { border-bottom:6px solid #BFD7EF; padding:5px 12px 7px 12px; margin:0px; }
.tab2_on a { 
	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
padding:8px 12px 13px 12px;
text-decoration:none;
text-align:center;
margin:0px 10px;
background-color:#BFD7EF;
}

.tab2_off a { 
	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#BEBEBE;
padding:8px 12px 5px 12px;
text-decoration:none;
text-align:center;
margin:0px 10px;
background-color:#D6D6D6;
}

.tab2 a:hover { background-color:#f4f4f4; padding:5px 12px 5px 12px; margin:0px 3px 0px 0px; border:1px solid #cccccc; font-weight:bold; color:#222222; font-size:12px; text-decoration:none;}

#btn_approved_verified{ background:url(btns/btn_approved_verified.png) no-repeat 0 0; width: 155px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_approved_verified:hover { background-position: 0 -25px; }
#btn_approved_verified:active{background-position: 0 -50px;}
#btn_approved_verified span{position: absolute; top: -999em;}

#btn_approve_misc{ background:url(btns/btn_approve_misc.png) no-repeat 0 0; width: 170px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_approve_misc:hover { background-position: 0 -25px; }
#btn_approve_misc:active{background-position: 0 -50px;}
#btn_approve_misc span{position: absolute; top: -999em;}

#btn_postwaiver{ background:url(btns/btn_postwaiver.png) no-repeat 0 0; width: 110px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_postwaiver:hover { background-position: 0 -27px; }
#btn_postwaiver:active{background-position: 0 -54px;}
#btn_postwaiver span{position: absolute; top: -999em;}

#btn_calculate_bills{ background:url(btns/btn_calculate_bills.png) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_calculate_bills:hover { background-position: 0 -25px; }
#btn_calculate_bills:active{background-position: 0 -50px;}
#btn_calculate_bills span{position: absolute; top: -999em;}

#btn_post_bills{ background:url(btns/btn_postbill.png) no-repeat 0 0; width: 120px; height: 27px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_post_bills:hover { background-position: 0 -27px; }
#btn_post_bills:active{background-position: 0 -54px;}
#btn_post_bills span{position: absolute; top: -999em;}

#btn_recalcbill{ background:url(btns/btn_recalcbill.png) no-repeat 0 0; width: 120px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#btn_recalcbill:hover { background-position: 0 -25px; }
#btn_recalcbill:active{background-position: 0 -50px;}
#btn_recalcbill span{position: absolute; top: -999em;}




/* DANIEL CSS STOP */

/* JOSIAHS ASSETS */
#button_postpayment{ background:url(btns/btn_postpayment.png) no-repeat 0 0; width: 155px; height: 25px; display: block; text-indent: -9999px; padding:0px; margin:0px; }
#button_postpayment:hover { background-position: 0 -25px; }
#button_postpayment:active{background-position: 0 -50px;}
#button_postpayment span{position: absolute; top: -999em;}




/* Dropdown Button */
.dropbtn {
    border: none;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    padding:5px 8px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    /*background-color:#4E4E4E;*/
    font-size: 12px;
    /* background-image:url(images/sec_black_large_mid.png); 
    background-repeat:repeat-x; */
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; color:#f7f7f7;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    font-size: 12px;
    /*background-image:url(images/sec_black_large_mid.png); 
    background-repeat:repeat-x; */
    font-family:Arial, Helvetica, sans-serif; 
    font-size:14px; 
    color: #141313;
    /*color:#f7f7f7;*/
    /*background-color: #4E4E4E;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
   /* background-image:url(images/sec_black_large_mid.png); 
    background-repeat:repeat-x; */
    min-width: 360px;
    box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2);
    font-size: 14px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 8px;
    text-decoration: none;
    display: block;
    font-size: 12px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/*buttons */
.myButtonSmallDelete {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
	background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
	background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
	background-color:#fe1a00;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #d83526;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	padding:1px 5px;
    margin: 1px 10px 1px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;

}
.myButtonSmallDelete:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
	background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
	background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
	background-color:#ce0100;
}
.myButtonSmallDelete:active {
	position:relative;
	top:1px;
}


.myButtonRed {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.myButtonRed:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.myButtonRed:active {
	position:relative;
	top:1px;
}

/*buttons */
.myButton {
  background-color: #4CAF50;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  border: 1px solid #339933;
  cursor: pointer;
}

.myButton:hover {
  background-color: #00cc66;
  border: 1px solid #339933;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.myButtonBig {
	-moz-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:10px 24px;
    margin: 10px 20px 10px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b6178;
}
.myButtonBig:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.myButtonBig:active {
	position:relative;
	top:1px;
}

/*
.myButtonSmall {
	-moz-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	box-shadow:inset 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-weight: bold;
	font-size:11px;
	padding:1px 5px;
    margin: 1px 10px 1px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b6178;
}
.myButtonSmall:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.myButtonSmall:active {
	position:relative;
	top:1px;
}
*/
.myButtonSmall {
  background-color: #4CAF50;
  color: white;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 1px 10px;
  border: 1px solid #339933;
  cursor: pointer;
}

.myButtonSmall:hover {
  background-color: #00cc66;
  border: 1px solid #339933;
  color: white;
  padding: 1px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 1px 10px;
  cursor: pointer;
}
.myButtonSmall_disabled {
	background-color:#e0e0e0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:3px;
	border:1px solid #c4ccca;
	display:inline-block;
	cursor:pointer;
	color:#AEAEAE;
	font-family:Arial;
	font-size:11px;
	padding:2px 5px;
	text-decoration:none;
	margin: 10px 20px 10px 0px;
}
.myButtonSmall_disabled:hover {
	background-color:#ccd4d4;
}
.myButtonSmall_disabled:active {
	position:relative;
	top:1px;
}


.myButton_disabled {
	background-color:#e0e0e0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:3px;
	border:1px solid #c4ccca;
	display:inline-block;
	cursor:pointer;
	color:#AEAEAE;
	font-size:12px;
	padding:5px 24px;
  	margin: 10px 20px 10px 0px;
	text-decoration:none;
	}
.myButton_disabled:hover {
	background-color:#ccd4d4;
}
.myButton_disabled:active {
	position:relative;
	top:1px;
}

.myButton_grey {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#777777;
	font-family:Arial;
	font-size:13px;
	padding:5px 24px;
  margin: 10px 20px 10px 0px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton_grey:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
	background-color:#dfdfdf;
}
.myButton_grey:active {
	position:relative;
	top:1px;
}

/* Pagination Class added by DanKamiri */
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,
.pagination>li>span{position:relative;float:left;
	padding:6px 12px;margin-left:-1px;
	line-height:1.42857143;color:#337ab7;
	text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,
.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;
	border-bottom-left-radius:4px}
.pagination>li:last-child>a,
.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;
	background-color:#337ab7;border-color:#337ab7}
	.pagination>.disabled>a,
	.pagination>.disabled>a:focus,
	.pagination>.disabled>a:hover,
	.pagination>.disabled>span,
	.pagination>.disabled>span:focus,
	.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;
		border-color:#ddd}
		.pagination-lg>li>a,
		.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
		.pagination-lg>li:first-child>a,
		.pagination-lg>li:first-child>span{border-top-left-radius:6px;
			border-bottom-left-radius:6px}
			.pagination-lg>li:last-child>a,
			.pagination-lg>li:last-child>span{border-top-right-radius:6px;
				border-bottom-right-radius:6px}
				.pagination-sm>li>a,
				.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
				.pagination-sm>li:first-child>a,
				.pagination-sm>li:first-child>span{border-top-left-radius:3px;
					border-bottom-left-radius:3px}
					.pagination-sm>li:last-child>a,
					.pagination-sm>li:last-child>span{border-top-right-radius:3px;
						border-bottom-right-radius:3px}
			.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*ADDITIONAL BUTTONS*/
.btn_on {
color: #494949 !important;
text-transform: uppercase;
background: #ffffff;
padding: 20px;
border: 4px solid #494949 !important;
border-radius: 6px;
display: inline-block;
}

.btn_on:hover {
color: #ffffff !important;
background: #f6b93b;
border-color: #f6b93b !important;
transition: all 0.4s ease 0s;
}

.blink {
        animation: blink-animation 2s steps(5, start) infinite;
        -webkit-animation: blink-animation 3s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }