﻿@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {
	direction: rtl;
    background: #ffffff;
    font-family: 'Droid Arabic Kufi', serif !important;
    color: #5a667a !important;
    font-size: 13px;
    line-height: 26px; 
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em ; }
h4 { font-size: 1.1em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

a, a:visited{  color: #5a667a !important;  }
a:hover{
    color: #31aae2 !important;
    text-decoration: none;
}
.container{
    width: 1000px;
    margin: 0 auto;
}
.clear{ 
    clear: both;
}
.noBorder{
    border: none !important;
}
.noMargin{
    margin: 0px !important;
}
.blue, .blue span{
    color: #233d51 !important;
}
a.blue{
    color: #233d51 !important;
}
.backgroundBlue
{
	background-color:#31aae2 !important;
	color:#fff !important;
	border: 1px solid #eee;
	padding-top:10px;
				padding-bottom:10px;
				padding-right:11px;
				
}
.clear{
    clear:both;
}
h4.blue, h4.blue a, h4.blue a:visited
{
	color: #31aae2 !important;
			
}
/* top header style*/
div.ms-WPBody
{
font-family: 'Droid Arabic Kufi', serif !important;
 font-size: 13px;
 color: #5a667a !important;

}
.ms-WPBody, .ms-WPBody td, .ms-WPBody td a, .ms-WPBody td a:visited
{
font-family: 'Droid Arabic Kufi', serif !important;
 font-size: 9pt !important;
 
 text-align:right !important;

}
.ms-WPBody td a:hover
{
 color: #31aae2 !important;
font-size: 10px;
				text-decoration:  none;
}
.newsWrapperPic{
 text-align: center;
 margin-top: 20px;
}
.newsPic{
    position: relative;
    display: inline-block;
    max-width: 487px;
}
.newsPic img{  
     border: 6px solid #47535f !important;   
}
.news-date {
      width:46px;
    padding-top: 5px;
    position: absolute;
    z-index: 2;
   background:url("/images/version2/date.png") no-repeat;	
    right: -46px;
    top: 0px;
    text-align: center;
}
.news-date .big,.news-date .small{
       color: #83daff; 
}
.news-date .big{
    font-size: 30px;
}
.news-date .medium{
    font-size: 16px;
    color: #fff;
      text-transform: uppercase;
}
.news-date .small{
     font-size:8px;
     margin-top: -8px;
}
.news-date span{
      line-height: 22px;  
          display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.newsWrapper h3{
    text-align: center;
}
.newsWrapper p{
    padding: 10px 20px;
}

.oneNews{
    position: relative;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.oneNews .newsPic{
    float: right;   
}
.oneNews p, .oneNews h4 {
  display: inline-block;
  float: right;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  width: 500px;
}
.oneNews p{
    font-size: 12px;
    line-height:20px;
}
.oneNews .news-date {
  right:auto;
  bottom:5px;
  left: 0px;
  top: auto;
}
.oneNews a{
    display: block;
    clear: both;
}

.oneNews2{
    position: relative;
    padding: 10px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.oneNews2 .newsPic{
    float: right;   
}
.oneNews2 p, .oneNews2 h4 {
  display: inline-block;
  float: right;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  width: 650px;
  line-height:20px;
}
.noBreak
{
				float:left;
				direction:rtl !important;
}
.oneNews2 p{
    font-size: 12px;
}
.oneNews2 .news-date {
  right:auto;
  bottom:5px;
  left: 0px;
  top: auto;
}
.oneNews2 a{
    display: block;
    clear: both;
}


.topHeader{
    background: url('/images/version2/header-pattern.png') repeat-x;
    height: 140px;
}

.logov2 {
    background: url("/images/Version2/logo-shadow.png") no-repeat scroll right top transparent !important;
    float: right;
    margin-right: -76px;
    padding-right: 70px;
    width: 185px;
}
.logov2 a{
    display: block;
    padding: 15px 20px;
    width: 110px;
    height: 110px;
}

/* top meuu style*/
.topMenuv2{
    float:right ;
    overflow: hidden;
	width:520px;
}
/*.topMenuv2 ul{
    overflow: hidden;
} */
.menuv2 li,.sm-menuv2 li{
    float: right !important;
    text-align: center;
}
.menuv2 li a {
    background: url('/images/version2/menu-border.png') no-repeat left center;   
    color: #525b6e !important;
    display: block;
    font-size: 12px;
    font-weight: 800;
    line-height: 45px;
    padding: 3px 6px;
    width: 92px;
}
.lastMenu{
    background: none !important;
}
.menuv2 li a:hover,.sm-menuv2 li a:hover{
    color: #23a9e4;
    text-decoration: none;
}

/* top btn style*/
.btn {
    background: none repeat scroll 0 0 #39BBF6;
    border: medium none;
    color: #FFFFFF;
    font-family: 'Droid Arabic Kufi',serif;
    font-size: 12px;
    height: 25px;
    width: 50px;
}
.btn:hover{
    background: #5585BC;   
}

.topBtn{
    float:right;
    overflow: hidden;
    margin-top: 6px;
    width:100px;
}

.ios,.andriod,.ar{
    width: 32px;
    height: 32px;
    float:right;
    display: inline-block;
}
.ios{
    background: url('/images/version2/ios.png') no-repeat;   
}
.andriod{
    background: url('/images/version2/andriod.png') no-repeat;   
}
.ar{
    width: 32px;
    height: 30px;
    overflow: hidden;
    background: url('/images/version2/ar.png') no-repeat;  
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ar:hover{
    background-position:0 -30px;
}
/* e-services style*/

.e-services{
    float:left;
    width: 185px;
    position: relative;
    

}
.e-services img{
    position:absolute;
    right:0; 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.e-services .topServices:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}
.login{
    position: absolute;
    top: 72px;
    right: 0px;
}

/* second menu style*/
.secondMenu{
    float: right; 
    overflow: hidden !important;
    width:710px !important;

}
.secondMenu ul 
{
overflow:hidden !important;
}
.sm-menuv2{
    margin-top: 10px;
    text-align: center;
}
.sm-menuv2 li a {
    color: #525b6e !important;
    display: block;
    font-size: 12px;
    margin-right: 5px;
    width: 95px;
    /*float:right; */
}
.sm-menuv2 li a span{
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
} 
.icon1{
    background: url('/images/version2/icon1.png') no-repeat;    
}
.icon2{
    background: url('/images/version2/icon2.png') no-repeat;    
}
.icon3{
    background: url('/images/version2/icon3.png') no-repeat;    
}
.icon4{
    background: url('/images/version2/icon4.png') no-repeat;    
}
.icon5{
    background: url('/images/version2/icon5.png') no-repeat;    
}
.icon6{
    background: url('/images/version2/icon6.png') no-repeat;    
}

/*news style*/
.greyBg{
    background: url('/images/version2/bg-logo.png') no-repeat right 50px  #e2e5e9;  

}
.greyBg,.content{

    overflow: hidden;
    padding-bottom:30px;
}
.news{
    overflow: hidden;
    background: #c2c6ce;
}
.newsImg{
    width: 126px;
    height: 49px;
    float:right;
    display: inline-block;
    background: url('/images/version2/news.png') no-repeat;   
}

#wrapper {
    width:630px;
    float: right;
    vertical-align:middle;
    height:49px;

}
#wrapper span
{
	height:49px !important;
	line-height:49px !important;
	vertical-align:middle;
}

#wrapper a
{
				
				vertical-align:middle !important;
}
#wrapper > div {

    width: 100%;
    height: 31px;
    padding: 9px 0;
    overflow: hidden;
    vertical-align:middle !important;
    
}
#wrapper > div.first {
    border-bottom: none;
}

#wrapper dl {
    display: block;
    margin: 0;
    height:35px;
    vertical-align:middle !important;
}
#wrapper dd a
{
	padding: 5px 10px;
			font-family: 'Droid Arabic Kufi', serif !important;
    color: #5a667a;

				
}
#wrapper dt, #wrapper dd {
    display: block;
    float: right;
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 13px;
}
#wrapper dt {
    background-color:  #233d51;
    color: #fff;
    width:100px;
    text-align: center;
}
/*search style*/
.searchv2{
    float:left;
    text-align: center;   
    height:49px;
    vertical-align:middle !important;
    }
