@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");
}

@font-face{
	
	font-family:Droid Arabic Kufi2;
	font-style:normal;
	font-weight:400;
	src:url("../../fonts/DroidKufi-Regular.eot");
	src:url("../../fonts/DroidKufi-Regular.eot#iefix")
	 format('embedded-opentype'),url("../../fonts/DroidKufi-Regular.woff2") format('woff2'),url("../../fonts/DroidKufi-Regular.woff") format('woff'),url("../../fonts/DroidKufi-Regular.ttf") format('truetype')}
	
	@font-face{font-family:Droid Arabic Kufi;font-style:normal;font-weight:700;src:url("../../fonts/DroidKufi-Bold.eot");
	src:url("../../fonts/DroidKufi-Bold.eot#iefix") format('embedded-opentype'),url("../../fonts/DroidKufi-Bold.woff2") format('woff2'),url("../../fonts/DroidKufi-Bold.woff") format('woff'),url("../../fonts/DroidKufi-Bold.ttf") format('truetype')}
html,body {
	font-family:Droid Arabic Kufi2;
	font-size:14px;
	font-weight:normal;
background:#fff8d1;
min-height:100%;
margin:0;
padding:0;
}

#newImage {
width:100%;
height:auto;
}
#news{
	height:230px;}
body {
direction:rtl;
font: normal 13px AR,Tahoma;
background:url(../images/bodyGBack.png) repeat-x;
color:#000;
margin:0;
padding:0;
}

#top {
background:url(../images/topCBack.jpg)repeat-x;
width:100%;
height:261px;
}

#logo {
background:url(../images/interface/Untitled-1.gif) no-repeat;
width:600px;
float:right;
height:200px;
display:block;
}

#menus {
height:42px;
margin-top:204px;
position:absolute;
}

#top-content {
width:1000px;
height:261px;
background:url(../images/cryGoldBack.jpg) no-repeat;
margin:0 auto;
}

#menus-content {
width:650px;
margin:0 192px;
background:red;
}

#bottom {
width:100%;
height:165px;
background:#000;
margin-top:100px;
color:#FFF;
font-family:AR,Arial, Helvetica, sans-serif;
font-size:14px;
background-size:contain;
}

#bottom-content {
width:1000px;
height:140px;
margin:0 auto;
}

#body-content {
width:1000px;
min-height:500px;
height:auto;
margin:0 auto;
}

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;
}

.socials {
height:150px;
direction:rtl;
}

#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:0;
right:0;
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;
}

#learningDiv {
width:280px;
border-radius:10px;
height:150px;
float:right;
border:2px solid #FF0;
margin:2px 15px 2px 0;
}

#memberDiv {
position:relative;
width:300px;
border-radius:10px;
float:right;
height:150px;
border:2px solid #FF0;
margin:2px 10px;
}

#StudentFollow {
float:right;
width:300px;
height:200px;
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:700;
}

#StudentFollow select {
height:26px;
background:#FFF;
border:2px solid #333;
margin-right:10px;
min-width:125px;
}

#StudentFollow label {
margin-right:10px;
}

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

.popup .wrapper {
position:relative;
left:-50%;
top:-50%;
background-color:#fff;
border:solid 2px #444;
border-radius:10px;
height:120px;
width:150px;
padding:10px;
}

#News-Nav {
float:right;
width:660px;
height:260px;
margin-right:0;
right:0;
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;
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;
height:250px;
float:right;
margin-right:2px;
margin-top:5px;
-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 #FFF solid;
border-radius:5px;
height:auto;
min-height:45px;
text-shadow:1px 1px 2px #FFF;
cursor:pointer;
margin:5px auto 0;
}

.menuVis {
width:200px;
background:red;
color:#FFF;
border:2px #FFF solid;
border-radius:5px;
height:auto;
text-shadow:1px 1px 2px #7A7A7A;
min-height:45px;
cursor:pointer;
-moz-box-shadow:0 0 10px 1px #000;
-webkit-box-shadow:0 0 10px 1px #000;
box-shadow:0 0 10px 1px #000;
margin:5px auto 0;
}

#Cont-Nav {
width:420px;
background:transparent;
height:260px;
margin-right:5px;
float:right;
}

.Cont-Image {
display:none;
position:absolute;
width:auto;
height:auto;
}

.co-img {
width:420px;
height:240px;
border-radius:10px;
display:block;
border:2px solid #FFF;
margin:5px auto 10px;
}

.menuUL {
background-color:transparent;
height:24px;
list-style:none;
position:relative;
z-index:1000;
color:#ca3338;
font-family:Tahoma, Geneva, sans-serif;
font-size:14px;

margin:5px 0 0;
padding:0;
}

