@charset utf-8;

@font-face {
    font-family: "AR";
    font-style: normal;
    src: url("../fonts/DroidKufiWeb.woff") format("woff"), url("../fonts/DroidKufiWeb.ttf") format("truetype");
}
@font-face {
    font-family: "AR";
    font-style: normal;
    src: url("../fonts/DroidKufiWeb.svg#AR") format("svg"), url("../fonts/DroidKufiWeb.ttf") format("truetype");
}


html, body {
  /*  height:100%;*/
  margin:0px;
	padding:0px;
	
  /*  position: relative;*/
    background: #fff8d1;
	    min-height: 100%;
/*overflow-y:scroll;*/
font-family:"aR";
		
}

#newImage{
	width:100%;
	height:auto;
}
body{
margin:0px;

  min-height: 100%;
	direction:rtl;
font-family:"aR";
	font-size:12px;
	height:100%;
	overflow:visible;
font-weight:bold;
	/**background:url(images/yBack.png) repeat fixed;*/
	
/*	background:url(../images/yback.jpg) repeat fixed;*/
/*background-color:#000;
	background-attachment:fixed;
*/
  background:url(../images/bodyGBack.png) repeat-x;
color:#000;

}
#top{
	/*background-color:#000;*/
	background:url(../images/backGoldTopRepeat.jpg)repeat-x;
	width:100%;
	height:194px;
	
}
#logo{
		background:url(../images/interface/Untitled-1.gif) no-repeat;
		width:600px;
		float:right;
		height:200px;
		display:block;
		
}
#menus{
		height:38px;
	width:100%;
	/*float:right;*/
/*background:#e6e7e9;
/*  background: url("../images/shbutton.png") repeat-x scroll center center #FFFFFF;*/
    height: 38px;
    margin-top: 142px;
    position: absolute;
    width: 70%;
}

#top-content{
	width:1000px;
	height:194px;
/*	background:url(../images/newtopBack.png) no-repeat;*/
	/*	border:1px solid #FC3;*/
	background:url(../images/backGGoldTop.jpg) no-repeat;

	margin:0 auto;
}
#menus-content{
		 margin: 0 auto;
    width: 600px;

}
#bottom{
/*	background:#f4d000;*/
	  background-color: #942528;
    background-size: contain;
    color: #FFFFFF;
    font-family: aR,arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 163px;
    margin-top: 40px;
    width: 100%;
	
	
}
#bottom-content{
	width:1000px;
/*	border:1px solid #FC3;*/
	height:143px;
	margin:0 auto;
}
#body-content{
	margin:0 auto;
	width:1000px;
	min-height:500px;
	height:auto;
	/*background:#F00;
	/*background:url(images/transBack.png) repeat ;*/

}

a{
	color:#000;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #919191;
}

.home{
	background:url(../images/home.png) right no-repeat;

}
#memeber{
	position:absolute;
	background:url(../images/mSign.png) no-repeat;
	width:179px;
	height:129px;
	float:right;
	margin-right:720px;
	top:26px;
	/*border:2px solid white;*/
}

.socials{
	height:150px;
	direction:rtl;
/*	display:inline-block;*/
/*	background:#CCC;*/
	
}

#logoM{
	background:url(../images/logoM2.gif) no-repeat;
	position:absolute;
	top:10px;
	width:135px;
	height:136px;
	float:right;
	margin-right:12px;
	margin-top:10px;
	
	
}
#Mid{

	float:right;
	width:660px;
	height:200px;
	margin-right:0px;
	right:0px;
	display:block;
	/*	margin:0 auto;*/
	-webkit-border-radius: 10px;
	
border-radius: 10px;
margin-top:10px;
-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;
	}

#learningDiv
{
	margin-top:8px;
/*	background:#CCC;*/
	width:280px;
	border-radius:10px;
	
	height:150px;
	margin:2px 0px;
	/*margin:0 auto;*/
	margin-top:2px;
	margin-right:15px;
float:right;
border:2px solid #FF0;
/*	background:url(../images/backMNav.jpg) repeat-y;
	background-size:contain;*/

}

