/* U2548 Prepaid Expo */ /*---------------------------------------------------------------------------- general html ----------------------------------------------------------------------------*/ * { font-family:Arial,Helvetica,sans-serif;} body, p, td, th, input, select, textarea { color:#323035; font-size: 12px; } #preview_warning { display:none; } a:focus { outline: none;} a {color:#00ADE1; text-decoration:none; } a:hover { text-decoration:none; color:#78b4ef;} h1{color:#ff5b00; font-size:18px; padding:0 0 10px 0; margin:0;} h2{color:#ff5b00; font-size:18px; padding:0 0 5px 0; margin:0;} h3{color:#ff5b00; font-size:18px; padding:0; margin:0 0 3px 0;} #body {margin-top: 0px !important; margin:auto; background:url("/upload/wysiwyg/2012-U-Div/U2548/images/Prepaid_body_BG.jpg") no-repeat #FFF top center; } /* messages & errors */ ul.error, ul.message { display:block; border:1px #de0000 solid; margin:5px 10px; padding: 7px 15px 7px 39px; background-image: url(file:///U|/User%20Data/Transfers/for%20Wayne/images/misc/error_icon.gif); background-repeat: no-repeat; background-position: 9px 7px; background-color: #fff; list-style: none; } ul.message { border:1px #3589d3 solid; background-image: url(file:///U|/User%20Data/Transfers/for%20Wayne/images/misc/message_icon.gif); } ul.error li, ul.message li { display: block; color: #de0000; font-weight: bold; background:none; padding: 3px 0; } ul.message li { color: #005fb4; } /*---------------------------------------------------------------------------- named areas ----------------------------------------------------------------------------*/ table.container { width:1020px; margin:auto !important; border-collapse:collapse; background:url("/upload/wysiwyg/2012-U-Div/U2548/images/U2548_Container_BG.png") repeat-y top center;} #a_top { margin:auto; padding:0;} #a_left { width:0; display:none; } #a_main { width:1020px; padding:40px 32px 10px 32px; margin:auto; } #a_right { width:0; display:none;} #a_bottom {margin-top:0; background:url("/upload/wysiwyg/2012-U-Div/U2548/images/U2548_Footer_BG.jpg") no-repeat center bottom; padding:15px 0 0px 0;} /*---------------------------------------------------------------------------- generic portlet ----------------------------------------------------------------------------*/ /* portlet */ .portlet { border:0; margin:0; padding:0; overflow:visible; } /* portlet -> title */ .portlet .title { margin: 0; border-bottom: 0px; background: #9d9361; } .portlet .title h3 { padding: 0px; margin: 2px; font-size: 1.2em; font-weight: bold; color: #ffffff; padding: 4px 4px 4px 0px; background-repeat: no-repeat; background-position: 4px 2px; } /* portlet -> body */ .portlet .body { padding:0; margin:0; } .portlet .body a { color:#00ADE1; text-decoration:none; } .portlet .body a:hover { color:#78b4ef; } /* portlet: error */ .error { border: 1px solid red; margin: 4px; padding: 4px; font-size: 11px; font-family: arial; color: red; background: #ffeeee; } /*---------------------------------------------------------------------------- generic portlet in 'left' and 'right' area ----------------------------------------------------------------------------*/ #a_left .portlet {display:none;} #a_right .portlet {display:none;} /*---------------------------------------------------------------------------- generic portlet in 'main' area ----------------------------------------------------------------------------*/ /* portlet */ #a_main .portlet { border: none; } /* portlet -> title */ #a_main .portlet .title { padding: 4px; margin: 0px; background: none; border: none; } #a_main .portlet .title h3 { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: bold; color: #05418a; background:none; } /* portlet -> body */ #a_main .portlet .body { padding:0; background-color:none;} #a_main .portlet h3 { } /*---------------------------------------------------------------------------- generic portlet in 'top' and 'bottom' area ----------------------------------------------------------------------------*/ /* portlet */ #a_top .portlet, #a_bottom .portlet {} #a_top .p_general_html_area .body { border:0; } /* portlet -> title */ #a_top .portlet .title, #a_bottom .portlet .title { display: none } /*---------------------------------------------------------------------------- generic portlet -> content ----------------------------------------------------------------------------*/ .portlet .body .link { display: block; margin: 8px; text-align:center; font-weight: bold; } .portlet .body .img { text-align: center; } /*---------------------------------------------------------------------------- named portlets ----------------------------------------------------------------------------*/ /* poll */ .p_poll .title h3 { color: #ffffff; } .p_poll .body { background-color:#ffffff; border: 1px solid #b61219; } .p_poll form { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; } .p_poll form fieldset { border: none; margin: 0; padding: 5px 0 0 0; } .p_poll form legend { display: none;} .p_poll .intro { padding: 1px 4px; } .p_poll .question { padding: 3px 4px; font-weight: bold; color: #05418a} .p_poll p.answer { padding: 3px 5px 4px 25px; margin: 0; position: relative; color: #000000} .p_poll p.answer input { position: absolute; top: 0; left: 0 !important; left: -25px; } .p_poll .buttons { margin: 0; padding: 6px 0; text-align: center; } .p_poll .buttons input { margin: 0 4px; } /* banner */ .p_banner img { border:0; display: block; margin:0 0 0 5px; } /* banner in left */ #a_top .p_banner { width: 850px; overflow: hidden; } #a_top .p_banner img { border: none; padding:0; } /* related */ .p_related_events .title h3 { color: #ffffff; } .p_related_events .body { background-color:#ffffff; border: 1px solid #000000; color:#323035;} .p_related_events ul { list-style: none; margin: 0; padding: 2px 0 2px 6px; } .p_related_events ul li { display: block; padding: 6px 5px 6px 15px; } .p_related_events ul li a { color: #000000; } .p_related_events .date { display: block; font-size: 10px; color: #494343; } .p_related_events ul li a img { border:0; margin:0 10px 5px 2px; float:left; } .p_related_events .related_events li a {color:#000000; } .p_related_events .related_events li a:hover {color:#05418a; } /* most popular */ .p_most_popular_events ul { list-style: none; margin: 0; padding: 2px 0 2px 6px; }w .p_most_popular_events ul li { display: block; padding: 6px 5px 6px 15px; } .p_most_popular_events ul li a { color: #000000; } .p_most_popular_events .date { display: block; font-size: 10px; color: #494343; } .p_most_popular_events a img { border:0; margin:0 10px 5px 2px; float:left; } .p_most_popular_events .most_popular { position: relative; } .p_most_popular_events .most_popular div.img { position: absolute; top:0; left:0; width: 172px; overflow:hidden; text-align:left; } .p_most_popular_events .most_popular div.img.first { position:relative; top:auto; left:auto; } /* path */ .p_path { border: none !important; font-size: 0.9em; padding: 2px 4px; } /* download */ .p_download_brochure h3 {color: #ffffff; } .p_download_brochure .body { background-color:#ffffff; } .p_download_brochure .body a { color:#05418a; text-decoration:none; } .p_download_brochure .body a:hover { color:#b61219; text-decoration:underline; } /* send to friend */ .p_send_to_friend .title h3 {color: #ffffff; } .p_send_to_friend .title { } .p_send_to_friend .body {background-color:#ffffff; color:#323035;} .p_send_to_friend .body a { color:#05418a; } .p_send_to_friend .body a:hover {color:#b61219; text-decoration:underline; } /* outlook */ .p_outlook_diary .title h3 {color: #ffffff; } .p_outlook_diary .title { } .p_outlook_diary .body {background-color:#ffffff; color:#9d9361;} .p_outlook_diary .body a { color:#05418a; text-decoration:none;} .p_outlook_diary .body a:hover { color:#b61219; text-decoration:underline;} /* htmlarea */ .p_general_html_area .title h3 {color: #ffffff; } .p_general_html_area .body { padding:0; color:#9d9361; } /* partners */ .p_partners .body {background-color:#ffffff; border:0; color:#000000;} .p_partners .list { list-style-type: none !important; } .p_partners ul { color: #ffffff; margin: 0; padding: 0 4px 0 4px; list-style-type: none !important;} .p_partners ul ul { padding: 8px 0 6px 10px; } .p_partners ul li { font-weight: bold; color: #000000; list-style: none !important;} .p_partners ul li li { font-weight: normal; } .p_partners ul li li p { margin: 0; display: block; } .p_partners ul li li p.name { padding-bottom: 5px; font-weight: bold; color: #444; } .p_partners ul li li a.logo img { border: 0px; } .p_partners ul li li a img { border: 0; } .p_partners ul li li p.desc { padding-bottom: 5px; } .p_partners ul li li p.contact { padding-bottom: 5px; color: #333; } .p_partners .name {text-align: center; margin: 10px 0;} .p_partners .a {width: 80%;} /* slide show: important to set height of portlet body so sponsors logos do not overlap any portlets below it */ .p_slide_show .title h3 { color: #ffffff; } .p_slide_show .body {background-color:#ffffff; border: 1px solid #000000; height:100px; } .p_slide_show .slide_show { position: relative; } .p_slide_show .slide_show div.img { position: absolute; top: 0; left: 0; text-align: center; width: 172px; overflow: hidden; } .p_slide_show .slide_show div.img.first { position: relative; top: auto; left: auto; } .p_slide_show .slide_show .img span { display:block; height: 26px; padding: 5px; overflow: hidden;} /* register */ .p_registration .title h3 { color: #ffffff; } .p_registration .body { padding: 3px 15px; color: #323035; } .p_registration p { margin: 0; padding: 3px 0; text-align: center; color: #323035;} .p_registration .body a { font-weight: bold; color:#725ba7; text-decoration:none; } .p_registration .body a:hover {color:#05418a; text-decoration:underline; } /* document */ .p_main_content {} .p_main_content .body { padding-top:0 !important; margin-top:0 !important; } .p_main_content .title { display:none; } /* .p_event_info */ .p_event_info .body { padding: 10px; } .p_event_info h4, .p_event_info p { margin:0; padding:0; } .p_event_info p.date { color: #494343; padding-top:4px; } /* .p_document_title */ .p_document_title { padding-bottom:0 !important; } .p_document_title .body { padding:0 !important; } .p_document_title .title { display:none; } #a_main .p_document_title h3 {text-align:right; font-size: 1.1em; font-weight: bold; color: #FF0000; margin-bottom:5px; margin-top:0; padding:20px 10px 0px 0px;} /*---------------------------------------------------------------------------- forms ----------------------------------------------------------------------------*/ .form fieldset { border: none; } .form legend { display: none !important; } .login_signup .login { border-bottom: 1px #05418a solid; padding-bottom: 20px; margin-bottom: 20px; } .form p { margin: 0; width: 530px; display: block; margin: 0 auto; padding: 7px 0; position: relative; } .form p label { width: 300px; display: block; text-align: right; } .form p input, .form p select, .form p span.input { position: absolute; top: 4px; right: 15px; font-size: 11px; width: 150px; } .form p select { width: 150px !important; width: 156px; } .form p span.input { font-weight: bold; top: 7px; } .form p textarea { position: absolute; top: 4px; right: 15px; width: 150px; height: 100px; } .form p.textarea { min-height: 95px !important; height: auto !important; height: 100px; } .form .odd { background: #fdfbf9; border: 1px #323035 solid; } .form p.note { text-align: center; font-size: 10px; padding: 8px 0; } .form p.note span { color: #323035; } .form .buttons, .buttons { text-align: center; margin: 0; padding: 5px 0; width: auto !important; } .form .buttons input { position: static; top: auto; right: auto; font-size: 11px; width: auto; } .form .info { padding: 5px 15px; color: #333; } .form p.composed label span { position: static; } .form p.composed span input { position: static; float:left; } .form p.composed span label { width: auto !important; position: static; float:left; margin:2px 1px 0 1px; } .form p.composed span { position: absolute; left: 160px; top:5px; } .form p.phone span input.number { width: 95px !important; } .form p.phone span input.extension { width: 33px !important; } /* select event, my iir users */ .form fieldset .left_col { width: 270px; float: left; border-right: 1px #323035 solid; margin-bottom: -5px !important; margin: -8px 0 -13px 0; padding: 5px 0; } .form fieldset .right_col { width: 240px; float: right; } .form fieldset .left_col div.info, .form fieldset .right_col div.info { width: 210px !important; } .form fieldset div.left_col p { width: auto; background: none !important; } .form fieldset div.left_col .odd { background: none; border: none; } .form fieldset div.left_col p label { width: 70px; } .form fieldset div.left_col p input { left: 80px; } .fb_form {margin:auto; border:1px solid #323035; width:650px; } .fb_form .fb_table {margin:auto; border:none; } .fb_form .fb_field { padding:1em 0 1em 0; background-color:none; } .fb_form .fb_table .fb_odd { background-color:#E9F0F3; } .fb_header { text-align:center; color:#FFF; background-color:#323035; font-size:2.5em; padding:1em 0 1em 0; } .c12 {color:#FFF; font-weight:bold; padding:4px .2em 4px .2em; } .fb_form .fb_table tr td { padding:.5em 0 .5em 0; color:#231F55; padding-left:5px;} .fb_submit { background-color:#323035; } .fb_text {width:400px; height:200px;} .fb_form .fb_table .c1 label {width:400px;} /* hotel */ .form fieldset.hotel { border: 1px solid #323035 ; } .form fieldset.hotel h3 { background: #fdfbf9; } .form fieldset.hotel div.odd { background: #fdfbf9; border-color: #323035; border-width: 1px 0; } .with_tooltip p { position: relative; } .with_tooltip p.hover { z-index: 2 !important; } .with_tooltip span.tooltip { display: block; width: 18px; height: 18px; left: 295px; top: 5px; cursor: help; } .with_tooltip span.tooltip span { display: none; } .with_tooltip span.tooltip:hover span { display: block; width: 130px !important; width: 100px; border: 1px #323035 dotted !important; border-style: solid; background: #fdfbf9; padding: 4px 8px; position: absolute; top: 22px; right: 0 !important; right: auto; left: auto !important; left: 0; z-index: 10; } .with_tooltip input { width: 120px !important; right: 45px !important; } .form .with_tooltip p select { width: 120px !important; width: 126px; right: 45px !important; } .interests .info { font-weight: normal !important; } .interests p.left { background: #fdfbf9; border: 1px #323035 solid; } .interests p br { display: none; } .email_prefered { padding-left: 15px; color: #555; } .email_prefered select { font-size :1em; margin-left: 5px; } /*---------------------------------------------------------------------------- content ----------------------------------------------------------------------------*/ /* polls */ #poll_results { padding: 0 10px; } #poll_results h3 { font-size: 1.1em; margin: 10px 0; } #poll_results form { margin: 0; padding: 0; width: 100%; overflow: hidden;} #poll_results fieldset { margin: 0; padding: 0; border: none; display: block; } #poll_results legend { color: #000; } #poll_results select { margin: 10px 0; } #poll_results form input { position: absolute; top: -900px; left: -2000px; } #poll_results .hr { clear: both; height: 1px; background: #aaa; overflow: hidden; margin: 10px 0; } #poll_results .hr hr { display: none; } #poll_results p.question { font-weight: bold; color: #333; } #poll_results ul { list-style: none; display: block; margin: 0; padding: 0 10px; } #poll_results ul li { display: block; padding: 4px 5px 4px 20px; background: url("file:///U|/User Data/Transfers/for Wayne/images/point.gif") no-repeat; background-position: 8px 10px; } #poll_results .title { display:none; } /* video */ #video div.head, #video div.bottom { padding: 10px 0; } #video h3 { display: none; } /* partners */ #partners h3 { display:none; } #partners ul { margin: 0; padding: 0 4px 0 4px; list-style: none;} #partners ul ul { padding: 8px 0 6px 10px; list-style: none; } #partners ul li { font-weight: bold; color: #323035; list-style: none; } #partners ul li li { font-weight: normal; list-style: none; } #partners ul li li p { margin: 0; display: block; } #partners p.name { display:none;} #partners ul li li p.name { padding-bottom: 5px; font-weight: bold; color: #444; } #partners ul li li a.logo img { border: 0px; list-style: none; } #partners ul li li a img { border:0; list-style: none; } #partners ul li li p.desc { padding-bottom: 5px; } #partners ul li li p.contact { padding-bottom: 5px; color: #333; } #partners p.partner_type{color:#d31145;font-size:16px; font-weight:bold;} #partners a{color:#00ADE1; font-weight:bold; text-decoration:none;} #partners a:hover{color:#78b4ef;} #partners hr{ border:1px dotted #CCC; margin-top:25px; margin-bottom:25px;} #partners .partner_type { margin: 0; padding: 0; color:#ff5b00 !important; margin-top:20px; margin-bottom: 3px; font-size:18px; text-transform:uppercase; font-weight:bold; } /* site map */ #sitemap { padding: 23px 25px; overflow: hidden; padding-bottom: 20px; } #sitemap ul { margin:0; padding: 0; list-style: none; display: block; margin: 0 auto; width: 240px; border: 1px #bbb solid; } #sitemap ul ul { width: auto; border: none; padding: 5px 0 0 0; } #sitemap ul li { padding: 4px 1px 4px 20px; display: block; border-bottom: 1px #fff solid; } #sitemap ul li li { background-color: #fefefe; border-bottom: 1px #ddd solid; } #sitemap ul li.last_child { border-bottom: none !important; } #sitemap h3 { display:none; } /* priority code */ .p_register .priority_code { text-align: center; } /* summary */ .p_register .summary div { position: relative; width: 100%; } .p_register .summary div label { padding: 4px 10px; width: 230px; display: block; text-align: right; } .p_register .summary div span { position: absolute; left: 250px; top: 4px; font-weight: bold; } .p_register .summary div.booking { width: auto !important; margin-left: 10px; } /* cc */ .p_register #form_card_month { width: 40px !important; right: auto; left: 250px !important; left: 244px; } .p_register #form_card_year { width: 60px !important; right: auto; left: 300px !important; left: 294px; } /* hotel */ .p_register #form_checkin_month, .p_register #form_checkout_month { width: 40px !important; right: auto; left: 250px !important; left: 244px; } .p_register #form_checkin_day, .p_register #form_checkout_day { width: 40px !important; right: auto; left: 295px !important; left: 292px; } .p_register #form_checkin_year, .p_register #form_checkout_year { width: 60px !important; right: auto; left: 340px !important; } .p_register #form_additionalinfo { width: 250px !important; right: auto; left: 250px !important; left: 244px;} .p_register div.textarea { height: 120px !important; } /* LOG IN PORTLET */ .p_login .body { margin-left:4px; margin-top:4px; } .p_login .body a { color:#253f70; } .p_login .body a:hover { text-decoration:underline; } .p_login .title h3 { } .p_login form {width:901px !important; margin: 0px; position: relative; height:30px; overflow: hidden; padding-top:0; background-color:none;} .p_login fieldset { padding: 0; margin: 0; border: none; } .p_login legend { display: none; } /* the login field labels */ .p_login label.text { color:#999999; position: absolute; left:338px; top:5px; } .p_login label.password { color:#999999; position: absolute; left:496px; top:5px; } /* the log in form input fields */ .p_login input.text {color:#999999; position: absolute; left:380px; width:100px; top:4px; border: 1px solid #e7e7e7;} .p_login input.password {color:#999999; position: absolute; left:565px; width:100px; top:4px; border: 1px solid #e7e7e7;} /* the GO text to log in */ .p_login label.submit {color:#666666; position: absolute; left:675px; top:6px; text-decoration: none; font-weight: bold; cursor: pointer; } .p_login #form_top_login_submit { position: absolute; top: -200px; } /* the remember check box */ .p_login #form_top_remember, .p_login .remember {color:#999999; position: absolute; top:3px; left:715px; } /* the remember text */ .p_login .remember { left:740px; padding-top:3px; width:100px; } /* the sign up text */ .p_login .register { color:#4895a7; text-decoration:none; position: absolute; top:5px; left:840px; padding-top:0px; margin:0px; width:60px; font-weight:bold; } .p_login .register a{color:#4895a7; text-decoration:none;} .p_login .register a:hover{color:#84be45; text-decoration:none;} .p_login .error { color: red; border: none; text-decoration: underline; padding: 0px; margin: 0px; background: none; } .p_login .member p { margin-top:-23px; margin-left:3px;} /* affects 'you are logged in as' and 'My Conferences/Logout' links */ .p_login .member {margin-left:411px; text-align:left; font-weight:bold; padding:0; } .p_login p { padding:0; margin:0;} .p_login .info { text-align:left; font-weight:bold; padding:0; } /* the text that states whether you have messages */ .p_login .messages { font-style:italic; margin-top:0;} .p_login div { margin-left:140px; margin-top:-20px;} .p_login .account { padding-right:10px; font-weight:bold; height:30px; width:500px !important;} .p_login .user { font-weight: bold; text-decoration: none; margin-left:0px; margin-top:0; } .p_login .messages { margin-left:0px; margin-top:0; } .p_login .messages A { color: red; font-weight: bold; font-size: 10px; text-decoration: none; margin-top:0px; } .p_login .messages A.no_new { color:#434343; margin-top:0px; margin-left:160px;} /* venue & pricing */ #venue_pricing p { margin: 0; } #venue_pricing img { display: block; float: left; margin-right: 8px; } #venue_pricing p.name { margin: 5px 0 0 0; font-weight: bold; } #venue_pricing p.date { margin: 2px 0 10px 0; color: #666; } #venue_pricing p.products { font-weight: bold; margin: 10px 0; } #venue_pricing ul { list-style: none; margin: 0; padding: 0; } #venue_pricing li h3 { margin: 0 !important; font-weight: bold; padding: 0; font-size: 1em; } #venue_pricing li .desc { margin: 0; display: none; } #venue_pricing li { position: relative; min-height: 30px; height: auto !important; height: 30px; margin: 5px 0; border: 1px #494343 solid; padding: 5px 130px 5px 8px; } #venue_pricing .price { position: absolute; top: 5px; right: 10px; text-align: right; width: 150px; } #venue_pricing .price p { margin: 0 0 2px 0; } #venue_pricing .title { display:none; } /* event search form */ .p_event_search_form .body {color:#000000; background-color:#ffffff; } .p_event_search_form .body a { color:#05418a; text-decoration:none; } .p_event_search_form .body a:hover { color:#b61219; text-decoration:underline; } .p_event_search_form form { margin: 0; padding: 0; } .p_event_search_form fieldset { margin: 0; padding: 0; border: none; } .p_event_search_form legend { display: none; } .p_event_search_form label { padding: 4px 2px; display: block; } .p_event_search_form select { width: 170px; } .p_event_search_form p { margin: 0; padding: 8px 0 4px 0; display: block; text-align: center; } /* MAIN MENU BAR */ #main_menu { border-top: solid 3px #999999; padding:0px; font-size:11px; } #main_menu a { color: #002834; font-weight:bold; text-decoration:none;} #main_menu a:hover { color:#F47529; text-decoration:none; } /* WEBINAR */ #webinar { color:#666666 !important; } #webinar a { color: #666666 !important; text-decoration:none;} #webinar a:hover { color:#009900 !important; text-decoration:none; } #webinar a:visited{ color:#cccccc !important;} /* MAIN UL */ #homeul {} #homeul ul{ margin:0px 0px 0px 22px; padding:0px;list-style:none;} #homeul ul li { padding:4px 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2009-P-Div/P1505/P1505_list.gif");} /* RSS UL */ #rss_top{color:#FFFFFF;background-image:url(../P1518/rss_top_bg.jpg); background-position:top right; background-repeat:no-repeat; border-bottom: solid 1px #cccccc;} .titleBox_gsnb{display:none;} .gs-title{color:#CCCCCC; font-weight:bold; text-decoration:none;} #rss { padding:4px;} #rss ul{ margin:0px 0px 0px 15px; padding:5px 5px 15px 5px; text-decoration:none !important; } #rss a{ color:#666666 !important; text-decoration:none !important;padding:4px 0px 0px 0px; } #rss a:hover { color:#009900 !important; text-decoration:none !important; padding:4px 0px 0px 0px;} #rss a:visited{ color:#cccccc !important;} #rss ul li { border: dotted 1px #666666;padding:4px 0px 4px 4px;} /*---------------------------------------------------------------------------- REGISTRATION 2 ----------------------------------------------------------------------------*/ .p_register2 .steps { margin: 0; padding: 15px 0; list-style: none; } .p_register2 .steps li { display: inline; padding: 3px 5px 4px 4px !important; padding: 0 20px 0 4px; } .p_register2 .steps li.last_child { background: none; } .p_register2 .steps li span { padding: 4px 7px; border: 1px #E2EDF3 solid; color: #434343; } .p_register2 .steps li.selected span { border: 1px #E2EDF3 solid; background:#00ADE1; color: #fff; } .p_register2 ul.errors { border: 1px solid red; margin-left:0; padding:10px; list-style:none; background-color:#fff2f2; } .p_register2 ul.errors li { margin:0; padding:0; } .p_register2 fieldset { border: 1px #E2EDF3 solid; margin: 10px auto; padding: 0 0 5px 0; position: relative; } .p_register2 fieldset legend { display:none; } .p_register2 fieldset h3 { font-size:16px !important; background-color:#E2EDF3; display: block; margin-top: 0 !important; padding: 4px 5px 4px 10px; color: #323035; } .forgot_pass { background-color:#EAF3F4; } .p_register2 p { width:570px; float:left; margin:0 10px; padding:4px 0; } .p_register2 p.odd { background-color:#EAF3F4; } .p_register2 p label { width:200px; float:left; text-align:right; margin:0 20px; } .p_register2 p label span { color:red; } .p_register2 p input, .p_register2 p select, .p_register2 p span.input { float:left; width:220px; } .p_register2 p span.short input { width:196px; } .p_register2 div.buttons { text-align: center; clear:both; } .p_register2 div.buttons input { margin:0 5px; } .p_register2 div.yes_no p { text-align:center; } .p_register2 div.yes_no p span { color:red; } .p_register2 div.yes_no p.radio { margin:0 auto; float:none; width:150px; } .p_register2 div.yes_no p.radio label { width: 30px; margin:0 10px; } .p_register2 div.yes_no p.radio input { width:auto; height:auto; } .p_register2 div.info { padding:10px; clear:both; } .p_register2 div.info p { margin:0; padding:0; } .p_register2 p.phone input.number { width:140px; } .p_register2 p.phone label.ext { width:20px; margin:0 10px; } .p_register2 p.phone input.ext { width:40px; } .p_register2 p.cc_exp select { width:80px; } .p_register2 input.checkbox { width:auto; } .p_register2 ul.products { list-style:none; padding:0; margin:10px; } .p_register2 ul.products li { padding:5px 0; min-height: 30px; height: auto !important; height: 30px; position:relative; } .p_register2 ul.products li div.price { position: absolute; top: 4px; right: 20px; width:150px; } .p_register2 ul.products li div.price span { font-weight: bold; } .p_register2 ul.second_offer span.name { font-weight: bold;} .p_register2 ul.second_offer div.desc { margin:4px 0 0 0; float:left; } .p_register2 ul.second_offer div.desc p { margin:0; } .p_register2 ul.second_offer li { position: relative; float:left; } .p_register2 ul.second_offer div.inputs { border: 1px solid #e9e9e9; background-color: #ececec; float:left; margin:4px 0 15px 0; padding:4px 0; } .p_register2 ul.second_offer div.inputs p { width:550px; } .p_register2 ul.second_offer div.inputs input { width:auto; } .p_register2 ul.second_offer div.inputs label { width:auto; margin:0 0 0 4px; } .p_register2 div.questions { padding:5px; width:700px;} .p_register2 div.questions .fb_table{ padding:5px; width:700px !important;} .p_register2 div.questions .fb_table td.label { padding-top:9px; } .p_register2 ul.options { list-style:none; padding:0; margin:10px; } .p_register2 ul.options li { padding:0; margin:0; } .p_register2 p.hover { z-index: 2; } .p_register2 span.tooltip { display: block; width: 18px; height: 18px; background: url("../images/help_icon.gif"); cursor: help; position:relative; float:left; margin-left:5px; } .p_register2 span.tooltip span { display: none; } .p_register2 span.tooltip.hover span { display: block; width:120px; border: 1px solid #529ad2; background:#fefefe; padding:4px 8px; position:absolute; top: 22px; left:0; z-index:10; } .p_register2 h3.inside { position:relative; } .p_register2 h3.inside.hover { z-index: 2; } .p_register2 h3.inside span.tooltip { background: url("../images/help_icon_blue.gif"); left: 200px; top: 4px !important; top: 2px; border: none !important; position:absolute; } .p_register2 h3.inside span.tooltip span { color: #333; width: 200px; font-weight: normal; } /* REGISTER TODAY */ #register_txt{ font-size:14px; font-weight:bold;background:#666666; color:#FFFFFF; padding:4px 4px 4px 2px; width:300px;} #register_txt a { color:#ffffff; text-decoration:none;padding:4px 0px 0px 0px; } #register_txt a:hover { text-decoration:none; color:#009900;} /* BOTTOM NAV */ #botnav{margin:auto; font-size:12px; color:#FFF; width:928px; padding:14px 0 4px 0; } #botnav table td {color:#FFF;} #botnav a { font-size:12px;color:#FFF; font-weight:bold; text-decoration:none; padding:0 8px 0 8px;} #botnav a:hover { text-decoration:none; color:#ff5b00;} /* VENUE */ #V_click a { color:#00ADE1; font-weight:bold; text-decoration:none !important; font-size:14px; } #V_click a:hover {color:#323035; text-decoration:none !important; } .V_blu_14 {color:#323035; font-weight:bold; font-size:14px;} .V_blu_16 {color:#323035; font-weight:bold; font-size:16px;} .V_blu_18 {color:#323035; font-weight:bold; font-size:18px;} .V_blu_22 {color:#323035; font-weight:bold; font-size:22px;} .V_lightblu_14 {color:#78b4ef; font-weight:bold; font-size:14px;} .V_red_14 {color:#00ADE1; font-weight:bold; font-size:14px;} .V_red_30 {color:#00ADE1; font-weight:bold; font-size:30px;} .V_wht_14 {color:#FFF; font-weight:bold; font-size:14px;} /* WHO SHOULD */ #WSUL {} #WSUL ul{ margin:2px 0px 0px 21px; padding:0px;list-style:none;} #WSUL ul li {padding:2px 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2011-U-Div/U2448/U2448_list.gif");} #WSUL a { color:#323035; font-weight:bold; text-decoration:none !important; } #WSUL a:hover { text-decoration:none !important; color:#78b4ef; } /* SPEAKERS */ #SPUL {} #SPUL ul{ margin:2px 0px 0px 21px; padding:0px;list-style:none;} #SPUL ul li {padding:2px 0px 8px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2011-U-Div/U2448/check_mark.jpg");} #SPUL a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #SPUL a:hover { text-decoration:none !important; color:#78b4ef; } /*--------------- AGENDA AT A GLANCE ------------*/ .AG_liBluTitle {color:#78b4ef; font-size:16px; font-weight:bold;} .AG_BluTitle {color:#323035; font-size:16px; font-weight:bold;} table.AG-table { border-width: 1px; border-spacing: 0px; border-style:dotted; border-color: #CCC; border-collapse:separate; } table.AG-table th { -moz-border-radius: ; } table.AG-table td { border-width: 1px; padding: 4px; border-style:dotted; border-color: #CCC; -moz-border-radius: ; } /*HOME PAGE*/ #hmUL {} #hmUL ul{ margin:2px 0px 0px 16px; padding:0px;list-style:none;} #hmUL ul li {padding:2px 0px 6px 0px; list-style: square; list-style-image:url("http://www.iirusa.com/upload/wysiwyg/2012-U-Div/U2548/images/UL_list2.png");} #hmUL a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #hmUL a:hover { text-decoration:none !important; color:#78b4ef; } #hmUL2 {} #hmUL2 ul{ margin:2px 0px 0px 0px; padding:0px;list-style:none;} #hmUL2 ul li {padding:2px 0px 6px 0px; font-size:13px; list-style:none; list-style-image:none;} #hmUL2 a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #hmUL2 a:hover { text-decoration:none !important; color:#78b4ef; } #hmUL-blu {} #hmUL-blu ul{ margin:2px 0px 0px 16px; padding:0px;list-style:none;} #hmUL-blu ul li {color:#00ade1; font-weight:bold; padding:2px 0px 6px 0px; list-style: square; list-style-image:url("http://www.iirusa.com/upload/wysiwyg/2012-U-Div/U2548/images/UL_list_blu.png");} #hmUL-blu a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #hmUL-blu a:hover { text-decoration:none !important; color:#78b4ef; } #whoUL {} #whoUL ul{ margin:2px 0px 0px 16px; padding:0px;list-style:none;} #whoUL ul li {padding:2px 0px 6px 0px; list-style: square; list-style-image:url("http://www.iirusa.com/upload/wysiwyg/2012-U-Div/U2548/images/U2548_Who_arrow.png");} #whoUL a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #whoUL a:hover { text-decoration:none !important; color:#78b4ef; } #hmUL {} #hmUL ol{ margin:2px 0px 0px 16px; padding:0px;} #hmUL ol li {padding:2px 0px 6px 0px; } #hmUL a { color:#00ADE1; font-weight:bold; text-decoration:none !important; } #hmUL a:hover { text-decoration:none !important; color:#78b4ef; } /*--------------- Right Col ------------*/ #feat_titleED{color:#FFF; font-weight:bold; padding:5px 0 5px 10px; background-image:url("/upload/wysiwyg/2010-U-Div/U2348/U2348_feedED_bg.jpg"); background-position:top left; background-repeat:repeat-x;} #twittermainED{ display: block; float:left; width: 245px; height: auto; margin: 0 15px 0 0; } #twitterED{color:#FFF; background-color:#323035; padding:8px 4px 8px 10px; border-top:3px solid #FFF; } #twitterED a{color:#78b4ef; font-weight:normal; text-decoration:none;} #twitterED a:hover{color:#CE0F17; text-decoration:none;} #twitterED ul{ margin:4px 0px 0px 15px; padding:0px;list-style:none;} #twitterED ul li {border-top:1px solid #3E5A82; padding:4px 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2010-U-Div/U2348/U2348_rss_list_10.gif");} #rssmainED { display: block; float:left; width: 245px; margin:0;} #rssED { color:#FFF; background-color:#323035; padding:8px 4px 8px 10px; border-top:3px solid #FFF; } #rssED a{color:#78b4ef; font-weight:normal; text-decoration:none;} #rssED a:hover{color:#CE0F17; text-decoration:none;} #rssED ul{ margin:4px 0px 0px 15px; padding:0px;list-style:none;} #rssED ul li {border-top:1px solid #3E5A82; padding:4px 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2010-U-Div/U2348/U2348_rss_list_10.gif");} #flickrmainED { display: block; float:left; width: 350px; margin: 0 15px 0 0;} #flickrED {background-color:none; border-top:3px solid #FFF;} #youtube_player{padding:8px; width: 746px; margin:auto; background-image:url(/upload/wysiwyg/2010-U-Div/U2348/youtube_player_bg.jpg); background-position:center center;} #youtube_player_title{color:#2A4065; font-weight:bold; font-size:20px; padding:0 8px 0 8px; width: 746px; margin:auto; } /* 5 Questions */ .quest_blu{color:#78b4ef; font-weight:bold; font-size:20px;} .quest_red{color:#00ADE1; font-weight:bold; font-size:20px;} .quest_wht{color:#FFF; font-weight:bold; font-size:20px; } /* Right Side */ .quest_darkblu{color:#323035; font-weight:bold; font-size:20px;} .highlighted{color:#202851; font-weight:bold; font-size:13px;} .rght_title_txt{color:#FFF; font-size:15px; background-color:#78b4ef; padding:2px 4px 4px 8px;} .rght_title_txtGR{color:#78b4ef; font-size:15px; font-weight:normal; background-color:#FFF; padding:2px 4px 4px 8px;} /* sponsorship opportunities*/ #spOp{color:#FFF; background-color:#323035; padding:8px 4px 8px 10px; border-top:3px solid #FFF;} #spOp a{color:#78b4ef; font-weight:normal; text-decoration:none;} #spOp a:hover{color:#CE0F17; text-decoration:none;} #spOp ul{ margin:4px 0px 0px 15px; padding:0px;list-style:none;} #spOp ul li {border-top:1px solid #3E5A82; padding:4px 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2010-U-Div/U2348/U2348_rss_list_10.gif");} /* Blogs Tools*/ #blogs{background-color:none; padding:8px 0px 4px 23px; margin:0;} #blogs a{color:#5fbbeb; text-decoration:none; font-weight:bold; margin:0;} #blogs a:hover{color:#CE0F17; text-decoration:none; } #blogs ul{ padding:0px;list-style:none; margin:0;} #blogs ul li { padding:0 0px 4px 0px; list-style: square; list-style-image:url("/upload/wysiwyg/2011-U-Div/U2448/U2448_UL_list.jpg");} #mainFrame {margin:auto; width:100%; clear: left; padding:0; } #mainBottom { width: 100%; height:auto; clear:both; padding-top:-;} #hmLeft { display: block; float:left; width: 574px; height: auto; margin: 0px 35px 0px 0px; background-color:none; } #hmLeft a{ color:#78b4ef; font-weight:bold; text-decoration:none; } #hmLeft a:hover{ color:#00ADE1; font-weight:bold; text-decoration:none; } #hmMid { display: block; float:left; width: 100%; margin:0; } #hmRight { display: block; float:left; width: 344px; height:auto; padding:0; background-color:#FFF; } #social_icons a{color:#323035; font-weight:bold; text-decoration:none;} #social_icons a:hover{color:#78b4ef; font-weight:bold; text-decoration:none;} #rghtboxTop {background:url("/upload/wysiwyg/2011-U-Div/U2448/BG/U2448_right_bg_box_top.jpg") no-repeat top center; height:13px;} #rghtboxMid {background:url("/upload/wysiwyg/2011-U-Div/U2448/BG/U2448_right_bg_box_mid.jpg") repeat-y top center;} #rghtboxBot {background:url("/upload/wysiwyg/2011-U-Div/U2448/BG/U2448_right_bg_box_bott.jpg") no-repeat top center; height:13px;} #header{width:977px; height:129px; margin:auto; padding:35px 0 0 40px; background:url("http://www.iirusa.com/upload/wysiwyg/2012-U-Div/U2548/images/U2548_Header_BG.jpg") no-repeat top center;} #header h1 {color:#00ade1; font-size:19px; margin:0; padding:10px 0 15px 0;} /*--------MENU-----------------*/ .horizontalcssmenu{ padding:0px 0 2px 0; width:370px; height:20px; } .horizontalcssmenu ul{ padding: 0; margin:0 0 0 10px; list-style-type: none;} /*Top level list items*/ .horizontalcssmenu ul li{position: relative; display: inline; float: left;} /*Top level menu link items style*/ .horizontalcssmenu ul li a{display: block; /*Width of top level menu link items*/ color: #9fa1a4 !important; font-size:12px; font-weight:bold; text-decoration:none; padding: 5px 16px 5px 16px; background:none; } .horizontalcssmenu li ul {margin-top:0 !important; background:#FFF; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; z-index:1; position: absolute; left: -999em; height: auto; width:190px; font-weight: normal; border-width: 0.25em; margin: auto; padding-bottom:8px; } /*Sub level menu*/ .horizontalcssmenu ul li ul{left: 0;top: 0; position: absolute; display: block; visibility: hidden; z-index: 100; } /*Sub level menu list items*/ .horizontalcssmenu ul li ul li{display: inline; float: none; } /* Sub level menu links style */ .horizontalcssmenu ul li ul li a{width: 180px; color:#21939e !important; font-size:12px; font-weight:normal;/*width of sub menu levels*/ padding: 5px 0 5px 10px; border-top: 1px solid #CCC;} .horizontalcssmenu ul li a:hover{color: #00ADE0 !important;} .horizontalcssmenu ul li ul li a:hover{color:#FFF !important; background-color:#00ade1; font-weight:normal; padding: 5px 0 5px 10px; border-top: 1px solid #CCC; text-decoration:none;} .horizontalcssmenu .arrowdiv{position: absolute;right: 0; background: transparent url("/upload/wysiwyg/2012-U-Div/U2548/images/U2548_down-arrow.png") no-repeat center left;} * html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/padding-top: 1em;} /* Holly Hack for IE \*/ * html .horizontalcssmenu ul li { float: left; height: 1%; } * html .horizontalcssmenu ul li a { height: 1%; } /*--------------- PRICING ------------*/ #price-tble table td {border:1px solid #CCC;} /*--------------- TEXT HIGHLIGHTS AND COLOR ------------*/ .font18_bld {font-size:18px; font-weight:bold;} .font14_bld {font-size:14px; font-weight:bold;} .redtxt{color:#00ADE1;} .redBldtxt{color:#00ADE1; font-weight:bold;} .blutxt{color:#00ade1;} .bluBldtxt{color:#00ade1; font-weight:bold;} .bluBldtxt12{color:#00ade1; font-weight:bold; font-size:12px;} .bluBldtxt14{color:#00ade1; font-weight:bold;font-size:14px;text-align: center;} .bluBldtxt14-nocen{ color:#00ade1; font-weight:bold; font-size:14px;} .bluBldtxt16{color:#00ade1; font-weight:bold; font-size:16px;} .bluBldtxt18{color:#00ade1; font-weight:bold; font-size:18px;} .orgBldtxt{color:#ff5b00; font-weight:bold;} .orgBldtxt12{color:#ff5b00; font-weight:bold; font-size:12px;} .org_txt {color:#ff5b00;} .org14Bld {color:#ff5b00; font-size:14px; font-weight:bold;} .org16Bld {color:#ff5b00; font-size:16px; font-weight:bold;} .Agenda_title_wht {color:#FFF; font-size:16px; padding-left:10px;} .Agenda_title_wht_bld {color:#FFF; font-weight:bold; font-size:16px;} .gryBldtxt{color:#666; font-weight:bold;} .gryBldtxt12{color:#666; font-weight:bold; font-size:12px;} .gry14Bld {color:#666; font-size:14px; font-weight:bold;} .gry16Bld {color:#666; font-size:16px; font-weight:bold;} .grnBldtxt{color:#98bf3e; font-weight:bold;} .grnBldtxt14{color:#98bf3e; font-weight:bold; font-size:14px;} .grnBldtxt18{color:#98bf3e; font-weight:bold; font-size:18px;} .bluBldtxt_drk{color:#00ade1; font-weight:bold;} .whttxt{color:#FFF;} /* LIGHTBOX HTML POP-UP */ .close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; cursor: pointer; z-index: 1103;} #mask { position:absolute; left:0; top:0; bottom:0 z-index:9000; background-color:#000; display:none;} #boxes .window { position:fixed; left:0; top:0; bottom:0; display:none; z-index:9999; } #boxes #dialog {width:928px; height:320px; background-color:#ffffff; } #boxes #dialog1 {width:928px; height:350px; background-color:#ffffff; } #boxes #dialog2 {width:928px; height:290px; background-color:#ffffff; } #boxes #dialog3 {width:928px; height:310px; background-color:#ffffff; } #boxes #dialog4 {width:428px; height:233px; background-color:#ffffff; } #boxes #dialog5 {width:928px; height:320px; background-color:#ffffff; } #boxes #dialog6 {width:428px; height:262px; background-color:#ffffff; } #boxes #dialog7 {width:928px; height:282px; background-color:#ffffff; } #boxes #dialog8 {width:928px; height:232px; background-color:#ffffff; } /* END LIGHTBOX HTML POP-UP */ /*RSS */ .widget_rssfeed {font-size:17px;} .widget_rssfeed ul { } .widget_rssfeed ul li { padding:3px; } /* Media page*/ .whiteTxt16 {color:#fff; font-size:16px; font-weight:bold;} .greenTxt16 {color:#98bf3e; font-size:16px; font-weight:bold;} .bluext16 {color:#00a6df; font-size:16px; font-weight:bold;} .orgTxt24 {color:#ff5b00; font-size:24px; font-weight:bold;} #getInvolved {} #getInvolved td {padding:4px;} /*media page slider */ body { font:normal 62.5%/1.5 Helvetica, Arial, sans-serif; letter-spacing:0; color:#fff; background:#efefef url(../img/background.png) repeat top center; padding:20px 0; position:relative; -webkit-font-smoothing: subpixel-antialiased; } #slidecontainer { width:675px; padding:0px; margin:0 auto; position:relative; z-index:0; } #example { width:659px; margin-top:-10px; height:272px; position:relative; } #ribbon { position:absolute; top:-3px; left:-15px; z-index:500; } #frame { position:absolute; z-index:0; width:659px; height:242px; top:-3px; left:-80px; } /* Slideshow */ #slides { position:absolute; top:15px; left:4px; z-index:100; } /* Slides container Important: Set the width of your slides container Set to display none, prevents content flash */ .slides_container { width:659px; overflow:hidden; position:relative; display:none; border: 3px solid #fff; } /* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content Set to display block */ .slides_container div.slide { width:659px; height:242px; display:block; } /* Next/prev buttons */ #slides .next,#slides .prev { position:absolute; top:80px; left:0px; width:24px; height:43px; display:block; z-index:101; } #slides .next { left:637px; } /* Pagination */ .pagination { margin:26px auto 0; width:100px; } .pagination li { float:left; margin:0 1px; list-style:none; } .pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(../img/pagination.png); background-position:0 0; float:left; overflow:hidden; } .pagination li.current a { background-position:0 -12px; } /* Caption */ .caption { z-index:500; position:absolute; top:200px; left:0; height:100x; padding:5px 20px 0 20px; background:black; width:620px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; /* for IE */ filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .caption2 { z-index:500; position:absolute; top:190px; left:0; height:100x; padding:5px 20px 0 20px; background:black; width:620px; font-size:1.3em; line-height:1.33; color:#fff; text-shadow:none; /* for IE */ filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } /* Anchors */ a:link,a:visited { color:#599100; text-decoration:none; } a:hover,a:active { color:#599100; text-decoration:underline; } .opacityspan{ opacity:1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important;} /* Text color*/ .white{ color:#fff; font-size:14px; } /* Fancy Video*/ div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(fancy_progress.png) no-repeat; } div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(http://www.iirusa.com/upload/wysiwyg/2012-U-Div/U2548/media/videobox/fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none; } div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92; } div#fancy_title { position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title table { margin: 0 auto; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(fancy_title_right.png) repeat-x; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #FFF; } a#fancy_left, a#fancy_right { position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer; background-image: url(data:image/gif;base64,AAAA); z-index: 100; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } a#fancy_left:hover { background: transparent url(fancy_left.gif) no-repeat 0% 100%; } a#fancy_right:hover { background: transparent url(fancy_right.gif) no-repeat 100% 100%; } #fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } div#fancy_bg { display: none; } div.fancy_bg { position: absolute; display: block; z-index: 70; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(fancy_shadow_n.png) repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(fancy_shadow_ne.png) no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(fancy_shadow_e.png) repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(fancy_shadow_se.png) no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(fancy_shadow_s.png) repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(fancy_shadow_sw.png) no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(fancy_shadow_w.png) repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(fancy_shadow_nw.png) no-repeat; }