.searchv2 input
{
    height: 36px;    
    color: #fff;
    padding: 0px 10px 0px 30px;
    width:145px;
    margin-top: -1px !important;
    margin-bottom:-1px !important;
    font-family: 'Droid Arabic Kufi', serif ;
    /*background: url('/images/version2/search-icon.png') no-repeat  10px center #aeb4bc;   */
    background-color:#aeb4bc;    
    vertical-align:middle;
    background-image:none !important;
} 
.ms-sbtable-ex
{
	width:auto !important;
	margin-top: 5px !important;
	margin-bottom:0px !important;

	vertical-align:middle !important;
	
}
.ms-sbLastcell
{
				width:0% !important;
}
.ms-sbcell
{
	border:0px !important;
	height:32px !important;
	border-color:#aeb4bc !important;  
}
td.ms-sbgo
{
	background-color:#aeb4bc !important;	
	height:30px !important;
}
/*content style*/
.content{
    margin-top: 5px;
}
/*slider style*/
.slider{
    width:660px;
    margin-left: 10px;
    float:right;
}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}

ol.bjqs-markers {
    bottom: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 8px !important;
}
ol.bjqs-markers.h-centered{text-align: left;}
ol.bjqs-markers li{display:inline;float:left;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:84%;margin:0;padding:2% 2% 2% 14%;position:absolute;bottom:0;}



.slider ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background-color:#5585bc  ;
    color:#fff !important;
}

