@font-face {
  font-family: 'Ashkan';
  src: url('/theme/DefaultTheme/fonts/ashkan.woff') format('woff');
}
* {
	//border: 1px solid red;
	font-family: Ashkan, tahoma, Arial;
	font-size: 14px;
	-webkit-box-sizing: border-box;
   	   -moz-box-sizing: border-box;
		    box-sizing: border-box;
}
html {direction: rtl;}
body {
	padding: 0px;
	margin: 0px;
}
a, a:hover {text-decoration: none;}
.clear {clear: both;}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}
	.sidenav a  {
		display: block;
		padding: 8px 15px;
		text-decoration: none;
		font-size: 16px;
		color: #fff;
		transition: 0.3s;
		border-bottom: 1px solid gray;
		cursor: pointer;
	}
	.sidenav a:hover {
		color: #f1f1f1;
		padding-right: 20px;
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		left: 25px;
		font-size: 46px;
		margin-left: 50px;
		border: none;
	}
	.drobactive {
		background-color: green;
	}
	/*.dropdown-container {*/
	.sidenav div {
		display: none;
		background-color: #262626;
		padding-right: 20px;
	}
	.fa-caret-down {
		float: left;
		padding-left: 8px;
	}
















#holder1 { 
	width: 100%;
	height: 50px;
	background-color: #61B346;
}
	#bar1 {
		width: 100%;
		max-width: 1200px;
		height: 50px;
		margin: 0 auto;
	}
		#menu1 {
			float: right;
			height: 50px;
			color: #fff;
			padding: 0 20px;
			line-height: 50px;
		}
			#menu1 a {
				color: #fff;
				padding: 0 10px;
				font-size: 13px;
				//border: 1px solid red;
				line-height: 50px;
			}
			#menu1 a i {
				font-size:17px; 
				margin-left: 7px;
				//padding-top: 10px;
				//line-height: 50px;
				//border: 1px solid red;
				vertical-align: middle;
				line-height: 50px;
			}
		#social1 {
			float: left;
			height: 50px;
			color: #fff;
			padding: 0 20px;
			line-height: 50px;
		}
			#social1 a {
				color: #fff;
				padding: 0 5px;
				font-size: 14px;
			}
			#social1 a i {
				font-size:18px; 
				//margin-left: 7px;
			}