#memberDiv
{
margin-top:8px;

	position:relative;
	width:300px;
	border-radius:10px;
	float:right;
	height:150px;
	margin:2px 10px;
	/*margin:0 auto;*/
	margin-top:2px;
	border:2px solid #FF0;
	
	
}

#StudentFollow{
	/*	margin-top:8px;
/*	background:#CCC;*/
/*	position:relative;
	width:280px;
	border-radius:10px;
	float:right;
	height:150px;
		margin:2px 10px;
	/*margin:0 auto;*/
/*	margin-top:2px;
	
	border:2px solid #FF0;*/
	float:right;
	width:300px;
	height:200px;
	/*background:url(../images/nloginForm.png) repeat-y;*/
	
	
margin-right:10px;
	-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;

}
#StudentFollow input[type="text"]{
	height:26px;
	background:#FFF;
	border:2px solid #333;
	margin-right:10px;
	font-weight:bold;
}
#StudentFollow select{
	height:26px;
	background:#FFF;
	border:2px solid #333;
	margin-right:10px;
	min-width:125px;
}

#StudentFollow label{
	margin-right:10px;
}
/***************************************************************************************************/
#StudentFollow input[type="button"]{
	
background: #ff3600;
background: -moz-linear-gradient(left,  #ff3600 0%, #d12c00 50%, #ff3600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3600), color-stop(50%,#d12c00), color-stop(100%,#ff3600));
background: -webkit-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -o-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -ms-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: linear-gradient(to right,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#ff3600',GradientType=1 );

	border: 0;
	color: #eee;
	cursor: pointer;
/*	/float: left;*/
	font: 16px arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	margin: 4px 4px 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 84px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
/*** SEaRCH BUTTON HOVER ***/
#StudentFollow input[type="button"]:hover {
	background: #aba5ba;
background: -moz-linear-gradient(left,  #d12c00 0%, #ff3600 50%, #d12c00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d12c00), color-stop(50%,#ff3600), color-stop(100%,#d12c00));
background: -webkit-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -o-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -ms-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: linear-gradient(to right,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#aba5ba',GradientType=1 );
}

#StudentFollow input[type="button"]:active {
	background: #b52600;
background: -moz-linear-gradient(left,  #b52600 0%, #c53a15 50%, #b52600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52600), color-stop(50%,#c53a15), color-stop(100%,#b52600));
background: -webkit-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -o-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -ms-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: linear-gradient(to right,  #b52600 0%,#c53a15 50%,#b52600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52600', endColorstr='#b52600',GradientType=1 );
}

/****************************************************************************************************/
.popup{
  position:fixed;
  left:50%;
	height:150px;
top:50%;
display:none;
  z-index:1000000;
}

.popup .wrapper{
		/*background: url(../images/oload.gif) no-repeat;*/

  position:relative; 
  left:-50%;
top:-50%;
  /*popup-styles*/
  background-color:#fff;
  padding:10px;
  border:solid 2px #444;
  border-radius:10px;
	height:120px;
  width:150px;
}
#News-Nav{
	/*background:url(../images/nloginForm.png) repeat-y;
	background-size:contain;*/
	float:right;
	width:660px;
	height:260px;
	margin-right:0px;
	right:0px;
	display:block;
	-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
	-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;
}
#members-login{
	float:right;
	width:300px;
	height:260px;
	/*background:url(../images/nloginForm.png) repeat-y;*/
	
	
margin-right:10px;
	-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;
}

#Menus-Nav{
	width:220px;
/*	background:url(../images/backMNav.jpg) repeat-y;*/
	height:250px;
	float:right;
	margin-right:2px;
	margin-top:5px;
/*	position:relative;*/
	-webkit-border-radius: 10px;
border-radius: 10px;
	-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;
}
.menuN{
	
		 vertical-align: middle;
	width:200px;
	background:url(../images/nBackMenuElm.png) repeat-y;

	background-size:contain;
	color:#000;
	border:1px #FFFFFF solid;
	border-radius:5px;
	height:auto;
	min-height:45px;
	text-shadow: 1px 1px 2px #FFFFFF;
	    
	margin:0 auto;
	margin-top:5px;
	cursor:pointer;
	
}
.menuVis{
	width:200px;
	/*background:url(../images/nmenuhover.jpg)  repeat-y;*/
	background:#F00;
	color:#FFF;
	border:2px #FFFFFF solid;
	border-radius:5px;
	height:auto;
	text-shadow: 1px 1px 2px #7a7a7a;
	min-height:45px;
	margin:0 auto;
	margin-top:5px;
		cursor:pointer;
	-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
	}
#Cont-Nav {
	width:420px;
	background:transparent;
	height:260px;
	margin-right:5px;
	float:right;
/*	position:relative;*/
}
.Cont-Image{
/*	background:#669;*/
	display:none;
	position:absolute;width:auto;height:auto;
}
.co-img{
	margin:10px auto;
	margin-top:5px;
	width:420px;
	height:240px;
	border-radius:10px;
	display:block;
	border:2px solid #FFF;
	
}
	
