General Selectors /*-------------------------------------------*/ * { margin: 0; padding: 0; line-height: 1; } body { /*background-color: #F5F5F5;*/ color: #666666; font: normal 100% Trebuchet MS, Helvetica, Arial, sans-serif; margin: 0; padding: 0; background: #F5F5F5 url(../images/bg_body.png) no-repeat center 400px fixed;} ul{margin:0px; padding:0px;} /* block level */ h1 { margin: 0 0 20px; color: #333; font: normal 3.6em/1.44 Georgia, "Times New Roman", serif; } .intro-wrap h1 { color: #fff; margin-bottom: .2em; letter-spacing: 1px; } h2 { margin: 0 0 20px; color: #363636; font: normal 2.2em/1.36 Georgia, "Times New Roman", serif; } .sub h2 { margin: 0 0 8px 0; font-size: 1.8em; color: #293352; } h3 { margin: 0 0 20px; font: 1.8em/1.36 Georgia, "Times New Roman", serif; } /*h4 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } h5 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } h6 { margin: 0 0 12px; font: 1.6em/1.36 Georgia, "Times New Roman", serif; } */ h4 { color: #363636; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h5 { color: #A61D31; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h6 { color: #8c8179; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration: none; color:inherit;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;} /* inline */ .spacer{width:100%; height:10px; clear:both;} .spacer_faculty{width:100%; height:10px; clear:both; background:#FFF;} .spacer_clear{width:100%; height:5px; clear:both;} em { font-style: italic; } strong { font-weight: bold; } a { color: #3b7ab8; } a:hover, a:focus { color: #2d3754; } img { margin: 0 0 0px; } a img { border: none; } code { font: 12px/1 'Courier New', Courier, monospace;} sub, sup { line-height: 0; } input { font: 1em Helvetica, Arial, sans-serif; } img#logo { display: none; } /*Header Style*/ .main_header_cont{width:100%; height:205px; clear:both; background:url(../images/top_bg.png) repeat-x top;} .cont_h{width:1000px; height:205px; margin-left:auto; margin-right:auto; background:url(../images/top_bg.png) repeat-x top;} .cont_h_top{width:1000px; height:40px; margin-left:auto; margin-right:auto; padding:0px 0px 0px 0px;} .cont_h_top_l{width:450px; height:30px; margin-left:auto; margin-right:auto; padding:5px 0px 0px 0px; float:left; color:#FFFFFF; font-size:.8em; font-family:Arial; font-weight:bold; position:relative; z-index:10000;} .cont_h_top_r{width:300px; height:22px; margin-left:auto; margin-right:auto; margin-top:6px; padding:4px; float:left; background:url(../images/search_bx_bg.png) repeat-x top;} .cont_h_logo{width:1000px; height:100px; margin-left:auto; margin-right:auto;} .cont_h_menu{width:1000px; height:65px; padding-top:0px; margin-left:auto; margin-right:auto; z-index:1000;} /*logo*/ .cont_h_logo_l{width:380px; height:80px; margin-left:auto; margin-right:auto; float:left; padding:10px 0px;} .cont_h_logo_r{width:480px; height:60px; margin-left:auto; padding:20px 0px 0px 0px;} /*menu bar horizontal*/ .menuHolder {margin:0 auto; color:#2d84ea; text-align:left; position:relative; height:30px; position:absolute; z-index:20;} .menuHolder ul.nav li {display:inline-block; display:inline;} .menuHolder ul.nav {padding:0 0 0 2px; margin:0; list-style:none; display:inline-block; } .menuHolder ul.nav li {float:left; display:block; padding:0 2px 0 2px; position:relative;} .menuHolder ul.nav li a.top-a {display:block; text-decoration:none; margin-top:-3px; float:left;} .menuHolder ul.nav li a.top-a b {display:block; padding:0 8px; font:normal 13px/36px Arial; color:#FFF; font-weight:bold;} .menuHolder ul.nav li a.top-a:hover {background-color:#2d84ea;} .menuHolder ul.nav li a.top-a:hover b {background-color:#2d84ea;} .menuHolder ul.nav li:hover a.top-a {background-color:#275cab;} .menuHolder ul.nav li:hover a.top-a > b {background-color:#275cab;} .menuHolder ul.nav div {position:absolute; top:-30000px; left:2px; opacity:0; background:#FFF; padding:0px 0 0 0; border:1px solid #275cab;} .menuHolder ul.nav div.left {left:auto; right:4px;} .menuHolder ul.nav div ul {padding:0; list-style:none; width:180px; margin:10px 5px 0 5px; float:left; display:inline; text-align:left; background:#fff;} .menuHolder ul.nav div ul.colLeft {margin-left:10px;} .menuHolder ul.nav div ul.colRight {margin-right:10px;} .menuHolder ul.nav div ul.colSingle {margin-left:10px; margin-right:10px;} .menuHolder ul.nav div ul li.liTop {float:left; height:8px; padding:0; width:140px;} .menuHolder ul.nav div ul li.liBott {float:left; height:8px; padding:0; width:140px;} .menuHolder ul.nav div ul li.lnk {float:left; margin:0 5px 0 5px; display:inline;} .menuHolder ul.nav div ul li.last {background:transparent;} .menuHolder ul.nav div ul li a {display:block; width:160px; text-decoration:none; font:.9em Trebuchet MS; font-weight:bold; color:#0066CC; margin:0; padding:2px 0 2px 5px;} .menuHolder ul.nav div ul li a:hover {color:#FFF; background-color:#246cde;} .menuHolder ul.nav div.col1 {width:200px;} .menuHolder ul.nav div.col2 {width:310px;} .menuHolder ul.nav div.col3 {width:460px;} .menuHolder ul.nav li:hover div {top:30px; opacity:1;} .menuHolder ul.nav div span {display:block; clear:left; height:10px; position:relative;} .menuHolder ul.nav div span em {display:block; width:10px; height:10px; position:absolute; right:0; top:0; overflow:hidden;} /*menu bar horizontal*/ /*Search Style*/ .input{width:235px; height:15px; padding:2px 3px; float:left; border:1px solid #d7d7d7; font-size:.75em; color:#2357BD; font-weight:bold;} .button{float:left;} /*Search End*/ /*Mega Menu*/ .cont_h_menu ul{list-style:none;} .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub {display: none;} .mega-menu .sub ul {display: block;} .mega-menu-subtitle{padding: 0px 32px 2px 00px; border-bottom:1px solid #efefef; color:#1448b0; font-family:Trebuchet MS; font-size:1em; font-weight:bold; /*white-space:nowrap;*/} .mega-menu-subtitle:a { text-decoration:none; color:#1448b0;} .mega-menu-subtitle:hover { text-decoration:none; color:#1448b0; background: #efefef; } .blue {font: normal .9em Arial, sans-serif; position:absolute; z-index:2000; margin-top:0px;} .blue_ul { font-family:Georgia; font-size:1.3em; line-height: 16px; background-image:url(../images/bg-filter-nav-on.png); background-repeat:no-repeat; background-position: 92% 65%; } .blue_li {font: normal .6em Arial, sans-serif; line-height:1.2;} .blue ul.mega-menu, .blue ul.mega-menu, .blue ul.mega-menu li {margin: 0; padding: 0; border: none;} .blue ul.mega-menu{/*background: #8998a8 url(../images/bg_blue.png) repeat-x 0 -80px;*/ width: 100%; height: 40px; position: relative;} .blue ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 1.5em;} .blue ul.mega-menu li a {float: left; display: block; color:#00337d; padding: 20px 25px 12px 9px;/* background: url(../images/bg_blue.png) repeat-x 100% 0;*/ text-shadow: 1px 1px 1px #FFF; text-decoration: none;} .blue ul.mega-menu li a.dc-mega {position: relative;} .blue ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px;} .blue ul.mega-menu li.mega-hover a, .blue ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow:none;} .blue ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;} .blue ul.mega-menu li .sub-container {position: absolute; background: url(../images/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px;} .blue ul.mega-menu li .sub {background: url(../images/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;} .blue ul.mega-menu li .sub-container.mega .sub {padding: 20px 20px 10px 0;} .blue ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;} .blue ul.mega-menu li .sub li {list-style: none; float: none; width: 220px; font-size: 1em; font-weight: normal;} .blue ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;} .blue ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;} .blue ul.mega-menu li .sub a {background: none; border: none; text-shadow:none; color: #1448b0; padding:7px 10px 3px 5px; display: block; float: none; text-decoration: none; font-size: 0.9em;} .blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #304B73 url(../images/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;} .blue ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #A8B7CF; text-shadow:none;} .blue ul.mega-menu .sub li.mega-hdr li a {padding: 4px 5px 4px 25px; color:#666; background: url(../images/arrow_off.png) no-repeat 10px 8px; font-weight: normal; font-family:Trebuchet MS;} .blue ul.mega-menu .sub li.mega-hdr li a:hover {color: #1448b0; background: #efefef url(../images/arrow_on.png) no-repeat 10px 8px;} .blue ul.mega-menu .sub ul li {padding-right: 0;} .blue ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 10px;} .blue ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;} .blue ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(../images/arrow_off.png) no-repeat 7px 0px;} .blue ul.mega-menu li .sub-container.non-mega li a:hover {color: #1448b0; background: #efefef url(../images/arrow_on.png) no-repeat 7px 0px;} /*Header Style*/ .cont_box{ width:688px; height:300px; background-color:#FFFFFF;} .cont_box_t{ width:688px; height:29px; border-bottom:1px solid #cccccc;} .cont_box_b{ width:668px; height:250px; padding:10px 10px; font-family:Trebuchet MS; line-height:1.5;} .cont_box_b ul{margin:0px; padding:0px;} .cont_box_b_l{ width:220px; height:220px; padding:10px 0px; float:left;} .f_services_box{width:219px; height:100%; overflow:hidden; font-family:Arial; font-size:.75em; color:#275cab; padding:0px; font-weight:bold; margin-top:10px;} .f_services_box img{float:left; padding-right:10px;} .f_services_box ul{margin:0px; padding:0px 5px 5px 5px; list-style:none; line-height:1.5;} .f_services_box a:link{text-decoration:none; color:#275cab;} .f_services_box a:active{text-decoration:none; color:#275cab;} .f_services_box a:visited{text-decoration:none; color:#275cab;} .f_services_box a:hover{text-decoration:none; color:#666666;} .f_services_box_h0{ border-bottom:2px solid #ccc; } .f_services_box_h1{ border-bottom:2px solid #ee6727;} .f_services_box_h2{ border-bottom:2px solid #144388;} .advt_bar{width:1000px; height:100%; margin-left:auto; margin-right:auto; } .advt_bar_l{width:120px; height:117px; float:left; border-top:3px solid #144388; background-color:#ececeb;} .advt_bar_r{width:859px; padding:5px 10px; height:106px; float:left; border-top:3px solid #efefef; border-bottom:1px solid #efefef; border-right:1px solid #efefef;} .advt_bar_r img{float:left; vertical-align:middle; margin-right:10px;} .main_container{width:1000px; height:100%; margin-left:auto; margin-right:auto; overflow:hidden;} .left_col_cont{width:700px; height:100%; float:left; overflow:hidden;} .right_col_r3{width:285px; height:100%; float:left; margin-left:15px; overflow:hidden;} .banner{width:700px; height:100%; clear:both;} .banner_cont{ width:688px; height:370px;} /*news and box container*/ .news_mid_cont{width:700px; height:100%;} .news_col{ width:275px; height:300px; float:left;} .news_col_cont{width:100%; height:275px; background-color:#FFF;} .news_cont_row{width:100%; height:65px; margin-bottom:5px; clear:both;} .news_date{width:25%; height:45px; float:left; text-align:center; padding:10px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#f0f0f0; color:#2357bd; font-weight:bold;} /* By Saed For Test */ .news_date1{ float:left; text-align:center; padding:10px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#f0f0f0; color:#2357bd; font-weight:bold;} /*For Test */ .news_content{width:69%; height:54px; float:left; padding:2px; border:1px solid #f0f0f0; color:#666666;} .news_content:hover{background-color:#F0F0F0;} .news_content a:link {color:#666666; line-height:1.5; text-decoration:none;} .news_content a:active {color:#666666; line-height:1.5; text-decoration:none;} .news_content a:visited {color:#666666; line-height:1.5; text-decoration:none;} .news_content a:hover {color:#2458a4; text-decoration:underline;} .mid_box{ width:410px; height:300px; float:left; margin-left:15px;} .mid_box_cont{ width:100%; height:281px; background-color:#FFF;} .mid_box_cont_heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #039; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#2357bd;} .mid_box_cont_heading img{float:left; margin-right:10px;} .mid_box_cont_cont{width:97%; height:234px; font-size:.95em; padding:5px 1% 3px 2%; color:#666666; line-height:1.35;} .mid_box_cont_cont a {font-size:.8em; color:#295faf; text-decoration:none;} .mid_box_cont_cont a:hover {color:#2458a4; text-decoration:underline;} .mid_box_cont_cont-span{font-weight:bold; padding-top:5px; height:auto;} .mid_box_cont_cont_abt{width:98%; height:100%; font-size:.75em; padding:5px 1% 3px 1%; color:#666666; line-height:1.8; text-align:justify;} .mid_box_cont_cont_abt-icons{width:360px; height:80px; margin-left:auto; margin-right:auto;} .mid_box_cont_cont_abt-icon-box{width:90px; height:80px; float:left; text-align:center; font-weight:bold; color:#2357bd; line-height:1.2; font-size:.9em;} .mid_box_cont_cont_abt-icon-box img{border:none;} .mid_box_cont_cont_abt-icon-box img:hover{opacity:.7;} .mid_box_cont_cont_abt-icon-text{width:100%; height:20px;} .mid_box_cont_cont_abt-icon-box a:link{text-decoration:none; color:#2357bd;} .mid_box_cont_cont_abt-icon-box a:active{text-decoration:none; color:#2357bd;} .mid_box_cont_cont_abt-icon-box a:visited{text-decoration:none; color:#2357bd;} .mid_box_cont_cont_abt-icon-box a:hover{text-decoration:none; color:#2357bd;} .mid_social_campus{width:700px; height:100%;} .mid_social{width:410px; height:250px; float:right;} .mid_social_cont{width:100%; height:225px; background-color:#FFF;} .mid_campus{width:275px; height:250px; float:left; margin-left:0px;} .mid_campus_cont{width:100%; height:225px; background-color:#FFF;} .pagination{width:100%; height:20px; padding:5px 0px; margin-left:auto; margin-right:auto; text-align:center; font-size:.9em;} /*news and box container*/ .events_cont{width:100%; height:345px; background-color:#FFF; margin-bottom:10px; margin-top:10px;} .events_cont_heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #039; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#2357bd;} .events_cont_heading img{float:left; margin-right:10px;} .events_cont_cont{width:97%; height:100%; font-size:.9em; padding:5px 1% 3px 2%; color:#666666; line-height:1.5;} .events_cont_cont a {font-size:.8em; color:#295faf; line-height:1.5; text-decoration:none;} .events_cont_cont a:hover {color:#2458a4; text-decoration:underline;} .events_row{width:100%; height:60px; margin-bottom:5px; clear:both;} .events_date{width:25%; height:40px; float:left; text-align:center; padding:10px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#f0f0f0; color:#2357bd; font-weight:bold;} .events_content{width:70%; height:54px; float:left; padding:2px; border:1px solid #f0f0f0; color:#666666;} .events_content:hover{background-color:#F0F0F0;} .events_content a:link {color:#666666; line-height:1.5; text-decoration:none;} .events_content a:active {color:#666666; line-height:1.5; text-decoration:none;} .events_content a:visited {color:#666666; line-height:1.5; text-decoration:none;} .events_content a:hover {color:#2458a4; text-decoration:underline;} .advt_cont{width:100%; height:415px; background-color:#FFF; margin-bottom:0px;} .advt_cont p{margin:0px; padding:0px;} .advt_cont img{padding-bottom:5px;} .contact_cont{width:100%; height:170px; background-color:#FFF; margin-bottom:0px;} .contact_cont_heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #039; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#2357bd;} .contact_cont_heading img{float:left; margin-right:10px;} .contact_cont_cont{width:97%; height:155px; font-size:.8em; padding:5px 1% 3px 2%; color:#666666; line-height:1.5;} .contact_cont_cont_l{width:50%; height:144px; float:left;} .contact_cont_cont_r{width:48%; height:144px; float:left; padding:0px 0% 0px 2%;} .contact_cont_cont a {font-size:.8em; color:#295faf; line-height:1.5; text-decoration:none;} .contact_cont_cont a:hover {color:#2458a4; text-decoration:underline;} /*readmore*/ .readmore{float:right; margin-right:10px; margin-top:10px;} /* * readmore button */ a.readmore { height: 30px; width: 120px; border: none; background: url(../images/readmore.png) 0 0 no-repeat; line-height: 30px; text-indent: 8px; font-size: 11px; text-transform: uppercase; float:right; margin-top:0px; } a.readmore:link, a.readmore:visited { color: #646566; text-shadow: 0px 1px 0px rgba(255,255,255,1); text-decoration:none;} a.readmore:hover { background: url(../images/readmore_h.png) 0 0 no-repeat; text-decoration:none; color: #2357bd; } .readmore_events{float:right; margin-left:140px; margin-top:10px; } a.readmore_events { height: 30px; width: 120px; border: none; background: url(../images/readmore.png) 0 0 no-repeat; line-height: 30px; text-indent: 8px; font-size: 11px; text-transform: uppercase; } a.readmore_events:link, a.readmore_events:visited { color: #646566; text-shadow: 0px 1px 0px rgba(255,255,255,1); text-decoration:none;} a.readmore_events:hover { background: url(../images/readmore_h.png) 0 0 no-repeat; text-decoration:none; color: #2357bd; } /*Login*/ .login_cont{ margin-top:0px; width:90%; height:155px; margin-left:auto; margin-right:auto;color:#1d4d9e; line-height:1.5;} .login_Btxt{padding-top:13px; padding-left:auto; font-family:Trebuchet MS; font-size:1.8em;} .login_Ltxt{padding-top:5px; padding-left:auto; font-family:Trebuchet MS; font-size:1.2em;} input.login_form { font:.85em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:220px; height:20px; margin-top:10px; color:#1d4d9e; } select.login_form { font:.85em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:220px; height:25px; margin-top: 5px; color:#1d4d9e; } input.login_form:hover, input.login_form:focus, input.select.login:focus, input.select.login:hover { border:1px solid #5c92f7; background-color:#FFF; } input.login_form_submit { width:92px; margin:8px 3px; float:right;} input.login_form_submit:hover, input.login_form_submit:focus { background-image:url(../images/login_submit_h.png);} /*Login*/ /* * module: shadowbox */ div.mod-shadowbox div.box-t1 { background: url(../images/module_shadowbox_corners.png) 0 0 no-repeat; } div.mod-shadowbox div.box-t2 { padding: 0px 60px 0px 60px; background: url(../images/module_shadowbox_corners.png) 100% -10px no-repeat; } div.mod-shadowbox div.box-t3 { height: 5px; background: url(../images/module_shadowbox_corners.png) 0 -20px repeat-x; } div.mod-shadowbox div.box-1 { background: url(../images/module_shadowbox_edges.png) 0 0 repeat-y; } div.mod-shadowbox div.box-2 { padding: 0px 5px 0px 5px; background: url(../images/module_shadowbox_edges.png) 100% 0 repeat-y; } div.mod-shadowbox div.box-3 { padding: 5px; background: #FFF; overflow: hidden; } div.mod-shadowbox div.box-b1 { background: url(../images/module_shadowbox_corners.png) 0 -30px no-repeat; } div.mod-shadowbox div.box-b2 { padding: 0px 60px 0px 60px; background: url(../images/module_shadowbox_corners.png) 100% -45px no-repeat; } div.mod-shadowbox div.box-b3 { height: 10px; background: url(../images/module_shadowbox_corners.png) 0 -60px repeat-x; } #headermodules div.mod-shadowbox, #bottom2 div.mod-shadowbox { color: #858586; text-shadow: none; } .find_bar{width:1000px; height:115px; margin-left:auto; margin-right:auto; background:url(../images/bg_box.png) no-repeat bottom center; padding-bottom:20px; color:#333333;} .find_bar_bt{width:1000px; height:22px; margin-left:auto; margin-right:auto; background:url(../images/bg_box.png) no-repeat bottom; border-top:0px solid #FFF;} .find_bar_l{width:120px; height:97px; float:left; border-top:3px solid #002663;/* background-color:#285ead;*/ background:url(../images/gateways_bg.png); text-align:center; color:#FFF; padding-top:35px; font-size:1.2em;} .find_bar_r{width:970px; padding:5px 0px 5px 10px; height:122px; float:left; background:#FFF;} .find_bar_r_subscribe{ width:100%; height:130px; float:left; padding:0px 0px; overflow:hidden; /*background-image:url(../images/find_r_bg.png); background-repeat:no-repeat; background-position:right;*/} .find_bar_r_subscribe_image{padding-top:0px; margin:0px; line-height:1.5; font-size:.75em;} .find_bar_r_contact{ width:230px; height:96px; float:left; padding:0px 10px;} .find_bar_r_contact p{padding-top:10px; margin:0px; line-height:1.5; font-size:.75em;} .find_bar_r_social{ width:259px; height:96px; float:right; padding:0px 0px 0px 10px;} .find_bar_r_social p{padding-top:10px; margin:0px; line-height:1.5; font-size:.75em;} .find_bar_r_social img{ float:left;} .find_bar_r img{float:left; vertical-align:middle; margin-right:10px;} .bar{width:1000px; height:80px; background:url(../images/bg_box.png) no-repeat bottom #FFF; margin-left:auto; margin-right:auto; border-top:2px solid #144388;} div.bgcarousel{ /* CSS for main carousel container */ background: black url(../images/ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */ width:100%; /* default dimensions of carousel */ height:180px; margin:10px 0px; } img.navbutton{ /* CSS for the nav buttons */ margin:5px; opacity:0.7; } div.slide{ /* CSS for each image's DIV container within main container */ background-color: black; background-position: center center; /* center image within carousel */ background-repeat: no-repeat; background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */ color: black; } div.selectedslide{ /* CSS for currently selected slide */ } div.slide div.desc{ /* DIV that contains the textual description inside .slide */ position: absolute; color: white; left: 24px; top: 10px; width:200px; padding: 10px; font: bold .7em Arial; text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */ z-index:5; background:#000; opacity:0.7; filter:alpha(opacity=60); /* For IE8 and earlier */ } div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */ } div.slide div.desc h2{ font-size:150%; margin:0; color:#FFF; } div.slide div.desc a{ color:yellow; text-decoration:none; opacity:.9; } /* |-------------------------------------------------------------------------- | UItoTop jQuery Plugin 1.1 | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ |-------------------------------------------------------------------------- */ #toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:-999px; background:url(../images/ui.totop.png) no-repeat left top; } #toTopHover { background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } #vtab { margin: auto; width: 380px; height: 225px; font-size:.8em; } #vtab > ul > li { width:55px; height: 10px; padding-top:5px; padding-right:10px; padding-left:40px; background-color: #fff !important; list-style-type: none; display: block; text-align: left; margin: auto; margin-left:5px; padding-bottom: 10px; border: 1px solid #fff; position: relative; border-right: none; opacity: .8; font-size:.9em; font-weight:bold; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); } #vtab > ul > li.home { background: url('home.png') no-repeat center center; } #vtab > ul > li.login { background: url('login.png') no-repeat center center; } #vtab > ul > li.support { background: url('support.png') no-repeat center center; } #vtab > ul > li.find { background: url('../images/find_vt.png') no-repeat center left; } #vtab > ul > li.media { background: url('../images/youtube_vt.png') no-repeat center left; } #vtab > ul > li.facebook { background: url('../images/facebook_vt.png') no-repeat center left; } #vtab > ul > li.twitter { background: url('../images/twitter_vt.png') no-repeat center left; } #vtab > ul > li.rss { background: url('../images/rss_vt.png') no-repeat center left; } #vtab > ul > li.newsletter { background: url('../images/newsletter_vt.png') no-repeat center left; } #vtab > ul > li.selected { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); border: 1px solid #ddd; border-right: none; z-index: 10; background-color: rgb(240, 240, 240) !important; width:55px; font-weight:bold; color:#2357bd; text-align:right; position: relative; } #vtab > ul { float: left; width: 110px; text-align: left; display: block; margin: auto 0; padding: 0; position: relative; top: 30px; } #vtab > div { background-color: #FFF; margin-left: 110px; border-left: 1px solid #ddd; min-height: 200px; padding: 12px; position: relative; z-index: 9; font-size:.95em; line-height:1.8; -moz-border-radius: 20px; } #vtab > div > h4 { color: #2357bd; font-size: 1.4em; font-family:"Trebuchet MS"; border-bottom: 1px solid #2357bd; padding: 0px; margin: 0px; } #loginForm label { float: left; width: 100px; text-align: right; clear: left; margin-right: 15px; } #loginForm fieldset { border: none; } #loginForm fieldset > div { padding-top: 3px; padding-bottom: 3px; } #loginForm #login { margin-left: 115px; } .social{width:100%; height:80%; padding-top:10px;} .social img{float:left; margin-right:10px; padding-top:10px;} #global_nav { float:right; width:480px; padding-top:0px; font-family:"Trebuchet MS";/*Palatino, "Book Antiqua", serif*/; } #primary_nav { font-weight:bold; font-size:1em; } #primary_nav li { position:relative; width:92px; margin-left:2px; } #primary_nav li a { display:block; position:relative; width:87px; height:100%; padding:0 0 2px 5px; border-bottom:solid 5px; text-rendering: optimizeLegibility; } #primary_nav li:hover a, #primary_nav li.sf_hover a { color:#fff; border-bottom:solid 5px #fff; text-shadow:.04em .06em .1em #111; filter: Shadow(Color=#111111, Direction=120, Strength=1); } .red { color:#D3D3D3; } .maroon { color:#E6E6FA; } .purple { color:#F0FFF0; } .green { color:#f5fffa; } .orange { color:#e6e6fa; } .float_list, .default_list { list-style:none; } .float_list li { float:left; } .float_list li.first { margin-left:0; } .li_spacing li { margin:0 0 5px; } a.no_underline, .no_underline a { text-decoration:none; } /*footer*/ .footer{width:100%; background-color:#CCCCCC; margin-top:0px; background:url(../images/footer_bg.png) repeat-x 100% 25px;} .footer ul{list-style:none;} .footer_cont{width:1000px; height:100%; margin-left:auto; margin-right:auto; margin-bottom:0px; background:url(../images/mid_logo.png) center top no-repeat, url(../images/footer_bg.png) repeat-x 100% 25px;} .footer_cont_t{width:980px; height:18px; margin-left:auto; margin-right:auto; padding:7px 10px 5px 10px; color:#fff; font-family:Georgia; font-size:.85em; font-style:italic; text-align:right;} .footer_cont_b{width:1000px; height:95%; margin-left:auto; margin-right:auto; font-family:Georgia; padding-top:40px;} .footer_cont_b_l{width:239px; height:95%; float:left; /*background:url(../images/fline_bg.png) right top repeat-y;*/ padding:5px;} .footer_cont_b_r{width:240px; height:95%; float:left; padding:5px;} ul.footer_cont_b_l{margin:0px; padding:0px; list-style:none;} li.footer_cont_b_l{margin:0px; padding:0px; list-style:none;} ul.footer_cont_b_r{margin:0px; padding:0px; list-style:none;} li.footer_cont_b_r{margin:0px; padding:0px; list-style:none;} .footer_cont_heading{width:97%; height:25px; padding:8px 1% 0px 2%; border-bottom:1px solid #FFF; font-size:1.1em; font-family:"Trebuchet MS"; text-transform:capitalize; color:#FFF;} .footer_cont_heading img{float:left; margin-right:10px;} .footer_cont_cont{width:97%; height:100%; font-size:.95em; padding:5px 1% 3px 2%; color:#666666; line-height:1.5; font-family:"Trebuchet MS";} .footer_cont_cont a {font-size:.8em; color:#FFF; line-height:1.5; text-decoration:none; padding-left:32px;} .footer_cont_cont a:hover {color:#DEDEDE; text-decoration:underline;} .footer_cont_cont img{clear:both; width:200px; margin-left:auto; margin-right:auto; margin-bottom:10px; margin-top:10px; border:1px solid #CCC; padding:5px; background:#FFF;} .footer_cont_copy{width:980px; height:18px; margin-left:auto; margin-right:auto; padding:7px 10px 5px 10px; color:#039; font-family:Georgia; font-size:.7em;} .footer_cont_copy_l{width:300px; height:18px; text-align:right; float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;} .footer_cont_copy_l ul{margin-left:0; margin-right:0; width:100%;} .footer_cont_copy_l li{display:inline; width:100%; margin:0px; padding:.5em; background-color:#EFEFEF;} .footer_cont_copy_l li a:link, a:active, a:visited{text-decoration:none;} .footer_cont_copy_l li a:hover{text-decoration:none;} .footer_cont_copy_r{width:680px; height:18px; text-align:left; float:left; font-style:italic;} /*Inner main Homepage */ .left_col_cont_inner{width:700px; height:100%; float:right; overflow:hidden;} .right_col_r3_inner{width:285px; height:100%; float:left; margin-right:15px; overflow:hidden;} /* By Saed For Test*/ .inner_home_cont{ width:680px; height:100%; background-color:#FFF; font-size:.8em; line-height:1.5;} .inner_home_cont1{ width:680px; height:100%; font-size:.8em; line-height:1.5;} .inner_home_cont_text1{padding: 5px; line-height: 1.8; text-align: justify;color: #122746;} .inner_home_cont_text1_img_lt{float:left; margin-right:10px;} .inner_home_cont_text1_img_rt{float:right; margin-left:10px;} .inner_home_cont1 h3{ font-size:1.4em; padding:0px; margin:0px; padding-bottom:5px; color:#295faf; font-family:Trebuchet MS; text-transform:none;} .inner_home_cont1 h4{ font-size:1em; padding:0px; margin:0px; padding-bottom:5px; color:#295faf; font-family:Trebuchet MS; text-transform:none;} .inner_home_cont_text1 h3{ font-size:1.4em; padding:0px; margin:0px; padding-bottom:0px; color:#295faf; font-family:Trebuchet MS; text-transform:none;} .inner_home_cont_text1 h4{ font-size:1em; padding:0px; margin:0px; padding-bottom:0px; color:#295faf; font-family:Trebuchet MS; text-transform:none;} /* By Saed For Test*/ .banner_inner_home{width:100%; height:100%; clear:both;} .banner_inner_home_fw{width:990px; height:100%; clear:both;} .brdcrumb_hdng{width:99%; height:100%; padding:5px; border-bottom:1px solid #DEDEDE; color:#295faf; font-family:Georgia; font-size:1.5em;} .inner_home_cont h3{font-size:1.5em; color:#3b7ab8; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 0 5px 0; margin:0px;} .inner_home_cont a {color:#295faf; text-decoration:none;} .inner_home_cont a:hover {color:#2357bd;text-decoration:underline;} .inner_cont_txt{width:100%; height:100%; min-height:350px; padding:5px; font-size:.95em; text-align:justify; line-height:1.8;} .inner_cont_txt h3{font-size:1.5em; margin:0px; padding:10px 0px; font-weight:bold;} .events_cont_inner{width:100%; height:275px; background-color:#FFF; margin-bottom:10px;} .advt_cont_inner{width:100%; height:100%; background-color:#FFF; margin-bottom:0px; padding:10px 0px;} .advt_cont_inner p{margin:0px; padding:0px;} .advt_cont_inner img{padding-bottom:5px;} .inner_home_cont_news{ width:315px; padding:0px 10px; height:100%; float:left; font-size:1em;} .explore_mid_box_cont{ width:100%; height:100%; background-color:#FFF;} /*menu inner homepage*/ .menu_cont_inner{width:100%; height:100%; background-color:#FFF; margin-bottom:10px;} .inner_home_cont_menu{ width:320px; height:100%; float:left;} .dpt_heading_title{ width:97%; height:100%; margin:0px 1.5%; color:#2357bd; background:#FFF; clear:both; border-bottom:solid 1px #295eae; font-size:1.5em; padding-bottom:0px;} .dpt_heading_text{ width:97%; height:100%; margin:0px 1.5%; font-size:1.1em; margin-top:5px; font-weight:bold;} .dpt_img_box{width:120px; height:110px; background-image:url(../images/dept_box.png); background-position:center; padding:5px; 10px; background-repeat:no-repeat; float:left; text-align:center; margin-left:25px; margin-right:auto;} .dpt_img_box img{margin-top:5px;} .cont_menu{width:96%; height:100%; padding:10px 2% 0px 2%;} .explore_cont_menu{width:92%; height:100%; padding:10px 4% 0px 4%; font-size:.8em; line-height:1.8;} .explore_cont_menu a{text-decoration:none; color:#295faf;} .explore_cont_menu a:hover{ text-decoration:underline;} ul.vert-one{margin:0;padding:0;list-style-type:none;display:block; font:bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:2; width:100%;} ul.vert-one li{margin:0;padding:0; border-bottom:1px solid #DEDEDE;} ul.vert-one li a{display:block;text-decoration:none;color:#295faf; background:#FFF;padding:0 0 0 2%;width:98%;} ul.vert-one li a:hover{ background:#EFEFEF url("../images/vert-one_arrow.gif") no-repeat 0 9px;} ul.vert-one li a.current,ul.vert-one li a.current:hover{ background:#DEDEDE url("../images/vert-one_arrow.gif") no-repeat 0 10px;} /*Sub Vertical Menu*/ .sub_menu_cont{width:96%; height:100%; padding:0px;} ul.sub-vert{margin:0;padding:0;list-style-type:none;display:block; font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:.9em; width:100%; margin-top:-10px;} ul.sub-vert li{margin:0;padding:0; border-bottom:1px solid #FFF;} ul.sub-vert li a{display:block;text-decoration:none;color:#002663; background:#FFF;padding:0 0 0 4%;width:96%;} ul.sub-vert li a:hover{ background:#FFF url("../images/vert-one_arrow.gif") no-repeat 0 9px; color:#295faf; text-decoration:underline;} /*Sub Vertical Menu*/ /*breadcrumb*/ .breadcrumb_menu{width:980px; height:100%; margin-left:auto; margin-right:auto; overflow:hidden; font-size:.8em; color:#295faf; font-weight:bold; padding-left:20px; text-align:right;} .breadcrumb_menu a {color:#295faf; text-decoration:none;} .breadcrumb_menu a:hover {color:#2357bd;text-decoration:none;} /*news container*/ .mid_box_cont_cont_newsp{width:97%; height:100%; font-size:.9em; padding:5px 1% 3px 2%; color:#666666; line-height:1.8;} .mid_box_cont_newsp{ width:100%; height:100%; font-size:1.2em;} .news_cont_row_newsp{width:100%; height:65px; margin-bottom:5px; clear:both;} .news_date_newsp{width:10%; height:45px; float:left; text-align:center; padding:10px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#fff; color:#2357bd; font-weight:bold;} .news_content_newsp{width:86%; height:59px; float:left; padding:2px; border:1px solid #f0f0f0; color:#666666;} .news_content_newsp img{float:left; margin-left:5px; margin-right:5px;} .news_content_newsp:hover{background-color:#FFF;} .news_content_newsp a:link {color:#666666; line-height:1.5; text-decoration:none;} .news_content_newsp a:active {color:#666666; line-height:1.5; text-decoration:none;} .news_content_newsp a:visited {color:#666666; line-height:1.5; text-decoration:none;} .news_content_newsp a:hover {color:#2458a4; text-decoration:underline;} .news_content_more{width:87%; height:54px; float:left; padding:2px; color:#666666; background:url(../images/newsborder-b.png) center bottom no-repeat; /*border-bottom:1px solid #FFF;*/} .news_content_more:hover{background-color:#F0F0F0;} .news_content_more a:link {color:#666666; line-height:1.5; text-decoration:none;} .news_content_more a:active {color:#666666; line-height:1.5; text-decoration:none;} .news_content_more a:visited {color:#666666; line-height:1.5; text-decoration:none;} .news_content a:hover {color:#2458a4; text-decoration:underline;} .news_date_more{width:10%; height:40px; float:left; text-align:center; padding:10px 1% 10px 1%;line-height:normal; background-color:#DEDEDE; color:#2357bd; font-weight:normal; font-size:1.3em; font-family:Georgia;} /*News Details*/ .details_news_cont_row_newsp{width:100%; height:65px; margin-bottom:5px; clear:both;} .details_news_date_newsp{width:10%; height:45px; float:left; text-align:center; padding:10px 1% 10px 1%; font-family:Georgia; line-height:normal; background-color:#fff; color:#2357bd; font-weight:bold;} .details_news_content_newsp{width:87%; height:59px; float:left; padding:2px; border:1px solid #f0f0f0; color:#2458a4; text-align:center;} .details_news_content_newsp img{float:left; margin-left:5px; margin-right:5px;} .details_news_content_newsp a:link {color:#666666; line-height:1.5; text-decoration:none;} .details_news_content_newsp a:active {color:#666666; line-height:1.5; text-decoration:none;} .details_news_content_newsp a:visited {color:#666666; line-height:1.5; text-decoration:none;} .details_news_content_newsp a:hover {color:#2458a4; text-decoration:underline;} /*Faculty Details*/ .mid_con_inner_index_f_b{ width:98%; height:auto; float:left; padding:5px 10px 5px 10px ; line-height:1.5; text-align:justify; font-family:"Trebuchet MS"; font-size:1em; } .mid_con_inner_index_f_b h1{color:#275cab; font-family:Trebuchet MS ; font-size:1.5em; margin:0; padding:5px 0px ;} .mid_con_inner_index_f_b h2{color:#275cab; font-family:Trebuchet MS ; font-size:1.5em;} .mid_con_inner_index_f_b h3{color:#275cab; font-family:Trebuchet MS ; font-size:1em; margin:0px; padding:0px;} .mid_con_inner_index_f_b h4{color:#275cab; font-family:Trebuchet MS ; font-size:1.1em; margin:0px; padding:0px;} .mid_con_inner_index_f_b a:link{ text-decoration:none; color:#275cab;} .mid_con_inner_index_f_b a:active{ text-decoration:none; color:#275cab;} .mid_con_inner_index_f_b a:visited{ text-decoration:none; color:#275cab;} .mid_con_inner_index_f_b a:hover{ text-decoration:none; color:#246cde;} input.f_form { font: 1em Georgia; color: #275cab; font-weight: normal; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin: 0px; width: 270px; height: 30px; margin-top: 10px; color: #1d4d9e; } input.f_form:hover, input.f_form:focus { border: 1px solid #5c92f7; background-color: #FFF; } input.f_submit { padding:0px 10px 0px 10px; height:auto; margin-left:5px; color:#FFF; background-color:#4989c6; border:1px solid #275cab; font-size:1.9em; font-family:Georgia; } input.f_submit:hover { border:1px solid #275cab; background-color:#3a7cba; } .faculty_profile_t{ width:100%; height:100%; float:left; line-height:1.5; border-bottom:1px solid #CCC; } .faculty_profile_t:hover{ background:#FFF; /*opacity:0.8;*/} .faculty_img{width:138px; height:148px; float:left; background-color:#FFFFFF; background:url(../images/faculty_bg.png) center; border:1px solid #CCCCCC; background-size:100% 100%;} .faculty_img img{width:138px; height:148px;} .faculty_profile_t_brief{ width:83%; height:100%; float:left; line-height:1.5; margin-left:20px;} .faculty_profile_t_brief_tp{ width:100%; height:90px; float:left; line-height:1.5; margin-bottom:00px;} .faculty_profile_t_brief_bt{ width:100%; height:100%; float:left; border-top:1px solid #CCC; font-weight:bold;} .faculty_name{ font-size:1.8em; font-family:Georgia; color: #275cab;} .faculty_profile{ font-size:.9em; margin-top:20px; text-transform:uppercase; font-weight:bold;} .faculty_details_l{ width:89px; height:100%; padding-top:10px; float:left;} .faculty_cont_d{ height:100%; font-size:1em; color: #275cab; width:100%;} .faculty_dept{ height:20px; font-size:1em; color: #275cab; width:100%;} .faculty_address{ height:20px; font-size:1em; color: #275cab; width:100%; margin-top:40px;} .phone{background-image:url(../images/Phone.png); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 25px; margin-right:30px;} .mobile{background-image:url(../images/mobile.png); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 25px; margin-right:30px;} .email_f{background-image:url(../images/email_f.png); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 25px;} .faculty_details_r{ width:390px; height:100%; padding-left:10px; padding-top:10px; font-size:1em; float:left; border-left:1px solid #CCC;} .faculty_profile_b{ width:100%; height:100%; float:left; line-height:1.5; margin-top:15px;} .faculty_hr{border-bottom:5px solid #295eae; padding:0px; margin:0px;} .faculty_sort_bar{ width:100%; height:100%; float:left; line-height:1.5; margin-top:10px;} .faculty_select{font: 1em Georgia; color: #275cab; font-weight: normal; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin-left: 5px; margin-top: 10px; width: 235px; height: 36px; color: #1d4d9e; } .faculty_select:hover, faculty_select:focus { border: 1px solid #5c92f7; background-color: #FFF;} /*pagination css*/ /* Page Numbers */ .pages { font: 83%/1.4 arial, helvetica, sans-serif; padding: 1em; margin: 1em 0; clear: left; font-size: 85%; } .pages a, .pages span { color:#003366; display: block; float: left; padding: 0.2em 0.5em; margin-right: 0.1em; /*border: 1px solid #fff; background: #fff;*/ } .pages span.current { border: 1px solid #2E6AB1; font-weight: bold; background: #2E6AB1; color: #fff; } .pages a { border: 1px solid #9AAFE5; text-decoration: none; } .pages a:hover { border-color: #2E6AB1; } .pages a.nextprev { font-weight: bold; } .pages span.nextprev { color: #666; } .pages span.nextprev { border: 1px solid #ddd; color: #999; } .pages .nextprev-next { float: right; } /*FACULTY tabcontainer*/ div.tabscontainer{ margin:15px 0px; } div.tabscontainer div.tabs{ list-style: none; width: 250px; cursor: pointer; float:left; margin-top:10px; left: 0px; z-index: 2; } div.tabscontainer div.curvedContainer{ margin-left: 249px; border-left:1px solid #d6d6d2; min-height:400px; } div.tabscontainer div.curvedContainer .tabcontent{ display:none; padding:0px 20px 0px 20px; font-family:Arial, Helvetica, sans-serif; line-height:1.8; } .tabcontent ul { margin-left:25px; } div.tabs div.tab{ display: block; height: 40px; background: #EFEFEF; border: #d6d6d2 solid 1px; border-top: none; position: relative; color: #73736b; } div.tabs div.link{ padding-left: 20px; padding-top:12px; font-family: "CenturyGothicRegular", "Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; font-size: 14px; } div.tabs div.tab.selected{ color: #295faf; border-right-color: #aeaeaa; } div.tabs div.tab.selected{ background: url(../images/menuSelBack.png) repeat-x; border-right-color: #d6d6d2; } div.tabs div.tab.first{ border-top: #dbdbb7 solid 1px; -moz-border-radius-topleft: 13px; border-top-left-radius: 13px; } div.tabs div.tab.last{ -moz-border-radius-bottomleft: 13px; border-bottom-left-radius: 13px; } div.tabs div.tab div.arrow{ position: absolute; background: url(../images/homeSelArrow.png) no-repeat; height: 58px; width: 17px; left: 100%; top: -8px; display: none; } div.tabs div.tab.selected div.arrow{display: block;} /*photogallery*/ #main ul li {display:inline;} #main { width:100%;} .photogallery_bx{width:670px; height:150px; margin-bottom:10px; margin-top:10px; padding-bottom:10px; border-bottom:5px solid #295eae; clear:both; font-size:1em; line-height:1.5;} .photogallery_home_bx_cont{width:114px; height:100%; margin-right:13px; margin-left:7px; float:left; display:inline;} .photogallery_home_bx{width:114px; height:114px; border:1px solid #295eae; float:left;} .photogallery_home_bx img{border:0px; cursor:auto; padding:5px; height:104px; width:104px;} .photogallery_home_bx_title{ font-family:"Trebuchet MS"; font-size:.9em; color:#295faf; width:100%; height:auto; text-align:center;} .photogallery_hdng{font-family:Georgia; font-size:1em; color:#295faf; width:100%; height:98%; clear:both; padding:1% 0px;;} /*Department Home boxes*/ .dpt_ht_bx_fw{width:970px; height:115px; min-height:115px; margin-bottom:10px; margin-top:10px; padding-bottom:10px; border-bottom:5px solid #295eae; clear:both; font-size:1em; line-height:1.5;} .dpt_ht_bx_mid_menu_fw{width:225px; height:auto; padding:5px; float:right; background:#FFF; text-align:left;} .dpt_ht_bx_mid_description_fw{width:580px; height:105px; padding:5px; background-color:#F0F0F0; margin-right:10px; float:left;} .dpt_ht_bx_mid_description_fw a{text-decoration:none; color:#295faf;} .dpt_ht_bx_mid_description_fw a:hover{text-decoration:underline; color:#295faf;} .dpt_ht_bx_mid_description_fw h1{font-size:1.5em; color:#295faf; font-family:Georgia; margin:0px; padding:0px 0px 5px 0px; text-align:left;} .dpt_ht_bx{width:670px; height:115px; margin-bottom:10px; margin-top:10px; padding-bottom:10px; border-bottom:5px solid #295eae; clear:both; font-size:1em; line-height:1.5;} .dpt_ht_bx_lt{width:113px; height:113px; border:1px solid #295eae; margin-right:10px; float:left;} .dpt_ht_bx_lt img{border:0px; cursor:auto; padding:2px;} .dpt_ht_bx_mid_description{width:290px; height:105px; padding:5px; background-color:#F0F0F0; margin-right:10px; float:left;} .dpt_ht_bx_mid_description h1{font-size:1.5em; color:#295faf; font-family:Georgia; margin:0px; padding:0px 0px 5px 0px; text-align:left;} .dpt_ht_bx_mid_menu{width:225px; height:auto; padding:5px; float:left; background:#FFF; text-align:left;} ul.dpt_ht_bx_menu{margin:0;padding:0;list-style-type:none;display:block;font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.6; width:100%; } ul.dpt_ht_bx_menu li{margin:0;padding:0;} ul.dpt_ht_bx_menu li a{display:block;text-decoration:none;color:#295faf; background:#FFF;padding:0 0 0 2%;width:98%;} ul.dpt_ht_bx_menu li a:hover{ url("../images/vert-one_arrow.gif") no-repeat 0 9px; text-decoration:underline;} ul.dpt_ht_bx_menu li a.current,ul.vert-one li a.current:hover{ background:#DEDEDE url("../images/vert-one_arrow.gif") no-repeat 0 10px;} /*Inner Hompage Banner*/ /* slider layout */ .lof-slidecontent { position:relative; overflow:hidden; border:#F4F4F4 solid 1px;} .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#FFF} .lof-slidecontent .preload div{ height:100%; width:100%; background:transparent url(../images/inner_home_banner/load-indicator.gif) no-repeat scroll 50% 50%;} .lof-slidecontent .sliders-wrapper{ position:relative; height:100%; width:900px; z-index:3px; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; background:transparent url(../images/inner_home_banner/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px; float:left; position:relative;} .lof-slidecontent .lof-opacity li{position:absolute; top:0; left:0; float:inherit; } .lof-slidecontent .navigator-content {position:absolute; bottom:10px; right:10px; background:url(../images/inner_home_banner/transparent_bg.png) repeat; padding:5px 0px; } .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; height:180px; width:310px; overflow:hidden; color:#FFF; float:left } .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;} /*******************************************************/ ul.sliders-wrap-inner li img{ padding:0px; } .lof-slidecontent .slider-description a.rmore{color:#58B1EA; font-size:95%; } .lof-slidecontent .slider-description a{ color:#FFF; } .lof-slidecontent .slider-description{ z-index:100px; position:absolute; top:120px; left:0px; width:68.3%; background:url(../images/inner_home_banner/bg_trans.png); height:auto; padding:5px; color:#FFF; } .lof-slidecontent .slider-description h4 { font-size: 14px; margin: 0px 0; padding: 0; color:#FFF; } .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#002663; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none } .lof-slidecontent .item-meta a:hover{ text-decoration:underline;} .lof-slidecontent .item-meta i { font-size:70%; } /* item navigator */ .lof-slidecontent ul.navigator-wrap-inner li img{ border:#666 solid 3px; } .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { border:#A8A8A8 solid 3px; -moz-transition:border-color ease-in-out 0.4s } .lof-slidecontent .navigator-content .button-next, .lof-slidecontent .navigator-content .button-previous{ display:block; width:22px; height:30px; color:#FFF; cursor:pointer; } .lof-slidecontent .navigator-content .button-next { float:left; text-indent:-999px; margin-right:5px; background:url(../images/inner_home_banner/arrow-l.png) no-repeat right center; } .lof-slidecontent .navigator-content .button-previous { float:left; text-indent:-999px; margin-left:5px; background:url(../images/inner_home_banner/arrow-r.png) no-repeat left center; } .lof-slidecontent .button-control { position:absolute; top:10px; right:10px; height: 20px; width: 20px; cursor:hand; cursor:pointer; background:url(../images/inner_home_banner/transparent_bg.png) repeat; } .lof-slidecontent .button-control span { display:block; width:100%; height:100%;} .lof-slidecontent .action-start span { background:url(../images/inner_home_banner/play.png) no-repeat center center; } .lof-slidecontent .action-stop span { background:url(../images/inner_home_banner/pause.png) no-repeat center center; } /*Inner Hompage Banner*/ /*HR employment*/ .emp_detail_box{width:100%; height:100%; clear:both; padding:0px 0%; border:1px solid #DEDEDE;} .emp_heading_box{ width:100%; height:100%; text-align:center; font-size:1.2em; font-weight:bold; border-bottom:1px solid #DEDEDE; background:#FFF;} .emp_gndr_heading_box{width:100%; height:auto; font-size:1.1em; font-weight:bold; border-bottom:1px solid #DEDEDE; background:#FFF;} .emp_spacer{width:100%; height:10px; clear:both; background:#FFF;} .emp_gndr_male_box{width:50%; height:100%; float:left; text-align:center;} .emp_gndr_fmale_box{width:50%; height:100%; float:left; text-align:center;} .emp_rcrt_dtl{width:100%; height:100%; clear:both;} .emp_rcrt_dtl_lt{width:49%; height:100%; float:left; text-align:left; padding-left:1%;} .emp_rcrt_dtl_rt{width:49%; height:100%; float:left; text-align:left; padding-left:1%;} /*table css*/ table.content { width:100%; border-width: 1px; border-spacing: 0px; border-style: none; border-color: white; border-collapse: collapse; } table.content th { border-width: 1px; padding: 5px; font-size:1.2em; font-weight:bold; text-align:center; border-style: inset; border-color: gray; background-color: white; -moz-border-radius: ; } table.content td { border-width: 1px; padding: 5px; width:50%; text-align:left; vertical-align:top; border-style: inset; border-color: gray; -moz-border-radius: ; } /*accordian menu*/ .glossymenu{ margin: 5px 0; padding: 0; width: 100%; /*width of menu*/ border-bottom:1px solid #DEDEDE; border-bottom-width: 0; } .glossymenu a.menuitem{ font:bold .8em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#295faf; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; border-bottom:1px solid #DEDEDE; } .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color:#295faf; } .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; } .glossymenu a.menuitem:hover{ background-color:#EFEFEF; color:#295faf; /*background-image: url(glossyback2.gif);*/ } .glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; margin-left:10px; } .glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; } .glossymenu div.submenu ul li{ border-bottom:none; } .glossymenu div.submenu ul li a{ display: block; font: normal 13px "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#295faf; text-decoration: none; padding: 2px 0; font-weight:bold; font-size:.7em; padding-left: 10px; } .glossymenu div.submenu ul li a:hover{ background:#EFEFEF; color:#295faf; } /*Tab Content for Facebook/twitter/rss*/ .tabbed_content { background-color: #f1f1f4; width: 264px; } .tabs { position: relative; height:30px; } .tabs .moving_bg { background-color:#FFF; position: absolute; width:75px; z-index: 90; left: 0; padding-bottom:10px; padding-right:10px; background-position: bottom left; background-repeat: no-repeat; } .tabs .tab_item { display: block; float: left; padding:5px; width: 75px; color:#2357bd; text-align: center; z-index: 200; position: relative; cursor: pointer; font-weight:bold; font-size:1em; } .tabbed_content .slide_content { overflow:hidden; background-color: #FFF; padding: 0px 0 10px 0px; position: relative; width: 284px; } .tabslider { width: 5000px; } .tabslider ul { float: left; width: 264px; margin: 0px; padding: 0px; margin-right: 20px; } .tabslider ul a { text-decoration: none; } .tabslider ul a:hover { } .tabslider ul li { padding-bottom: 7px; list-style:none; } /*Tab Content for Facebook/twitter/rss*/ /*Employment Form*/ fieldset.emp_form{ width:97%; border:1px solid #CCC;} input.emp_form { font:.9em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:400px; height:20px; margin-top:5px; margin-bottom:5px; color:#1d4d9e; } input.emp_date_form { font:.9em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:175px; height:20px; margin-top:5px; margin-bottom:5px; color:#1d4d9e; } textarea.emp_form { font:.9em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:400px; height:100px; margin-top:5px; margin-bottom:5px; color:#1d4d9e; } select.emp_form { font:.9em Trebuchet Ms; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; background: #F0F0F0; margin:0px; width:405px; height:25px; margin-top:5px; margin-bottom:5px; color:#1d4d9e; } input.emp_form:hover, input.emp_form:focus, select.emp_form:focus, select.emp_form:hover, textarea.emp_TextBox:focus { border:1px solid #5c92f7; background-color:#FFF; } input.emp_submit { padding:7px 14px; height:auto; margin-left:5px; margin-top:10px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:1em; font-family:Georgia; } input.emp_submit:hover { border:1px solid #275cab; background-color:#3a7cba; } /*left menu accordian*/ /* Accordion Menu powered by www.menucool.com */ /* ##### Top level items #####*/ #acdnmenuDemo { /* Note about height: Change it to "height:auto;" if flexible height is prefered. It is recommended to specify a fixed height as it is more user-friendly. If the height specified is insufficient than needed, it will be automatically converted to "height:auto". */ height: auto; width:100%; font-size:0; } #acdnmenuDemo ul.top { padding-left:0; background:#FFF; } #acdnmenuDemo div.heading, #acdnmenuDemo a.link { padding-top:8px; padding-right:15px; padding-bottom:8px; padding-left:14px; text-align:left; color:#295faf; font-size:1.2em; font-weight:bold; font-family:"Trebuchet MS"; background:#f5f5f5 url(bg.jpg) repeat-x 0 0; text-decoration:none; outline:none; } #acdnmenuDemo a.current { color:#295faf; font-weight:bold; background:none; background:#e2e2e2 /*url(../images/selected_arrow.png) no-repeat right*/; } #acdnmenuDemo div.current, #acdnmenuDemo div:hover, #acdnmenuDemo a.link:hover, #acdnmenuDemo div.current a.link { color:#295faf; background-color:#f0f0f0; text-decoration:none; } /*Top level link without children*/ #acdnmenuDemo a.current, #acdnmenuDemo a.current:hover { color:#295faf; text-decoration:none; } /* arrow image for the top headings */ #acdnmenuDemo div.arrowImage { width:12px; height:12px; top:9px; right:4px; /* Changing it to "left:8px;" will position the arrow image to the left */ background-image:url(../../../images/arrows.gif); background-position:0 0; } #acdnmenuDemo div.current div.arrowImage { background-position:0 -12px; } #acdnmenuDemo li.separator { border-top:1px solid #FFF; border-bottom:none; } /* ##### Sub level items #####*/ #acdnmenuDemo ul.sub { padding-left:14px; /*This determines the hierarchical offset*/ } #acdnmenuDemo ul.sub div.heading { text-align:left; font:bold 12px Arial; padding:5px; padding-left:20px; color:#295faf; background:none; } #acdnmenuDemo ul.sub div.heading a { color:#295faf; } #acdnmenuDemo ul.sub div.current { color:#295faf; background:none; } #acdnmenuDemo ul.sub a.link { font:normal .95em Arial; color:#002663; font-weight:bold; padding:5px; padding-left:10px; text-decoration:none; background:none; } #acdnmenuDemo ul.sub a.link:hover, #acdnmenuDemo ul.sub a.current, #acdnmenuDemo ul.sub div.heading a:hover, #acdnmenuDemo ul.sub div.heading a.current { color:#295faf; font-weight:bold; background:none; background:#e2e2e2 /*url(../images/selected_arrow.png) no-repeat right*/; } #acdnmenuDemo ul.sub div.arrowImage { width:12px; height:12px; top:6px; left:4px; background-image:url(../../../images/arrows.gif); background-position:0 -24px; } #acdnmenuDemo ul.sub div.current div.arrowImage { background-position:0 -36px; } /* ##### Followings usually don't need modification ###### */ /*Hack the font-size:0 bug for IE6 */ #acdnmenuDemo, #acdnmenuDemo ul { display:block; font-size:0px; line-height:0px; } #acdnmenuDemo li {font-size:12px; line-height:16px;} #acdnmenuDemo:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} /*Hack for IE6-7*/ #acdnmenuDemo ul, #acdnmenuDemo li, #acdnmenuDemo div.heading, #acdnmenuDemo a.smLink, #acdnmenuDemo div.description {*zoom:1;} #acdnmenuDemo li {*float:left;*width:100%;} #acdnmenuDemo ul { position:relative;/*!*/ overflow:hidden; padding:0;margin:0;list-style-type: none;padding-left:10px; } #acdnmenuDemo>ul{visibility: hidden;} #acdnmenuDemo li {padding:0;margin:0;} #acdnmenuDemo div.heading, #acdnmenuDemo div.current { position:relative; cursor: pointer; } #acdnmenuDemo div.arrowImage {position:absolute; overflow:hidden;} /*#acdnmenuDemo a.link {display: block;} MOVED TO JS*/ /* SOCIAL ICONS - GENERAL */ .social { list-style:none; margin:auto; width:100%; } .social li { display:inline; float:left; background-repeat:no-repeat; } .social li a { display:block; width:32px; height:32px; padding-right:10px; position:relative; text-decoration:none; text-align:center; font-size:.75em;} .social li a strong { font-weight:normal; position:absolute; left:00px; top:-1px; color:#fff; padding:3px; z-index:9999; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.75); background-color:rgba(0, 0, 0, 0.7); -moz-border-radius:3px; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-border-radius:3px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius:3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } li.delicious { background-image:url("../images/delicious.png"); } li.digg { background-image:url("../images/digg.png"); } li.flickr { background-image:url("../images/flickr.png"); } li.reddit { background-image:url("../images/reddit.png"); } li.rss { background-image:url("../images/rss.png"); } li.twitter { background-image:url("../images/twitter.png"); } li.facebook { background-image:url("../images/facebook.png"); } li.youtube { background-image:url("../images/youtube.png"); } li.blogger { background-image:url("../images/blogger.png"); } li.stumble { background-image:url("../images/StumbleUpon.png"); } li.linkedin { background-image:url("../images/linkedin.png"); } /* SOCIAL ICONS - CSS3 */ #css3:hover li { opacity:0.2; } #css3 li { -webkit-transition-property: opacity; -webkit-transition-duration: 500ms; -moz-transition-property: opacity; -moz-transition-duration: 500ms; } #css3 li a strong { opacity:0; -webkit-transition-property: opacity, top; -webkit-transition-duration: 300ms; -moz-transition-property: opacity, top; -moz-transition-duration: 300ms; } #css3 li:hover { opacity:1; } #css3 li:hover a strong { opacity:1; top:-10px; } /*news*/ .news_cont{ margin-top:0px; width:50%; height:100%; margin-left:auto; margin-right:auto;color:#1d4d9e; line-height:1.5;} .news_Btxt{padding-top:13px; padding-left:auto; font-family:Trebuchet MS; font-size:1.8em;} .news_Ltxt{padding-top:5px; padding-left:auto; font-family:Trebuchet MS; font-size:1.2em;} input.news_form { font:.9em Georgia; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; padding-top:5px; background: #F0F0F0; margin:0px; width:270px; height:22px; margin-top:10px; color:#1d4d9e; } select.news_form { font:.9em Georgia; color:#275cab; font-weight:bold; border: 1px solid #1d4d9e; padding: 2px; padding-top:5px; background: #F0F0F0; margin-left:5px; width:150px; height:32px; margin-top: 10px; color:#1d4d9e; } input.news_form:hover, input.news_form:focus, select.news_form:focus, select.news_form:hover { border:1px solid #5c92f7; background-color:#FFF; } input.news_form_submit { width:92px; margin:8px 3px; float:right;} input.news_form_submit:hover, input.news_form_submit:focus { background-image:url(../images/login_submit_h.png);} input.f_submit { padding:9px 14px; height:auto; margin-left:5px; margin-top:10px; color:#FFF; background-color:#2357bd; border:1px solid #275cab; font-size:1em; font-family:Georgia; } input.f_submit:hover { border:1px solid #275cab; background-color:#3a7cba; } /*news*/ /*Faculty List and Details*/ .faculty_list_details_inner{width:1000px; height:100%; margin-left:auto; margin-right:auto;} .inner_home_cont_faculty{ width:100%; height:100%; font-size:.8em; line-height:1.5;} .inner_cont_txt_faculty{width:100%; height:100%; min-height:500px; padding:5px; font-size:1em; text-align:justify; line-height:1.8;} .inner_cont_txt_faculty h3{font-size:1.5em; margin:0px; padding:10px 0px; font-weight:bold;} /*Table Design*/ .box-table-a tr td img {display:block; margin: 0 auto;} .box-table-a { width:100%; text-align: left; border-collapse: collapse; vertical-align:top; } .box-table-a th { font-weight: bold; padding:5px 10px; text-align:center; background: #0b3d7b; border:1px solid #0b3d7b; color: #FFF; } .box-table-a_rowup { background:#dbe5f1; } .box-table-a_rowbtm { background:#b8cce4; } .box-table-a td { padding:5px 10px; /*background: #e8edff; */ border-bottom: 1px solid #0b3d7b; border-left: 1px solid #0b3d7b; border-right: 1px solid #0b3d7b; border-top: 1px solid #0b3d7b; color:#0b3d7b; vertical-align:top; } .box-table-a tr:hover td { background: #f5f5f5/*d0dafd*/; } .box-table-a ul{margin-left:15px;} /*Enrolment Stat*/ .box-table-a tr td img {display:block; margin: 0 auto;} .box-table-enrolment { width:100%; text-align: left; border-collapse: collapse; vertical-align:top; } .box-table-enrolment th { font-weight: bold; padding:5px 5px; text-align:center; background: #0b3d7b; border:1px solid #0b3d7b; color: #FFF; } .box-table-enrolment td { padding:5px 10px; /*background: #e8edff; */ border-bottom: 1px solid #0b3d7b; border-left: 1px solid #0b3d7b; border-right: 1px solid #0b3d7b; border-top: 1px solid #0b3d7b; color:#0b3d7b; vertical-align:top; } .box-table-enrolment tr:hover td { background: #f5f5f5/*d0dafd*/; } .box-table-a ul{margin-left:15px;} /*Enrolment Stat*/ /* UpdatebyDilshad change in 8/4/2014 */ .box-table-update tr td img {display:block; margin: 0 auto;} .box-table-update { width:100%; text-align: left; border-collapse: collapse; vertical-align:top; } .box-table-update th { font-weight: bold; padding:5px 10px; text-align:center; background: #0b3d7b; border:1px solid #0b3d7b; color: #FFF; } .box-table-update_rowup { background:#dbe5f1; } .box-table-update_rowbtm { background:#b8cce4; } .box-table-update td { padding:5px 10px; /*background: #e8edff; */ border-bottom: 1px solid #0b3d7b; border-left: 1px solid #0b3d7b; border-right: 1px solid #0b3d7b; border-top: 1px solid #0b3d7b; color:#0b3d7b; vertical-align:top; } .box-table-update tr:hover td { background: #f5f5f5/*d0dafd*/; } /*UpdatebyDilshad End*/ /*Table Design*/ .box-table-b { width:100%; text-align: left; border-collapse: collapse; } .box-table-b th { font-weight: bold; padding:5px 10px; text-align:center; background: #0b3d7b; border-top: 4px solid #c0ceff; border-bottom: 1px solid #fff; color: #FFF; } .box-table-b td { padding: 5px 10px; background: #e8edff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid transparent; } .box-table-b tr:hover td { background: #f5f5f5/*d0dafd*/; } .box-table-b tr{ background-color:#b8cce4;} .box-table-b ul{margin-left:15px;} .arabic_txt{ text-align:right; font-family: Tahoma, Arial, sans-serif; font-size:1.1em;} #arabic_txt{ text-align:right; font-family: Tahoma, Arial, sans-serif; font-size:1.1em;} /*Sticky Header*/ #sticky_navigation_wrapper { width:100%; height:auto; margin-left:auto; margin-right:auto;} #sticky_navigation { width:100%; height:auto; z-index:1000; background:url(../images/menu_fxd_scroll.png) repeat-x; margin-left:auto; margin-right:auto;} .image_right{float:right; margin-left:15px;} .image_left{float:left; margin-right:15px;} .image_center{ margin-left:auto;margin-right:auto;} .media_cont{ width:1000px; height:100%; font-size:1.2 em;} .media_cont_box_uplft{ width:500px; height:400px; float:left; margin-right:20px;} .media_cont_box_uplgt{ width:480px; height:400px; float:left;} .media_cont_box_rgt{ width:330px; height:100%; float:left;} #youmax{width:100% !important; height:320px;} .table_contact {float:left; width:50%; height:100%;} .lrc_iframe{ width:100%; height:75px; background-color:#FFF;} /*Advt CSS*/ #carousel_inner { float:left; /* important for inline positioning */ width:930px; /* important (this width = width of list item(including margin) * items shown */ overflow: hidden; /* important (hide the items outside the div) */ /* non-important styling bellow */ } #carousel_ul { position:relative; left:-210px; /* important (this should be negative number of list items width(including margin) */ list-style-type: none; /* removing the default styling for unordered list items */ margin: 0px; padding: 0px; width:9999px; /* important */ /* non-important styling bellow */ padding-bottom:10px; } #carousel_ul li{ float: left; /* important for inline positioning of the list items */ width:185px; /* fixed width, important */ /* just styling bellow*/ padding:0px; height:110px; margin-top:10px; margin-bottom:10px; margin-left:5px; margin-right:5px; } #carousel_ul li img { .margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor () so this is to fix that*/ /* styling */ cursor:pointer; cursor: hand; border:0px; } #left_scroll, #right_scroll{ float:left; height:130px; width:15px; } #left_scroll img, #right_scroll img{ border:0; /* remove the default border of linked image */ /*styling*/ cursor: pointer; cursor: hand; }.img_cont{height:60px;} .tiec { width:45%; height:100%; margin-left:4%; float:left; } .tiec ul{ margin:0; padding:10px 0px; border-bottom:1px solid #CCC; } .tiec h3{font-family:Arial; font-size:1.2em; padding-bottom:5px; font-weight:bold;} .tiec li{ margin:0 16px; padding:0; line-height:2; font-size:.88em; } .tiec li a{text-align:left;text-transform:uppercase;} .tiec_l { width:45%; height:100%; padding-right:5%; float:left; border-right:1px solid #CCC; } .tiec_l ul{ margin:0; padding:10px 0px; border-bottom:1px solid #CCC;} .tiec_l h3{font-family:Arial; font-size:1.2em; padding-bottom:5px; font-weight:bold;} .tiec_l li{ margin:0 16px; padding:0; line-height:2; font-size:.88em;} .tiec_l li a{text-transform:capitalize; text-align:left;text-transform:uppercase;} /*email contact*/ .email-contact a{font-size:.9em; text-decoration:underline; color: #295faf;} .email-contact a:visited{text-decoration:underline; color: #295faf;} /*apply online*/ .apply-online{font-size:.8em; font-weight:bold; color:#ef6828;} .apply-online a{text-decoration:underline; color:#ef6828; font-weight:bold;} .apply-online a:visited{text-decoration:underline; color:#ef6828;} /*PDF to HTML Styles*/ .pdf-pre-nxt{width:100%; margin-top:20px; text-align:right; font-size:1.1em; font-weight:bold; text-transform:uppercase;} .pdf-pre-nxt a{text-decoration:none;} .pdf-pre-nxt a:hover{text-decoration:underline;} .pdf-ul{margin-left:25px; list-style:disc;} .pdf-list { counter-reset: item; } .pdf-list ol { counter-reset: item; } .pdf-list li { display: block; } .pdf-list li:before { content: counters(item, ".") " "; counter-increment: item; display: inline-block !important; padding-right: 10px; } /*Social Media*/ .social-header{ width:220px; height:28px; padding:3px 0% 0px 0%; float:right;} .social-slide-icn { height: 28px; width: 28px; margin: 0px 4px; float: left; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .social-slide-icn:hover { background-position: 0px -28px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8); } .twitter-hover-icn { background-image: url('../images/twitter-hover-icn.png'); } .facebook-hover-icn { background-image: url('../images/facebook-hover-icn.png'); } .google-hover-icn { background-image: url('../images/google-hover-icn.png'); } .youtube-hover-icn { background-image: url('../images/youtube-hover-icn.png'); } .instagram-hover-icn { background-image: url('../images/instagram-hover-icn.png'); } .linkedin-hover-icn { background-image: url('../images/linkedin-hover-icn.png'); } /*Admission Banner*/ .admission-banner{ width:100%; height:150px; background: url('../images/Admission-Banner.png') #FFF ; margin-bottom:10px;} .admission-banner h1{ float:right; margin:75px 10px 0 0; color:#fff; font-family:Georgia; font-size:3.5em; text-shadow: 2px 2px 2px #de6026;} /*International Container*/ .int-cont{width:100%; height:100%; min-height:500px; background: url('../images/International-BG-cont.png'); color:#fff;} hr.subtle { background: radial-gradient(#7f8c8d,rgba(127,140,141,0) 60%); } /*Policy Styles*/ .policy-banner{width:100%; height:200px; clear:both; background:#dfdfdf; } .tile-box{ width:450px; height:450px; overflow:hidden; margin:0 auto; border-radius:20px; box-shadow:1px 5px 5px #999; padding:0px; background:#fff;} .tile-bar{width:450px; height:150px; clear:both;} .tile-a{width:150px; height:150px; float:left; background:#d9d9d9; text-align:center; } .tile-a:hover{background:#f3f3f3; cursor: pointer; cursor: hand; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .tile-b{width:150px; height:150px; float:left; background:#e1e1e1; text-align:center;} .policy-spacer{width:100%; height:20px; clear:both;} .tile-b:hover{background:#f3f3f3; cursor: pointer; cursor: hand; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s;} .p-cont{width:100%; height:100%; clear:both; margin:0 auto;} .p-title{ width:100%; min-height:40px; padding:0px 0; margin-bottom:0px;} .p-title-lt{width:25%; height:100%; float:left; font-size:1.3em; font-family:Georgia; color:#295faf;} .p-title-rt{width:75%; height:100%; float:left; padding:4px 0 0 0;} .p-hr{ width:100%; height:5px; background:#ccc; clear:both; border:0; margin:10px 0; padding:0;} .p-spacer{width:100%; height:5px; clear:both;}