/*                                                                            
           *******************************************************************           
           *              Created And Developed by: Telerik For IT Solutions       *           
           *******************************************************************           
                                                                                         
                                                                                         
                                           \|||/                                            
                   .-.________             (o o)             ________.-.                    
              ----/ \_)_______)  +----oooO--(_)-------------+ (_______(_/ \----               
                 (    ()___)     | Telerik For IT Solutions |    (___()     )                  
                      ()__)      |                          |     (__()                        
              ----\___()_)       |    www.telerikit.com     |      (_()___/----                
                                 +-------------Ooo----------+                                  
                                                                                         
 
                                                                                         
              ************************************************************               
              *                 Telerik For IT Solutions                 *
              *                                                          *
              *       Web design - Database - Network - E-Systems        *
              ************************************************************       

*/

@import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
@import url('http://fonts.googleapis.com/earlyaccess/droidarabickufi.css');
body { margin: 0; padding: 0; font-family: 'Droid Arabic Kufi', serif; background-image: url('images/l1.png'); direction: rtl; font-size: 12px; background-color: #e5e5e5; }
a { color: #000; text-decoration: none; }
 a:hover { color: #a30000; text-decoration: none; }
 a:active { color: #000; text-decoration: none; }
img { border: 0; }
.clearfix { clear: both; height: 0; }
ul { margin: 0; padding: 0; }
li { list-style: none; }

.card-image { overflow: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; }
 .card-image img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
 .card-image:hover img { -webkit-transform: scale(1.2) rotate(-7deg); -moz-transform: scale(1.2) rotate(-7deg); -ms-transform: scale(1.2) rotate(-7deg); -o-transform: scale(1.2) rotate(-7deg); transform: scale(1.2) rotate(-7deg); }
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.area { text-align: center; font-size: 2.0em; color: #fff; letter-spacing: 2px; font-weight: 700; text-transform: uppercase; animation: blur .75s ease-out infinite; text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff; }

@keyframes blur {
 from { text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 50px #fff, 0px 0px 50px #fff, 0px 0px 50px #7B96B8, 0px 0px 150px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px 10px 100px #7B96B8, 0px -10px 100px #7B96B8, 0px -10px 100px #7B96B8; }
}


.AllDivision { width: 1225px; margin: 0 auto; }

.DivRight { width: 100px; height: 300px; float: right; margin-left: 15px; margin-top: 15px; }
 .DivRight img { border: 3px #ccc solid; }
.DivMiddle { width: 1000px; float: right; }
.DivLeft { width: 100px; height: 300px; float: right; margin-right: 10px; margin-top: 15px; }
 .DivLeft img { border: 3px #ccc solid; }



/* transition time */
.animateList li a { cursor: pointer; -webkit-transition: padding-right 250ms ease-out; -moz-transition: padding-right 250ms ease-out; }
 .animateList li a:hover { padding-right: 10px; }

.loginpage { width: 448px; margin: 0 auto; }
.loginpage1 { width: 448px; height: 637px; background-image: url("images/login.png"); background-repeat: no-repeat; }
.loginpage2 { width: 213px; height: 133px; padding: 333px 46px 0 0; }
.loginpage3 { width: 203px; height: 35px; margin-bottom: 5px; padding-left: 10px; }
.loginpage4 { width: 203px; height: 35px; margin-bottom: 7px; padding-left: 10px; }
.loginpage5 { width: 213px; height: 32px; }
.loginpage6 { width: 213px; height: 19px; }

.TopDv { width: 100%; height: 38px; }
.TopDv1 { width: 1000px; margin: 0 auto; height: 33px; padding-top: 5px; }
.TopDv2 { width: 326px; height: 38px; }
 .TopDv2 a:hover { color: #0e8240; }

/* Banner */
.BannerDiv { width: 100%; height: 140px; background: url(images/bannerbg.png) repeat; }
.BannerDiv1 { width: 1000px; height: 140px; margin: 0 auto; }
.BannerDivT { width: 1000px; height: 86px; }
.BannerDivB { width: 1200px; height: 54px; position: relative; margin-right: -40px; }
.BannerDivTR { width: 420px; float: right; }
.BannerDivTL { width: 285px; height: 86px; float: left; background: url(images/logo1.png) no-repeat; }



.mansshetFul1 { width: 1000px; height: 120px; margin: 0 auto; }

.bannerad { width: 470px; height: 76px; position: relative; margin: 5px; margin-right: -184px; }

/*Main*/
.MainDiv { width: 1000px; margin: 15px auto; }
.MainDivR { width: 747px; float: right; }
.MainDivL { width: 238px; float: left; }

.NewsSlidDv { width: 747px; height: 350px; margin-bottom: 15px; }
.NewsSlidDvR { width: 495px; height: 350px; float: right; }
.NewsSlidDvL { width: 238px; height: 350px; float: left; }
.Latestns { width: 495px; height: 42px; margin-bottom: 15px; background-color: #fff; }
.latestimg { width: 77px; height: 42px; float: right; background: url(images/latestimg.jpg) no-repeat; }
.latesttxt { width: 343px; height: 33px; padding: 9px 10px 0 10px; float: right; }
.latesttime { width: 45px; height: 16px; margin: 13px 0 13px 10px; background-color: #ed195b; color: #fff; text-align: center; font: normal 10px tahoma; float: right; }
#ticker { height: 33px; overflow: hidden; }
 #ticker li { height: 33px; }
.SlideShowDiv { width: 495px; height: 293px; }

.Searchbox { width: 209px; height: 25px; background-color: #fff; padding: 9px 14px 8px 15px; margin-bottom: 15px; }

.seatchinput { width: 189px; height: 25px; float: right; border: 0; }
.inputsearch1 { width: 189px; height: 25px; border: 0; background-color: transparent; font-family: Tahoma; font-size: 12px; font-weight: normal; color: #000; }
.iconsearch { width: 20px; height: 25px; float: left; }

.Morenewslft { width: 208px; height: 263px; padding: 15px; background-color: #fff; }
.Morenewslftitm { width: 208px; height: 52px; border-bottom: 1px #e7e7e7 solid; }
.MorenewslftitmR { width: 7px; padding-top: 10px; float: right; }
.MorenewslftitmL { width: 192px; height: 51px; float: right; }

.Block2box { width: 747px; height: 509px; margin-bottom: 15px; }
.Block2boxR { width: 496px; float: right; }
.Block2boxL { width: 238px; float: left; }
.ChalakiDiv { width: 496px; height: 304px; margin-bottom: 15px; background-color: #fff; border-top: 1px #eb0795 solid; }
.ChalakiDivT { width: 486px; height: 30px; padding: 10px 10px 0 0; font-family: 'Droid Arabic Naskh'; font-weight: bold; border-bottom: 1px #eaeaea solid; }
.ChalakiDivB { width: 467px; height: 248px; padding: 15px 15px 0 0; }
.ChalakiDivBItm { width: 467px; height: 128px; margin-bottom: 15px; }
.ChalakiDivBItm1 { width: 202px; height: 128px; float: right; }
.ChalakiDivBItm2 { width: 6px; padding-top: 10px; float: right; padding-right: 17px; }
.ChalakiDivBItm3 { width: 232px; height: 94px; float: right; padding-right: 10px; }
.Chalakiimgcls { width: 194px; height: 120px; padding: 3px; border: 1px #ccc solid; }
.ChalakiDivBItm3T { width: 252px; height: 84px; }
.ChalakiDivBItm3B { width: 252px; height: 14px; font: normal 12px tahoma; color: #E31F27; }
.Didarreportdv { width: 496px; height: 191px; }
.pics { height: 191px; width: 496px; padding: 0; margin: 0; }
 .pics img { padding: 0; border: 0 solid #ccc; background-color: #eee; width: 496px; height: 191px; top: 0; left: 0; }
.WtarDv { width: 238px; height: 305px; border-top: 1px #545454 solid; border: 1px #545454 solid; }
.WtarDvT { width: 228px; height: 30px; border-bottom: 1px #fff solid; margin-bottom: 15px; font-family: 'Droid Arabic Naskh'; font-weight: bold; padding: 10px 10px 0 0; background-color: #545454; color: #fff; }
 .WtarDvT a { color: #fff; }
.WtarDvTco { width: 228px; height: 30px; border-bottom: 1px #fff solid; margin-bottom: 15px; font-family: 'Droid Arabic Naskh'; font-weight: bold; padding: 10px 10px 0 0; background: #356aa0; background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); }
.WtarDvB { width: 208px; height: 65px; border-bottom: 1px #545454 dashed; padding-bottom: 10px; margin-bottom: 10px; margin-right: 15px; }
.WtarDvBR { width: 155px; height: 68px; float: right; }
.WtarDvBL { width: 53px; height: 68px; float: left; }
.wtarcls { width: 53px; height: 68px; }
.wtarclsT { width: 155px; height: 54px; }
.wtarclsB { width: 155px; height: 14px; font: normal 12px tahoma; color: #ff7e00; }

.chalakimalbanddv { width: 238px; background-color: #fff; margin-top: 10px; }
.chalakimalbanddvT { width: 228px; height: 30px; border-bottom: 1px #ccc solid; font-family: 'Droid Arabic Naskh'; font-weight: bold; padding: 10px 10px 0 0; border-top: 1px #b5a600 solid; background-color: #fbf7cc; }
.chalakimalbanddvB { width: 218px; padding: 10px; }


/*TabsDiv*/
.TabsDiv { width: 747px; height: 270px; margin-bottom: 15px; }
.TabsItemDv { width: 229px; height: 224px; float: right; margin-right: 15px; margin-top: 10px; }

.TabsItemDv1 { width: 229px; height: 135px; }
.TabsItemDv2 { width: 229px; height: 69px; padding-top: 10px; }
.TabsItemDv3 { width: 6px; float: right; padding-top: 10px; }
.TabsItemDv4 { width: 213px; height: 69px; padding-right: 10px; float: right; }
 .TabsItemDv4 a { color: #000; }


.TabsItemDv4s { width: 213px; height: 69px; padding-right: 10px; float: right; }
 .TabsItemDv4s a { color: #000; }
  .TabsItemDv4s a:hover { color: red; }

.modernbricksmenu2 { padding: 0; width: 747px; border-top: 5px solid #1d73a8; /*Brown color theme*/ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
 .modernbricksmenu2 ul { margin: 0; margin-left: 0; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
 .modernbricksmenu2 li { display: inline; margin: 0 0 0 0; padding: 0; text-transform: uppercase; width: 757px; position: relative; }
 .modernbricksmenu2 a { float: right; display: block; color: white; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 0; background-color: #e15500; /*Brown color theme*/ border-top: 1px solid white; width: 123.4px; text-align: center; font-family: 'Droid Arabic Naskh'; font-weight: bold; }
  .modernbricksmenu2 a:hover { background-color: #1d73a8; /*Brown color theme*/ color: white; }
  .modernbricksmenu2 a.selected { /*currently selected tab*/ background-color: #1d73a8; /*Brown color theme*/ color: #a30000; border-color: #1d73a8; /*Brown color theme*/ }
.tabcontent { display: none; }

@media print {
 .tabcontent { display: block !important; }
}

.tabcontentstyle { /*style of tab content oontainer*/ border: 1px solid gray; width: 727px; margin-bottom: 1em; padding: 10px; }
.tabcontent { display: none; }

@media print {
 .tabcontent { display: block !important; }
}

.alltb { width: 747px; height: 255px; padding-top: 15px; background-color: #ffdcaa; }

.VidAburiDv { width: 747px; height: 269px; margin-top: 15px; margin-bottom: 15px; }
.VideoDv { width: 495px; height: 268px; float: right; background-color: #fff; border-top: 1px #a800ff solid; }
.AburiDv { width: 238px; height: 269px; float: left; background-color: #fff; }
.VideoDvT { width: 485px; height: 29px; padding: 10px 10px 0 0; border-bottom: 1px #eaeaea solid; font-family: 'Droid Arabic Naskh'; font-weight: bold; background: #aebcbf; background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%); background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }
.VideoDvB { width: 495px; padding-top: 15px; }
.VideoDvT a { color: #fff; }
.AburiDvT { width: 228px; height: 29px; padding: 10px 10px 0 0; border-bottom: 1px #dad9d9 solid; border-top: 1px #036aa0 solid; font-family: 'Droid Arabic Naskh'; font-weight: bold; background: #ebf1f6; background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); }
.AburiDvB { width: 208px; height: 213px; padding: 15px 15px 0 15px; }
.AburiDvB1 { width: 208px; height: 122px; }
.AburiDvB2 { width: 208px; height: 81px; padding-top: 10px; }
.AburiDvB2R { width: 7px; padding-top: 10px; float: right; }
.AburiDvB2L { width: 191px; height: 91px; float: right; padding-right: 10px; }
.AburiDvB2L2 { width: 191px; height: 91px; float: right; padding-right: 10px; }
 .AburiDvB2L2 a { width: 191px; height: 91px; float: right; padding-right: 10px; color: #fff; }

.Sulbox { width: 747px; height: 270px; }
.Sulboxbg { width: 747px; height: 40px; background: #356aa0; background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); }
.SulboxT { width: 737px; height: 29px; padding: 10px 10px 0 0; }
 .SulboxT a { color: #fff; }
.SulboxB { width: 747px; height: 214px; padding-top: 15px; }

.socialicn { width: 238px; height: 28px; background-color: #fff; padding-top: 7px; padding-bottom: 7px; margin-bottom: 15px; }
.socialicnR { width: 85px; height: 25px; padding-right: 10px; float: right; font-family: 'Droid Arabic Naskh'; font-weight: bold; font-size: 10px; padding-top: 3px; }
.socialicnL { width: 137px; height: 28px; padding-left: 6px; float: left; text-align: left; }
.ocialicnLicn { width: 28px; height: 28px; float: left; margin-right: 5px; }

.linkebox { width: 208px; height: 243px; padding: 15px; margin-bottom: 10px; margin-top: 15px; background-color: #fff; border-top: 1px #ffd800 solid; }
.corawcorDiv { width: 238px; height: 831px; margin-bottom: 15px; background-color: #fff; border-top: 1px #a30000 solid; }
.corawcorDivB { width: 208px; height: 774px; margin: 15px auto 0 auto; }
.corawcorDiv1 { width: 208px; height: 123px; }
.corawcorDiv2 { width: 208px; height: 63px; }
.corawcorDivBI { width: 208px; height: 186px; margin-bottom: 5px; }
 .corawcorDivBI:hover { background-color: #eaeaea; }



.PhotoLineP { width: 238px; height: 262px; background-color: #363636; }
.PhotoLinePT { width: 228px; height: 29px; border-top: 1px #ff0000 solid; margin-bottom: 15px; border-bottom: 1px #5b5c5c solid; padding: 10px 10px 0 0; font-family: 'Droid Arabic Naskh'; font-weight: bold; }
 .PhotoLinePT a { color: #fff; }
.PhotoLinePB { width: 238px; height: 484px; }

#container { width: 238px; height: 484px; position: relative; }
#carousel { position: absolute; top: 30px; }
 #carousel div { border: 0; }
#ui-carousel-next, #ui-carousel-prev { width: 238px; height: 29px; background: url(images/arrow_bottom.jpg) #fff center center no-repeat; display: block; position: absolute; left: 0 z-index: 100; }
#ui-carousel-next { top: 0; background-image: url(images/arrow_top.jpg); }
#ui-carousel-prev { bottom: 0; }
 #ui-carousel-next > span, #ui-carousel-prev > span { display: none; }


.ui-carousel { height: 454px; margin: 0; overflow: auto; padding: 0; position: relative; /*for ie7 to work e.g in html carousels*/ width: 238px; }
 .ui-carousel > .wrapper { margin: 0; padding: 0; width: 9999px; }
  .ui-carousel > .wrapper > * { border: 0; display: block; float: right; height: 300px; overflow: hidden; width: 238px; }

.Foot1Dv { width: 100%; height: 55px; background: url(images/Footimg.jpg) repeat-x; margin-top: 15px; }
.Foot2Dv { width: 100%; height: 112px; background-color: #323232; }
.Foot1Dv1 { width: 1000px; margin: 0 auto; }
.Foot1DvR { width: 270px; height: 55px; float: right; background: url(images/map.png) no-repeat; }
.Foot1DvL { width: 205px; height: 55px; float: left; }
.Footcent { width: 1000px; height: 112px; margin: 0 auto; }
.Foot2DvR { width: 700px; float: right; padding-top: 10px; }
.Foot2DvL { width: 160px; float: left; padding-top: 20px; direction: ltr; text-align: center; }
.Foot2DvR ul { width: 130px; float: right; line-height: 30px; font-weight: bold; }
 .Foot2DvR ul li a { width: 130px; color: #fff; }
  .Foot2DvR ul li a:hover { color: #b6ff00; }

/*MasterDiv*/
.MasterDiv { width: 747px; background-color: #fff; }
.MasterHeader { width: 737px; height: 32px; border-bottom: 1px #eaeaea solid; margin-bottom: 15px; border-top: 1px #E31F27 solid; padding: 8px 10px 0 0; font-family: 'Droid Arabic Naskh'; font-weight: bold; }
.MasterContent { width: 717px; padding: 0 15px 15px 15px; }

.MostRead { width: 238px; margin-bottom: 15px; background-color: #fff; border-top: 1px #a30000 solid; }
.MostReadttl { width: 228px; height: 30px; font-family: 'Droid Arabic Naskh'; font-weight: bold; padding: 10px 10px 0 0; }
.MostReadcnt { width: 238px; }
.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
.TabbedPanelsTabGroup { margin: 0px; padding: 0px; height: 33px; }
.TabbedPanelsTab { position: relative; top: 0; bottom: 0; right: 0; float: right; padding: 4px 21px; margin: 0px 0px 0px 0; background-color: #ffe9be; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; border-radius: 0; }
.TabbedPanelsTabHover { background-color: #ffd480; }
.TabbedPanelsTabSelected { background-color: #d99002; color: white; }
.TabbedPanelsTab a { color: black; text-decoration: none; }
.TabbedPanelsContentGroup { clear: both; }
.TabbedPanelsContent { padding: 2px 2px 0px 2px; }
.TabbedPanelsContentVisible { }
.VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; position: relative; }
.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; }
.VTabbedPanels .TabbedPanelsTabSelected { }
.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; }
.RelateditemsDivB1 { padding-right: 10px; margin: 6px; border-bottom: 1px #1d73a8 dashed; padding-bottom: 6px; }

.PeywendiR { width: 400px; float: right; }
.PeywendiL { width: 300px; float: left; }

/* Peywendi */
.tsc_form_contact_light { margin: 0 0 10px; width: 300px; text-align: left; }

 .tsc_form_contact_light .form-input { display: block; width: 270px; height: 24px; padding: 6px 10px; margin-bottom: 10px; font: 12px tahoma, Helvetica, Arial, sans-serif; color: #333; background: #fff; border: 1px solid #ccc; outline: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; behavior: url(PIE.htc); }
 .tsc_form_contact_light textarea.form-input { width: 270px; height: 200px; overflow: auto; }

 .tsc_form_contact_light .form-input:focus { border: 1px solid #7fbbf9; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #7fbbf9; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #7fbbf9; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #7fbbf9; }

 .tsc_form_contact_light .form-input:-moz-ui-invalid { border: 1px solid #e00; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; }
 .tsc_form_contact_light .form-input.invalid { border: 1px solid #e00; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 0 3px #e00; }

 .tsc_form_contact_light.nolabel ::-webkit-input-placeholder { color: #888; }
 .tsc_form_contact_light.nolabel :-moz-placeholder { color: #888; }

 .tsc_form_contact_light .form-btn { padding: 0 15px; height: 30px; font: normal 12px tahoma, Helvetica, Arial, sans-serif; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); cursor: pointer; border: 1px solid #1972c4; outline: none; position: relative; background-color: #1d83e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#77b5ee), to(#1972c4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #77b5ee, #1972c4); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #77b5ee, #1972c4); /* FF3.6 */ background-image: -ms-linear-gradient(top, #77b5ee, #1972c4); /* IE10 */ background-image: -o-linear-gradient(top, #77b5ee, #1972c4); /* Opera 11.10+ */ background-image: linear-gradient(top, #77b5ee, #1972c4); -pie-background: linear-gradient(top, #77b5ee, #1972c4); /* IE6-IE9 */ -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; behavior: url(PIE.htc); }
  .tsc_form_contact_light .form-btn:active { border: 1px solid #77b5ee; background-color: #1972c4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1972c4), to(#77b5ee)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #1972c4, #77b5ee); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #1972c4, #77b5ee); /* FF3.6 */ background-image: -ms-linear-gradient(top, #1972c4, #77b5ee); /* IE10 */ background-image: -o-linear-gradient(top, #1972c4, #77b5ee); /* Opera 11.10+ */ background-image: linear-gradient(top, #1972c4, #77b5ee); -pie-background: linear-gradient(top, #1972c4, #77b5ee); /* IE6-IE9 */ -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); }
 .tsc_form_contact_light input[type=submit]::-moz-focus-inner { border: 0; padding: 0; }

 .tsc_form_contact_light label { margin-bottom: 10px; display: block; width: 300px; color: #444; font-weight: bold; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
  .tsc_form_contact_light label span { font-size: 12px; font-weight: normal; color: #999; }

 .tsc_form_contact_light.frame { padding: 20px; background-color: #ccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#b4b4b4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f6f6f6, #d2d1d0); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f6f6f6, #d2d1d0); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f6f6f6, #d2d1d0); /* IE10 */ background-image: -o-linear-gradient(top, #f6f6f6, #d2d1d0); /* Opera 11.10+ */ background-image: linear-gradient(top, #f6f6f6, #d2d1d0); -pie-background: linear-gradient(top, #f6f6f6, #d2d1d0); /* IE6-IE9 */ -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(255, 255, 255, 0.5); behavior: URL(PIE.htc); }

 .tsc_form_contact_light.tbar { padding: 0 20px 20px 20px; background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d6d6d6)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f6f6f6, #d6d6d6); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f6f6f6, #d6d6d6); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f6f6f6, #d6d6d6); /* IE10 */ background-image: -o-linear-gradient(top, #f6f6f6, #d6d6d6); /* Opera 11.10+ */ background-image: linear-gradient(top, #f6f6f6, #d6d6d6); -pie-background: linear-gradient(top, #f6f6f6, #d6d6d6); /* IE6-IE9 */ behavior: URL(PIE.htc); }
  .tsc_form_contact_light.tbar h3 { font: normal 12px/1 tahoma, Helvetica, Arial, sans-serif; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); padding: 20px; margin: 0 -20px 20px -20px; background-color: #c9c9c9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#c9c9c9)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f6f6f6, #c9c9c9); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #f6f6f6, #c9c9c9); /* FF3.6 */ background-image: -ms-linear-gradient(top, #f6f6f6, #c9c9c9); /* IE10 */ background-image: -o-linear-gradient(top, #f6f6f6, #c9c9c9); /* Opera 11.10+ */ background-image: linear-gradient(top, #f6f6f6, #c9c9c9); -pie-background: linear-gradient(top, #f6f6f6, #c9c9c9); /* IE6-IE9 */ -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 1px rgba(0, 0, 0, 0.5); behavior: url(PIE.htc); }


.ArchiveDiv1 { width: 267px; float: right; padding-top: 5px; }
.ArchiveDiv { width: 710px; height: 37px; background: #e6f0a3; /* Old browsers */ background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */ padding-right: 10px; margin-bottom: 10px; color: #000; }
.ArchiveItemDiv { width: 710px; }
.ArchiveItemDiv1 { width: 3px; float: right; padding-top: 15px; }
.ArchiveItemDiv2 { width: 697px; float: right; padding-right: 10px; border-bottom: 1px #ccc dotted; padding-bottom: 5px; padding-top: 3px; }
.Datapagerdiv { width: 710px; margin-top: 10px; }
.ArchiveIconDiv { width: 53px; height: 22px; float: right; padding-top: 5px; }

.CategoryMorediv { width: 760px; margin-top: 10px; position: relative; }
.CategoryMoreIte { width: 347px; height: 100px; float: right; margin: 0 0 10px 8px; padding: 3px; background-color: #f6f6f6; border: 1px #eee solid; }
 .CategoryMoreIte:hover { background-color: #e8e8e8; }
.CategoryMoreIteR { width: 193px; float: right; }
.CategoryMoreIteL { width: 154px; float: left; }
.CategoryMoreIteR1 { width: 193px; height: 82px; }
.CategoryMoreIteR2 { width: 193px; height: 18px; font: normal 12px tahoma; color: #357506; }
.CategoryTNews { width: 710px; }
.CategoryTNewsT { width: 710px; margin-bottom: 10px; font: bold 15px 'Droid Arabic Naskh', serif; color: #357506; }
 .CategoryTNewsT a { color: #297AE6; }
  .CategoryTNewsT a:hover { color: #6AA7F7; }
.CategoryTNewsC { width: 710px; }
.CatIMG { width: 450px; height: 266px; float: left; border: 1px #ccc solid; padding: 3px; margin: 0 5px 5px 0; }

/* Social Media */
.SocialMediaD { width: 710px; height: 30px; border-top: 1px #eee solid; margin-top: 10px; padding-top: 10px; }
.SocialMediaDR { width: 170px; float: right; color: #357506; text-align: center; }
.SocialMediaDL { width: 350px; float: left; }

.MasterDetailtitle { width: 710px; height: 30px; padding: 5px 10px 0 0; color: #000; margin-bottom: 10px; margin-top: 10px; background: #e6f0a3; /* Old browsers */ background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */ background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */ }

/* Article */
.ArticleList { width: 640px; height: 30px; margin-bottom: 10px; padding-right: 10px; background-color: #fbb810; margin-top: 10px; }
.ArticleList1 { width: 120px; float: right; color: #000; padding-top: 5px; }
.ArticleList2 { width: 200px; float: right; padding-top: 5px; }
.ArticleList3 { width: 50px; float: right; padding-top: 3px; }

.ArticleBlockBItemRe { width: 340px; padding: 5px; height: 92px; border: 1px #eee solid; margin-bottom: 15px; margin-left: 10px; float: right; background-color: #f6f6f6; }
.ArticleBlockBItem { width: 320px; height: 103px; border-bottom: 1px #fff solid; margin-bottom: 10px; }
.ArticleBlockBItem1 { width: 239px; float: right; }
.ArticleBlockBItem2 { width: 81px; float: left; }
.ArticleBlockBItem3 { width: 154px; height: 71px; }
.ArticleBlockBItem4 { width: 154px; height: 22px; font: normal 12px tahoma; color: #c10303; }

.VideoPage { width: 420px; margin: 0 auto 10px auto; }

.BreakingNews { width: 1000px; height: 150px; margin: 15px auto 15px auto; }
.BreakingNews1 { width: 1000px; }

@keyframes animatedBackground {
 from { background-position: 0 0; }
 to { background-position: 100% 0; }
}

@-webkit-keyframes animatedBackground {
 from { background-position: 0 0; }
 to { background-position: 100% 0; }
}

@-ms-keyframes animatedBackground {
 from { background-position: 0 0; }
 to { background-position: 100% 0; }
}

@-moz-keyframes animatedBackground {
 from { background-position: 0 0; }
 to { background-position: 100% 0; }
}

#animate-area { width: 1000px; height: 150px; background-image: url(images/bg-clouds.png); background-position: 0px 0px; }

.BreakingR { width: 202px; float: right; font-family: 'Droid Arabic Kufi'; font-weight: bold; font-size: 70px; color: #fff; padding: 0 30px 0 0; }
.BreakingL { width: 685px; height: 73px; margin: 23px 38px 24px 25px; background-color: #dc0000; opacity: 0.7; color: #fff; float: left; padding: 30px 20px 0 0; font-size: 15px; font-weight: bold; }

#msg { height: 0; padding: 0; margin: 0; }

.dropmenu ul { margin: 0; padding: 0; width: 1040px; }
.dropmenu li { float: right; list-style: none; position: relative; padding: 7px 0 10px 0; }
 .dropmenu li a { text-decoration: none; color: #fff; font-weight: bold; display: block; padding: 0.5em 1em; }
 .dropmenu li ul { display: none; position: absolute; right: 0; top: 100%; width: 10em; box-shadow: 0 0 2px rgba(0,0,0,0.2); z-index: 999; background: #cc0000; background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%); background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); }
  .dropmenu li ul li { float: none; }
   .dropmenu li ul li ul { right: 100%; top: 0; }
 .dropmenu li:hover { padding: 8px 0 9px 0; background: #cc0000; background: -moz-linear-gradient(top, #cc0000 0%, #cc0000 100%); background: -webkit-linear-gradient(top, #cc0000 0%,#cc0000 100%); background: linear-gradient(to bottom, #cc0000 0%,#cc0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#cc0000',GradientType=0 ); }
  .dropmenu li:hover > ul { display: block; }
 .dropmenu li.dir > a:after { content: " +"; }
.dropmenu:after { content: ""; display: table; clear: both; }


.tabs > DIV { margin-top: 0; background: #F17C71 !important; }
 .tabs > DIV H3 { border-bottom: 0 !important; height: 143px; }
.arttab A { color: #fff; display: block; font-size: 12px; padding: 5px 0; text-align: center; text-decoration: none; background-color: #4c0303; }
 .arttab a:hover { background: #d4820c; border-bottom: 0 solid #5a0202; }
.tabs LI:hover A { color: white; }
.active { background: #d4820c !important; border-bottom: 1px solid #5a0202 !important; }
 .active A { color: white !important; }

UL.horizontal { /* Horizontal lists */ display: inline; margin: 0; }
 UL.horizontal > LI { display: inline-block; *margin: 1px; zoom: 1; *display: inline; width: 164px; padding: 0; margin: 0; }

/* CorawcorDiv */
.CorawcorDiv { width: 142px; height: 34px; background-color: #193C62; border-right: 12px #031d38 solid; text-align: center; color: #fff; padding-top: 6px; border-radius: 30px 0 0 0; font-family: Droid Arabic Naskh; font-weight: bold; }
}
.CorawcorDiv:hover { background-color: #783e00; }
.CorawcorDiv1 { width: 134px; background-color: #eff7ff; padding: 10px 10px 0 10px; }
.CorawcorDiv2 { width: 134px; height: 149px; border-bottom: 1px #ccc solid; margin-bottom: 15px; padding-bottom: 10px; }
.CorawcorDiv3 { width: 134px; height: 84px; }
.CorawcorDiv4 { width: 134px; height: 56px; font-family: Droid Arabic Naskh; font-weight: bold; }

/* Tab6-Video */
.Tab6-Video { width: 1000px; margin-bottom: 10px; }

/* Tab6Div */
.Tab6Div { width: 747px; background-color: #fff; }
.Tabs6Div { width: 218px; height: 216px; float: right; margin-left: 7px; border: 1px #c0c0c0 solid; padding: 2px; margin-top: 10px; }
 .Tabs6Div:hover { background-color: #d1d1d1; }
.Tabs6Div1 { width: 218px; height: 147px; }
.Tabs6Div2 { width: 213px; height: 62px; padding-right: 5px; padding-top: 10px; }
.tabimgcl { width: 218px; height: 147px; -webkit-box-shadow: 0 8px 6px -6px #000; -moz-box-shadow: 0 8px 6px -6px #000; box-shadow: 0 8px 6px -6px #000; }
.Tabs6Div3 { width: 2px; height: 2px; margin-top: 12px; background-color: #000; float: right; }
.Tabs6Div4 { width: 205px; height: 62px; float: right; padding-right: 5px; font-weight: bold; }

.tab { display: none; clear: both; overflow: hidden; overflow-x: none; }

.tab_current { display: block; clear: both; overflow: hidden; overflow-x: hidden; }

 .tab *, .tab_current * { }
.tabs { list-style-type: none; }

 .tabs li { float: right; border-top: 0; background-color: transparent; text-align: center; margin-left: 1px; }


  .tabs li a.current { background-color: white; }


  .tabs li a.current { width: 180px; height: 34px; padding-top: 5px; text-align: center; top: 0; position: relative; color: #000; text-decoration: none; background-color: #1d73a8; }

  .tabs li a { padding: 0; color: #fff; text-decoration: none; display: block; width: 180px; height: 34px; padding-top: 5px; }


   .tabs li a:hover { text-decoration: none; color: #000; }
.tabs_top { margin-bottom: 0px; padding-bottom: 0; }
.tandrusti { width: 180px; height: 41px; color: #000; background: #3b679e; background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); font-family: Droid Arabic Naskh; font-weight: bold; }
 .tandrusti a { width: 180px; height: 41px; color: #000; background: #356aa0; background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); font-family: Droid Arabic Naskh; font-weight: bold; }
  .tandrusti a:hover { width: 180px; height: 41px; color: #000; background: #3b679e; background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); font-family: Droid Arabic Naskh; font-weight: bold; }
 .tandrusti:last-child { width: 180px; }


 
/* liScroll styles */
.tickercontainer { width: 100%; height: 36px; margin: 0; padding: 0; overflow: hidden;background: #aebcbf;
background: -moz-linear-gradient(top, #aebcbf 0%, #6e7774 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-linear-gradient(top, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom, #aebcbf 0%,#6e7774 50%,#0a0e0a 51%,#0a0809 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); }
.tickercontainer .mask {  position: relative; right: 5px; top: 0px; width: 99%; overflow: hidden; }
ul.newsticker {  position: relative; right: 100%; list-style-type: none; margin: 0; padding: 0; }
ul.newsticker li { float: right;  margin: 0; padding: 0; width: auto; height: 36px; line-height: 36px; }
ul.newsticker li span { border-right: 3px #0081f2 solid; padding: 5px 0px; }
ul.newsticker a { white-space: nowrap; padding: 0; color: #ffffff; margin: 0 5px 0 35px; font-size: 13px;  }
ul.newsticker a:hover { text-decoration: none; }

#ticker01 { margin-bottom:20px}

.futurediv { width: 1005px; height: 103px; margin: 15px auto 0 auto; position: relative; }
.futurediv1 { width: 302px; height: 81px; padding: 10px; background-color: #fff; border: 1px #ccc solid; float: right; margin-left: 10px; }
.futurediv3 { width: 162px; height: 81px; float: right; padding-right: 10px; }
 .futurediv3 a { color: #000; }
  .futurediv3 a:hover { color: #1271B1; }
.futurediv4 { width: 129px; height: 81px; float: left; }

.polldv { width: 238px; height: 268px; background-color: #fff; }
.polldivB { width: 218px; height: 248px; padding: 10px; }
.WtarDvTcod { width: 228px; height: 30px; font-family: 'Droid Arabic Naskh'; font-weight: bold; padding: 10px 10px 0 0; background: #356aa0; background: -moz-linear-gradient(top, #356aa0 0%, #356aa0 100%); background: -webkit-linear-gradient(top, #356aa0 0%,#356aa0 100%); background: linear-gradient(to bottom, #356aa0 0%,#356aa0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); }


/* poll */
.polldiv { width: 218px; height: 248px; }
.polldivT { width: 218px; height: 29px; border-bottom: 1px #ee8600 solid; }

.polldivT1 { width: 84px; height: 28px; border-bottom: 2px #ee8600 solid; float: right; text-align: center; color: #ee8600; }
.polldivB1 { width: 218px; height: 57px; font: bold 13px 'Droid Arabic Naskh'; }
.polldivB2 { width: 208px; height: 35px; }
.polldivB3 { width: 208px; height: 33px; }

.polldiv3I11 { width: 150px; float: right; }
.polldiv3I12 { width: 124px; float: right; }
.polldiv3I13 { width: 147px; float: right; height: 3px; text-align: center; }
.polldiv3I13-0 { width: 147px; float: right; height: 3px; text-align: center; }
.polldiv3I14 { width: 35px; float: left; }
.pollresultR { width: 120px; height: 32px; float: right; font: bold 13px 'Droid Arabic Naskh'; color: #af0000; }
.pollresultL { width: 80px; height: 32px; float: left; }