#holder2 {
	width: 100%;
	max-width: 1200px;
	height: 90px;
	margin: 0 auto;
	position: relative;
}
	#menu-trigger {
		display: none;
		width: 40px;
		height: 40px;
		//background: #999ea1 url('/theme/defaulttheme/images/menu.png') no-repeat 50% 50%;
		//background: #f5b169 url('/theme/defaulttheme/images/menu.png') no-repeat 50% 50%;
		//background-size: 60%;
		cursor: pointer;
		border-radius: 55px;
		-webkit-border-radius: 55px;
		-moz-border-radius: 55px;
		position: absolute;
		top: 20px;
		left: 10px;
		border: 1px solid #ffdab5;
	}
		#menu-trigger i {
			font-size:20px; 
			margin: 10px 11px;
			color: gray;
		}
	#logo {
		float: right;
		//display: inline-block;
		width: 240px;
		height: 90px;
		background: url('/theme/defaulttheme/images/logo.png') no-repeat 0 0;
		//background-size: contain;
		background-size: 100%;
	}
	#menu2 {
		float: right;
		//display: inline-block;
		//vertical-align: middle;
		height: 90px;
		padding: 25px 50px 0 0 ;
		//outline: 1px solid red;
	}
		#nav0, #nav0 ul {
			float: right;
		    list-style: none outside none;
		    margin: 0;
		    padding: 0;
		}
		#nav0 {
		    height: 38px;
		    position: relative;
		}
		#nav0 > li {
		    float: right;
		    height: 34px;
		    position: relative;
		    text-align: center;
		}
		#nav0 > li > a {
		    display: block;
			height: 34px;
			font-size: 13px;
			color: #424242;
			text-align: center;
			float: right;
			padding: 7px 0;
			margin: 0 10px;
			//border-left: 1px solid #d1d1d1; 
			border-bottom: 1px solid #f7c188; 
		}
		#nav0 > li:first-of-type > a {
			//width: 50px; 
		}
		#nav0 > li:last-of-type > a {
			border-left: none; 
		}
		#nav0 > li:hover > a, #nav0 > a:hover {
			color: #f09a3e;
			border-bottom: 1px solid #b0b0b0; 
		}
		/* submenu */
		#nav0 ul {
		    display: none;
		    position: absolute;
		    top: 100%;
		    right: -50%;
		    z-index: 10;
		    margin-top: 0px;
		    min-width: 180px;
		    padding: 25px 0 0 0;
		    box-shadow: 0 3px 8px gray;
		    -webkit-box-shadow: 0 3px 8px gray;  
		    -moz-box-shadow: 0 3px 8px gray; 
			background: #f09a3e url('/theme/defaulttheme/images/up-arrow.png') no-repeat 50% 0;
		}
		#nav0 li:hover > ul { display: block;}
		#nav0 ul li a {
			height: 35px;
		    border-bottom: 1px solid #ffc382;
		    border-top: 1px solid transparent;
		    color: #fff;
		    display: block;
		    font-size: 14px;
		    line-height: 20px;
		    padding: 6px 2px;
		    text-decoration: none;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		}
		#nav0 ul li:last-of-type a { border: none; }
		a.subs {
			background: url('/theme/defaulttheme/images/play-left.png') no-repeat 2px 50%;
		}
		#nav0 ul li a:hover {
		    background-color: #fab56b;
		}
			#nav0 ul li {
			    position: relative;
			}
			#nav0 ul ul {
			    display: none;
			    position: absolute;
				right: 100%;
				top: 0;
			}

#holder3 {
	width: 100%;
	height: 25vw;
	margin: 0;
	background: url('/files/template/qa.jpg') no-repeat 50% 50%;
	//background-size: cover;
	background-size: 100% 120%;
	position: relative;
}
	#holder3cover {
		width: 100%;
		height: 100%;
		//background-color: #36302a;
		background-color: #131c33;
		opacity: 0.5;
	}
	#holder3content {
		width: 100%;
		max-width: 1200px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index:2;
		margin: 0 auto;
		text-align: center;
		padding-top: 4vw;
	}
	#h3p1 {
		text-align: center;
		color: #fff;
		font-size: 30px;
		margin: 0;
		padding: 0;	
	}
	#h3p2 {
		text-align: center;
		color: #fff;
		font-size: 20px;
		margin: 15px 0 35px 0;
		//padding: 0;	
	}
	#h3b1 {
		background-color: #f09a3e;
		padding: 5px 20px;
		margin: 10px;
		color: #fff;
		transition: 0.3s;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: none;
		outline: none;
	}
	#h3b1:hover {
		background-color: #fff;
		color: #424242;
	}
	#h3b2 {
		background-color: #058fab;
		padding: 5px 20px;
		margin: 10px;
		color: #fff;
		transition: 0.3s;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: none;
		outline: none;
	}
	#h3b2:hover {
		background-color: #fff;
		color: #424242;
	}

#holder4 {
	width: 100%;
	max-width: 1200px;
	min-height: 320px;
	margin: 40px auto 0 auto;
	padding: 20px;
}
	#holder4 img {
		float: left;
		width: 44%;
		max-width: 550px;
		border: 3px solid #fff;
		-webkit-box-shadow: 0px 0px 4px #A6A6A6;  
		-moz-box-shadow: 0px 0px 4px #A6A6A6;  
		box-shadow: 0px 0px 4px #A6A6A6;
	}
	#hold4content {
		float: right;
		width: 54%;
		min-height: 280px;
		position: relative;
		overflow: auto;
	}
	#hold4content p {
		padding: 0;
		margin: 0;
		font-size: 14px;
	}
	#hold4content p span {
		color: #FF6623;
	}
	#hold4content a {
		float: left;
		padding: 3px 10px;
		margin: 10px 0;
		color: #fff;
		background-color: #FF6623;
		font-size: 15px;
	}