.menuUL li ul {
background:#D2DDE4;
list-style:none;
position:absolute;
width:199px;
display:none;
right:0;
margin:0;
padding:0;
}

.menuUL li {
float:right;
color:#ca3338;
position:relative;
border-left:#FFF groove 1px;
margin:0;
padding:0;
}

.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;
height:30px;
padding:5px 12px;
}

.menuUL li a:hover,.menuUL li a:active {
color:#000;
display:block;
background:#FC0;
padding:5px 12px;
}

.menuUL li li a,.menuUL li li a:link,.menuUL li li a:visited {
background:#000;
color:#ca3338;
width:175px;
border-top:1px solid #F5F9FB;
margin:0;
padding:5px 12px;
}

.menuUL li li a:hover,.menuUL li li a:active {
color:#0f02c3;
background:#f92b32;
}

.headDiv {
background:#191919;
width:96%;
height:50px;
-webkit-border-radius:10px;
border-bottom:#333;
border-radius:10px;
text-align:center;
vertical-align:middle;
-moz-box-shadow:0 4px 10px 1px #000;
-webkit-box-shadow:0 4px 10px 1px #000;
box-shadow:0 4px 10px 1px #000;
margin:4px 4px 0;
}

.ttitle {
display:inline-block;
font-size:16px;
color:#FFF;
margin:8px auto auto;
}

.headShadow {
background-size:cover;
width:85%;
bottom:-11px;
height:11px;
margin:0 auto;
}

#members-login label {
display:inline-block;
width:100px;
margin-top:20px;
}

#members-login #resultText {
background:#F69;
width:230px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
color:#FFF;

min-height:30px;
height:auto;
margin-top:5px;
padding-right:20px;
margin-right:20px;
display:none;
}

#resultText {
visibility:hidden;
background:none repeat scroll 0 0 #FF868A;
border-radius:10px;
color:#000;
font-size:13px;
min-height:27px;
padding-right:5px;
position:absolute;
text-align:center;
width:250px;
margin:10px auto;
}

#Footer {
width:1000px;
height:80px;
display:block;
float:right;
margin:10px auto 0;
}

#RFooter {
width:38px;
height:61px;
background:url(../images/RFooter.png) no-repeat;
float:right;
}

#MFooter {
width:880px;
background:url(../images/MFooter.png) repeat-x;
height:64px;
float:right;
}

#LFooter {
width:76px;
background:url(../images/LFooter.png) no-repeat;
height:80px;
float:right;
}

#mjsoftLogo {
background:url(../images/mjsoftlogo.png) no-repeat;
background-size:contain;
position:relative;
width:45px;
height:45px;
float:right;
margin-right:0;
margin-top:0;
right:135px;
}

#copyRight {
float:right;
font-size:12px;
margin:0 25% 0 auto;
}

#mjsoft {
width:80%;
margin-right:20px;
margin-top:10px;
text-align:left;
float:left;
font-size:11px;
}

#WhiteTransDiv {
position:relative;
z-index:1;
border:solid 2px #FFF;
border-radius:10px;
padding-bottom:10px;
width:880px;
display:block;
min-height:100px;
-moz-box-shadow:0 0 10px 1px #000;
-webkit-box-shadow:0 0 10px 1px #000;
box-shadow:0 0 10px 1px #000;
height:auto;
margin:80px auto 0;
margin-bottom:20px;
}

#WhiteTransDiv img:hover {
cursor:pointer;
}

#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;
width:350px;
height:50px;
display:block;
border-radius:10px;
margin:15px auto 0;
}

.searchTable {
table-layout:fixed;
overflow:hidden;
border:solid 1px;
font-family:Tahoma, Geneva, sans-serif;
max-height:300px;
font-weight:700;
font-size:12px;
margin:0 auto 20px;
}

.searchTable tr {
height:28px;
}

.searchTable td {
border:#FFF 1px solid;
text-align:center;
word-wrap:break-word;
}

.searchTable tr:hover {
background:#FF9;
border:solid 2px red;
cursor:pointer;
}

.searchTable th {
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:700;
background:url(../images/thback.png) repeat-x;
background-size:contain;
border:#666 solid 2px;
text-shadow:1px 1px 1px #969696;
color:red;
padding:10px;
}
.newDate{
	font-size:11px;
	text-align:right;
}
.newtitle{
	font-size:13px;
	text-align:right;
}
.newsSDiv {
height:130px;
width:100%;
border-bottom:groove 2px #F60;
margin-top:10px;
cursor:pointer;
display:block;
}

