/************************************************************* -------- SITE FRAME CSS -------- *************************************************************/ html, body { height:100%; } body { margin: 0; padding: 0; border: none; font-size: 80%; text-align:center; font-family: Arial, Verdana, Geneva, Helvetica, sansserif;background: url("../img/vert-panel.gif") top center repeat-y #00224F; color: #FFF;} #pageframe {margin:0;height:100%;width:100%;float:left;} #topclear {width:1px; height:50%; margin-bottom:-290px; /* half of container's height */ float:left;} #overframe { margin:0; position:relative; /* puts container in front of distance */ text-align:center; height:585px; min-width:799px;width:100%; clear:left;overflow:hidden;} .thin-linet { margin:0;padding:0;height:1px !important;width:100%;border-bottom:1px solid #4D6584;font-size:9px;color:#4D6584;position:absolute;top:58px;left:0;} .thin-lineb { margin:0;padding:0;height:1px !important;width:100%;border-top:1px solid #4D6584;font-size:9px;color:#4D6584;margin-top:-5px;} *:lang(en) .thin-lineb {margin-top:0;} * html .thin-lineb {margin-top:-2px;} #innerframe {margin:0 auto; height:560px; width:799px;position:relative;} #title-head {height:26px;width:346px;position:absolute;top:22px;right:10px;background:url("../img/glp-title.gif") top right no-repeat;} #logo-head {height:75px;width:255px;position:absolute;top:-10px;right:10px;background:url("../img/glp_logo_combined_white.gif") top left no-repeat;} #logo-head img {height:75px;width:75px;} * html #innerframe {width:804px;} /* SAD SORRY CSS HACK FOR IE6 */ #pageframe #footerframe {margin: 45px 20px 10px 20px;border-top:1px solid #878787;text-align:center;font-size:11px;position:absolute;} #footer {width:796px;text-align:right;margin:0 auto;font-size:12px;} /************************************************************* -------- SITE DEFAULT CSS -------- *************************************************************/ a {color:#FFF;text-decoration:none;} a:hover {color:#1595E0;} a.altcolor {color:#1595E0;text-decoration:none;} a.altcolor:hover {color:#000;} .drab {color:#4D6584;} .drab a {color:#4D6584;} .drab a:hover {color:#fff;} .ltdrab {color:#a8cdff} .logout a {color:#E44D4C;} .logout a:hover {color:red;} .center {text-align:center;} .left {text-align:left;} .right {text-align:right;} .error {color:red;} .cross-link {color:blue;} .warn {color:#FFD557;} .good {color:green;} .inline {display:inline;} .bold {font-weight:bold;} .impact {font-size:13pt;} .warn-box {background:#E5DDA9;} .borderbox {display:inline;border:1px solid #878787;background:#e5e5e5;padding:5px;margin:5px;} h2 {font-size:11pt;margin-bottom:0;padding-bottom:0;} .strong {font-weight:bold;} .hidden {display:none;} .small {font-size:10px;} #text-scroll .smaller {font-size:13px;} .larger {font-size:14px;} .spacer {padding:10px;} .no-head {margin-top:0;padding-top:0;} p.breakhere {page-break-before: always;} .print {height:18px;background: url("../img/print-icon.gif") left center no-repeat;padding-left:21px;} #main {text-align:center;} /* DELINIATED BOX STYLES */ .line-boxl {margin:0;padding:0;position:relative;float:left;clear:left;} * html .line-boxl {margin-left:2px;} /* SAD SORRY CSS HACK FOR IE6 */ .line-boxr {margin:0;padding:0;position:relative;float:right;clear:right;} .line-boxl .lbtop { margin:0;padding:0;height:1px !important;width:100%;border-top:1px solid #4D6584;width:7000px;position:absolute;top:0;right:0;} .line-boxr .lbtop { margin:0;padding:0;height:1px !important;width:100%;border-top:1px solid #4D6584;width:7000px;position:absolute;top:0;left:-2px;} .line-boxl .lbcontent {margin:0;width:100%;border-right:1px solid #4D6584;text-align:left;clear:right;position:relative;padding-top:1px;} .line-boxr .lbcontent {margin:0;width:100%;border-left:1px solid #4D6584;text-align:left;clear:left;position:relative;padding-top:1px;} .line-boxl .lbbottom { margin:0;padding:0;padding-top:1px;height:1px !important;width:100%;border-bottom:1px solid #4D6584;width:7000px;position:absolute;bottom:0;right:0;} .line-boxr .lbbottom { margin:0;padding:0;padding-top:1px;height:1px !important;width:100%;border-bottom:1px solid #4D6584;width:7000px;position:absolute;bottom:0;left:-2px;} .lbcontent .title {font-size:12pt;padding:5px 10px;} .lbcontent .main-title {font-size:13pt;padding:5px 10px;} .lbcontent .main {padding:10px;} .scroll-left .vscrollerbase {left: 0 !important;} .scroll-left-border .vscrollerbase {left: 0 !important;} .scroll-right-border .vscrollerbase {} .scrollbox {padding:10px;} /** MENU STYLES **/ /*added*//* #menu-box-L1{width:160px;margin-top:80px;margin-left:2px;} #menu-box-L2{width:160px;margin:0;} #menu-box-L2.line-boxl .lbtop {border:0px;} #menu-box-L2.line-boxl .lbbottom {border:0px;} #menu-box-L2.line-boxl .lbcontent {border:0px;} #menu-box-L3{width:160px;margin:0;} #menu-box-L4{width:160px;margin:0;} #menu-box-L5{width:160px;margin:0;} #menu-box-L6{width:160px;margin:0;} #menu-box-L7{width:160px;margin:0;} #menu-box-L8{width:160px;margin:0;} #menu-box-L2 a {padding-left:15px; display:block;} #menu-box-L3 a {padding-left:30px;} #menu-box-L4 a {padding-left:45px;} #menu-box-L5 a {padding-left:60px;} #menu-box-L6 a {padding-left:75px;} #menu-box-L7 a {padding-left:90px;} #menu-box-L8 a {padding-left:105px;} #menu-box-L2.line-boxl div.menu-item {background:#0B3264;} #menu-box-L3.line-boxl div.menu-item {background:#143B6E;} #menu-box-L4.line-boxl div.menu-item {background:#154381;} #menu-box-L1{width:160px;margin-top:75px;} #menu-box-L2{width:150px;margin:0;} #menu-box-L3{width:140px;margin:0;} #menu-box-L4{width:130px;margin:0;} #menu-box-L5{width:120px;margin:0;} #menu-box-L6{width:110px;margin:0;} #menu-box-L7{width:100px;margin:0;} #menu-box-L8{width:90px;margin:0;} */ /* .menu-tier-1 {float:left;} .menu-item{font-size:9pt;font-weight:bolder;padding:7px 10px 7px 0} .menu,.menu ul {margin:0;padding:0;background:#00224F} .menu li {list-style-type:none;margin: 0px;padding: 0px;width:100%;} .menu li:hover {background:#215294;} .menu li .menu-item:hover {color:#1595E0;} .menu li .menu-item{font-size:11pt;} .menu li ul li .menu-item{font-size:10pt;} .menu li a {margin-left:5px;} .menu li.on {background:#0b2d59;} .menu li ul li.on {background:#143B6E;} .menu li ul li ul li.on {background:#154381;} .menu li.on .mi-on a{color:#1595E0;} */ /************************************************************* -------- SITE MENU CSS -------- *************************************************************/ #menu-frame {position:absolute;top:37px;left:0;padding:0; margin:0;width:798px;z-index:999;} *:first-child+html #menu-frame{left:1px;} /*ie 7 hack for positioning*/ * html #menu-frame{position:relative;margin: 11px 0 0 1px; float:none;} /*ie 6 and below hack for positioning*/ .depth-level-0 .white-float {display:none;} .depth-level-1 .white-float {width:100%;height:21px;margin-top:24px;background:#fff;} .depth-level-2 .white-float {width:100%;height:21px;margin-top:24px;background:#fff;} .depth-level-3 .white-float {width:100%;height:21px;margin-top:24px;background:#fff;} .depth-level-4 .white-float {width:100%;height:21px;margin-top:24px;background:#fff;} #menu-frame .menu-tier-0 a {font-size:11pt;padding:2px 10px;} #menu-frame .menu-tier-0 a.mi-on {color:#1595E0;} #menu-frame .menu-tier-1 a {font-size:10pt;padding:4px 10px;color:#000;font-weight:normal;} #menu-frame .menu-tier-1 a:hover {color:#1595E0;} #menu-frame .menu-tier-1 a.mi-on {color:#1595E0;background:none;} #menu-frame .menu-tier-2 a {font-size:10pt;padding:3px 4px;color:#FFF;font-weight:normal;} #menu-frame .menu-tier-2 li {text-align:center;float:left;clear:left;} #menu-frame .menu-tier-2 {margin-left:6px;} #menu-frame ul { text-align:left; font-family: verdana, sans-serif; position:relative; margin:0; padding:0; list-style-type:none; z-index:999; } #menu-frame ul.inactive { visibility:hidden; } #menu-frame a {display:block;} #menu-frame ul ul { padding:0; margin:0; list-style-type:none; /* for Firefox */ } #menu-frame ul li { float:left; position:relative; } #menu-frame ul li a, #menu-frame ul li a:visited { display:block; text-decoration:none; float:left; } #menu-frame ul li ul { visibility:hidden; position:absolute; left:0; height:0; overflow:hidden; } #menu-frame ul table { margin:-1px; border-collapse:collapse; /* font size for IE5.5 */ } /* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */ #menu-frame ul li a, #menu-frame ul li a { text-decoration:none; border:0; } #menu-frame ul li ul, #menu-frame ul li a ul { visibility:visible; width:600px;height:auto; left:0; top:22px; overflow:visible; } #menu-frame ul li ul li a, #menu-frame ul li a ul li a { display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; } #menu-frame ul li ul li ul { visibility:hidden; position:absolute; top:23px; left:0; height:0; overflow:hidden;z-index:999; } #menu-frame ul li ul li:hover ul, #menu-frame ul li a ul li a:hover ul { visibility:visible; height:auto; background:#00224F; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6; width:245px;z-index:999; border-left:1px solid #fff;border-bottom:1px solid #fff;border-right:1px solid #fff; } #menu-frame ul li ul li:hover ul li a, #menu-frame ul li a ul li a:hover ul li a { display:block; height:auto;margin:0;z-index:999;width:245px;text-align:left; } #menu-frame ul li ul li:hover ul.larger li a, #menu-frame ul li a ul li a:hover ul.larger li a, #menu-frame ul li ul li:hover ul.larger, #menu-frame ul li a ul li a:hover ul.larger { width:345px; } #menu-frame ul li ul li ul li:hover a, #menu-frame ul li a ul li a ul li a:hover { text-decoration:none;margin:0;z-index:999; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /************************************************************* -------- SITE CONTENT CSS -------- *************************************************************/ #main-title-box {margin-top:98px;z-index:500;padding-right:1px;} #main-title-box .lbcontent {text-align:right;padding:4px 2px;background:#00224F;color:#fff; filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7;margin-top:1px;right:2px;} *:first-child+html #main-title-box .lbcontent {right:-1px;} /* ie 7 control */ * html #main-title-box .lbcontent {right:-1px;} /* ie <=6x control */ #main-title-box .subtext {font-size:12px;} * html #main-title-box {width:400px;margin-top:50px;} .float-behind {position:absolute;top:61px;left:0;width:798px;height:499px;overflow:hidden;background:url("../img/loading4.gif") 50% 45% no-repeat;} .noload{background:none;} *:first-child+html .float-behind {left:1px;} * html .float-behind {left:3px;top:72px;height:490px;overflow:hidden;} #imageContainer {width:798px;height:498px;z-index:1;overflow:hidden;} * html #imageContainer {height:490px;overflow:hidden;} #imageContainer #pause {position:absolute;top:5px;right:5px;display:block;width:20px;height:20px;background:url("../img/pause.gif") top left no-repeat;z-index:5; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5;display:none;} #imageContainer div {display:none;position:absolute;top:0; left:0;width:798px;height:498px;overflow:hidden; z-index:1;} #imageContainer div .text-content {position:absolute;bottom:0;left:0;background:#00224F; width:798px;height:50px;margin-bottom:0;text-align:left; filter:alpha(opacity=75); opacity: 0.75; -moz-opacity:0.75;} #imageContainer div .text-content .line1 {font-weight:bold;padding-left:5px;display:block;} #imageContainer div .text-content .line2 {padding-left:5px;display:block;} #imageContainer div .text-content .line3 {padding-left:5px;display:block;} div.flexcroll {overflow:auto;} #fade-panel {width:799px;height:345px;background:#00224F;margin-top:15px;float:left; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;text-align:center;position:relative;} * html #fade-panel {left:3px;} /* ie <=6x control */ #fade-panel #text-scroll {width:100%;height:345px;margin:0 auto;text-align:left;background:transparent; font-size:12pt;position:relative;overflow:auto;} #fade-panel #text-scroll .spacer {margin:10px 75px;} #fade-panel.portfolio-project {height:200px;margin-top:30px;} #fade-panel.portfolio-project #text-scroll {height:200px;} #float-resize-box {text-align:left;width:778px;margin-top:75px;float:left;position:relative;background:#00224F; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;padding:10px;} * html #float-resize-box {left:3px;} /* ie <=6x control */ #float-resize-box #text-scroll {} #float-resize-box.notop {margin-top:0;} #float-resize-box.nopad {padding:0;width:799px;} .collapsable-list {margin:0;} .collapsable-list ul {padding:0;} .collapsable-list ul li {padding:2px;list-style-type:none;font-size:11pt;margin-bottom:10px;} .collapsable-list ul li ul {border-top:1px solid #4D6584;margin-left:0;} .collapsable-list ul li ul li {border:none;background:none;font-size:10pt;margin-bottom:0;margin-left:5px;padding-left:17px;background:url("../img/bullet.gif") left 3px no-repeat;} .printlist .collapsable-list ul li ul li {background:none;list-style-type: circle; margin-left:15px;padding-left:0;} a.maplink {display:block;width:100%;text-align:center;color:#fff;} .contacts-head {width:100%;margin-bottom:15px;} .contacts-float {width:300px;float:left;} .button-link {border:1px solid #fff;padding:3px;background:#0B3264;} .button-link:hover {background:#fff;} .portfolio-box {float:left;width:300px;margin-left:100px;text-align:left;position:relative;} .portfolio-box ul {padding:0; margin:0; list-style-type:none;width:310px;} *:first-child+html .portfolio-box ul {width:330px;} /* ie 7 control */ * html .portfolio-box ul {width:340px;} /* ie <=6x control */ .portfolio-box .title {margin:0 0 7px 10px;font-weight:bold;} .portfolio-box .select a {padding:5px 10px;display:block;font-size:13pt;margin-top:5px;} .portfolio-box .subselect a {padding:2px 20px;display:block;font-size:11pt;margin-top:1px;} .portfolio-box a:hover {background:#0B3264;} .category-page .portfolio-box ul li ul {position:absolute;top:10px;left:410px;width:300px;height:220px;display:none; background:#0B3264; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;padding:5px 10px;overflow:hidden;font-size:13px;} /*.portfolio-box ul li ul li {margin-top:-25px;}*/ .category-page .portfolio-box ul li:hover ul {display:block;} .category-page .portfolio-box ul li ul:hover {display:none;} .category-page .extended-portfolio a {margin-right:-15px;} /** TEXT BOX ABOVE LIST OF PROJECTS ON PROJECT CATEGORY PAGE **/ .project-list-text {float:left;position:relative;width:778px;background:#00224F;padding:10px; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;margin-top:35px;text-align:left;} *:first-child+html .project-list-text {width:780px;} /* ie 7 control */ * html .project-list-text {left:3px;width:798px;} /* ie <=6x control */ /** LIST OF PROJECTS BOX ON PROJECT CATEGORY PAGE **/ .project-list-box {height:260px;} .project-image-text {float:left;position:absolute;left:0;bottom:71px;width:778px;background:#fff;color:#000;padding:2px 10px;font-size:12px;height:15px; filter:alpha(opacity=65); opacity: 0.65; -moz-opacity:0.65;margin-top:35px;text-align:left;border-bottom:1px solid #4D6584;} *:first-child+html .project-image-text {left:1px;bottom:72px;} /* ie 7 control */ * html .project-image-text {width:798px;left:3px;} /* ie <=6x control */ .project-imagelist-text {float:left;position:absolute;left:0;bottom:91px;width:778px;background:#fff;color:#000;padding:1px 10px;font-size:10px;height:13px; filter:alpha(opacity=45); opacity: 0.45; -moz-opacity:0.45;margin-top:35px;text-align:left;} *:first-child+html .project-imagelist-text {left:1px;} /* ie 7 control */ * html .project-imagelist-text {width:798px;left:3px;} /* ie <=6x control */ .project-img-scroll {float:left;position:relative;width:798px;background:#00224F; filter:alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;margin-top:0;text-align:left;} *:first-child+html .project-img-scroll {left:1px;bottom:1px;} /* ie 7 control */ * html .project-img-scroll {left:3px;bottom:-2px;width:197px;} /* ie <=6x control */ .project-img-scroll-bottom {float:left;position:absolute;bottom:0;left:0;width:798px;background:#0B3264; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85;margin-top:35px;text-align:left;} *:first-child+html .project-img-scroll-bottom {bottom:1px;left:1px;} /* ie 7 control */ * html .project-img-scroll-bottom {height:73px;left:2px;bottom:-2px;} /* ie <=6x control */ /*.project-list-box .vscrollerbase {border-left:1px solid #4D6584;margin-right:1px;}*/ .project-list-box .flexcroll {height:255px;padding-top:5px;} .project-list-box .float-box {width:250px;float:left;margin-bottom:5px;padding:5px;} .project-list-box .float-box img {float:left;margin-right:5px;} .project-list-box .float-box div.text {float:left;width:157px;margin-left:5px;} .project-list-box .float-box div.textlarge {float:left;width:157px;margin-left:5px;} .project-list-box .float-box div.ptitle {font-size:10pt;color:#fff;} .project-list-box .float-box div.ptitlelarge {font-size:14pt;color:#fff;} .project-list-box .float-box div.desc {font-size:10pt;color:#1595E0;} #project-list .float-box:hover {background:#27456D;} .people-index {font-size:13pt;padding-top:35px;} .people-index .mainblock {margin-bottom:30px;} .people-index a {padding:3px 0;display:block;} #fade-panel #text-scroll .people-page .spacer {margin:10px;} #info-box {margin-top:10px;width:585px;font-weight:bold;background:#0B3264;} #info-box .lbcontent div{padding:5px;margin-left:13px;} #login-box {width:250px;margin-top:10px;float:left;clear:left;} #login-box-title {width:250px;margin-top:90px;float:left;} #login-info-box2 {margin-top:180px;width:350px;} #message-info-box {margin-top:180px;width:700px;background:#0B3264;} #message-list-box {margin-top:14px;width:400px;} #message-list-box .lbcontent {text-align:right;color:#1595E0;} #message-link-box {margin-top:100px;} .proj_preview {float:left;margin-right:4px;height:45px;} .field-name {float:left;} .form_submit {text-align:right;padding-top:10px;padding-right:20px;} .form_submit input {background:#0B3264;border:1px solid #4D6584;color:#fff;font-weight:bold;padding:5px;} #login-error-box {width:400px;margin-top:10px;clear:left;} /** MAINPAGE **/ #preview-box {width:585px;height:335px;margin-top:20px;padding-bottom:1px;position:relative;} * html #preview-box {width:610px;} /* SAD SORRY CSS HACK FOR IE6 */ #preview-box .thumbnails {border:none;height:334px;width:70px;padding:0;margin:0;float:right;margin-right:1px;} #preview-box .thumbnails img {width:60px;height:60px;margin:1px 0 0 0;border:none;margin-bottom:-3px;} *:lang(en) #preview-box .thumbnails img {margin-bottom:0px;} * html #preview-box .thumbnails img {margin-bottom:-3px;} #preview-box .thumbnails .vscrollerbase {border-left:1px solid #4D6584;margin-left:1px;} #login-area {position:absolute;top:2px;left:2px;font-size:9px;color:#1595E0;width:550px;} #login-info {float:left;text-align:left;color:#fff;} #login-area a {color:#FFF;text-decoration:none;} #login-area a:hover {color:#1595E0;} .login-funct {padding-right:7px;float:left;} #edit-pass-box-title {margin-top:75px;} #edit-pass-box {width:350px;margin-top:10px;} #edit-pass-box .editform label {width:250px;display:block;float:right;margin-top:10px;font-weight:bold;padding-right:20px;} #edit-pass-box .editform .exdesc {font-size:10px;width:250px;float:right;padding-right:20px;} #edit-pass-box .editform input {width:150px;margin-right:20px;} #edit-pass-box .editform select {width:150px;} #edit-pass-box .editform select.mceSelectList{width:auto;font-size:10px;} #edit-pass-box .editform textarea {width:400px;} #edit-pass-box .editform .check {width:40px;margin-top:5px;} #edit-pass-box .submit {padding:15px;text-align:center;} /* THUMBNAIL BOXES */ #full-thumbnail-box {width:83px;height:307px;margin-top:14px;padding-bottom:1px;position:relative;} #two-thumbnail-box {width:83px;height:124px;margin-top:14px;padding-bottom:1px;position:relative;} #one-thumbnail-box {width:83px;height:64px;margin-top:14px;padding-bottom:1px;position:relative;} #full-thumbnail-horiz-box {width:799px; padding-left:0;position:relative;} #full-thumbnail-horiz-box .lbbottom {clear:left;} #full-thumbnail-horiz-box .lbcontent {border:none;} #thumbnail-scroll {height:85px;width:794px;padding-left:5px;padding-top:5px;} * html #thumbnail-scroll {width:799px;height:91px;} /* ie <=6x control */ #thumbnail-scroll .vscrollerbase {margin-right:1px;} #thumbnail-scroll img {margin:0 1px 1px 0;padding:0;} #thumbnail-scroll a {margin:0;padding:0;} /*default image settings for thumb. boxes */ .thumb_box img {width:80px;height:60px;margin:1px 0 0 1px;border:none;margin-bottom:-3px;} *:lang(en) .thumb_box img {margin-bottom:0px;} * html .thumb_box img {margin-bottom:-3px;} /*default image settings for thumb. boxes */ .thumb_box_horiz img {width:105px;height:79px;margin:0 0 1px 0;border:none;} *:lang(en) .thumb_box_horiz img {margin-right:0px;padding-right:1px;} * html .thumb_box_horiz img {margin-left:-1px;margin-right:-1px;} .thumb_box_horiz img {border:1px solid #00224F;} .thumb_box_horiz a {margin:0;padding:0;} .project-img-scroll-bottom .thumb_box_horiz img {width:81px;height:60px;} .project-img-scroll-bottom .thumb_box_horiz a:hover {position:relative;top:-4px;} .project-img-scroll-bottom .thumb_box_horiz a.active:hover {position:relative;top:0px;} .project-img-scroll-bottom .thumb_box_horiz a.active img {border:1px solid #1595E0;} #thumbnail-scroll div.active {display:inline;background:#fff;} /*#thumbnail-scroll div.active a {position:relative;top:-5px;} .project-img-scroll-bottom .thumb_box_horiz a.active img {border:1px solid #fff;}*/ .project-img-scroll-bottom #thumbnail-scroll {height:66px;} #small-text-box {width:585px;margin-top:10px;background:#27456D;} #small-text-box .padded-text {padding:10px;} #category-text-box {width:585px;margin-top:10px;background:#0B3264;font-size:12pt;} #category-text-box:hover {background:#27456D;} #category-text-box .padded-text {padding:5px 10px;} .portrait-image img {float:left;margin:0 10px 10px 0;} #profile-box {width:585px;height:335px;margin-top:20px;padding-bottom:1px;position:relative;background:#27456D;} #profile-thumb-box {width:585px;height:335px;margin-top:20px;padding-bottom:0;position:relative;} #profile-scroll {height:324px;width:575px;padding:5px;position:absolute;top:1px;left:0;} #profile-scroll h2 {margin-bottom:0px;} #profile-scroll .vscrollerbase {border-left:1px solid #4D6584;margin-right:1px;} * html #profile-scroll {height:332px;width:540px;} * html #profile-scroll .vscrollerbase {width:10px;} #project-head {width:585px;height:143px;margin-top:10px;padding-bottom:1px;position:relative;} #project-head img {margin:1px 0 0 1px;} #project-head .text-content {position:absolute;top:2px;left:0;background:#000; width:584px;margin-bottom:0; filter:alpha(opacity=60); opacity: 0.6; -moz-opacity:0.6;} #project-head .text-content .block {margin:5px;font-weight:bold;} #project-list {width:585px;height:262px;margin-top:10px;padding-bottom:1px;position:relative;background:#0B3264;} #project-list .float-box {width:275px;float:left;margin-bottom:5px;padding:5px;} #proj-list-scroll {height:260px;width:584px;padding-left:1px;padding-top:1px;} #proj-list-scroll .vscrollerbase {border-left:1px solid #4D6584;margin-right:1px;} #project-list .float-box img {float:left;margin-right:5px;} #project-list .float-box div.text {float:left;width:176px;margin-left:5px;} #project-list .float-box div.textlarge {float:left;width:250px;margin-left:5px;} #project-list .float-box div.ptitle {font-size:11pt;color:#fff;} #project-list .float-box div.ptitlelarge {font-size:14pt;color:#fff;} #project-list .float-box div.desc {font-size:10pt;color:#1595E0;} #project-list .float-box:hover {background:#27456D;} #project-box {width:585px;height:155px;margin-top:10px;padding-bottom:1px;position:relative;background:#27456D;} #project-scroll {height:145px;padding:5px;} #project-scroll .vscrollerbase {border-left:1px solid #4D6584;margin-right:1px;} #project-cat-list {width:585px;height:172px;margin-top:10px;padding-bottom:1px;position:relative;background:#0B3264} #project-cat-list .float-box {width:275px;height:40px;vertical-align:middle;float:left;margin-bottom:5px;padding:5px;} #project-cat-list .float-box div.textlarge {float:left;width:250px;margin-left:5px;padding:10px 5px;} #project-cat-list .float-box div.ptitlelarge {font-size:13pt;color:#fff;} #project-cat-list .float-box:hover {background:#27456D;} #proj-cat-list-scroll {height:170px;width:583px;padding-left:1px;padding-top:1px;} #proj-cat-list-scroll .vscrollerbase {border-left:1px solid #4D6584;margin-right:1px;} .textblock {font-size:10pt;} .mainblock {font-size:10pt;} #fade-panel .list-item {font-size:10pt;} .mainblock .title {font-size:14pt;} .mainblock .subtitle {font-size:13pt;border-bottom:1px solid #fff;} .clearfloat { clear:both; height:0px; line-height:0px; visibility: hidden; } /************************************************************* -------- PROGRESS BAR CSS -------- *************************************************************/ .status {height:30px;width:200px;background:#136ADC;border:1px solid #FFF;position:relative;margin:0 auto;} .status .progress {height:30px;background:url("../img/progress.gif");position:absolute;left:0;top:0;overflow:hidden;z-index:2;text-align:left;} .status .progress .lpct {font-weight:bold;color:#0C4A9D;font-size:20px;height:30px;margin:3px 0 0 5px;text-align:left;} .status .pct {height:30px;position:absolute;left:0;top:0;z-index:1;width:200px;text-align:left;background:#136ADC;} .status .pct .lpct {font-weight:bold;color:#FFF;font-size:20px;height:30px;margin:3px 0 0 5px;text-align:left;} /************************************************************* -------- SCROLLBAR MENU CSS -------- *************************************************************/ /* .scrollgeneric is required for proper scrollbar display, not for user customization, and is mandatory*/ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } /* For scrollbars, defining a color for background alongside with an image is always a good idea, this way the scrollbars are visible until images load */ .vscrollerbase { width: 9px; background-color: #00224F; } .vscrollerbar { width: 9px; background-color: #00224F; } .hscrollerbase { height: 9px; background-color: #00224F; } .hscrollerbar { height: 9px; background-color: #00224F; } /* basic style ends here, this was actually all that is required to run fleXcroll, albeit without images, my advice is to have this basic style and build the rest on top of this. */ /* styles for scrollbar images start here */ .hscrollerbar { background: #00224F url("../img/scrollbar-horiz.gif") 0px -9px repeat-x; } .vscrollerbar { background: #00224F url("../img/scrollbar-vert.gif") -9px 0px repeat-y; } .vscrollerbar, .hscrollerbar { padding: 9px; z-index: 2; } .vscrollerbarbeg { background: url("../img/scrollbar-vert.gif") -18px -4px no-repeat; width: 9px; height: 4px !important; } .vscrollerbarend { background: url("../img/scrollbar-vert.gif") -18px 0px no-repeat; width: 9px; height: 4px; } .hscrollerbarbeg { background: url("../img/scrollbar-horiz.gif") -4px -18px no-repeat; height: 9px; width: 4px !important; } .hscrollerbarend { background: url("../img/scrollbar-horiz.gif") 0px -18px no-repeat; height: 9px; width: 4px; } .scrollerjogbox { background: #00224F; width: 9px; height: 9px; top: auto; left: auto; bottom: 0px; right: 0px; } /* Following are for scrollbase images, may not always be required */ .vscrollerbase { background: #00224F; } .vscrollerbasebeg { background: url("../img/scrollbar-vert.gif") -27px 0px no-repeat; width: 9px; height: 8px !important; /* Safari BG repeat fix */} .vscrollerbaseend { background: url("../img/scrollbar-vert.gif") -36px 0px no-repeat; height: 8px; width: 9px; } .hscrollerbase { background: #00224F; } .hscrollerbasebeg { background: url("../img/scrollbar-horiz.gif") 0px -27px no-repeat; height: 9px; width: 8px !important; /* Safari BG repeat fix */ } .hscrollerbaseend { height: 9px; width: 8px; background: url("../img/scrollbar-horiz.gif") 0px -36px no-repeat; } .scrollerjogbox:hover { background: #00224F; } /* Scroll Bar Master Styling Ends Here */ @media print { #topclear {margin:0;height:0;} .print {display:inline;} .no-print {display:none;} .lbtop , .lbbottom {display:none;} .line-boxl , .line-boxr {border:none;} .line-boxl .lbcontent {border:none;} .line-boxr .lbcontent {border:none;} .flexcroll {overflow:visible;height:1100px;} .scroll-left {overflow:visible;height:1100px;} .thin-linet {border-bottom:none;} .thin-lineb {border-top:none;} body {background:none;} li {border:border:1px solid red;} .white-float {border-top:1px solid #000;} #pageframe { background:none; } .thin-line {display:none;} #login-area {display:none;} #overframe {overflow:visible;} li.on ul {border-right:1px solid #000;} li.on .mi-on {font-style:oblique;color:#1595E0;} li.on .mi-on a {font-style:oblique;color:#1595E0;} .vscrollerbase {border:none;} .flexcrollactive {overflow:visible;} .mcontentwrapper {overflow:visible;height:1100px;} #text-scroll {height:auto;overflow:visible;height:1100px;} #fade-panel {height:auto;overflow:visible;} #profile-box {overflow:visible;height:1100px;} #profile-scroll {overflow:visible;height:1100px;} }