/************************************************************************************* Theme Name: TATA ISES Programme Theme URI: http://www.tataises.com/ Description: This CSS is compatible with IE7, Mozilla firefox, Google Chrome and Safari. Version: 1.0 Authors : Jayesh Mhatre, Sandip Khairnar Tags: custom header, fixed width This theme was designed and built by Jayesh Mhatre, **************************************************************************************/ /*Reset CSS starts here*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:100%; } q:before, q:after { content:''; } a { text-decoration:none; outline:none; } @font-face { font-family:"Trebuchet MS"; src:local("Trebuchet MS"), url(../fonts/trebuc_0.ttf); } /*Reset CSS ends here*/ /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family:"Trebuchet MS", Georgia, Times, serif; background-color:#35b8d3; color: #333; text-align:left; } .clear { clear:both; } .bottom-block { padding-bottom:10px; } .brdcrmb { width:955px; margin:0 auto; padding:10px 0 5px 0; font-size:11px; } body.msie6 .brdcrmb { width:955px; margin:0 auto; padding-top:0 !important; font-size:11px; } .custom-banner { margin:10px 0; } .divider { background:url(../images/divider.jpg) left center repeat-x; padding:10px 0; } .divider2 { background:url(../images/divider.jpg) left bottom repeat-x; padding:10px 0; } .redtext { color:#FF0000; } .blacktxt { color:#333333; } .msgtxt { color:#333333; font-size:12px; } .welcometxt { padding:4px; font-size:12px; color:#0268ab; } .welcometxt a { color:#0268ab; } .welcometxt a:hover { color:#0268ab; text-decoration:underline; } /* End Typography & Colors */ /* CSS for Homepage starts here with all global container included */ #mainwrapper { width:100%; background-color:#FFFFFF; position:relative; } #mainwrapper .container { width:1009px; margin:0 auto; } #mainwrapper .container #header { width:100%; position:relative; padding-bottom:5px; } #mainwrapper .container #header .logo { background:url(../images/tata-logo.jpg) left top no-repeat; width:103px; height:90px; cursor:pointer; float:left; margin-left:30px; } #mainwrapper .container #header .logo span { display:none; } body.msie6 #mainwrapper .container #header .logo { background:url(../images/tata-logo.jpg) left top no-repeat; width:103px; height:90px; cursor:pointer; float:left; margin-left:10px; } body.msie6 #mainwrapper .container #header .logo span { display:none; } #mainwrapper .container #header .top-links { color:#0268ab; /*width:617px;*/ float:right; margin-left:0; margin-right:25px; } body.msie6 #mainwrapper .container #header .top-links { color:#0268ab; float:right;margin-right:8px !important; margin-left:0 !important; width:800px; margin-top:0 !important; } .top-links .links ul.top-section { background-color:#fafafa; border:1px solid #ebebeb; padding:8px 5px; font-size:11px; float:right; letter-spacing:0.08em; margin-top:30px; } body.safari .top-links .links ul.top-section { background-color:#fafafa; border:1px solid #ebebeb; padding:8px 5px; font-size:11px; float:right; letter-spacing:0.08em; margin-top:30px; width:auto; } .top-links .links ul.top-section li { float:left; padding:0 10px; background:url(../images/divider-top.jpg) right center no-repeat; } .top-links .links ul.top-section li.last { background:none; } .top-links .links ul.top-section li a { color:#0268ab; } .top-links .links ul.top-section li a:hover { text-decoration:underline; } .top-links .links .search-block { background-color:#fafafa; border:1px solid #ebebeb; float:right; padding:5px; width:205px; margin-left:5px; margin-top:30px; } .top-links .links .search-block input.search-box { border:none; background-color:#fafafa; padding:2px; font:normal 12px "Trebuchet MS", Georgia, Times, serif; color:#0268ab; width:160px; } .top-links .links .search-block input.search-button { background:url(../images/search-button.jpg) 1px top no-repeat; width:16px; height:15px; border:none; cursor:pointer; margin-left:2px; } #mainwrapper .container #content-container { background:url(../images/bg-repeat-main.jpg) left top repeat-y; width:100%; } #mainwrapper .container #content-container #content-inner-block { background:url(../images/bg-top-main.jpg) left top no-repeat; width:100%; } #content-inner-block #main-navigation { background:url(../images/navigation-bg.jpg) left top repeat-x; width:960px; height:43px; margin:0 auto; position:relative; z-index:9999; } #content-inner-block #main-navigation .fb-connect { position:absolute; color:#FFFFFF; font-size:12px; left:758px; top:13px; letter-spacing:0.03em; } #content-inner-block #main-navigation .fb-connect a { color:#FFFFFF; } #content-inner-block #main-navigation ul.navigation-tabs { padding-top:6px; padding-left:10px; } #content-inner-block #main-navigation ul.navigation-tabs li { display:inline; font-size:13px; padding-right:10px; letter-spacing:0.08em; font-weight:bold; } #content-inner-block #main-navigation ul.navigation-tabs li a { height:37px; display:block; float:left; margin:0 3px; color:#ffffff; } #content-inner-block #main-navigation ul.navigation-tabs li a span { height:37px; display:block; padding:10px 10px 0 10px; cursor:pointer; } #content-inner-block #main-navigation ul.navigation-tabs li a:hover, #content-inner-block #main-navigation ul.navigation-tabs li a.active { background:url(../images/nav-tab-left.jpg) left top no-repeat; height:37px; display:block; float:left; margin:0 3px; color:#0267ac; } #content-inner-block #main-navigation ul.navigation-tabs li a.active-pg { background:url(../images/nav-tab-left.jpg) left top no-repeat; height:37px; display:block; float:left; margin:0 3px; color:#0267ac; } #content-inner-block #main-navigation ul.navigation-tabs li a:hover span, #content-inner-block #main-navigation ul.navigation-tabs li a.active span { background:url(../images/nav-tab-right.jpg) right top no-repeat; height:37px; display:block; padding:10px 10px 0 10px; } #content-inner-block #main-navigation ul.navigation-tabs li a.active-pg span { background:url(../images/nav-tab-right.jpg) right top no-repeat; height:37px; display:block; padding:10px 10px 0 10px; } #content-inner-block #home-widgets, #content-inner-block #content-widget { width:960px; margin:0 auto; position:relative; padding:10px 0 0 0; z-index:1; } #content-inner-block #home-widgets #smooth-slider { float:left; width:665px; display:block; } #content-inner-block #home-widgets #flv-player { float:left; margin-left:8px; width:287px; display:block; } #content-inner-block #content-widget #content-widget-text-block { float:left; width:665px; display:block; position:relative; } #content-inner-block #content-widget #content-widget-text-block .intro-txt-block { padding:10px 7px; float:left; display:block; width:315px; } #content-inner-block #content-widget #content-widget-text-block h1 { font-size:20px; letter-spacing:normal; } #content-inner-block #content-widget #content-widget-text-block p { font-size:14px; color:#666666; letter-spacing:normal; padding:7px 3px; } #content-inner-block #content-widget #content-widget-text-block .more-button { padding-left:0; } #content-inner-block #content-widget #content-widget-text-block .ticker { padding:10px 7px; float:left; display:block; width:300px; } #content-inner-block #content-widget #content-widget-text-block .ticker ul { padding:10px 0 10px 0; } #content-inner-block #content-widget #content-widget-text-block .ticker li { background:url(../images/bullet1.jpg) left 4px no-repeat; font-size:14px; padding-left:18px; letter-spacing:normal; padding-bottom:5px; } #content-inner-block #content-widget #content-widget-text-block .ticker li a { color:#666666; } #content-inner-block #content-widget #content-widget-programme { float:left; margin-left:8px; width:287px; display:block; } #content-inner-block #content-widget #content-widget-programme .apply-block { background:url(../images/join-programme-footer.jpg) left top repeat-x; height:46px; text-align:right; } #content-inner-block #content-widget #content-widget-programme .apply-block img { margin-top:8px; margin-right:15px; } #footer { background:url(../images/footer-bg-main.jpg) left top repeat-x; height:198px; width:100%; } #footer .container { width:989px; margin:0 auto; font-size:11px; padding:10px; position:relative; } #footer .container a:hover { text-decoration:underline; } #footer .container .footer-main-links { padding-left:20px; padding-top:20px; } #footer .container .footer-main-links ul li { display:inline; font-weight:bold; } #footer .container .footer-main-links li { margin-right:50px; font-size:12px; } #footer .container .footer-main-links li.last { margin-left:20px; font-size:12px; } #footer .container .footer-main-links li a { color:#9dc3cd; } #footer .container .footer-links-last { position:absolute; left:675px; top:30px; font-size:12px; text-align:right; } #footer .container .footer-links-last ul li { display:inline; } #footer .container .footer-links-last li { padding:0 10px; font-size:12px; background:url(../images/divider-footer.jpg) right center no-repeat; } #footer .container .footer-links-last li.last { background:none; } #footer .container .footer-links-last li a { color:#9dc3cd; } #footer .container .footer-links-last .copyrights { color:#02303d; padding:10px 10px 10px 10px; width:270px; margin-left:30px; } #footer .container .footer-links-last .copyrights a { color:#ffffff; } #footer .container .footer-links-last .copyrights a:hover { color:#ffffff; text-decoration:none; } #footer .container .footer-main-links ul.footer-sublinks li { background:url(../images/bullet1.gif) left 5px no-repeat; padding-left:14px; margin:5px 0; } #footer .container .footer-main-links .drop-menu { position:absolute; left:30px; top:48px; } #footer .container .footer-main-links .drop-menu ul li { display:block; font-weight:normal; } #footer .container .footer-main-links .drop-menu2 { position:absolute; left:170px; top:48px; } body.linux-os #footer .container .footer-main-links .drop-menu2 { left:185px; } #footer .container .footer-main-links .drop-menu2 ul li { display:block; font-weight:normal; } #footer .container .footer-main-links .drop-menu3 { position:absolute; left:340px; top:48px; } body.linux-os #footer .container .footer-main-links .drop-menu3 { left:373px; } #footer .container .footer-main-links .drop-menu3 ul li { display:block; font-weight:normal; } #footer .container .footer-main-links .drop-menu4 { position:absolute; left:442px; top:48px; } body.linux-os #footer .container .footer-main-links .drop-menu4 { left:475px; } #footer .container .footer-main-links .drop-menu4 ul li { display:block; font-weight:normal; } /* End of CSS for Homepage */ /*CSS for ABOUT US Page starts here*/ #body-container { width:960px; margin:0 auto; padding:0; position:relative; } #body-container .left-side-bar { background:url(../images/quote-bg.gif) left top repeat-x; width:226px; border:1px solid #cde7ec; font-size:12px; float:left; } #body-container .left-side-bar ul { padding:0; } #body-container .left-side-bar ul li { display:block; width:auto; padding:0; margin:0; } body.msie6 #body-container .left-side-bar li { display:block; width:auto; padding:0 !important; margin:0 !important; height:10px !important; } body.msie6 #body-container .left-side-bar li { margin-bottom:-5px !important; } body.msie6 #body-container .left-side-bar li a { padding:5px 10px !important; display:block; } #body-container .left-side-bar li a { padding:5px 10px; display:block; } #body-container .left-side-bar li a span { display:block; background:url(../images/bullet3.gif) right 5px no-repeat; color:#000000; } #body-container .left-side-bar li a:hover, #body-container .left-side-bar li.active a { background:#ddf4f8 url(../images/side-nav-bg.gif) left top repeat-x; display:block; } #body-container .left-side-bar li a:hover span, #body-container .left-side-bar li.active a span { background:url(../images/bullet2.gif) right 5px no-repeat; } #body-container .left-side-bar .quote-txt { padding:25px 5px 10px 5px; } blockquote { background:url(../images/quote1.png) 0 2px no-repeat; padding-left:30px; padding-top:10px; text-align:left; font-weight:bold; } blockquote p { margin:0; background:url(../images/quote2.png) bottom right no-repeat; padding-bottom:5px; display:block; padding-right:30px; } body.linux-os blockquote p { font-size:12px; font-weight:normal; line-height:18px; letter-spacing:1px; text-align:justify; } #body-container .left-side-bar .quote-txt p.bluetxt { color:#308197; display:block; text-align:right; padding:20px 0; font-weight:bold; padding-right:5px; } #body-container .left-side-bar .programme-block { margin:0 auto; width:210px; margin-bottom:10px; } #body-container .left-side-bar .programme-block .apply-block { background:url(../images/join-programme-footer2.jpg) left top repeat-x; height:47px; text-align:right; width:210px; } #body-container .left-side-bar .programme-block .apply-block img { margin:10px 10px 0 0; } #body-container .content-block { width:722px; float:left; margin-left:10px; } #body-container .content-block h1 { background-color:#c9eef5; font-size:16px; color:#0267ad; padding:3px 0 3px 15px; font-weight:normal; } #body-container .content-block h2 { color:#333333; font-size:15px; font-weight:normal; letter-spacing:0.04em; padding-top:10px; } #body-container .content-block p { font-size:12px; padding-left:2px; color:#666666; } body.linux-os #body-container .content-block p { font-size:13px; padding-left:2px; color:#666666; padding-bottom:5px; line-height:18px; } #body-container .content-block .bluetxt { color:#308197; } #body-container .content-block .dbluetxt { color:#0267ac; } /* End of CSS for ABOUT US Page */ #body-container .content-block input.go-button { background:url(../images/go-button.gif) left top no-repeat; width:39px; height:20px; border:none; cursor:pointer; margin-left:2px; } #body-container .content-block select.sort-block { width:150px; padding:1px; border:1px solid #cccccc; font:"Trebuchet MS", "Times New Roman", Times, serif; font-size:11px; } #body-container .content-block ul.experience-list { padding-top:15px; } #body-container .content-block ul.experience-list li { background:url(../images/divider.jpg) left bottom repeat-x; padding:8px 0; font-size:12px; } #body-container .content-block ul.experience-list li a { background:url(../images/bullet2.jpg) 8px 5px no-repeat; padding-left:25px; color:#333333; } #body-container .content-block ul.experience-list li a span { color:#006699; padding-left:10px; } #body-container .content-block ul.experience-report { padding-top:15px; } #body-container .content-block ul.experience-report li { background:url(../images/divider.jpg) left bottom repeat-x; padding:12px 0; font-size:12px; } #body-container .content-block ul.experience-report li a { background:url(../images/pdf-design.jpg) 8px 3px no-repeat; padding:5px; padding-left:34px; color:#333333; } #body-container .content-block ul.experience-report li a span { color:#006699; padding-left:10px; } #body-container .content-block .pagination-content-page { padding-top:30px; } #body-container .content-block .pagination-content-page ul li { display:inline; padding:2px; font-size:12px; } #body-container .content-block .pagination-content-page ul li a { color:#666666; padding:1px 5px; } #body-container .content-block .pagination-content-page ul li a:hover, #body-container .content-block .pagination-content-page ul li.active a { background-color:#24a2c1; color:#FFFFFF; } body.fullblock #body-container .content-block { width:960px; float:left; margin-left:0; } body.fullblock #body-container .content-block h2 { color:#333333; font-size:14px; font-weight:normal; letter-spacing:normal; padding:10px 0 5px 0; } body.fullblock #body-container .content-block h1 { background-color:#c9eef5; font-size:16px; color:#0267ad; padding:3px 0 3px 10px; font-weight:normal; } body.fullblock #body-container .content-block input.search-box { border:1px solid #999999; padding:1px; width:200px; } /* CSS for registration page starts here table.apply-form { margin-top:10px; font-size:12px; margin-left:15px; } table.apply-form tbody { border:none; } table.apply-form div { padding:6px 0; } table.apply-form label { width:150px; display:block; float:left; color:#666666; font-size:12px; } table.apply-form input[type=text], table.apply-form select { width:170px; border:1px solid #cccccc; padding:2px; color:#666666; font-family:"Trebuchet MS", "Times New Roman", Times, serif; } table.apply-form textarea { width:505px; border:1px solid #cccccc; padding:2px; } table.apply-form input.browse-button { background:url(../images/browse-button.jpg) left top no-repeat; width:64px; height:20px; border:none; cursor:pointer; } table.apply-form input.submit-button { background:url(../images/submit-button.jpg) left top no-repeat; width:74px; height:28px; border:none; margin:15px 0 0 0; cursor:pointer; } */ /* @end */ /* CSS for FAQs Page starts here */ div.faq-block { padding-left:5px; } div.faq-block div.title { background:url(../images/switch-block1.jpg) left 2px no-repeat; color:#1968b3; font-weight:bold; cursor:pointer; font-size:12px; padding-left:25px; } div.faq-block div.focus { background:url(../images/switch-block2.jpg) left 2px no-repeat; color:#1968b3; font-weight:bold; cursor:pointer; font-size:12px; padding-left:25px; } div.faq-block div.focus { color:#1968b3; font-weight:bold; cursor:pointer; font-size:12px; } div.faq-block div.content { display:none; font-size:12px; padding:4px 0 4px 2px; } /* @end */ /* CSS for Alumni and Interns Page starts here */ div.alumni-interns-block { padding-left:5px; } div.alumni-interns-block tbody { border:none; } div.alumni-interns-block div.title { background:url(../images/switch-block1.jpg) left 2px no-repeat; color:#1968b3; font-weight:bold; cursor:pointer; font-size:12px; padding-left:25px; } div.alumni-interns-block div.focus { background:url(../images/switch-block2.jpg) left 2px no-repeat; color:#1968b3; font-weight:bold; cursor:pointer; font-size:12px; padding-left:25px; padding-bottom:10px; } div.alumni-interns-block div.content { display:none; font-size:12px; padding:4px 0 4px 25px; } div.alumni-interns-block div.content .label { background:url(../images/bullet2.jpg) left 9px no-repeat; padding:4px; padding-left:15px; font-size:12px; } div.alumni-interns-block div.content .details { padding:4px; color:#444444; font-weight:bold; font-size:12px; } .listed-content { font-size:12px; margin:7px 0 0 0; width:90%; } .listed-content li { padding:0 0 0 15px; margin:0 0 7px 0; display:block; background:url(../images/bullet1.gif) 0 4px no-repeat; } /* @end */ #body-container.fullblock .left-side-bar { display:none; } #body-container.fullblock .content-block { margin-left:0; width:959px; } /*IE6 FIX*/ body.msie6 #content-inner-block #main-navigation ul.navigation-tabs li a span { float:left; cursor:pointer; } body.msie6 #mainwrapper .container #header { width:1009px; } body.msie6 #mainwrapper .container #header .top-links { margin:20px 0 0 250px; } .messages .status { background-color:#caffb7; padding:4px; font-size:12px; border:1px solid #38c607; } .messages .status em { font-style:italic; font-weight:bold; } /*ADMIN SIDE PANEL*/ div.admin-sidepanel { width:280px; min-height:200px; height:auto !important; height:200px; position:fixed !important; position: absolute; left:-252px; top:50%; display:block; } div.admin-sidepanel div.panel-inner { width:250px; min-height:200px; height:auto !important; height:200px; position:relative; padding-right:42px; } div.admin-sidepanel div.panel-content { width:250px; min-height:200px; height:auto !important; height:200px; border:1px solid #CDE7EC; background:#ffffff; } div.admin-sidepanel div.panel-inner img.admin-arrow { cursor:pointer; position:absolute; right:0; top:50%; margin:-49px 0 0 0; } div.admin-sidepanel h3 { background-color:#c9eef5; font-size:16px; color:#0267ad; padding:3px 0 3px 15px; font-weight:normal; } a.close-admin { position:absolute; width:10px; height:10px; position:absolute; right:56px; top:9px; background:url(../images/close.gif) center no-repeat; display:block; text-indent:-9999px; cursor:pointer; } div.admin-sidepanel .listed-content { padding:0 0 10px 10px; } div.admin-sidepanel .listed-content li { padding:0 0 3px 10px; margin:0 0 3px 0; display:block; background:url(../images/bullet1.gif) 0 4px no-repeat; border-bottom:1px dotted #cde7ec; } div.admin-sidepanel .listed-content li li { border:none; } div.admin-sidepanel .listed-content li ul { display:none; } div.admin-sidepanel .listed-content li:last-child, div.admin-sidepanel .listed-content li.last { margin:0; border:none; } div.admin-sidepanel .listed-content li a { display:block; width:100%; } div.admin-sidepanel .listed-content li a.plus { background:url(../images/plus.gif) right 5px no-repeat; } div.admin-sidepanel .listed-content li a.plus.minus { background:url(../images/minus.gif) right 5px no-repeat; } .admin-panel { font-size:12px; } .admin-panel h3 { font-size:16px !important; font-weight:normal; } .admin-panel p.description { padding-top:5px !important; font-size:14px !important; font-weight:normal; } .admin-panel dt a { color:#006699; } .admin-panel dt a:hover { text-decoration:underline; } .help p { padding-top:10px !important; } .compact-link a { color:#006699; font-size:12px; } .messages { font-size:12px; } .profile { font-size:12px; } .profile p { padding-top:5px !important; } .profile h3 { font-size:16px; font-weight:normal; } form.search-form { margin-bottom:0; } .ui-tabs .ui-tabs-hide { display: none; } .pr-container-block { background:url(../images/divider.jpg) left bottom repeat-x; padding:15px 4px 25px 15px; font-family:Arial, Helvetica, sans-serif; } .pr-container-block h3 { font-size:12px; font-weight:bold; color:#000000; } .pr-container-block p { font-size:12px; padding:6px 0 !important; color:#222222; line-height:19px; } .description-txt { font-size:14px !important; margin-left:14px; } .contact-container-block { background:url(../images/divider.jpg) left bottom repeat-x; padding:15px 4px 10px 4px; margin-left:100px !important; width:500px; } .contact-container-block h3.address { font-size:13px; font-weight:bold; color:#1968b3; background:url(../images/office-icon.jpg) left top no-repeat; padding:5px; padding-left:28px; } .contact-container-block h3.email { font-size:13px; font-weight:bold; color:#1968b3; background:url(../images/mail-icon.jpg) left 3px no-repeat; padding:5px; padding-left:28px; } .contact-container-block h3.phone { font-size:13px; font-weight:bold; color:#1968b3; background:url(../images/phone-icon.jpg) left 4px no-repeat; padding:5px; padding-left:28px; } .contact-container-block p { font-size:1.3em !important; padding:6px 0 !important; color:#222222; line-height:19px; padding-left:30px !important; } .contact-container-block a { color:#000000; text-decoration:underline; } .album-block { font-size:14px; color:#1968b3; padding-top:15px; } .album-block tbody { border:none; } .album-block .album-cover { background:url(../images/album-cover.jpg) left top no-repeat; width:194px; margin:10px; } .album-block .album-cover img { margin:11px 0 20px 20px; height: 113px; width: 154px;} .album-block .album-cover .caption-line a { padding-left:19px; color:#1968b3; } /* image replacement */ .graphic, #prevBtn, #nextBtn { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ #container { margin:0 auto; position:relative; text-align:left; width:528px; background:#fff; background:url(../images/photo-album-bg-block.jpg) left top no-repeat; } #content { position:relative; } /* Easy Slider */ #slider { margin-left:24px; width:480px !important; } #slider ul, #slider li { margin:0; padding:0; list-style:none; } #slider li { width:480px; height:399px; overflow:hidden; margin-top:24px; } #prevBtn, #nextBtn { display:block; width:36px; height:36px; position:absolute; left:-46px; top:180px; } #nextBtn { left:538px; } #prevBtn a, #nextBtn a { display:block; width:36px; height:36px; background:url(../images/prev-button.gif) no-repeat 0 0; } #nextBtn a { background:url(../images/next-button.gif) no-repeat 0 0; } /* // Easy Slider */ /* Title of Essays and there CSS starts here */ span.essay_title { float:left; width:150px; padding:5px; font-size:14px; color:#0267AD; font-weight:normal; } span.university_name { float:left; width:670px; padding:5px; font-size:14px; color:#000000; font-weight:normal; } .essay_content_style p { text-align:justify; line-height:18px; padding-bottom:5px; } /* CSS for Video Gallery Starts here */ .video-title { padding-left:20px; } .video-block { width:423px; margin:0 auto; margin-top:20px; border:1px solid #ccc; padding:6px; border-bottom:none } .video-block a { display:block; width:423px; height:325px; } .video-thumb-slider-block { width:423px; margin:0 auto; border:1px solid #ccc; padding:6px; border-top:none; margin-bottom:30px; } .carousel-block { background:url(../images/video-thumb-bg.jpg) left top no-repeat; width:423px; height:96px; } .carousel-block p { color:#FFFFFF !important; font-size:16px !important; margin:0 auto; width:210px; padding-top:10px; } .about-us-content {padding-left:10px;} .about-us-content h2 {padding-bottom:15px;} .about-us-content p {padding-bottom:10px;} .reg-bg { background:url(../images/reg-bg.gif) left top repeat-x; } .navigation-tabs ul.header-sublinks li { background:none; padding:6px !important; font-size:12px !important; margin-bottom:10px; } body.msie .navigation-tabs ul.header-sublinks li { background:none; padding:0 3px !important; font-size:12px !important; margin-bottom:0 !important; } body.msie6 .navigation-tabs ul.header-sublinks li { background:none; padding:0 3px !important; font-size:12px !important; margin-bottom:0 !important; padding-bottom:-10px !important; } .navigation-tabs div { border:1px solid #c6f3fd; z-index:4; background:#FFFFFF url(../images/nav-tab-drop.jpg) left top repeat-x; border-top:none; padding-bottom:10px; } body.msie .navigation-tabs div { border:1px solid #c6f3fd; z-index:4; background:#FFFFFF url(../images/nav-tab-drop.jpg) left top repeat-x; border-top:none; padding-bottom:0 !important; } body.msie6 .navigation-tabs div { border:1px solid #c6f3fd; z-index:4; background:#FFFFFF url(../images/nav-tab-drop.jpg) left top repeat-x; border-top:none; padding-bottom:0 !important; } .navigation-tabs ul.header-sublinks li a { color:#0267ad !important; height:auto !important; background:none; border-bottom:1px solid #c6f3fd; display:block; width:95%; padding:4px 2px 8px 2px; } body.msie6 .navigation-tabs ul.header-sublinks li a { color:#0267ad !important; height:auto !important; background:none; border-bottom:1px solid #c6f3fd; display:block; width:95%; padding:6px 2px 2px 2px; margin-bottom:-5px !important; } .navigation-tabs ul.header-sublinks li a.last { border-bottom:none; } .navigation-tabs ul.header-sublinks li a:hover { background:none !important; color:#000000 !important; } .navigation-tabs .drop-menu { position:absolute; left:77px; top:43px; width:130px; display:none; z-index:999999; } body.msie .navigation-tabs .drop-menu { left:76px !important; width:129px; } body.msie6 .navigation-tabs .drop-menu { left:78px !important; width:126px; } body.linux-os .navigation-tabs .drop-menu { left:80px; width:144px; } .navigation-tabs .drop-menu ul li { display:block !important; font-weight:normal !important; } .navigation-tabs .drop-menu2 { position:absolute; left:146px; top:43px; width:168px; display:none; z-index:999999; } body.msie .navigation-tabs .drop-menu2 { left:212px !important; width:166px; } body.msie6 .navigation-tabs .drop-menu2 { left:215px !important; width:166px; } body.linux-os .navigation-tabs .drop-menu2 { left:230px; width:184px; } .navigation-tabs .drop-menu2 ul li { display:block !important; font-weight:normal !important; } .navigation-tabs .drop-menu3 { position:absolute; left:330px; top:43px; width:168px; display:none; z-index:999999; } body.msie .navigation-tabs .drop-menu3 { left:385px; } body.msie6 .navigation-tabs .drop-menu3 { left:388px; } body.linux-os .navigation-tabs .drop-menu3 { left:420px; width:145px; } .navigation-tabs .drop-menu3 ul li { display:block !important; font-weight:normal !important; } .navigation-tabs .drop-menu4 { position:absolute; left:385px; top:43px; width:168px; display:none; z-index:999999; } body.msie .navigation-tabs .drop-menu4 { left:440px; } body.msie6 .navigation-tabs .drop-menu4 { left:443px; } body.linux-os .navigation-tabs .drop-menu4 { left:479px; } .navigation-tabs .drop-menu4 ul li { display:block !important; font-weight:normal !important; } body.linux-os .header-sublinks li { padding-bottom:10px !important; } .college-login { margin-left:0 !important; width:960px !important; } .college-login .college-login-block { padding:15px 0; } .college-login .archive-form { padding-left:20px; } .college-login h1 { margin-bottom:10px; padding-left:15px; } .college-login h2 { padding-left:15px; font-size:24px !important; font-weight:normal; color:#0267ad !important; } .college-login h3 { padding-left:15px; float:left; padding-right:40px; font-size:16px; font-weight:normal; vertical-align:bottom; } .college-login a.download { font-size:12px; vertical-align:bottom; display:block; float:left; border:1px solid #fff; padding-top:3px; padding-left:20px; color:#0267ad !important; background:url(../images/excel-img.jpg) left top no-repeat; } .college-login ul.application-list { padding-top:0; padding-left:15px; } .college-login ul.application-list li { background:url(../images/divider.jpg) left bottom repeat-x; padding:12px 5px; font-size:13px; color:#333333; font-weight:bold; } .college-login ul.application-list span.university { color:#0267ad !important; padding:0 10px; } .college-login ul.application-list span.submit-date { font-weight:normal; font-size:12px; } .college-login .pagination-content-page { padding:15px !important; } .college-login .title { padding:20px 0 0 20px; font-size:15px; color:#999999; } .college-profile-block { padding:15px 10px 0 5px;} .college-profile-block .profile-picture { background:url(../images/photo-frame.gif) left top no-repeat; width:124px; height:124px; margin-right:10px; } .college-profile-block .profile-picture img { margin:14px 0 0 14px; } .college-profile-block .students-name { font-size:13px; color:#0267ad !important; padding:5px 0; } .college-profile-block .university-name { font-size:12px; padding-bottom:5px; color:#333333; } .college-profile-block .profile-details { background:url(../images/divider.jpg) left bottom repeat-x; padding-bottom:10px; } .college-profile-block .resume-download { background:url(../images/word-img.jpg) left 12px no-repeat; padding:15px 0 10px 25px; font-size:12px; } .college-profile-block .resume-download a { color:#333333; } #reg-message { border:1px solid #cccccc; background-color:#EEEEEE; color:#000; font-size:12px; padding:5px; } body.msie6 select#university { width:150px; } body.msie6 select#college { width:150px; } .rate-it{display:block; height:32px; line-height:32px; text-indent:-9999px; float:left; height:27px; margin:0;} .rate-it p{width:64px; height:16px; background:url(../images/star-sprites.png) 0 0 no-repeat; margin:4px 0 0 0; overflow:hidden; padding-left:5px; } .rate-it p span{position:relative; width:64px; height:16px; display:block;} .rate-it p a{position:absolute; background:url(../images/star-sprites.png) 0 100px no-repeat; top:0; height:16px; margin:0; cursor:pointer; overflow:hidden; text-indent:-9999px;} .rate-it p a:hover, .rate-it p a.rated{background-position:0 -25px;} .rate-it p a.one-star{width:12px; left:0; z-index:5;} .rate-it p a.two-star{width:25px; left:0; z-index:4;} .rate-it p a.three-star{width:38px; left:0; z-index:3;} .rate-it p a.four-star{width:51px; left:0; z-index:2;} .rate-it p a.five-star{width:64px; left:0; z-index:1;} .rate-it p.one-star{background-position:0 -51px;} .rate-it p.two-star{background-position:0 -77px;} .rate-it p.three-star{background-position:0 -103px;} .rate-it p.four-star{background-position:0 -129px;} .rate-it p.five-star{background-position:0 -25px;} .count { padding-top:4px;font-size:12px; } #intro-text.intro p { padding-bottom:5px; } #report-stat { padding:20px 10px; } #report-stat table { width:100%; font-size:14px; } #report-stat table td { padding:6px; } #info-msg {clear:both;padding:10px 0; float:left;font-size:13px;width: 100%;} /*mandar - registration page*/ #reg-form { margin-top:10px; font-size:12px; margin-left:15px; } #reg-form .webform-component-textfield, #reg-form .webform-component-select{float:left; width:345px;} .webform-component-date{float:left; width:350px;} #reg-form label { width:150px; display:block; float:left; color:#666666; font-size:12px; font-weight:normal; } #reg-form input[type=text], #reg-form select { width:170px; border:1px solid #cccccc; padding:2px; color:#666666; font-family:"Trebuchet MS", "Times New Roman", Times, serif; } #reg-form select{width:66px;} #reg-form select#edit-submitted-graduation-date-day, #reg-form select#edit-submitted-date-of-birth-day{width:52px;} #reg-form select.form-select.year{width:53px;} #reg-form #edit-submitted-university, #reg-form #edit-submitted-college{width:176px!important;} #reg-form #edit-submitted-mailing-address-wrapper{clear:both;} #reg-form .grippie{display:none;} #reg-form span.submitted{display:none;} #reg-form div.error, tr.error {background-color:#FFCCCC;color:#A30000;float:left;width:648px; font-size:11px;} #reg-form label.error{width:500px;} #reg-form .form-item input.error, .form-item textarea.error,#reg-form .form-item select.error{border:1px solid #C52020} #reg-form textarea { width:505px; border:1px solid #cccccc; padding:2px; } #reg-form input.browse-button { background:url(../images/browse-button.jpg) left top no-repeat; width:64px; height:20px; border:none; cursor:pointer; } #reg-form input.submit-button { background:url(../images/submit-button.jpg) left top no-repeat; width:74px; height:28px; border:none; margin:15px 0 0 0; cursor:pointer; } div#edit-letter-of-support-academic--by-director-of-studies---course-director---supervisor-wrapper,div#edit-letter-of-support-referee-academic-or-personal-wrapper{clear:both;} div#edit-letter-of-support-academic--by-director-of-studies---course-director---supervisor-wrapper label,div#edit-letter-of-support-referee-academic-or-personal-wrapper label,div#edit-attach-cv-wrapper label, div#edit-attach-transcript-of-your-academic-performance-wrapper label, div#edit-attach-statement-of-purpose-wrapper label,div#edit-attach-passport-photo-wrapper label{width:478px;} div#edit-attach-passport-photo-wrapper,div#edit-attach-statement-of-purpose-wrapper,div#edit-attach-cv-wrapper, div.description { clear:both;} .form-item .description {padding:28px 0 0 0!important; width:635px;}