
/* FIREFOX PADDING WORK LIKE IE */
table,td,div,ul,li {box-sizing: border-box;-moz-box-sizing: border-box;}

/* FIREFOX WIDTH WORK LIKE IE */
span {display: -moz-inline-box; display: inline-block;}

body * { font-size: 100%; }
BODY {FONT-FAMILY: Helvetica,Arial,Verdana,Tahoma,sans-serif;FONT-SIZE: 14px; }

a            {FONT-FAMILY: Helvetica,Arial,Verdana,Tahoma,sans-serif;FONT-SIZE: 14px; color:; }
a:visited    {FONT-FAMILY: Helvetica,Arial,Verdana,Tahoma,sans-serif;FONT-SIZE: 14px; color:;}

* {outline: none;}

.alpha {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
table,td,div,ul,li {box-sizing: border-box;-moz-box-sizing: border-box;}
input.wide {display:block; width:100%;padding:0;border-width:0}
.input        {font-family:Arial; height:18px;font-size:12px; border:1px solid ; color:; background-color:; }
.search       {border-radius: 10px;     border-color: #D9D7D7;     padding-left: 30px; width:200px }

.search-btn {background: url('../../../images/search.png') no-repeat scroll 0% 0% transparent; border: medium none;width:20px;height:20px; position: absolute; margin-left:-225px; margin-top: 3px; cursor:pointer;float:right; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
  .search-btn {background: url('../../../images/search.png') no-repeat scroll 0% 0% transparent; border: medium none;width:20px;height:20px; position: absolute; margin-left:10px; margin-top: 3px; cursor:pointer;float:right; }
}






.inputOuter   {border:1px solid ; color:; background-color:; height:20px; font-size:15px;}
.inputInner   {font-family:Arial; font-size:12px;padding-right:2px;padding-left:2px;height:18px;width:100%; border:1px solid ; color:; background-color:;display:block; border-width:0 }
.selectInner  {font-family:Arial; font-size:12px;padding-right:0px;padding-left:0px;height:20px;width:100%; border:0px; color:; background-color:; }
.label2        {font-family:Arial Narrow; text-transform:capitalize;height:20px;font-size:15px;color:#dddddd;font-weight:bold; BORDER:#dddddd 1px solid; PADDING-left:5px; PADDING-right:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:}
.textArea     {font-family:Arial; font-size:12px;resize:none;border:1px solid ; color:; background-color:;width:100%; }
.iputFile     {font-family:Arial; font-size:12px;padding-right:0px;padding-left:0px;height:20px; border:0px; color:; background-color:;width:100%;}
.block_title  {
    
text-align:center;   
margin: 1em 0px 0.5em;
font-weight: 600;
font-family: 'museo','Helvetica Neue',Arial,'Titillium Web',sans-serif;
position: relative;

font-size: 18px;
line-height: 20px;
color: ;
text-transform: titlecase;
border-bottom: 1px solid rgba(53, 86, 129, 0.3);      
}

input::-webkit-input-placeholder {
color: #999 !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: #999 !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: #999 !important;  
}

p.news img{height:120px; float:left;margin:5px;cursor:pointer;}
.nicEdit-main{background:#ffffff; }
.nicEdit-main a{margin:3px;}

#.round_box    {font-size:16px;font-weight:bold;border:solid 1px ; box-shadow:2px 2px 2px ;border-radius:5px ;color: ;}
.round_box    {font-size:16px;font-weight:bold;border:solid 1px ; border-radius:5px ;color: ;}
.select       {font-family:Arial; width:98%; font-size:12px; border:1px solid ; color:; background-color:; }
.text         {font-family:Tahoma; font-weight:bold; font-size:11px; color:; }
.red_text     {font-family:Tahoma; font-weight:bold; font-size:11px; color:#ff0000; }

.help_text    {padding-right:7px;padding-left:7px;padding-bottom:7px;font-family:Monotype kofi,MS Sans Sirif,Arial; font-size:15px; color:; }
.boxtext      {padding-right:13px;padding-left:13px;padding-bottom:13px;font-family:Tahoma; font-size:13px; color:; }
.wtext        {font-family:Al-Mothnna; font-size:13px; color:; }
.btext        {font-family:Arial; font-size:15px; color:#0000ff; }
.inset        {font-family:Arial; font-size:15px; border:1px inset #ccccFF; }
.outset       {font-family:Arial; font-size:15px; border:1px outset; color:#ffffff; }
.cells        {width:95%; border-width:0; font-family: Arial Narrow; font-size: 14px; color: ; background-color:#ffffff; }
.cells3       {font-family: Arial Narrow; font-size: 14px; color: ; background-color:#ffffff; }
.cells4       {float:left;height:18px;font-size:14px;font-family: Arial Narrow; border:0px inset #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;}
.cells2       {width:100%; border-style:solid;  border-width:0; font-family: Arial Narrow; font-size: 15px; color: ; background-color:; }
.dgInput      {border-width:0px; font-family:Arial Narrow; font-size:14px; color:; background-color:#ffffff;width:100%;}
.datatd       {BORDER-left:#c6d2de 1px dotted; PADDING-left:5px; BORDER-TOP:#c6d2de 1px solid; PADDING-right:5px; BACKGROUND:#ffffff; PADDING-BOTTOM:1px; BORDER-right:#c6d2de 1px dotted; PADDING-TOP:1px; BORDER-BOTTOM:#c6d2de 1px solid}
.offcells     {border-style:solid; border-width:0; font-family:Arial Narrow; font-size:15px; color:; background-color:; }
.title        {font-family:Arial; font-size:15px; font-weight:bold;color:;text-transform:capitalize}

.news_title    {text-decoration:none; font-size:16px; font-weight:bold;color:;text-transform:capitalize;}
.news_title  a {text-decoration:none;font-family:Arial; font-size:16px; font-weight:bold;color:;text-transform:capitalize;}
.news_title  a:hover {opacity:.7;}
.header       {border:1px solid #FFFFFF;font-size:15px; font-family:Arial; color:#0000CC; background-color:; }
.buttons      {height:25px; color:;font:bold 15px/24px Verdana; border-style:solid; border-right-width:0; border-left:#d5d5d5 1px solid; border-top-width:0; border-bottom-width:0}

.     {font-size:12px; font-family:Tahoma; color:; background-color:; }
fieldset      { border-style:solid; border-width:1px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px }

.tabsTable    {background-color:;border:1px solid;	border-Left-color:; border-right-color:;border-bottom-color:;;border-Top-width:0px;}
.dgTable      {font-family:Arial, Arial, Helvetica, sans-serif;	font-size:15px;background-color:;}
.dgHeader     {cursor:pointer; font-family:Arial;font-size:12px;font-weight:bold;	color:#000000;background-color:#DCDCDC;	border:1px solid;	border-Left-color:#ffffff;	border-Right-color:;	border-top-color:#ffffff;		border-bottom-color:; height:25px;}
.dgHeader2     {cursor:pointer; font-family:Arial;font-size:12px;font-weight:bold;	color:#000000;background-color:#DCDCDC;	border:1px solid;	border-Left-color:#ffffff;	border-Right-color:;	border-top-color:#ffffff;		border-bottom-color:; height:24px;}
table.dgHeader A:hover  {cursor:pointer;BORDER-LEFT-COLOR:#f9b119; BACKGROUND:#fcc247; BORDER-BOTTOM-COLOR:#f9b119; BORDER-TOP-COLOR:#f9b119; BORDER-RIGHT-COLOR:#f9b119}
.dgFooter     { color:#000000; solid;TEXT-ALIGN:center;font-family:Arial;font-size:12px;font-weight:bold;	background-color:#DCDCDC;	border:1px solid #aaa;	border-top-width:1px ;	border-top-color:#fff;}}
THEAD TD      {font-family:Arial Narrow; font-size:14px; color:#ffffff; BACKGROUND-COLOR:; BORDER-TOP: 1px solid;BORDER-Left: 1px solid;BORDER-Bottom:#006600 1px solid;BORDER-right:#006600 1px solid}
TFOOT TD      {BORDER-TOP:slategray 2px solid; TEXT-ALIGN:center}
.input_label  {font-size:14px;color:#444; BORDER:#d5d5d5 1px solid; PADDING-left:5px; PADDING-right:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:#eee}
THEAD TD      {font-family:Arial Narrow; font-size:14px;color:; BORDER:#d5d5d5 1px solid; PADDING-left:5px; PADDING-right:5px; PADDING-BOTTOM:0px; PADDING-TOP:0px; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:}
.dgTree       {float:left;height:18px;font-size:14px;font-family: Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;}
.accountTree  {float:left;height:18px;font-size:12px;font-family: Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;}

.cp_buttons   {FLOAT:right;height:40px;width:100px;}

table.tablesorter tr:nth-child(even) {background-color:;color:#000000;font-size:14px;font-family:Arial Narrow;}
table.tablesorter tr:nth-child(odd) {background-color:;color:#000000;font-size:14px;font-family:Arial Narrow;}
.dgTd     {padding-left:5px;padding-right:5px;font-family:Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;height:25px;overflow-x:hidden;}


.no           {background-color:;color:#000000;font-size:14px;font-family:Arial Narrow;}
.yes          {background-color:;color:#000000;font-size:14px;font-family:Arial Narrow;}
.dgRownorm    {background-color:;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;height:25px;}
.hilight   {background-color:#ffff00;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;height:25px;}
.dgRownorm2    {background-color:;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;height:24px;}

.dgRowalt     {background-color:;font-size:14px;font-family:Arial Narrow; border:1px solid #bfcacd;	border-Left-color:#ffffff;	border-bottom-style:none;height:25px;}
.excel 	      {mso-style-parent:style0;border:.5pt solid silver;}

.popup_title  {font-weight:bold;background-color:;color:;font-size:15px;font-family:Arial; border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;padding:2px;}

.h_menu       {color:;font:bold 12px Monotype kofi,MS Sans Sirif,Arial;  border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;margin-bottom:1px;}
.v_menu       {color:;font:bold 12px Monotype kofi,MS Sans Sirif,Arial;  border:0px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff;}

.v_menu_table {background-color:;background:url(vbuttons.png) left 50%;}

.tool_bar     {font-size:15px;font-family:Arial; border:1px solid #bfcacd;border-Left-color:#ffffff;border-Top-color:#ffffff; height:28px; background-color:;color:;}


.note {   font-size:16px;font-family:Arial;text-align:center;height:30px;line-height:30px; border:2px solid #FFA800;  background-color:#FFF000; -webkit-border-radius: 8px;  -moz-border-radius: 8px; border-radius: 8px; }

.counter  {text-decoration:none;float:left;height:25px;width:19px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;margin:0 0 0 1px;  color: #ffffff;background:url('../images/counter.gif'); }


.counter2  {text-decoration:none;float:left;height:25px;width:30px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;  color: #ffffff;background:url('../images/counter.gif'); }
.counter2 a:visit {color: #ffffff;}

.counter1 {text-decoration:none;cursor:pointer;float:left;margin:1px;height:25px;width:30px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;   }
.pageslct a {text-decoration:none;cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;  color: #ffffff;background:url('../images/counter.gif'); }
.pageslct a:hover {cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;  color: #ffffff;background:url('../images/counterhovr.gif'); }
.pageslctcrnt a {cursor:pointer;float:left;height:25px;width:25px; text-align:center; font-weight:bold; font-size:12px;line-height:25px;  color: #ffffff;background:url('../images/counterhovr.gif'); }




TABLE.adminform {BORDER-left:#d5d5d5 1px solid; PADDING-left:10px; BORDER-TOP:#d5d5d5 1px solid; PADDING-right:10px; PADDING-BOTTOM:10px; BORDER-right:#d5d5d5 1px solid; WIDTH:100%; PADDING-TOP:10px; BORDER-BOTTOM:#d5d5d5 1px solid; BORDER-COLLAPSE:collapse; BACKGROUND-COLOR:}
TABLE.reportTable {BORDER-left:#000000 1px solid;  BORDER-TOP:#000000 1px solid; BORDER-right:#000000 1px solid; WIDTH:100%; BORDER-BOTTOM:#000000 1px solid; BORDER-COLLAPSE:collapse;}

#cpanel {VERTICAL-ALIGN:middle; TEXT-ALIGN:center; font:bold 15px Monotype kofi,MS Sans Sirif,Arial; color:;}
#cpanel DIV.icon {MARGIN:3px;}
#cpanel DIV.icon A {background-color:#ffffff;BORDER: 2px solid; PADDING-left:3px;  DISPLAY:block; PADDING-right:5px; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; WIDTH:110px; PADDING-TOP:3px;  HEIGHT:100px; TEXT-DECORATION:none;BACKGROUND-COLOR:;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
#cpanel DIV.icon A:link {COLOR:;}
#cpanel DIV.icon A:hover {BORDER: 2px solid; PADDING-left:3px;PADDING-right:5px; PADDING-BOTTOM:1px;  COLOR:#333; PADDING-TOP:3px;  BACKGROUND-COLOR:}
#cpanel DIV.icon A:active {COLOR:;BACKGROUND-COLOR:;}
#cpanel DIV.icon A:visited {COLOR:;BACKGROUND-COLOR:;}
#cpanel DIV.icon IMG {MARGIN-TOP:13px}
#cpanel DIV.icon SPAN {DISPLAY:block; PADDING-TOP:3px}




#library {VERTICAL-ALIGN:middle; TEXT-ALIGN:center; font:bold 15px Monotype kofi,MS Sans Sirif,Arial; color:#ffffff;}
#library DIV.icon {MARGIN:0px;}
#library DIV.icon A { PADDING-left:5px; DISPLAY:block; PADDING-right:5px; PADDING-BOTTOM:1px;  WIDTH:120px;    TEXT-DECORATION:none;cursor:default;}
#library DIV.icon IMG {MARGIN-TOP:3px; WIDTH:80px;HEIGHT:130px;cursor:pointer;}
#library DIV.icon SPAN {DISPLAY:block; PADDING-TOP:2px;margin-bottom:3px;cursor:pointer;background:#fff;opacity:0.8;}






.calendar {BORDER-left: 1px solid; PADDING-left:3px; BORDER-TOP: 1px solid; DISPLAY:block; PADDING-right:5px; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; BORDER-right: 1px solid; WIDTH:40px; PADDING-TOP:3px; BORDER-BOTTOM: 1px solid; HEIGHT:25px; TEXT-DECORATION:none}

#vpanel  {VERTICAL-ALIGN:middle; TEXT-ALIGN:left; border:1px solid ;font: bold 12px Monotype kofi,MS Sans Sirif,Arial; color:;}
#vpanel DIV.icon A {BORDER-left: 1px solid; PADDING-left:0px; BORDER-TOP: 1px solid; DISPLAY:block; PADDING-right:2px; FLOAT:right; PADDING-BOTTOM:1px; VERTICAL-ALIGN:middle; BORDER-right: 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM: 1px solid; HEIGHT:20px; TEXT-DECORATION:none; background:url(vbutton_lgt_left.png) left 10%;}
#vpanel DIV.icon A:link {COLOR:;}
#vpanel DIV.icon A:hover {BORDER-left: 1px solid; PADDING-left:1px; BORDER-TOP: 1px solid; PADDING-right:2px; PADDING-BOTTOM:1px; BORDER-right: 1px solid; COLOR:; PADDING-TOP:2px; BORDER-BOTTOM: 1px solid; background:url(vbutton_drk_left.png) left 10%;}
#vpanel DIV.icon A:active {COLOR:;}
#vpanel DIV.icon A:visited {COLOR:}
#vpanel DIV.icon IMG {MARGIN-TOP:2px}


.news        {COLOR:;VERTICAL-ALIGN:middle; TEXT-ALIGN:left;font-size:14px;line-height:24px;font-family: "Times New Roman", Times, serif;font-weight:bold}
.s_news      {COLOR:;VERTICAL-ALIGN:middle; TEXT-ALIGN:left;font-family:Arial;font-size:10px}
.btn_panel   {VERTICAL-ALIGN:middle; TEXT-ALIGN:left;font:bold 15px Monotype kofi,MS Sans Sirif,Arial; border:0px solid ;font-size:12px}
.btn_normal  {COLOR:;BORDER-left: 1px solid; BORDER-TOP: 1px solid; PADDING-BOTTOM:2px; VERTICAL-ALIGN:middle; BORDER-right: 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM: 1px solid; HEIGHT:25px; TEXT-DECORATION:none; background:url(vbutton_drk_left.png) left 10%;BACKGROUND-COLOR:}
.btn_over    {COLOR:;BORDER-left: 1px solid; BORDER-TOP: 1px solid; PADDING-BOTTOM:2px; BORDER-right: 1px solid; WIDTH:100%; PADDING-TOP:1px; BORDER-BOTTOM: 1px solid; HEIGHT:25px; background:url(vbutton_lgt_left.png) left 10%;BACKGROUND-COLOR:;cursor:pointer;}

iframe {
    display:block;
}



.TableDialog {
#position:absolute;
border: 1px solid #CCCCCC;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:20px;
background-color:#ffffff;
margin:20px auto 20px auto;
box-shadow: 0px 0px 10px rgba(100, 100, 100, 1);
-webkit-box-shadow: 0px 0px 10px rgba(100, 100, 100, 1); 
-moz-box-shadow: 0px 0px 10px rgba(100, 100, 100, 1);

}




.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}






.vertical {

  transform: rotate(-90deg);
  transform-origin: 35%;

}


.button_dn    {font-size:12px; font-family:Arial; color:}
.button_up    {font-size:12px; font-family:Arial; color:#FFFFFF;}
.tabContent   {BORDER-RIGHT: 1px solid; BORDER-TOP:0px; BORDER-LEFT: 1px solid; BORDER-BOTTOM: 1px solid;background-color:;}

.button       {font:bold 15px MS Sans Sirif,Monotype kofi,Arial;border-color: #0EB1E7;border-radius:5px;cursor:pointer;BORDER-left: 1px solid; PADDING-left:8px; BORDER-TOP: 1px solid; PADDING-right:8px; BACKGROUND:  repeat-x; PADDING-BOTTOM:2px; BORDER-right: 1px solid; color: ; PADDING-TOP:2px; BORDER-BOTTOM: 1px solid}
.button:hover {BACKGROUND:url(../images/btn_bg.gif)  repeat-x;} 

.disabled     {color:#ccc}

select        {border:1px solid; font-family: Verdana, Arial, Helvetica, sans-serif ;font-size: 12px;font-weight: normal; color: ;background-color: ;arrow-color: #;}


.borderstyle  {BORDER: 1px solid;}
.borderl      {border-style:solid; border-left-width:0; border-right-width:1px; border-top-width:0; border-bottom-width:0}
.borderr      {border-style:solid; border-right-width:0; border-left-width:1px; border-top-width:0; border-bottom-width:0}


.rollover a {display:block;width: 60px;height=0px; background: url('news_btn.gif') 0 0 no-repeat;font-size:12px;}
.rollover a:hover  {background-position: 0 -16px;color: #049;}
.rollover a:active {background-position: 0 -0px;color:#fff;}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	BUTTON DEFINITION CLASS */

	button.cssbutton {border:0; text-align:left; padding:0; margin:0; cursor:pointer; width:100%}
	button.cssbutton span {font:bold 15px/25px Verdana; color:; display:block; cursor:pointer; position:relative; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	LINK DEFINITION CLASS */
	
	a.cssbutton {border:0;float:left;text-align:center;padding:0;margin:0;cursor:pointer;text-decoration: none;}
	a.cssbutton span {font:bold 15px/25px Verdana; color:; display:block; float: left; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */
	
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	INPUT DEFINITION CLASS */
	
	div.cssbutton {border:0; float:left; text-align:center; padding:0; margin:0; cursor:pointer;}
	div.cssbutton input {border:0; font:bold 15px/25px Verdana; color:; display:block; cursor:pointer; float:left; white-space:nowrap; height:25px; margin-left:1px; padding:0 6px 0 6px;} /* padding-left = (padding-right - margin-left) NOTE: Firefox renders this different */



	button.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;} 
	button.cssbutton.sample.a span {background:url('sample_aRight.gif') no-repeat right 0%;} 
	
	button.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;} 
	button.cssbutton.sample.a:hover span {background:url('sample_aRight.gif') no-repeat right 100%;}

	a.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;} 
	a.cssbutton.sample.a span {background:url('sample_aRight.gif') no-repeat right 0%;} 
	
	a.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;} 
	a.cssbutton.sample.a:hover span {background:url('sample_aRight.gif') no-repeat right 100%;}

	div.cssbutton.sample.a {background:url('sample_aLeft.gif') no-repeat 0px center;} 
	div.cssbutton.sample.a input {background:url('sample_aRight.gif') no-repeat right 0%;} 
	
	div.cssbutton.sample.a:hover {background:url('sample_aLeft.gif') no-repeat -40px center;} 
	div.cssbutton.sample.a:hover input {background:url('sample_aRight.gif') no-repeat right 100%;}


h3 {font-size:24px;}
//h4 {text-decoration: underline;	color: ;}
h2 {color: ;}