ol.bjqs-markers li a {
    width: 14px;
    height: 14px;
    background: url("/images/Version2/circle.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin: 1px;
    padding: 0 4px;
    text-decoration: none;
    font-size:0px !important;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
      background: url("/images/Version2/circle-hover.png") no-repeat scroll 0 0 transparent;
}

p.bjqs-caption{
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 12px;
}


/*ads style*/
.rightContent{
    width:330px;
    float:left;
}
a.ad{
    width:330px;
    height: 82px;  
    display: block;
    overflow: hidden;
}
.ad img{
    width:328px;
    height: 80px;  
    border: 1px solid #d9d9d9;
}

/*events style*/
.event{
    background: #fff;
    border: 1px solid #d9d9d9;
    overflow: hidden;
    padding: 4px 4px 15px 4px;
    margin-top:9px;
}
.eventTitle{
    display: block;
    padding:2px;
    font-size: 14px;
    font-weight: 700;
    border-bottom:4px solid  #bbbdbc;
    margin-bottom:6px;
}
.event-details {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom:6px;
    overflow: hidden;
    padding-bottom:1px;
}

.event-date{
    width: 60px;
    text-align: center;
    float: right;
}
.event-date span{
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.event-date .big{
    font-size: 30px;
}
.event-date .medium{
    font-size:20px;
    text-transform: uppercase;
    color: #b8b8b8;
}
.event-date .small{
    font-size: 10px;
    margin-top: 3px;
}
.event-details .event-img a{
    display: block;
    width: 245px;
    height: 66px;
    overflow: hidden;

}
.event-details .event-img{
    float:left;
    width: 245px;
    height: 66px;
    position: relative;
    overflow: hidden;
}
.panel{
    position: absolute;
    bottom: 0px;
    display:none;
    font-family: 'Droid Arabic Kufi', serif !important;

    font-size: 12px;
    display: block;
    width: 100%;
    color: #fff;
    padding: 3px;
    background: #000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    /* This works in IE 8 & 9 too */
    /* ... but also 5, 6, 7 */
    filter: alpha(opacity=70);

    /* Older than Firefox 0.9 */
    -moz-opacity:0.7;

    /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.7;

    /* Modern!
    /* Firefox 0.9+, Safari 2?, Chrome any?
    /* Opera 9+, IE 9+ */
    opacity: 0.7;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.event-img:hover .panel{
    bottom:0px;
}
/*content2 style*/
.content2{
    margin-top:-50px;
    padding: 5px;
    background: #fff;
    overflow: hidden;

}
.content2 .slideIcon,.content2 .tabs,.content2 .googleAds{
    width: 320px;
    float:right;
    margin-left: 15px;
}
/*slideIcon:slider at right with 4 icons style*/
.content2 .slideIcon{
    width: 280px !important;
    background: #bbbdbc;
    padding-right: 40px;
    position: relative;
}
.slideIcon ul.bjqs{
    background: #bbbdbc;    
}
.slideIcon ul.bjqs-controls.v-centered li.bjqs-prev a {
    background: url("/images/Version2/prev.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    right: -42px;
    padding: 5px;
    text-indent: -9999px;
    top: 75% !important;
    white-space: nowrap;
    width: 24px;
}
.slideIcon .bjqs-next,.slideIcon .bjqs-markers{
    display: none;
}
.slideIcon .bjqs li span{
    width: 86px !important;
    height: 94px !important;
    display: inline-block;
    margin: 5px 20px;

}
.slideIcon span.i1{
    background: url("/images/Version2/i1.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i2{
    background: url('/images/Version2/i2new2.png') no-repeat 0px 0px;
}
.slideIcon span.i3{
    background: url("/images/Version2/i3.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i4{
    background: url("/images/Version2/i4.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i5{
    background: url("/images/Version2/i5.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i6{
    background: url("/images/Version2/i2N.png") no-repeat scroll -86px 0px transparent;
}
.slideIcon span.i7{
    background: url("/images/Version2/i7.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i8{
    background: url("/images/Version2/i8.png") no-repeat scroll 0 0 transparent;
}
.slideIcon span.i1:hover,.slideIcon span.i2:hover, .slideIcon span.i3:hover,.slideIcon span.i4:hover
,.slideIcon span.i5:hover,.slideIcon span.i7:hover,.slideIcon span.i8:hover{
    background-position:-86px 0px;
}
.slideIcon span.i6:hover
{
			background-position:0px 0px;
	
}
.slideIcon li{
    text-align: center;
}
.slideIcon .triangle {
    border-right: 40px solid #FFFFFF;
    border-top: 40px solid transparent;
    bottom: 0px;
    right: -40px;
    position: absolute;
}

.slideIcon .close {
    width: 13px;
    height: 15px;
    background:  url("/images/Version2/close.png") no-repeat center center ;
    top: 15px;
    left: 6px;
    position: absolute;
    z-index: 2;
    display: none;
}
.slideIcon .i1-desc,.slideIcon .i2-desc,.slideIcon .i3-desc,.slideIcon .i4-desc,
.slideIcon .i5-desc,.slideIcon .i6-desc,.slideIcon .i7-desc,.slideIcon .i8-desc{
    background:#5585BC;
    position: absolute;
    color: #fff;
    top: 0px;
    left: 0px;
    width: 280px;
    height: 238px;
    display: none;
}
.slideIcon table {
    border: 1px solid #22B0EC;
   /* height: 79%; */
    margin: 0px auto;
    text-align: center;
    width: 96%;
}
.slideIcon table th{
    background: #22B0EC;
    color: #fff;
    line-height:35px;

}

/*tabs style*/
.tabs {
    position: relative;   
    min-height: 238px; /* This part sucks */
}
.tab {
    float: left;
}
.tab label {
    border: 1px solid #CCCCCC;
    display: block;
    left: 1px;
    margin-left: -1px;
    padding: 20px 10px 10px;
    position: relative;
    width: 85px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    height: 30px;
    border-bottom: 4px solid #bbbdbc;
    color: #5a667a !important;
}
.tab [type=radio] {
    display: none;   
}
.tabContent {
    background: none repeat scroll 0 0 white;
    border: 1px solid #C5C5C5;
    border-top: none;
    bottom: 0;
    left: 0;
    padding: 20px 10px 10px;
    position: absolute;
    right: 0;
    top:65px;
}
.tabContent ul{
    width: 145px;
    float:right;
}
.tabContent li {
    background: url("/images/Version2/arrow.png") no-repeat scroll right 7px transparent;
    color: #5A667A;
    font-size: 11px;
    line-height: 18px;
    padding-right: 10px;
}
.tabContent li a{
    color: #5a667a;
}
[type=radio]:checked ~ label {
    background: white;
    border-bottom:  1px solid #CCCCCC;
    border-top: 4px solid #233d51;
    z-index: 2;
}
[type=radio]:checked ~ label ~ .tabContent {
    z-index: 1;
}

/*googleAds style*/

.googleAds a{
    display: block;
    overflow: hidden;
    width: 320px;
    height:auto;

}

/*video style*/

.content2 .video{
    width: 280px !important;
    background: #233d51;
    padding-right: 40px;
    position: relative;
}

.video{
    width: 320px;
    float:right;
    min-height: 90px;

}
#video{
    min-height: 90px;
}
.video ul.bjqs{
    background: #233d51; 
    min-height: 90px;
}
.video ul.bjqs-controls.v-centered li.bjqs-prev a {
    background: url("/images/Version2/prev.png") no-repeat scroll 0 0 transparent;
    height: 24px;
    right: -42px;
    padding: 5px;
    text-indent: -9999px;
    top: 55% !important;
    white-space: nowrap;
    width: 24px;
}
.video .bjqs-next,.video .bjqs-markers{
    display: none;
}
.video img{
    width: 192px !important;
    height:51px !important;
    margin:20px;
}
.video li{
    text-align: center;
}
.video li a{
    display: block;
}
.video .triangle {
    border-right: 40px solid #233d51;
    border-top: 40px solid transparent;
    right: -40px;
    position: absolute;
    top: -40px;
}

/*slideSite style*/
.slideSite{
    width: 655px;
    background: #f1f1f1;
    float:left;
    margin-right: 15px;
}

.slideSite .bjqs-markers{
    display: none;
}
.slideSite img{
    width: 145px !important;
    height:70px !important;
    margin:10px 1px;
    border: 1px solid #d1d4da;
}
.slideSite ul.bjqs{
    padding-right: 22px;
}
.slideSite ul.bjqs-controls.v-centered li a {
    width: 20px;
    text-indent: -9999px;
    color: #000000;
    display: block;
    height: 90px;
    padding: 0;
    text-decoration: none;
    top: 0% !important;
}
.slideSite img:hover{

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.slideSite .bjqs-prev a{
    background: url("/images/Version2/arrow-prev.png") no-repeat center center #aebbc2;
}
.slideSite .bjqs-next a{
    background: url("/images/Version2/arrow-next.png") no-repeat center center #aebbc2;
}

/*footer style*/
.footerBg{
    width: 100%;
    overflow: hidden;
    background:  scroll 1100px 10px #bbbdbc;

}
.footer{
    padding:10px 0px;
    overflow: hidden;

}
.footer .iteams{
    width: 220px;
    float: right;
    margin-left: 10px;
}

.footer dd { 
    font-size: 12px;
    display:block;
    line-height:20px;
}
.footer dd:before {
    content: "■";
    padding: 10px;
    color: #233d51; /* or whatever color you prefer */
}
.footer .blocks{
    float: right;
    width: 310px;
}
.footer .block{
    width: 100px;
    min-height: 60px;
    float: right;
    background:#d5d8dc;
    margin-left: 5px;
    margin-bottom: 5px;
    position: relative;
}
.footer .block img{
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.footer .block .top:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}

.newsLetter{
    float: right;
    margin: -15px 0px 0 0;
}
.newsLetter label{
    float: right;
    margin:2px 0px 0px 10px;
    color: #434a55 !important;
    width: 105px;
}

.newsLetter input{
    height: 25px;
   /* float: right; */
    color: #999;
    padding: 0px 10px;
    width:112px;
    border:1px solid #cacbcb;
    font-family: 'Droid Arabic Kufi', serif ;
}
.newsLetter input[type=submit]
{
	 background: #233d51 !important; 

}
.newsLetter button{
    font-family: 'Droid Arabic Kufi', serif;
    color: #fff;
    font-size: 12px;
    background: #233d51;
    width: 50px;
    height: 25px;
    border: none;
}
.button, .button input{
    font-family: 'Droid Arabic Kufi', serif;
    color: #fff !important;
    font-size: 12px;
    background: #39bbf6;
    width: 50px;
    height: 25px;
    border: none;
}

.newsLetter button:hover{
    background: #5585BC;   
}
.button:hover{
    background: #5585BC;   
}

/*copyRight at bottom style*/
.copyRight{
    border-top: 4px solid #233d51;
}
.links,.join,.social{
    float:right;
    margin-left:40px;
    font-size: 12px;
    line-height: 30px;
}
.cr span{
    width: 320px;
}
.cr, .cr span{
    float:right;
    margin-left:15px;
    margin-right:20px;
    font-size: 12px;
    line-height: 30px;
    color: #5a667a !important;
}

.join{
    width: 320px;
}
.join a, .join a:visited, .join a:hover,  {
    color: #5a667a !important;
}

.links {
    background: none repeat scroll 0 0 #233d51;
    height: 25px;
    line-height: 20px;
    padding-right: 6px;
    position: relative;
    text-align: right;
    width: 85px;
}
#flip p{
    background: url('/images/version2/up.png') no-repeat 5px center;
    color: #fff;
}

#panel
{
   /* display:none; */
    position: relative;
    bottom:0px;
    right: 0px;

}
.social{
    float:left!important;
}
.social a.fb,.social a.tw,.social a.gPlus,.social a.youTube, a.rss, a.mail, a.pdf, a.print, a.update, a.excel{
    display: block;
    height: 23px;
    width: 24px; 
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    float: left;
    margin: 2px;

}
.social a.fb{
    background: url('/images/version2/fb.png') no-repeat;
}
.social a.tw{
    background: url('/images/version2/tw.png') no-repeat;
}
.social a.gPlus{
    background: url('/images/version2/googlePlus.png') no-repeat;
}
.social a.youTube{
    background: url('/images/version2/youTube.png') no-repeat;
}

.iconWrapper{
    border-bottom: 1px solid #eee;
     border-top: 1px solid #eee;
     margin-top: 10px;
}
.iconWrapper .social{
    margin-top: 10px !important;
    
}

.contact .social a{
    width: 25px;
    height: 25px;
}
.contact h4,.contact h5{
    margin: 5px 0px;
    padding-right: 10px;
    color:#7c8f9a;
     font-family: 'Droid Arabic Kufi', serif !important;

}
.contact h5{
    display: inline-block;
    min-width: 200px;
    
}
.contact h4 span{
    margin-right: 10px;
    display: inline-block;
    min-width: 300px;
    text-align: right;
     font-family: 'Droid Arabic Kufi', serif !important;
}

.contact .social .fb{
    background: url('/images/version2/fb1.png') no-repeat;
}

.contact .social .tw{
    background: url('/images/version2/tw1.png') no-repeat;
}

.contact .social .rss{
    background: url('/images/version2/rss.png') no-repeat ;
}
.contact .social .youTube{
    background: url('/images/version2/youTube1.png') no-repeat;
}
.contact .social .mail{
    background: url('/images/version2/mail.png') no-repeat;
}
.contact .social .pdf{
    background: url('/images/version2/pdf.png') no-repeat;
}
.contact .social .print{
    background: url('/images/version2/print.png') no-repeat;
}
.contact .social .update{
    background: url('/images/version2/update.png') no-repeat;
}
.contact .social .excel{
    background: url('/images/version2/excel.png') no-repeat;
}

.contact .social .fb{
    background: url('/images/version2/fb1.png') no-repeat;
}

.contact .social .tw{
    background: url('/images/version2/tw1.png') no-repeat;
}

.social a:hover {
    background-position:0 -23px;
}

/*Layout of any page */
.PageContent{
    overflow: hidden;
    padding:5px 5px 30px 5px;
    background: #f3f4f5; 
    margin: 5px 0px;
}
.positionImg{
    width: 172px;
    height: 49px;
    float:right;
    display: inline-block;
    background: url('/images/Version2/position.png') no-repeat;
}
.Page #wrapper{
    line-height: 49px;
    width: 600px;
}
.Page .grey{
    background: #e2e5e9;     
}
.grey{
    background: #e2e5e9; 
    }
.PageRight{
    width: 210px;
    float: right;
    margin-left: 10px;
    padding-top: 10px;
}
.leftNav
{
	margin-left:10px;
	margin-right:0px !important;
	margin-top:4px;
	padding-top:10px;
	border:0px #8997BC solid;
	background-color:transparent !important;
	width:210px;
}
.leftNavSelected
{
	background-color: transparent;

	border-top:0px #B2BCDD solid;
	border-bottom:0px #B2BCDD solid;
	line-height:34px;
}
.leftNavHover
{
	background-color: transparent !important;
	margin-right: 18px !important;
	color: #23a9e4 !important;
 
}
.leftNav1
{
	font-family: tahoma;  
	font-size: 8pt; 
	font-weight:bold; 
	line-height:14pt;
	
	
}
.leftNav1 a
{
	 font-family: 'Droid Arabic Kufi', serif !important;
	font-size: 13px; 
	font-weight:bold !important; 
	padding-right:20px;
	/*display:block; 
	padding-left:10px;*/
	margin-right: 10px;
	line-height: 22px !IMPORTANT;
	height:34PX !important;
	background:  url('/images/version2/list-arrow.png') no-repeat right 12px; 
	color:#5a667a !important;
}
.leftNav1 a:hover
{
				
			color:#23a9e4  !important;
}
.PageLeft{
    width:760px ;
    padding: 0px 0px 50px;
    min-height: 705px;
    float: left;
    background: #fff;
    text-align:right !important;
   padding-right:5px;
}
.branches span, .branches p
{
				margin:20px !important;
				font-weight:normal !important;
}
ul.RightList li{
    padding-right: 20px;
    font-weight: bold;
    line-height: 34px;
    margin-right: 10px;
    background:  url('/images/version2/list-arrow.png') no-repeat right 12px; 
}
ul.RightList li:hover{
    margin-right: 18px;
}
.rightAds{
    margin: 20px 0px;
}
.rightAds a{
    max-width:208px; 
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    line-height: 0px;
    border: 1px solid #ccc;
}

/*Videos page */

.videosPage .PageLeft h3{
    color: #fff;
    background: #23a9e4;
    margin-top: 10px;
    border-bottom: 4px solid #dde0e1;
    padding-right: 15px;
}
.videosWrapper{
    overflow: hidden;   
}
.videoWrapper{
    width: 360px;
    margin-left: 20px;
    float: right;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding:0px 5px;
}
.videoWrapper a.VideoImg{
    display: block;
    width: 360px;
    height: 200px;
    overflow: hidden;
    position: relative;
    -moz-box-shadow:  0 0 3px 3px #ccc;
    -webkit-box-shadow: 0 0 3px 3px #ccc;
    box-shadow:  0 0 3px 3px #ccc; 
    overflow: hidden;
}
.videoWrapper .event-date {
    padding-top: 5px;
    position: absolute;
    z-index: 2;
    background: #fff;
    right: 10px;
    top: 0px;
}
.videoArrow {
    background: url("/images/Version2/videoArrow.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    position: absolute;
    bottom: 5px;
    width: 30px;
    z-index: 2;
    left: 10px;
}

.share{
    margin-left: 5px;
    background: url("/images/Version2/trans.png") repeat;
    position: absolute;
    width: 360px;
    height: 200px;
    top: -200px;
    left: 0px;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.videoWrapper:hover .share{
    top: 0px;
}
.videoWrapper:hover .VideoImg{
    -moz-box-shadow:  none;
    -webkit-box-shadow: none;
    box-shadow:  none; 
}
.videoWrapper:hover{
    background:#E2E5E9;
}

.Play{
    background: url("/images/Version2/play.png") no-repeat scroll 0 0 transparent;
    height: 32px;
    position: absolute;
    bottom: 0px;
    width: 32px;
    z-index: 2;
    left: 0px;   
}
.videosPage .addthis_toolbox {
    left: 46px;
    padding-left: 34px;
    position: absolute;
    top: 80px;
}
.videosPage .addthis_toolbox a:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.verticalList li{
    float: right;
    min-width: 340px;

}
.verticalList li:hover{
    margin-right: 10px !important;
}
.numbers {
   line-height:26px;
   direction:rtl; 
}
.numbers td a, .numbers td span{
    /*display: table;
    margin: 0 auto; */
}
.numbers td a{
    float: left;
    padding: 10px !important;
    margin: 2px;
    background: url("/images/version2/numbers.png") no-repeat scroll center center;
    font-size: 10px;
    font-weight: bold;
    color: #fff !important;
    white-space: nowrap;


}
.numberSelected, .numbers td a:hover{
    background: url("/images/version2/numbers-hover.png") no-repeat scroll center center !important;
    color: #fff !important;
    white-space: nowrap;

}
.numbers td span{
    background: url("/images/version2/numbers-hover.png") no-repeat scroll center center !important;
    float: left;
    padding: 10px;
    margin: 2px;
    font-size: 10px;
    font-weight: bold;
    color: #fff !important;
    white-space: nowrap;
}

.numbers table td
{
				border:0px !important;
}
.numbers table
 {
    margin-left: auto;
    margin-right: auto;
    direction: rtl !important;
 }
h3.blue
{
	font-family: 'Droid Arabic Kufi', serif !important;
}
/* paging style */


/*calender page */

.calender .table{
    position: relative;
    direction: ltr !important;
    -moz-box-shadow:0px 3px 5px 4px #CCCCCC;
    -webkit-box-shadow:0px 3px 5px 4px #CCCCCC;
    box-shadow: 0px 3px 5px 4px #CCCCCC;
    margin-top: 10px;
    border-right: none;
}
.titlecalender{
    border: 1px solid #ddd !important;
    height: 50px !important;
    -moz-box-shadow: 0px 3px 5px 4px #CCCCCC;
    -webkit-box-shadow: 0px 3px 5px 4px #CCCCCC;
    box-shadow: 0px 3px 5px 4px #CCCCCC;
    background:url("/images/Version2/calender-bg.png") repeat ;
    font-weight:bolder !important;
    
}
.titlecalender td
{
	text-align:center !important;
	font-size:14pt !important;
}
.calender td:hover{
    background:#f7f7f7 !important;
}

.calender .prev{
    width: 120px;
    height: 10px;
    position: absolute;
    /*left: 20px;
    top:25px; */
    text-align:center !important;
    background:url("/images/Version2/calender-prev.png") no-repeat scroll center center !important;
}
.calender .prev:hover{
    background:url("/images/Version2/calender-prev-hover.png") no-repeat scroll center center !important;
}
.calender .next{
    width: 120px !important;
    height: 10px !important;
    position: absolute !important; 
/*    right: 20px !important;
    top:25px !important;  */
    text-align:center !important;
    background:url("/images/Version2/calender-next.png") no-repeat scroll center center !important;
}
.calender .next:hover{
    background:url("/images/Version2/calender-next-hover.png") no-repeat scroll center center !important;
}
.calender th{
    background: #d5d8de !important;
    color: #525b6e !important;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
}
.calender th, .calender td.daystyle, td.TodayStyle, td.disable,td.eventDate
{
	border-top:1px solid #eee !important;
	border-left:1px solid #eee !important;
	vertical-align:top !important;
	padding:6px;
	line-height:20px;
	
}
.calender td.daystyle:hover, td.TodayStyle:hover, td.disable,td.eventDate:hover
{
	background:#f7f7f7 !important;
			
}
.gridrowclass td td.co:hover
{
    background:#f7f7f7 !important;	

}
.gridrowclassRules td:hover, .gridrowclassRules div.co:hover
{
    background:#f7f7f7 !important;	

}

.calender td.daystyle, td.TodayStyle, td.disable,td.eventDate{
    width: 100px !important;
    height: 100px !important;
    font-size: 11px !important;    
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-weight: bold !important;
    
/*    display: block !important; */
}
.calender td a.eventSpan{
    background:url("/images/Version2/calender-span.png") repeat scroll center center !important;
    color: #fff !important;
    text-align: center !important;
    -webkit-border-radius:4px; 

    /* Firefox 1-3.6 */
    -moz-border-radius:4px; 

    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 4px; 
    font-size:7pt !important;
    padding:2px;
white-space: nowrap;

}
.calender td:hover{
    background:#f7f7f7 !important;
}
.calender tr:hover{
    background: none !important;
}
.disable{
    color: #a7a7a7;
    background:#f7f7f7 !important; 
}
/* Calender design ends here */

/* News details style starts here  */
/*news page*/
.newsWrapperPic{
 text-align: center;
 margin-top: 20px;
}
.newsPic{
    position: relative;
    display: inline-block;
    max-width: 487px;
}
.newsPic img{  
     border: 6px solid #47535f !important;   
}
.news-date {
      width:46px;
    padding-top: 5px;
    position: absolute;
    z-index: 2;
   background:url("/images/version2/date.png") no-repeat;	
    right: -46px;
    top: 0px;
    text-align: center;
}
.news-date .big,.news-date .small{
       color: #83daff; 
}
.news-date .big{
    font-size: 25px;
          font-family: 'Droid Arabic Kufi', serif !important;
text-align:center !important;

}
.news-date .medium{
    font-size: 9px;
    color: #fff;
      text-transform: uppercase;
      font-family: 'Droid Arabic Kufi', serif !important;
text-align:center !important;
}
.news-date .small{
     font-size:8px;
     margin-top: -8px;
     text-align:center !important;

}
.news-date span{
      line-height: 22px;  
          display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.newsWrapper h3{
    text-align: center;
    font-family: 'Droid Arabic Kufi', serif !important;
	line-height:25px;

}
.newsWrapper p, .newstext{
    padding: 10px 20px !important;
	color:   #5a667a !important;
	text-align: justify !important;
	font-size:13px !important;
	font-weight:normal !important;
	font-family: 'Droid Arabic Kufi', serif !important;
	line-height:25px;
}


/* News Details style ends here */

/*Form Styling Starts here  */
/*.firstTd{
    background: #F4F6F6;
    width: 30%;
    padding-right:10px;   
}*/
  .firstTd {
    /* background: #F4F6F6; */
    width: 10%;
    padding-right: 10px;
    text-align: left !important;
}
.dbForm1 .firstTd{
    background: #F4F6F6 !important;
    width: 10% !important;
    padding-right:10px !important;  
    line-height:25px !important; 
}

.secondTd
{
				padding:5px;
}
.inline-select {
    background: url("/images/version2/select.png") no-repeat scroll left center #FFFFFF !important;
    /*border: 1px solid #eee; */
    border: 1px solid #d9d9d9;
        display: inline-block ;
    height: 27px ;
   margin-bottom: -10px ;
    overflow: hidden;
    width: 110px; 
    margin-right: 10px;
}

.inline-select select{
    background: transparent ;
    width: 140px ;
    display: inline-block ;
    border: none  ;
    height: 27px ;
    font-family: 'Droid Arabic Kufi', serif !important;
}

.month{
    margin-right: 20px;
}
.grid,.columns{
    width: 30px;
    height:27px;
    display: inline-block;
    float: left;
}
.columns{
    background: url("/images/version2/columns.png") no-repeat scroll center center #525b6e;  
}
.grid{
    background: url("/images/version2/grid.png") no-repeat scroll center center #FFFFFF;   
}
.selected,.grid:hover,.columns:hover{
    background-color:#525b6e;   
}


.dbForm{
    padding: 10px;
    overflow: hidden ; 
    border: 1px solid #e5e5e5 ;
    margin-top: 5px ;
}
/*.dbForm .label{
    display: inline-block;
    min-width: 220px;
    margin: 15px 10px 15px -10px ;
    height: 30px ;
}*/
.dbForm .label {
    font-weight: bold;
    vertical-align: middle;
    text-align: left !important;
    display: inline-block;
    min-width: 220px;
    margin: 10px 1px 10px 1px;
    height: 30px;
    line-height: 30px;
}
/*.dbForm input{
    width: 392px ;
margin-right: 55px ;
}*/
.dbForm input {
    width: 392px;
    margin-right: 20px;
}
.dbForm .radio>tbody>tr>td input{
    width: 30px !important ;
margin-right: 55px !important;
font-size:13px!important;	
height:15px !important;
border:0px !important;
}
input.radio
{
	width: 100px !important ;
margin-right: 5px !important;			
				
}
/*.dbForm .inline-select{
    width: 404px ;
    height: 30px ;
margin-right: 55px ;
}*/
.dbForm .inline-select {
    width: 404px;
    height: 30px;
    margin-right: 20px;
}
.dbForm .inline-select select{
    width: 430px ;
}
.dbForm .yearSelect{
    width: 198px;
}
.dbForm .yearSelect select{
    width: 222px !important;
}
.dbForm table{
        	border-collapse: collapse !important;
	border-spacing: 0 !important;
}
.noMarginRight{
    margin-right: 0px !important;
}

.dbForm .btn{
    float: right;
    width: 200px;
    height: 40px;
    margin-left: 5px;
    font-size: 15px;
    background: #5585bc;
}



.dbForm1{
    padding: 10px;
    overflow: hidden ; 
    border: 1px solid #e5e5e5 ;
    margin-top: 5px ;
    line-height:25px;
}
.dbForm1 .label{
    display: inline-block;
    min-width: 110px;
    margin: 15px 10px 15px -10px ;
    height: 30px ;
}
.dbForm1 input{
    width: 120px ;
margin-right: 27px ;
}
.dbForm1 .radio>tbody>tr>td input{
    width: 50px !important ;
margin-right: 27px !important;
font-size:13px!important;	
height:15px !important;
border:0px !important;
}
input.radio
{
	width: 100px !important ;
margin-right: 5px !important;			
				
}
.dbForm1 .inline-select{
    width: 202px ;
    height: 30px ;
margin-right: 55px ;
}
.dbForm1 .inline-select select{
    width: 215px ;
}
.dbForm1 .yearSelect{
    width: 84px;
}
.dbForm1 .yearSelect select{
    width: 111px !important;
}
.dbForm1 table{
        	border-collapse: collapse !important;
	border-spacing: 0 !important;
}
.noMarginRight{
    margin-right: 0px !important;
}

.dbForm .btn{
    float: right;
    width: 200px;
    height: 40px;
    margin-left: 5px;
    font-size: 15px;
    background: #5585bc;
}



.searchbtn{
    margin-right: 55px !important;
    background:url("/images/version2/search-icon2.png") no-repeat scroll 120px center #5585bc !important;
}
.dbForm .btn:hover{
    background-color:#23a9e4 !important ;
}
.dbForm textarea{
    margin-right: 55px;
}
.dbTable{
    margin-top: 10px;
}
.dbTable th{
    height: 40px;
    line-height: 40px;
    border: none;
    text-align: right;
    padding: 10px;
    border:1px solid #eee;
}
.dbTable td{
    line-height: 40px;
    padding: 10px;
        border:1px solid #eee !important;
}
.dbTable1{
    margin-top: 10px;
}
.dbTable1 th{
    height: 40px;
    line-height: 40px;
    border: none;
    text-align: right;
   
    border:1px solid #eee;
}
.dbTable1 td{
    line-height: 40px;
   
        border:1px solid #eee !important;
}
.dbTable1 div.co, .dbTable1 div.coh
{
				padding-top:10px;
				padding-bottom:10px;
				padding-right:11px;
				border-left:1px solid #eee;
}
div.co a, div.co a:visited
{
				font-weight:bold !important;
}
.dbTable1 div.co1, .dbTable1 div.coh1
{
				padding-top:10px;
				padding-bottom:10px;
				padding-right:11px;
				border-left:1px solid #e1e1e1;
}
div.co1 a, div.co1 a:visited
{
				font-weight:bold !important;
}

.dbTable1 div.noleftmargin
{
			border-left:0px solid transparent !important;	
}
.dbTable1 div.co:hover
{
				background:#f7f7f7 !important;
}

.darkBlue{
    background:#1e9fe0!important;
    
}
.darkBlue span
{
			padding-right:10px;	
				
}
.addressTd{
   background: #f4f6f6;
   width: 44%;
   font-weight: 700;
}
select,  input {
    background: #ffffff;
    font-family: 'Droid Arabic Kufi', serif;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    padding: 2px 6px;
    /*border: 1px solid #eee; */
    border: 1px solid #d9d9d9;
        vertical-align: middle;
}
textarea{
	background: #ffffff;
    font-family: 'Droid Arabic Kufi', serif;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    height: 300px;
    line-height: 20px;
    padding: 2px 6px;
    border: 1px solid #eee;
    vertical-align: middle;
			
				
}
/* Form Styling Ends here */


/*Competitions Style Starts Here */
.searchNow{
    width: 405px  !important;
    background:url("/images/version2/search-icon2.png") no-repeat scroll 240px center #5585bc !important;
        margin-right: 55px;
}
.dbForm .btn:hover{
    background-color:#23a9e4 !important ;
}
.competitionTitle{
    text-align: center;
    border: 0px solid #eee;
    border-bottom: 4px solid #23a9e4;
    margin-bottom: 0px;
}
.competition {
    margin-top: 0px;
    border:1px solid #eee !important;
    direction:rtl!important;

}
.competition td{
        line-height: 30px !important;
        direction: ltr;
        padding: 10px;
        

}
.competition td.blue{
    font-weight: 700;
    border:0px solid #eee !important;
}
td.blue
{
				width:15% !important;
}
.competition td.co
{
	width:35% !important;
	border:1px solid #eee !important;

			
}

.competition1 {
    margin-top: 0px;
    border:1px solid #eee !important;
    direction:rtl!important;

}
.competition1 td{
        line-height: 30px !important;
        direction: rtl;
		border:0px solid transparent !important;
        

}
.competition1 div.blue, .competition1 div.co{
   padding-top:10px;
				padding-bottom:10px;
				padding-right:5px;
				border:1px solid #eee;
}
.competition1 div.co:hover
{
				background:#f7f7f7 !important;
}

.Departments1 {
    margin-top: 0px;
    border:0px solid #eee !important;
    direction:rtl!important;

}
.Departments1 th{
        padding-bottom:5px;
        

}

.Departments1 td{
        line-height: 20px !important;
        direction: rtl;
		border:0px solid transparent !important;
        

}
.Departments1 div.blue, .Departments1 div.co{
   padding-top:7px;
				padding-bottom:7px;
				padding-right:5px;
				border:1px solid #eee !important;
}
.Departments1 div.co:hover
{
				background:#f7f7f7 !important;
				border:1px solid #31aae2 !important;
}


div.coTitle, div.coTitle span
{
				font-weight:bold !important;
}
.DBLinks, .DBLinks:visited, .DBLinks:hover
{
				color:#fff !important;
				text-decoration:none;
				line-height:25px;
				
}
.morelink, .morelink a, .morelink a:visited
{
				color: #31aae2 !important;
				float:left;
				padding-left:10px;
				font-size:8pt !important;
}
/* Competition Style Ends here */

/* Picture Library Starts here */
.leftHeader{
    color: #fff;
    background: #23a9e4;
    margin-top: 10px;
    border-bottom: 4px solid #dde0e1;
    line-height: 26px;
    padding: 10px 15px 10px 15px;

}
.picturesWrapper{
    padding: 20px 0px;
    margin-right:5px;
}
.picture{
    width: 220px;
    float: right;
    margin-left: 10px;
    padding:2px;
}
.picture .PicImg{
    width: 230px;
    height: 150px;
    padding: 4px;
    border: 1px solid #eee;
    display: block;
    line-height: 0px;
    overflow: hidden;
    -moz-box-shadow:  0 0 1px 1px #ccc;
    -webkit-box-shadow: 0 0 1px 1px #ccc;
    box-shadow:  0 0 1px 1px #ccc; 

}
.PicImg img{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.PicImg img:hover{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


/* Picture Library Ends here */

/* Details page Design */
.details{
    padding: 10px;
    width: 730px;
    border: 1px solid #eee;
    overflow: hidden;
    margin-top: 5px;
     background:url("/images/Version2/bg-logo-medium.png") no-repeat scroll -80px 20px !important;
}
.details h4{
    padding-right: 10px;
}
.details .rightLabel{
    min-height: 200px;
    width: 260px;
}
.details .leftLabel{
    width: 468px;
}
.details .leftLabel a img{
    margin-right: 10px;
}
.details table{
    width: 100%;
    	border-collapse: collapse;
	border-spacing: 0;
}
.details table td{
    font-size: 13px;
    padding: 10px;
    line-height:25px;

   
}
.details li{
list-style:disc;
list-style-position:inside;
padding-right:10px;
}
ul.sitemap ul
{
	margin-right:30px !important;
	line-height:25px;
}
ul.sitemap li a.sitemap 
{
	color: #31aae2 !important;
	line-height:25px;

}
/* Details page design ends here */
.titleAlign
{
				text-align:right;
				color: #31aae2;
				padding-right:15px;
}