body{padding:0; margin:0; background:#fff url('http://static.jazanu.edu.sa/images/portal/NewDesign/bg.png') repeat-x center top}
img{border:0}
.clr{clear:both}
.b_tbar{background:#0292d8; height:31px}
.b_tbar>div{margin:0 auto; width:998px; line-height:31px}
.y_tbar{background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/y_tbar.png) repeat-x top; height:22px}
.y_tbar>div{margin:0 auto; width:998px}
.head{margin:15px auto 0; width:998px; height:280px}
.bt_r{float:left; height:31px; padding:0px 0 0 0; color:#fff; font:bold 14px "Tahoma"; line-height:31px}
.h_icon{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/y_home.png') no-repeat bottom; height:17px; width:17px; display:inline-block}
.bt_r a:link, .bt_r a:visited{color:#fff; text-decoration:none}
.bt_r a:hover{text-decoration:underline}
.bt_l{float:right; height:31px; width:345px}
.search{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/en/bg_search.png') no-repeat; width:157px; height:20px; margin:5px 0 0 15px; float:left}
.search>div{width:120px; height:20px; float:right; margin:0 0 0 10px;padding-top: 3px;}
.search>div input{width: 100px; height: 10px;border-width:0px;}
.search>div td.ms-sbcell{border:0px !important;}
.social>a{background-image:url('http://static.jazanu.edu.sa/images/portal/NewDesign/en/social.png'); display:inline-block}
.youtube{width:46px; height:19px; background-position:-22px 0px}
.twitter{background-position:-68px -20px; width:26px; height:18px}
.facebook{background-position:0px 0px; width:22px; height:19px}
.english_b{background-position:0px -19px; width:63px; height:18px}
.social{margin:3px 0 0 0}
.yt_r{float:left; color:#fff; font:bold 13px "Tahoma"; line-height:20px; margin:0 20px 0 0}
.yt_l{float:right; color:#0286ce; font:bold 13px "Tahoma"; line-height:20px}
.yt_l>a:link, .yt_l>a:visited{text-decoration:none; color:#0286ce}
.yt_l>a:hover{color:#036ea9}
.r_h{float:left}
.r_h>a{display:block; background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/logo.png'); width:151px; height:243px}
.l_h{width:785px; float:right; height:270px}
.slides{position:relative; width:785px; background-color:#fff; height:245px}
.s_shadow{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/s_shadow.png') no-repeat left; width:785px; height:23px}
.slides>.slides_container{border:9px solid white; width:767px; height:227px; background-color:white; position:relative; display:none; overflow:hidden}
.slides>.slides_container a{width:767px; height:227px; display:block}
.slides>.slides_container a img{display:block; width:767px; height:227px}
.slides>.arrow.next{display:inline-block; height:45px; width:61px; background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/prev_next.png) no-repeat; position:absolute; left:0; top:104px; z-index:999; cursor:pointer}
.slides>.arrow.prev{display:inline-block; height:45px; width:61px; background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/prev_next.png) no-repeat -61px 0; position:absolute; top:104px; z-index:9999; left:61px; cursor:pointer}
.vaccordion{width:998px; margin:5px auto 0}
#example4{width:998px; height:257px}
#example4 ul{list-style:none; padding:0; margin:0}
#example4 ul li{float:right!important  /*border-right:1px solid #fff*/}
#example4 .frame-0 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right}
#example4 .frame-1 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right;}
#example4 .frame-2 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/emp.png') no-repeat right}
#example4 .frame-3 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right}
#example4 .frame-4 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/Staff.png') no-repeat right}
#example4 .frame-5 .frame-content{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right}
#example4 .frame-6{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right}
#example4 .frame-7{background:#0286CE url('http://static.jazanu.edu.sa/images/portal/NewDesign/student_icon.png') no-repeat right}
#example4 h2{background-image:url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/servicbg1.png);background-repeat:no-repeat;background-color:white;}
#example4 span{font:bold 13px/28px "Tahoma";text-align:center;}
#example4 .frame-1 h2{}
#example4 .frame-2 h2{}
#example4 .frame-3 h2{}
#example4 .frame-4 h2{}
#example4 .frame-closed.frame-5 .title{width:71px; height:255px; background:white url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat -353px 0px; float:right}
#example4 .frame-closed.frame-6 .title{width: 71px; height:255px; background: white url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat -424px 0px; float:right}
#example4 .frame-closed.frame-7 .title{width:71px; height:255px; background:#fff url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat 1px 0px; float:right}
#example4 h2.selected{background-image:url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/servicbg2.png);background-repeat:no-repeat;background-color:white;}
#example4 .frame-1 h2.selected{}
#example4 .frame-2 h2.selected{}
#example4 .frame-3 h2.selected{}
#example4 .frame-4 h2.selected{}
#example4 .frame-open.frame-5 .title{width: 71px; height:255px; background: white url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat -353px -255px; float:left}
#example4 .frame-open.frame-6 .title{width: 71px; height:255px; background: white url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat -424px -255px; float:left}
#example4 .frame-open.frame-7 .title{width: 71px; height: 255px; background: white url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/services.png) no-repeat 1px -255px; float:left}
.acc_links{width:490px; float:left; margin: 60px 0 0 10px !important;}
.acc_links a:link, .acc_links a:visited{float:left; display:block; width: 200px; background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/en/p_bullet.png) no-repeat left 0px; color:#fff; font:bold 13px "Tahoma"; text-decoration:none; margin:0 5px; padding-left: 35px; line-height:20px}
.acc_links a:hover{color:#def0fa}
#example4 .frame-content{width: 530px; height:255px;background-color:#019041}
#example4 .frame-closed .frame-content{float:right}
#example4 .frame-open .frame-content{display:block; width:530px !important}
.main_content{width:998px; margin:0 auto; padding:10px 0}
.int_r{float:left; width:620px}
.ln_box{padding:0 0 8px}
.lates_news{width:620px; margin:0 0 15px}
.ln_title{border-top:1px solid #FBB64A}
.ln_title>div{background-color:#FBB64A; color:#fff; font: 18px "Tahoma"; float:left; width:115px; height:25px; line-height:25px; padding-left:40px}
.ln_slides{position:relative; width:580px; padding:0 20px}
.ln_slides .slides_container{width:582px; position:relative; display:none; overflow:hidden; margin:0 20px 0 0}
.ln_slides .slides_container>div{width:590px; height:105px; display:block; margin:0px 7px 0}
/*.slides_container a img{display:block; width:767px; height:227px}
*/
.ln.arrow.next{display:inline-block; height:29px; width:14px; background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/n_lr.png) no-repeat 0 0; position:absolute; left:0; top:25px; z-index:999; cursor:pointer}
.ln.arrow.prev{display:inline-block; height:29px; width:14px; background:url(http://static.jazanu.edu.sa/images/portal/NewDesign/n_lr.png) no-repeat -15px 0px; position:absolute; top:25px; z-index:9999; right:0; cursor:pointer}
.ln_nt{font:bold 12px "Tahoma"; line-height:22px}
.ln_nt>a{color:#0285cd;text-decoration:none;}
.ln_cont{text-align:left; font: 11px "Tahoma"; color:#757575; direction:ltr; width:570px; margin:10px 3px 0; height:70px}
.ln_cont>a>img{width:150px;float:right;}
.ln_cont>a:link, .ln_cont>a:visited{color:#f00; text-decoration:none; font-weight:bold}
.ln_moren{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/en/news_archive.png') no-repeat right; color:#018f40; text-decoration:none; font:bold 13px "Tahoma"; display:inline-block; padding:0 40px 0 0; line-height:30px; float:right}
.eservices{width:586px; background:#fff; padding:10px 10px 0; margin:10px auto 0}
.e_title{border-top:1px solid #0286CE}
.e_title>div{background-color:#0286CE; float:left; color:white; font:bold 18px "Tahoma"; width:281px; height:30px; line-height:28px}
.e_title>div>span{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/eservice_icon.png') no-repeat left; display:inline-block; height:45px; padding:0 0 0 65px; margin:0 0 0 20px}
.e_content ul{margin:15px 15px 0; padding:0; list-style:none; width:263px; float:left}
.e_content ul>li{float:left; padding:0 10px 15px}
.e_content ul>li>a:link, .e_content>ul>li>a:visited{display:block; text-decoration:none; font: 17px "Tahoma"; color:#097ec1; text-align:center}
.e_content ul>li>a:hover{color:#096aa2}
.e_content ul>li>a>img{display:block}
.e_shadow{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/e_shadow.png') no-repeat top; width:606px; height:36px}
.more_services>ul{padding:0; margin:0; list-style:none}
.more_services>ul>li{float:right; padding:0 25px}
.more_services>ul>li>a:link, .more_services>ul>li>a:visited{display:block; text-decoration:none; font:bold 17px "Tahoma"; color:#097ec1; text-align:center}
.more_services>ul>li>a:hover{color:#096aa2}
.more_services>ul>li>a>img{display:block}
.int_l{float:right; width:360px}
.event_title{font: 18px "Tahoma"; color:#0285CD}
#scrollbar1{width:360px; clear:both; margin:10px 0 10px}
#scrollbar1 .viewport{width:340px; height:207px; overflow:hidden; position:relative}
#scrollbar1 .overview{list-style:none; position:absolute; left:0; top:0}
#scrollbar1 .thumb{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/tracker.png') no-repeat center}
#scrollbar1 .scrollbar{position:relative; float:right; width:16px}
#scrollbar1 .track{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/scroller.png') repeat-y center top; height:207px; width:14px; position:relative; padding:0 1px}
#scrollbar1 .thumb{width:14px; cursor:pointer; overflow:hidden; position:absolute; top:0; height:55px}
#scrollbar1 .thumb .end{overflow:hidden; width:13px; height:1px}
#scrollbar1 .disable{display:none}
.noSelect{user-select:none; -o-user-select:none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none}
.event_more{text-align:right}
.event_more>a:link, .event_more>a:visited{display:inline-block; background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/en/events_archive.png') no-repeat right; height:28px; font:bold 16px "Tahoma"; color:#529af1; padding-right:35px; line-height:28px; text-decoration:none}
.event_more>a:hover{text-decoration:underline}
.overview>ul{padding:0; margin:0; list-style:none}
.overview>ul>li{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/e_sep.png') no-repeat center bottom; padding:5px 0 12px}
.e_date{float:left; width:50px; color:#fed400; font:bold 15px "Tahoma"; text-align:center}
.e_date>span{font:bold 26px "Tahoma"; display:block}
.e_event{color:#9e9e9e; font: 16px "Tahoma"; width:285px; float:left}
.e_event>span{color:#0285cd}
.vote{margin:25px 0 15px}
.v_title{color:#018f40; font:bold 18px "Tahoma"; background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/vote.png') no-repeat left; padding:0 0 0 45px; line-height:30px}
.v_content{margin:10px; color:#0b7abe; font:bold 16px "Tahoma"}
.v_options{color:#b4b4b4; margin:10px 0}
.v_buttons{text-align:center}
.v_button{border:none; background:#0188c9 url('http://static.jazanu.edu.sa/images/portal/NewDesign/bb_bg.png') repeat-x top; height:35px; padding:0 10px; font: 16px "Tahoma"; color:#fff; line-height:35px; overflow:hidden; margin:0 10px;cursor: pointer;}
.v_archive{border:none; background:#0188c9 url('http://static.jazanu.edu.sa/images/portal/NewDesign/bb_bg.png') repeat-x top; height:35px; padding:10px; font: 16px "Tahoma"; color:#fff; line-height:70px; overflow:hidden; margin:0 10px;cursor: pointer;}
.v_results{border:none; background:#fbb64a url('http://static.jazanu.edu.sa/images/portal/NewDesign/yb_bg.png') repeat-x top; height:35px; padding:0 10px; font: 16px "Tahoma"; color:#0B7ABE; line-height:35px; overflow:hidden;cursor: pointer;}
.mail_l{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/mbox_gd.png') repeat-x top; height:122px; margin:25px 0 15px 0}
.mail_l>div{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/en/mbox_bg.png') no-repeat bottom; height:122px}
.m_title{font:bold 18px "Tahoma"; color:#fff; padding: 4px 0 1px 10px; line-height:20px}
.m_content{font: 14px "Tahoma"; padding:0 10px;margin:0 100px 0 0; color:#033076;text-align: center;line-height: 18px;}
.m_content>input[type=text]{display:block;width:225px; border:none;font:bold 11px "Tahoma"; padding:2px;color:#033076}
.m_content>input[type=submit]{background-color:transparent;border:0px;cursor:pointer; float:right; text-decoration:none;font:bold 14px "Tahoma";color:#2458a4;line-height:19px;margin: 0 0 0 5px;}
.m_content>a:hover{text-decoration:underline}
.m_content>a:hover{text-decoration:underline}
.v_counter{background:#0089ca url('http://static.jazanu.edu.sa/images/portal/NewDesign/vc_bg.png') repeat-x top; height:auto}
.v_counter>div{background:url('http://static.jazanu.edu.sa/images/portal/NewDesign/vc_icon.png') no-repeat 60px; height:auto}
.v_counter>div>div{padding:15px 15px 10px 132px; text-align:center; font: 20px "Tahoma"; color:#fff}
.v_counter>div>div span#lblVisitsCounter{display:block; font: 22px "Tahoma"; color:#fcd920}
.v_shadow{background:#fff url('http://static.jazanu.edu.sa/images/portal/NewDesign/vc_shadow.png') no-repeat center; height:17px}
.footer{border-top:1px solid #e3f2f9; padding:10px 0 0 0; width:998px; margin:20px auto}
.links{text-align:center; color:#fbb64a; font: 16px "Tahoma"; padding:5px 0}
.links>a:link,.links>a:visited{text-decoration:none; color:#fbb64a}
.links>a:hover{color:#ed9b1b}
.f_rights{text-align:center; color:#0384c7; font:bold 16px "Tahoma"; padding:5px 0}
ul.colors{height:25px;margin:0;margin-left:17px;margin-top:2px;padding:0;list-style:none;}
ul.colors li{display:inline-block;border:1px #b3b3b3 solid;background:#fff;padding:0;margin:0;padding:1px }
ul.colors li a{float:left;width:10px;height:10px;background:#0188ca;padding:0;margin:0;}
a.color1{background:#0188ca !important;}

.gray .b_tbar{background-color:#babec7; height:31px;}.gray .e_content>ul>li>a:link, .e_content>ul>li>a:visited{display:block; text-decoration:none; font:bold 17px "Tahoma"; color:#babec7; text-align:center}
.gray #example4 .frame-content{background-color:#babec7}.gray #example4 .frame-1{background-color:#babec7}.gray #example4 .frame-2{background-color:#babec7}.gray #example4 .frame-3{background-color:#babec7}.gray #example4 .frame-4{background-color:#babec7}.gray #example4 .frame-5{background-color:#babec7}.gray #example4 .frame-6{background-color:#babec7}.gray #example4 .frame-7{background-color:#babec7}.gray .ln_title>div{background-color:#babec7;}.gray .ln_title{border-top:1px solid #babec7}.gray .e_title{border-top:1px solid #babec7}.gray .e_title>div{background-color:#babec7 }   

.blue .b_tbar{background-color:#0286CE; height:31px;}.blue #example4 .frame-content{background-color:#0286CE}.blue #example4 .frame-1{background-color:#0286CE}.blue #example4 .frame-2{background-color:#0286CE}.blue #example4 .frame-3{background-color:#0286CE}.blue #example4 .frame-4{background-color:#0286CE}.blue #example4 .frame-5{background-color:#0286CE}.blue #example4 .frame-6{background-color:#0286CE}.blue #example4 .frame-7{background-color:#0286CE}
.blue .e_content>ul>li>a:link, .e_content>ul>li>a:visited{display:block; text-decoration:none; font:bold 17px "Tahoma"; color:#0286CE; text-align:center}.blue .ln_title>div{background-color:#0286CE;}.blue .ln_title{border-top:1px solid #0286CE}.blue .e_title{border-top:1px solid #0286CE}.blue .e_title>div{background-color:#0286CE ;}   

.green .b_tbar{background-color:#019041; height:31px;}.green #example4 .frame-content{background-color:#019041}.green #example4 .frame-1{background-color:#019041}.green #example4 .frame-2{background-color:#019041}.green #example4 .frame-3{background-color:#019041}.green #example4 .frame-4{background-color:#019041}.green #example4 .frame-5{background-color:#019041}.green #example4 .frame-6{background-color:#019041}.green #example4 .frame-7{background-color:#019041}
.green .e_content>ul>li>a:link, .e_content>ul>li>a:visited{display:block; text-decoration:none; font:bold 17px "Tahoma"; color:#019041; text-align:center}.green .ln_title>div{background-color:#019041;}.green .ln_title{border-top:1px solid #019041}
.green .e_title{border-top:1px solid #019041}.green .e_title>div{background-color:#019041 }   

.red .b_tbar{background-color:#620027; height:31px;}.red #example4 .frame-content{background-color:#620027}.red #example4 .frame-1{background-color:#620027}.red #example4 .frame-2{background-color:#620027}.red #example4 .frame-3{background-color:#620027}.red #example4 .frame-4{background-color:#620027}.red #example4 .frame-5{background-color:#620027}.red #example4 .frame-6{background-color:#620027}
.red #example4 .frame-7{background-color:#620027}.red .e_content>ul>li>a:link, .e_content>ul>li>a:visited{display:block; text-decoration:none; font:bold 17px "Tahoma"; color:#620027; text-align:center}.red .ln_title>div{background-color:#620027;}
.red .ln_title{border-top:1px solid #620027}.red .e_title{border-top:1px solid #620027}.red .e_title>div{background-color:#620027 }