
.exact {

	margin: 0px;

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-khtml-box-sizing:border-box;

	box-sizing:border-box;

}

.search-panel{
	text-align: left;
}

@media all and (min-width: 480px) {

	/*desktop specific*/  

	.half { 

		width: 47%;	

		margin-left: 1%;

		margin-right: 1%;

	}

	.bigButton {	

		min-width:90px;

		width:98px;

		height:150px;

		display:inline-block;

		padding:5px 3px 5px 3px;

		margin:5px;

		text-align:center;

		-o-border-radius:10px;

		-ms-border-radius:10px;

		-moz-border-radius:10px;

		-webkit-border-radius:10px;

		-khtml-border-radius:10px;

		border-radius:10px;

		border:2px solid #fff;

	    vertical-align: top;

	}

	

	.bigButton img {	

		width:80px;

		height:80px;

	    display: block;

	    margin: 0px auto;

	}

	

	.width5{ width: 5%;}

	.width10{ width: 10%;}

	.width15{ width: 15%;}

	.width20{ width: 20%;}

	.width25{ width: 25%;}

	.width30{ width: 30%;}

	.width35{ width: 35%;}

	.width40{ width: 40%;}

	.width45{ width: 45%;}

	.width50{ width: 50%;}

	.width55{ width: 55%;}

	.width60{ width: 60%;}

	.width65{ width: 65%;}

	.width70{ width: 70%;}

	.width75{ width: 75%;}

	.width80{ width: 80%;}

	.width85{ width: 85%;}

	.width90{ width: 90%;}

	.width95{ width: 95%;}

	

}

@media all and (max-width: 480px) {

	 /*mobile specific*/


	 .half{width: 100%}

	 

	.bigButton, .bigButton:visited, a.bigButton, a.bigButton:visited {	

		width:100%;

		height:50px;

		display:block;

		padding:10px;

		margin:2px 0px;

		text-align:center;

		-o-border-radius:15px;

		-ms-border-radius:15px;

		-moz-border-radius:15px;

		-webkit-border-radius:15px;

		border-radius:15px;

		border:2px solid #fff;

	    vertical-align: middle;

	}

	.bigButton img { height:30px; max-height: 30px; float: left; }

	[class^="width"]{ width: 100%; }

		 

}



.bigButton {	

	color:#fff !important;

	text-align:center;

	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.75);

    -moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.75);

    box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.75);    		

    -o-box-sizing:border-box;		-moz-box-sizing:border-box;		

    -ms-box-sizing:border-box;		-webkit-box-sizing:border-box;		

    -khtml-box-sizing:border-box;		box-sizing:border-box;					

    background: #143b68;background: -moz-linear-gradient(top,  #143b68 0%, #155287 23%, #1b5c91 76%, #2483cc 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#143b68), color-stop(23%,#155287), color-stop(76%,#1b5c91), color-stop(100%,#2483cc));background: -webkit-linear-gradient(top,  #143b68 0%,#155287 23%,#1b5c91 76%,#2483cc 100%);background: -o-linear-gradient(top,  #143b68 0%,#155287 23%,#1b5c91 76%,#2483cc 100%);background: -ms-linear-gradient(top,  #143b68 0%,#155287 23%,#1b5c91 76%,#2483cc 100%);background: linear-gradient(to bottom,  #143b68 0%,#155287 23%,#1b5c91 76%,#2483cc 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#143b68', endColorstr='#2483cc',GradientType=0 );		

}



.bigButton:hover, .grey:hover, a.bigButton:hover, a.grey:hover {	background:#fff;

	color:#333 !important;

}

a:active,a:hover { outline: 0;

}




textarea.form_element { min-height: 100px; }

.table{	width:100%; margin: 0px auto; }

.th, .table th {	

	border:solid thin #ddd;

	word-wrap:break-word;

	background: #2a7d96;

	color: #fff;

	text-decoration:none;

	text-align: center;

	padding: 10px 2px 10px 2px;

}

