﻿xml {display:none}

body 
{
    /*background-color:#D6DBE0;#ece9d8*/
       background-color:#FFFFFF; /* using Total body background color*/
         margin-top:0;           /* using FullScreen*/
         margin-bottom:0 ;		 /* using FullScreen*/
         margin-left:0;			 /* using FullScreen*/
         margin-right:0;		 /* using FullScreen*/
         
       TEXT-DECORATION: none;     /* using without UnderLine HyperLine  #676565 */       
   }
/*  
A {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana }
	P { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana }
	LI { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif, Verdana }
	A:link {  FONT-SIZE: 12px; COLOR:#000000; TEXT-DECORATION: none }
	A:visited { FONT-SIZE: 12px; COLOR:#000000; TEXT-DECORATION: none }
	A:hover { FONT-SIZE: 12px; COLOR: #258CD1;TEXT-DECORATION: none }
*/

A {FONT-SIZE: 13px; FONT-FAMILY: Calibri }
	P { FONT-SIZE: 13px; FONT-FAMILY: Calibri }
	LI { FONT-SIZE: 13px; FONT-FAMILY: Calibri }
	A:link {  FONT-SIZE: 13px; COLOR:#284775; TEXT-DECORATION: none }
	A:visited { FONT-SIZE: 13px; COLOR:#284775; TEXT-DECORATION: none }
	A:hover { FONT-SIZE: 13px; COLOR: #284775;TEXT-DECORATION: none }
/*
A {FONT-SIZE: 12px; FONT-FAMILY: Century Gothic}
	P { FONT-SIZE: 12px; FONT-FAMILY: Century Gothic }
	LI { FONT-SIZE: 12px; FONT-FAMILY: Century Gothic }
	A:link {  FONT-SIZE: 12px; COLOR:#284775; TEXT-DECORATION: none }
	A:visited { FONT-SIZE: 12px; COLOR:#284775; TEXT-DECORATION: none }
	A:hover { FONT-SIZE: 12px; COLOR: #284775;TEXT-DECORATION: none }
*/
H1
{FONT-SIZE: 13px; FONT-FAMILY: Calibri ; font-weight:bold; text-transform:uppercase;
	
	}		
/*-------------Button Script----------------------------------*/

.attachfile
{
	width: 95px;
	height: 30px;
	background-image: url(PNG/EN/AttachFile.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.sendmail
{
	width: 90px;
	height: 30px;
	background-image: url(PNG/EN/sendmail.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.Print2
{		
	width: 77px;
	height: 34px;
	background-image: url(PNG/EN/print2.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.Courses
{
	width: 70px;
	height: 30px;
	background-image: url(PNG/EN/Courses.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.searchEmployee
{		
	width: 77px;
	height: 34px;
	background-image: url(PNG/EN/SearchEmployee.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.new
{		
	width: 60px;
	height: 30px;
	background-image: url(PNG/EN/new.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.xPrint
{		
	width: 76px;
	height: 30px;
	background-image: url(Images/xPrint.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xSave
{		
	width: 100px;
	height: 30px;
	background-image: url(Images/xSave.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xAttach
{		
	width: 87px;
	height: 31px;
	background-image: url(Images/xAttach.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xCloseAS
{		
	width: 76px;
	height: 30px;
	background-image: url(Images/xCloseAS.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xApprove
{		
	width: 74px;
	height: 30px;
	background-image: url(Images/XApprove.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xReject
{		
	width: 74px;
	height: 30px;
	background-image: url(Images/XReject.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.xCancel
{		
	width: 74px;
	height: 30px;
	background-image: url(Images/XCancel.gif);
	background-repeat:no-repeat;
	background-color:Transparent;	
	border: none;
	cursor: hand;
}

.save
{
	width: 65px;
	height: 30px;
	background-image: url(PNG/EN/save.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}

.update
{
	width: 68px;
	height: 30px;
	background-image: url(PNG/EN/update.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#666666;
	border: none;
	cursor: hand;
}
.delete
{
	width: 70px;
	height: 30px;
	background-image: url(PNG/EN/delete.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.cancel
{
	width: 64px;
	height: 30px;
	background-image: url(Images/cancel.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}

.print
{
	width: 58px;
	height: 30px;
	background-image: url(PNG/EN/print.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.searchE
{
	width: 123px;
	height: 30px;
	background-image: url(PNG/EN/searchE.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.search
{
	width: 67px;
	height: 30px;
	background-image: url(PNG/EN/search.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.find
{
	width: 54px;
	height: 30px;
	background-image: url(PNG/EN/find.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.reset
{
	width:65px;
	height: 30px;
	background-image: url(PNG/EN/reset.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.approve
{
	width: 90px;
	height: 30px;
	background-image: url(PNG/EN/Activate.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.review
{
	width: 68px;
	height: 30px;
	background-image: url(PNG/EN/review.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.undo
{
	width: 56px;
	height: 30px;
	background-image: url(Images/undo.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;
}
.complete
{
	width: 87px;
	height: 30px;
	background-image: url(PNG/EN/complete.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.go
{
	width: 24px;
	height: 24px;
	background-image: url(Images/go.jpg);
	background-repeat:no-repeat;
	border: none;
	cursor: hand;
}
.next
{
	width: 31px;
	height: 31px;
	background-image: url(Images/next.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.last
{
	width: 31px;
	height: 31px;
	background-image: url(Images/last.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.audit
{
	width: 31px;
	height: 31px;
	background-image: url(Images/audit.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.first
{
	width: 31px;
	height: 31px;
	background-image: url(Images/first.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.previous
{
	width: 31px;
	height: 31px;
	background-image: url(Images/previous.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.printpre
{
	width: 31px;
	height: 31px;
	background-image: url(Images/printt.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.printcheque
{
	width: 31px;
	height: 31px;
	background-image: url(Images/printcheque.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.e-document
{
	width: 31px;
	height: 31px;
	background-image: url(Images/e-document.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	border: none;
	cursor: hand;
}
.accept
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/Activate.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.post
{
	width: 60px;
	height: 30px;
	background-image: url(PNG/EN/post.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.export
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/export.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.activate
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/Activate.png);
	/*background-repeat:no-repeat;
	background-color:#F1F6FD;	
	vertical-align:bottom;
	border: none;
	cursor: hand;*/
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.prepare
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/Prepare.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.verify
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/post.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.view
{
	width: 73px;
	height: 30px;
	background-image: url(PNG/EN/View.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.btnlogin
{
	width: 77px;
	height: 34px;
	background-image: url(Images2/login.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.btnexit
{
	width: 77px;
	height: 34px;
	background-image: url(Images2/exit.png);
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

.dataentrytab
{
	width: 71px;
	height: 24px;
	background-image: url(Images/dataentry.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	border: none;
	cursor: hand;
}
.dataentrytab1
{
	width: 71px;
	height: 24px;
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}
.searchtab
{
	width: 51px;
	height: 24px;
	background-image: url(Images/searchtab.gif);
	background-repeat:no-repeat;
	background-color:#F1F6FD;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	border: none;
	cursor: hand;
}
.searchtab1
{
	width: 51px;
	height: 24px;
	background-repeat:no-repeat;
	background-color:Transparent;	
	font-family:Calibri;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	border: none;
	cursor: hand;
}

/*--------------------------------------------------------------------*/

.menutd
{
	background-color:#D6DBE0;/*#DCDCDC*/
}
.ddl
{
	border-style:groove;
	}

.GridDDL
{

	border-style:groove;
	background-color:Transparent;
	
}


/*------------------------------------------------*/
.whitetd
{
	background-color:#ece9d8;
}
 .logo
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 145px;
    	height: 65px;
    	background-color:#ece9d8;
	background-image: url('Images/Logo.gif');
		background-position:left;
		background-repeat:no-repeat;
	}
.slogo
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 280px;
    	height: 48px;
 	background-image: url('Images2/SoftechLogo.gif');
		background-position:left;
		background-repeat:no-repeat;
		cursor: hand;
}

.LLogo
{

	border-style: none;
	border-color: inherit;
	border-width: medium;
	width:208;
    	height:96;
    	background-color:#3a7df0;
    background-image:url('Images/LLogo.gif');
    	background-position:center;
    	background-repeat:no-repeat;
    	cursor:hand;
    
}

    
 
.menupoint
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 16px;
    height: 16px;
 	background-image: url('Images/blue.png'); /*url('Images/arr.png');*/
	background-position:left;
	background-repeat:no-repeat;
}

.menupointred
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 16px;
    height: 16px;
 	background-image: url('Images/arrow.gif'); /*url('Images/arr.png');*/
	background-position:left;
	background-repeat:no-repeat;
}

.menupointAR
{
    border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 16px;
    height: 16px;
 	background-image: url('Images/arr.png');
	background-position:right;
	background-repeat:no-repeat;
}

.Wel
{
	font-family:Calibri;
	font-size:13pt;
	font-weight:bold;
	color:#397DF0;	
}

.waterMark
{
	font-family:Calibri;
	font-size:8pt;
	font-weight:normal;
	color:red;
}

.promptText
{
	font-family:Calibri;
	font-size:9pt;
	font-weight:normal;
	/*font-style:italic;*/
	color:#5698F5;
}

/*--------------------------------Left Vertical Menu--------------------------*/

.menutitle
{
 
cursor:pointer;
background-image:url('Images/menubg.gif');
background-repeat:repeat-x;
margin-bottom: 0;
background-color:#ECECFF;
vertical-align:middle;
color:#000000;
width:200px;
height:31px;
padding:6px;
text-align:center;
color:White;
font-family:Calibri;
font-size:13px;
font-weight:bold;
/*/*/border:.5px solid #000000;/* */
}

.menutitle1{
/*cursor:pointer;*/
background-image:url('Images/mmenubg.gif');
background-repeat:repeat-x;
margin-bottom: 0;
background-color:#ECECFF;
color:#000000;
width:250px;
height:19px;
padding:6px;
text-align:left;
color:#000000;
font-family:Calibri;
font-size:13px;
/*font-weight:bold;*/
/*/*/border:.5px solid #000000;
	direction: ltr;
}

.submenu{
margin-bottom: .5em;
text-align:left;
background-color: #FBF2D8;
/*font-weight:bold;*/
text-decoration:None;
font-family:Calibri;
font-size:12px;
padding:4px;
margin:0,0,8,0;
display:block;
}
.leftmenu
{
	/*background-color:#FBF2D8;*/
	background-color:#FBF2D8;
}
.barbg
{
	background-image: url('Images/barbg.gif');
	background-repeat:repeat-x;
	text-align:left;
	vertical-align:top;
	width:100%;
	height:31px;
	}
.topheader
	{
	    background-image:url('Images/Topheader.gif');
	    background-repeat:repeat-x;
	   	background-color:#FFFFFF;
	    height:30px;
	    font-family:  Calibri;
	    font-size: 12px;
	    text-align:right;
	    font-style:normal;
	    font-weight:bold;
	    color:white;
	/*    background-color:#3a7df0;*/
	    
	}
	
.gridbg
    {
	background-image: url('Images/GridHeader.gif');
	background-repeat:repeat-x;
	width:100%;
	height:30px;
	}
.gridfoot
    {
	background-image: url('Images/GridFooter.gif');
	background-repeat:repeat-x;
	width:100%;
	height:40px;
	}
	
	


.numericFeilds {
	font-family: Calibri;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	margin: 1px;
	padding: 1px;
	border: 1px solid #7F9DB9;
	text-align:right;
	
}

.largefeilds {
	font-family: Calibri;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	margin: 1px;
	padding: 1px;
	border: 1px solid #7F9DB9;
	}
	
.tableDE
   {
    width: 100%;
    background-color:#F1F6FD;
   /* border: 1px solid #666666;*/
    border-width: 0px;
   }
   
  .tdbg
   {
       background-color:#F1F6FD;
  
   }
.msgtitle
{
	font-family:Calibri,Verdana;
	font-size:11pt;
	color:White;
}

.lnkPopupControl
{
	font-family:Calibri;
	font-size:9pt;
	color:green;
	font-weight:bold;
	cursor:hand;
}

.textvalidator {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
	margin: 1px;
	padding: 1px;
	width: 165px;
	height: auto;
	
}

/*-------------Border Start----------------------*/

.logintopbg
{
width: 2px;
height: 25px;
background-image:url('Images2/TopBG.png');	
background-repeat:repeat-x;
background-color:#F1F6FD;	
}
.loginbottbg
{
width: 2px;
height: 25px;
background-image:url('Images2/BottBG.png');	
background-repeat:repeat-x;
background-color:#F1F6FD;	
}
.topleftcur
{
	width:36px;
	height:25px;
	background-image:url('Images2/TopLeftCorner.png');
	background-repeat:no-repeat;
}
.toprightcur
{
	width:25px;
	height:25px;
	background-image:url('Images2/TopRightCorner.png');
	background-repeat:no-repeat;
}
.bottleftcur
{
	width:36px;
	height:25px;
	background-image:url('Images2/BottLeftCorner.png');
	background-repeat:no-repeat;
}
.bottrightcur
{
	width:25px;
	height:25px;
	background-image:url('Images2/BottRightCorner.png');
	background-repeat:no-repeat;
}
.lockkey
{
	
	width: 36px;
    height: 25px;
 	background-image: url('Images2/TopLeftCorner.png');
 	background-color:Transparent;
	background-position:left;
	border-style: none;

}

/*-------------End Border -----------------------*/


.msgtitle
{
	font-family:Calibri,Verdana;
	font-size:11pt;
	color:White;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url('Images/bg-menu-main.png');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.collapsePanelHeader_Green{
	width:100%;
	height:30px;
	background-image: url('Images/bar_green.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.collapsePanelHeader_Yellow{
	width:100%;
	height:30px;
	background-image: url('Images/bar_yellow.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.collapsePanelHeader_Red{
	width:100%;
	height:30px;
	background-image: url('Images/bar_red.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.collapsePanelHeader_Black{
	width:100%;
	height:30px;
	background-image: url('Images/bar_black.gif');
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.midtextlink
{
	font-family: Tahoma,  Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #497EB4;
	line-height:18px; 
	text-decoration:none; 
	cursor:pointer;
}
.midtextlinkdisabled
{
	font-family: Tahoma,  Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: gray;
	line-height:18px; 
	text-decoration:none; 
	cursor:default;
}
.midtextS
{
	font-family: Tahoma,  Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #06517E;
	line-height:18px; 
	text-align:justify;
	text-decoration:none; 
}

.buttonred {
  padding: 2px 5px;

  font: 400 0.7em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: #4E7FBD;/* #FC3307; */
  border-width: 1px;
  border-style: solid;
  border-color: #4072B0;/* #FF7800 #691300 #691300 #FF7800;*/
}

.buttongreen {
  padding: 3px 6px;

  font: 400 0.7em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: green;
  border-width: 1px;
  border-style: solid;
  border-color: green;
}

.buttonorange {
  padding: 3px 6px;

  font: 400 0.7em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: orange;
  border-width: 1px;
  border-style: solid;
  border-color: orange;
}

.buttonblue {
  padding: 3px 6px;

  font: 400 0.7em verdana, serif;
  cursor: pointer;

  color: #fff;
  background: blue;
  border-width: 1px;
  border-style: solid;
  border-color: blue;
}

.img_app_photo{display:block; padding:1px; border: #727272 1px solid;}