#holder5 {
	width: 100%;
	min-height: 320px;
	margin: 40px 0 0 0;
	background-color: #f7f4f0; 
}
	#holder5inside {
		width: 100%;
		max-width: 1200px;
		min-height: 320px;
		margin: 0 auto;
		padding: 40px 20px;
	}
	#hold5content {
		float: right;
		width: 54%;
		min-height: 280px;
		position: relative;
		overflow: auto;
	}
		#hold5content p {
			padding: 0;
			margin: 0;
			font-size: 13px;
		}
		#hold5content p span {
			color: #FF6623;
		}
		#hold5content i {
			font-size:16px; 
			margin-left: 6px; 
			color: #FF6623;
		}
		#hold5content a {
			float: left;
			padding: 3px 10px;
			margin: 10px 0;
			color: #fff;
			background-color: #FF6623;
			font-size: 15px;
		}
	#hold5accordion {
		float: left;
		width: 44%;
		max-width: 550px;
	}
		#hold5achead {
			font-size: 17px;
			color: #333c4e;
			padding: 0;
			margin: 0;
		}
		.accordion {
			background-color: #fff;
			color: #f09a3e;
			cursor: pointer;
			padding: 10px 40px;
			margin: 5px 0 0 0;
			width: 100%;
			text-align: right;
			border: none;
			outline: none;
			transition: 0.4s;
			position:relative;
		}
		.accordion:before {
			content: "\f067"; 
			font-family: FontAwesome;
			right: 10px;
			position:absolute;
			top: 30%;
		}
		.active, .accordion:hover {
			//background-color: #ccc;
		}
		.active:before {
			content: "\f068"; 
			font-family: FontAwesome;
			right: 10px;
			position:absolute;
			top: 30%;
		}
		.acpanel {
			padding: 0 18px;
			background-color: white;
			overflow: hidden;
			display: none;
		}

#holder6 {
	width: 100%;
	height: 25vw;
	//margin: 40px 0 0 0;
	background-color: #eee; 
	display: table;
}
	#holder6inside {
		display: table-row;
	}
	.holder6item {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center; 
		background-size: 120% 100%;
		-moz-transition: all .7s;
		-webkit-transition: all .7s;
		transition: all .7s;
	}
	.holder6item:hover {
		background-size: 130% 110%;
	}
		.holder6item  h3 {
			font-size: 18px;
			color: #fff;
		}
		.holder6item  hr {
			width: 10%;
			height: 2px;
			background-color: #f09a3e;
			border: none;
		}
		.holder6item  p {
			color: #fff;
		}


#holder9 {
	width: 100%;
	min-height: 300px;
	background-color: #F7F7F7;
}
	#hold9body {
		width: 100%;
		max-width: 1200px;
		min-height: 300px;
		margin: 0 auto;
		padding: 20px 10px;
		//background-color: #F0F0F0;
		background-color: #E6E6E6;
	}
		.postitem2 {
			//float: right;
			display: inline-block;
			vertical-align: top;
			width: 22.5%;
			background-color: #fff;
			padding: 12px;
			margin: 1%;
			text-align: center;
		}
		.postitem2 img {
			width: 100%;
		}
		.postitem2 p:first-of-type {
			line-height: 20px;
			padding: 0;
			margin: 0;
			color: #000;
			//font-size: 14px;
		}
		.postitem2 p:last-of-type {
			color: #858585;
			line-height: 18px;
			//font-size: 13px;
			padding: 0;
			margin: 10px 0 15px 0;
			
		}
		.postitem2 span {
			color: #fff;
			//font-size: 11px;
			background-color: #FD6218;
			padding: 2px 10px;
		}


