Difference between revisions of "Team:Macquarie Australia/test1"

Line 3,507: Line 3,507:
  
 
/*end css for parts*/
 
/*end css for parts*/
 +
 +
/*begin css for project*/
 +
 +
.version.project /* version checker */
 +
{
 +
color: #0000E6;
 +
background-color: #AC4409;
 +
}
 +
 +
.html
 +
{
 +
background: #FFFFFF url("../images/h%20circle.png") no-repeat right top fixed;
 +
}
 +
 +
#page
 +
{
 +
z-index: 1;
 +
width: 960px;
 +
min-height: 438px;
 +
background-image: none;
 +
border-style: none;
 +
border-color: #000000;
 +
background-color: transparent;
 +
padding-bottom: 62px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#pu402
 +
{
 +
width: 0.01px;
 +
margin-right: -10000px;
 +
margin-left: -94px;
 +
}
 +
 +
#u402
 +
{
 +
z-index: 2;
 +
width: 960px;
 +
margin-right: -10000px;
 +
left: 94px;
 +
}
 +
 +
#u462
 +
{
 +
z-index: 4;
 +
width: 52px;
 +
height: 71px;
 +
margin-right: -10000px;
 +
margin-top: 367px;
 +
left: 42px;
 +
}
 +
 +
#u405-6
 +
{
 +
z-index: 6;
 +
width: 656px;
 +
min-height: 356px;
 +
margin-right: -10000px;
 +
margin-top: 55px;
 +
left: 383px;
 +
}
 +
 +
#u943
 +
{
 +
z-index: 12;
 +
width: 1171px;
 +
margin-right: -10000px;
 +
margin-top: 384px;
 +
}
 +
 +
#menuu886
 +
{
 +
z-index: 14;
 +
width: 920px;
 +
margin-right: -10000px;
 +
margin-top: 404px;
 +
left: 122px;
 +
}
 +
 +
#u915
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
}
 +
 +
#u918
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u918:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u918:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u919-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u918:hover #u919-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u918:active #u919-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u908
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 115px;
 +
}
 +
 +
#u911
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u918.MuseMenuActive,#u911:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u911:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u914-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u918.MuseMenuActive #u919-4,#u911:hover #u914-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u911:active #u914-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u901
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 230px;
 +
}
 +
 +
#u902
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u911.MuseMenuActive,#u902:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u902:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u905-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u911.MuseMenuActive #u914-4,#u902:hover #u905-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u902:active #u905-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u936
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 345px;
 +
}
 +
 +
#u937
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u902.MuseMenuActive,#u937:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u937:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u939-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u902.MuseMenuActive #u905-4,#u937:hover #u939-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u937:active #u939-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u887
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 460px;
 +
}
 +
 +
#u890
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u937.MuseMenuActive,#u890:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u890:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u893-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u937.MuseMenuActive #u939-4,#u890:hover #u893-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u890:active #u893-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u929
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 575px;
 +
}
 +
 +
#u932
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u890.MuseMenuActive,#u932:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u932:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u932.MuseMenuActive
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u933-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u890.MuseMenuActive #u893-4,#u932:hover #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u932:active #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u932.MuseMenuActive #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u894
 +
{
 +
width: 114px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 690px;
 +
}
 +
 +
