/* CSS Document */ /* 10px - 0.625em 11px - 0.6875em 12px - 0.75em 13px - 0.8125em 14px - 0.875em 15px - 0.9375em 16px - 1em 18px - 1.125em 20px - 1.25em 22px - 1.375em dark voilet - #e0e6ff light voilet - #ebefff menu red - #f60404 dark maroon - #660000 */ body { margin: 5px 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%; color:#000; background-image: url(images/layout/background_bg.gif); background-position: top; background-repeat: repeat;} table { margin: 0; padding: 0; border: 0;} img { border:0;} /************text elements***************/ h1 { margin: 0 0 10px 0; padding: 2px 0 10px 0; font-size: 1.375em; color: #cf3333; font-weight: normal; border-bottom: 1px solid #6c6c6c;} h2 { margin: 0; padding: 10px 0 10px 0; font-size: 1em; font-weight: bold; color:#cf3333;/*#0099FF;080*/} h3 { margin: 0; padding: 0; font-size: 0.875em; font-weight: normal; color:#cf3333;/*f70*/} #sidebar h3 { margin: 0; padding: 5px; font-weight: normal; font-size: 0.875em; background-color: #eee; text-align: left;} a { text-decoration: underline; color: #000000;} a:hover { text-decoration: none; color: #cf3333;} a.green { text-decoration: none; color: #cf3333;} a.green:hover { text-decoration: none; color: #000;} p { margin: 0 0 10px 0; padding: 0; font-size: 0.75em; line-height: 1.5em; text-align:left; word-spacing:0.05em;} p.right { text-align:right} p.center { text-align:center} p.small { font-size:0.6875em; line-height: 1.2em;} p a.more { font-size: 0.9em; color: #cf3333; text-decoration: none; text-align: right;} p a.more:hover { color: #000000;} ul { margin: 0; padding: 3px 0px 20px 15px;} li { margin: 0; padding: 0 0 7px 5px; font-size: 0.75em; list-style: disc; text-align: left;} ul li ul { margin: 0; padding: 0px;} ul li ul li { margin: 0; padding: 0 0 0 40px; font-size:0.9em; list-style: square; list-style-position: inside; text-align: left; line-height: 1.5em;} li a { text-decoration: underline; color: #000;} li a:hover { text-decoration: none; color: #c33333;} div.align ul { margin: 0; padding: 0px;} div.align ul li { margin: 1em; padding:0 0 0 20px; font-size: 0.75em; text-indent:-1.3em; list-style: disc; line-height: 1.5em;} /*div.align ul li:before { content: "\00BB \0020";}*/ a.links { text-decoration: none; color: #000000; font-size: 0.6875em;} a.links:hover { text-decoration: underline; color: #c30000;} a.more { font-size: 0.6875em; color: #cf3333; text-decoration: none; text-align: right;} a.more:hover { color: #000000;} dl { margin:0 0 15px 0; padding:0; font-size:100%;} dt { text-align:left; margin:0; padding:10px 0 5px 0; font-size:0.75em; font-weight:normal; color:#000/*8b8bff;9782ff*/; text-transform:capitalize; text-decoration:underline;} dd { margin:0 0 10px 15px; text-align:left; padding:0; font-size:0.75em; font-weight:normal; line-height:1.5em; text-transform:capitalize;} /************header elements***************/ #strip { background-image: url(images/layout/bg_strip.gif); background-position: left top; background-repeat: repeat-x; height: 38px; position: absolute;top: 151px; left: 0px; z-index: -1; width: 100%; padding: 0; margin: 0;} #header1 { height: 138px; background-image: url(images/layout/header_bg.gif); background-position: left top; background-repeat: repeat-x;} #header2 { height: 70px; background-color: #e0e6ff;} #menu { background-image: url(images/layout/menu_bg.gif); background-position: left; background-repeat: repeat-x; height: 38px;} /************border elements**************/ .bdr_Black { border-top: 1px solid #000000;} .bdr_Black_L { border-left: 1px solid #000000;} /************form elements***************/ input { padding:0; margin: 0; height:16px;} input.btn { padding:0px 5px 2px 5px; margin: 0; height:22px; background-color:#CC99FF; /*background-image:url(boxM1.gif);*/} #search_container { width: 86%; float: right; margin: 0 0 10px 0; padding: 0;} #search { float: left; margin: 0; width:250px; padding:0; clear:both;} #search_btn { float: left; margin: 0; width:78px; padding: 0;} #separator { float: left; margin: 0; width:30px; padding: 0;} #dd { float: left; margin: 0; padding: 0;} .search_btn { float: left; background-image:url(images/forms/search_btn.gif); background-repeat:no-repeat; height: 20px; width:80px; margin: 0; padding:0 0 0 0px; color:#fff; text-align:center; border:1px solid #c8c8c8; font-weight:bold; cursor:hand;} .search_btn:hover { float: left; background-image:url(images/forms/search_btn_over.gif); background-repeat:no-repeat; padding:0 0 0 0px; height: 20px; width: 80px; margin: 0; cursor:hand;} .input { height: 17px; width:250px; border: 1px solid #c8c8c8; margin: 0; padding: 0 0 1px; font-size: 0.6875em;} .ddl { margin: 0; padding: 0; border: 1px solid #c8c8c8; font-size: 0.6875em; height: 18px;} /************padding elements**************/ .paddingR15 { padding: 0 15px 0 0;} .paddingAll15 { padding: 15px;} .paddingAll5 { padding: 5px;} /****************-menu styles******************/ .preload2 { background: url(images/layout/menu_bg.gif); margin: 0; padding: 0;} .menu2 { padding: 0; margin: 0; list-style: none; height: 38px; background: #fff url(images/layout/menu_bg.gif) repeat-x; font-family: Trebuchet MS, verdana;} .menu2 li.top { display: block; float: left; position: relative; margin: 0; padding: 0;} .menu2 li a.top_link { display: block; float: left; height: 40px; line-height: 33px; color: #fff; text-decoration: none; font-size: 1.25em; font-weight: normal; padding: 0 0 0 5px; cursor: pointer;} .menu2 li a.top_link span { float: left; display: block; padding: 0 10px; height: 40px;} .menu2 li a.top_link span.down { float: left; display: block; padding: 0 10px; height: 40px;} .menu2 li a.top_link:hover { color: #fff; background: url(images/layout/menu_bg.gif) repeat-x;} .menu2 li a.top_link:hover span { background: url(images/layout/menu_bg.gif) repeat-x right top;} .menu2 li a.top_link:hover span.down { background: url(images/layout/menu_h.gif) repeat-x right top;} .menu2 li:hover > a.top_link { color: #fff; background: url(images/layout/menu_bg.gif) repeat-x;} .menu2 li:hover > a.top_link span { background: url(images/layout/menu_bg.gif) repeat-x right top;} .menu2 li:hover > a.top_link span.down { background: url(images/layout/menu_h.gif) repeat-x right top;} .menu2 table { border-collapse: collapse; width: 0; height: 0; position: absolute; top: 0; left: 0;} .menu2 a:hover { visibility: visible;} .menu2 li:hover { position: relative; z-index: 200;} .menu2 ul, .menu2 :hover ul ul, .menu2 :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul ul, .menu2 :hover ul :hover ul :hover ul :hover ul ul { position: absolute; left: -9999px; top: -9999px; width: 0; height: 0; margin: 0; padding: 0; list-style: none;} /************menu subs**********/ .menu2 :hover ul.sub1 { left: 8px; top: 38px; background: #ebefff; padding: 0px 0; border: 1px solid #ccccff; white-space: nowrap; width:180px; height: auto;} .menu2 :hover ul.sub1 li { display: block; height: 20px; position: relative; float: left; width: 180px; border-bottom: 1px solid #ccccff; margin: 0; padding: 0;} /**********************/ .menu2 :hover ul.sub { left: 8px; top: 38px; background: #ebefff; padding: 0px 0; border: 1px solid #ccccff; /*border-right: 2px solid #f60404;*/ white-space: nowrap; width: 160px; height: auto;} .menu2 :hover ul.sub li { display: block; height: 20px; position: relative; float: left; width: 160px; border-bottom: 1px solid #ccccff; margin: 0; padding: 0;} .menu2 :hover ul.sub li a, .menu2 :hover ul.sub1 li a { display: block; font-size: 12px; height: 20px; width: auto; line-height: 20px; text-indent: 5px; color: #000066; text-decoration: none; /*border: 1px solid #660000; border-width: 0 0 0 3px;*/ margin: 0; padding: 0;} .menu2 :hover ul.sub li a:hover, .menu2 :hover ul.sub1 li a:hover { background: #660000; color: #fff;} .menu2 :hover ul.sub li a.fly:hover, .menu2 :hover ul.sub1 li a.fly:hover { background: #660000 url(arrow_over.gif) 80px 7px no-repeat; color: #fff;} .menu2 :hover ul li:hover > a.fly { background: #660000 url(arrow_over.gif) 80px 7px no-repeat; color: #fff;} .menu2 :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul, .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul { left: 90px; top: -4px; background: #fff; padding: 3px 0; white-space: nowrap; width: 93px; z-index: 200; height: auto;} /***************leftmenu******************/ #leftmenu { padding: 0; margin: 0;} #leftmenu ul { padding: 40px 0 0 0; margin: 0;} #leftmenu li { margin: 0; padding: 4px 0 4px 10px; font-size: 0.75em; /*font-weight:bold;*/ list-style: none; list-style-position: outside; text-align: left; border-top: 1px solid #eeeeee; border-left: 5px solid #eeeeee;} #leftmenu li a { text-decoration: none; color: #8b8bff;} #leftmenu li a:hover { text-decoration: underline; color: #c33333; padding: 0 0 0 5px;} /***************side bar******************/ #sidebar { padding: 0; margin: 0; border-bottom: 2px solid #000; border-top: 1px solid #000;} #sidebar ul { padding: 0; margin: 0;} #sidebar li { margin: 0; padding: 4px 0 4px 5px; font-size: 0.75em; /*font-weight:bold;*/ list-style: none; list-style-position: outside; text-align: left; /*line-height: 2.25em;*/ border-top: 1px solid #eeeeee;} #sidebar li a { text-decoration: none; color: #8b8bff;} #sidebar li a:hover { color: #ff9000;} /************footer elements**************/ #footer { background-color: #ebefff; font-size: 0.6875em; padding: 10px 0 2px 0;} #footer a { text-decoration: none; color: #c30000;} #footer a:hover { text-decoration: underline; color: #000000;} /*#scroll { padding: 2px 0;}*/ /************content elements**************/ #left_col { padding: 12px; background-color:#fff;} #right_col { padding: 12px; background-color:#fff;} #mid_col { padding: 12px; background-color:#fff;} #simple_col { padding-left:12px; background-color:#fff;} #sidebar_col { padding: 12px 0 12px 12px; background-color:#fff;} /***********mis*************/ .photos { padding: 2px; margin:14px 14px 0 0px; border:1px solid #666;} .photos_TB { padding: 2px; margin: 0 0px 14px 0; border:1px solid #666;} .logos { padding: 10px; margin:0px; border:0;} #send_email { padding:20px 0; margin:0; text-align:left;} .send_email { display:block; background-image:url(images/forms/send_email_btn_c1.gif); background-position:center; background-repeat:no-repeat; width:94px; height:21px;} .send_email:hover { background-image:url(images/forms/send_email_btn_over1.gif); background-position:center; background-repeat:no-repeat;} .request { padding:0px 0; margin:0; text-align:left;} .request { display:block; background-image:url(images/forms/request_btn_c.gif); background-position:center; background-repeat:no-repeat; width:94px; height:21px;} .request:hover { background-image:url(images/forms/request_btn_hover.gif); background-position:center; background-repeat:no-repeat;} /***************EXLPORE PRI’s RESEARCH & RESOURCE LIBRARY*******************/ #PRI { width:248px;} #PRIItems { list-style-type: none; margin: 0px; padding:4px;} #PRIItems li { display: inline; /*background-color:Red;*/ padding:0px; margin:0;} #PRIItems img { border: 1px solid #ddd; padding:3px; margin:0;} /********************light box*************/ .black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 142%; height: 136%; background-color: black; z-index:1001; -moz-opacity: 0.7; opacity:.70; filter: alpha(opacity=70);} .white_content { display: none; position: absolute; top:30%; left: 34%; width: 400px; height: auto; padding: 16px; border: 16px solid #e0e6ff; background-color: white; z-index:1002; overflow: auto;} /***********search col of matrix************/ .matrix_col { background-image:url(search_col_bg.gif); background-position:top; background-repeat:repeat-y;} .matrix_box_bg { /*display:block; background-image:url(search_col_box_bg.gif); background-position:center; background-repeat:repeat-y;*/ height:55px; padding:2px; border-bottom:3px solid #fff;} .back { background-color:#000; padding:8px 0; font-weight:bold; border-top:1px solid #E3E4EC;} .back a { border:1px solid #aaa; padding:2px 5px; background-color:red; color:#fff; text-decoration:none; font-size:0.75em;} .back a:hover { border:1px solid #fff; border-bottom:2px solid #aaa; border-right:2px solid #aaa; background-color:#5EB1D9; color:fff;} /**********table of content****************/ p.tableOfContent { margin: 0 0 3px 0; padding: 0; font-size: 0.75em; line-height: 1.8em; text-align:left; word-spacing:0.05em; font-weight:bold;} .tableOfContent ol, .tableOfContent ol li ol, .tableOfContent ol li ol li ol { margin: 0; padding: 0px;} .tableOfContent ol li { margin: 0 0 5px 0; padding: 0 0 0px 0px; font-size: 0.75em; list-style:upper-alpha; list-style-position: inside; text-align: left; line-height: 1.5em; font-weight:bold;} .tableOfContent ol li ol li { margin: 0; padding: 0 0 0 30px; font-size: 1em; list-style: upper-roman; list-style-position: inside; text-align: left; line-height: 1.5em; font-weight:normal;} .tableOfContent ol li ol li ol li { margin: 0; padding: 0 0 0 30px; font-size: 1em; list-style: lower-roman; list-style-position: inside; text-align: left; line-height: 1.5em; font-weight:normal;} .clear {clear:both; height:0px;} /********search results content************/ .searchResultPages {border:solid 1px #cf3333;background-color:#eee;padding:3px 0px 5px 0px;margin:0px 12px 5px 0px;} .searchResultPages li {display:inline;} /*****PAGE EDIT STYLES*****/ .edit-page-contents {width:100%;background-color:#508CC0;border:0;text-align:right;padding:0;margin:0;} .edit-page-contents li {list-style:none;display:inline;padding:6px 2px 6px 2px;} .edit-page-contents li a:link, .edit-page-contents li a:active, .edit-page-contents li a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 100%;color: #FFFFFF;text-decoration:none;padding-right:15px;} .edit-page-contents li a:hover {text-decoration:underline} /** * image scroller styles **/ #imageScrollerMemberArea {background-color:#000;float:left;margin:0;padding:0;width:124px;} #scrollable {background-color:#FFF;border-top:1px solid #000;float:left;height:75px;overflow:hidden;width:836px;} #scrollable div.scrollableArea * {position: relative;float: left;margin: 0;padding: 0;} div.scrollWrapper {height: 74px;overflow: hidden;padding-top:10px;position: relative;width:auto;} div.scrollableArea{position: relative;} div.scrollableArea img {padding:0 40px !important;} /* end scroller */ table.org-listing {width:100%;border-collapse:collapse;border:solid 1px #ccc;margin-top:10px;} table.org-listing td {width:50%;background-color:#fff;border:solid 1px #ccc;text-align:center; vertical-align:middle;padding:3px 0px 3px 0px;} table.document-library {} table.document-library th {padding-left:30px;padding-right:30px;text-align:center;vertical-align:top;background-image:url(images/library/index_bg_tableheader.gif);background-position:center;background-repeat:no-repeat;color:#fff;height:63px;width:111px;padding-top:3px;} table.document-library td {background-image:url(images/library/index_bg_tablecell.gif);background-position:center;background-repeat:no-repeat;color:#fff;height:65px;width:111px;} table.document-library td p {padding-left:25px;padding-right:35px;margin-left:5px;color:#000;} table.document-library-type {border-collapse:collapse;width:100%;border-top:solid 1px #ccc;margin-top:5px;margin-bottom:7px;} table.document-library-type th {} table.document-library-type td {border-bottom:solid 1px #ccc;} table.document-library-type td.info {padding-right:10px;width:100%;} table.document-library-type td.action {font-size: 0.75em;vertical-align:top;padding-bottom:5px;padding-top:5px;} table.cart-actions {width:100%;border:solid 1px #ccc;padding-top:5px;} table.cart-actions td {width:33%;text-align:center;padding-top:5px;} .library-mouseover {} .qtip-content ul {padding-bottom:0px;margin-bottom:0px;} .qtip-content ul li {font-size: 1.0em;} .qtip-content {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.75em;}