/* Dropdowns Menu */
.menuUL {
	background-color:transparent;
	height:24px;
	margin: 0;
	padding: 0;
	list-style: none;
	position:relative;
	z-index:1000;
	color:#ca3338;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}
.menuUL li ul {
	margin: 0;
	background: #D2DDE4;
	padding: 0;
	list-style: none;
}
.menuUL li {
	float: right;
	margin: 0;
	padding: 0;
	color:#ca3338;

	
	position: relative;
}
.menuUL li li {
	float: right;
	width: 175px;
	margin: 0;
	padding: 0;
}
.menuUL li a, .menuUL li a:link, .menuUL li a:visited {
	font: bold 13px Tahoma;
	color:#FFF;
	text-decoration: none;
	background: transparent;
	display: block;
	padding: 5px 12px;
		height:30px;
}
.menuUL li a:hover, .menuUL li a:active {
	color:#FFF;
	display: block;
	background:#f92b32;
	padding: 5px 12px;
}
.menuUL li li a, .menuUL li li a:link, .menuUL li li a:visited {
	background: #000;
	color:#ca3338;
	width: 175px;
	margin: 0px;
	padding: 5px 12px;
	border-top: 1px solid #F5F9FB;
}
.menuUL li li a:hover, .menuUL li li a:active {
	color: #0f02c3;
	background: #f92b32;
}
.menuUL li ul {
	position: absolute;
	width: 199px;
	display: none;
	right: 0;
}
.menuUL li:hover ul {
	display: block;
	/*margin-top:10px;*/
}

.headDiv{
	background:#191919;
	width:96%;
	margin:4px;
	margin-bottom:0px;/*	/border:#999 solid 1px;*/
	height:50px;
-webkit-border-radius: 10px;
border-bottom:#333;
border-radius: 10px;


text-align:center;
vertical-align: middle;
/*-moz-box-shadow: 0 16px 15px 0 #333;
-webkit-box-shadow: 0 16px 15px 0 #333;
box-shadow: 0 16px 15px 0 #333;*/
-moz-box-shadow: 0 4px 10px 1px #000;
-webkit-box-shadow: 0 4px 10px 1px #000;
box-shadow: 0 4px 10px 1px #000;
}
.ttitle{
	display:inline-block;
	margin:auto;
	margin-top:8px;
	font-size:16px;
	color:#FFF;
	

}
.headShadow{
	/*	background:url(../images/shadow.png) no-repeat;*/
		background-size:cover;*/
			width:85%;
	margin:0 auto;
	bottom: -11px;
    height: 11px;
}

#members-login label{
	display:inline-block;
	width:100px;
	margin-top:20px;
}
#members-login #resultText{
	background:#F69;
	height:20px;
