/* CSS Document */

.diverrormsg  { display: block; clear:both; width: auto; text-align:center; padding: 5px 5px; margin: 5px 0px; border-collapse: collapse; 
				font-weight:400; border: 1px solid #DDDDDD; table-layout:fixed; color:#FF0000;}
.divmessage   { display: block; clear:both; width: auto; text-align:center; padding: 5px 5px; margin: 5px 0px; border-collapse: collapse; 
				font-weight:400; border: 1px solid #ddd; table-layout:fixed; color:#11BB11;}
.divDetail { width:auto; display:table; border: 1px solid #DDDDDD; margin: 0px 0px 15px 0px; padding: 10px 10px; line-height:29px; vertical-align:middle; }
.divDetail label { float: left; text-align: right; padding:0px 0px; margin:0px 0px; vertical-align:text-top; height:20px; }
.divDetail input[type=text]     {float:left; border:1px solid #CCCCCC; padding:2px 2px; height:20px; }
.divDetail input[type=password] {float:left; border:1px solid #CCCCCC; padding:2px 2px; height:20px; }
.divDetail input[type=date]     {float:left; border:1px solid #CCCCCC; padding:2px 2px; height:20px; }
.divDetail select 				{float:left; border:1px solid #CCCCCC; padding:2px 2px; height:26px; }
.divDetail textarea 			{float:left; border:1px solid #CCCCCC; padding:2px 2px; }
.divDetail clear 	  { clear: both; height: 0; line-height: 0; }
.divDetail floatright { float: right;}
.divDetail date { float: left; width: 250px; font-size: 14px; border: 1px solid #CCCCCC; margin-top:3px; }

.divactionbtn { display: block; clear:both; width: auto; text-align:center; padding-top: 10px;}
.btnadd {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #538312;
	padding: 5px; text-align:center; 	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#0066FF; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#0066FF));
	background: -webkit-linear-gradient(top, #0099FF, #0066FF);
	background: -moz-linear-gradient(top, #0099FF, #0066FF);
	background: -o-linear-gradient(top, #0099FF, #0066FF);
	background: linear-gradient(top, #0099FF, #0066FF);
	font-size:1.1em; letter-spacing:.1em;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; /*add a drop shadow to the button*/
	height: 40px; width: 100px; margin: 5px 7px;
}
.btnadd:hover, .btnadd:focus {
	color:#edebda; outline:0; !important; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;}

.btninsert {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #538312;
	padding: 5px; text-align:center; 	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#4E7D0E; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -webkit-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -o-linear-gradient(top, #7DB72F, #4E7D0E);
	background: linear-gradient(top, #7DB72F, #4E7D0E);
	font-size:1.1em; letter-spacing:.1em;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; /*add a drop shadow to the button*/
	height: 40px; width: 100px; margin: 5px 7px;
}
.btninsert:hover, .btninsert:focus {
	color:#edebda; outline:0; !important; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;}

.btnupdate {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #538312;
	padding: 5px; text-align:center; 	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#4E7D0E; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -webkit-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -o-linear-gradient(top, #7DB72F, #4E7D0E);
	background: linear-gradient(top, #7DB72F, #4E7D0E);
	font-size:1.1em; letter-spacing:.1em;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; /*add a drop shadow to the button*/
	height: 40px; width: 100px; margin: 5px 7px;
}
.btnupdate:hover, .btnupdate:focus {
	color:#edebda; outline:0; !important; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;}

.btndelete {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #538312;
	padding: 5px; text-align:center;  	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#990000; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#7DB72F), to(#4E7D0E));
	background: -webkit-linear-gradient(top, #CC0000, #990000);
	background: -moz-linear-gradient(top, #7DB72F, #4E7D0E);
	background: -o-linear-gradient(top, #7DB72F, #4E7D0E);
	background: linear-gradient(top, #7DB72F, #4E7D0E);
	font-size:1.1em; letter-spacing:.1em;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; /*add a drop shadow to the button*/
	height: 40px; width: 100px;
}
.btndelete:hover, .btndelete:focus {
	color:#edebda; outline:0; !important; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;}
.btncancel {
	display: inline-block; cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	zoom: 1; *display: inline; /* zoom and *display = ie7 hack for display:inline-block */
	border:1px groove #538312;
	padding: 5px; text-align:center;  	/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
	color:#FFFFFF;
	background-color:#997d0e; /*required for browsers that don't support gradients*/
	background: -webkit-gradient(linear, left top, left bottom, from(#FFb72f), to(#997d0e));
	background: -webkit-linear-gradient(top, #FFb72f, #997d0e);
	background: -moz-linear-gradient(top, #FFb72f, #997d0e);
	background: -o-linear-gradient(top, #FFb72f, #997d0e);
	background: linear-gradient(top, #FFb72f, #997d0e);
	font-size:1.1em; letter-spacing:.1em;
	border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; -webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px; /*add a drop shadow to the button*/
	height: 40px; width: 100px;
}
.btncancel:hover, .btncancel:focus {
	color:#edebda; outline:0; !important; box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px; -moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;}