.newsSDiv:hover {
background-color:#E4E4F3;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.newsSDiv .cont {
display:inline-block;
float:right;
margin-right:10px;
color:red;
position:relative;
font-size:11px;
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:rgba(0,0,0,.8);
border-radius:5px;
bottom:26px;
color:#fff;
content:attr(title);
left:20%;
position:absolute;
z-index:98;
width:220px;
padding:5px 15px;
}

.tooltip:hover:before {
border:solid;
bottom:20px;
content:"";
left:50%;
position:absolute;
z-index:99;
border-color:#333 transparent;
border-width:6px 6px 0;
}

.nav #next {
height:50px;
width:50px;
cursor:pointer;
float:left;
}

.nav #prev {
float:right;
height:50px;
width:50px;
cursor:pointer;
}

#pageNo {
font-size:16px;
font-weight:700;
margin-top:8px;
width:60px;
height:25px;
text-align:center;
margin-right:18px;
border-style:solid 2px;
}

#Albums {
float:right;
width:660px;
height:250px;
margin-right:0;
right:0;
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;
}

#Albums input[type=button] {
background:linear-gradient(toright,#ff36000%,#d12c0050%,#ff3600100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3600',endColorstr='#ff3600',GradientType=1);
border:0;
color:#eee;
cursor:pointer;
font:16px Arial, Helvetica, sans-serif;
font-weight:700;
height:30px;
text-shadow:0 -1px 0 rgba(0,0,0,.3);
width:110px;
outline:none;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
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:0 4px;
}

#Socials {
float:right;
width:300px;
height:250px;
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:linear-gradient(toright,#ff36000%,#d12c0050%,#ff3600100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3600',endColorstr='#ff3600',GradientType=1);
border:0;
color:#eee;
cursor:pointer;
font:16px Arial, Helvetica, sans-serif;
font-weight:700;
height:25px;
text-shadow:0 -1px 0 rgba(0,0,0,.3);
width:200px;
outline:none;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
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);
top:5px;
margin:10px 4px 0;
}

#login-hover-cont {
background:url(../images/main_login_std.png)no-repeat;
background-size:100% 100%;
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;
padding:20px 20px 10px;
}

#login-hover-cont label {
display:inline-block;
width:120px;
margin-top:10px;
}

.divHeader {
background:url(../images/headerTitle.png) no-repeat;
background-size:contain;
width:99%;
height:30px;
padding-top:5px;
}

.divHeader span {
margin-right:170px;
}

.pollHeader {
width:94%;
min-height:50px;
background:url(../images/backHeaderPollText.png) repeat-x;
padding-right:15px;
color:#00F;
background-size:contain;
border-radius:10px;
margin:2px auto;
font-weight:600;
}

#polls {
float:right;
width:450px;
height:300px;
background-size:contain;
display:block;
z-index:100;
margin-left:10px;
margin-right:10px;
}

#poll label {
min-height:40px;
width:90%;
border-radius:10px;
background:url(../images/backPollItem.png) repeat-y;
background-size:contain;
display:inline-block;
border:solid 1px #666;
cursor:pointer;
margin:5px;
}

#poll label:hover {
background:#F9DA60;
}

.newsDate {
color:#00F;
float:right;
height:auto;
width:80px;
margin-right:5px;
font-size: 13px;
}

.newsDiv {
background:url(../images/backMenuGold.jpg) repeat-x;
background-size:100% 100%;
border-radius:10px;
font-size:11px;
height:90px;
border:#F90 2px solid;
cursor:pointer;
width:90%;
margin:2px auto;
}

.newsDiv:hover {
border:2px solid #A41330;
background:url(../images/backMenuGoldHover.jpg) repeat-x;
background-size:100% 100%;
}

.newsTitle {
/*  border: 2px solid #00FF00;*/
    color: #FF0000;
    font-family: "AR";
    font-size: 15px;
    font-weight: 600;
   height: 30px;

margin-top: -1px;

width: 300px;

text-align: center;

float: right;
}

 .First{
	    color: #FF0000;
    font-family: "AR";
    font-size: 18px;
	text-align:center;
	
    font-weight: 600;
    height: auto;
 /*   margin-top: -1px;*/
 
   height:32px;
	   -webkit-animation: grow 0.9s ; /* Safari 4.0 - 8.0 */
   animation: grow 0.9s ;
     animation-iteration-count: infinite;
}