#holder11 {
	width: 100%;
	min-height: 260px;
	background-color: #333c4e;
}
	#hold11inside {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
		background: url('/theme/defaulttheme/images/footer-logo.png') no-repeat 10% 50%;
	}
	.hold11item {
		//float: right;
		display: inline-block;
		vertical-align: top;
		width: 22%;
		margin-left: 2%;
		//background-color: pink;
	}
	.h11itemhead {
		width: 100%;
		height: 37px;
		border-bottom: 1px solid #4B545E;
		padding: 0;
	}
		.h11itemhead span {
			float: right;
			height: 37px;
			line-height: 37px;
			color: #fff;
			border-bottom: 2px solid #26A4D9;
			padding: 0 10px;
		}
	.h11itembody {
		width: 100%;
		//min-height: 200px;
		color: #fff;
		padding: 15px 5px;
	}
	.h11itembody ul {
		text-decoration: rtl;
	}
	.h11itembody ul li {
		text-decoration: rtl;
		padding: 0;
		margin: 0;
		line-height: 25px;
	}
	.h11itembody ul li i {
		//float: right;
	}
	.h11itembody a {
		color: #fff;
	}
	#h11contact {
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#h11contact li i {
		margin-left: 6px;
	}

#holder13 {
	width: 100%;
	//max-width: 1200px;
	//min-height: 60px;
	margin: 0 auto;
	padding: 5px;
	background-color: #002147;
}
	#holder13 p {
		text-align: center;
		color: #fff;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	
	#powerby {
		text-align: center;
		color: #888888;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}
	#powerby a {
		color: #888888;
	}







/*+++++++++++++++++++++++ Sign Up +++++++++++++++++++*/

	#signupright {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		padding: 20px;
		text-align: left;
		direction: ltr;
	}
	#signupleft {
		display: inline-block;
		vertical-align: top;
		width: 55%;
		padding: 20px;
		text-align: left;
		direction: ltr;
	}
	.frcap{
		width: 30%;
		display: inline-block;
		vertical-align: top;
		//border: 1px solid red;
		margin-top: 5px;
	}
	.frfld{
		width: 60%;
		display: inline-block;
		vertical-align: top;
		margin-top: 5px;
	}
		.frfld input:focus {  
			outline: none;
		}
	#signupbtn {
		padding: 3px 40px;
	}


/* 		.suf {
			width: 47%;
			margin-right: 2%;
			float: right;
			font-size: 17px;
			padding-top: 8px;
			text-align: right;
		}
		.suf input {
			padding: 6px;
		}
			.suf p{
				font-size: 12px;
				color: gray;
				padding: 0;
				margin: 0;
				//line-height: 1px;
			}
 */			
			.star {
				color: red;
				text-size: 18px;
			}
/* 		.suf2 {
			width: 98%;
			margin-right: 2%;
			clear: both;
			font-size: 17px;
			padding-top: 8px;
			text-align: right;
		}
			.suf2 label{
				margin-right: 20px;
				cursor: pointer;
			}
			.suf2 p{
				font-size: 12px;
				color: gray;
				padding: 0;
				margin: 0;
				//line-height: 1px;
			}
 */

	#stAdd {
		width: 40%;
		max-width: 250px;
		height: 40px;
		//float: right;
		border: none;
		color: #fff;
		background-color: #428505;
		font-size: 18px;			
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	#stCancel {
		width: 30%;
		max-width: 200px;
		height: 40px;
		//float: right;
		border: none;
		color: #fff;
		background-color: #9A9A9A;
		font-size: 18px;			
		cursor: pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	#sufhead {
		//background: #fff url('/theme/defaulttheme/images/add-user.png') no-repeat 50% 50%;
		font-size: 20px;
		text-align: center;
		padding: -10px;
		margin: 10px 0 0 0;
	}
	#signup_fr {
		width: 95%;
		margin: 2%;
	}	
	.suf {
		width: 48%;
		margin-right: 2%;
		float: right;
		font-size: 17px;
		padding-top: 8px;
	}
	#signup_fr input:not([type=checkbox]):not([type=radio]){
		width: 100%;
		padding: 5px;
		font-size: 17px;
		outline: none;
	}
	#signup_fr select{
		//width: 30%;
		padding: 5px;
		font-size: 17px;
	}
	#signup_fr input[name="fname"] {
		//width: 67%;
	}

	.suf3 {
		max-width: 400px;
		margin: 0 auto;
	}