#u895
 +
{
 +
width: 114px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u895:hover
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u895:active
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u896-4
 +
{
 +
width: 114px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u895:hover #u896-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u895:active #u896-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u922
 +
{
 +
width: 114px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 806px;
 +
}
 +
 +
#u923
 +
{
 +
width: 114px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u895.MuseMenuActive,#u923:hover
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u923:active
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u923.MuseMenuActive
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u924-4
 +
{
 +
width: 114px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u895.MuseMenuActive #u896-4,#u923:hover #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u923:active #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u923.MuseMenuActive #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u464
 +
{
 +
z-index: 5;
 +
width: 5px;
 +
height: 5px;
 +
margin-right: -10000px;
 +
margin-top: 453px;
 +
left: -31px;
 +
}
 +
 +
.ie #u462,.ie #u464
 +
{
 +
background-color: #FFFFFF;
 +
opacity: 0.01;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
 +
filter: alpha(opacity=1);
 +
}
 +
 +
body
 +
{
 +
position: relative;
 +
min-width: 960px;
 +
padding-top: 67px;
 +
padding-bottom: 36px;
 +
}
 +
 +
#page .verticalspacer
 +
{
 +
clear: both;
 +
margin-bottom: -452px;
 +
}
 +
 +
 +
/*end css for project*/
 +
 +
/*begin css for "site_global*/
 +
 +
html
 +
{
 +
min-height: 100%;
 +
min-width: 100%;
 +
-ms-text-size-adjust: none;
 +
}
 +
 +
body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a
 +
{
 +
margin: 0;
 +
padding: 0;
 +
border-width: 0;
 +
-webkit-transform-origin: left top;
 +
-ms-transform-origin: left top;
 +
-o-transform-origin: left top;
 +
transform-origin: left top;
 +
}
 +
 +
table
 +
{
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
 +
fieldset,img
 +
{
 +
border: 0;
 +
-webkit-transform-origin: left top;
 +
-ms-transform-origin: left top;
 +
-o-transform-origin: left top;
 +
transform-origin: left top;
 +
}
 +
 +
address,caption,cite,code,dfn,em,strong,th,var,optgroup
 +
{
 +
font-style: inherit;
 +
font-weight: inherit;
 +
}
 +
 +
del,ins
 +
{
 +
text-decoration: none;
 +
}
 +
 +
li
 +
{
 +
list-style: none;
 +
}
 +
 +
caption,th
 +
{
 +
text-align: left;
 +
}
 +
 +
h1,h2,h3,h4,h5,h6
 +
{
 +
font-size: 100%;
 +
font-weight: inherit;
 +
}
 +
 +
input,button,textarea,select,optgroup,option
 +
{
 +
font-family: inherit;
 +
font-size: inherit;
 +
font-style: inherit;
 +
font-weight: inherit;
 +
}
 +
 +
body
 +
{
 +
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
 +
text-align: left;
 +
font-size: 14px;
 +
line-height: 17px;
 +
word-wrap: break-word;
 +
text-rendering: optimizeLegibility;/* kerning, primarily */
 +
}
 +
 +
@media screen and (-webkit-min-device-pixel-ratio:0)
 +
{
 +
body { text-rendering:auto; }
 +
}
 +
 +
a:link
 +
{
 +
color: #0000FF;
 +
text-decoration: underline;
 +
}
 +
 +
a:visited
 +
{
 +
color: #800080;
 +
text-decoration: underline;
 +
}
 +
 +
a:hover
 +
{
 +
color: #0000FF;
 +
text-decoration: underline;
 +
}
 +
 +
a:active
 +
{
 +
color: #EE0000;
 +
text-decoration: underline;
 +
}
 +
 +
a.nontext /* used to override default properties of 'a' tag */
 +
{
 +
color: black;
 +
text-decoration: none;
 +
font-style: normal;
 +
font-weight: normal;
 +
}
 +
 +
.normal_text
 +
{
 +
color: #000000;
 +
direction: ltr;
 +
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
 +
font-size: 14px;
 +
font-style: normal;
 +
font-weight: normal;
 +
letter-spacing: 0px;
 +
line-height: 17px;
 +
text-align: left;
 +
text-decoration: none;
 +
text-indent: 0px;
 +
text-transform: none;
 +
vertical-align: 0px;
 +
padding: 0px;
 +
}
 +
 +
.list0 li:before
 +
{
 +
position: absolute;
 +
right: 100%;
 +
letter-spacing: 0px;
 +
text-decoration: none;
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 +
.rtl-list li:before
 +
{
 +
right: auto;
 +
left: 100%;
 +
}
 +
 +
.nls-None > li:before,.nls-None .list3 > li:before,.nls-None .list6 > li:before
 +
{
 +
margin-right: 6px;
 +
content: '•';
 +
}
 +
 +
.nls-None .list1 > li:before,.nls-None .list4 > li:before,.nls-None .list7 > li:before
 +
{
 +
margin-right: 6px;
 +
content: '○';
 +
}
 +
 +
.nls-None,.nls-None .list1,.nls-None .list2,.nls-None .list3,.nls-None .list4,.nls-None .list5,.nls-None .list6,.nls-None .list7,.nls-None .list8
 +
{
 +
padding-left: 34px;
 +
}
 +
 +
.nls-None.rtl-list,.nls-None .list1.rtl-list,.nls-None .list2.rtl-list,.nls-None .list3.rtl-list,.nls-None .list4.rtl-list,.nls-None .list5.rtl-list,.nls-None .list6.rtl-list,.nls-None .list7.rtl-list,.nls-None .list8.rtl-list
 +
{
 +
padding-left: 0px;
 +
padding-right: 34px;
 +
}
 +
 +
.nls-None .list2 > li:before,.nls-None .list5 > li:before,.nls-None .list8 > li:before
 +
{
 +
margin-right: 6px;
 +
content: '-';
 +
}
 +
 +
.nls-None.rtl-list > li:before,.nls-None .list1.rtl-list > li:before,.nls-None .list2.rtl-list > li:before,.nls-None .list3.rtl-list > li:before,.nls-None .list4.rtl-list > li:before,.nls-None .list5.rtl-list > li:before,.nls-None .list6.rtl-list > li:before,.nls-None .list7.rtl-list > li:before,.nls-None .list8.rtl-list > li:before
 +
{
 +
margin-right: 0px;
 +
margin-left: 6px;
 +
}
 +
 +
.TabbedPanelsTab
 +
{
 +
white-space: nowrap;
 +
}
 +
 +
.MenuBar  .MenuBarView,.MenuBar  .SubMenuView /* Resets for ul and li in menus */
 +
{
 +
display: block;
 +
list-style: none;
 +
}
 +
 +
.MenuBar .SubMenu
 +
{
 +
display: none;
 +
position: absolute;
 +
}
 +
 +
.NoWrap
 +
{
 +
white-space: nowrap;
 +
word-wrap: normal;
 +
}
 +
 +
.rootelem /* the root of the artwork tree */
 +
{
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.colelem /* a child element of a column */
 +
{
 +
display: inline;
 +
float: left;
 +
clear: both;
 +
}
 +
 +
.colelem100 /* a child element of a column that is 100% width */
 +
{
 +
clear: both;
 +
}
 +
 +
.grpelem /* a child element of a group */
 +
{
 +
display: inline;
 +
float: left;
 +
}
 +
 +
.clearfix:after /* force a container to fit around floated items */
 +
{
 +
content: "\0020";
 +
visibility: hidden;
 +
display: block;
 +
height: 0;
 +
clear: both;
 +
}
 +
 +
*:first-child+html .clearfix /* IE7 */
 +
{
 +
zoom: 1;
 +
}
 +
 +
.clip_frame /* used to clip the contents as in the case of an image frame */
 +
{
 +
overflow: hidden;
 +
}
 +
 +
.inclusion_context /* context for positioning a group of elements that share the same height */
 +
{
 +
display: table;
 +
table-layout: fixed;
 +
width: 0.01px;
 +
}
 +
 +
.inclelem /* element of an inclusion context */
 +
{
 +
display: table-cell;
 +
vertical-align: top;
 +
}
 +
 +
.f3s_mid /* 3-slice frame, middle slice */
 +
{
 +
background-repeat: repeat;
 +
}
 +
 +
.f3s_top,.f3s_bot /* 3-slice frame, top slice */
 +
{
 +
background-repeat: no-repeat;
 +
}
 +
 +
.f9s_top_left,.f9s_bot_left /* 9-slice frame, left corner slice */
 +
{
 +
background-repeat: no-repeat;
 +
background-position: left;
 +
}
 +
 +
.f9s_top_right,.f9s_bot_right /* 9-slice frame, right corner slice */
 +
{
 +
background-repeat: no-repeat;
 +
background-position: right;
 +
}
 +
 +
.f9s_top_mid,.f9s_bot_mid /* 9-slice frame, top/bottom horizontal slice */
 +
{
 +
background-repeat: repeat-x;
 +
background-position: 0px 0px;
 +
}
 +
 +
.f9s_mid_left /* 9-slice frame, left vertical slice */
 +
{
 +
background-repeat: repeat-y;
 +
background-position: left;
 +
}
 +
 +
.f9s_mid_right /* 9-slice frame, right vertical slice */
 +
{
 +
background-repeat: repeat-y;
 +
background-position: right;
 +
}
 +
 +
.f9s_center /* 9-slice frame, center slice */
 +
{
 +
background-repeat: repeat;
 +
background-position: 0px 0px;
 +
}
 +
 +
.popup_anchor /* anchors an abspos popup */
 +
{
 +
position: relative;
 +
width: 0px;
 +
height: 0px;
 +
}
 +
 +
.popup_element
 +
{
 +
z-index: 100000;
 +
}
 +
 +
.svg
 +
{
 +
display: block;
 +
vertical-align: top;
 +
}
 +
 +
span.wrap /* used to force wrap after floated array when nested inside a paragraph */
 +
{
 +
content: '';
 +
clear: left;
 +
display: block;
 +
}
 +
 +
span.actAsInlineDiv /* used to simulate a DIV with inline display when already nested inside a paragraph */
 +
{
 +
display: inline-block;
 +
}
 +
 +
.position_content,.excludeFromNormalFlow /* used when child content is larger than parent */
 +
{
 +
float: left;
 +
}
 +
 +
.preload_images /* used to preload images used in non-default states */
 +
{
 +
position: absolute;
 +
overflow: hidden;
 +
left: -9999px;
 +
top: -9999px;
 +
height: 1px;
 +
width: 1px;
 +
}
 +
 +
preload /* used to specifiy the dimension of preload item */
 +
{
 +
height: 1px;
 +
width: 1px;
 +
}
 +
 +
.animateStates
 +
{
 +
-webkit-transition: 0.3s ease-in-out;
 +
-moz-transition: 0.3s ease-in-out;
 +
-o-transition: 0.3s ease-in-out;
 +
transition: 0.3s ease-in-out;
 +
}
 +
 +
input:focus,textarea:focus /* remove default focussed input styling */
 +
{
 +
outline: none;
 +
}
 +
 +
textarea
 +
{
 +
resize: none;
 +
overflow: auto;
 +
}
 +
 +
.fld-prompt /* form placeholders cursor behavior */
 +
{
 +
pointer-events: none;
 +
}
 +
 +
.wrapped-input /* form inputs & placeholders let div styling show thru */
 +
{
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background: transparent;
 +
border: none;
 +
}
 +
 +
.submit-btn /* form submit buttons on top of sibling elements */
 +
{
 +
z-index: 50000;
 +
cursor: pointer;
 +
}
 +
 +
.anchor_item /* used to specify anchor properties */
 +
{
 +
width: 22px;
 +
height: 18px;
 +
}
 +
 +
.MenuBar .SubMenuVisible,.MenuBarVertical .SubMenuVisible,.MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block
 +
{
 +
display: block;
 +
}
 +
 +
.ose_ei
 +
{
 +
visibility: hidden;
 +
z-index: 0;
 +
}
 +
 +
.widget_invisible,.js .invi,.js .mse_pre_init,.js .an_invi /* used to hide the widget before loaded */
 +
{
 +
visibility: hidden;
 +
}
 +
 +
.no_vert_scroll
 +
{
 +
overflow-y: hidden;
 +
}
 +
 +
.always_vert_scroll
 +
{
 +
overflow-y: scroll;
 +
}
 +
 +
.always_horz_scroll
 +
{
 +
overflow-x: scroll;
 +
}
 +
 +
.popup_element.Inactive,.js .disn,.hidden
 +
{
 +
display: none;
 +
}
 +
 +
.fullscreen
 +
{
 +
overflow: hidden;
 +
left: 0px;
 +
top: 0px;
 +
position: fixed;
 +
height: 100%;
 +
width: 100%;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
-ms-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 +
.fullwidth
 +
{
 +
position: absolute;
 +
}
 +
 +
.borderbox
 +
{
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
-ms-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 +
.scroll_wrapper
 +
{
 +
position: absolute;
 +
overflow: auto;
 +
left: 0px;
 +
right: 0px;
 +
top: 0px;
 +
bottom: 0px;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
}
 +
 +
.browser_width > *
 +
{
 +
position: absolute;
 +
left: 0px;
 +
right: 0px;
 +
}
 +
 +
.list0 li,.MenuBar .MenuItemContainer,.SlideShowContentPanel .fullscreen img
 +
{
 +
position: relative;
 +
}
 +
 +
.accordion_wrapper
 +
{
 +
display: inline;
 +
float: left;
 +
width: 0px;
 +
}
 +
 +
.fld-checkbox input[type=checkbox] /* Hide native checkbox */
 +
{
 +
position: absolute;
 +
overflow: hidden;
 +
clip: rect(0px, 0px, 0px, 0px);
 +
height: 1px;
 +
width: 1px;
 +
margin: -1px;
 +
padding: 0;
 +
border: 0;
 +
}
 +
 +
.fld-checkbox input[type=checkbox] + label
 +
{
 +
display: inline-block;
 +
background-repeat: no-repeat;
 +
cursor: pointer;
 +
float: left;
 +
width: 100%;
 +
height: 100%;
 +
}
 +
 +
.pointer_cursor,.fld-recaptcha-mode,.fld-recaptcha-refresh,.fld-recaptcha-help
 +
{
 +
cursor: pointer;
 +
}
 +
 +
p,h1,h2,h3,h4,h5,h6,ol,ul,span.actAsPara /* disable Android font boosting */
 +
{
 +
max-height: 1000000px;
 +
}
 +
 +
.superscript
 +
{
 +
vertical-align: super;
 +
font-size: 66%;
 +
line-height: 0;
 +
}
 +
 +
.subscript
 +
{
 +
vertical-align: sub;
 +
font-size: 66%;
 +
line-height: 0;
 +
}
 +
 +
/*end css for "site_global*/
 +
 +
/*begin css for site map*/
 +
 +
.version.site_map /* version checker */
 +
{
 +
color: #0000E6;
 +
background-color: #AC4409;
 +
}
 +
 +
.html
 +
{
 +
background: #FFFFFF url("../images/h%20circle.png") no-repeat right top fixed;
 +
}
 +
 +
#page
 +
{
 +
z-index: 1;
 +
width: 960px;
 +
min-height: 438px;
 +
background-image: none;
 +
border-style: none;
 +
border-color: #000000;
 +
background-color: transparent;
 +
padding-bottom: 62px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#pu402
 +
{
 +
width: 0.01px;
 +
margin-right: -10000px;
 +
margin-left: -94px;
 +
}
 +
 +
#u402
 +
{
 +
z-index: 2;
 +
width: 960px;
 +
margin-right: -10000px;
 +
left: 94px;
 +
}
 +
 +
#u462
 +
{
 +
z-index: 4;
 +
width: 52px;
 +
height: 71px;
 +
margin-right: -10000px;
 +
margin-top: 367px;
 +
left: 42px;
 +
}
 +
 +
#u405-6
 +
{
 +
z-index: 6;
 +
width: 656px;
 +
min-height: 356px;
 +
margin-right: -10000px;
 +
margin-top: 55px;
 +
left: 383px;
 +
}
 +
 +
#u943
 +
{
 +
z-index: 12;
 +
width: 1171px;
 +
margin-right: -10000px;
 +
margin-top: 384px;
 +
}
 +
 +
#menuu886
 +
{
 +
z-index: 14;
 +
width: 920px;
 +
margin-right: -10000px;
 +
margin-top: 404px;
 +
left: 122px;
 +
}
 +
 +
#u915
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
}
 +
 +
#u918
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u918:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u918:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u919-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u918:hover #u919-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u918:active #u919-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u908
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 115px;
 +
}
 +
 +
#u911
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u918.MuseMenuActive,#u911:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u911:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u914-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u918.MuseMenuActive #u919-4,#u911:hover #u914-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u911:active #u914-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u901
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 230px;
 +
}
 +
 +
#u902
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u911.MuseMenuActive,#u902:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u902:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u905-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u911.MuseMenuActive #u914-4,#u902:hover #u905-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u902:active #u905-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u936
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 345px;
 +
}
 +
 +
#u937
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u902.MuseMenuActive,#u937:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u937:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u939-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u902.MuseMenuActive #u905-4,#u937:hover #u939-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u937:active #u939-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u887
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 460px;
 +
}
 +
 +
#u890
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u937.MuseMenuActive,#u890:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u890:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u893-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u937.MuseMenuActive #u939-4,#u890:hover #u893-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u890:active #u893-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u929
 +
{
 +
width: 113px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 575px;
 +
}
 +
 +
#u932
 +
{
 +
width: 113px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u890.MuseMenuActive,#u932:hover
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u932:active
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u932.MuseMenuActive
 +
{
 +
width: 113px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u933-4
 +
{
 +
width: 113px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u890.MuseMenuActive #u893-4,#u932:hover #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u932:active #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u932.MuseMenuActive #u933-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 113px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u894
 +
{
 +
width: 114px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 690px;
 +
}
 +
 +
#u895
 +
{
 +
width: 114px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u895:hover
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u895:active
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u896-4
 +
{
 +
width: 114px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u895:hover #u896-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u895:active #u896-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u922
 +
{
 +
width: 114px;
 +
min-height: 34px;
 +
margin-right: -10000px;
 +
left: 806px;
 +
}
 +
 +
#u923
 +
{
 +
width: 114px;
 +
padding-bottom: 17px;
 +
}
 +
 +
#u895.MuseMenuActive,#u923:hover
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u923:active
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u923.MuseMenuActive
 +
{
 +
width: 114px;
 +
min-height: 0px;
 +
margin: 0px;
 +
}
 +
 +
#u924-4
 +
{
 +
width: 114px;
 +
min-height: 17px;
 +
margin-right: -10000px;
 +
top: 8px;
 +
}
 +
 +
#u895.MuseMenuActive #u896-4,#u923:hover #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u923:active #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u923.MuseMenuActive #u924-4
 +
{
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
min-height: 17px;
 +
width: 114px;
 +
margin: 0px -10000px 0px 0px;
 +
}
 +
 +
#u464
 +
{
 +
z-index: 5;
 +
width: 5px;
 +
height: 5px;
 +
margin-right: -10000px;
 +
margin-top: 453px;
 +
left: -31px;
 +
}
 +
 +
.ie #u462,.ie #u464
 +
{
 +
background-color: #FFFFFF;
 +
opacity: 0.01;
 +
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
 +
filter: alpha(opacity=1);
 +
}
 +
 +
body
 +
{
 +
position: relative;
 +
min-width: 960px;
 +
padding-top: 67px;
 +
padding-bottom: 36px;
 +
}
 +
 +
#page .verticalspacer
 +
{
 +
clear: both;
 +
margin-bottom: -452px;
 +
}
 +
 +
/*end css for site map*/
  
 
/* end all css*/
 
/* end all css*/

Revision as of 04:09, 20 August 2015


Project Description

 

Our project has its focus on photosynthesis - the natural process where plants and algae convert sunlight into usable energy. By developing artificial photosynthesis in a biological system we can better harvest the unlimited supply of solar energy. The long-term goal is to engineer bacteria that can produce hydrogen gas on an industrial scale.

 

This year the aim of our team is to engineer bacteria to manufacture chlorophyll, the primary molecule of photosynthesis. Chlorophyll harvests light and is involved in the excitation transfer of energy. Chlorophyll-a can be synthesised via a pathway from the protoporphyrin-IX molecule. By placing 13 genes into 4 biobrick vectors we can recreate the pathway in Escherichia coli.

View The Contest, Cast Your Vote, Have Your Say!

Ever wondered how an igem lab really works? Watch the thrilling second instalment of hit reality show So You Think You Can Synthesise!

Meet Burpey

Our photosynthesising & hydrogen burping mascot; part algae,

part fuel factory and all E.coli!