/*** MAIN CLASSESS *************************************************************************/ html {overflow-y:scroll; overflow-x: auto} html,body { padding:0; margin:0; width: 100%; height: 100%; font-family: Helvetica,sans-serif; font-size:12px; } body { background: #82dcff url(../img/bg.jpg) left top repeat-x; } strong { font-weight:bold !important; } em, em strong { font-style:italic !important; } form { padding:0; } h1 { text-transform: uppercase; font-size: 1.9em; line-height:1.4em; color: #00AEED; margin:0; padding: 16px 10px 15px 10px; font-family: Arial,Helvetica,sans-serif; } h2 { text-transform: uppercase; font-size: 1.2em; color: #00AEED; margin:0; padding: 5px 10px; font-family: Arial,Helvetica,sans-serif; } h3 { font-size: 1em; margin:0; padding: 10px 0 10px 10px; } p { padding: 5px 10px; margin:0; color:#383C45; } p a { color:#383C45; } p.cleaner { clear: both; } a:hover { text-decoration:none; } a img { border:0; } .plink { } .plink a { background: url(../img/icons/arrow.gif) right 3px no-repeat; padding: 0 15px 0 0; } ul { list-style:url(../img/list_star.gif); margin:0 0 0 1.4em; padding:0; } ul.plain a { color: #383C45; } #page li { padding:0; margin: 2px 15px; color:#383C45; } sup { font-size: 6pt; } table.contact { padding: 5px 0; margin: 0; color: #383C45; margin-left: 8px; } table.contact td { vertical-align: top; padding: 0; } table.contact a { color: #383C45; } #page { clear:both; width: 940px; margin:0 auto; border-top:1px solid #fff; background:#BCD6EA url(../img/layout/page_bg.gif) repeat-y scroll left top; font-family: Verdana, Helvetica,sans-serif; } #header, #footer { width: 940px; margin:0 auto; clear:both; padding: 0 10px; } #content { width: 714px; float:right; height:900px; margin:0; padding:0 10px 10px; background-color:#FFF; line-height: 1.5em; } div#page>div#content { height:auto; min-height:900px; } #left_sidebar { float:left; width:181px; height:100%; background-color:#edf9ff; padding: 20px 12px 0; } #header { text-align:right; height: 113px; padding-top:10px;} #header #top {height:78px;} #header, #header a { color:#FFFFFD; } #header a.active { font-weight:bold } #header #logo { float:left; width:205px; text-align:center} #header #top_links { float:right; font-size:11px; } #header p.login { color:#FFFFFD; clear:right; padding:0; margin-top:3em; } #footer, #footer a { color:#026b93; padding:15px 0; text-decoration:none; font-size:13px; } #menu { margin-left:205px; margin-top:-37px; list-style:none; } div#header>ul#menu { margin-top:-10px; height:45px; } #menu li { float:left; padding:0; background:url(../img/menu-separator.gif) bottom left no-repeat; height:45px; } #menu li a { float:left; height: 35px; padding: 0 26px 0 7px; text-decoration:none; color:#BABBBD; text-align:left; } #menu li a:hover, #menu li a.active { color:#DFEFFC; font-weight:normal; } #submenu { margin:0 ; padding:0; } #submenu li { margin:0 0 5px; list-style-image:none; display:block; padding:8px 0 15px; line-height:1.4em; border-bottom:1px solid #5ec2e6; } #submenu li a { text-decoration:none; color: #000103; font-weight:bold;zoom:1; } #submenu li a:hover, #submenu li a.active { color: #00AEED; text-decoration:none; } #submenu li a.active { background:transparent url(../img/bullet2.gif) no-repeat scroll left 2px; padding:0 0 0 20px; } ul#submenu>li>a.active { background:transparent url(../img/bullet2.gif) no-repeat scroll left top; padding:0 0 0 20px; } #side_blocks { margin:0; } /**** HOME PAGE ***************************************************************************/ .homepage #home_mid_content, #home_spotlight, .homepage .newsletter, .homepage .welcome { width:688px; } .homepage h1 { font-weight:bold; margin-top:10px; } #home_spotlight { margin:20px auto 24px; height:263px; background: transparent url(../img/home_spotlight.jpg) top left no-repeat; } #home_spotlight a.spot_find_more { display:block; width:250px; height:60px; position:relative; top:28px; left:333px; text-indent:-5000px; overflow:hidden; } #home_spotlight ul { list-style:none; list-style-image:none; margin:0; padding:0; width:340px; position:relative; top:20px; left:335px; } #home_spotlight li { margin:0 0 13px; color:#44768d; } .homepage #home_mid_content { margin:auto; } .homepage .framework, .homepage .stimulus { width:332px; float:left; } .homepage .framework { margin-right:24px; } .homepage .framework h2, .homepage .stimulus h2 { background:transparent none top left no-repeat; color:#fff; height:25px; text-transform:none; padding:6px 20px 0; } .homepage .framework h2 { background-image:url(../img/layout/framework_head_bg.gif); } .homepage .framework .homecontent { background:transparent url(../img/layout/framework_bg.gif) top left no-repeat; height:374px; } .homepage .frame_block { height:140px; padding:20px 20px; } .homepage .frame_block p { padding:0; width:170px; } .homepage .frame_block h3 { padding:0 0 10px; } .homepage .frame_block img { float:right; } .homepage .frame_block a.dl_doc { display:block; width:174px; height:36px; margin:19px 0 0; text-indent:-5000px; overflow:hidden; } .homepage .stimulus .homecontent { background:transparent url(../img/layout/stimulus_bg.gif) top left no-repeat; height:354px; padding:20px 20px 0; } .homepage .stimulus h2 { background-image:url(../img/layout/stimulus_head_bg.gif); } .homepage .stimulus h3 { padding:0 0 10px; } .homepage .stimulus h3 span { vertical-align:20%; } .homepage .stimulus p { padding:20px 0 0; } .homepage .stimulus a.see_more { display:block; float:right; width:97px; height:35px; margin:27px -5px 0 0; padding:0; text-indent:-5000px; overflow:hidden; } .homepage .home_header_left { float:left; background:transparent url(../img/layout/home_head_left_bg.gif) top left no-repeat; width:12px; height:31px; } .homepage .home_header_right { float:right; background:transparent url(../img/layout/home_head_right_bg.gif) top left no-repeat; width:12px; width:12px; height:31px; } .homepage .home_header_middle { float:left; background:transparent url(../img/layout/home_head_centre_bg.gif) top left repeat-x; width:656px; height:25px; padding:6px 0 0 8px; margin-bottom:20px; } .homepage .home_header_blue_left { float:left; background:transparent url(../img/layout/home_head_blue_left_bg.gif) top left no-repeat; width:12px; height:31px; } .homepage .home_header_blue_right { float:right; background:transparent url(../img/layout/home_head_blue_right_bg.gif) top left no-repeat; width:12px; width:12px; height:31px; } .homepage .home_header_blue_middle { float:left; background:transparent url(../img/layout/home_head_blue_centre_bg.gif) top left repeat-x; width:656px; height:25px; padding:6px 0 0 8px; margin-bottom:20px; } .homepage .welcome { margin:24px auto 0; background:transparent url(../img/layout/welcome_bg.gif) left 20px no-repeat; height:284px; } .homepage .welcome h2 { text-transform:none; font-size:1.2em; color:#fff; padding:0; } .homepage .welcome p { width:495px; padding:0 0 0 20px; } .homepage .welcome a.find_more { display:block; float:right; width:124px; height:38px; margin:67px 12px 0 0; padding:0; text-indent:-5000px; overflow:hidden; } .homepage .welcome #related_projects { width:auto; } .homepage .welcome #related_projects h3 { margin-left:10px; } .homepage .welcome #related_projects p { width:auto; } .homepage .welcome #related_projects p .icons { margin:0 120px 0 0; } .homepage .newsletter { margin:24px auto 0; background:transparent url(../img/layout/newsletter_bg.gif) bottom left no-repeat; height:140px; } .homepage .newsletter h2 { text-transform:none; font-size:1.2em; color:#fff; padding:0; } .homepage .newsletter p { width:495px; padding:0 0 0 20px; } .homepage .newsletter a.find_more { display:block; float:right; width:124px; height:38px; margin:35px 12px 0 0; padding:0; text-indent:-5000px; overflow:hidden; } /******************************************************************************************/ /**** SIDEBAR ***************************************************************************/ .sidebar_box { width:158px; height:auto; padding:0 12px 12px; margin:0 0 24px; background:#fff url(../img/layout/side_bottom_bg.gif) bottom left no-repeat; } .sidebar_box p{ font-size:10px} #side_blocks h2 { width:170px; height:25px; background:url(../img/layout/side_bg.gif) top left no-repeat; padding:6px 0 0 12px; color:#fff; text-transform:none; } #side_blocks h3 { margin:0; padding:14px 0 0; } #side_blocks p { margin:0; padding:14px 0 0; } #side_blocks #latest_posts p, #side_blocks #sensors_news p { line-height:150%; padding:5px 0 0; } #side_blocks #latest_posts p { font-size:10px; } #side_blocks a.more { text-decoration:none; color:#3aaef5; font-size:10px; font-weight:bold; } #side_blocks #teachers_login p { text-align:left; padding:10px 0 0; } #side_blocks #teachers_login img.avatar { width:70px; height:auto; border:3px double #ddd; } #side_blocks label { font-weight:bold; } #side_blocks input#user_login, #side_blocks input#password { border:1px inset #abadb3; margin-top:6px; } #side_blocks #rememberLabel { vertical-align:20%; font-weight:normal; font-size:10px; } #side_blocks p#login_remember { float:left; } #side_blocks #submit { float:right; } #side_blocks #project_updates { padding:0 12px 17px; } #side_blocks #project_updates img { margin:4px 0 4px 12px; } /******************************************************************************************/ .sideBox { float:right; width:241px; height:253px; background-position:top center; background-repeat:no-repeat; margin:10px; font-size:11px; line-height:1.2em; } /* SIDEBOX 4 LONG IMAGES */ .sideBoxLong { float:right; width:344px; height:177px; background-position:top center; background-repeat:no-repeat; margin:10px; font-size:11px; line-height:1.2em; } .sideBoxLong p { margin:130px 3px 0 0; text-align:right; color:#3d5a12;} .sideBox p { margin:200px 3px 0 0; text-align:right; color:#3d5a12;} /*Modifield 0508 by KK*/ .sideBoxLink{float:right; width:225px; height:253px; background-position:top center; background-repeat:no-repeat; margin:10px; font-size:11px; line-height:1.2em;} /*** WHAT ARE SENSORS *********************************************************************/ .box1 { background-image:url(../img/sideBox1.jpg);margin-top:5px; } .box2 { background-image:url(../img/sideBox2.jpg);margin-top:36px; } div>div.box2 { margin-top:40px; } /*#sensors_main { width: 715px;margin: 0 -10px 0 -5px;background: url(../img/sensor_bg.png) repeat-y;}*/ #sensors_main { width: 715px;margin: 0 -10px 0 -5px; float:left} #whatare_videos {margin-left:-10px;} .whatare_desc_video {margin-left: 18em;} /*#sensors_menu { width: 170px;float: left;}*/ #sensors_menu { width: 695px;float: left; background-image:url(../content/sensors_content/images/sensors.jpg); background-repeat:no-repeat; height:101px; margin:4px 0 10px 15px} #sensors_menu_irish{ width: 695px;float: left; background-image:url(../content/sensors_content/images/sensors_irish.jpg); background-repeat:no-repeat; height:101px; margin:4px 0 10px 15px} /*new line*/ #sensors_menu_irish #sensors_list, #sensors_menu #sensors_list{ float:right; margin:7px 7px 0 0; } #sensors_menu_irish p, #sensors_menu p{ color:#FFFFFF; margin:40px 0 0 0} /*#sensors_menu #dropd {background-color:#a3dc4e}*/ /**/ #sensors_menu_irish ul, #sensors_menu ul {margin-left: -11px;margin-top: 4px;padding-left: 0;list-style-image: none !important;list-style-type: none !important;} #sensors_menu_irish li , #sensors_menu li {margin-top: 3px;margin-bottom: 0px;} #sensors_menu_irish a , #sensors_menu a {display: block;padding: 3px;width: 160px;background-color: #383D43;border-bottom: 1px solid #eee;} #sensors_menu_irish a:link, #sensors_menu a:visited , #sensors_menu a:link, #sensors_menu a:visited { color: #EEE;text-decoration: none;} #sensors_menu_irish a:hover, #sensors_menu a.active , #sensors_menu a:hover, #sensors_menu a.active { background-color: #00AEED;color: #fff;} /*#sensors_content {margin-left: 180px;min-height: 80px;}*/ #sensors_content {margin-left: 1px;min-height: 80px; float:left; padding-left:5px} #sensors_content img{ margin:0 0 0 96px} #sensors_content h2 {margin-top: 1em;} #sensors_content h2#sensor_type {margin-top: 0em;} #sensors_content .sensor_explanation {margin-top: 2em;} #sensors_content .sensor_explanation img {float:right;} #sensors_content .digital_data img {float:left; margin:1em 2em 1em 0;} #sensors_content .data_table {width:50%;} #sensors_content .data_table td, #sensors_content .data_table th {text-align:center;} #sensors_content .title_clear {clear:both;margin-top:1em;} /*#sensors_content table {border-collapse:collapse; border-spacing:0px; width:100%; margin-top: 2em;margin-left: 1em;}*/ #sensors_content table {border-collapse:collapse; border-spacing:0px; width:100%; margin-top: 2em;margin-left:10px; width:695px} #sensors_content td, #sensors_content th {border:1px solid #f2f2f2; padding:1ex; } #sensors_content thead th {background-color: #00AEED;color: #fff; text-align:left;} #sensors_content tbody th {background-color: #383D43;color: #fff; text-align:left;} ol.sensor_numbered {list-style: decimal; margin-left: 0; list-style-position: inside; } /* Why Use */ .box11 { background-image:url(../img/sideBox11.jpg);margin-top:6px; } /* Sensor Research */ .sideBox12 { background-image:url(../img/sideBox12.jpg);margin-top:6px; } .sideBox13 { background-image:url(../img/sideBox13.jpg);margin-top:6px; } .sideBox14 { background-image:url(../img/sideBox14.jpg);margin-top:6px; } .sideBox15 { background-image:url(../img/sideBox15.jpg);margin-top:6px; } .sideBox16 { background-image:url(../img/sideBox16.jpg);margin-top:6px; } .sideBox17 { background-image:url(../img/sideBox17.jpg);margin-top:6px; } /* Suppliers */ .supplier-img { float:left; border:1px solid #ccc; margin: 8px 10px 10px 10px; } .supplier-img img { float:left; margin: 2px;} ul.by_supplier_image { position: relative; left: 15px; } /******************************************************************************************/ /*** ABOUT *******************************************************************************/ .box4 { background-image:url(../img/sideBox4.jpg);margin-top:6px; } .right_video { margin-top: -1em; } .side_about { background-image:url(../img/side_about.jpg);margin-top:6px; } .side_inquiry1 { background-image:url(../img/side_inquiry1.jpg);margin-top:6px; } .side_inquiry2 { background-image:url(../img/side_inquiry2.jpg);margin-top:6px; } /* Teachers */ .box5 { background-image:url(../img/sideBox5.jpg);margin-top:6px; } .box6 { background-image:url(../img/sideBox6.jpg);margin-top:6px; } .box7 { background-image:url(../img/sideBox7.jpg);margin-top:6px; } #about_desc_video {margin-left: 18em;} #about_desc_video li {margin-top: 1em;} /******************************************************************************************/ /**** EXEMPLAR ***************************************************************************/ .box3 { background-image:url(../img/sideBox3.gif); height: 132px; padding-top: 40px; margin-top: 10px; margin-left:10px;} .box3 p { text-align:left; color:#000002; margin-left: 5px;} .clip { float:left; margin: 5px 10px 20px 10px; border:1px solid #333; height: 138px; width: 178px; background: #FFF url(../img/bg_clip1.gif) 4px bottom no-repeat; } .clip:hover { background: #E6E6E6 url(../img/bg_clip2.gif) 4px bottom no-repeat; } .clip img { margin:4px; } .icon { padding: 3px 0 3px 22px; margin: 2px 0; text-decoration:none; float:left; color:#000002; } .icon:hover { text-decoration: underline; color:#000103; } .iconPDF { background:url(../img/icons/pdf_icon.gif) top left no-repeat; } .iconDOC { background:url(../img/icons/doc_icon.gif) top left no-repeat; } .iconHTML { background:url(../img/icons/html.png) top left no-repeat; } .iconPPT { background:url(../img/icons/ppt_icon.png) top left no-repeat; } .iconXLS { background:url(../img/icons/xls_icon.png) top left no-repeat; } .invest_details {margin-left: 190px;} /* Approach */ .box8 { background-image:url(../img/sideBox8.jpg);margin-top:6px; } .box9 { background-image:url(../img/sideBox9.jpg);margin-top:6px; } .box10 { background-image:url(../img/sideBox10.jpg);margin-top:6px; } /******************************************************************************************/ /**** PROFESSIONAL DEVELOPMENT ***********************************************************/ .ext_link { float:left; margin: 5px 10px 20px 10px; border:1px solid #333; height: 138px; width: 178px; background: #FFF url(../img/visit_off.gif) 4px bottom no-repeat; } .ext_link:hover { background: #E6E6E6 url(../img/visit_on.gif) 4px bottom no-repeat; } .ext_link img { margin:4px; } #dev_desc_link {margin-left:18em;} /******************************************************************************************/ /**** FORMS ******************************************************************************/ .csil_box {background:#EEF4FD none repeat scroll 0%;border:1px solid #999999;margin:10px;padding:10px;} .csil_box .details { font-weight: bold; } /******************************************************************************************/ /**** FORMS ******************************************************************************/ #workshops table td, #workshops .data_table th {text-align:left;} #workshops table {border-collapse:collapse; border-spacing:0px; margin-top: 2em;margin-left: 1em;} #workshops td, #workshops th {border:1px solid #f2f2f2; padding:1ex; } #workshops thead th {background-color: #00AEED;color: #fff; text-align:left;} #workshops tbody th {background-color: #383D43;color: #fff; text-align:left;} /******************************************************************************************/ /*** Teacher Area *************************************************************************/ p.usefuldl { margin: 1em 0; } p.usefuldl a { padding:0px 20px 5px; } /******************************************************************************************/ /*** NEWSLETTER ***************************************************************************/ .newsletter-header { margin:0 -10px 0 -9px; width:734px; } .newsletter p, .newsletter a.find_more { line-height:1.5em; padding: 3px 10px; margin:0; } .newsletter .newsbox-img { float:left; border:1px solid #ccc; margin: 8px 10px 10px 10px; } .newsletter .newsbox-caption p { margin: 0; padding: 0; font-size: 12px; font-family: arial; color: #00AEED; } .newsletter .beside_h3 { margin-top: 12px; } .newsletter .newsbox-img img { float:left; margin: 2px;} .newsletter-headbox { background: #dcedf7 url(../img/newsletter/newsletter-info-bg.png) left bottom repeat-x; margin:-7px -10px 10px -9px; padding:10px 12px; } .newsletter-headbox h2 { margin:0; } .newsletter-headbox h3 { margin:0; padding: 0 0 5px 10px; text-transform:uppercase; color: #383D43; } .newsletter-headbox h3 a { font-weight: bold; padding: 0; color: #383D43; text-decoration: none; } .newsletter-headbox h3 a:hover { text-decoration: underline; } .newsletter-headbox h3 span { font-size: 1.3em; padding: 0 5px; } .newsletter-separator { background:url(../img/newsletter/newsletter-separator.png) left top repeat-x; height:2px; margin: 10px -10px; clear:both; } .newsletter-headbox-article { margin-bottom: 15px; } .newsletter-newsbox { margin: 5px 10px; display: inline-block; padding: 0; width: 690px;} .newsletter-newsbox .newsbox-img { float: left; margin: 0 40px 0 0; } .newsletter-newsbox h2 { margin: 0; padding: 0 0 6px 0; } .newsletter-newsbox a { color: #383C45; padding: 5px 0 0; float: left; } .newsletter-newsbox a span { font-size: 1.2em; } .newsletter-newsbox a:hover { text-decoration: none; } .newsletter-newsbox-article h3 { color: #383D43; } .newsletter-newsbox-article h3 a { color: #383D43; font-weight: bold; padding: 0; } .newsletter-newsbox-article h3 a:hover { text-decoration: none; } .newsletter-newsbox-article p a { padding: 0; } .newsletter-newsbox-article p strong { font-weight: 900; } .newsletter-newsbox-article p em { font-style: italic; } .newsletter-newsbox-article ul li a { color: #383d43; padding: 0; } .newsletter-newsbox-article table { margin-left: 8px; margin-top: 0.5em; color: #383D43; } .newsletter-newsbox-article table td, .newsletter-newsbox-article table th { vertical-align: top !important; } .newsletter-newsbox-article table td a { padding: 0; color: #383D43; line-height: 1em; } .newsletter-newsbox-article .readmore { background: url(../img/newsletter/readmore.jpg) center left no-repeat; height: 36px; width: 126px; display: inline-block; color: #fff; font-weight: bold; text-decoration: none; line-height: 34px; padding-left: 11px; margin-top: 4px; } #scifest_table { margin-bottom: 2em; } #scifest_table tr th { font-weight: bold; border-bottom: 1px dotted #ccc; padding: 0.5em 1em 0.5em 0; } #scifest_table tr td { border-bottom: 1px dotted #ccc; padding: 0.5em 1em 0.5em 0; font-size: 0.9em; line-height: 1.2em; font-family: arial; } /*** STUDENTS AREA ***************************************************************************/ #winner{ height="77px"; margin:2px } #winner .silver{ margin-left:15px} /**************************************************************************/ /* Ask Tom */ #questions { list-style: none; margin: 0; padding: 0; } ol#questions li { line-height: 1.5em; clear: both; margin-bottom:2em; } #questions li ol, #questions li ul { margin-left: 40px; } #questions li ol li, #questions li ul li { padding: 0; } .questionauthor { padding: 5px 5px 5px 1em; margin-bottom:1px; background-color: #bcd6ea; background-repeat: repeat-x; background-position: 0 0; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -khtml-border-radius-topleft: 6px; -khtml-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; height:18px; /* IE */ } ol#questions>li>div.questionauthor { height:20px; /* IE7 / FF / ... */ } .questionauthor p { margin: 8px 45px 0; } .question { padding: 1.5em 1em; background-color: #dfeffc; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -khtml-border-radius-bottomleft: 6px; -khtml-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .question .sensor_question { font-weight:bold; } #answer_error, #answer_confirm { font-weight:bold; margin:15px; } #answer_error { background-color:red; } #answer_confirm { background-color:green; } /**************************************************************************/ .transpa { background-color:#666; filter: alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; } .btn_link { display:block; padding: 0; text-decoration:none; color:#fff; margin: 2px -2px; border:0 !important;} /* a */ .btn_link span { padding:0; display:block; margin:0; cursor:pointer; } .btn_link .btn_left,.btn_link .btn_right { background-image: url(../img/home_btn_gy.gif); background-repeat:no-repeat; height:28px;} .btn_link .btn_left { background-position: top left; } /* left div*/ .btn_link .btn_right { background-position: top right; margin-left:6px; } /* right div */ .btn_link .btn_middle { text-align:center; margin-right:6px; padding: 6px 0 0 0; } /* buton content div */ .btn_link:hover { color:#fff; } .btn_link:hover .btn_left { background-position: left -28px;} .btn_link:hover .btn_right { background-position: right -28px ; } .btn_link:active .btn_left { background-position: left -56px; } .btn_link:active .btn_right { background-position: right -56px; } .clear { clear:both; } span.college { display: inline-block; width: 4em; } /*Changes on 17th of July by Krisztian - add new drop down menu insted / kill side menu on sensors-equiptment.php sensors-equiptment.php:: add dropdown (line 97); remove list items (menu); exchange php session:: if (isset($_SESSION['sensor_page']) && isset($_SESSION['sensor_id'])) { echo "load_sensors_content('".$_SESSION['sensor_page']."', '".$_SESSION['sensor_id']."');"; } else { ?> load_sensors_content('basic_setup.php', 'sensor0');