width:230px;
	border-radius:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color:#FFF;
	font-weight:bold;
	min-height:30px;
	height:auto;
	margin-top:5px;
	padding-right:20px;
/*	width:95%;*/
margin-right:20px;
	display:none;
}
#members-login input[type="button"]{
background: #ff3600;
background: -moz-linear-gradient(left,  #ff3600 0%, #d12c00 50%, #ff3600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3600), color-stop(50%,#d12c00), color-stop(100%,#ff3600));
background: -webkit-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -o-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -ms-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: linear-gradient(to right,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#ff3600',GradientType=1 );

	border: 0;
	color: #eee;
	cursor: pointer;
/*	/float: left;*/
	font: 16px arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	margin: 4px 4px 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 84px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);

}
/*** SEaRCH BUTTON HOVER ***/
#members-login input[type="button"]:hover {
	background: #aba5ba;
background: -moz-linear-gradient(left,  #d12c00 0%, #ff3600 50%, #d12c00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d12c00), color-stop(50%,#ff3600), color-stop(100%,#d12c00));
background: -webkit-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -o-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -ms-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: linear-gradient(to right,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#aba5ba',GradientType=1 );
}

#members-login input[type="button"]:active {
	background: #b52600;
background: -moz-linear-gradient(left,  #b52600 0%, #c53a15 50%, #b52600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52600), color-stop(50%,#c53a15), color-stop(100%,#b52600));
background: -webkit-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -o-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -ms-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: linear-gradient(to right,  #b52600 0%,#c53a15 50%,#b52600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52600', endColorstr='#b52600',GradientType=1 );
}
#members-login input[type="text"]
{
	height:30px;
	background:url(../images/BackTextInp.png) repeat-x;
/*	border:1px solid #00F;*/
background:#FFF;
	border:2px solid #333;
	
	
}
#members-login input[type="password"]
{
	height:30px;
	background:url(../images/BackTextInp.png) repeat-x;
/*	border:1px solid #00F;*/
background:#FFF;
	border:2px solid #333;
	
	
}

#Footer{
	width:1000px;
	/*background:#00C;*/
	height:80px;
	display:block;
	float:right;
	margin:0 auto;
	margin-top:10px;
}
#RFooter{
	width:38px;
	height:61px;
	background:url(../images/RFooter.png) no-repeat;
	float:right;
/*	margin-top:10px;*/
}
#MFooter{
	width:880px;
	background:url(../images/MFooter.png) repeat-x;
/*	background-size:contain;*/
	height:64px;
	float:right;
/*	margin-top:46px;*/
	
}
#LFooter{
	width:76px;
	background:url(../images/LFooter.png) no-repeat;
	height:80px;
	float:right;
/*	margin-top:46px;*/
}
#WhiteTransDiv
{
/*	background:url(../images/back-white.png) repeat;*/
	position:relative;
		z-index:1;

/*	opacity:0.8:*/
	border:solid 2px white;
	border-radius:10px;
	margin:0 auto;
	margin-top:10px;
	padding-bottom:10px;
	width:880px;
	display:block;
	min-height:100px;
	
	-moz-box-shadow: 0px 0px 10px 1px #000;
-webkit-box-shadow: 0px 0px 10px 1px #000;
box-shadow: 0px 0px 10px 1px #000;
margin-top:100px;	
overflow:auto;
}
#WhiteTransDiv img{
/*	margin:10px;*/
/*width:100px;
	height:100px;
/*	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
cursor:pointer;
border:#999 solid 2px;
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 
-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
	
}
#WhiteTransDiv img:hover{
	
cursor:pointer;
/*border:#ca3338 solid 2px;*/
	
}

#MidBackLogo{
	background:url(../images/sRotlogoCom.png) no-repeat;

	z-index:1;
	
	float:left;
	left:180px;
	top:140px;
	opacity:0.8;

	margin-top:120px;
	position:fixed;
	
	width:120px;
	height:120px;
}