/*+++++++++++++++++++++++ MemArea +++++++++++++++++++*/
	#maRight {
		display: inline-block;
		vertical-align: top;
		width: 23%;
		//padding: 10px;
	}
	#maLeft {
		display: inline-block;
		vertical-align: top;
		width: 75%;
		//padding: 10px;
		margin-right: 1%;
	}
	.maRItem {
		width: 95%;
		display: block;
		margin: 5px auto;
		padding: 5px 10px;
		font-size: 15px;
		color: #fff;
		background-color: #217aa3;
	}
	.maRItemSelect {
		background-color: #0f5a7d;
		border-right: 5px solid #000;
	}

/*+++++++++++++++++++++++ All Page +++++++++++++++++++*/

#allpage {
	width: 100%;
	max-width: 1200px;
	min-height: 500px;
	margin: 0 auto;
	padding: 20px;
	//outline: 1px solid gray;
}
	#allpright {
		display: inline-block;
		vertical-align: top;
		width: 70%;
		margin-left: 2%;
		padding: 10px;
		//outline: 1px solid gray;
	}
	#allpleft {
		display: inline-block;
		vertical-align: top;
		width: 27%;
		margin: 0;
		padding: 10px;
		//outline: 1px solid gray;
	}
		.brItem {
			display: inline-block;
			width: 98%;
			margin: 0 1%;
			padding: 8px 1px;
			border-bottom: 1px solid #adacac;
			font-size: 13px;
			//color: #ed7802;
			color: #424242;
			//border: 1px solid red;
		}
			.brItem:last-of-type {
				border: none;
			}
			.brItem img {
				float: right;
				width: 35%;
				margin: 0 0 0 5px;
				//clear: left;
			}
			.brItem p {
				//clear: left;
			}
























/*+++++++++++++++++++++++ Post +++++++++++++++++++*/
	#ptitle {
		font-size: 20px;
		color: #D2360F;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#pdate {
		font-size: 13px;
		color: gray;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#pdetail {
		font-size: 14px;
		margin: 0 0 10px 0;
		padding: 0;
	}
	#pimg {
		max-width: 200px;
		float: left;
		padding: 2px;
		margin: 0 10px 10px 0;
		border: 1px solid gray;
	}
	#pcontent {
		width: 100%;
		margin: 10px 0;
	}

	.sp_img_multi {
		background-color: #4A4A4A;
		padding: 10px;
		overflow: auto;
	}
	.sp_img_multi_item {
		float: left;
		margin: 2px;
		padding: 4px;
	}
	.sp_img_multi_small {
		float: left;
		margin: 5px;
		padding: 3px;
		border: 3px solid gray;
	}
	.sp_media {
		margin: 10px auto 10 auto;
		padding: 10px;
		text-align: center;
	}
	.sp_mediadetail {
		font-size: 18px;
		color: gray;
	}
	#related {
		width: 100%;
	}
	#related a {
		float: right;
		width: 98%;
		margin: 2px 2% 2px 0;
		background: url('/theme/defaulttheme/images/External_link2.png') no-repeat 100% 50%;
		border-bottom: 1px solid #E1E1E1;
		padding: 0px 25px 0 0;
		color: #3E3E3E;
	}













/*+++++++++++++++++++++++ General +++++++++++++++++++*/


