/* Designed and Coded By: Syosys Technologies Date: 26/5/2009 */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } p{font:normal 12px Arial, Helvetica, sans-serif; line-height:18px;} h2{font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; } h1{font:normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #900; } a {text-decoration: none;} body{ background:url(../img/body.gif) no-repeat center TOP; font-family:Verdana, Geneva, sans-serif} #container {width:1007px; margin: 0 auto 0 auto; background:#666666 url(../img/container_bg.gif) repeat-x; } #header {width:1007px; height: 86px; background: #FFF url(../img/Banner.gif) no-repeat right;} #header .logo{float:left; margin:14px 0 0 28px;} #header .call { float: left;height: 31px; background:url(../img/icon_ph.jpg) no-repeat left; margin: 31px 0 0 56px; padding: 0 0 0 40px; font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;} #header .talk_img{float: left; margin: 22px 0px 0px 279px;} #header .icon_img{float: left; margin: 23px 0px 0px 6px;} #nav_bar{width: 1007px; height: auto; float:left;} #nav_bar .menu_bar{ width:971px; height:41px; float:left; margin-left:17px; background:url(../img/menu_bar.gif) repeat-x;} #nav_bar .menu_bar span{ float:left; width: 7px; height: 41px;background:url(../img/menu_bar_right.gif) no-repeat;} #nav_bar .menu_bar .right{ float:right; width: 7px; height: 41px;background: url(../img/left.gif) no-repeat;} #nav_bar .menu_bar ul{float:left; margin: 10px 0px 0px 19px; } #nav_bar .menu_bar ul li { float:left; padding:3px 10px 3px 10px; font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFF;} #nav_bar .menu_bar ul li a.active{ background:#000; padding: 3px 5px 3px 5px; } #nav_bar .menu_bar ul li a{ color: #FFF; } #nav_bar .menu_bar .form{ width:100px; height:15px; float:left; margin: 11px 0px 0px 54px; } #nav_bar .menu_bar .formicon { float:left; margin-top:11px;} #nav_bar .secondary_nav{float:left; width: 687px; margin: 6px 0px 7px 180px;} #nav_bar .secondary_nav ul{float:left; } #nav_bar .secondary_nav ul li{float:left; padding: 0px 6px 0px 6px; border-right: 1px solid #000; font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; } #nav_bar .secondary_nav ul li a{color: #000;} #main{width:990px; height:auto; padding: 0px 0px 10px 17px;} #main .at_banner{ float:left; width:971px; height:160px; margin: 2px 0px 0px 0px; } #main .at_left_img{ float:left; width:677px; padding-bottom:9px; margin: 10px 0px 0px 0px; background:#ebebeb} #main .at_left_pict{ width:202px; float:left; text-align:center; line-height:40px; background:#FFF; margin:0px 0px 0px 0px; padding-top:30px;} #main .at_left_pict ul{float:left; margin-left:20px; } #main .at_left_pict ul li{ font: normal 15px Verdana, Geneva, sans-serif; } #main .at_left_pict ul li a{color:#FFF; background: url(../img/gp_li_bg.gif) no-repeat; float:left; width:151px; height:38px; padding:2px 0px 0px 0px; margin: 4px 0px 0px 0px;} #main .at_left_pict ul li a:hover{background:url(../img/gp_li_bg_hover.gif);} #main .at_left_para{ width:659px; float:left; background:#FFF; margin:10px 0px 0px 0px; border:9px solid #ebebeb;} #main .at_left_para h1{font:normal 18px Arial, Helvetica, sans-serif; color: #F00; margin:25px 0px 5px 50px;} #main .at_left_para p{padding: 0px 20px 10px 20px; text-align:justify; } #main .at_left_para h6{margin:0px 20px 0px 20px; font:bold 13px Verdana, Geneva, sans-serif; color: #900;} #main .at_left_para h2{color:#900;} #main .at_left_para hr{width:600px; border-top:dotted 1px #333; margin-bottom:27px;} #main .at_left_para dt{margin:0px 25px 25px 38px; float:left; border: solid 2px #999;} #main .bs_left_para .contact{float:left; margin:0px 0px 10px 50px;} #main .bs_left_para .contact p{ color:#666; text-align:left; margin-left:20px;} #main .bs_left_para .contact h3{font:normal 16px Verdana, Geneva, sans-serif; color:#666; margin-left:20px; margin-bottom:5px; } #main .bs_left_para .contact h4{width:200px; float:left; background:#900; font:normal 13px Verdana, Geneva, sans-serif; color:#FFF; margin: 0px 0px 10px 20px; padding:5px 0px 5px 0px;} #main .bs_left_img{ float:left; width:971px; padding-bottom:10px; margin: 10px 0px 0px 0px; background:#ebebeb } #main .bs_left_img span{ width:971px; height:10px; float:left; background: url(../img/bs_left_img_span.gif);} #main .bs_left_para{ float:left; background:#FFF; margin:9px 8px 0px 0px; width:955px; border:9px solid #ebebeb; } #main .bs_left_para p{font:normal 12px Arial, Helvetica, sans-serif; color:#000; margin:5px 79px 5px 20px;} #main .bs_left_para h2{font:normal 18px Arial, Helvetica, sans-serif; color: #F00; margin:25px 0px 0px 50px; } #main .bs_left_para h4{font:normal 18px Arial, Helvetica, sans-serif; color: #F00; margin:10px 0px 5px 20px; } /* #main .at_left_para .bs_box{width:659px; float:left; background: #FFF; margin:0px 0px 0px 0px; border-bottom:1px double #ebebeb;} #main .at_left_para .bs_box .bs_head{width:659px; height:30px; float:left; background: #98bbf9; margin:0px 0px 5px 0px;} #main .at_left_para .bs_box p{} #main .at_left_para .bs_box h6{ font:bold Verdana, Geneva, sans-serif 12px; color:#F00; width:100px; height:20px; margin:0px 0px 0px 5px;float: left; } */ #main .at_left_img .bs_box{width:600px; margin:0 0 0 20px ; float:left; background:#e6e6e6; border-bottom:1px dashed #c3c3c3; padding:20px 10px;} #main .at_left_img .bs_box p{} #main .at_left_img .bs_box h6{ color:#000; width:100px; height:20px; margin:0px 0px 0px 5px;float: left; } #main .at_left_img .bs_box h5{ color:#000; width:150px; height:20px; margin:0px 0px 0px 5px;float: left; } #main .at_right_para{ float:right; width:283px; margin: 10px 18px 0px 0px; background:#ebebeb } #main .at_right_para span{ width:283px; height:8px; float:left; background: url(../img/at_right_para_span.gif); } #main .at_right_para .innerpage{ width:265px; float:left; background:#FFF; margin:9px 0px 9px 9px;} #main .at_right_para .innerpage hr{width:265px; height:6px; float:left; border: 1px dotted #FFF; background:#FFF; margin:5px 0px 0px 0px;} #main .at_right_para .innerpage dt{width:245px; height:6px; float:left; border: 1px dotted #FFF; background:#FFF; margin:45px 0px 0px 0px;} #main .at_right_para .at_head{ float:left;width:255px; height:34px; background:url(../img/at_h2.gif); text-align:center;} #main .bs_head{ float:left;width:265px; height:34px; background: url(../img/bs_right_head_bg.gif); text-align:center;} #main .at_right_para .at_head h2{color:#900; margin: 3px 0px 0px 0px; } #main .bs_head h2{color:#900; margin: 3px 0px 0px 0px;} #main .at_right_para p{ float:left; width:240px; margin: 5px 0px 10px 10px; text-align:justify; font: normal 14px"Trebuchet MS", Arial, Helvetica, sans-serif;} #main .at_right_para h3{margin:0px 0px 0px 10px; font:normal 14px Verdana, Geneva, sans-serif; color: #900;} #main .at_right_para a{width:50px; height:15px; background:#999; float:right; background:url(../img/bs_link_bg.gif) no-repeat right; margin:0px 8px 10px 0px;} #main .at_right_para .form_one{ width:100px; margin: 0px 3px 11px 0px; } #main .at_right_para .form_two{ width:80px; margin: 0px 3px 0px 8px; } #main .at_right_para .form_three{ width:65px; float:left; margin: 0px 3px 0px 8px; } #main .at_udr_left{width:676px; height:inherit; float:left; margin:14px 0px 0px 0px; background:#eefbfe url(../img/at_udr_left_span_bottom.gif) no-repeat bottom;} #main .at_udr_left span{ float:left; width:676px; height:5px; background:url(../img/at_udr_left_span.gif);} #main .at_udr_left h6{font:bold 12px Arial, Helvetica, sans-serif; width:600px; margin:10px 0px 0px 15px;} #main .at_udr_left p{margin:5px 0px 0px 10px;} #main .at_udr_right{ float:right; width:283px; height:inherit; margin:14px 18px 0px 0px; background:#eefbfe url(../img/at_udr_right_span_bottom.gif) no-repeat bottom;} #main .at_udr_right span{ float:left; width:283px; height:8px; background: url(../img/at_udr_right_span.gif);} #main .at_udr_right .at_head{width:265px; height:34px; float:left; background: url(../img/news_head.gif); margin:0px 0px 0px 8px;} #main .at_udr_right .at_head h2{padding:5px 0px 0px 45px;} #main .at_udr_right p { float:left; width:250px;margin: 6px 0px 0px 18px; text-align:justify; font: normal 14px"Trebuchet MS", Arial, Helvetica, sans-serif;} #main .search_panel{ float:left; width:208px; height:317px; padding-left: 0px; border: 6px solid #FFF;} #main .search_panel span{width:200px; height:329px; display:block; background: url(../img/search_panel_left.gif) no-repeat; margin-left:0px;} #main .search_panel .inner{ float:left;width:210px; height:320px; background:#ebebeb; margin:5px 0px 0px 5px;} #main .search_panel ul{ width:210px; float:left; margin: 3px 0px 10px 1px; } #main .search_panel a{float:left; width:100px; height:20px; padding-top:5px; background:url(../img/search_panel_li.gif) repeat-x; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #900; text-align:center; margin-left: 2px; } #main .search_panel ul .active{width:100px; height:20px; background:url(../img/search_panel_acv.gif) repeat-x; color:#FFF;} #main .search_panel p{ float:left; width: 205px; margin:0 0 0px 0; padding:14px; } #main .search_panel .search{float:left; width:59px; height:19px; background: url(../img/search_black.gif); font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-align:center; padding-top: 3px; display:block; border:0;} #main .search_panel hr{ background:url(../img/doted.gif); border:0; height:1px;clear:both; display:block; margin-top:0px;} #main .search_panel .form{ width:110px; float:left; margin: 0px 3px 0px 0; } #main .search_panel .click_box{ float: left; width:187px; height: auto; margin: 10px 0px 0px 7px;} #main .search_panel .click_box ul{ float:left;} #main .search_panel .click_box ul a{width:187px; height: 22px; background:#e41b54; color:#FFF; margin-top: 2px;} #main .search_panel .click_box ul a.active{background:#666;} #main .flash_panel{ width:744px; height:329px; float:left; background:#FFF; margin-left: 7px;} #main .flash_panel span{ width:7px; height:329px; float:left; background:#FFF url(../img/flash_p_left.gif) no-repeat;} #main .flash_banner{ width:732px; height:251px; float:left; background:#FFF url(../img/flash_banner.gif); margin-top: 7px; margin-left:7px;} #main .flash_panel .location{float:left; margin: 10px 0px 0px 15px;clear:both; } #main .flash_panel .location li{ float:left; padding: 0px 8px 0px 8px; border-right: 1px solid #000; font: bold 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#242837;} #main .flash_panel .location li a{color: #fff;} #main .content_panel{width:622px; height:329px; float:left; background:#FFF; margin: 10px 0px 0px 0px; padding:0 8px;} #main .content_panel span{width:9px; height:329px; float:left; background: url(../img/content_left.gif);} #main .content_panel .news{width:306px; height:313px; float:left; background:#ebebeb; margin:7px 9px 0px 0px;} #main .content_panel .faq{ margin:7px 0 0px 0px;} #main .content_panel .news_head{width:306px; height:34px; float:left; background: url(../img/news_head.gif);} #main .content_panel .news_head h2{text-align:center; margin-top:5px;} #main .content_panel .news p{margin:15px 0px 0px 10px; width:273px; float:left; line-height:18px;} #main .content_panel .news p strong{ margin-top:10px; font-weight:bold;} #main .content_panel .news span { width:273px; height:1px; background:url(../img/content_doted.gif); margin-top:3px;} #main .job_panel{width:312px; height:329px; float:left; background:#FFF url(../img/content_right.gi) no-repeat right; margin: 10px 0px 0px 10px; padding-left:9px;} #main .job_panel span{width:9px; height:329px; float:left; background: url(../img/content_left.gif);} #main .job_panel .job_news{width:303px; height:313px; float:left; background:#ebebeb; margin:8px 0px 0px 0px;} #main .job_panel .job_news_head{width:303px; height:34px; float:left; background: url(../img/job_news_head.gif);} #main .job_panel .job_news_head h2{text-align:center; margin-top:5px;} #main .job_panel .job_news p{font:normal 12px Arial, Helvetica, sans-serif; margin:15px 0px 0px 10px; float:left; line-height:18px;} #main .job_panel .job_news span { width:273px; height:1px; background:url(../img/content_doted.gif); margin-top:3px;} #main .bottom_list{width: auto; height:219px; float:left; margin: 20px 0px 0px 5px;} #main .bottom_list ul{ float:left; width: 180px; margin-right:30px;} #main .bottom_list ul .under_head{ font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; background:none; padding-left:0px; } #main .bottom_list ul li{ width:180px; background:url(../img/bottom_li.gif) no-repeat left; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3c3c3; padding-left: 12px; margin-top: 7px;} #main .bottom_jquary{ float: left; width:140px; height:219px; float:left; background: url(../img/boottom_jquary.gi); margin-top:20px;} #main .bottom_jquary ul{width:140px; } #main .bottom_jquary ul li{ margin-top:5px; font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; } #main .bottom_jquary ul a{width:140px; float:left; background:url(../img/bottom_li.gif) no-repeat left; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3c3c3; padding-left:12px; height:20px; margin-bottom:3px; } #main .bottom_jquary ul a.active { width:140px; display: block; background:#4c4c4c url(../img/jquery_li.gif) no-repeat left; } #main .bottom_right_box{ float: left; width:291px; height:197px; float:left; background:#4c4c4c; margin-top:20px; padding:10px 15px 10px 15px;} #main .bottom_right_box p{ font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adadad;} #main .bottom_right_box p span{ font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;} #footer{ width:998px; height:35px; margin:5px 0px 0px 0px; font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#676767; padding: 5px 0px 0px 10px; background:url(../img/footer.gif) repeat-x;} #footer span{float:right; padding-right:10px;} /*home page tab navigation banner*/ /* Caution! Ensure accessibility in print and other media types... */ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide { display: none; } } /* Hide useless elements in print layouts... */ @media print { .ui-tabs-nav { display: none; } } #rotate{ position:relative; width:730px;float:left;margin-top: 7px; margin-left:7px;} #rotate p{ background:url(../img/trans1.png); padding:5px 5px 5px 10px; margin:0; display:block; height:86px; color:#191919; font:normal 14px "Trebuchet MS"} #rotate h2{ color:#da0d47; background:url(../img/trans1.png); padding:5px 0 0 10px; margin:0; } /* Skin */ .ui-tabs-nav, .ui-tabs-panel { font:normal 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } .ui-tabs-panel{ width:461px; height:113px;padding: 160px 0 10px 0;} .ui-tabs-nav { list-style: none; margin: 0; padding: 10px 0; background:#292d3b; color:#777a83; width:269px; position:absolute; right:0px; top:0px; height:263px; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0 0 0 0; margin:8px 0; padding:0 0 0 0; } .ui-tabs-nav li a{ display: block; padding: 5px 30px; background:url(../img/banner_bullet1.gif) no-repeat 10px; color:#777a83; } .ui-tabs-nav a { margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */ } .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; color: #fff; padding: 5px 30px; background:#505360 url(../img/banner_bullet1_on.gif) no-repeat 10px !important; } .ui-tabs-nav a span { width: 64px; /* IE 6 treats width as min-width */ min-width: 64px; height: 18px; /* IE 6 treats height as min-height */ min-height: 18px; padding-top: 6px; padding-right: 0; } *>.ui-tabs-nav a span { /* hide from IE 6 */ width: auto; height: auto; } .ui-tabs-nav .ui-tabs-selected a span { padding-bottom: 1px; } .ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { background-COLOR:#000; } .ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active { background-position: 100% -100px; } .ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span { background-position: 0 -50px; } .ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span { background-position: 0 0; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; } /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } #fragment-1{background: #fff url(../img/banner01.gif); } #fragment-2{background: #fff url(../img/banner02.gif); } #fragment-3{background: #fff url(../img/banner03.gif); } #fragment-4{background: #fff url(../img/banner04.gif); } #fragment-5{background: #fff url(../img/banner05.gif); } #fragment-6{background: #fff url(../img/banner06.jpg); } /*home page tab navigation banner ends here*/ #highlights {background:; padding: 0px 18px 18px 18px; font-size:11px; min-height:130px; float:left; margin:28px 0px 0px 42px; } #highlights ul .jq_ul_head { font:normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; background:none;} #highlights ul{ width:150px;float:left; margin:0px 0px 0px 0px; padding:0;} #highlights li{ list-style:none; background:url(../img/bottom_li.gif) no-repeat 10px 8px;} #highlights li a{ display:block; font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3c3c3;text-decoration:none; padding:2px 0px 2px 25px; margin-top:5px;} #highlights li a:hover{background:#4c4c4c url(../img/bottom_li.gif) no-repeat 10px 8px; display:block; } #highlights .active{background:#4c4c4c url(../img/bottom_li.gif) no-repeat 10px 8px; display:block; } #highlights .active:hover{background:#4c4c4c url(../img/bottom_li.gif) no-repeat 10px 8px; display:block; } #highlights span{ display:none; float:left; width:260px; font-size:10px; background:#fff; margin:0; padding:15px; text-align:justify;color:#3c3c3c;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; min-height:71px;} #highlights span ul{ width:350px;} #highlights span li{color:#3c3c3c;font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; list-style:disc; margin-left:0px;} #highlights span li strong{font-family:Arial, Helvetica, sans-serif; font-size:10px;} #highlights .travels{ float:left; width:300px; height:218px; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#adadad; background:#4c4c4c; margin:0px;} #highlights .travels h6{ font-weight:bold; color:#FFF;} #highlights .travels h5{ font-weight:normal; color: #FFF;} /**/ #main .at_left_arabic {direction:rtl;} #main .at_left_arabic h1 { margin-right:19px;} #main .at_left_para h1 a { font-size:12px; color:#333; text-decoration:underline;} #main .at_left_para h1 a:hover { text-decoration:none; color:#C10000;} #main .at_left_arabic p{text-align:right; font-size:13px; } #main .at_left_arabic .list_arabic1 { } #main .at_left_arabic .list_arabic1 div { padding:3px 20px; font-size:13px; } #main .at_left_arabic .list_arabic1 h3 { padding:5px 20px 0 0 ;} #main .bs_left_para_arbic { direction:rtl; } #main .bs_left_para_arbic p .link { margin:5px 0 0 0; display:block; float:left !important; font-size:15px; color:#000; text-decoration:underline;} #main .bs_left_para_arbic p .link:hover { color:#C10000; text-decoration:none;} #main .bs_left_para p .link { margin:5px 0 0 0; display:block; float:right; font-size:15px; color:#000; text-decoration:underline;} #main .bs_left_para p .link:hover { color:#C10000; text-decoration:none; } #main .bs_left_para_arbic .TabbedPanelsContent { padding:10px 20px;} #main .bs_left_para_arbic .TabbedPanelsContent h6 { margin:0;} #main .bs_left_para_arbic .TabbedPanelsContent h3 { background:url(../img/spry_h3_bg_ar.gif) no-repeat right 5px; padding-right:13px; font-size:16px;} #main .bs_left_para_arbic .TabbedPanelsTabGroup { padding-left:200px;}