.nav{
			opacity:1;
	margin:0 auto;width:350px;
	height:50px;display:block;
/*	 background:url(../images/BackNotFound.png) repeat-x;
	 background-size:contain;
	 border:2px #FF9900 solid;*/
	 border-radius:10px;
	 margin-top:15px;
}
.searchTable {
/*direction:rtl;*/
/*background-color:#BAD9F8;*/
 table-layout:fixed;
 overflow:hidden;
border:solid 1px;
/*margin-top:8px;*/
/*font-family:tahomaWeb,tahomaEot,tahoma;*/
font-family:Tahoma, Geneva, sans-serif;
max-height:300px;
font-weight:bold;
font-size:12px;
	margin:0 auto;
	margin-bottom:20px;
}
.searchTable tr{
	height:28px;
	}
.searchTable td{

	border:#FFF 1px solid;
text-align:center;
word-wrap:break-word;
/*order-left:#FFF 1px solid;
border-right: #FFF 1px solid;
/*height:25px;*/
}
.searchTable tr:hover{
background:#FF9;
border:solid 2px #F00;
cursor:pointer;
/*height:25px;*/
}
.searchTable th{
	/*background:#FC6;*/
	background: url(../images/BackNotFound.png) repeat-x;
	background-size:contain;
	border:#FFF 1px solid;
	height:25px;
}
#resultStdText{width:270px;
background:#C33;
min-height:30px;
float:left;
border-radius:10px;
margin-top:7px;
margin-left:10px;
display:none;

}
.infoTable{
	margin-top:20px;
	margin-right:20px;
	
}
.infoTable td{
	padding:5px;
}
.infoTable th{
	height:28px;
	background:url(../images/thback.png) repeat-x;

}
.licFieldset{
	width:600px;
	background:url(../images/feildback.png) repeat-x top;
	margin-right:20px;
	margin-bottom:40px;
}
.licFieldset li{
	margin:7px;
}
.licFieldset legend {
font-size: 1.4em;
font-family:"Simplified Arabic";
font-weight:bold;
/*border: medium dotted #60A4C1;*/
	background:url(../images/thback.png) repeat-x;
background-size:contain;
/*background-color:#FFF;*/
padding:10px;
border:#666 solid 2px;
text-shadow: 1px 1px 1px #969696;
color:#F00;
}
.newsSDiv{
	height:130px;
	width:600px;
	/*background: #FF6;*/
	border-bottom: dotted 3px #FF6600;
	margin-top:10px;
	cursor:pointer;
	display:block;
}
.newsSDiv:hover{
	background-color: #E4E4F3;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

.newsSDiv .cont{
	display:inline-block;
		float:right;
		margin-right:10px;
	color:#F00;
	position:relative;
height:130px;	
}
.newsSDiv p{
	color:#000;
}
.newsSDiv span{
	color:#00F;
}
.thumb{
	clear:both;
		float:right;
		
		display:inline-block;
		width:120px;
		height:120px;
}
.thumb img{
	border-radius:10px;
}
.tooltip{ display: inline; position: relative;}
.tooltip:hover:after{    background: #333; 
   background: rgba(0,0,0,.8); 
      border-radius: 5px;  
	    bottom: 26px;
		    color: #fff;  
			  content: attr(title);  
			    left: 20%;
				    padding: 5px 15px;
					position: absolute;
					z-index: 98;
					width: 220px;
		}
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.nav{
			opacity:1;
	margin:0 auto;width:350px;
	height:50px;display:block;
	/* background:url(../images/BackNotFound.png) repeat-x;
	 background-size:contain;
	 border:2px #FF9900 solid;*/
	 border-radius:10px;
	 margin-top:15px;
}
.nav #next{
	height:50px;
	width:50px;
	/*background:url(../images/next.png) no-repeat;*/
		cursor:pointer;
	/*	margin-top:10px;*/
		float:left;
}
.nav #prev{
	float:right;
	height:50px;
	width:50px;
