@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 {
background:#fff8d1;
min-height:100%;
margin:0;
padding:0;
}

#newImage {
width:100%;
height:auto;
}

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;
background-size:100% 100%;
width:100%;
height:151px;
}
.prize{
width:100%;height:80px;
background:url(../images/prize.png) no-repeat center white;display:block;
background-size:100% 100%;
}
#logo {
background:url(../images/interface/Untitled-1.gif) no-repeat;
width:600px;
float:right;
height:200px;
display:block;
}

#menus {
height:42px;
margin-top:10px;
position:absolute;
display:none;
}

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

#menus-content {
width:100%;
margin:0 192px;
}

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

#bottom-content {
width:100%;
height:auto;
min-height:250px;
margin:0 auto;
}

#body-content {
width:100%;
min-height:500px;
height:auto;
margin:0 auto;
margin-top:30px;
}

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:200px 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:35px;
height:35px;
float:right;
margin-right:0;
margin-top:0;
right:10px;
float:right;
display:none;
}
	.copydiv{
		width:100%;
		margin-top:40px;
		text-align:center;
	}
#copyRight {
	width:100%;
float:right;
font-size:12px;
margin: 0 auto;
}

#mjsoft {
width:100%;
margin-right:0px;
margin-top:10px;
text-align:center;
float:right;
font-size:11px;
}
.prep{
	color:#FF0;width:100%;height:40px;margin-top:10px;margin-right:0px;
	text-align:center;
	
	}
	
#WhiteTransDiv {
position: relative;
    z-index: 1;
    border: solid 2px #FFF;
    border-radius: 10px;
    padding-bottom: 10px;
    width: 90%;
    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: 0px auto 0;
	margin-bottom:20px;
	overflow:scroll;
}
.imgnews{height:60px; width:60px;
}
#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:11px;
	text-align:right;
}
.newsSDiv {
height:90px;
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:12px;
/*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:88%;
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:100%;
height:320px;
background-size:contain;
display:block;
z-index:100;
margin-left:0;
margin-right:0;
}

#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:70px;
font-size:11px;
margin-right:5px;
}

.newsDiv {
background:url(../images/backMenuGold.jpg) repeat-x;
background-size:100% 100%;
border-radius:10px;
font-size:11px;
height:80px;
border:#F90 2px solid;
cursor:pointer;
width:95%;
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: 13px;
    font-weight: 600;
    height: auto;
    margin-top: -1px;
    width: auto;
}
 .First{
	    color: #FF0000;
    font-family: "AR";
    font-size: 13px;
    font-weight: 600;
    height: auto;
    margin-top: -1px;
   
	   -webkit-animation: grow 1.0s ; /* Safari 4.0 - 8.0 */
   animation: grow 1.0s ;
     animation-iteration-count: infinite;
}

@keyframes grow {
  0% {
    display: none;
    opacity: 0;
  }
  20% {
    display: block;
    opacity: 0.2;
    
  }
   40% {
    display: block;
    opacity: 0.8;
    
  }
   80% {
    display: block;
    opacity: 0.8;
    
  }
  100% {
    display: block;
    opacity:1;
    
  }
}
.summary {
   color: #000000;
    font-size: 13px;
  /*  margin-top: -24px;*/
    padding-right: 5px;
}

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

.newsCont {
float:right;
margin-top:0;
width:100%;
}

.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:100%;
position:relative;
height:620px;
margin-top:0px;
}
#photosAlbum{
	height:350px;}
	
#mid1 {
width:100%;

position:relative;
margin-top:00px;
height:650px;
}

#mid2 {
width:100%;
position:relative;
height:680px;
margin-top:00px;
}

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

.divContain {
float:right;
width:98%;
height:200px;
display:block;
z-index:100;
margin:0px auto;
/*margin-left:auto;
margin-right:auto;*/
}
/*#studentLognin{
	margin-top:40px;}*/
#mid3 {
width:100%;
position:relative;
margin-top:30px;
}

#stdLogin {
/*background:url(../images/main_std_login.png) no-repeat;*/
width:266px;
background-size:100% 100%;
height:190px;
margin:0 auto;
}

#TextLogin {
font-size:13.5px;
text-align:justify;
font-weight:bold;
width:90%;
padding-top:2px;
margin:0 auto;
}

#loginFormDiv {
/*margin-right:70px;*/
margin-top:70px;
position:absolute;
width:250px;
}

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

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

.more {
height: 40px;
    position: absolute;

    top: 210px;
    margin: 0 auto;
    right: 0;

    
    width: 100%;



}
#news{
	height:230px;}
	
.album {
	margin-top:5px;
width:80%;
height:267px;
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:150px;
opacity:1;
border-radius:10px;
display:inline-block;
}

.album:hover {
border:#FFF 5px solid;
}

.album img:hover {
opacity:1;
}

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

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

.album h4 {
color:#FF0;
}

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

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

#titlePage {
font-size:18px;
}

.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{
	/*float:right;*/
	margin:40px auto;
	height:300px;
}
#videoLib {
float:left;
margin-right:0;
float: right;

margin-right: 0;

display: block;

width: 100%;

height: 250px;

margin-top: 40px;
}
#FaceLib {
float:left;
margin-right:0;
float: right;

margin-right: 0;

display: block;

width: 100%;

height: 250px;

margin-top: 40px;
}

.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:90%;}
	
#videoFrame{
	width:90%;
	
	 height:180px;
}
	.facebook{
		border:none; overflow:hidden; width:90%; height:290px; margin-right:15px;
		margin-top:30px;
	}
	._1drm ._1z7u {
    bottom: 0;
    height: 24px;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
    width: 250px;
}
.topnav a{display: none;}
  .topnav a.icon {
    float: left;
    display: block;
	font-family:13px;
  }

 .topnav {height:auto;  padding-top:0px;
 margin-top:120px;
 
 }
 #logo{float:left;}
  .topnav.responsive {
	  position: absolute;
	  position:fixed;
width: 100%;
height:auto;
top: 0px;
z-index:1500;
}

  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	    font-size: 13px;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: right;

    font-size: 13px;
  }
    .topnav.responsive a:hover {
   /* float: none;
    display: block;
    text-align: right;

    font-size: 13px;*/
	background:white;
  }
 
#menuBtn{
	padding:3px;
	font-size:14px;
/*	margin-top:11px;*/
/*-webkit-box-shadow:inset 0 0 4px 1px #8C8C8C;
box-shadow:inset 0 0 4px 1px #8C8C8C;*/
font-size: 14px;

font-weight: bold;

border: white 1px solid;

border-radius: 6px;

color: wheat;

background: #ca3338;
}

#topcon{
	width:100%;
	
}
.topnav a {font-size:18px;
font-weight:bold;

}
#requirment{
	width:650px;
	font-size:10px;
}
#DocLic{
	margin-right:10px;color:#00F;margin-top:-15px; font-family:Arial, Helvetica, sans-serif;font-size:14px;
}
#tablecon{
	width:100%;
	overflow:scroll;
}
.reqtitle{
	color:#F00;text-shadow: 2px 2px 2px #A3A3A3; font-family:Droid Arabic Kufi2;font-size:20px;
}