/* Modal */
#modal {
    display: none;
    position: fixed;
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
	#modal-content {
		position: relative;
	    background-color: #fefefe;
	    //background-color: red;
	    margin: 5% auto; 
	    padding: 0;
	    border: 1px solid #888;
	    width: 60%;
	    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	    -webkit-animation-name: animatetop;
	    -webkit-animation-duration: 0.4s;
	    animation-name: animatetop;
	    animation-duration: 0.4s
	}
		@-webkit-keyframes animatetop {
		    from {top: -300px; opacity: 0}
		    to {top: 0; opacity: 1}
		}
		@keyframes animatetop {
		    from {top: -300px; opacity: 0}
		    to {top: 0; opacity: 1}
		}
	#closemodal {
	    color: #aaa;
	    float: right;
	    font-size: 28px;
	    font-weight: bold;
	}
	#closemodal:hover,
	#closemodal:focus {
	    color: black;
	    text-decoration: none;
	    cursor: pointer;
	}
	#modal-header {
		width: 100%;
		border: none;
	    padding: 2px 16px;
	    background-color: #5cb85c;
	    color: white;
	    text-align: center;
	    font-size: 16px;
	}
	#modal-body {padding: 2px 16px;}
	#modal-footer {
		width: 100%;
		padding: 2px 16px;
	    background-color: #5cb85c;
	    color: white;
	    text-align: center;
	    font-size: 16px;
	}
	
	
	
	

#spinnerrrr
{
    position: fixed;
    left: 46%;
    top: 0px;
    width: 100px;
    height: 30px;
    z-index: 9999;
    background: url('/theme/defaulttheme/images/PageLoading.gif') 2px 0% no-repeat #FFD900;
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 12px;
	padding: 2px 2px 2px 40px;
	text-align:center;
	direction:rtl;
}

