/* Global IEEE Header */ #global-hd-container { width: 100%; height: 35px; background-image: url(../images/bg_global_header.png); } #global-hd { width: 960px; margin: auto; text-align: left; padding: 10px 0px; font-size: .9em; } #global-hd ul { width: 960px; text-align: left; display: inline; } #global-hd ul li { display: inline; border-right: 1px solid #fff; padding: 0px 18px 0px 14px; } #global-hd ul li.last { display: inline; border-right: 0px; } #global-hd a:link, #global-hd a:visited { color: #fff; font-weight: normal; } #global-hd a:hover, #global-hd a:active { text-decoration: underline; color: #fff; } #sign-in { float: right; margin-right: 10px; color: #fff; font-weight: normal; } #sign-in a:link, #sign-in a:visited, #sign-in a:active, #sign-in a:hover { color: #fff; font-weight: normal; } /* Page container */ #wedge { position: absolute; top: 35px; right: 0px; width: 22px; height: 22px; background: transparent url(../images/wedge.gif) no-repeat 0 0; } #container { width: 940px; margin: auto; padding: 0px 33px 10px 33px; } /* Logo area */ #logos { width: 939px; height: 100px; vertical-align: middle; } #logos #main { padding: 10px 10px 10px 0; float: left; } #logos #ieee { float: right; padding: 16px 0 0px 0px; /*background-image: url(../images/logo_ieeeBLK.png); */ background-repeat: no-repeat; background-position: 0 16px; } /* Site Navigation Bar */ #navbar { width: 940px; } #navbar #navigation { height: 33px; font-size: 1em; width: 940px; } #navbar #navigation ul { margin: 0; padding: 0; width:auto; position:relative; display:block; height:31px; } #navbar #navigation ul li { display:block; float:left; margin:0; padding:0; } #navbar #navigation ul li.last { } #navbar #navigation ul li a { display:block; float:left; text-decoration:none; font-weight:bold; height:25px; } #navbar #navigation ul li a.double { padding: 0; height: 33px; } #navbar #navigation ul li a.last { } #navbar #navigation ul li a:hover { } #navbar #navigation ul li a.last:hover { } /* Search Bar */ #search { margin:0; padding:0; width: 938px; height: 44px; } #search #search-content { padding: 15px 10px 0px 10px; float: left; color: #810031; } #search #search-form { padding: 15px 10px 0px 10px; vertical-align: middle; } #search #searchbox { margin: 9px 0px 0px 0px; padding: 0 0 0 4px; background: url(../images/bg_searchLeft.png) no-repeat top left; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; width: 150px; height: 27px; } #search .srch-btn-right { margin: 9px 0px 0px 0px; padding: 5px; background: url(../images/bg_searchRight.png) no-repeat 0 0; width: 24px; height: 27px; float: left; } #search #searchbutton { margin: 10px 0px 0px 0px; padding: 5px 0px 8px 7px; border: 0; background-image: url(../images/btn_Left.png); background-color: transparent; height: 25px; color: #2a2a2a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; cursor: pointer; } #search .btn-right { margin: 10px 0px 0px 0px; padding: 5px; background: url(../images/btn_Right.png) no-repeat 0 0; height: 25px; float: left; } #search #searchbox { margin: 9px 0 0 0; padding: 0 0 0 4px; background: url(../images/bg_searchLeft.png) no-repeat top left; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; width: 150px; height: 27px; font-size: 1em; } #searchbox2 { margin: 0; padding: 0 0 0 4px; background: url(../images/bg_searchLeft.png) no-repeat top left; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; width: 150px; height: 27px; font-size: 0.9em; color: #949393; } .srch-btn-left { margin: 10px 0 0 0; padding: 5px 5px 5px 11px; background: url(../images/btn_Left.png) no-repeat 0 0; height: 25px; float: left; font-size: 0.8em; } .srch-btn-right { margin: 0; padding: 5px 0 0 5px; background: url(../images/bg_searchRight.png) no-repeat 0 0; width: 24px; height: 27px; float: left; } #searchbutton { margin: 10px 0px 0px 0px; padding: 5px 0px 8px 7px; border: 0; background-image: url(../images/btn_Left.png); background-color: transparent; height: 25px; color: #2a2a2a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; cursor: pointer; } .submit-btn-left { margin: -3px 0 0 0; padding: 3px 5px 5px 11px; background: url(../images/btn_Left.png) no-repeat 0 0; height: 25px; float: left; font-size: 0.9em; border: 0; cursor: pointer; font-family: Verdana, Arial, Helvetica, sans-serif; } .srch-btn-left a:link, .srch-btn-left a:active, .srch-btn-left a:visited, .btn-left a:link, .btn-left a:active, .btn-left a:visited { font-weight: normal; color: #333; } .btn-left { margin: -3px 0 0 0; padding: 5px 5px 5px 11px; background: url(../images/btn_Left.png) no-repeat 0 0; height: 25px; float: left; font-size: 0.8em; } .btn-right { margin: -3px 0 0 0; padding: 5px; background: url(../images/btn_Right.png) no-repeat 0 0; height: 25px; float: left; } #arrow-left { margin: -3px 0 0 0; } #arrow-right { margin: -3px 0 0 0; } #socialmedia { float: right; padding: 11px 5px 0px 0px; color: #949393; font-weight: bold; font-size: 1.0em; } #socialmedia .socialicon { vertical-align: middle; padding: 0px 3px 0px 3px; } #sign-up { float: right; margin: 9px 0px 0px 0px; padding: 0 0 0 5px; color: #949393; } /* Home Page Content */ #hp-container { width: 940px; border-bottom: 0; padding: 10px 0; } #hp-container h3 { font-size: 1.2em; } #hp-container .header { height: 25px; padding: 8px 10px 0px 10px; background-color: #0188cb; border: 1px solid #006699; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; } #hp-container .header h1, #hp-container .header h2 { color: #fff; font-size: 1.2em; font-weight: bold; } #hp-container .header h1.main { border: 0; } #hp-container .break { height: 9px; } #hp-container1 { float: left; width: 940px; height: 500px; overflow: hidden; position:relative; margin:0px; /* left:590px; */ top:-425px; } #hp-container1 #hp-content1 { height: 415px; background-color: #fff; padding: 0; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container1 #hp-content1 .slider { width: 591px; height: 55px; padding: 10px 0 0 7px; background: #fff url(../images/bg_greyTile.jpg) repeat-x; } #hp-container1 #hp-content1 .slider img { margin-left: 14px; } #hp-container1 #hp-content1 .slider li { float: left; } #hp-container1 #hp-content1 #nav li.activeSlide img { opacity: 1.0; filter:alpha(opacity=100); } #hp-container1 #hp-content1 #nav li img { opacity: 0.5; filter:alpha(opacity=50); } #hp-container2 { float: left; width: 340px; height: 414px; margin-left: 9px; overflow: hidden; position:relative; left:590px; top:-425px; } #hp-container2 #hp-content2 { height: 360px; background-color: #e7e7e4; padding: 10px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; font-size: 12px; line-height: 150%; } #hp-container2 .centerbutton{ text-align:center; } #hp-container2 .submitpaperbutton { -moz-box-shadow:inset -15px -6px 21px 14px #c9e2f2; -webkit-box-shadow:inset -15px -6px 21px 14px #c9e2f2; box-shadow:inset -15px -6px 21px 14px #c9e2f2; background-color:#348ec2; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; border:1px solid #446794; display:inline-block; color:#14396a; font-family:Trebuchet MS; font-size:19px; font-weight:bold; padding:4px 36px; text-decoration:none; } #hp-container2 .submitpaperbutton:hover { background-color:#468ccf; } #hp-container2 .submitpaperbutton:active { position:relative; top:1px; } /* This imageless css button was generated by CSSButtonGenerator.com */ #hp-container3 { width: 220px; height: 335px; float: right; margin-left: 10px; overflow: hidden; } #hp-container3 #hp-content3 { height: 288px; background-color: #fff; padding: 10px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container4 { float: left; width: 590px; height: 405px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container4 #hp-content4 { height: 348px; background-color: #fff; padding: 10px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } /*Start of "Editor's Message" CSS modification*/ /*Style 1*/ /* #about-journal { float: left; width: 600px; } #about-journal ul { margin: 8px 0 20px 0; } #about-journal ul li { display: inline; padding: 0 17px; border-right: 1px solid #c0c0c0; font-size: 1.1em; } #about-journal ul li:first-child { padding-left: 0; } #about-journal ul li:last-child { border-right: 0; } #about-journal h3 { font-weight: 700; } #about-journal p { font-size: 1.15em; line-height: 1.6em; padding: 0 0px 10px 0px; } */ /*Style 2*/ .moveLinkToEndOfPreviousSibling { white-space: nowrap; } .clear{ clear:both; } #hp-container4 #home_left{ width: 620px; float: left; } #hp-container4 #homeslider{ width: 620px; height: 341px; margin: 0px 0px 30px 0px; } #hp-container4 #homeslider a { font-weight: normal; } #hp-container4 .wt-rotator { width: 620px; height: 341px; } #hp-container4 .wt-rotator .screen { width: 620px; height: 341px; } #hp-container4 #goals{ width: 620px; padding: 0px 0px 19px 0px; margin-bottom:20px; background: #e7e7e4; } #hp-container4 #goals h2{ font-size: 17px; height: 32px; color: #fff; font-weight: bold; padding: 7px 0px 0px 8px; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; /* height: 25px; padding: 8px 10px 0px 10px; background-color: #0188cb; border: 1px solid #006699; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; */ } #hp-container4 #goalsnav{ width: 615px; padding: 12px 0px 0px 5px; overflow: hidden; background: #0188cb /*url(/resources/images/ux/goalsbg.gif)*/ top right no-repeat; } #hp-container4 #goalsnav ul { padding: 0; } #hp-container4 #goalsnav ul li{ float: left; background: #186e94 /*url(/resources/images/ux/goalnav.gif)*/ top right no-repeat; /*height: 23px;*/ width: 201px; margin: 0px 3px 0px 0px; padding: 0; } #hp-container4 #goalsnav ul li a{ display: block; /*height: 24px;*/ font-size: 12px; color: #fff; padding: 4px 22px 4px 7px; background: #186e94 /*url(/resources/images/ux/goalnav.gif)*/ top right no-repeat; } #hp-container4 #goalsnav ul li a:hover, #goalsnav ul li.active a{ color: #333333 !important; text-decoration: none !important; background: #e7e7e4 /*url(/resources/images/ux/goalnavhover.gif)*/ top right no-repeat !important; } /*#hp-container4 .goalstabcontent { display: none; } */ #hp-container4 .goalsleft{ width: 330px; float: left; padding: 14px 10px 0px 12px; } #hp-container4 .goalsleft h3{ color: #005c84; line-height: 100%; font-size: 26px; } #hp-container4 .goalsleft p{ font-family: Arial; color: #333333; font-size: 13px; line-height: 150%; padding: 10px 0px; } #hp-container4 .goalsleft a{ font-weight: bold; color: #878700; } #hp-container4 .goalsrighttab1{ width: 175px; float: left; margin: 16px 0px 0px 1px; /*background: #fff; */ -moz-border-radius: 5px; border-radius: 5px; padding: 17px 11px 0px 11px; } #hp-container4 .goalsrighttab2{ width: 175px; float: left; margin: 16px 0px 0px 15px; /*background: #fff; */ -moz-border-radius: 5px; border-radius: 5px; padding: 17px 11px 0px 11px; } #hp-container4 .goalsrighttab3{ width: 230px; float: left; margin: 16px 0px 0px 0px; /*background: #fff; */ -moz-border-radius: 5px; border-radius: 5px; padding: 17px 11px 0px 11px; } #hp-container4 .goalsrighttab1 h3{ color: #005c84; text-align:center; font-size: 11px; padding: 0 0 10px 0; margin: 0; border-bottom: 2px solid #e7e7e4; } /*End of "about journal" CSS modification*/ #hp-container5 { width: 580px; height: 125px; float: right; overflow: hidden; margin-top: 10px; } #hp-container5 #prev, #hp-container5 #next { cursor: pointer; } #hp-container5 #hp-content5 { height: 78px; background-color: #fff; padding: 10px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container6 { width: 580px; height: 125px; float: right; overflow: hidden; margin-top: 10px; } #hp-container6 #hp-content6 { height: 83px; background-color: #fff; padding: 5px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container7 { width: 940px; height: 350px; float: left; overflow: hidden; margin-top: 10px; } #hp-container7 #hp-content7 { height: 83px; background-color: #fff; padding: 5px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container8 { width: 940px; height: 125px; float: left; overflow: hidden; } #hp-container8 #hp-content8 { height: 66px; background-color: #fff; padding: 13px 10px 0 10px; border-left: 1px solid #006699; border-right: 1px solid #006699; border-bottom: 1px solid #006699; } #hp-container .content { font-size: .9em; padding: 9px 7px 9px 9px; } #hp-container .content p { padding: 0; line-height: 1.4em; } #hp-container .hp-link { font-weight: bold; } #hp-container h2 { font-size: 1.3em; font-weight: bold; padding-bottom: 4px; margin-bottom: 5px; } #hp-container P { margin-bottom: 10px; } #hp-container .main-img { margin-right: 10px; margin-left: 10px; } #hp-container .main-content { width: 210px; float: right; margin-right: 10px; } /* Sub page styles */ #sub-container { width: 940px; padding: 0; margin-top: 9px; } #sub-container2 { width: 918px; background-color: #fff; margin: 0 0 10px 0; padding: 10px 10px 0px 10px; font-size: 90%; border: 1px solid #bdbcbd; } /* Side navigation styles */ #leftnav { width: 220px; float: left; margin-bottom: 10px; } #leftnav .leftnav-header { min-height: 25px; padding: 8px 0px 0px 10px; background-position: bottom left; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; background-color: #0188cb; color: #FFFFFF; font-size: 1.3em; font-weight: bold; border: 1px solid #006699; } #leftnav #promos { width: 220px; margin: 10px 0px; text-align: center; } #leftnav #promos img { margin: 5px 0px; } #leftnav ul { margin: 0; padding: 0; margin-bottom: 10px; } #leftnav ul li { display:block; float:left; margin:0; padding:0; width: 218px; border: 1px solid #006699; border-top: 0; border-bottom: 0; } #leftnav ul li.last { border-bottom: 1px solid #006699; } #leftnav ul li a { display:block; float:left; text-decoration:none; padding: 7px 3px 2px 0px; width: 182px; min-height:20px; color: #2a2a2a; font-weight: normal; } #leftnav ul li a:hover { color: #006699; } #leftnav ul li a.active { color: #006699; font-weight: bold; } #leftnav ul li ul { clear: both; } #leftnav ul li ul li { background-image: none; border: 0; width: 173px; padding-left: 30px; background-color: #FFFFFF; float: right; } #leftnav ul li ul li a { width: 170px; } #leftnav ul li ul li a:hover { color: #2a2a2a; text-decoration: underline; } #leftnav ul li ul li a.active { color: #2a2a2a; font-weight: bold; } #leftnav .control { width: 10px; margin-left: 10px; padding-top: 6px; float: left; cursor: pointer; color: #dc0e03; } /* content area styles */ #content { width: 690px; float: right; padding-bottom: 10px; } #content #breadcrumb { padding: 0px 0px 10px 0px; } #content #breadcrumb a:link, #content #breadcrumb a:visited { color: #2a2a2a; text-decoration: underline; } #content #left-column { float: left; padding-right: 9px; width: 459px; border-right: 1px solid #bdbcbd; } #content #right-column { float: right; width: 210px; } #content #right-column ul { margin-bottom: 10px; list-style: disc; margin-left: 15px; } #content #right-column hr { border: 1px solid #dedede; width: 100%; color: #f5f5f5; background-color: #f5f5f5; height: 4px; margin: 5px 0px; } #content #right-column ul li { margin-bottom: 10px; } #content .img-full { margin-bottom: 10px; } #content p { padding-bottom: 10px; } #content .sp-content1 { width: 330px; } #content .sp-content2 { width: 330px; } #content .content { padding: 7px 0px 0px 0px; } #content h1 { font-size: 1.3em; font-weight: bold; } #content h2 { font-size: 1.3em; font-weight: bold; margin-bottom: 10px; } #content h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 10px; } #content dl { margin-bottom: 10px; } #content dl dd { margin-left: 35px; } #content ol { margin-bottom: 10px; list-style: decimal; list-style-position: inside; margin-left: 10px; } #content ul { margin-bottom: 10px; list-style: disc; list-style-position: inside; margin-left: 10px; } #content hr { border: 0px; width: 100%; color: #bdbcbd; background-color: #bdbcbd; height: 1px; } #content table { width: 100%; border: 1px solid #bdbcbd; margin-bottom: 10px; } #content th { padding: 5px; text-align: left; border: 1px solid #bdbcbd; font-size: 1.3em; font-weight: bold; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; } #content td { padding: 5px; border: 1px solid #bdbcbd; } #content table .even { background-color: #eaebed; } #content form label { font-size: 1.2em; font-weight: bold; } #content form label.label-check { font-size: 1em; font-weight: normal; } /* Footer styles */ #footer { width: 938px; height: 60px; margin: 0; text-align: center; } #footer P { font-size: .8em; padding: 10px 10px 0px 10px; } #footer .divider { width: 920px; height: 5px; margin: auto; margin-top: 10px; background: transparent url(../images/bg_divider.png); } #content .header { padding: 0px 0px 0px 0px; } #content .header h1 { height: 25px; padding: 8px 10px 0px 10px; background-color: #0188cb; border: 1px solid #006699; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; color: #fff; margin: 0 0 10px 0; } #content .header h2 { height: 25px; padding: 8px 10px 0px 10px; background-color: #0188cb; border: 1px solid #006699; background-image: url(../images/bg_nav.png); background-repeat: repeat-x; color: #fff; } div .header .overline { height: 5px; background-image: url(../images/bg_divider.png); }