Team:BioscienceDragons AZ

From 2013hs.igem.org

Revision as of 12:07, 22 June 2013 by Pestevan (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

','','','','

',''].join("");

       var categorystring = "";
       $().ready(function() {

           /*
            * General modifications of the page markup.
            */

           // Wrapper html modifications
           $("#globalWrapper").wrapInner($(document.createElement("div")).attr("id", "myWrapper"));
           $("#globalWrapper").hide().fadeIn(500);

           // Put divs around the content between header tags
           var index = 0;
           $("#bodyContent h2").not("table :header").each(function() {
              var $set = $();
              var nxt = this.nextSibling;
              while(nxt) {
                  if(!$(nxt).is("h2") && !$(nxt).is("#catlinks")) {
                      $set.push(nxt);
                      nxt = nxt.nextSibling;
                  } else break;
              }
              $set.wrapAll("<div class='box' />");
              index++;
           });

           /*
            * Global search form modifications
            */

           $("#searchGoButton").remove();
           $("#mw-searchButton").button().unbind().attr("title", "Search BioscienceDragon AZ").tooltip().hide();
           // fade the page in
           $("#searchInput").attr("title", "Search BioscienceDragon AZ").tooltip().focus(function() {
               $(this).next().show(500);
           }).blur(function() {
                $(this).next().hide(500);
           });

           /*
            * Background image for content area - randomizing
            */

           var imgs = ["purple-background.gif", "green-background.gif"];
           var img = imgs[Math.floor(Math.random()*imgs.length)];
           $("#content").css("backgroundImage", "url(http://apixeloff.com/bio/"+img+")");

           $("#searchform").submit(function() {
                var s = $("#searchInput").val();
                $("#searchInput").val("Team:BioscienceDragons AZ " + s);
           });

           /*
            * Modify the content headers to get rid of ugliness
            */

           var s = $(".firstHeading").html();
           var wo = s.replace("Team:","").replace("AZ", "").replace("BioscienceDragons", "Bioscience Dragons").replace("\/", "
").replace("_", " ");
           $(".firstHeading").html(wo);

           /*
            * Navigation
            */

           // Set the active navigation item
           $("#nav li").first().find("a").addClass("home");
           var active_nav = "home";
           var current_url = window.location.href.toString().split(window.location.host)[1];
           url_parts = current_url.split("/");
       //    page_title = url_parts[1].toString().replace("_", " "); 
           url_parts = url_parts.splice(1);
           page_title = url_parts.join("/"); // for use with getting the token later
           if(url_parts.length>1) {
              active_nav = classify(url_parts[1]);
              if(url_parts.length > 2) {
                  for(var j = 2; j < url_parts.length; j++) {
                      $("body").addClass(classify(url_parts[j]));
                  }
              }
           }

           var home = "Team:BioscienceDragons AZ";
           var elements = {};
           var nav = {};
           nav.navigation = [];
       //    var searchURL = "opensearch&search=Team%3ABioscienceDragons_AZ&namespace=0&suggest";
           var searchURL = "query&list=categorymembers&cmtitle=Category:Bioscience_Dragons&format=json&cmtype=page";
           $.ajax({
               url: baseURL + searchURL,
               type: 'POST',
               cache: false
           }).done(function(data) {
               $("#header").show();
               var pages = data.query.categorymembers;
               for(var page in pages) {
                   addPageToNav(pages[page].title);
               }
               $("a." + active_nav).addClass("active");
           }).error(function(x, error, b) {
               $("#header").fadeIn(500, "linear");
           });

           /*
            * Try to get the edittoken so we know if the user can edit this page or not
            * and/or create new pages
            */

           getEditToken();

           // SETUP FACEBOOK STUFF
         $.ajaxSetup({ cache: true });
         $.getScript('//connect.facebook.net/en_UK/all.js', function(){
           window.fbAsyncInit = function() {
             FB.init({
               appId: "475809515835981"
             });
             // attach div for comments
             var commentsHolder = $(document.createElement("div")).addClass("comments-holder");
             var comments = $(document.createElement("div")).addClass("fb-comments");
             comments.attr("data-href", window.location.href);
             comments.attr("data-width", "600").attr("data-num-posts", "10");
             $("#bodyContent").append(commentsHolder.append(comments));

             // attach div for Send button

//

             var send = $(document.createElement("div")).addClass("fb-send").addClass("right").attr("data-href", window.location.href);
             $("#myWrapper").prepend(send);
             var leftPos = -20;
             var dif = 35;
             send.hover(function() {
                 $(this).animate({
                     left: leftPos-dif
                 }, 200, function() {
                     $(this).css("z-index", 9999).addClass("opened");
                     $(this).animate({
                         left: leftPos
                     }, 200);
                 })
             }, function() {
                 $(this).animate({
                     left: leftPos-dif
                 }, 200, function() {
                     $(this).css("z-index", 1).removeClass("opened");
                     $(this).animate({
                         left: leftPos
                     }, 200)
                 })
             });

             // now parse it all
             FB.XFBML.parse();
           };
         });

});

       function getEditToken() {
           if(!edittoken) {
               $.ajax({
                   url: baseURL + "query&prop=info|revisions&intoken=edit&format=json&titles="+page_title,
                   type: 'POST',
                   cache: true
               }).done(function(data) {
                   if(data) {
                       var pages = data.query.pages;
                       for(var obj in pages) {
                           if(pages[obj].edittoken) {
                               console.log(pages[obj]);
                               edittoken = pages[obj].edittoken;
                               starttimestamp = pages[obj].starttimestamp;
                               addAdminContent();
                               break;
                           }
                       }
                   }
               }).error(function(a, b, c) {

               });
           }
       }

       function addAdminContent() {
           // First, add the div to hold the dialog object
           add_dialog = $(document.createElement("div")).attr("id", "dialog-form").attr("title", "Create Page");
           addCreatePageContent();
           $("body").append(add_dialog);
           addCreatePageDialog();

           // add the button to open the Add Page dialog

$("#header #nav").append($("

").addClass("right").append($("<a href='#' class='create_page'>").append("Page</a>").button({ icons: { primary: "ui-icon-document"}, text: false}).attr("title", "Create a new page.").tooltip().click(openCreatePageDialog))); } function addCreatePageContent() { var code = beginningtext; // Div and Form tags var form_tag = $(document.createElement("form")).attr("method", "POST").attr("id", "addPage").submit(createPage); // Items for the Path var path_holder = $("

").append("Step 1: Set page path and title"); var path_ul = $("

").addClass("isbutton"); var link = $("<a href='#'>").append(titlefy(url_parts[k])); if(k==0) link.button({disabled: true}).click(removeLink); else link.button({ icons: {secondary: "ui-icon-squaresmall-close"}}).click(removePath) path_ul.append(li.append(link).append(" / ")); } var newpath = ""; var new_dir = $(document.createElement("input")).attr("type", "text").addClass("required").attr("name", "title").attr("id", "addTitle").focus(checkPathInput).change(getNewPath); path_ul.append($(document.createElement("li")).append(new_dir)); path_holder.append(path_ul); path_holder.append("

");

           form_tag.append(path_holder);

           // OPTIONS
           var fieldset = $(document.createElement("fieldset")).addClass("path").append($(document.createElement("legend")).append("Step 2: Set Options"));
           var toc_div = $(document.createElement("div")).addClass("options");
           var toc_check = $(document.createElement("input")).attr("type", "checkbox").attr("name", "excludeTOC").attr("title", "Exclude Table of Contents").val("excludeTOC").attr("id", "excludeTOC").change(function() {
               if($(this).prop("checked"))
                   code = "\n"+beginningtext;
               else 
                   code = beginningtext;
               if(nav_check.prop("checked"))
                   code += "\n" + categorystring;
               textfield.val(code);
           });
           var toc_label = $(document.createElement("label")).attr("for", "excludeTOC").append("Exclude the Table of Contents");
           var nav_div = $(document.createElement("div")).addClass("options");
           var nav_check = $(document.createElement("input")).attr("type", "checkbox").attr("name", "excludeNAV").attr("title", "Exclude in navigation").attr("id", "excludeNAV").change(function() {
               if(toc_check.prop("checked")) 
                   code = "\n" + beginningtext;
               if($(this).prop('checked'))
                   code += "\n"+categorystring;
               textfield.val(code);
           });
           var nav_label = $(document.createElement("label")).attr("for", "excludeNAV").append("Include in navigation");
           form_tag.append(fieldset.append(toc_div.append(toc_check).append(toc_label)));
           form_tag.append(fieldset.append(nav_div.append(nav_check).append(nav_label)));

           // Copy to clipboard
           var copyfield = $(document.createElement("fieldset")).addClass("path").append($(document.createElement("legend")).append("Step 3: Copy Code."));

var copy_div = $(document.createElement("div")).addClass("options").append("

Select the textarea below. Hold CTRL-C to copy, or right click and click Copy

");

           var textfield = $(document.createElement("textarea")).val(code).focus(function() {
               $this = $(this);
               $(this).select();
               // Work around Chrome's little problem
               $this.mouseup(function() {
                   // Prevent further mouseup intervention
                   $this.unbind("mouseup");
                   return false;
               });
           });
           form_tag.append(copyfield.append(copy_div.append(textfield)));

           var pastefield = $(document.createElement("fieldset")).addClass("path").append($(document.createElement("legend")).append("Step 4: Go to Edit Page and Paste Code in Edit Textarea"));
           var paste_div = $(document.createElement("div")).addClass("options");
           var paste_link = $(document.createElement("a")).attr("href", "#").attr("id", "pastelink").append("Go to Edit Page").button();
           form_tag.append(pastefield.append(paste_div.append(paste_link)));

           add_dialog.append(form_tag);

       function getNewPath() {
           newpath = ""; 
           $("#path .isbutton span.ui-button-text").each(function(index) {
               newpath += $(this).html() + "/";
           })
           newpath += $("#addTitle").val();
           $("#pastelink").attr("href", "/wiki/index.php?title="+newpath+"&action=edit");    
       }

       function addCreatePageDialog() {
           // Make it a dialog
           add_dialog.dialog({
               autoOpen: false,
               width: 700,
               modal: true,
               buttons: {
                   "Cancel" : function() {
                       $(this).dialog("close");
                   }
               },
               open: function() {
                   $("#addTitle").focus();
               }
           });
       }

       function openCreatePageDialog() {
           $("#dialog-form").dialog("open");
           return false;
       }

       function removePath() {
           $("#path li").removeClass("selected");
           var i = $(this).parent().addClass("selected");
           $("#path li.selected ~ li.isbutton").fadeOut(1000, function() { $(this).remove(); });
           $(this).parent().fadeOut(1000, function() { $(this).remove(); getNewPath(); });
       }

       function checkPathInput() {

       function showMessage(str) {
           alert(str);
       }

       function createPage() {
           console.log("createPage("+edittoken+")");
           if(edittoken) {
               // get the path for the new page
               var path = "";
               var title = $("#addTitle").val();
               if(title.length<1) {
                   showMessage("You must enter a title for this new page.");
                   return false;
               }
               $("#path .isbutton a span.ui-button-text").each(function(index) {
                   path += (index>0) ? "/" : "";
                   path += $(this).html();
               })
               pagetitle = path+"/"+title;
               var content = beginningtext;
               if($("#excludeTOC").prop("checked"))
                   content = "\n" + content;
               if(!$("#excludeNAV").prop("checked"))
                   content += categorystring;
               var url = justURL;
               pagetitle = pagetitle.replace("_", " ");
               window.location = "/wiki/index.php?title="+pagetitle+"&action=edit";
           }
           return false;
       }

       function titlefy(str) {
           var i = str.toString().indexOf("#");
           if(i>=0)
               str = str.toString().substr(0, i);
           return str;
       }

       function removeLink() {
           return false;
       }

       function addPageToNav(page) {
           var parts = page.split("/").slice(1);
           if(parts.length==0)
               return;
           for(var i = 0; i < parts.length; i++) {
               var title = parts[parts.length-1];
               var title_class = classify(title);
               var li = getLI(title, page);
               li.hide();        
               var top_class = classify(parts[0]);
               // this is a primary page
               if(i == 0 && $("#header ul li." + top_class).size() < 1) { 
                   li.addClass(top_class);
                   $("#header ul").append(li);
               } else if(i == 1) {  
                   // this is a sub page
                   title = parts[i-1];
                   title_class = classify(title);
                   var ul;
                   if($("#header li."+title_class+" ul." + title_class).size() < 1) {
                       // if this is the first sub page, add a new UL to its parent
                       ul = $(document.createElement("ul")).addClass(title_class);
                       $("#header ul li." + title_class).append(ul);
                   } else {
                       // otherwise get the existing submenu ul
                       ul = $("#header li."+title_class+" ul." + title_class);
                   }
                   // now create its LI
                   ul.append(li.show());
               }
           }
       }

       function getLI(title, url) {
           var classTitle = classify(title);
           var li = $(document.createElement("li")).append($(document.createElement("a")).attr("href", "/" + url).append(title).addClass(classTitle));
           return li;
       }

       function classify(str) {
           str = str.toString().toLowerCase().replace(" ", "_").replace("&","_").replace(":", "_");
           return str;
       }

       // Robust solution (from Twitter) to solve IE's console issue
       (function() {
           var method;
           var noop = function () {};
           var methods = [
               'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
               'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
               'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
               'timeStamp', 'trace', 'warn'
           ];
           var length = methods.length;
           var console = (window.console = window.console || {});

           while (length--) {
               method = methods[length];

               // Only stub undefined methods.
               if (!console[method]) {
                   console[method] = noop;
               }
           }
       }());
   </script>
   <style type="text/css">
       #globalWrapper { display: none; }

       h1, h2, h3, h4, h5, h6 { 
           font-weight: 700; 
           font-family: 'Open Sans', sans-serif; 
           font-weight: 700;
           border-bottom: none;
           padding-bottom: 15px;
           margin-bottom: 2em;
           margin-top: 3em;
           background: url('http://www.apixeloff.com/bio/dots_dark.png') bottom left repeat-x;
       }
       h3 { color: #666; }
       h4 { color: #999; }
       h5 { color: #aaa; }
       h6 { color: #ccc; }

       body { background: #eee url(grey_back_texture__by_Trapunta.png); font-family: 'Open Sans', sans-serif; font-weight: 300; }
       #content { min-height: 500px; padding-bottom: 2em; background-color: #fff; background-repeat: no-repeat; background-position: 0 26px;  }
       #bodyContent { padding-left: 1em; padding-right: 1em; }
       #myWrapper { width: 975px; margin: 20px auto; box-shadow: 0 6px 22px #333; border-radius: 10px; position: relative; }
       #catlinks { border: none; background-color: inherit; padding: 0; margin-top: 2em; clear: both; }
       #catlinks.catlinks { border-radius: 5px; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; position: absolute; bottom: 5px; width: 928px; }
       #content, #footer-box, #top-section { border: none; }
       #top-section { border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; }
       #footer-box { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; }
       .firstHeading {  font-size: 24px; background: none;  color: #153c1a; font-family: 'Open Sans', Arial, sans-serif; margin: 65px 0 0 10px;  padding: 0; font-weight: bold; line-height: .8em; }
       pre { overflow: auto; }
       .toc h2 { background: none; }
       #searchform {  position: absolute; top: 4px; right: 15px; width: 500px; text-align: right; }
       input#searchGoButton { display: none; }
       input#mw-searchButton { float: right;  margin: 1px 0 0 0;  background: #e6e6e6 url() 50% 50% repeat-x; font-weight: normal; border: 1px solid #d3d3d3; font-size: 10px;  text-shadow: 1px 1px 4px white; color: #999; }
       input#mw-searchButton:hover  {  border: 1px solid #999999; }
       input#searchInput { border: none; border-radius: 3px; padding: 5px 3px; margin-right: 5px; }
       fieldset { padding: 1em; }
       fieldset label { margin-right: .5em; }
       #header {
           position: absolute;
           top: 0;
           left: 0;
           border-top: 1px solid #eee;
           border-bottom: 1px solid #ddd;
           width: 975px;
           background: #e0e0e0; 
           margin-bottom: 30px;
           background-image: linear-gradient(bottom, rgb(230,230,230) 31%, rgb(209,209,209) 66%);
           background-image: -o-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(209,209,209) 66%);
           background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(209,209,209) 66%);
           background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(209,209,209) 66%);
           background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 31%, rgb(209,209,209) 66%);
           background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.31, rgb(230,230,230)), color-stop(0.66, rgb(209,209,209)));
       }

       .clear { clear: both; }
       #nav { list-style: none; margin: 0; padding: 0; }
       #nav li { float: left; margin-bottom: 0; position: relative; }
       #nav li a { 
           display: block; 
           float: left; 
           padding: 7px 10px 7px 10px; 
           color: #999;
           margin-top: 1px;
           letter-spacing: 1px;
           font-weight: bold; 
           text-transform: uppercase; 
           font-size: 11px; 
           border-right: 1px solid #d1d1d1;
           text-shadow: 1px 1px 4px white;
       }
       #nav li a:hover, #nav li a.active { 
           text-shadow: 1px 1px 4px #333; 
           text-decoration: none; 
           background: #999; 
           color: #eee;
           border-right: 1px solid #333;
           border-bottom: 1px solid #fff;
           background-image: linear-gradient(top, rgb(54,54,53) 21%, rgb(122,122,122) 61%);
           background-image: -o-linear-gradient(top, rgb(54,54,53) 21%, rgb(122,122,122) 61%);
           background-image: -moz-linear-gradient(top, rgb(54,54,53) 21%, rgb(122,122,122) 61%);
           background-image: -webkit-linear-gradient(top, rgb(54,54,53) 21%, rgb(122,122,122) 61%);
           background-image: -ms-linear-gradient(top, rgb(54,54,53) 21%, rgb(122,122,122) 61%);
           background-image: -webkit-gradient(
                   linear,
                   left top,
                   left bottom,
                   color-stop(0.21, rgb(54,54,53)),
                   color-stop(0.61, rgb(122,122,122))
           );
       }

       #nav ul { list-style: none; background: #eee; display: none; position: absolute; top: 34px; padding: 0; margin: 0 auto; border-bottom: 1px solid #CBD0B8; *width: 100%; *left: 0; }
       #nav ul li { list-style: none;  display: block; }
       #nav li:hover ul { display: block; }
       #nav li.right a { padding: inherit; border-right: none; text-transform: none; font-weight: normal; letter-spacing: normal; }
       #nav li.right, #nav li.right a { float: right; margin-right: 5px; margin-top: 3px; }
       #nav li li {  float: none; }
       #nav li li a { border-right: none; white-space: nowrap;  display: block; float: none; clear: both;  }

       #loader { display: none; padding: 7px 10px 7px 10px; color: #999; }

       .editsection { font-size: 10px; letter-spacing: 1px; visibility: hidden; float: none; margin-left: -4em; }
       .editsection a { color: #333; visibility: visible; padding: 2px 5px; font-weight: normal; border-bottom: 1px solid #fafafa; border-radius: 5px; 
           background-image: linear-gradient(left , rgb(250,250,250) 42%, rgb(255,255,255) 72%);
           background-image: -o-linear-gradient(left , rgb(250,250,250) 42%, rgb(255,255,255) 72%);
           background-image: -moz-linear-gradient(left , rgb(250,250,250) 42%, rgb(255,255,255) 72%);
           background-image: -webkit-linear-gradient(left , rgb(250,250,250) 42%, rgb(255,255,255) 72%);
           background-image: -ms-linear-gradient(left , rgb(250,250,250) 42%, rgb(255,255,255) 72%);
           background-image: -webkit-gradient(
                   linear,
                   left top,
                   right top,
                   color-stop(0.42, rgb(250,250,250)),
                   color-stop(0.72, rgb(255,255,255))
           );
       }
       .editsection a:hover { text-decoration: none; background: #999; color: #fff; }

       #path { list-style: none; margin: 0; padding: 0; }
       #path li a { display: block;  float: left; }
       .path { border: 1px dotted #ccc; padding: 8px 5px; margin-bottom: 1em; }
       .path li { padding: 5px 2px; float: left; }
       #path input { border-radius: 5px; padding: 3px 5px;}

       .box { 
           padding: 10px; 
           border-radius: 10px; 
           margin-top: 1em; 
           box-shadow: 0px 2px 10px #dedede;
           background-image: linear-gradient(bottom, rgb(252,252,252) 10%, rgb(255,255,255) 72%);
           background-image: -o-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(255,255,255) 72%);
           background-image: -moz-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(255,255,255) 72%);
           background-image: -webkit-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(255,255,255) 72%);
           background-image: -ms-linear-gradient(bottom, rgb(252,252,252) 10%, rgb(255,255,255) 72%);

           background-image: -webkit-gradient(
                   linear,
                   right bottom,
                   right top,
                   color-stop(0.1, rgb(252,252,252)),
                   color-stop(0.72, rgb(255,255,255))
           );
       }

       #bodyContent p, #bodyContent div { line-height: 2em; }

       .infobox {
           border: 1px solid #aaa;
           background-color: #f9f9f9;
           color: black;
           margin: 0.5em 1em 0.5em 0;
           padding: 0.2em;
           float: left;
           clear: right;
           text-align: left;
           font-size: 88%;
           line-height: 1.5em;
           width: 250px;
       }

       .infobox.right { float: right; clear: right; margin: .5em 0 .5em 1.5em; }
       .infobox .thumb { border: none; text-align: center; }
       .infobox .thumbinner { margin: 0 auto; }
       .infobox th { text-align: center; font-size: 125%; padding: .5em 0; }

       .comments-holder { padding-left: 180px; margin-top: 40px; }
       .note { font-size: .8em; color: #999; }
       .fb-send { position: absolute; top: 19px; left: -20px; z-index: 1; height: 20px; width: 100px; overflow: hidden; }
       .opened { height: auto; width: auto; overflow: visible; }

       @font-face {
         font-family: 'Open Sans';
         font-style: normal;
         font-weight: 300;
         src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
       }
       @font-face {
         font-family: 'Open Sans';
         font-style: normal;
         font-weight: 400;
         src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
       }
       @font-face {
         font-family: 'Open Sans';
         font-style: normal;
         font-weight: 700;
         src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
       }
       @font-face {
         font-family: 'Open Sans';
         font-style: italic;
         font-weight: 300;
         src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
       }
       @font-face {
         font-family: 'Open Sans';
         font-style: italic;
         font-weight: 700;
         src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
       }

       /*! jQuery UI - v1.10.3 - 2013-05-03
       * http://jqueryui.com
       * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
       * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
       * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

       /* Layout helpers
       ----------------------------------*/
       .ui-helper-hidden {
               display: none;
       }
       .ui-helper-hidden-accessible {
               border: 0;
               clip: rect(0 0 0 0);
               height: 1px;
               margin: -1px;
               overflow: hidden;
               padding: 0;
               position: absolute;
               width: 1px;
       }
       .ui-helper-reset {
               margin: 0;
               padding: 0;
               border: 0;
               outline: 0;
               line-height: 1.3;
               text-decoration: none;
               font-size: 100%;
               list-style: none;
       }
       .ui-helper-clearfix:before,
       .ui-helper-clearfix:after {
               content: "";
               display: table;
               border-collapse: collapse;
       }
       .ui-helper-clearfix:after {
               clear: both;
       }
       .ui-helper-clearfix {
               min-height: 0; /* support: IE7 */
       }
       .ui-helper-zfix {
               width: 100%;
               height: 100%;
               top: 0;
               left: 0;
               position: absolute;
               opacity: 0;
               filter:Alpha(Opacity=0);
       }

       .ui-front {
               z-index: 100;
       }

       /* Interaction Cues
       ----------------------------------*/
       .ui-state-disabled {
               cursor: default !important;
       }

       /* Icons
       ----------------------------------*/

       /* states and images */
       .ui-icon {
               display: block;
               text-indent: -99999px;
               overflow: hidden;
               background-repeat: no-repeat;
       }

       /* Misc visuals
       ----------------------------------*/

       /* Overlays */
       .ui-widget-overlay {
               position: fixed;
               top: 0;
               left: 0;
               width: 100%;
               height: 100%;
       }
       .ui-button {
               display: inline-block;
               position: relative;
               padding: 0;
               line-height: normal;
               margin-right: .1em;
               cursor: pointer;
               vertical-align: middle;
               text-align: center;
               overflow: visible; /* removes extra width in IE */
       }
       .ui-button,
       .ui-button:link,
       .ui-button:visited,
       .ui-button:hover,
       .ui-button:active {
               text-decoration: none;
       }
       /* to make room for the icon, a width needs to be set here */
       .ui-button-icon-only {
               width: 2.2em;
       }
       /* button elements seem to need a little more width */
       button.ui-button-icon-only {
               width: 2.4em;
       }
       .ui-button-icons-only {
               width: 3.4em;
       }
       button.ui-button-icons-only {
               width: 3.7em;
       }

       /* button text element */
       .ui-button .ui-button-text {
               display: block;
               line-height: normal;
       }
       .ui-button-text-only .ui-button-text {
               padding: .4em 1em;
       }
       .ui-button-icon-only .ui-button-text,
       .ui-button-icons-only .ui-button-text {
               padding: .4em;
               text-indent: -9999999px;
       }
       .ui-button-text-icon-primary .ui-button-text,
       .ui-button-text-icons .ui-button-text {
               padding: .4em 1em .4em 2.1em;
       }
       .ui-button-text-icon-secondary .ui-button-text,
       .ui-button-text-icons .ui-button-text {
               padding: .4em 2.1em .4em 1em;
       }
       .ui-button-text-icons .ui-button-text {
               padding-left: 2.1em;
               padding-right: 2.1em;
       }
       /* no icon support for input elements, provide padding by default */
       input.ui-button {
               padding: .4em 1em;
       }

       /* button icon element(s) */
       .ui-button-icon-only .ui-icon,
       .ui-button-text-icon-primary .ui-icon,
       .ui-button-text-icon-secondary .ui-icon,
       .ui-button-text-icons .ui-icon,
       .ui-button-icons-only .ui-icon {
               position: absolute;
               top: 50%;
               margin-top: -8px;
       }
       .ui-button-icon-only .ui-icon {
               left: 50%;
               margin-left: -8px;
       }
       .ui-button-text-icon-primary .ui-button-icon-primary,
       .ui-button-text-icons .ui-button-icon-primary,
       .ui-button-icons-only .ui-button-icon-primary {
               left: .5em;
       }
       .ui-button-text-icon-secondary .ui-button-icon-secondary,
       .ui-button-text-icons .ui-button-icon-secondary,
       .ui-button-icons-only .ui-button-icon-secondary {
               right: .5em;
       }

       /* button sets */
       .ui-buttonset {
               margin-right: 7px;
       }
       .ui-buttonset .ui-button {
               margin-left: 0;
               margin-right: -.3em;
       }

       /* workarounds */
       /* reset extra padding in Firefox, see h5bp.com/l */
       input.ui-button::-moz-focus-inner,
       button.ui-button::-moz-focus-inner {
               border: 0;
               padding: 0;
       }

       .ui-dialog {
               position: absolute;
               top: 0;
               left: 0;
               padding: .2em;
               outline: 0;
       }
       .ui-dialog .ui-dialog-titlebar {
               padding: .4em 1em;
               position: relative;
       }
       .ui-dialog .ui-dialog-title {
               float: left;
               margin: .1em 0;
               white-space: nowrap;
               width: 90%;
               overflow: hidden;
               text-overflow: ellipsis;
       }
       .ui-dialog .ui-dialog-titlebar-close {
               position: absolute;
               right: .3em;
               top: 50%;
               width: 21px;
               margin: -10px 0 0 0;
               padding: 1px;
               height: 20px;
       }
       .ui-dialog .ui-dialog-content {
               position: relative;
               border: 0;
               padding: .5em 1em;
               background: none;
               overflow: auto;
       }
       .ui-dialog .ui-dialog-buttonpane {
               text-align: left;
               border-width: 1px 0 0 0;
               background-image: none;
               margin-top: .5em;
               padding: .3em 1em .5em .4em;
       }
       .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
               float: right;
       }
       .ui-dialog .ui-dialog-buttonpane button {
               margin: .5em .4em .5em 0;
               cursor: pointer;
       }
       .ui-dialog .ui-resizable-se {
               width: 12px;
               height: 12px;
               right: -5px;
               bottom: -5px;
               background-position: 16px 16px;
       }
       .ui-draggable .ui-dialog-titlebar {
               cursor: move;
       }
       .ui-tooltip {
               padding: 8px;
               position: absolute;
               z-index: 9999;
               max-width: 300px;
               -webkit-box-shadow: 0 0 5px #aaa;
               box-shadow: 0 0 5px #aaa;
       }
       body .ui-tooltip {
               border-width: 2px;
       }

       /* Component containers
       ----------------------------------*/
       .ui-widget {
               font-family: Verdana,Arial,sans-serif;
               font-size: 1.1em;
       }
       .ui-widget .ui-widget {
               font-size: 1em;
       }
       .ui-widget input,
       .ui-widget select,
       .ui-widget textarea,
       .ui-widget button {
               font-family: Verdana,Arial,sans-serif;
               font-size: 1em;
       }
       .ui-widget-content {
               border: 1px solid #aaaaaa;
               background: #ffffff url() 50% 50% repeat-x;
               color: #222222;
       }
       .ui-widget-content a {
               color: #222222;
       }
       .ui-widget-header {
               border: 1px solid #aaaaaa;
               background: #cccccc url() 50% 50% repeat-x;
               color: #222222;
               font-weight: bold;
       }
       .ui-widget-header a {
               color: #222222;
       }

       /* Interaction states
       ----------------------------------*/
       .ui-state-default,
       .ui-widget-content .ui-state-default,
       .ui-widget-header .ui-state-default {
               border: 1px solid #d3d3d3;
               background: #e6e6e6 url() 50% 50% repeat-x;
               font-weight: normal;
               color: #555555;
       }
       .ui-state-default a,
       .ui-state-default a:link,
       .ui-state-default a:visited {
               color: #555555;
               text-decoration: none;
       }
       .ui-state-hover,
       .ui-widget-content .ui-state-hover,
       .ui-widget-header .ui-state-hover,
       .ui-state-focus,
       .ui-widget-content .ui-state-focus,
       .ui-widget-header .ui-state-focus {
               border: 1px solid #999999;
               background: #dadada url() 50% 50% repeat-x;
               font-weight: normal;
               color: #212121;
       }
       .ui-state-hover a,
       .ui-state-hover a:hover,
       .ui-state-hover a:link,
       .ui-state-hover a:visited {
               color: #212121;
               text-decoration: none;
       }
       .ui-state-active,
       .ui-widget-content .ui-state-active,
       .ui-widget-header .ui-state-active {
               border: 1px solid #aaaaaa;
               background: #ffffff url() 50% 50% repeat-x;
               font-weight: normal;
               color: #212121;
       }
       .ui-state-active a,
       .ui-state-active a:link,
       .ui-state-active a:visited {
               color: #212121;
               text-decoration: none;
       }

       /* Interaction Cues
       ----------------------------------*/
       .ui-state-highlight,
       .ui-widget-content .ui-state-highlight,
       .ui-widget-header .ui-state-highlight {
               border: 1px solid #fcefa1;
               background: #fbf9ee url() 50% 50% repeat-x;
               color: #363636;
       }
       .ui-state-highlight a,
       .ui-widget-content .ui-state-highlight a,
       .ui-widget-header .ui-state-highlight a {
               color: #363636;
       }
       .ui-state-error,
       .ui-widget-content .ui-state-error,
       .ui-widget-header .ui-state-error {
               border: 1px solid #cd0a0a;
               background: #fef1ec url() 50% 50% repeat-x;
               color: #cd0a0a;
       }
       .ui-state-error a,
       .ui-widget-content .ui-state-error a,
       .ui-widget-header .ui-state-error a {
               color: #cd0a0a;
       }
       .ui-state-error-text,
       .ui-widget-content .ui-state-error-text,
       .ui-widget-header .ui-state-error-text {
               color: #cd0a0a;
       }
       .ui-priority-primary,
       .ui-widget-content .ui-priority-primary,
       .ui-widget-header .ui-priority-primary {
               font-weight: bold;
       }
       .ui-priority-secondary,
       .ui-widget-content .ui-priority-secondary,
       .ui-widget-header .ui-priority-secondary {
               opacity: .7;
               filter:Alpha(Opacity=70);
               font-weight: normal;
       }
       .ui-state-disabled,
       .ui-widget-content .ui-state-disabled,
       .ui-widget-header .ui-state-disabled {
               opacity: .35;
               filter:Alpha(Opacity=35);
               background-image: none;
       }
       .ui-state-disabled .ui-icon {
               filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
       }

       /* Icons
       ----------------------------------*/

       /* states and images */
       .ui-icon {
               width: 16px;
               height: 16px;
       }
       .ui-icon,
       .ui-widget-content .ui-icon {
               background-image: url();
       }
       .ui-widget-header .ui-icon {
               background-image: url();
       }
       .ui-state-default .ui-icon {
               background-image: url();
       }
       .ui-state-hover .ui-icon,
       .ui-state-focus .ui-icon {
               background-image: url();
       }
       .ui-state-active .ui-icon {
               background-image: url();
       }
       .ui-state-highlight .ui-icon {
               background-image: url();
       }
       .ui-state-error .ui-icon,
       .ui-state-error-text .ui-icon {
               background-image: url();
       }

       /* positioning */
       .ui-icon-blank { background-position: 16px 16px; }
       .ui-icon-carat-1-n { background-position: 0 0; }
       .ui-icon-carat-1-ne { background-position: -16px 0; }
       .ui-icon-carat-1-e { background-position: -32px 0; }
       .ui-icon-carat-1-se { background-position: -48px 0; }
       .ui-icon-carat-1-s { background-position: -64px 0; }
       .ui-icon-carat-1-sw { background-position: -80px 0; }
       .ui-icon-carat-1-w { background-position: -96px 0; }
       .ui-icon-carat-1-nw { background-position: -112px 0; }
       .ui-icon-carat-2-n-s { background-position: -128px 0; }
       .ui-icon-carat-2-e-w { background-position: -144px 0; }
       .ui-icon-triangle-1-n { background-position: 0 -16px; }
       .ui-icon-triangle-1-ne { background-position: -16px -16px; }
       .ui-icon-triangle-1-e { background-position: -32px -16px; }
       .ui-icon-triangle-1-se { background-position: -48px -16px; }
       .ui-icon-triangle-1-s { background-position: -64px -16px; }
       .ui-icon-triangle-1-sw { background-position: -80px -16px; }
       .ui-icon-triangle-1-w { background-position: -96px -16px; }
       .ui-icon-triangle-1-nw { background-position: -112px -16px; }
       .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
       .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
       .ui-icon-arrow-1-n { background-position: 0 -32px; }
       .ui-icon-arrow-1-ne { background-position: -16px -32px; }
       .ui-icon-arrow-1-e { background-position: -32px -32px; }
       .ui-icon-arrow-1-se { background-position: -48px -32px; }
       .ui-icon-arrow-1-s { background-position: -64px -32px; }
       .ui-icon-arrow-1-sw { background-position: -80px -32px; }
       .ui-icon-arrow-1-w { background-position: -96px -32px; }
       .ui-icon-arrow-1-nw { background-position: -112px -32px; }
       .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
       .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
       .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
       .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
       .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
       .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
       .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
       .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
       .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
       .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
       .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
       .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
       .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
       .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
       .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
       .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
       .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
       .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
       .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
       .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
       .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
       .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
       .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
       .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
       .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
       .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
       .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
       .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
       .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
       .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
       .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
       .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
       .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
       .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
       .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
       .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
       .ui-icon-arrow-4 { background-position: 0 -80px; }
       .ui-icon-arrow-4-diag { background-position: -16px -80px; }
       .ui-icon-extlink { background-position: -32px -80px; }
       .ui-icon-newwin { background-position: -48px -80px; }
       .ui-icon-refresh { background-position: -64px -80px; }
       .ui-icon-shuffle { background-position: -80px -80px; }
       .ui-icon-transfer-e-w { background-position: -96px -80px; }
       .ui-icon-transferthick-e-w { background-position: -112px -80px; }
       .ui-icon-folder-collapsed { background-position: 0 -96px; }
       .ui-icon-folder-open { background-position: -16px -96px; }
       .ui-icon-document { background-position: -32px -96px; }
       .ui-icon-document-b { background-position: -48px -96px; }
       .ui-icon-note { background-position: -64px -96px; }
       .ui-icon-mail-closed { background-position: -80px -96px; }
       .ui-icon-mail-open { background-position: -96px -96px; }
       .ui-icon-suitcase { background-position: -112px -96px; }
       .ui-icon-comment { background-position: -128px -96px; }
       .ui-icon-person { background-position: -144px -96px; }
       .ui-icon-print { background-position: -160px -96px; }
       .ui-icon-trash { background-position: -176px -96px; }
       .ui-icon-locked { background-position: -192px -96px; }
       .ui-icon-unlocked { background-position: -208px -96px; }
       .ui-icon-bookmark { background-position: -224px -96px; }
       .ui-icon-tag { background-position: -240px -96px; }
       .ui-icon-home { background-position: 0 -112px; }
       .ui-icon-flag { background-position: -16px -112px; }
       .ui-icon-calendar { background-position: -32px -112px; }
       .ui-icon-cart { background-position: -48px -112px; }
       .ui-icon-pencil { background-position: -64px -112px; }
       .ui-icon-clock { background-position: -80px -112px; }
       .ui-icon-disk { background-position: -96px -112px; }
       .ui-icon-calculator { background-position: -112px -112px; }
       .ui-icon-zoomin { background-position: -128px -112px; }
       .ui-icon-zoomout { background-position: -144px -112px; }
       .ui-icon-search { background-position: -160px -112px; }
       .ui-icon-wrench { background-position: -176px -112px; }
       .ui-icon-gear { background-position: -192px -112px; }
       .ui-icon-heart { background-position: -208px -112px; }
       .ui-icon-star { background-position: -224px -112px; }
       .ui-icon-link { background-position: -240px -112px; }
       .ui-icon-cancel { background-position: 0 -128px; }
       .ui-icon-plus { background-position: -16px -128px; }
       .ui-icon-plusthick { background-position: -32px -128px; }
       .ui-icon-minus { background-position: -48px -128px; }
       .ui-icon-minusthick { background-position: -64px -128px; }
       .ui-icon-close { background-position: -80px -128px; }
       .ui-icon-closethick { background-position: -96px -128px; }
       .ui-icon-key { background-position: -112px -128px; }
       .ui-icon-lightbulb { background-position: -128px -128px; }
       .ui-icon-scissors { background-position: -144px -128px; }
       .ui-icon-clipboard { background-position: -160px -128px; }
       .ui-icon-copy { background-position: -176px -128px; }
       .ui-icon-contact { background-position: -192px -128px; }
       .ui-icon-image { background-position: -208px -128px; }
       .ui-icon-video { background-position: -224px -128px; }
       .ui-icon-script { background-position: -240px -128px; }
       .ui-icon-alert { background-position: 0 -144px; }
       .ui-icon-info { background-position: -16px -144px; }
       .ui-icon-notice { background-position: -32px -144px; }
       .ui-icon-help { background-position: -48px -144px; }
       .ui-icon-check { background-position: -64px -144px; }
       .ui-icon-bullet { background-position: -80px -144px; }
       .ui-icon-radio-on { background-position: -96px -144px; }
       .ui-icon-radio-off { background-position: -112px -144px; }
       .ui-icon-pin-w { background-position: -128px -144px; }
       .ui-icon-pin-s { background-position: -144px -144px; }
       .ui-icon-play { background-position: 0 -160px; }
       .ui-icon-pause { background-position: -16px -160px; }
       .ui-icon-seek-next { background-position: -32px -160px; }
       .ui-icon-seek-prev { background-position: -48px -160px; }
       .ui-icon-seek-end { background-position: -64px -160px; }
       .ui-icon-seek-start { background-position: -80px -160px; }
       /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
       .ui-icon-seek-first { background-position: -80px -160px; }
       .ui-icon-stop { background-position: -96px -160px; }
       .ui-icon-eject { background-position: -112px -160px; }
       .ui-icon-volume-off { background-position: -128px -160px; }
       .ui-icon-volume-on { background-position: -144px -160px; }
       .ui-icon-power { background-position: 0 -176px; }
       .ui-icon-signal-diag { background-position: -16px -176px; }
       .ui-icon-signal { background-position: -32px -176px; }
       .ui-icon-battery-0 { background-position: -48px -176px; }
       .ui-icon-battery-1 { background-position: -64px -176px; }
       .ui-icon-battery-2 { background-position: -80px -176px; }
       .ui-icon-battery-3 { background-position: -96px -176px; }
       .ui-icon-circle-plus { background-position: 0 -192px; }
       .ui-icon-circle-minus { background-position: -16px -192px; }
       .ui-icon-circle-close { background-position: -32px -192px; }
       .ui-icon-circle-triangle-e { background-position: -48px -192px; }
       .ui-icon-circle-triangle-s { background-position: -64px -192px; }
       .ui-icon-circle-triangle-w { background-position: -80px -192px; }
       .ui-icon-circle-triangle-n { background-position: -96px -192px; }
       .ui-icon-circle-arrow-e { background-position: -112px -192px; }
       .ui-icon-circle-arrow-s { background-position: -128px -192px; }
       .ui-icon-circle-arrow-w { background-position: -144px -192px; }
       .ui-icon-circle-arrow-n { background-position: -160px -192px; }
       .ui-icon-circle-zoomin { background-position: -176px -192px; }
       .ui-icon-circle-zoomout { background-position: -192px -192px; }
       .ui-icon-circle-check { background-position: -208px -192px; }
       .ui-icon-circlesmall-plus { background-position: 0 -208px; }
       .ui-icon-circlesmall-minus { background-position: -16px -208px; }
       .ui-icon-circlesmall-close { background-position: -32px -208px; }
       .ui-icon-squaresmall-plus { background-position: -48px -208px; }
       .ui-icon-squaresmall-minus { background-position: -64px -208px; }
       .ui-icon-squaresmall-close { background-position: -80px -208px; }
       .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
       .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
       .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
       .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
       .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
       .ui-icon-grip-diagonal-se { background-position: -80px -224px; }

       /* Misc visuals
       ----------------------------------*/

       /* Corner radius */
       .ui-corner-all,
       .ui-corner-top,
       .ui-corner-left,
       .ui-corner-tl {
               border-top-left-radius: 4px;
       }
       .ui-corner-all,
       .ui-corner-top,
       .ui-corner-right,
       .ui-corner-tr {
               border-top-right-radius: 4px;
       }
       .ui-corner-all,
       .ui-corner-bottom,
       .ui-corner-left,
       .ui-corner-bl {
               border-bottom-left-radius: 4px;
       }
       .ui-corner-all,
       .ui-corner-bottom,
       .ui-corner-right,
       .ui-corner-br {
               border-bottom-right-radius: 4px;
       }

       /* Overlays */
       .ui-widget-overlay {
               background: #aaaaaa url() 50% 50% repeat-x;
               opacity: .3;
               filter: Alpha(Opacity=30);
       }
       .ui-widget-shadow {
               margin: -8px 0 0 -8px;
               padding: 8px;
               background: #aaaaaa url() 50% 50% repeat-x;
               opacity: .3;
               filter: Alpha(Opacity=30);
               border-radius: 8px;
       }        
   </style>

<a href="/Team:BioscienceDragons_AZ">Home</a>
<a href="/Team:BioscienceDragons_AZ/Team">Team</a>
<a href="/Team:BioscienceDragons_AZ/Project/Overview">Project</a>
- <a href="/Team:BioscienceDragons_AZ/Project/Overview">Overview</a>
- <a href="/Team:BioscienceDragons_AZ/Project/Issues">Issues</a>
- <a href="/Team:BioscienceDragons_AZ/Project/Proteorhodopsin">Proteorhodopsin</a>
- <a href="/Team:BioscienceDragons_AZ/Project/Ethanol Generator">Ethanol Generator</a>
<a href="/Team:BioscienceDragons_AZ">Notebook</a>
- <a href="/Team:BioscienceDragons_AZ/Notebook/Materials and Methods">Materials and Methods</a>
- <a href="/Team:BioscienceDragons_AZ/Notebook/Lab Safety">Lab Safety</a>
<a href="/Team:BioscienceDragons_AZ/Human Practices/Bioscience High School">Human Practices</a>
- <a href="/Team:BioscienceDragons_AZ/Human Practices/Bioscience High School">Bioscience High School</a>
- <a href="/Team:BioscienceDragons_AZ/Human Practices/The Wiki">The Wiki Homepage Purpose</a>
<a href="/Team:BioscienceDragons_AZ/Special Thanks">Special Thanks</a>

</html>

Welcome the to Bioscience Dragons wiki page!

If you're already familiar with biotechnology, genetic engineering, and the IGEM organization and competition, feel free to check out our Team and our Project, or learn the purpose of the homepage. Otherwise, whether you're an incoming student at Bioscience High School or an intrigued supporter of science, read on.

What is IGEM?

The most commonly asked question that we get is "What is IGEM?" Read on for an introduction to biotechnology, the IGEM competition, and for insight as to what we do in the lab.

IGEM (International Genetically Engineered Machine competition), consisting of collegiate, high school, and entrepreneurial divisions, is an annual event that encourages students to effectively utilize biotechnology to aid a broad community and address an existing real-world problem. For a more detailed description, we must understand a few things first.

What is Biotechnology?

Many people perk up upon hearing such terms as "biotechnology" and "genetic engineering", most likely because the field is so captivating and unexplored.

Biotechnology is the field of manipulating living systems to produce a product or serve a purpose to address a specific, real-world problem.

Bioscience High School

Bioscience High School offers a full, integrated curriculum with an emphasis on science, technology, engineering, and mathematics. Students participate in innovative learning environments that include team-teaching, use of technology, and student-centered learning. Instructors design lessons with collaborative efforts, and integration across multiple disciplines is a common theme found in every course offered. Bioscience High School develops specific upperclassmen pathway courses that are tailored to student interests, some of which include, anatomy and physiology, epidemiology, biotechnology, engineering, and forensics. In addition, strong humanities, arts, and fitness curricula are offered to promote well-rounded learning experiences for students.

Bioscience Mision Statement: BHS provides a rigorous, collaborative, and relevant academic program emphasizing an innovative, problem-based curriculum that develops literacy in the sciences, mathematics, and the arts, thus cultivating critical thinkers, creative problem-solvers, and compassionate citizens, who are able to thrive in our increasingly complex and technological communities.

Mision = mission + vision