#spinner
{
    position: fixed;
    width: 180px;
    height: 60px;
	top: 0;
	left: 50%;
	margin-left: -90px; /* Negative half of width. */    
	z-index: 9999;
    background: url(/core/admTheme/images/spinner.gif) center right no-repeat #FFD900;
	font-size: 13px;
	padding: 2px 53px 2px 0px;
	text-align:right;
	direction:rtl;
	-moz-box-shadow:    0px 2px 5px 0px #d2d2d2;
	-webkit-box-shadow: 0px 2px 5px 0px #d2d2d2;
	box-shadow:         0px 2px 5px 0px #d2d2d2;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}	


P.success {
	display:block;
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 16px;
	color:#FFFFFF;
	background-color: #00A435;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:5px;
	max-width: 400px;
	direction: rtl;
}
P.notice {
	display:block;
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 16px;
	color:#FFFFFF;
	background-color: #FF7213;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:5px;
	max-width: 400px;
	direction: rtl;
}

P.error {
	display:block;
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 16px;
	color:#FFFFFF;
	background-color: #FF1515;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:5px;
	max-width: 400px;
	direction: rtl;
}
P.question {
	display:block;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 16px;
	//color:#FFFFFF;
	//background-color: #FF1515;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding:5px;
	max-width: 400px;
	direction: rtl;
}

p.result_title {
	//padding: 0px;
    margin: 10px 30px 6px 0px; 
	font-size: 16px;
	color: red;
}
/*-----------------------------------------------------------------------*/
[openurl], [modal_url]{
	cursor: pointer;
}
.row {
	display: table-row;
}
.col {
	border: 1px solid black;
	display: table-cell;
}
/*-------Button-------------------------*/
button.add {
	//float: left;
	background-image: url('/core/admtheme/images/add.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.add:hover {
	color:#ffffff;
	background-color: green;
}
button.edit {
	background-image: url('/core/admtheme/images/edit.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.edit:hover {
	color:#ffffff;
	background-color: blue;
}
button.del {
	background-image: url('/core/admtheme/images/error.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.del:hover {
	color:#ffffff;
	background-color: red;
}
button.save {
	background-image: url('/core/admtheme/images/diskette.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.save:hover {
	color:#ffffff;
	background-color: blue;
}
button.cancel {
	background-image: url('/core/admtheme/images/cancel.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.cancel:hover {
	color:#ffffff;
	background-color: #FF3300;
}
button.done {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.done:hover {
	color:#ffffff;
	background-color: #4E9D2F;
}
button.yes {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.yes:hover {
	color:#ffffff;
	background-color: #4E9D2F;
}
button.ok, button.ok2 {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 3px 28px 3px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	border: 1px solid gray;
	margin: 3px 8px;
	cursor: pointer;
}
button.ok:hover, button.ok2:hover {
	color:#ffffff;
	background-color: #4E9D2F;
}



.pagenumber{
	float: right;
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 15px;
	background-color: #E2E2E2;
	color: #39730B;
	margin-right: 4px;
	padding: 2px 8px;
	text-decoration: none;
	cursor: pointer;	
	//border: 1px solid #3F7C0C;
	//border: 1px solid gray;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pagenumber:hover, .pagenumber:active
{
	//background-color: #CDCDCD;
	background-color: #fff;
	color: red;
	text-decoration: none;
    -webkit-box-shadow: 0px 0px 1px #3C5979;  
    -moz-box-shadow: 0px 0px 1px #3C5979;  
    box-shadow: 0px 0px 1px #3C5979;
}
.pagenumberCurrent
{
	float: right;
	margin-right: 4px;
	//font-weight:bold;
	color:#000000;
	background-color:#ffffff;
	border: 1px solid #CDCDCD;
	padding: 2px 8px;
	text-decoration:none;
	//font-family: DroidNaskh,Tahoma, Arial;
	//font-size: 14px;
}

a.add {
	background-image: url('/core/admtheme/images/add.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.add:hover {
	color:#ffffff;
	background-color: green;
	text-decoration: none;
}
a.edit {
	background-image: url('/core/admtheme/images/edit.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.edit:hover {
	color:#ffffff;
	background-color: blue;
	text-decoration: none;
}
a.del {
	background-image: url('/core/admtheme/images/error.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.del:hover {
	color:#ffffff;
	background-color: red;
	text-decoration: none;
}
a.save {
	background-image: url('/core/admtheme/images/diskette.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.save:hover {
	color:#ffffff;
	background-color: blue;
	text-decoration: none;
}
a.cancel {
	background-image: url('/core/admtheme/images/cancel.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.cancel:hover {
	color:#ffffff;
	background-color: #FF3300;
	text-decoration: none;
}
a.done {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.done:hover {
	color:#ffffff;
	background-color: #4E9D2F;
	text-decoration: none;
}
a.yes {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.yes:hover {
	color:#ffffff;
	background-color: #4E9D2F;
	text-decoration: none;
}
a.ok, button.ok2 {
	background-image: url('/core/admtheme/images/done.png');
	background-repeat: no-repeat;	
	background-position: 95%;
	padding: 2px 28px 2px 3px;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 13px;
	border: 1px solid gray;
	margin: 2px 4px;
	cursor: pointer;
	text-decoration: none;
}
a.ok:hover, button.ok2:hover {
	color:#ffffff;
	background-color: #4E9D2F;
	text-decoration: none;
}

/*-------Table-------------------------*/
Table.Record_1 {
	//font-family: DroidNaskh, Tahoma, Arial;
	font-size: 16px;
	Border: 1px solid #808080;
	//border-collapse:collapse;
	padding: 0px;
	text-align:center;
	direction:rtl;
    margin-left:auto; 
    margin-right:auto;
    width:97%; 
}
Table.Record_1 td {
	//border:1px solid #808080;
}
Table.Record_1 th {
	font-weight: normal;
	background-color: #A7C942;
}
.Record_1_tr_odd {
	background-color: #F8F8F8;
}
.Record_1_tr_even {
	background-color: #E8E8E8;
}
.Record_1_tr_over {
	background-color: #CCCCCC;
}
.Record_1_tr_select {
	background-color: #FFD900;
}
Table.Record_1_sub {
	font-size: 15px;
	border-top: 1px solid pink;
	border-right: 1px solid pink;
	border-bottom: 1px solid pink;
	border-left: 0px;
	border-collapse:collapse;
	padding: 1px;
	text-align:center;
	direction:rtl;
    width:100%; 
	position:relative;
	
}
Table.Record_1_sub td {
	border:0px solid #98bf21;
}
Table.Record_1_sub th {
	font-weight: normal;
	background-color: pink;
}

/*-------Form-------------------------*/
Table.Form_Table_1 {
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	padding: 0px;
	margin: 10px auto;
	Border: 1px solid #808080;
	direction:rtl;
}
Table.Form_Table_1 th {
	height:40px;
	text-align:center;
	font-size: 15px;
	font-weight: normal;
	background-color: #FFC47B;
}
Table.Form_Table_1 td {
	padding-right: 4px;
	text-align:right;
}
td.T1_footer {
	background-color: #FFC47B;
}
Table.Form_Table_1 input[type="text"],Table.Form_Table_1 textarea {
	width: 99%;
}
Table.Form_Table_2 {
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	padding: 0px;
	Border: 0px;
	direction: rtl;
}
Table.Form_Table_2 td {
	padding-right: 4px;
	text-align:right;
	border-bottom: 1px solid #D3D3D3;
	vertical-align: top;
}
Table.Form_Table_2 td.leftcol {
	border-right: 1px solid #D3D3D3;
}
Table.Form_Table_2 th {
	background-color: #E4E4E4;
}
Table.Form_Table_3 {
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
	padding: 0px;
	Border: 0px;
	direction: rtl;
}
/*-------FeildSet-------------------------*/
.Form_option {
	margin: 10px 5px;
	padding: 10px; 
	border: 1px solid #A7C942;
	background-color: #F5F5F5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.Form_option legend{
	padding: 0px 5px 0px 5px; 
	font-size: 15px;
	//border: 1px solid #A7C942;
	background-color: #A7C942;
	//color: #fff;
	min-width: 120px;
	padding-right: 6px;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*-------Form-------------------------*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] { -moz-appearance:textfield; }

input, textarea {
	padding: 2px;
	margin: 2px;
	border: solid 1px gray;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
}
input[type="text"], input[type=number], textarea {
	width: 99%;
}
select {
	padding: 1px;
	margin: 3px;
	border: solid 1px gray;
	//font-family: DroidNaskh, Tahoma, Arial;
	//font-size: 14px;
}
input:focus, textarea:focus, select:focus {  
    -webkit-box-shadow: 0px 0px 4px gray;  
    -moz-box-shadow: 0px 0px 4px gray;  
    box-shadow: 0px 0px 4px gray; 
    background-color: #FEF4D8;
}
input[type=submit]{
	width: 150px;
	padding: 0px 15px 0px 15px;
}  
input[type=submit]:hover {
	background-color: gray;
	color: #ffffff;
}  
input[type=checkbox], input[type=radio]{
	width: 20px;
}
/*-------Head and Foot-------------------------*/
.Record_1_Head {
	margin: 5px auto 1px auto;
	text-align: left;
	width: 97%;
}
.Record_1_foot {
	margin: 1px auto 5px auto;
	text-align: left;
	width: 97%;
}
.Record_1_Head_tbl {
	padding: 0px;
	direction:rtl;
    margin-left:auto; 
    margin-right:auto;
    width:100%; 
}
td.button_holder {
	text-align:left;
}	
td.jump_to_page {
	text-align:right;
	//font-family: DroidNaskh,Tahoma, Arial;
	//font-size: 13px;
	direction:rtl;
}	
td.jump_to_page input {
	padding: 0px;
	margin: 0px;
}