@keyframes grow {
  0% {
    display: none;
    opacity: 0;
	   font-size: 12px;
  }
  20% {
    display: block;
    opacity: 0.2;
    
  }
   40% {
    display: block;
    opacity: 0.8;
    
  }
   80% {
    display: block;
    opacity: 0.8;
    
  }
  100% {
    display: block;
    opacity:1;
	   font-size: 18px;
    
  }
}
.summary {
   color: #000000;
    font-size: 15px;
    margin-top: 0px;
    padding-right: 5px;
	width:100%;
	float:right;
}

#slideshowContainer {
width:800px;
position:relative;
margin:10px 60px 0 auto;
}

.slideshow {
height:450px;
}

.slideshow img {
background-color:#333;
border-radius:10px;
padding:15px;
}

#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);
}
.prize{
width:100%;height:103px;
background:url(../images/prize.png) no-repeat center white;
display:block;
}
.newsCont {
float:right;
margin-top:0;
width:450px;
}

.lblRsVote {
min-width:50px;
color:#041157;
display:inline-block;
font-weight:600;

}

#pollResult {
width:90%;
min-height:170px;
display:block;
padding-right:10px;
}

#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:#FF8080;
min-height:50px;
border-radius:10px;
color:#00F;
padding-top:5px;
font-family:Ar,Tahama;
font-size:15px;
margin:10px auto;
}

#mid0 {
width:1000px;
position:relative;
height:320px;
margin-top:50px;
}

#mid1 {
width:1000px;
position:relative;
height:320px;
margin-top:90px;
}

#mid2 {
width:1000px;
position:relative;
height:320px;
margin-top:100px;
}

.DivManHeader {
background-size:contain;
height:45px;
width:452px;
}
.DivManHeader span
{
	color:#000000;font-size:20px;font-weight:600;text-shadow: 1px 1px 0 #FFFFFF;
}
.divBody {
background:url(../images/backPollMan.jpg) repeat-x;
background-size:contain;
height:100%;
width:100%;
margin-top:5px;
padding-top:30px;
-webkit-border-radius:30px 30px 30px 30px;
border-radius:30px 30px 30px 30px;
}

.divContain {
float:right;
width:450px;
height:300px;
display:block;
z-index:100;
margin-left:10px;
margin-right:10px;
}

#mid3 {
width:1000px;
position:relative;
height:320px;
margin-top:30px;
}

#stdLogin {
background:url(../images/main_std_login.png) no-repeat;

width:290px;
height:190px;
margin:0 auto;
}

#TextLogin {
font-size:15px;
text-align:justify;
font-weight:bold;
width:80%;
padding-top:5px;
margin:0 auto;
}

#loginFormDiv {
margin-right:10px;
margin-top:70px;
position:absolute;
width:270px;
}

#MoreNews {
border-radius:10px;
cursor:pointer;
margin:0 auto;
display: block;
}

#MoreNews:hover {
border:2px solid #A41330;
}

.more {
height:40px;
position:relative;
right:0;
/*top:320px;*/s
width:100%;
margin:0 auto;
}
/*
.album {
width:130px;
height:210px;
border:#ca3338 5px solid;
border-radius:15px;
float:right;
z-index:100;
cursor:pointer;
margin:3px 5px 3px 3px;
}

.album img {
width:130px;
height:100px;
opacity:1;
border-radius:10px;
display:inline-block;
}
*/
.album {
margin-top: 5px;
    width: 70%;
    height: 270px;
    border: #ca3338 2px solid;
    border-radius: 15px;
    float: none;
    z-index: 100;
    cursor: pointer;
    margin: 3px 5px 3px 3px;
    margin: 0 auto;

}
.album img {
width:100%;

height:170px;
opacity:1;
border-radius:10px;
display:inline-block;
}
.album:hover {
border:#FFF 5px solid;
}

.album img:hover {
opacity:1;
}
/*
.album #description {
width:130px;
background:url(../images/backHeaderPollText.png) repeat-x;
background-size:100% 100%;
font-size:10px;
font-weight:600;
height:80px;
color:#003;
border-radius:0 0 10px 10px;
}

.album #AlbumTitle {
font-size:10px;
color:#00F;
font-weight:600;
}

.album h4 {
color:#FF0;
}
*/

.album #description {
width:100%;
background:url(../images/backHeaderPollText.png) repeat-x;
background-size:100% 100%;
font-size:13px;
font-weight:600;
height:60px;
color:#003;
border-radius:0 0 10px 10px;
}

.album #AlbumTitle {
font-size:13px;
width:100%
color:#00F;
font-weight:600;
background:#ca3338;
color: white;
text-align:cente;
}

.album h4 {
color:#FF0;
}

