/********************************************************************************************** Main Sections in CSS: 1. BASIC ELEMENTS Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. 2. LAYOUT Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site 3. PAGE COMMON STYLES Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc 4. PAGE SPECIFIC STYLES Define content styles that are specific to a particular page ***********************************************************************************************/ /* import core styles */ @import url(base.css); /*------------------------------------------ // 1.BASIC ELEMENTS // Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc. //------------------------------------------*/ body { color:#5f5e63; font-family: Arial, Helvetica, sans-serif!important; font-size:12px!important; } p{line-height:18px;} #content p span, #content ul li, .post .content p{font-family: Arial, Helvetica, sans-serif!important; color:#000!important; font-size:12px!important; line-height:18px!important; } #content .post ul li{ margin-bottom:10px!important; list-style:disc outside!important; margin:0px 0px 10px 40px!important;} #content ul li span{ color:#5f5e63!important;} #content .post ul{padding:10px 0px!important;} #content #sidebar1 li{ margin-bottom:3px!important; line-height:14px!important} #content .list2 li, #content #drop li a{line-height:12px!important;} #sidebar .box .list li{line-height:12px!important;} #content ul li span span{font-family:Arial, Helvetica, sans-serif!important;} /*------------------------------------------ // 2.LAYOUT // Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site //------------------------------------------*/ /*---- Container ----*/ div#container { width:900px; margin:0 auto; } /*---- Header ----*/ #header{border-top:solid 10px #04486b; width:100%; overflow:hidden; } /*---- Navigation ----*/ /*---- Content ----*/ #inner1.inner{width:100%; background:url(../images/middle_curve1.gif) repeat-y -1px 0px; } .inner{width:100%; background:url(../images/line3.gif) repeat-y -1px 0px; } /*---- Main ----*/ div#main { float:left; } #main1{float:right; width:673px; background:#fff; padding:12px; border-style:solid; border-color:#ebebeb; border-width:1px 0px 0px 0px; } /*---- Sidebar ----*/ div#sidebar { float:right; width:239px; border-left:solid 1px #ebebeb; } #sidebar1{float:left; width:186px;} /*---- Footer ----*/ #footer{border-top:solid 5px #04486b;} /*------------------------------------------ // 3. PAGE COMMON STYLES // Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc //------------------------------------------*/ #easy_tooltip{ border:1px solid #e1e1e1; padding:5px 10px; background:#f5f5f5; font-size:12px; display:block; } .ui-tabs-hide{display:none;} /*---- Header - Logo ----*/ div#header .logo{float:left;} div#header .logo h1{float:left;} div#header .logo h1 a{ position:relative; width:344px; height:60px; display:block; background:url(../images/inlip_logo.jpg) no-repeat 0px 0px; position:relative;} div#header .logo h1 a span { position: absolute; top: 0; left: 0; background:url(../images/header/logo.png) 0 0 no-repeat; width:213px; height:83px; display:block; } #middle{padding:20px 10px; border-style:solid; border-color:#ebebeb; border-width:0px 1px; } #links{padding:8px 0px; text-align:right; border-style:solid; border-color:#ebebeb; border-width:0px 1px 1px 1px;} #links p{color:#d7d7d8; padding:0px 10px;} #links p a{color:#545358; margin:0px 2px;} #links p .active,#links p .active:hover{color:#0080c1; text-decoration:none;} #links p a:hover{text-decoration:underline;} .links1 input{vertical-align:middle; margin-top:0px;} .links1 span{padding-right:10px;} .subscribe{background:url(../images/icon2.gif) no-repeat 0px 0px; padding-left:17px;} #search{float:right; padding-top:5px; margin-right:-5px;} .search_box{background:url(../images/search_box.gif) no-repeat 0px 0px; width:226px; height:22px; margin-bottom:15px;} .textbox{width:194px; border:0; background:none; padding:3px; font-size:11px;} #search .submit{background:none; cursor:pointer; width:22px; height:20px; border:0;} .links1 a{color:#838383; font-size:11px; margin-right:8px; } .icon1{background:url(../images/icon1.gif) no-repeat 0px 1px; padding:1px 0px 1px 17px;} .icon2{background:url(../images/icon2.gif) no-repeat 0px 1px; padding:1px 0px 1px 17px;} .icon3{background:url(../images/icon3.gif) no-repeat 0px 1px; padding:1px 0px 1px 17px;} /*---- Navigation ----*/ #navigation{clear:both; border-style:solid; border-color:#ebebeb; border-width:1px 0px; height:34px; width:100%; overflow:hidden; background:url(../images/nav_bg.gif) repeat-y 0px 0px } #navigation ul{float:left;} #navigation li{ float:left; border-left:solid 1px #ebebeb;} #navigation li a{color:#04486b; text-transform:uppercase; font-weight:bold; padding:11px 24px; font-size:12px; float:left; } #navigation li a:hover, #navigation li a.active{background:#e5ecf0; text-decoration:none;} #guest{width:218px; padding:0px 10px; font-size:11px; color:#e1e1e1; border-left:solid 1px #ebebeb; height:34px;} #guest .flL{color:#7a7a7a; font-size:11px; padding-top:10px; padding-left:2px;} #guest .flR{padding-top:10px;} #guest a{color:#017fc1; text-decoration:none; margin:0px 2px;} #guest a:hover{text-decoration:underline;} /*---- Content ----*/ #content{padding:12px 0px; border-style:solid; border-color:#ebebeb; border-width:0px 1px 1px 1px; background:url(../images/line1.gif) repeat-x 0px 100%; overflow:hidden; height:1%;} #content.pad{padding-bottom:11px;} #main{float:left; width:644px; border-style:solid; border-color:#ebebeb; border-width:0px 1px 0px 0px;} #content h2{font-size:16px; color:#fff; padding:10px; background:#04486b;} /*---- Main ----*/ #recent_article{margin-bottom:10px;} #recent_article li{float:left; font-size:11px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; } #recent_article li a{color:#5f5e63; text-decoration:none; padding:10px; float:left} .read{float:right; padding:4px 10px; margin:6px 5px 0px 0px; color:#fff; background:#b1b1b1;} #recent_article .content{height:258px; padding:20px 10px; clear:both; background:#f5efe0; position:relative;} #recent_article .content h3{color:#3a3a3a; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; line-height:24px; font-weight:normal; margin-bottom:10px;} #recent_article .content h3 a{color:#3a3a3a; font-weight:normal;} #recent_article .content h3 a:hover{text-decoration:none; color:#037fbd;} #recent_article .content p{line-height:18px; color:#000; font-size:12px;} #recent_article .content a{color:#027fc0; text-decoration:none; font-weight:bold;} #recent_article .content a:hover{text-decoration:underline;} #recent_article li a{ font-weight:bolder;} #recent_article li.ui-state-active a{ background:#f5efe0; color:#037fbd;} .article{width:292px; padding:15px; border-style:solid; border-color:#ebebeb; border-width:1px 0px 0px 0px;} #recent_article .content .read{position:absolute; right:5px; top:-32px; color:#FFFFFF;} #recent_article .content .read:hover{text-decoration:none;} .line{background:url(../images/line.gif) repeat-y 0px 0px; width:100%; overflow:hidden; border-style:solid; border-color:#ebebeb; border-width:0px 0px 1px 0px; height:472px; } .article .head span{float:left; background:url(../images/placeholder.gif) no-repeat 0px 0px; width:86px; height:80px; margin:0px 10px 10px 0px;} .article h4{color:#000000; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; line-height:18px; margin-bottom:10px;} .article h4 a{color:#000;} .article h4 a:hover{color:#037fbd; text-decoration:none;} .article h5{color:#858589; font-size:11px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;} .article .content{clear:both; line-height:18px;} .article .content p{font-size:12px;color:#000;} .article .content a, a.read_more{color:#027fc0; text-decoration:none; font-weight:bold;} .article .content a:hover, a.read_more:hover{text-decoration:underline;} #main1 h1, #main2 h1{font-family:Georgia, "Times New Roman", Times, serif; color:#282826; margin-bottom:10px; font-size:20px;} #breadcrumbs{color:#949494; font-size:11px; border-style:solid; border-color:#ebebeb; border-width:1px 0px; padding:5px 3px; margin-bottom:10px;} #main1 #breadcrumbs a, #main2 #breadcrumbs a{color:#666; text-decoration:none;} #main1 #breadcrumbs .active, #main2 #breadcrumbs .active{color:#0081bf; text-decoration:none;} #main1 h2{color:#000; background:none!important; font-family:Georgia, "Times New Roman", Times, serif; padding:0px!important; font-size:22px; margin-bottom:15px; line-height:22px;} #main1 p{margin-bottom:15px;color:#000;} #main1 a{color:#0080c1; text-decoration:underline;} #main1 a:hover{text-decoration:none;} .slide img{vertical-align:middle;} /*---- Sidebar ----*/ #sidebar1 li{ background:#749aad; margin-bottom:3px;} #sidebar1 li a{color:#fff; text-decoration:none; display:block; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; padding:10px; height:1%;} #sidebar1 li a:hover, #sidebar1 li.ui-state-active a, #sidebar1 li .active{background:#04486b;} #sidebar1 li ul{ background:#e5ecf0;} #sidebar1 li ul a, #sidebar1 li ul li{background:none;} #sidebar1 li ul a{padding:8px 15px; font-size:12px; text-transform:none; color:#04486b; background:url(../images/dotss.gif) no-repeat 5px 12px;} #sidebar1 li ul a:hover, #sidebar1 li ul a.active{background:#cedce3 url(../images/dotss.gif) no-repeat 5px 12px;} #testimonial{height:368px; background:#e7eeea; position:relative; margin-bottom:10px;} .slide{background:#e7eeea; height:320px;} #testimonial .content{ padding:4px 10px 10px 10px; margin-top:10px; height:305px; width:219px; overflow:auto} #testimonial .content p{line-height:16px; font-size:12px; margin-bottom:10px;} #testimonial .content p span{color:#04486b; font-weight:bold;} #testimonial .content p a{color:#2f96cb; } #testimonial .content .link{ line-height:18px;} #testimonial .content img{ margin:0px 20px 10px 0px;} .control{height:14px; text-align:right; width:220px; background:url(../images/transparent.png) repeat; position:absolute; left:0px; top:0px; z-index:100; padding:9px 10px;} .control a, .control1 a{color:#fff; font-size:12px; padding:1px 5px;} .control a:hover, .control1 a:hover{text-decoration:none;} .activeSlide, .control1 a.activeSlide{background:#2f96cb;} .control1{height:14px; text-align:right; width:120px; background:url(../images/transparent.png) repeat; position:absolute; right:0px; bottom:0px; z-index:100; padding:9px 10px;} .control1 a{background:#CCCCCC; margin-left:2px;} .box{border-bottom:solid 1px #ebebeb; margin-bottom:10px;} .box .head{ position:relative;} .box .head, #content .box h2{background:#e9e5ef; color:#036594; height:1%; } .box .content{padding:10px;} .box .list li{border-bottom:solid 1px #d6e1e7; font-size:11px; font-weight:bold; background:url(../images/arrow.gif) no-repeat 0px 3px; padding:0px 0px 10px 10px; margin-bottom:10px;} .box .list a{color:#42494c;} .box .more{background:#b1b1b1; padding:4px 10px; margin:7px 7px 0px 0px; color:#efefef; font-weight:bold;} #opportunities{position:relative; z-index:2;} #opportunities.box{margin-bottom:0px; height:1%;} #opportunities .content{height:180px; position:relative; background:#f8f2f7;} #opportunities h3{margin-bottom:3px; color:#036594} #opportunities h4{margin-bottom:3px; line-height:16px;} #opportunities .content .slide1{padding:10px 13px;} #opportunities .content p{position:relative; z-index:10;} #content .middle{background:#fff url(../images/middle_curve.gif) repeat-y 0px 0px; margin-bottom:-1px;} #content .top{background:url(../images/top_curve.gif) no-repeat 0px 0px;} #content .bottom{background:url(../images/bottom_curve.gif) no-repeat 0px 100%; width:100%; overflow:hidden;} #main2{width:419px; float:left; padding:12px; margin-left:15px; border-top:solid 1px #e9e9e9} .post{padding-bottom:15px; margin-bottom:25px; border-bottom:solid 1px #ebebeb; } .post .head{width:100%; overflow:hidden;} .post .head span{float:left; margin:0px 20px 10px 0px; background:url(../images/placeholder.gif) no-repeat 0px 0px; width:85px; height:80px; overflow:hidden; } .post .content p{line-height:18px; margin-bottom:10px; color:#000;} .post h4{color:#858589; font-size:11px; text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; line-height:15px; margin-bottom:3px;} .post h3{color:#000; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin-bottom:10px; line-height:20px;} .post h3 a{color:#000;} .post .content a{color:#017fc3; font-weight:bold;} #article_list{margin-top:-15px;} #article_list li{padding:15px 10px 5px 10px; border-bottom:solid 1px #e7e7e7;} .metadata p{font-family:Georgia, "Times New Roman", Times, serif; color:#949494; font-size:11px; margin-bottom:5px!important;} .metadata p span{color:#04486b;} #comment_form{padding:15px 20px 5px 20px; background:#eaeaea; margin-top:3px;} #comment_form h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:normal;} #comment_form table{width:100%; margin:10px 0px;} #comment_form label{ color:#04486b; display:block; margin-bottom:8px;} #comment_form td{padding:7px 0px;} #comment_form .submit{border:0; cursor:pointer; background:url(../images/submit.gif) no-repeat 0px 0px; height:25px; width:65px; margin-right:10px;} #comment_form .reset{border:0; cursor:pointer; background:url(../images/reset.gif) no-repeat 0px 0px; width:54px; height:25px;} #comment_form .input{width:292px; padding:3px; border:solid 1px #d9d8d8;} #comment_form #comment{width:610px; height:77px; padding:3px; border:solid 1px #d9d8d8;} #more{cursor:pointer;} #close{cursor:pointer;} #resources{z-index:100; position:relative;} .list1{margin-bottom:15px;} .list1 li{list-style:outside disc; margin-left:40px; margin-bottom:5px;} /*#more.active{background:#F5EFE0; color:#666666;}*/ #drop{position:absolute; right:7px; top:27px; background:#B1B1B1; display:none; width:877px; z-index:100;} #drop h3{ font-size:15px; font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF; padding:8px; background:#B1B1B1;} #drop li{ font-size:11px; } #drop li a{color:#fff; text-decoration:none; background:url(../images/arrow2.gif) no-repeat 7px 10px; padding:6px 6px 6px 16px; height:1%; display:block;} #drop li a:hover{background:#b1b1b1 url(../images/arrow2.gif) no-repeat 7px 10px;} #drop td{ background:#9a9a9a; border-right:solid 1px #CCCCCC; width:229px; } #drop ul{} #drop table{width:100%;} .see{background:#000; padding:10px; text-align:right; font-size:11px; color:#CCCCCC;} .see a{color:#fff; text-decoration:none; margin:0px 2px;} .see a:hover{text-decoration:underline;} .list3 li{padding:10px 20px 0px 0px; margin-left:30px; line-height:16px; list-style:disc outside;} .list2{background:url(../images/dots2.gif) repeat-x 0px 100%; } .list2 li{} .list2 li a{background:url(../images/arrow3.gif) no-repeat 10px 13px; padding:10px 0px 10px 20px; display:block; text-decoration:none!important; height:1%;} .list2 li a:hover{background:#E9E9E9 url(../images/arrow3.gif) no-repeat 10px 13px;} /*---- Footer ----*/ #footer{border-left:solid 1px #ebebeb; border-right:solid 1px #ebebeb;} #footer ul{padding:10px 0px; } #footer ul li{display:inline; color:#d7d7d8} .footer_top{padding:10px 0px; width:100%; overflow:hidden; border-bottom:solid 1px #ebebeb; margin-bottom:2px;} #footer a{color:#545358; margin:0px 5px;} #footer .flR{padding-right:20px; width:200px; font-size:11px;} #footer .flL{padding-left:10px;} .footer_bottom{background:#eaeaea; padding:10px 0px; height:14px;} /*------------------------------------------ // 4.1 INDEX PAGE SPECIFIC STYLES //------------------------------------------*/ /*---- Flash ----*/ /*---- Members ----*/ /*---- Addresses ----*/ #thankyou{padding-bottom:15px; } #register{ background:#f2f0dd; padding:20px 30px; right:0px; top:0px; float:right;} #register h1{font-size:30px; color:#000; line-height:30px; background:url(../images/dots1.gif) repeat-x 0px 100%; padding-bottom:10px; margin-bottom:10px;} .textbox3{width:249px; border:solid 1px #dad8d8; padding:2px; margin-right:5px; color:#707070; font-size:12px;} .listbox{width:60px; border:solid 1px #dad8d8; margin-right:5px; color:#707070; font-size:12px;} .textbox4{width:512px; border:solid 1px #dad8d8; padding:2px; color:#707070; font-size:12px;} .listbox4{width:516px; border:solid 1px #dad8d8; color:#707070; font-size:12px; padding-bottom:2px;} .textbox5{width:218px; border:solid 1px #dad8d8; padding:2px; margin-right:5px; color:#707070; font-size:12px;} #register td{padding:5px 0px;} .textarea{width:511px; height:70px; border:solid 1px #dad8d8; padding:2px; color:#707070; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #register p{margin-bottom:15px;} .submit1{background:#0080c1; padding:5px 10px; color:#fff; margin-right:10px; border:none;} .reset1{background:#9a9a9a; padding:5px 10px; color:#fff; margin-right:10px; border:none;} .ui-state-active { background:#04486B!important; } .author p{color:#036594;} #content #main1 p a span { color:#0080C1!important; } .post .head img{float:left; margin:0px 15px 10px 0px;} #main1 .post h3{color:#3A3A3A;} .box .head, #content .box h2 a{color:#036594; text-decoration:none;} #content .box h2 a:hover{text-decoration:underline;} .para a{color:#027FC0;} .para a:hover{ text-decoration:underline} .list4{border-top:solid 1px #EBEBEB;} .inner_list{ padding:15px 15px 10px 15px; color:#000; } .inner_list h3{font-size:16px; line-height:18px;} .inner_list a{color:#0033FF;} .list4 .pagination td{padding:40px 0px 10px 10px ;} .list4 .pagination td td{padding:0px;} .list4 .pagination td table{ float:right;} .list4 .pagination a{padding:3px 8px; background:#FFF9E1; border:solid 1px #FFCC00; color:#333333; margin-right:3px;} #register label{display:block; height:20px; padding-left:3px; font-size:12px;} .listbox4{margin-bottom:3px;}