/*	background:url(../images/prev.png) no-repeat;*/
	cursor:pointer;
			/*margin-top:10px;*/
	
	}
	#pageNo{
		border-style:solid 2px;
		font-size:16px;
		font-weight:bold;
		margin-top:8px;
		width:60px;
		height:25px;
		text-align:center;
		margin-right:18px;
	}
#Albums{
	float:right;
	width:660px;
	height:250px;
	margin-right:0px;
	right:0px;
	display:block;
	/*	margin:0 auto;*/
	-webkit-border-radius: 10px;
	
border-radius: 10px;
margin-top:10px;
-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;

}

.album{
/*	background:url(../images/albumBorder.png);*/
	width:180px;
	height:120px;
	margin:10px;
	border: #666 5px solid;
	border-radius:15px;
	float:right;z-index:100;
	display:inline-block;
	cursor:pointer;
	transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
}

.album img{
	width:180px;
	height:120px;
	opacity:1;
	border-radius:10px;
	display:inline-block;
}
.album img:hover{
	opacity:1;
	
}

.album #description{
		display:inline-block;
		width:180px;
		background:#666;
		font-size:10px;
		height:30px;
		color:#FFC;
}
.album h4{
color:#FF0;
}
#Albums input[type="button"]{
background: #ff3600;
background: -moz-linear-gradient(left,  #ff3600 0%, #d12c00 50%, #ff3600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3600), color-stop(50%,#d12c00), color-stop(100%,#ff3600));
background: -webkit-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -o-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -ms-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: linear-gradient(to right,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#ff3600',GradientType=1 );

	border: 0;
	color: #eee;
	cursor: pointer;
/*	/float: left;*/
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	margin: 0px 4px 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 110px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
}
#Albums input[type="button"]:hover {
	background: #aba5ba;
background: -moz-linear-gradient(left,  #d12c00 0%, #ff3600 50%, #d12c00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d12c00), color-stop(50%,#ff3600), color-stop(100%,#d12c00));
background: -webkit-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -o-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -ms-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: linear-gradient(to right,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#aba5ba',GradientType=1 );
}

#Albums input[type="button"]:active {
	background: #b52600;
background: -moz-linear-gradient(left,  #b52600 0%, #c53a15 50%, #b52600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52600), color-stop(50%,#c53a15), color-stop(100%,#b52600));
background: -webkit-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -o-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -ms-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: linear-gradient(to right,  #b52600 0%,#c53a15 50%,#b52600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52600', endColorstr='#b52600',GradientType=1 );
}
#Socials{

	float:right;
	width:300px;
	height:250px;
	/*background:url(../images/nloginForm.png) repeat-y;*/
	
	
margin-right:10px;
	-webkit-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
-moz-box-shadow: 0 0 10px -1px #000;
-webkit-box-shadow: 0 0 10px -1px #000;
box-shadow: 0 0 10px -1px #000;

}
#Menus-Nav input[type="button"]{
background: #ff3600;
background: -moz-linear-gradient(left,  #ff3600 0%, #d12c00 50%, #ff3600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff3600), color-stop(50%,#d12c00), color-stop(100%,#ff3600));
background: -webkit-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -o-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: -ms-linear-gradient(left,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
background: linear-gradient(to right,  #ff3600 0%,#d12c00 50%,#ff3600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#ff3600',GradientType=1 );
/*margin:0 auto;*/
	border: 0;
	color: #eee;
	cursor: pointer;
/*	/float: left;*/
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 25px;
	margin: 0px 4px 0;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	width: 200px;
	outline: none;
	
	/* Rounded Corners */
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	
	/* Shadows */
	box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	-moz-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: -1px -1px 1px rgba(255,255,255,.5), 1px 1px 0 rgba(0,0,0,.4);
	margin-top:10px;
top:5px;

}
#Menus-Nav input[type="button"]:hover {
	background: #aba5ba;
background: -moz-linear-gradient(left,  #d12c00 0%, #ff3600 50%, #d12c00 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#d12c00), color-stop(50%,#ff3600), color-stop(100%,#d12c00));
background: -webkit-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -o-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: -ms-linear-gradient(left,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
background: linear-gradient(to right,  #d12c00 0%,#ff3600 50%,#d12c00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3600', endColorstr='#aba5ba',GradientType=1 );
}

#Menus-Nav input[type="button"]:active {
	background: #b52600;
background: -moz-linear-gradient(left,  #b52600 0%, #c53a15 50%, #b52600 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52600), color-stop(50%,#c53a15), color-stop(100%,#b52600));
background: -webkit-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -o-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: -ms-linear-gradient(left,  #b52600 0%,#c53a15 50%,#b52600 100%);
background: linear-gradient(to right,  #b52600 0%,#c53a15 50%,#b52600 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52600', endColorstr='#b52600',GradientType=1 );
}

/*#login-hover-cont:before {
    border-bottom: 20px solid #FFFFFF;
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 0;
    position: relative;
    right: 20%;
    top: -40px;
    width: 0;
}*/
#login-hover-cont {
	background:url(../images/main_login_std.png)no-repeat;
	background-size:100% 100%;
    padding: 20px 20px 10px;
    position:absolute;
    right: 30px;
    top: 240px;
    width: 320px;
    z-index: 9999;
	min-height:250px;
	-webkit-box-shadow: 0 12px 10px 5px #636363;
box-shadow: 0 12px 10px 5px #636363;
	border-color:#F90;
}
#login-hover-cont label{
	display:inline-block;
	width:120px;
	margin-top:10px;
	
	
}
#news{
	float:right;
	width:450px;
	height:300px;
/*	background:transparent;*/
background:url(../images/BlackBackC.png) repeat ;
background-size:contain;

	display:block;
	 z-index: 100;
/*	 position:relative;*/
	 margin-left:10px;
	/* margin-top:60px;*/
	 margin-right:10px;
	/*  border:solid #F90 2px;*/
	-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.divHeader
{
	background:url(../images/headerTitle.png) no-repeat;
	background-size:contain;
	
	width:99%;height:30px;
	padding-top:5px;
	
	
}
.divHeader span{
	margin-right:150px;
	
}
.pollHeader{
	width:94%;
	margin:2px auto;
	
	min-height:50px;
	/*background:#666;*/
	background:url(../images/backHeaderPollText.png) repeat-x;
	background-size:contain;
	padding-right:15px;
	/*color:#FFF;*/
	color:#00F;
	background-size:contain;
	border-radius:10px;

}
#polls{
	
	float:right;
	width:450px;
	height:300px;
/*	background:transparent;*/
/*background:url(../images/BlackBackC.png) repeat ;*/
background:#333;
background-size:contain;

	display:block;
	 z-index: 100;
/*	 position:relative;*/
	 margin-left:10px;
	/* margin-top:60px;*/
	 margin-right:10px;
	/*  border:solid #F90 2px;*/
	-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
	
}
	

#poll label{
	min-height:40px;
	width:90%;
		border-radius:10px;
		margin:5px;
		/*background:#C99C59;*/
		background:url(../images/pollOption.png) repeat-y;
		background-size:contain;
		
		display:inline-block;
		border:solid 1px #FF9900;
		cursor:pointer;
		
		
}
#poll label:hover{
	background:#F9DA60;
}
.newsDate{
	/*background:url(../images/newDate.png) no-repeat;*/
	
	/*background-size:contain;*/
	width:10px;
	height:auto;
	color:#F4D000;
	float:right;
	font-size:10px;
	 
	
}
.newsDiv{
	width:400px;
	height:75px;
	display:block;
	margin:5px;
	margin-right:40px;
	
	/*background:url(../images/backAC.jpg) repeat-x;*/
	background:#000;
	border-radius:10px;
	background-size:100% 100%;
		float:right;
		color:#f4d000;
}
#slideshowContainer {
	width:800px;
	margin: 10px auto 0 auto;
	position:relative;
/*	top:220px;*/
	margin-right:60px;
	
}
.slideshow {
	height: 450px;
}
.slideshow img {
	padding: 15px;
/*	border: 1px solid #ccc;*/
	background-color:#333;
	border-radius:10px;
}
#slideshowContainer #nav {
	list-style-type:none;
	z-index:250;
}
#slideshowContainer #nav li a {
	display:block;
	width:58px;
	height:102px;
	text-indent:-9999px;
	outline:none;
}
#slideshowContainer #prev a {
	background:url(../slideshow/left.png);
	width:58px;
	height:102px;
	position:absolute;
	top:220px;
	left:-70px;
}
#slideshowContainer #next a {
	background:url(../slideshow/right.png);
	width:58px;
	height:102px;
	position:absolute;
	top:220px;
	right:-70px;
}
#slideshowContainer #next a:hover {
	background:url(../slideshow/right_over.png);
}
#slideshowContainer #prev a:hover {
	background:url(../slideshow/left_over.png);
}
.newsCont{

	float: right;
    margin-top: 5px;
    width: 450px;
}
.lblRsVote{
	min-width:50px;
	color:#FF0;
	display:inline-block;
	
	
}
#pollResult{
	width:100%;
	min-height:170px;
	display:block;
	
}
#pollFooter{
	background:url(../images/backPollFotter.png) repeat-x;
	background-size:contain;
	border-radius:0 0 10px 10px;
	height:40px;
	width:100%;
}
#AlbumName{
	width:98%;
