@import "/ar/css/tab-view.css";
@import "/ar/css/flags.css";
@import "/ar/css/cms.css";
body {
font-family:tahoma,Arabic Transparent,Traditional Arabic,Arial;
font-size:13px;
color:#555555;
background:#FEFEFE url(/ar/images/bg.jpg) center top no-repeat;
padding:0px;margin:0px;
direction:rtl;
}

*
{
padding:0px; 
margin:0px;
}

/*************common class *******************/

table tr td {
font-family:Verdana;

}

h1, h2, h3, h4, h5, h6 {margin:0px;width:100%;text-align:right;height:25px;}

h4{font-size:12px ; text-decoration:none; color:#000000;}
h3{font-size:12px ; text-decoration:none; color:#000000;}
h2{font-size:16px ; text-decoration:none; border-bottom:0px solid #555; color:#000000;}
h1{font-size:20px ; text-decoration:none; color:#FFFFFF; background:#999999;display:block;border:0px solid red;}

a img{border:none;}

form{margin:0px; padding:0px;}

p { padding:5px 0px;}





/*************common class *******************/

#main {
    width:1003px;height:auto;margin:auto;
}

#ImageHead
{
    position: relative;width: 100%;height: 30px;text-align: center;background-color: #c5e3fa;
}
#ImageHead h1
{
    height:30px;font-size:2px;font-family:arial;margin:0px; color:#999999;
}
#ImageHead .imgheader
{
    position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-position: right top;background-repeat: no-repeat;
}
#ImageHead .about {background-image: url( '/ar/images/ar/about-us.gif' );}
#ImageHead .board {background-image: url('/ar/images/ar/board.gif');}
#ImageHead .faqs {background-image: url('/ar/images/ar/faqs.gif');}
#ImageHead .desert-challenge {background-image: url('/ar/images/ar/desert-challenge.gif');}
#ImageHead .desert-x {background-image: url('/ar/images/ar/desert-x.gif');}
#ImageHead .dubai-rally {background-image: url('/ar/images/ar/dubai-rally.gif');}
#ImageHead .abu_dhabi_gp {background-image: url('/ar/images/ar/abu-dhabi-gp.gif');}
#ImageHead .fia {background-image: url('/ar/images/ar/fia.gif');}
#ImageHead .fim {background-image: url('/ar/images/ar/fim.gif');}
#ImageHead .cik {background-image: url('/ar/images/ar/cik.gif');}
#ImageHead .fiva {background-image: url('/ar/images/ar/fiva.gif');}
#ImageHead .ait {background-image: url('/ar/images/ar/ait.gif');}
#ImageHead .uae-guide {background-image: url('/ar/images/ar/uae-guide.gif');}
#ImageHead .int-driving-permit {background-image: url('/ar/images/ar/int-driving-permit.gif');}
#ImageHead .car-passage {background-image: url('/ar/images/ar/car-passage.gif');}
#ImageHead .int-certificate {background-image: url('/ar/images/ar/int-certificate.gif');}
#ImageHead .videos {background-image: url('/ar/images/ar/videos.gif');}
#ImageHead .fia-inst-safety {background-image: url('/ar/images/ar/fia-inst-safety.gif');}
#ImageHead .fia-safety {background-image: url('/ar/images/ar/fia-safety.gif');}
#ImageHead .marshals {background-image: url('/ar/images/ar/marshals.gif');}
#ImageHead .f1-standing{background-image:url('/ar/images/ar/f1-standings.gif') ;}
#ImageHead .wrc-standing{background-image:url('/ar/images/ar/wrc-standings.gif') ;}
#ImageHead .profile {background-image: url('/ar/images/ar/profile.gif');}
#ImageHead .calendar {background-image: url('/ar/images/ar/calendar.gif');background-position: 21.5em top;}
#ImageHead .news {background-image: url('/ar/images/ar/news.gif');}



/************* header part *******************/

#header { float:left; height:165px; width:100%;}
.atc-logo { float:right; width:168px; height:158px; padding-left:20px;}
.top-right-logos {background:url(/ar/images/top_strip_logos.png) left bottom no-repeat; height:145px; width:780px; float:left;}
.tl-divider { width:2px; height:65px; float:left; border-left:1px dotted #1D1D1D; margin-top:0.9em;}
.fiA {float:left;width:115px; padding-left:8px;}
.FIM {float:left;width:151px;}

/************* header part *******************/

#content-wrapper { width:100%; float:left;}
.col-left { float:right; width:225px;}
.col-mid { float:right; width:456px;}
.col-right { float:right; width:300px;}

#navbar {width:209px; border:8px solid #8E8E8E;float:right;margin:0;text-align:right;}
#navbar a { display:block; border-bottom:0px solid #585A44; text-decoration:none; color:#919294; padding:4px; font-weight:bold; padding-left:15px; font-size:12px; margin-bottom:1px;background:#181818;}

#navbar a:hover {border-bottom:0px solid #3C3D41; background:#3C3D41; color:#ffffff;}
  .index #navbar #index,
  .about #navbar #about,
  .board #navbar #board,
  .faqs #navbar #faqs,
  .photogallery #navbar #photogallery,
  .globalatcs #navbar #globalatcs,
  .rules #navbar #rules,
  .competition #navbar #competition,
  .photogallery #navbar #photogallery,
  .useful_links #navbar #useful_links,
  .contact #navbar #contact
      	{border-bottom:0px solid #3C3D41; background:#3C3D41; color:#ffffff;}

.grey-border-L { float:left; width:209px; border:8px solid #999999;}
.darkgrey-border-L { float:left; width:209px; border:8px solid #222423;}
.grey-border-M_h { float:left; width:440px; border:8px solid #999999; height:auto; background:#fff;text-align:right;}
.grey-border-M { float:left; width:440px; border:8px solid #999999; min-height:870px; height:auto; background:#fff;}
/* for Internet Explorer */
/*\*/
* html .grey-border-M {height: 870px;}
/**/
.darkgrey-border-M { float:left; width:440px; border:8px solid #222423;}
.grey-border-R { float:left; width:284px; border:8px solid #999999;}
.darkgrey-border-R { float:left; width:284px; border:8px solid #222423;}

.cont_banner{float:left; width:286px; height:200px; }

.main_con{width:79%;height:77%; float:right;}
.in_con2{width:77%; height:10%; float:right;  padding:0px;}
.in_con{width:77%; height:10%; float:right;  padding:0px;}
#trecking{width:100%; height:20px; float:left; cursor:pointer;}
#result{width:62px; height:20px; float:left; cursor:pointer;}
#news{width:49px; height:20px; float:left; cursor:pointer;}
#pic{width:45px; height:20px;  float:left; cursor:pointer;}
#vedios{width:57px; height:20px;  float:left; cursor:pointer;}




.blank-div-V { width:10px; height:100%; float:right;}
.blank-div-H { width:100%; height:10px; float:left;}

.contentwrapper { width:416px; float:left; padding:12px; padding-top:30px; background:#fff url(/ar/images/ar/toparrow.gif) right top no-repeat;  color:#555; }

.left-banner2 {width:100%; padding:2px 0px; background:#82817F;}

a:link {color: #fff;text-decoration: none;}
a:active {color: #fff;text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: underline;}

.video-block {width:100%; float:left; background:#19140E;padding-bottom:5px;}
.videos li{list-style-type:none; background-color:#19140E; background: transparent url(/ar/images/video-bul.gif) no-repeat 0em 0.3em;font-size:12px;color:#9A9899;padding-left:25px;padding-top:3px;}
.videos li a{color:#9A9899;text-decoration:none; }
.videos li a:hover{color:#9A9899;text-decoration:underline;}
.vid-player {float:left;width:306px;}
.video-desc {float:left; width:108px; height:227px;background:url(/ar/images/video-bg.jpg) left top no-repeat; padding: 0px 9px; padding-top:16px; color:#9D9A95; border-left:8px solid #fff;border-bottom:8px solid #fff;}

.topdate {float:left; height:40px; width:250px; line-height:45px; font-weight:bold; background:transparent; padding-top:5px;}
.top-S-logos {float:left; height:40px; width:480px;font-weight:bold; padding-left:50px;}

.ranking-row { float:right; width:100%; padding:2px 0; background:#fff;}
.teamlogos { width:15%; float:right; padding:5px; }
.ranking-points {width:15%; float:right; padding:5px; text-align:center; color:#030303;}
.player-name {width:58%; float:right; color:#030303;font-weight:bold; padding:5px;}
.teamname {color:#545452; font-weight:normal; font-size:11px;}
.date {color:#545452; font-weight:normal; float:left;font-size:11px; width:100%; padding-bottom:10px;}

.news-block {width:270px; background:#19140E; padding:10px; float:left;}
.news-row { float:left; width:100%; padding:10px 0px;border-bottom:1px dashed #999;color:#000000;}
.news-thumbimg { float:left; width:23%;}
.news-desc { float:left; width:76.5%;font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.imgborder { border:1px solid #6e6d69;}
.imgmargin-R { margin-right:15px;margin-bottom:1px; float:left;}

.bottom-nav { font-weight:bold; color:#000; text-transform:uppercase; font-size:10px;width:963px;float:left; padding:0px 20px;direction:rtl;
direction:rtl;
}
.bottom-nav span { color:#7F7F7F; padding-top:3px; display:block; text-decoration:none;}
.bottom-nav a { color:#000; padding-top:3px; display:block; text-decoration:none;direction:rtl;
}
.bottom-nav a:hover { color:#000; text-decoration:underline;direction:rtl;
}

.credits {width:89%; float:left; color:#000; background:#999; padding:5px 0px; padding-right:11%}

.calendar {float:left; background:url(/ar/images/calbg.jpg) repeat-x; width:96%; padding:0px 2%; height:285px; background:url(/ar/images/calbot.jpg) right bottom no-repeat;}
.cal-viewall {float:left; width:35%; padding-right:5px; line-height:30px; text-align:left; }
.cal-head {float:right; width:50%; font-size:20px;  padding:3px; }

.board_holder_main { width:100%;float:left; margin-bottom:0.5em; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.board_holder { width:95.5%; border:1px solid #B5B5B5; background:#F4F4F4; padding:1.5% 2%; float:left; margin-bottom:0.5em;}

.video_main { width:377px; border:1px solid #B5B5B5; border-top:0px; padding:18px; float:left; margin-top:-2px; background:url(/ar/images/arrow1.gif) no-repeat top left;}
.video_holder { width:99.5%; border:1px solid #B5B5B5; background:#F4F4F4; float:left; margin-top:1em;}
.video_row { width:95.2%; border-bottom:1px solid #D5D5D5; padding:2.4%; float:left;}
.video_row:hover { width:95.2%; border-bottom:1px solid #fff; padding:2.4%; float:left; background:#fff;}
.video_img { width:28%; float:left;}
.video_desc { width:72%; float:right;}

.play_but { background:url(/ar/images/play_but.gif) no-repeat; float:left; width:61px; height:23px; line-height:21px;padding-left:5px; font-weight:bold; margin-top:5px; }
.play_but a { text-decoration:none; }

.view-std-txt { background:url(/ar/images/view-standings-txt.jpg) no-repeat; width:130px; height:23px; display:block; cursor:pointer;}

/*************************** pagination ******************/

.pagination{
padding: 5px;
float:right;
margin-top:15px;
padding-bottom:20px;

}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;

}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 0px solid #F4F4F4;
text-decoration: none; 
color: #000;
}

.pagination a:hover, .pagination a:active{
border: 0px solid #F4F4F4;
color: #fff;
background-color: #FF0F0E;
}

.pagination a.currentpage{
background-color: #FF0F0E;
color: #FFF !important;

font-weight: bold;
cursor: default;
}

.pagination a.disablelink_p, .pagination a.disablelink_p:hover{
background: url(/ar/images/leftarr_off.gif) right no-repeat;
cursor: default;
color: #fff;

font-weight: bold !important;
padding:6px;
width:40px;
padding-left:15px;
cursor:default;
text-decoration:none;
margin-right:2px;
text-align:left;
font-size:10px;

}

.pagination a.disablelink_n, .pagination a.disablelink_n:hover{
background: url(/ar/images/rightarr_off.gif) left no-repeat;
cursor: default;
color: #fff;

font-weight: bold !important;
padding:6px;
width:40px;
padding-right:20px;
cursor:default;
text-decoration:none;
font-size:10px;
}

.pagination a.prev{
font-weight: bold;
width:40px;
height:25px;
background: url(/ar/images/leftarr_on.gif) right no-repeat;
padding:6px;
color: #fff;
padding-left:15px;
cursor:pointer;
margin-right:2px;
font-size:10px;
}

.pagination a.next{
font-weight: bold;
width:40px;
height:25px;
background: url(/ar/images/rightarr_on.gif) left no-repeat;
padding:6px;
padding-right:15px;
color: #fff;
cursor:pointer;
font-size:10px;
text-align:left;


}

.pdf{ float:right; margin-right:0.8%;width:32%;border:1px solid #B5B5B5; margin-top:0.3em;}
.pdf_icon { width:100%;  text-align:center; padding:8px 0px;}
.pdf_link { width:100%; border-top:none;padding:4px 0; display:block; background:#F1F1F1; text-align:center; font-size:11px; font-weight:bold;}

/*************************** pagination ******************/

/************* team logos part *******************/
.australia { width:20px; height:22px; background:url(/ar/images/sheilds/australia.gif) no-repeat; float:left;}
.india { width:20px; height:22px; background:url(/ar/images/sheilds/india.gif) no-repeat; float:left;}
.ireland { width:20px; height:22px; background:url(/ar/images/sheilds/ireland.gif) no-repeat; float:left;}
/************* team logos part *******************/

/************* footer part *******************/

#footer {width:100%; height:55px; background:#000; float:left; padding:15px 0px;margin-top:1em;}

/************* footer part *******************/