.th2, .table th2 {	

	border:solid thin #ddd;

	word-wrap:break-word;

	background: #96762a;

	color: #fff;

	text-decoration:none;

	text-align: center;

	padding: 10px 2px 10px 2px;

}

.table td {

	padding: 5px;

	vertical-align: top;

	word-wrap:break-word;

	border:thin solid #ddd;

	color: #333;

	border:#add6ff 1px solid;

}

.table tbody tr:nth-child(odd){background: #e0efff;}

.table tbody tr:nth-child(even){background: #f4f9ff;}

.table tbody tr:hover {background: #b8d1f3;}



.half {

	display: inline-block;

	margin-top: 0px;

	vertical-align: top;

	margin-bottom: 10px;

}

#hidden, .hidden { display: none; }

.align-right, .right-align{ text-align: right; }

.align-left, .left-align{ text-align: left; }

.button-group{

	margin: 0px;

	display: inline-block;

	padding: 5px;

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-khtml-box-sizing:border-box;

	box-sizing:border-box;

}

.button-group > *:first-child {

	-webkit-border-top-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-moz-border-radius-topleft: 5px;

	-moz-border-radius-bottomleft: 5px;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.button-group > *:last-child {

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

}

.button-group > * {

	background-color: #fff;

	color: black;

	display: inline-block;

	margin: 0px;

	/*border: thin solid #ccc;*/

	max-height:35px;

	min-width: 25px;

	text-align: center;

	padding: 2px 5px 8px 5px;

	vertical-align: top;

	

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-khtml-box-sizing:border-box;

	box-sizing:border-box;

}

.button-group > a, .button-group > button, .button-group > input[type=submit], .button-group > input[type=reset]  {

	-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, #599bb3), color-stop(1, #408c99));

	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);

	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);

	background-color:#599bb3;

	border:1px solid #fff;

	margin: 0px;

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-khtml-box-sizing:border-box;

	box-sizing:border-box;

	color:#fff !important;

}

.button-group > a:hover, .button-group > button:hover, .button-group > input[type=submit]:hover, .button-group > input[type=reset]:hover, .button-group > .bg-active, .button:hover, .active:hover  {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));

	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);

	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);

	background-color:#408c99;

}

.form_element, .date {	
    width:95%;
}
/*
.form_element:focus, .date:focus { 

    outline: none;

    border-color: #9ecaed;

    box-shadow: 0 0 10px #9ecaed;

}

.label {		margin-top: 15px;}
*/
.red { color:#f00; }

.alert{

	border-top:#1A5384 solid 3px;

	border-bottom:#1A5384 solid 3px;

	padding: 8px;

	background-color:#9cf;

	color:#000;

	margin-bottom:10px;

	margin-top:10px;

}

.clear { clear:both; }

.full { width: 100%; }

.cell, #cell {	

	word-wrap:break-word;

	border:#ccc thin solid;

	vertical-align:top;

	padding: 5px;

    -o-border-radius:5px;

	-ms-border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

}

.tight {

	margin: 0px 0px 4px 0px;

	padding: 0px;

}

.center, align-center {	text-align: center;}

.curved {

	-o-border-radius:5px;

	-ms-border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	-khtml-border-radius:5px;

	border-radius:5px; 

}

.inline{ display: inline; }

.inline-block{ 

    display: inline-block;

	*zoom: 1;

	*display: inline;

}



.cbouter{

	width: 20px;

	height: 20px;

	display: inline-block;

	*zoom: 1;

	*display: inline;

	border: #888 5px double;

	cursor: pointer;

    overflow: hidden;

}

.cbinner{

    background: url("check.png") 50% 50% no-repeat;

    display: none;

	height: 20px;

}

