/* CSS Document */ * { margin:0; padding:0; } body{ font-family:Arial, Helvetica, sans-serif; background:#FFFFFF url(../images/footer_bg.gif) bottom repeat-x; } a:hover{ font-family:Arial, Helvetica, sans-serif; text-decoration:none;} a img { border:0;} img {vertical-align:top;} ul { list-style:none; font-family:Arial, Helvetica, sans-serif;} .left { float:left;} .right { float:right;} .clear { clear:both;} html, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:17px; color:#5d5d5d; /*color:#868686* [old]*/ } input, select { vertical-align:middle; font-weight:normal;} strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444444;} a {font-family:Arial, Helvetica, sans-serif; color:#3d6f92; font-size:12px;} /*main layout */ .h_logo{ height:24px; width:100%;} /*.h_logo{ height:92px; width:100%;}*/ #header_tall {background:url(../images/header_tall.gif) top repeat-x;} #main { margin:0 auto;} #header .left {padding:26px 0 0 0;} #header .right {padding:28px 11px 0 0;} #header .right a {color:#5d5d5d; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/logos/sap_partner_logo.jpg) no-repeat top right; padding:0 44px 56px 0;} #header_second .left {padding:26px 0 0 0;} #header_second .right {padding:28px 11px 0 0;} #header_second .right a {color:#5d5d5d; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/logos/sap_partner_logo.jpg) no-repeat top right; padding:0 44px 56px 0;} #header_third .left {padding:26px 0 0 0;} #header_third .right {padding:28px 11px 0 0;} #header_third .right a {color:#5d5d5d; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/logos/sap_partner_logo.jpg) no-repeat top right; padding:0 44px 56px 0;} #menu {background:url(../images/menu_tall.gif) top repeat-x; height:65px;} #menu .rightbg {background:url(../images/menu_right.gif) top right no-repeat;} #menu .leftbg {background:url(../images/menu_left.gif) top left no-repeat; width:100%; height:65px;} #menu .padding {padding:9px 0; font-family:Arial, Helvetica, sans-serif;} #menu li {float:left; width:123px; background:url(../images/menu_libg.gif) top right repeat-y; font-size:12px; text-align:center; display:block;} #menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:12px; display:block; padding:8px 0 8px 0;} #menu li span {display:block; padding:8px 0 5px 0;} #menu li a:hover {color:#000; font-weight:normal;} #menu li span {color:#3a6a8d; font-weight:bold;} #menu .last {background:none;} #header .content {background:url(../images/header_bg2.jpg) top left no-repeat; padding:45px 60px 28px 414px; color:#ffffff; font-family:Arial, Helvetica, sans-serif;} #header_third .content {background:url(../images/header_bg4.jpg) top left no-repeat; padding:45px 60px 28px 414px; color:#ffffff;} #header .content .text {padding:2px 0 33px 2px;} #header .content a img {float:right;} #middle { width:100%;} .footer {height:90px} #footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px; font-family:Arial, Helvetica, sans-serif;} #footer a {color:#444444; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .h_logo{ height:24px; width:100%;} /*.h_logo{ height:92px; width:100%;}*/ .border {background:url(../images/border_tall.gif) top repeat-x;} .border .btall {background:url(../images/border_tall.gif) bottom repeat-x;} .border .ltall {background:url(../images/border_tall.gif) left repeat-y;} .border .rtall {background:url(../images/border_tall.gif) right repeat-y;} .border .tleft {background:url(../images/border_tl.gif) top left no-repeat;} .border .tright {background:url(../images/border_tr.gif) top right no-repeat;} .border .bleft {background:url(../images/border_bl.gif) bottom left no-repeat;} .border .bright {background:url(../images/border_br.gif) bottom right no-repeat; width:100%;} .border .ind {padding:4px 4px 15px 2px;} .border a img {float:right;} .h_text {padding-bottom:2px; background:url(../images/h_text_bg.gif) bottom repeat-x;} .more {text-align:right; font-family:Arial, Helvetica, sans-serif;} .more a{background:url(../images/more_bg.png) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .date {background:url(../images/date_bg.png) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444; font-family:Arial, Helvetica, sans-serif;} li { color:#3d6f92; font-family:Arial, Helvetica, sans-serif;} li a {color:#3d6f92; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .bot_line {background:url(../images/h_text_bg.gif) bottom repeat-x;} .b_text {font-family:Arial, Helvetica, sans-serif; color:#3d6f92;} /* index */ #index #middle .indent {padding:17px 0 19px 0; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns1 .column3 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns1 .p1 {padding:1px 0 7px 0; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 {padding:21px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 .column1 .padding {padding:14px 21px 0 17px; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 .column2 .padding {padding:14px 18px 0 21px; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 .column1 .p1 {padding:7px 0 15px 0; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 .column2 .content {padding:10px 0 15px 0; font-family:Arial, Helvetica, sans-serif;} #index #middle .columns2 .column2 .p1 {padding:2px 0 1px 0; font-family:Arial, Helvetica, sans-serif;} /* index-1 */ #index_1 #middle .indent {padding:17px 0 20px 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding1 {padding:16px 20px 0 16px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding1 .content{padding:14px 0 27px 1px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding1 .p1 {padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding1 .more {padding:0 6px 0 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding2 {padding:36px 20px 0 16px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column1 .padding2 .content{padding:16px 0 0 1px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .cols .more {margin-top:-19px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .cols .p1 {padding:21px 0 1px 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .cols {padding:14px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column2 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column2 ul li {font-weight:bold; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column2 .p1 {padding:1px 0 8px 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column2 .p2 {padding:12px 0 17px 0; font-family:Arial, Helvetica, sans-serif;} #index_1 #middle .column2 .p3 {padding:17px 0 17px 0; font-family:Arial, Helvetica, sans-serif;} /* index-2 */ #index_2 #middle .indent {padding:17px 0 20px 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns1 .column1 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns1 .column2 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns1 .column1 ul {margin-bottom:7px; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns1 .column1 .p1 {padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns1 .column2 .p1 {padding:1px 0 7px 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 {padding:21px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column1 .padding {padding:14px 21px 0 17px; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column2 .padding {padding:14px 18px 0 21px; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column1 .p1 {padding:8px 0 10px 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column1 .p2 {padding:0 0 4px 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column2 .content {padding:7px 0 15px 0; font-family:Arial, Helvetica, sans-serif;} #index_2 #middle .columns2 .column2 ul {margin-bottom:1px; font-family:Arial, Helvetica, sans-serif;} /* index-3 */ #index_3 #middle .indent {padding:17px 0 20px 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 {padding:16px 15px 0 23px; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .content{padding:5px 0 5px 1px; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .p1 {padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .pd {padding:14px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .pd2 {padding:10px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .pd3 {padding:13px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding1 .more {padding:0 6px 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding2 {padding:36px 20px 0 16px; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column1 .padding2 .content{padding:16px 0 0 1px; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .cols .more {margin-top:-19px; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .cols .p1 {padding:21px 0 1px 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .cols {padding:14px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column2 .padding{padding:9px 13px 8px 15px; background:#EBEBEB; font-family:Arial, Helvetica, sans-serif;} /* NEW ADDITION: BACKGROUND! REMOVE IF CLIENTS SEC, NOT GOOD */ #index_3 #middle .column2 .p1 {padding:1px 0 11px 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column2 .p2 {padding:12px 0 11px 0; font-family:Arial, Helvetica, sans-serif;} #index_3 #middle .column2 .p3 {padding:13px 0 6px 0; font-family:Arial, Helvetica, sans-serif;} /* index-4 */ #index_4 #middle .indent {padding:17px 0 20px 0; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding1 {padding:16px 22px 0 16px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding1 .content{padding:14px 0 34px 1px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding1 .more {padding:0 2px 0 0; line-height:12px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding2 {padding:34px 23px 0 16px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding2 .content{padding:6px 0 0 1px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column1 .padding2 .more {margin-top:9px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column2 .padding{padding:9px 13px 3px 15px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column2 .margin .padding{padding:9px 12px 2px 15px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column2 ul {margin:0 0 2px 1px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column2 .margin {padding-top:6px; font-family:Arial, Helvetica, sans-serif;} #index_4 #middle .column2 .p1 {padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif;} /* index-5*/ #index_5 #middle .indent {padding:17px 0 20px 0; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 .column1 .padding{padding:9px 13px 16px 15px; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 .column2 .padding{padding:9px 13px 0 15px; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 .column1 ul {margin-bottom:7px; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 .column1 .p1 {padding:1px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 a{color:#5d5d5d; font-size:12px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 a:hover {text-decoration:underline; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns1 .column2 strong{font-size:12px; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns2 {padding:22px 0 0 0; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns2 .padding {padding:14px 15px 0 17px; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns2 .p1 {padding:14px 0 10px 0; font-family:Arial, Helvetica, sans-serif;} #index_5 #middle .columns2 .p2 {padding:0 0 4px 0; font-family:Arial, Helvetica, sans-serif;} #form .column1 {width:183px;} #form .column2 {width:521px;} form .row {height:25px;} form .row1 {height:34px;} .input {width:171px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; line-height:13px; color:#a4a4a4;} textarea {width:516px; height:68px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-family:Arial, Helvetica, sans-serif; line-height:13px; color:#a4a4a4;} form .div {text-align:right; padding:6px 0 0 0; font-family:Arial, Helvetica, sans-serif;} /* index-6 */ #index_6 #middle .indent {padding:33px 15px 17px 17px; font-family:Arial, Helvetica, sans-serif;} #index_6 #middle .p1 {padding:6px 0 0 0; font-family:Arial, Helvetica, sans-serif;} .googlesearch { /*we will first set the border styles.*/ border-width: 1px; border-style: solid; border-color: #eeeeee; /*we are now going to add in the shadow image that we created earlier*/ background-image: url(http://www.jillkgregory.com/images/blank.jpg); background-repeat: repeat-x; /*I am going to add some text formatting of my own*/ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; width: 35px; height: 15px; } .textfield_effect { /*we will first set the border styles.*/ border-width: 1px; border-style: solid; border-color: #999999; /*we are now going to add in the shadow image that we created earlier*/ background-image: url(http://www.jillkgregory.com/images/blank.jpg); background-repeat: repeat-x; /*I am going to add some text formatting of my own*/ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; width: 100px; height: 15px; } /*we are now going to style how the textfield will look when we hover over it and when we actually have it selected*/ .textfield_effect:hover { border-color: #64acd8; border-width: 1px; } .textfield_effect:focus { border-color: #64acd8; border-width: 1px; } /*you may also like to add some styles for the rest of the form*/ fieldset { width: 300px; height: 200px; border-style: solid; border-width: 1px; border-color: #036399; margin-left: auto; margin-right: auto; background-color: #F5F5F5; } fieldset:hover { border-color: #0ca0ff; } legend { font-family: sans-serif; font-size: 18px; color: #097bc3; font-weight: bold; } /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {width:740px; position:relative; z-index:100;} /* hack to correct IE5.5 faulty box model */ * html .menu {width:741px; w\idth:740px;} /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style-type:none;} .menu ul ul {width:123px;} /* apply text alignment within drop-down menu */ .menu ul li ul li {text-indent:5px;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;width:123px;position:relative;} /* style the links for the top level */ /*.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:128px; height:30px; border:0px solid #000; border-width:1px 0 1px 1px; background:#ddd; padding-left:10px; line-height:29px; font-weight:bold;} *//* a hack so that IE5.5 faulty box model is corrected */ /** html .menu a, * html .menu a:visited {width:139px; w\idth:128px;} */ /* style the second level background */ .menu ul ul a.drop, .menu ul ul a.drop:visited {background:#eee url(right.gif) no-repeat 130px left;} /* style the second level hover */ .menu ul ul a.drop:hover{background:#eee url(right.gif) no-repeat 130px left;} .menu ul ul :hover > a.drop {background:#eee url(right.gif) no-repeat 130px left;} /* style the third level background */ .menu ul ul ul a, .menu ul ul ul a:visited {background:#eee;} /* style the third level hover */ .menu ul ul ul a:hover {background:#eee;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:-35px;top:31px;left:0; width:123px;} /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* position the third level flyout menu */ .menu ul ul ul{left:123px; top:0px; width:123px;} /* position the third level flyout menu for a left flyout */ .menu ul ul ul.left {left:-123px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#eee; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:123px;border-width:0 1px 1px 1px; text-align:left;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:145px;w\idth:123px;} /* style the top level hover */ .menu a:hover, .menu ul ul a:hover {color:#fff; background:none;} .menu :hover > a, .menu ul ul :hover > a {color:#fff; background:eee;} .menu ul ul li a:hover {color:#fff; background:#cecece;} /* <<<< custom added */ /* style the links for the top level */ /*.menu a, .menu a:visited {background:none;} /* a hack so that IE5.5 faulty box model is corrected */ /** html .menu a, * html .menu a:visited {width:139px; w\idth:128px;}*/ /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;}