#Address {
font-size:11px;
margin-top:10px;
float:right;
font-bold:600;
width:50%;
height:80%;
}

#developer {
float:right;
font-size:12px;
height:80%;
margin-top:10px;
width:50%;
}

#titlePage {
font-size:28px;
font-weight:bold;
}
.imgnews{height:120px; width:120px;
}
.imgBorder {
width:400px;
height:20px;
border:1px solid #666;
border-collapse:collapse;
}

#StudentFollow input[type=button],#members-login input[type=button] {
background:linear-gradient(toright,#ff36000%,#d12c0050%,#ff3600100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3600',endColorstr='#ff3600',GradientType=1);
border:0;
color:#eee;
cursor:pointer;
font:16px Arial, Helvetica, sans-serif;
font-weight:700;
height:30px;
text-shadow:0 -1px 0 rgba(0,0,0,.3);
width:84px;
outline:none;
border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
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:4px 4px 0;
}

#StudentFollow input[type=button]:hover,#members-login input[type=button]:hover,#Albums input[type=button]:hover,#Menus-Nav input[type=button]:hover,#photosAlbum input[type=button]:hover,#polls input[type=button]:hover {
background:linear-gradient(toright,#d12c000%,#ff360050%,#d12c00100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3600',endColorstr='#aba5ba',GradientType=1);
}

#StudentFollow input[type=button]:active,#members-login input[type=button]:active,#Albums input[type=button]:active,#Menus-Nav input[type=button]:active,#photosAlbum input[type=button]:active,#polls input[type=button]:active {
background:linear-gradient(toright,#b526000%,#c53a1550%,#b52600100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b52600',endColorstr='#b52600',GradientType=1);
}

.menuUL li:hover ul,.clearfix {
display:block;
}

#members-login input[type=text],#members-login input[type=password] {
height:30px;
background:#FFF;
border:2px solid #333;
}

#studentLognin,#videoLib {
float:left;
margin-right:0;
}

.lblRate{
	color: #000000;
    display: block;
    float: right;
    height: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
 margin-top: -31px;
border-collapse:collapse;
/*border:solid 1px;*/
    position: absolute;
    right: 20%;
    width: 50px;
    z-index: 10000;
}
#photosAlbum 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);
	margin-top:20px;
}
#photosAlbum 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 );
}

#photosAlbum 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 );
}


#polls 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);
	margin-top:20px;
}
#polls 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 );
}

#polls 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 );
}
#videoDiv{
	margin:0px auto;padding:5px 0 0 0;width:420px;}
#videoFrame{
	width:420px;
	
	 height:250px;
}
	.facebook{
		border:none; overflow:hidden; width:420px; height:290px; margin-right:15px;
	}
	
	.prep{
	color:#FF0;width:350px;height:40px;margin-top:-20px;margin-right:230px;}
	.copydiv{
		width:99%;float:right;height:auto;
	}
* {

    box-sizing: border-box;

}
.topnav .icon {
  display: none;
}
#topcon {

    margin: 0 auto;
    width: 1170px;

}
ol, ul {list-style: none;}
.topnav {
  overflow: hidden;

/*padding-top: 60px;*/

margin-top: 210px;
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;
}
#requirment{
	width:850px;
}
#requirment ol ,#requirment  ul{
	list-style:square;
}
#DocLic{
	margin-right:10px;color:#00F;margin-top:-15px; font-family:Droid Arabic Kufi2;font-size:16px;
}
#tablecon{
	width:100%;
}
.reqtitle{
	color:#F00;text-shadow: 2px 2px 2px #A3A3A3; font-family:Droid Arabic Kufi2;font-size:25px;
}

#LsLicense{
	
/*	font-family:"Arial Black", Gadget, sans-serif;*/
font-family:Tahoma, Geneva, sans-serif;
	font-size:12.5px;
margin-right: -4px;
    min-width: 150px;
	border:1px solid;
	background:white;

font-weight:bold;
  height: 28px;
    border-radius: 5px;
	margin-right:0px;
}
#LsLicense:focus{background:#FF9;}
#StudentId{
	border:1px solid;
	background:white;
    min-width: 100px;
	width:140px;
height:28px;
margin-right:5px;
font-weight:bold;
text-align:center;
border-radius:5px;
}
#StudentId:focus{background:#FF9;}
.labellogin{
	font-family:AR;
	font-weight:bold;
	font-size:13px;
	display:inline-block;
	width:75px;
	
}
#loginBtn{
	cursor:pointer;
	border-radius:5px;
		border:1px solid blue;

}
#loginBtn:hover{
	border:2px solid red;
}