/******************** global styles **************************/ html {background:/*#676768 #D1DBE9*/#fff url(/imgs/homebackground-gris.gif) repeat-x!important;} body{font-size:1em;font-family: tahoma,verdana, geneva, sans-serif;margin:0 auto;padding:.5em;} strong {font-weight:bold} em {font-style:italic;} sup {font-size: 0.74em; vertical-align:text-top;} a {color: #0D499C;} a:hover {color:#F47B29;} a:visited {} h1,h2,h3,h4,h5 {color:#333} h1 {font-size:1.3em;font-weight:bold;margin-bottom:.5em} h2 {font-size:1.2em;font-weight:bold;margin-bottom:.5em} h3 {font-size:1.1em;font-weight:bold;margin-bottom:.5em} h4 {font-size:1.0em;font-weight:bold;margin-bottom:.5em} h5 {font-size:.95em;font-weight:bold;margin-bottom:.5em} h1.blue, h2.blue, h3.blue, h4.blue, h5.blue {color:#274D7F!important;} h1.orange, h2.orange, h3.orange, h4.orange, h5.orange {color:#DC6E24!important;} h1.orangetitle,h2.orangetitle, h3.orangetitle, h4.orangetitle, h5.orangetitle {background:#DC6E24;color:#fff; padding:.3em;margin:0 0 1em 0!important;} blockquote {margin-left:2em;} .left {float:left;} .right {float:right;} /*** clearing float fix ***/ .clearfix:after {content: "."; display: block; height: 0;clear: both;visibility: hidden;} *:first-child+html .clearfix { zoom: 1;/* triggers hasLayout ie7 */} *html .clearfix { zoom: 1;/* triggers hasLayout ie6 */} /* page and header */ #page{width:850px;margin:0 auto;background:#fff;padding-bottom:0em;} #header{padding:.5em; margin:0 0 .3em 0;clear:both} #printlogo{display:none;} #headlogo{margin-top:.5em; margin-left:.5em;position:relative;width:270px!important; padding:0;} #topnav{float:right; margin-top:.5em;margin-right:0em!important;text-align:left;right:0!important;width:558px/*555px*/; } /*ie 7 fix */ *:first-child+html #topnav {float:right;width:556px/*520px*/;} /*ie6 fix */ *html #topnav{float:right;width:556px/*520px*/;} /*CIDH fix */ .cidh_topnav {width:516px!important;} .cidh_logo {width:300px!important;} .slogan a{color: #F47B29;text-decoration:none;} /* language bar */ #mainlangbar {font-size:.6em;text-align:right; margin-bottom:.5em;margin-right:1.2em; clear:both;} #mainlangbar ul {margin: 0;padding: 0;color:#F07305;} #mainlangbar ul li.first {background:none;} #mainlangbar ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:10px;padding-right: 2px;display:inline} #mainlangbar a{text-decoration:none;text-align:center; color:#666;} #mainlangbar a:hover{text-decoration:underline; color:#FF6600;} #mainlangbar .selected {color:#F47B29; text-decoration:none;} /* icon & search bar */ #globsearch {margin:0; clear:both;} #globsearch form {margin:0 .8em 0 0;padding:0;float:right;} *:first-child+html #globsearch form {margin:0 .5em 0 0;padding:0;float:right;} /* Target Safari 4.0.x Only */ @media screen and (-webkit-min-device-pixel-ratio:0) {} #globsearch input.txtbox {font-size:.7em; height:16px;width:200px;border:1px dotted #D3D1D1;color:#666;margin:.1em .4em 0em .3em!important;padding:1px 2px;} #globsearch input.searchbtn {margin:.2em 0 0 0; vertical-align:middle;} *:first-child+html #globsearch input.searchbtn {margin-left:0em;} /* for style section search */ #sectsearch {clear:both; width:250px;margin:0;padding:0;float:right; text-align:left!important;} *:first-child+html #sectsearch {width:260px;text-align:left!important;} *:first-child+html #sectsearch input.searchbtn {margin:0 0 0 0;vertical-align:middle;} *:first-child+html #sectsearch form {margin:0 .5em 0 0;padding:0;float:right;} /* Target Safari 4.0.x Only */ @media screen and (-webkit-min-device-pixel-ratio:0) {} #sectsearch input.intsearch {font-size:.7em; height:16px;width:200px;border:1px solid #C3C3C3;color:#666;margin:.1em 0em 0em .3em!important;padding:3px 2px 0 2px;} #sectsearch input.searchbtn {margin:.2em 0 0 0;vertical-align:middle;} *:first-child+html #sectsearch input.searchbtn {margin-left:0em;} /* focus style for all forms */ .focusField{border:1px solid #C3C3C3;} .idleField{border:1px solid #999999;} /* form style for protocol db */ #protocoldbform {border:solid 1px #b7ddf2; background:#ebf4fb; margin:0 auto; width:610px; padding:.5em;} #protocoldbform h1 {font-size:1.2em;font-weight:bold;margin-bottom:.7em;} #protocoldbform h4 {margin:.3em!important;} #protocoldbform p {font-size:.9em;color:#666;margin-bottom:.5em;padding-bottom:.5em;} #protocoldbform p.last{border-bottom:solid 1px #b7ddf2;margin-bottom:.5em;padding-bottom:1.5em;} #protocoldbform label{display:block; font-weight:bold; text-align:right; width:140px; float:left;} #protocoldbform .small{color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:140px;} #protocoldbform input{float:left; font-size:12px; padding:4px 2px; border:solid 1px #aacfe4; width:200px; margin:2px 0 20px 10px;} #protocoldbform select {font-size:1em;padding:2px 2px;border:solid 1px #aacfe4;width:300px;margin:2px 0 20px 10px;} #protocoldbform button{margin:0 0 0 5em; padding:.2em; background:#666666; text-align:center; line-height:31px; color:#FFFFFF; font-size:.9em; font-weight:bold;} .tabdata{border-bottom:1px dotted #ACA899; width:550px!important; margin-left:6px;} /* Icon navigation */ #navicon {float:right;list-style:none;margin:.2em .8em 0 0;padding:0;} #navicon .webcasticon{background:url(/imgs/icons/webcasticon.png) left 0px no-repeat;width:22px!important;height:28px;margin-left:8px;padding-right:8px} #navicon .webcasticon:hover{background:url(/imgs/icons/webcasticon.png) left -30px no-repeat;width:22px!important;height:28px;margin-left:8px;} #navicon li {float:left;display:block;display:inline;margin:0 .2em .2em .2em;background:#fff;width:26px;height:20px;border:0;} #navicon li.first {margin-left:0em;} #navicon li a {border:none;} #navicon li .show{display:block;width:26px;height:20px;} #navicon li .hide {height:0;overflow: hidden;} #navicon li:hover .hide, #navicon li.over .hide{cursor: pointer;width:26px;height:20px} #navicon li:hover .show, #navicon li.over .show {height: 0;overflow: hidden;} .slogan {padding-left:0px;text-align:left;color: #F47B29;font-size:.7em;font-family:Tahoma,Geneva,sans-serif;} /*********************main navigation *****************/ /* General */ #globalnav{font-size:.68em; font-weight:/*bold*/normal;font-family:arial,tahoma,geneva,sans-serif;} #globalnav ul.sf-menu {margin-top:.5em!important;} /*ie7 fix*/ *:first-child+html .fr #globalnav .sf-menu {width:560px!important;font-size:.97em;} /*ie6 fix*/ *html .fr #globalnav .sf-menu {font-size:.95em;} /*******************Superfish*****************************************/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * {margin:0; padding: 0; list-style: none;z-index:100000000;} .sf-menu {line-height: 1.0;} .sf-menu ul {position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu ul li.line {border-bottom:1px solid #ACA899} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .sf-menu li {float: left; position: relative;} .sf-menu a {display: block; position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top:1.4em /*2.5em*/; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 12em; /* match ul width */ top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 12em; /* match ul width */ top: 0;} /*** menu skin ***/ .sf-menu {float:right;margin-bottom: .5em;margin-right:.6em;} .sf-menu a {border-left:1px solid #EF7406; padding:.3em .5em .3em .5em;text-decoration:none;} .sf-menu .first a, .sf-menu li li a, .sf-menu li li li a{border-left:0!important;} .sf-menu a, .sf-menu a:visited {/* visited pseudo selector so IE6 applies text colour*/color:#777;} .sf-menu li {/*background: #BDD2FF;*/} .sf-menu li ul {border-top:1px solid #CFCFCF;border-left:1px solid #CFCFCF;} .sf-menu li li {background:#fff;font-weight:normal;} .sf-menu li li a, .sf-menu li li li a {padding:.6em!important;} .sf-menu li li li {background:#fff;font-weight:normal} .sf-menu li:hover, .sf-menu li.sfHover,.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {color: #EF7406;text-decoration:none;outline:0;} .sf-menu li li a:hover{background:#EF7406; color:#fff; font-weight:normal;} /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator {position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/imgs/superfish/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */} a > .sf-sub-indicator {/* give all except IE6 the correct values */top: .4em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator {background-position: -10px 0;} .sf-menu ul a > .sf-sub-indicator {background-position: 0 0;} /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul {background: url('/imgs/superfish/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /**** Begin jQuery feature slideshow styles ****/ .cycler {width:510px;padding:0; text-align:left; position:relative;font-family:verdana, Geneva, sans-serif;} #rotator {position:relative; width:510px;background:transparent!important;} #rotator div.slide {position:absolute; left:0; top:0; display:none;background:none!important;} #rotator div.slide:first-child {display:block} #rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:4px;bottom:1px!important;position:absolute;color:#fff;width:500px;margin:.3em 0em 0 0; padding:.2em 0 .2em 0;} /* ie7 hack*/*:first-child+html #rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;bottom:4px!important;left:4px;position:absolute;color:#fff;width:500px;margin:.3em 0em 0 0; padding:.2em 0 .2em 0;} #rotator div.slide img {width:500px;bottom:0;border:1px solid #CCC; margin:.2em .4em 0em .2em; padding:0;} /*#featurewrapper img {padding:0!important;margin:0!important;}*/ /*#rotator div.slide .topimg {background:transparent;bottom:195px;left:5px;padding:0;position:absolute;right:0;width:490px;color:#fff;}*/ #rotator div.slide .caption p {margin:4px 6px;padding:0;font-size:.60em;font-size-adjust:.50;line-height:normal!important;} #rotator div.slide .caption h1 {font-size:.85em; font-weight:bold; line-height:normal;padding:0; margin:0 0 0 6px;color:#D1E0EF} #rotator div.slide .caption a {color:#FF6600; text-decoration:none;} #rotator div.slide .caption a:hover {color:#FF9900; text-decoration:none;} #rotator-nav {padding: 5px 0 5px 0; margin:2px 0 0 5px;list-style:none;z-index:1001;} #rotator-nav li {display:inline; } #rotator-nav li a {font: bold .59em verdana,arial; background:#859EC0; text-decoration: none; margin: 0 4px 0 0; padding: 3px 5px; color:#fff!important;} #rotator-nav .activeLI a {background:#F47B29 url(/imgs/rotator/slidearrow.png) center top no-repeat; color:#fff!important;padding-top:.6em} #rotator-nav a:focus {outline: none;} #rotator-nav div.slide {margin-left:0!important;padding-left:0!important;} #rotator-nav a#pbtn {cursor:pointer;margin: 0 0 0 0; padding:3px 8px;} #rotator-nav a.pause {background: url(/imgs/rotator/pause.png) center no-repeat} #rotator-nav a.play {background: url(/imgs/rotator/play.png) center no-repeat} #rotator-nav a.livewebcastbutton {background:#900;margin-left:1.5em;} .cycler pre {margin-top:0; color:#390; font-weight:bold} .cycler .comment {color:#008000} #navicon a.livewebcastbutton {background:#900;margin-left:-85.3px; font-size:0.70em; color:#FFF; text-decoration:none; padding:4px;} /**** End jQuery feature slideshow styles ****/ /****** Begin jQuery styles for OAS key work areas ******/ ul#rollover {position:relative;overflow:hidden;margin:.4em 0 0 0;} ul#rollover li {border-bottom:1px dotted #D2DBE7;font-size:0.82em; font-weight:bold;background:#859EC0;font-family:Arial, Helvetica, sans-serif;} ul#rollover li p {margin:0 280px 0 0;} ul#rollover li p a {display:block;border:0;overflow:hidden; margin:0;padding:.5em;} ul#rollover li img {position:absolute;top:0;right:0;width:280px;z-index:10;} ul#rollover li a:hover img, ul#rollover li.activeRoll img {right:0; visibility:visible;z-index:100;} ul#rollover li p a:link, ul#rollover li p a:visited {text-decoration:none;color:#fff;} ul#rollover li p a:hover, ul#rollover li.activeRoll p a { background:url(/imgs/backgrounds/pilbutdown.png) repeat-x scroll;margin:0; padding:.5em;border:0; /* Cleanup of default hover */color:#333; } /* ie7 hack*/*:first-child+html ul#rollover li a {padding:.5em;} /* ie7 hack*/*:first-child+html ul#rollover {position:relative; overflow:hidden;margin:.4em 0 0 0;padding-top:.4em;} /* ie7 hack*/*:first-child+html ul#rollover img {padding-top:.5em;} /* ie6 hack*/*html #maincontent ul#rollover li a {padding:.5em;} /* ie6 hack*/*html ul#rollover {position:relative; overflow:hidden;margin:.4em 0 0 0} /* ie6 hack*/*html ul#rollover img {padding-top:.5em;} /****** End jQuery styles for OAS key work areas ******/ /* styles for landing page */ #landingleft{float:left;width:540px; } #landingright{float:right;width:290px;} .captiondate {font-size:.65em!important;color:#FC6;} span.captiondate {font-size:.85em!important;color:#FC6;} #featurewrapleft {width:510px;height:332px;margin:0 auto 1em 1em; overflow:hidden; clear:both;padding:.5em;background:transparent url(/imgs/backgrounds/ltbluegradient.png) repeat-x; float:left} #middlewrapleft {/*width:800px;*/width:510px;height:210px; margin:0 auto 1em 1em;padding:.5em .5em .7em .5em; overflow:hidden;background:transparent url(/imgs/backgrounds/graygradient.png) repeat-x; float:left;} #middlewrapright {background:transparent url(/imgs/backgrounds/ltpurplegradient.png) repeat-x;overflow:hidden;float:right;margin:0 1em 1em auto; padding:.5em;width:262px;} #middlewrapright h3 {font-size:.78em!important;background:#C4C4C4;padding:.3em .3em .3em .3em} #middlewrapright h4 {font-size:.75em!important;padding:.3em 0 .3em 0;margin-bottom:.1em!important;} #middlewrapright p {font-size:.65em;margin-bottom:.8em;} #bottomwrap {width:815px; margin:0 auto;padding:0em;clear:both;} .headtitle {/*background:#C4C4C4;*/ padding:.3em; margin:.8em 0 0 .8em; color:#777; font-weight:bold;} /* Styles for child landing pages */ .secondarylanding .landingtitle {width:510px;font-size:.95em;margin-bottom:.5em; padding:.5em;background:#efefef;} .secondarylanding .loe {font-size:.90em!important;} .secondarylanding #breadcrumb {font-size:.70em;margin:.8em auto .5em auto; padding:0;} #childfeaturewrapleft {width:510px;margin:0 auto 0 1em; overflow:hidden; clear:both;padding:.5em;float:left;} #childmiddlewrapleft {width:519px;margin:0 auto 1em 1em;padding:.5em .5em .7em .5em; overflow:hidden;float:left;} #childmiddlewrapright {overflow:hidden;float:right;margin:0 1em 1em auto; padding:.5em;width:262px;} #childmiddlewrapright h3 {font-size:.78em!important;background:#C4C4C4;padding:.3em .3em .3em .3em} #childmiddlewrapright h4 {font-size:.75em!important;padding:.3em 0 .3em 0;margin-bottom:.1em!important;} #childmiddlewrapright p {font-size:.65em;margin-bottom:.8em;} #childbottomwrap {width:815px; margin:0 auto;padding:0em;clear:both;} .areaitem {margin:0 0 1.2em 0;} .areaitem .col-1 {width:215px; float:left;padding-top:.2em;} .areaitem .col-2 {width:300px; float:right} .areaitem h4 {font-size:.83em;border-bottom:4px solid #B2B2B2;font-weight:bold;margin-bottom:.1em;padding:0 0 .1em;} .areaitem p {font-size:.75em} .socialmediawrap {margin:0 auto!important;width:750px!important;} /******************* Box Brochures ***********************/ .boxbluegrid{ height: 260px; padding:0; float:left; border:1px solid #D1DFEF; margin:0 0 1em 1em; background:#EFF4FC; overflow: hidden; position: relative; text-align:center!important; } .thirdwidth {width:30%;} .boxbluegrid img{ top:.5em; border:1px; border-color:#CCC; margin:.8em; } .boxbluegrid p{ padding: 0 5px!important; color:#afafaf!important; font-weight:bold!important; font:.85em tahoma, verdana, arial, sans-serif!important; margin:0 0 .3em 0!important; } /******************* Begin Work Areas/Pillars ***********************/ .boxgrid a{color:#F47B29!important} .boxgrid a:hover { color:#69F!important;} .boxgrid h3{margin: 5px!important; color:#FFF!important; font:.75em tahoma, verdana, Arial, sans-serif!important; font-weight: bold!important;} .boxgrid{ text-align:left; width: 152px; height: 130px; margin:8px; padding:0; float:left; border: 1px solid #ccc; overflow: hidden; position: relative; /*background-color: #CCCCCC;*/ text-align:center!important; } .boxgrid img{ top: 0; border: 0; padding:0; margin:0; } #fullmaincol .boxgrid img {margin-left:0;border:0;} .boxgrid p{ padding: 0 5px!important; color:#afafaf!important; font-weight:bold!important; font:.85em tahoma, verdana, arial, sans-serif!important; margin:0 0 .3em 0!important; } .boxcaption{ float: left; position: absolute; bottom:0px!important; background: #fff; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; text-align:left!important; } .captionfull .boxcaption { top: 200; left: 0; } .introtext {background:/*#fff*/none;text-align:left!important;border:0!important;} .introtext p {font-size:.70em!important;color:#1F1F1F!important;margin:.8em 0 0 0!important;} .aboutoas {font-size:.70em!important;color:#1F1F1F!important;} /******************* End Work Areas/Pillars ***********************/ /* Social Links Bar */ .sociallinks {background:url(/imgs/backgrounds/graygradient.png) repeat-x;margin:0 0 0 1em; padding:.5em;width:510px; height:100px; float:left;overflow:hidden; position:relative;} .sociallinks h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;} .sociallinks ul {margin:0 0 0 1em;} .sociallinks ul.sms li {display:block; float:left; list-style:none; margin:.5em 1.5em 0 0;} .sociallinks ul li.twitter a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/twittericon.png) no-repeat 0 0;text-indent:-9009px} .sociallinks ul li.twitter a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/twittericon.png) no-repeat 0 -50px;} .sociallinks ul li.youtube a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/youtubeicon.png) no-repeat 0 0;text-indent:-9009px} .sociallinks ul li.youtube a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/youtubeicon.png) no-repeat 0 -50px;} .sociallinks ul li.rss a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/feedicon.png) no-repeat 0 0;text-indent:-9009px} .sociallinks ul li.rss a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/feedicon.png) no-repeat 0 -50px;} .sociallinks ul.arts li {display:block; float:left; list-style:none; /*margin:-1.2em 1.5em 0 0;*/margin:.5em 1.5em 0 0;} .sociallinks ul li.mag a {display:block; height:50px;width:100px; background:transparent url(/imgs/icons/magicon.png) no-repeat 0 6px;text-indent:-9009px} .sociallinks ul li.mag a:hover {display:block; height:50px;width:100px; background:transparent url(/imgs/icons/magicon.png) no-repeat 0 -44px;} .sociallinks ul li.oashighlights a {display:block; height:50px;width:150px; background:transparent url(/imgs/icons/oashighlights.png) no-repeat 0 6px;text-indent:-9009px} .sociallinks ul li.oashighlights a:hover {display:block; height:50px;width:150px; background:transparent url(/imgs/icons/oashighlights.png) no-repeat 0 -43px;} .sociallinks ul li.oearelieve a {display:block; height:50px;width:150px; background:transparent url(/imgs/icons/oearelieve.png) no-repeat 0 6px;text-indent:-9009px} .sociallinks ul li.oearelieve a:hover {display:block; height:50px;width:150px; background:transparent url(/imgs/icons/oearelieve.png) no-repeat 0 -43px;} .sociallinks ul li.scholar a {margin-top:.7em; display:block; height:37px;width:100px; background:transparent url(/imgs/icons/scholar2010.png) no-repeat 0 0px;text-indent:-9009px} .sociallinks ul li.scholar a:hover {display:block; height:37px;width:100px; background:transparent url(/imgs/icons/scholar2010.png) no-repeat 0 -37px;} .sociallinks ul li.art a {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/articon.png) no-repeat 0 0;text-indent:-9009px} .sociallinks ul li.art a:hover {display:block; height:50px;width:50px; background:transparent url(/imgs/icons/articon.png) no-repeat 0 -50px;} .sociallinks ul li.amoaicon a {display:block; height:50px;width:130px; background:transparent url(/imgs/icons/amoaicon.png) no-repeat 0 0;text-indent:-9009px} .sociallinks ul li.amoaicon a:hover {display:block; height:50px;width:130px; background:transparent url(/imgs/icons/amoaicon.png) no-repeat 0 -50px;} .sociallinks ul li a.submag, .sociallinks ul li a.submag a:hover {text-indent:0;font-size:.65em;margin-top:0px;background:none!important;margin-top:-10px; text-align:center;} .sociallinks ul li.donate_en a {background:url("/imgs/icons/donatehaitiiconen.png") no-repeat scroll 0 0 transparent;display:block;height:50px;text-indent:-9009px;width:50px;} .sociallinks ul li.donate_en a:hover {background:url("/imgs/icons/donatehaitiiconen.png") no-repeat scroll 0 -50px transparent;display:block;height:50px;width:50px;} .sociallinks ul li.donate_es a {background:url("/imgs/icons/donatehaitiicones.png") no-repeat scroll 0 0 transparent;display:block;height:50px;text-indent:-9009px;width:50px;} .sociallinks ul li.donate_es a:hover {background:url("/imgs/icons/donatehaitiicones.png") no-repeat scroll 0 -50px transparent;display:block;height:50px;width:50px;} .sociallinks ul li.donate_fr a {background:url("/imgs/icons/donatehaitiiconfr.png") no-repeat scroll 0 0 transparent;display:block;height:50px;text-indent:-9009px;width:50px;} .sociallinks ul li.donate_fr a:hover {background:url("/imgs/icons/donatehaitiiconfr.png") no-repeat scroll 0 -50px transparent;display:block;height:50px;width:50px;} .sociallinks ul li.donate_pt a {background:url("/imgs/icons/donatehaitiiconpt.png") no-repeat scroll 0 0 transparent;display:block;height:50px;text-indent:-9009px;width:50px;} .sociallinks ul li.donate_pt a:hover {background:url("/imgs/icons/donatehaitiiconpt.png") no-repeat scroll 0 -50px transparent;display:block;height:50px;width:50px;} /****** Social icons for footer ******/ /* Social Links Bar */ #footer .socialicons {margin:1em 300px !important;} #footer .cidh_social {margin:1em 350px !important;} #footer li.rss {background:none;margin-left:.5px;padding-left:0!important;width:20px;} #footer li.rss a {height:16px!important;width:20px!important; padding-top:5px;padding-bottom:5px;background:transparent url(/imgs/icons/feed.png) no-repeat 0;display:inline;padding-left:20px;} .socialicons {padding:.5em;overflow:hidden; vertical-align:middle;} .socialicons h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;} ul.socialicons { padding:0;} ul.socialicons li, ul.socialicons li.last {background:none!important; float:left; padding-left:.5em!important;padding-right:.8em!important;} ul.socialicons li {text-align:center!important;} ul.socialicons li.twitter a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/twittersmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:5px} ul.socialicons li.twitter a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/twittersmicon.png) no-repeat 0 -20px;} ul.socialicons li.facebook a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/facebooksmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:11px;*margin-left:2px} ul.socialicons li.facebook a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/facebooksmicon.png) no-repeat 0 -20px;} ul.socialicons li.youtube a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/youtubesmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:10px;*margin-left:5px} ul.socialicons li.youtube a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/youtubesmicon.png) no-repeat 0 -20px;} ul.socialicons li.rss a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/feedsmicon.png) no-repeat 0 0;text-indent:-9009px} ul.socialicons li.rss a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/feedsmicon.png) no-repeat 0 -20px;} ul.socialicons li.flickr a {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/flickrsmicon.png) no-repeat 0 0;text-indent:-9009px; margin-left:1px} ul.socialicons li.flickr a:hover {display:block; height:20px;width:20px; background:transparent url(/imgs/icons/flickrsmicon.png) no-repeat 0 -20px;} ul.socialicons li.donate_en a {background:url("/imgs/icons/donatesmiconen.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;margin-left:5px;*margin-left:3px} ul.socialicons li.donate_en a:hover {background:url("/imgs/icons/donatesmiconen.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;} ul.socialicons li.donate_es a {background:url("/imgs/icons/donatesmicones.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;margin-left:2px} ul.socialicons li.donate_es a:hover {background:url("/imgs/icons/donatesmicones.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;} ul.socialicons li.donate_fr a {background:url("/imgs/icons/donatesmiconfr.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;} ul.socialicons li.donate_fr a:hover {background:url("/imgs/icons/donatesmiconfr.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;} ul.socialicons li.donate_pt a {background:url("/imgs/icons/donatesmiconpt.png") no-repeat scroll 0 0 transparent;display:block;height:20px;text-indent:-9009px;width:20px;} ul.socialicons li.donate_pt a:hover {background:url("/imgs/icons/donatesmiconpt.png") no-repeat scroll 0 -20px transparent;display:block;height:20px;width:20px;} /* .maincontent links */ #maincontent .twitter {height:25px;width:20px; background:transparent url(/imgs/icons/twittertxticon.png) no-repeat right 4px; padding: 5px 25px 5px 0; } #maincontent .facebook {height:25px;width:20px; background:transparent url(/imgs/icons/facebooktxticon.png) no-repeat right 4px; padding: 5px 25px 5px 0; } #maincontent .flickr {height:25px;width:20px; background:transparent url(/imgs/icons/flickrtxticon.png) no-repeat right 4px; padding: 5px 25px 5px 0; } #maincontent .vimeo {height:25px;width:20px; background:transparent url(/imgs/icons/vimeotxticon.png) no-repeat right 4px; padding: 5px 25px 5px 0; } #maincontent .youtube {height:25px;width:20px; background:transparent url(/imgs/icons/youtubetxticon.png) no-repeat right 4px; padding: 5px 25px 5px 0; } /* Flickr on photo gallery */ #flickrContain a{text-decoration:none;border-bottom:none;} #flickrContain{padding:10px; text-align:center;} #flickrContain h1#title{display:none;} #flickrContain #description {display:none;} #flickrContain #images { height: 160px; width: 240px; padding:0; margin:0 0 .1em 0; overflow: hidden; margin:0 auto;} #flickrContain #images img { border:none;} #flickrContain #flickrNav{display:block; clear:both;margin:0 auto; font-size:.9em;} #flickrContain #flickrNav a{text-decoration:none;padding:0px 10px;text-align:center;} #flickrContain #flickrNav a:hover, #flickrContain p#photoset a:hover{text-decoration:underline;} #flickrContain p#photoset{clear:both;} /* Haiti Bar */ .haiti {background:url(/imgs/backgrounds/graygradient.png) repeat-x;margin:0 0 1em 1em;padding:.5em .5em 1em .5em;width:510px; float:left;overflow:hidden; position:relative;} .haiti h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;margin-bottom:1em;} .haiti ul.flags p {font-size:.7em;margin-top:0px;background:none!important;margin-top:-1px; text-align:left; padding:0 0 .5em 0;} .haiti ul.flags li {list-style:none; margin:.5em 1.5em 0 0;height:80px;} .haiti ul li.flags2{height:100px;display:block; float:left; width:100px;} .haiti ul li.flag a {display:block; background:transparent url(/imgs/icons/haitiflag.jpg) no-repeat 0 0px;} .haiti ul li a.donate, .haiti ul li a.donate a:hover {text-indent:0;font-size:.65em;margin-top:0px;background:none!important;margin-top:0px; text-align:center;} .haiti ul li.flags2 a {display:block; height:60px;width:100px; background:transparent url(/imgs/icons/haiti_2colorflagb.jpg) no-repeat 0 0px; font-size:.80em;} .haiti ul li.flags2 a:hover {display:block; height:60px;width:100px; background:transparent url(/imgs/icons/haiti_2colorflagb.jpg) no-repeat 0 -60px; font-size:.80em;} .haiti ul.links li {text-indent:0;font-size:.65em;margin-top:-1px;background:none!important; text-align:left;} .flags {margin-left:1em;} /*** special response bar ***/ .special {background:url(/imgs/backgrounds/graygradient.png) repeat-x;margin:0 0 1em 1em;padding:.75em .5em .75em .5em;width:510px;float:left;overflow:hidden; position:relative;} .special h4 {color:#666666; font-size:.90em!important;font-weight:bolder!important;margin-bottom:1em;} /*.special ul li {list-style:none; margin:.5em 1.5em 0 0;height:80px;} .special li {list-style:none; margin:.5em 1em 0em 0;} .special li.first {margin-top:1em;}*/ .special p {font-size: .85em;font-size:.7em;margin-top:0px;background:none!important;margin-top:-1px; text-align:left; padding:0 0 .5em 0;} .special .caption {font-size: .7em} .special .newsitem{margin: 0 0 .5em 0;} .special .photocaption{float:left;margin-bottom:.2em; margin-top:.3em; margin-right:.5em;} .special .leftcol {width:290px; float:left;margin-left:.5em;border-right:1px dotted #AFAFAF;} .special .rightcol {width:290px; float:left} /*** Feed Menu ***/ .feed_menu{ background: url(/imgs/icons/feed_menu_orange.png) 0 center no-repeat; padding:0; display:-moz-inline-box; display:inline-block; width:38px; vertical-align:middle; overflow: hidden; margin:-5px 0 0 0; } .feed_menu.open{ background-position: -38px center !important; } .feed_menu select{ opacity:0; margin:.1em; padding:0; border:0; } .feed_menu select optgroup {font-size:11px; font-weight:bold;} .feed_menu select option{font-size:.8em;} .feed_menu option img{ border:0; margin:2px; vertical-align: middle; } /* Twitter feed styles */ .twtr-hd h4 {color:#fff!important; } .twtr-ft span a {color:#D5E09D!important;} /* Addthis overrides */ a.addthis_button { background:url(/imgs/icons/at_symbol_12x12.gif) no-repeat; padding-left:2em;text-decoration:none;} ul#friendfeed {margin:0;padding:0;} ul#friendfeed li img.friendfeed_icon {float:left!important; margin:2px 0 0 0; padding:0} ul#friendfeed img {border:0;} ul#friendfeed .friendfeed_text {font-size:1em!important;margin:0 0 .8em 22px; padding:0;} ul#friendfeed .friendfeed_date {font-weight:normal!important;} /*ie7 fix*/*:first-child+html ul#friendfeed .friendfeed_text {margin:-12px 0 5px 20px;} ul#friendfeed .friendfeed_text {font-size:.70em;margin:0 0 5px 22px; padding:0;} ul#friendfeed .friendfeed_text a {color: #0D499C;} ul#friendfeed .friendfeed_text a:hover {color:#F47B29;} ul#friendfeed .friendfeed_date {/*display:inline; margin: 0 0 0 .3em;*/ font-size:.82em;color:#333;} /* Start jQuery Tabs UI */ .ui-tabs {padding: .2em; zoom: 1;} .ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: 1em 0em 0;} .ui-tabs .ui-tabs-nav li {position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .3em -1px 0; padding: 0;} .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; /*padding: .5em 1em;*/} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-hide {display: none !important;} /* End jQuery Tabs UI */ /* Customize the UI tabs for right feature on the landing page */ #featurewrapright {width:280px;float:right;margin:-.6em 1em 1em auto;padding:0} #featurewrapright .ui-tabs .ui-tabs-panel {padding:.8em .5em .5em .5em; margin:.8em!important; display: block; border-width: 0; background:#FFF;} #featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#D0DAE8!important;margin-bottom:-.1em;border:0; } #featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #featurewrapright .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #featurewrapright .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#D0DAE8!important;} #featureright {list-style: none;margin: 0 auto;padding: 0;zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:0; clear:both; font-size:.68em; font-weight:bold;} #featurewrapright .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; /*padding: .5em 1em;*/background:#EFEFEF!important} #featurewrapright .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#505050;} #featureright p {font-weight:normal; margin: .5em 0 .5em 0em; font-size:.9em;} #featureright ul.tabtitles {margin:0; font-size:.96em!important;} #featureright ul.tabtitles li {display: inline; list-style:none;margin:0em .3em 0 0!important;} #featureright ul.tabtitles li a {padding:5px;color:#7F7F7F;text-decoration: none;float:left;display: block;} #featureright .ui-tabs .ui-state-hover {background:#D0DAE8!important;border-bottom:0px;} #featureright .ui-tabs .ui-state-default {background:/*#FBFBFB*/#D0DAE8!important;} #featureright object {margin:0 auto;padding:0em} #featureright img, #fullmaincol img, #middlewrapright img {margin: 0 5px 0 0;padding:0;border:1px solid #CCC} #fullmaincol img {margin-left:5px; border:1px solid #CCC} #featureright .sourcecaption, #fullmaincol .sourcecaption {font-size:.82em; color:#5477A7; font-weight:normal; width:80px;padding-right:.2em;} #fullmaincol .sourcecaption {padding:0 .2em 0 .5em; margin:0!important;} #middlewrapright .sourcecaption {font-size:.6em; color:#5477A7; font-weight:normal; width:80px;padding-right:.2em;} #featureright .caption {font-size:.82em; color:#5477A7; font-weight:normal;} #featureright .captiondate {font-size:.88em!important;color:#999;} #featureright h3 {font-size:1em;} #featureright h4 {font-size:.98em;margin-bottom:0!important;} #featureright .newsitem, #fullmaincol .newsitem, #middlewrapright .newsitem {margin: 0 0 .5em 0;} #featureright .photocaption, #fullmaincol .photocaption, #middlewrapright .photocaption {float:left;margin-bottom:.2em; margin-top:.3em;} #middlewrapright p.sourcecaption {margin-bottom:.2em!important;} #featureright ul.loe {font-size:.96em!important;width:300px;} /************ Tabs for Secondary Landing Page Sidebars ************/ .child_sidebarcontainer{background:transparent url(/imgs/backgrounds/childtabgradient.png) repeat-x;overflow:hidden; list-style: none;padding:0em; zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */clear:both;} *:first-child+html .child_sidebarcontainer {padding-top:.8em;} #child_sidebarwrap {width:280px;float:right;margin:-.6em 1em 1em auto;padding:0; font-size:.68em;} #child_sidebarwrap .ui-tabs .ui-tabs-panel {padding:.7em .5em .5em .5em;margin:.8em!important; display: block; border-width: 0; background:#fff;} #child_sidebarwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: .1em; border-bottom-width: 0;background:#CEE9D6!important;margin-bottom:-.1em;border:0;} #child_sidebarwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #child_sidebarwrap .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #child_sidebarwrap .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#CEE9D6!important;} .child_sidebartabs {list-style: none;margin: 0 auto;padding: 0;zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:0; clear:both;} #child_sidebarwrap .ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; background:#EFEFEF!important} #child_sidebarwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#505050;} .child_sidebartabs ul.tabtitles {margin:0; font-size:1em!important;font-size:0.96em !important;} .child_sidebartabs ul.tabtitles li {display: inline; list-style:none;margin:0em .3em 0 0!important;} .child_sidebartabs ul.tabtitles li a {padding:5px;color:#7F7F7F;text-decoration: none;float:left;display: block; font-weight:bold;} .child_sidebartabs .ui-tabs .ui-state-hover {background:#CEE9D6!important;border-bottom:0px;} .child_sidebartabs .ui-tabs .ui-state-default {background:#CEE9D6!important;} .child_sidebartabs object {margin:0 auto;padding:0em} .child_sidebartabs img {margin: 0 5px 0 0;padding:0;border:1px solid #CCC} .child_sidebartabs .caption {font-size:.82em; color:#5477A7; font-weight:normal;} .child_sidebartabs h3 {font-size:1em;} .child_sidebartabs h4 {font-size:.98em;margin-bottom:0!important;} #gfeeder {font-weight:normal;} .gfc-title {font-weight:bold;} .gfc-resultsHeader {border-bottom:0px solid #E9E9E9!important;} .gf-title {font-weight:bold;} .gf-snippet {} .lh font a font {margin-left:.5em;} object.ytvideo { width: 250px; height:200px; } .ytvideoitem { background: #fff; margin: 0; width: 250px; } .trighttabcontain {background:transparent url(/imgs/backgrounds/ltbluegradientright.png) repeat-x;overflow:hidden; list-style: none;padding:0em; zoom: 1;/* overflow: hidden; bug fix for scroll caused by tabs */clear:both;} *:first-child+html .trighttabcontain {padding-top:.8em;} /* Customize the UI tabs for landing page */ #bottomwrap .ui-tabs .ui-tabs-panel {padding: 1em; display: block; border-width: 0; background: none;} #bottomwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#C4C4C4 /*#EFEFF1*/!important;margin-bottom:-.1em;border:0; } #bottomwrap .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #bottomwrap .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #bottomwrap .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#C4C4C4!important} .bottomtabs {list-style: none;margin: 0 auto;padding: 0;zoom: 1;width:815px!important;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:.5em; clear:both; font-size:.68em; font-weight:bold;} .bottomtabs ul.tabtitles {margin:0} .bottomtabs ul.tabtitles li {display: inline; list-style:none;margin-bottom:0em!important;} .bottomtabs ul.tabtitles li a {padding:5px;color:#505050;text-decoration: none;float:left;display: block;} .bottomtabs .ui-tabs .ui-state-hover {background:#EFEFF1!important;border-bottom:0px;} .bottomtabs .ui-tabs .ui-state-default {background:/*#FBFBFB*/#F8F8F8;} .bottomtabcontain {background:url(/imgs/backgrounds/ltgraygradient.png) repeat-x;width:815px!important; overflow: hidden; /* bug fix for scroll caused by tabs */zoom: 1; clear:both; margin:0 auto 0 auto;padding:0; font-weight:normal;} .bottomtabcontain img {margin: 0 5px 0 5px;padding:0;} .tabcol {float:left;} .topics {width:153px;/*5 columns*/} .resources {width:194px;/*4 columns*/} .getinvolved {width:194px;/*4 columns*/} .socialmedia {width:194px;/*4 columns*/} .bottomtabcontain .tabcol {background:#fff; margin:0 .5em 0 0em;padding-top:.3em;} .bottomtabcontain .lastcol {margin:0!important;} .bottomtabcontain .tabcol ul {margin:0;padding:0;} .bottomtabcontain .tabcol ul li {padding:.3em .8em .3em .3em;margin:0 .3em;border-bottom:1px dotted #999;} .bottomtabcontain .tabcol ul li a {color:#505050;text-decoration: none; } .bottomtabcontain .tabcol ul li a:hover {color:#FF6600;} .bottomtabcontain .tabcol ul li.last {border-bottom:0;} .bottomtabcontain .tabcol p {padding:.3em .8em .3em .3em;margin:0 .3em;} .bottomtabs .tabcol object {margin:0 auto;padding:.5em} .bottomtabs .tabcol .caption {font-size:.82em; color:#5477A7} /* footer */ #footer {width:840px!important;font-size:.6em;text-align:center;background:#EEEEEE /*url(/imgs/backgrounds/footergradient.png)*/; font-family:Tahoma,Geneva,sans-serif;padding:.5em; margin:0 auto;border-top:1px solid #EBEFF5; margin-top:2em;} #footer ul {margin: 0;padding:.7em 0 0 0 ;vertical-align:middle;} #footer ul li.first {background:none;} #footer ul li.addthis {background:none;padding-left:0em} #footer ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:1.5em;padding-right: .8em;display:inline;color:#666} /*#footer ul li:before {content: "\0020 \0020 \0020 \25a0 \0020";color:#fff;}*/ #footer a{text-decoration:none;text-align:center; color:#666;} #footer a:hover{text-decoration:underline; color:#FF6600;} /* Styles for secondary pages */ /*** Begin area titles ***/ #banner .areatitle {background:transparent url(/imgs/backgrounds/transbg.png) repeat scroll 0 0;bottom:0px;left:0;padding:.8em;position:absolute; color:#fff!important; font-weight:bold; font-size:1.1em;width:100%!important; } #banner .areatitle a {color:#fff!important; text-decoration:none;} #banner .areatitle a:hover {color: #F47B29!important; text-decoration:underline;} /*ie7 fix*/ *:first-child+html #banner .areatitle {position:absolute;font-size:1.1em;bottom:3px!important; width:796px!important;} /*** End area titles ***/ #maincontent {width:820px; padding:0; overflow:hidden;margin:0 auto 0 auto;clear:both; font-size:.82em;color:#333} #maincontent #banner {width:820px;padding:0; margin:0;position:relative;} #maincontent #banner .pillars {padding:0; font-size:.78em;width:820px ;clear:both;} #maincontent #banner .column {width:152px!important; float:left; margin:0 .4em 0 .4em;padding:0;background:#fff;} /*ie 7 fix */ *:first-child+html #maincontent #banner .column {width:152px!important; float:left; margin:0 .4em -.8em .4em;padding:0;background:#fff;} #maincontent #banner .lastcol {margin:0 0 0 .5em;} #maincontent #banner .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:34px;width:152px; height:28px;position:relative;font-size:.79em; margin-bottom:-2em;display:table; font-size-adjust:.50;} /*ie6 fix*/ *html #maincontent #banner .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:37px;width:145px; height:28px;position:relative;font-size:.79em; margin-bottom:-2.5em;display:table;} /*ie6 fix*/ *html #maincontent #banner .loetxt .column .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:45px;width:144px!important; height:36px;position:relative;font-size:.79em; margin-bottom:-2.5em;display:table;} #maincontent #banner .loetxt .pillartitle {background:url(/imgs/backgrounds/ortransbg.png) 0 0;padding:.3em;color:#fff;bottom:42px;width:152px; height:36px;position:relative;font-size:.79em; margin-bottom:-3em;display:table;} /*ie7 fix*/*:first-child+html #maincontent #banner .loetxt .pillartitle {bottom:45px;} /* ie7fix */*:first-child+html #maincontent #banner .pillartitle {bottom:37px;} #maincontent #banner .pillartitle a {color:#fff; font-weight:bold; text-decoration:none;vertical-align:middle;display:table-cell;} #maincontent #banner .pillartitle a:hover {color:#fff;text-decoration:underline;} #maincontent #breadcrumb {margin:.6em 0 .8em 0; padding:0;} #maincontent #breadcrumb a {text-decoration:none;color:#666;} #maincontent #breadcrumb a:hover {text-decoration:underline;color:#FF6600;} #maincontent .title {background:#5477A7;color:#fff; padding:.3em;font-weight:bold; margin:0 0 .5em 0; border:0} #maincontent #leftmaincol {width:175px; float:left} #maincontent #leftmaincol .titlem #maincontent #leftmaincol .title a {background:#5477A7;color:#fff!; padding:.3em;font-weight:bold; margin:0; border:0} #maincontent #rightmaincol {width:630px; float:right} #maincontent #rightmaincol .title, #maincontent #rightmaincol .title2, #maincontent #rightmaincol .title a {background:#859EC0;color:#fff;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0} #maincontent #rightmaincol .title3 {background:#f5f5ef;color:#000;padding:.3em;font-weight:bold; margin: 0 0 .5em 0; border:0} #maincontent p {margin:.8em .6em;} #maincontent #rightmaincol ul li, #maincontent #fullmaincol ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat;padding:0 0 0 .8em;margin:1em 1em 1em 2em;} #maincontent #rightmaincol ul li.header, #maincontent #fullmaincol ul li.header {background:#EFF4FC;padding:.6em;margin:1em .5em 1em .5em;color:#333; font-weight:bold;border:1px solid #D1DFEF;} #maincontent #rightmaincol ul li.header ul li, #maincontent #fullmaincol ul li.header ul li {font-weight:normal;} #maincontent #rightmaincol ol li, #maincontent #fullmaincol ol li {list-style:inherit; padding:0;margin:1em 0 1em 3em;background:none!important;} ul#aboutmenu {margin:0;padding:0;color:#F47B29;font-family: tahoma,verdana, geneva, sans-serif;} #maincontent .mainpic {margin:0 1em .5em .5em} #maincontent .boxpic {margin:0 .5em 1em 0em} .marginr {margin-right:1em;} .marginl {margin-left:1em;} .paddingb {padding-bottom:1em;} #rightmaincol .caption {font-size:.82em;color:#5477A7;} .plainbox {border: 1px solid #CCCCCC;} .smallertxt {font-size:.85em;} #maincontent #rightmaincol h1, #maincontent #rightmaincol h2, #maincontent #rightmaincol h3, #maincontent #rightmaincol h4, #maincontent #rightmaincol h5, #maincontent #rightmaincol p, #maincontent #fullmaincol h1, #maincontent #fullmaincol h2, #maincontent #fullmaincol h3, #maincontent #fullmaincol h4, #maincontent #fullmaincol h5, #maincontent #fullmaincol p {margin-left:.5em;} #maincontent #rightmaincol div.feedblock, #maincontent #fullmaincol div.feedblock {border:1px solid /*#E8E8E8 #ccc #859EC0*/ #D1DFEF; background:#EFF4FC; padding:.5em;margin:0 0 .5em 0em;} #maincontent #rightmaincol div.feedblock h3, #maincontent #rightmaincol div.feedblock h4, #maincontent #fullmaincol div.feedblock h3, #maincontent #fullmaincol div.feedblock h4 {color:#0D499C;} #maincontent #rightmaincol div.feedblock h4.title, #maincontent #fullmaincol div.feedblock h4.title,#maincontent #rightmaincol div.feedblock h3.title, #maincontent #fullmaincol div.feedblock h3.title {margin-left:0;color:#fff; background:#859EC0!important;} #maincontent #rightmaincol .low {margin:8em 0 .5em 0em!important;} #maincontent #rightmaincol div.feedblock h3, #maincontent #fullmaincol div.feedblock h3 {color:#0D499C;} .feedblock .captiondate {color:#37567F;} #maincontent #rightmaincol div.center_group {width:415px;} /* About the OAS left-hand navigation */ ul#aboutmenu li{/*background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat;*/font-size:.9em;margin:0;padding:.5em; border-bottom:1px dotted #ccc;} ul#aboutmenu li ul li {padding:.5em .5em .7em .7em;} ul#aboutmenu li.selected ul li {padding:.5em .5em .6em .7em} ul#aboutmenu li.last {border-bottom:0!important;padding:.5em .5em .7em .6em!important;} ul#aboutmenu li.odd {background:#EFF4FC;color:#333;} ul#aboutmenu li.even {background:#E3E9F0;color:#333;} ul#aboutmenu li ul li.even, ul#aboutmenu li ul li.odd {background:none;} ul#aboutmenu a {text-decoration:none;text-align:center; color:#333;} ul#aboutmenu a:hover{text-decoration:underline; color:#FF6600;} ul#aboutmenu li.selected {/*background:url(/imgs/gray_bullet.gif) 0 .5em no-repeat;color:#F47B29;*/color:#333;cursor:auto;font-size:.91em;font-weight:bold;margin:0; background:#D1DBE9!important} ul#aboutmenu li.selected ul, ul#aboutmenu li ul {margin-top:.3em!important;} ul#aboutmenu li.selected ul li.selected {background:#DC6F25!important;font-weight:bold;} ul#aboutmenu li.selected ul li.selected ul li, ul#aboutmenu li.selected ul li.selected ul li.selected {font-size:1em!important;} ul#aboutmenu li.selected ul li.selected ul li.selected a {color:#333!important;font-weight:bold!important; } ul#aboutmenu li.selected ul li.selected a {color:#fff!important;font-weight:bold;} ul#aboutmenu li.selected ul li.selected ul li a, ul#aboutmenu li ul li ul li {font-weight:normal!important;font-size:1em!important;} ul#aboutmenu li.selected ul li, ul#aboutmenu li ul li {font-weight:normal;border-bottom:1px dotted #fff!important;padding-top:.5em;} ul#aboutmenu li.selected ul li.selected.last {border-bottom:0!important;padding:.6em .5em .8em .7em!important;} ul#aboutmenu li ul li.last {border-bottom:0!important;padding:.6em .5em .6em .7em!important;} /* Protocol nav hilite based on body class */ .proto_main #aboutmenu li.proto_main, .diplo_proces #aboutmenu li.diplo_proces, .dir_missions #aboutmenu li.dir_missions, .use_main_build #aboutmenu li.use_main_build, .procedure_manual #aboutmenu li.procedure_manual, .proto_exec_order #aboutmenu li.proto_exec_order{color:#333;cursor:auto;font-size:.91em;font-weight:bold;margin:0; background:#D1DBE9!important} /* Protocol Nav subs */ .visas #aboutmenu li.visas, .accreditations #aboutmenu li.accreditations, .drivelic #aboutmenu li.drivelic, .taxexempt #aboutmenu li.taxexempt, .emplauth #aboutmenu li.emplauth, .termfunc #aboutmenu li.termfunc, .allforms #aboutmenu li.allforms, .use_photo_gallery #aboutmenu li.use_photo_gallery {font-weight:bold!important;background:#DC6F25!important} /* white a:link */ .visas #aboutmenu li.visas a, .accreditations #aboutmenu li.accreditations a, .drivelic #aboutmenu li.drivelic a, .taxexempt #aboutmenu li.taxexempt a, .emplauth #aboutmenu li.emplauth a, .termfunc #aboutmenu li.termfunc a, .allforms #aboutmenu li.allforms a, .use_photo_gallery #aboutmenu li.use_photo_gallery a {color:#fff!important;} .arrowtop {background:url(/imgs/icons/arrow_top.gif) right .6em no-repeat!important;padding:0 1em 0 0; font-weight:bold;} /* Customize the UI tabs for secondary pages */ .pagetabs {list-style: none;margin:0 0 0 .5em;padding: 0;zoom: 1;width:630px;/* overflow: hidden; bug fix for scroll caused by tabs */margin-top:0; clear:both; font-size:.9em;font-weight:normal} .pagetabs ul.tabtitles {margin:0;font-size:1em;} .pagetabs ul.tabtitles li {display: inline; list-style:none;margin-bottom:0em!important;} .pagetabs ul.tabtitles li a {padding:5px;color:#505050;text-decoration: none;float:left;display: block;} .pagetabs.ui-tabs .ui-state-hover {background:#EFEFF1!important;border-bottom:0px;} #fullmaincol .ui-tabs .ui-state-default, #rightmaincol .ui-tabs .ui-state-default {background:#F7F7F7!important;} #fullmaincol .ui-tabs .ui-tabs-nav li.ui-tabs-selected, #rightmaincol .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom-width: 0;background:#E3E9F0 /*#EFEFF1*/!important;margin-bottom:-.1em;border:0; font-weight:bold; } #fullmaincol .ui-tabs .ui-tabs-nav li, #rightmaincol .ui-tabs .ui-tabs-nav li {margin:0 0.3em -1px 0em!important;padding:0!important;} .pagetabcontain .ui-tabs, .pagetabcontain .ui-tabs-panel {padding: .5em!important; display: block; border-width: 0; background: none;} #fullmaincol .pagetabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, #rightmaincol .pagetabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;background:#E3E9F0} .pagetabcontain {background:#E3E9F0;width:620px;overflow: hidden; /* bug fix for scroll caused by tabs */zoom: 1; clear:both; padding:0em; margin:0 0 1em 0;font-size:1em; font-weight:normal;} #fullmaincol .pagetabcontain {width:808px!important;} .pagetabcontain img {margin:5px;padding:0;} .pagetabcontain .tabcol {float:left;} .pagetabcontain .tabcolthree {width:33%;float:left;} .pagetabcontain .tabcolfour {width:25%;float:left;} .pagetabcontain ul {margin:0;padding:0;} .pagetabcontain ul li {padding:.3em;margin:1em;} .pagetabcontain ul li a {color:#505050;text-decoration: none; } .pagetabcontain ul li a:hover {color:#FF6600;} .pagetabcontain ul li.last {border-bottom:0;} .pagetabcontain h1, .pagetabcontain h2, .pagetabcontain h3, .pagetabcontain h1, .pagetabcontain h5 {margin-left:.5em; color:#5477A7} .pagetabcontain h1 {font-size:1.5em;margin:.3em auto 0em auto} .pagetabcontain h2 {font-size:1.4em;margin:.3em auto 0em auto} .pagetabcontain h3 {font-size:1.3em;margin:.3em auto 0em auto} .pagetabcontain h4 {font-size:1.2em;margin:.3em auto 0em auto} .pagetabcontain p {padding:.3em .3em .3em .5em!important;margin:0 0 0 .3em!important;} .pagetabcontain .ui-tabs-panel .leftcollist {width:50%;float:left} .pagetabcontain .ui-tabs-panel .rightcollist {width:50%; float:right;} .pagetabcontain table {width:auto;} #fullmaincol .pagetabcontain table {width:100%!important;} .leftcollist {width:50%;float:left} .rightcollist {width:50%; float:right;} .relatedlinks {width:200px;border:1px solid #F47B29;margin:0 0 1em .3em;} .noborder {border:0!important;} .relatedlinks .title {font-size:.9em;background:#F47B29!important;} .relatedlinks p {margin:.3em 0 .3em 0} .relatedlinks ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em .5em .5em .5em!important;padding:.2em .2em .2em .8em;} .relatedlinks .footline, .rellinksblue .footline {border-bottom:1px solid #333;width:90px} .relatedlinks .footnote, .rellinksblue .footnote {font-size:.75em;} .relatedlinks .footnote sup, .rellinksblue sup {font-size:.79em;vertical-align:super;} .relatedlinks h1, .rellinksblue h1, .relatedlinks h2, .rellinksblue h2, .relatedlinks h3, .rellinksblue h3{margin:0!important; } .relatedlinks .caption, .rellinksblue .caption {font-size:.72em;} .rellinksblue {width:200px;border:1px solid #274D7F!important;margin:0 0 .3em .3em;} .rellinksblue .title {font-size:.9em;background:#274D7F!important;} .relatedlinksmiddle ul {margin: 0;padding:0em 0 0 0 ;vertical-align:middle; text-align:center;} .relatedlinksmiddle ul li {background:url(/imgs/orange_bullet.gif) no-repeat left .4em; padding-left:1.0em;padding-right: 1.5em;display:inline;color:#666} .relatedlinksmiddle a{text-decoration:none;text-align:center; } .relatedlinksmiddle a:hover{text-decoration:underline; color:#FF6600;} .boxblue {border:1px solid #D1DFEF;margin:0 0 .3em .3em;background:#EFF4FC;} .boxblue h3, .boxblue h4 {color:#0D499C;padding:.5em; background:#E3E9F0; margin:0!important;} .boxblue .title {font-size:.9em;background:#EFF4FC!important;} .boxblue p {margin:.3em 0 .3em 0; padding:.5em;} .boxblue ul li {background:url(/imgs/orange_bullet.gif) 0 .6em no-repeat!important;margin:.5em 0 .5em 1.5em!important;padding:.2em .2em .2em .8em!important;} .boxblue h1.titleorange, .boxblue h2.titleorange, .boxblue h3.titleorange, .boxblue h4.titleorange {color:#F60!important;} .halfwidth {width:47.5%;} .footline {border-bottom:1px solid #333;width:250px} .footnote {font-size:.85em;} .footnote sup {font-size:.88em;vertical-align:super;} /* for Google Map */ #map_canvas {width:100%; height:420px;margin-top:1em;margin-bottom:1em;margin-left:.5em;} /* for Newsletters */ #mc_embed_signup {border:1px solid #CCC; padding:.5em;} #mc_embed_signup legend {font-weight:bold; color:#DC6E24; padding:0 .5em .3em 0;} /* ie7 hack*/*:first-child+html #mc_embed_signup legend {font-weight:bold; color:#DC6E24; padding:0; margin:.5em 0 0 -1em;} #mc_embed_signup div {margin: .4em 0 .4em 0;} #mc_embed_signup .indicate-required {margin: .8em 0 0 0;} #mc_embed_signup .indicate-required, #mc_embed_signup .mce_inline_error, #mc_embed_signup .note-required{font-weight:bold;color:#C00} #mc_embed_signup ul li {background:none!important;margin:.5em!important;} #mc_embed_signup div.input-group input {vertical-align:middle!important} #mc_embed_signup div.input-group label {margin:0 0 0 .3em;} #mc_embed_signup .mc-field-group {margin-bottom:.8em; clear:both!important;} #mc_embed_signup label {margin-bottom:.8em;} #mc_embed_signup select {padding:.3em!important;margin:0 1.5em 0 0!important;z-index: 999;} /** campaign archives **/ .campaign {line-height: 125%; margin: 5px;} /* for pics */ #rightmaincol .threecols, #fullmaincol .threecols, #rightmaincol .fourcols, #fullmaincol .fourcols {width:auto; margin:0 0 2em 0em!important;} #rightmaincol .twocols {width:290px; margin:0 0 2em 0em!important;} #rightmaincol .single {margin:0 0 2em 0em!important;} #rightmaincol .threecols .col1 {width:195px; float:left; margin:0 1.1em 0 0;} #rightmaincol .threecols .col2 {width:195px; float:left;margin:0 .8em 0 0;} #rightmaincol .threecols .col3 {width:195px; float:left;margin:0;} #rightmaincol .fourcols .col1 {width:150px; float:left; margin:0 .5em 0 0;} #rightmaincol .fourcols .col2 {width:150px; float:left;margin:0 .5em 0 0;} #rightmaincol .fourcols .col3 {width:150px; float:left;margin:0 .5em 0 0;} #rightmaincol .fourcols .col4 {width:150px; float:left;margin:0;} #fullmaincol .threecols .col1 {width:260px; float:left; margin:0 1.1em 0 0;} #fullmaincol .threecols .col2 {width:260px; float:left;margin:0 .8em 0 0;} #fullmaincol .threecols .col3 {width:260px; float:left;margin:0;} #fullmaincol .fourcols .col1 {width:203px; float:left; margin:0 .5em 0 0;} #fullmaincol .fourcols .col2 {width:196px; float:left;margin:0 .5em 0 0;} #fullmaincol .fourcols .col3 {width:196px; float:left;margin:0 .5em 0 0;} #fullmaincol .fourcols .col4 {width:196px; float:left;margin:0;} .txtcenter {text-align:center;} .txtleft {text-align:left;} .txtright {text-align:right;} .chartvline {border-right:1px solid #333; height:60px;width:1px;margin:0 auto;} /* some tabular formatting */ table {border:1px solid #DFDFDF;background:#fff;margin-bottom:.5em;border-collapse: collapse;margin-top:.5em;} td,th {border-left:1px solid #DFDFDF;font-size:.90em} th {border-bottom:1px solid #DFDFDF;padding:.3em;font-weight:bold; background:#DFDFDF;vertical-align:top;margin:0;} td {vertical-align:top;font-size:.95em;padding:.3em;margin:0;} .border {border-bottom:1px solid #DFDFDF!important;} .left th,.left td {text-align:left} .right th, .right td {text-align:right;} .center th, .center td {text-align:center} table .grid {border:1px solid #DFDFDF;} table .color1 {background:#E3E9F0} table .color2 {background:#EFF4FC} table .color3 {background:#D1DDEF;} table tr.odd {background:#EFF4FC;color:#333;} table tr.even {background:#E3E9F0;color:#333;} /*.tabhov tr:hover {background:#FFE6BF;}*/ .foot {border-top:1px solid #999;} /* remove borders for DNN layout */ .dnn {border:0px;} .dnn tr.odd {background:none;} .dnn tr.even {background:none;} .dnn .grid {border:0px;} .dnn td,.dnn th {border-left:0px} .dnn th {border-bottom:0px; background:none;} #topicswrap {width:100%; margin:0 auto;} .topicscol {float:left;padding:.8em;text-align:left;width:21%;margin:0 .5em 0 0; background:#f4f4f4; border:1px solid #ccc} .topicscol h4 {color:#F47D2C} #topicswrap .first {margin:0 .5em 0 .5em!important;} #topicswrap .last {margin:0!important} /*ie7 fix*/*:first-child+html .topicscol {float:left;padding:10px;text-align:left;width:21.5%;} /* style the news center iframe */ /* iframe {border:0;border:0!important;padding:0!important;margin:0!important;/*(height: expression(parseInt(document.body.offsetHeight)-(75+20))*/ /* height: 100%;width: 100%;overflow-x: hidden;} */ iframe table {padding:0!important;} #pr_frame1 {width:435px;float:left;} #pr_frame2 {width:175px;height:auto!important;} .middlecol {float:left;width:435px} .mediarelated {width:175px!important;border:1px solid #F47B29;margin:.6em 0em .3em .3em!important;} .mediarelated .title {font-size:.9em;background:#F47B29!important;} .mediarelated .title2, .mediarelated .title3 {font-size:.9em;} .mediarelated p {margin:.3em 0 .3em 0} .mediarelated ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em 3em .5em .5em!important;padding:.2em .2em .2em .8em;} /* noscript friendly message */ .noscript-message {background:#FCE9C0 url(/imgs/icons/exclamation.png) 50px 20px no-repeat ;border-top:1px solid #5477A7;border-bottom:1px solid #5477A7;padding: 15px 10px 15px 80px; margin-bottom:.5em; font-size:.8em;} .noscript-message p{margin:.5em 0 .5em 0;} /*FAQ text size*/ #frmConsulta table td {font-size:.8em;} /***************** Safari and Opera fixes ****************************/ /* Target Safari 4.0.x Only */ @media screen and (-webkit-min-device-pixel-ratio:0) { #rotator div.slide .caption {background:transparent url(/imgs/rotator/transbg.png) repeat scroll 0 0;left:4px;bottom:1px!important;padding:0;position:absolute;color:#fff;width:500px;} #rotator div.slide .caption {margin:.3em 0em 0 0; padding:.2em 0 .2em 0;} #maincontent #banner .pillartitle {height:34px;bottom:34px; width:100%!important;margin-left:.4em;} #middlewrapleft .loetxt .pillartitle {height:46px;} #middlewrapleft {height:210px!important;} /*{height:190px!important;}*/ #middlewrapleft .loetxtfr .pillartitle {height:47px;} #maincontent #banner .loetxt .pillartitle {height:42px;} ul#rollover {position:relative; overflow:hidden;margin:.6em 0 0 0!important;} #rotator-nav li a {font: bold .59em verdana,arial; background:#859EC0; text-decoration: none; margin: 0 4px 0 0; padding: 3px 5px; color:#fff!important;font-size-adjust:.50!important;} #footer .socialicons {margin:1em 300px !important;}} /* Target Opera 9.6.x Only */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { head~body #middlewrapleft .pillartitle {height:36px; width:145px;} head~body #maincontent #banner .pillartitle {height:34px;width:143px;} head~body #middlewrapleft .loetxt .pillartitle {height:46px;} head~body #middlewrapleft .loetxtfr .pillartitle {height:47px;} head~body #maincontent #banner .loetxt .pillartitle {height:42px;} .resources {width:193px;/*4 columns*/} .getinvolved {width:193px;/*4 columns*/}} .topicon {margin-top:.15em; margin-left:.25em} @media print { #landingleft{float:left;width:540px; } #landingright{float:right;width:290px;} body, #page, #maincontent, .slogan {color:#000;background:#fff none!important;} a, a:hover {color:#666;} p {color:#333;} #page {width:635pt!important;margin:0;} #featurewrapleft {overflow:visible;width:390pt!important;margin:0 0 1em 0;float:left!important;} #featurewrapright {overflow:visible;width:215pt!important;margin:0 0 .5em 0;float:right!important;} #middlewrapleft {overflow:visible;width:380pt!important;margin:0 0 .5em .8em;float:left!important;} #middlewrapright {overflow:visible;width:210pt!important;margin:0;background:#fff!important; } .cycler {width:612pt!important;padding:0; text-align:left; position:relative;margin:0;font-family:verdana, Geneva, sans-serif;} #rotator div.slide .caption {width:500px;margin-top:0em; margin-right:0em; padding:0;font-size:.9em;} #rotator div.slide .caption {color:#fff!important;} #rightmaincol{width:612pt!important; float:none!important;margin-left:0px;} #maincontent {width:612pt; padding:0; overflow:visible;margin:0 auto 0 auto;clear:both; font-size:.82em;color:#333; float:none} #maincontent #banner {width:612pt;padding:0; margin:0;} #maincontent #banner .pillars {background:#fff;padding:0; font-size:.75em;width:612px;clear:both;margin:0;} #maincontent #banner .column {width:124px!important; float:left; margin:0 .4em 0 0em;padding:0;} #maincontent #banner .pillartitle {padding:.3em;color:#000;width:124px; height:28px;position:relative;font-size:.79em; display:table;} #maincontent #banner .pillartitle a {color:#000; background:#fff;font-weight:bold; text-decoration:none;vertical-align:middle;display:table-cell;} #maincontent #banner .pillartitle a:hover {color:#000;background:#fff;text-decoration:underline;} #mainlangbar, #screenlogo, #globsearch, #globalnav, .sf-menu, #navicon,.jquery_corner div, #leftmaincol{display:none!important;} ul#rollover {position:relative;overflow:hidden;margin:.4em 0 0 0;} ul#rollover li {border-bottom:1px dotted #D2DBE7;font-size:0.73em; font-weight:bold;background:#fff;font-family:Arial, Helvetica, sans-serif;} ul#rollover li p {margin:0 280px 0 0!important;} ul#rollover li p a {display:block;border:0;overflow:hidden; margin:0;padding:.5em;} ul#rollover li img {display:block} ul#rollover li a:hover img, ul#rollover li.activeRoll img { display:none} ul#rollover li p a:link, ul#rollover li p a:visited {text-decoration:none;color:#000;} ul#rollover li p a:hover, ul#rollover li.activeRoll p a { background:#fff;margin:0; padding:.5em;border:0;/* Cleanup of default hover */color:#333; } /* ie7 hack*/*:first-child+html ul#rollover li a {padding:.5em;} /* ie7 hack*/*:first-child+html ul#rollover {position:relative; overflow:hidden;margin:.4em 0 0 0;padding-top:.4em;} /* ie7 hack*/*:first-child+html ul#rollover img {display:none;} /* ie6 hack*/*html #maincontent ul#rollover li a {padding:.5em;} /* ie6 hack*/*html ul#rollover {position:relative; overflow:hidden;margin:.4em 0 0 0} /* ie6 hack*/*html ul#rollover img {padding-top:.5em;} #leftmaincol {width:0!important;} .relatedlinks {width:200px!important;border:1px solid #F47B29;margin:0 3em .3em .3em!important;} .relatedlinks .title {font-size:.9em;background:#F47B29!important;} .relatedlinks p {margin:.3em 0 .3em 0} .relatedlinks ul li {background:url(/imgs/orange_bullet.gif) 0 .5em no-repeat!important;margin:.5em 3em .5em .5em!important;padding:.2em .2em .2em .8em;} #printlogo {display:block;} /* for pics */ #rightmaincol .threecols{margin:0 auto 2em 7em!important; } #rightmaincol .fourcols {margin:0 auto 2em auto!important; } #rightmaincol .twocols {width:290px; margin:0 0 2em 0em!important;text-align:center;} #rightmaincol .single {margin:0 0 2em 0em!important;text-align:center;} #rightmaincol .threecols .col1 {width:195px; float:left; margin:0 1.1em 0 0;} #rightmaincol .threecols .col2 {width:195px; float:left;margin:0 .8em 0 0;} #rightmaincol .threecols .col3 {width:195px; float:left;margin:0;} #rightmaincol .fourcols .col1 {width:150px; float:left; margin:0 .5em 0 0;} #rightmaincol .fourcols .col2 {width:150px; float:left;margin:0 .5em 0 0;} #rightmaincol .fourcols .col3 {width:150px; float:left;margin:0 .5em 0 0;} #rightmaincol .fourcols .col4 {width:150px; float:left;margin:0;} .txtcenter {text-align:center;} .txtleft {text-align:left;} .txtright {text-align:right;} .chartvline {border-right:1px solid #333; height:60px;width:1px;margin:0 auto;} } .listbg { /*padding-left: 20px;*/ margin-left: 9px; padding-left: 0px; width: 505px; } .leftarrow_box { width:25px!important; height:130px!important; text-align:right!important; /*padding-top:28px!important*/; } .rightarrow_box { /*padding-top:28px!important;*/} .coltaboutreach { float: left; margin-right: 24px; width: 157px !important; display:block; } .coltaboutreach h4 a{ text-decoration:none; color:#000000; } .coltaboutreach a{ text-decoration:none; color:#666; } .coltaboutreach a:hover{ text-decoration:underline; } .coltaboutreach h4 { background-color: #FFFFFF; border-bottom: 4px solid #B2B2B2; font-size: 14px; font-weight: bold; margin-bottom: 6px; padding: 0px 0 6px; } .coltaboutreach ul { padding:0px; margin:0px; } .coltaboutreach ul li { font-size: 11px; line-height: 14px; margin-bottom: 3px; padding: 0; margin:0px; list-style-type: none; color:#999 !important; } .coltaboutreach.lastx { margin-right: 0px !important; } .coltaboutreach2 { float: left; margin-right: 22px; /*31px;*/ width: 105px !important; display:block; } .coltaboutreach2 h4 a{ text-decoration:none; color:#000000; } .coltaboutreach2 a{ text-decoration:none; color:#666; } .coltaboutreach2 a:hover{ text-decoration:underline; } .coltaboutreach2 h4 { background-color: #FFFFFF; /*border-bottom: 4px solid #B2B2B2;*/ font-size: 10px; font-weight: bold; margin-bottom: 6px; margin-top: 4px; text-align:center; /*new*/ padding: 0px 0 6px; } .coltaboutreach2 ul { padding:0px; margin:0px; } .coltaboutreach2 ul li { font-size: 9px; line-height: 14px; margin-bottom: 3px; padding: 0; margin:0px; list-style-type: none; color:#999 !important; } .coltaboutreach2.lastx { margin-right: 0px !important; } .coltaboutreach3 { float: left; margin-right: 22px; width: 85px !important; display:block; } .coltaboutreach3 h4 a{ text-decoration:none; color:#000000; } .coltaboutreach3 a{ text-decoration:none; color:#666; } .coltaboutreach3 a:hover{ text-decoration:underline; } .coltaboutreach3 h4 { background-color: #FFFFFF; border-bottom: 4px solid #B2B2B2; font-size: 10px; font-weight: bold; margin-bottom: 5px; padding: 0px 0 5px; } .coltaboutreach3 ul { padding:0px; margin:0px; } .coltaboutreach3 ul li { font-size: 9px; line-height: 14px; margin-bottom: 3px; padding: 0; margin:0px; list-style-type: none; color:#999 !important; } .coltaboutreach3.lastx { margin-right: 0px !important; } /* ------------------------------------------------------------------------ Begin prettyPhoto jquery plugin styles ------------------------------------------------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(/imgs/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(/imgs/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(/imgs/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(/imgs/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(/imgs/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(/imgs/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(/imgs/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(/imgs/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(/imgs/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/imgs/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_content_container .pp_left { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_square .pp_content_container .pp_right { background: url(/imgs/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_square .pp_expand { background: url(/imgs/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(/imgs/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(/imgs/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(/imgs/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(/imgs/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav .pp_play { background: url(/imgs/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(/imgs/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(/imgs/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(/imgs/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(/imgs/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(/imgs/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(/imgs/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(/imgs/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(/imgs/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(/imgs/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(/imgs/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(/imgs/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(/imgs/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(/imgs/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(/imgs/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(/imgs/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(/imgs/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(/imgs/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(/imgs/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(/imgs/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(/imgs/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(/imgs/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(/imgs/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(/imgs/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(/imgs/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(/imgs/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(/imgs/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(/imgs/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(/imgs/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(/imgs/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(/imgs/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(/imgs/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(/imgs/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(/imgs/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(/imgs/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(/imgs/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(/imgs/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; position: relative; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; } .pp_gallery li.default a { background: url(/imgs/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(/imgs/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(/imgs/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ------------------------------------------------------------------------ End prettyPhoto jquery plugin styles ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------ Paging style ------------------------------------------------------------------------- */ #paging {text-align:center; margin:20px 0 20px 0;} #paging a {font-size:0.85em; border:1px solid #cccccc; padding:1px 2px 1px 2px;text-decoration:none;, background-color:#f9f9f9;} #paging a.selected {background-color:#f17305; color:#ffffff;} /* ------------------------------------------------------------------------ End Paging style ------------------------------------------------------------------------- */