/*background:#FFF;*/
min-height:50px;
margin:10px auto;
border-radius:10px;
color:#00F;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;

font-size:25px;
/*-webkit-box-shadow:inset 0 0 10px 3px #000000;
box-shadow:inset 0 0 10px 3px #000000;*/
}
#Address{
	font-size:11px;
	margin-top:10px;
	float:right;
	width:50%;
	height:80%;
	
}
#developer{
	
	    float: right;
    font-size: 11px;
    height: 80%;
    margin-top: 10px;
    width: 50%;
}

#mjsoftLogo{
background:url(../images/mjsoftlogo.png) no-repeat;
	background-size:contain;
	position:relative;
	width:45px;
	height:45px;
	float:right;
    margin-right:0px;
  margin-top:0px;
  right:135px;
/*	margin-top:10px;*/
}
#copyRight{
	/*color:white;*/
/*	text-shadow: 1px 1px 2px #000;*/
	float:right;
	margin-top:20px;
	font-size:12px;
	margin:0 auto;
	margin-right:25%;
	/*width:500px;*/

}


#mjsoft{
/*	margin-top:20px;*/
	 margin-right: 20px;
    margin-top: 10px;
	text-align:left;
	float:left;
	font-size:11px;
}
#titlePage{
	font-size:18px;
	}
	.topnav {
  overflow: hidden;

/*padding-top: 60px;*/

margin-top: 147px;
position: absolute;
}
.topnav img {
  float:right;
}

.topnav a {
  float: right;
  display: block;
  /*color: #f2f2f2;*/
  color:white;
  text-align: center;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 14px;
  font-weight:bold;

  box-sizing: border-box;
}

.topnav a:hover {
  background-color: #FFF2B2;
  border-radius:20px;
  color: black;
}
#topcon{
	margin:0 auto;
	width:1170px;
	
}

/*.active {
  background-color: #4CAF50;
  color: white;
}*/

.topnav .icon {
  display: none;
}
#h-menu{
float:right;
margin:0 auto;

}
#Name{
	cursor:default;
	display:block;
	
}
.topnav #Name:hover{background-color:transparent;
}