.gridHead {

	border: 1px solid #28343b;

	background: #b5bdc8;

    background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 36%, #28343b 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));

    background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);

    background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);

    background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 36%,#28343b 100%);

    background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 36%,#28343b 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );

    color:#f7f7f7;

	padding: 10px;

	font-weight: bold;

	-o-box-sizing:border-box;

	-moz-box-sizing:border-box;

	-ms-box-sizing:border-box;

	-webkit-box-sizing:border-box;

	box-sizing:border-box;

}

.icon {

    background-image: url('afrisoft-icons.png');

    background-repeat: no-repeat;

    display: inline-block;

	width: 30px;

	height: 30px;

	text-indent: -9999px; 

    white-space: nowrap;

}

.icon:hover {

    opacity:0.4;

filter:alpha(opacity=40); /* For IE8 and earlier */


}

.afri-1 {	background-position: -30px 0px; }

.afri-2 {	background-position: -60px 0px; }

.afri-3 {	background-position: -90px 0px; }

.afri-4 {	background-position: -120px 0px; }

.afri-5 {	background-position: -150px 0px; }

.afri-6 {	background-position: -180px 0px; }

.afri-7 {	background-position: -210px 0px; }

.afri-8 {	background-position: -240px 0px; }

.afri-9 {	background-position: -270px 0px; }

.afri-10 {	background-position: -300px 0px; }

.afri-11 {	background-position: -330px 0px; }

.afri-12 {	background-position: -360px 0px; }

.afri-13 {	background-position: -390px 0px; }

.afri-14 {	background-position: -420px 0px; }

.afri-15 {	background-position: -450px 0px; }

.afri-16 {	background-position: -480px 0px; }

.afri-17 {	background-position: -510px 0px; }

.afri-18 {	background-position: -540px 0px; }

.afri-19 {	background-position: -570px 0px; }

.afri-20 {	background-position: -600px 0px; }

.afri-21 {	background-position: -630px 0px; }

.afri-22 {	background-position: -660px 0px; }

.afri-23 {	background-position: -690px 0px; }

.afri-24 {	background-position: -720px 0px; }

.afri-25 {	background-position: -750px 0px; }

.afri-26 {	background-position: -780px 0px; }

.afri-27 {	background-position: -810px 0px; }

.afri-28 {	background-position: -840px 0px; }

.afri-29 {	background-position: -870px 0px; }

.afri-30 {	background-position: -900px 0px; }

.afri-31 {	background-position: -930px 0px; }

.afri-32 {	background-position: -960px 0px; }

.afri-33 {	background-position: -990px 0px; }

.afri-34 {	background-position: -1020px 0px; }

.afri-35 {	background-position: -1050px 0px; }

.afri-36 {	background-position: -1080px 0px; }

.afri-37 {	background-position: -1110px 0px; }

.afri-38 {	background-position: -1140px 0px; }

.afri-39 {	background-position: -1170px 0px; }

.afri-40 {	background-position: -1200px 0px; }

.afri-41 {	background-position: -1230px 0px; }

.afri-42 {	background-position: -1260px 0px; }

.afri-43 {	background-position: -1290px 0px; }

.afri-44 {	background-position: -1320px 0px; }

.afri-45 {	background-position: -1350px 0px; }

.afri-46 {	background-position: -1380px 0px; }

.afri-47 {	background-position: -1410px 0px; }

.afri-48 {	background-position: -1440px 0px; }

.afri-49 {	background-position: -1470px 0px; }

.afri-50 {	background-position: -1500px 0px; }

.afri-51 {	background-position: -1530px 0px; }

.afri-52 {	background-position: -1560px 0px; }

.afri-53 {	background-position: -1590px 0px; }

.afri-54 {	background-position: -1620px 0px; }

.afri-55 {	background-position: -1650px 0px; }

.afri-56 {	background-position: -1680px 0px; }

.afri-57 {	background-position: -1710px 0px; }

.afri-58 {	background-position: -1740px 0px; }

.afri-59 {	background-position: -1770px 0px; }

.afri-60 {	background-position: -1800px 0px; }