Team:BIT-China/stylesheet

From 2013.igem.org

(Difference between revisions)

Revision as of 07:33, 24 July 2013

   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

   display: block;

}

body {

   line-height: 1;

}

ol,ul {

   list-style: none;

}

blockquote,q {

   quotes: none;

}

blockquote:before,blockquote:after,q:before,q:after {

   content: ;
   content: none;

}

table {

   border-collapse: collapse;
   border-spacing: 0;

}

table {

   vertical-align: middle;

}

tbody,tfoot,thead,tr,th,td {

   vertical-align: inherit;

}

h1,h2,h3,h4,h5,h6 {

   font-weight: bold;
   line-height: 1.5em;

}

th {

   font-weight: bold;

}

strong {

   font-weight: bold;

}

p {

   margin: 1em 0;

}

h3 {

   font-size: 1.17em;

}

a {

   outline: 0;

}

fancybox-loading {

   position: fixed;
   top: 50%;
   left: 50%;
   width: 40px;
   height: 40px;
   margin-top: -20px;
   margin-left: -20px;
   cursor: pointer;
   overflow: hidden;
   z-index: 11040;
   display: none;

}

fancybox-loading div {

   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 480px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');

}

fancybox-overlay {

   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 11000;
   display: none;

}

fancybox-tmp {

   padding: 0;
   margin: 0;
   border: 0;
   overflow: auto;
   display: none;

}

fancybox-wrap {

   position: absolute;
   top: 0;
   left: 0;
   padding: 20px;
   z-index: 11010;
   outline: 0;
   display: none;

}

fancybox-outer {

   position: relative;
   width: 100%;
   height: 100%;
   background: #fff;

}

fancybox-content {

   width: 0;
   height: 0;
   padding: 0;
   outline: 0;
   position: relative;
   overflow: hidden;
   z-index: 11020;
   border: 0 solid #fff;

}

fancybox-hide-sel-frame {

   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: transparent;
   z-index: 11010;

}

fancybox-close {

   position: absolute;
   top: -15px;
   right: -15px;
   width: 30px;
   height: 30px;
   background: transparent url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -40px 0;
   cursor: pointer;
   z-index: 11030;
   display: none;

}

fancybox-error {

   color: #444;
   font: normal 12px/20px Arial;
   padding: 14px;
   margin: 0;

}

fancybox-img {

   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: 0;
   outline: 0;
   line-height: 0;
   vertical-align: top;

}

fancybox-frame {

   width: 100%;
   height: 100%;
   border: 0;
   display: block;

}

fancybox-left,#fancybox-right {

   position: absolute;
   bottom: 0;
   height: 100%;
   width: 35%;
   cursor: pointer;
   outline: 0;
   background: transparent url('//cdn.mxpnl.com/cache/325472601571f31e1bf00674c368d335/plugins/fancybox/blank.gif');
   z-index: 11020;
   display: none;

}

fancybox-left {

   left: 0;

}

fancybox-right {

   right: 0;

}

fancybox-left-ico,#fancybox-right-ico {

   position: absolute;
   top: 50%;
   left: -9999px;
   width: 30px;
   height: 30px;
   margin-top: -15px;
   cursor: pointer;
   z-index: 11020;
   display: block;

}

fancybox-left-ico {

   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -30px;

}

fancybox-right-ico {

   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -60px;

}

fancybox-left:hover,#fancybox-right:hover {

   visibility: visible;

}

fancybox-left:hover span {

   left: 20px;

}

fancybox-right:hover span {

   left: auto;
   right: 20px;

}

.fancybox-bg {

   position: absolute;
   padding: 0;
   margin: 0;
   border: 0;
   width: 20px;
   height: 20px;
   z-index: 10010;

}

fancybox-bg-n {

   top: -20px;
   left: 0;
   width: 100%;
   background-image: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png');

}

fancybox-bg-ne {

   top: -20px;
   right: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -162px;

}

fancybox-bg-e {

   top: 0;
   right: -20px;
   height: 100%;
   background-image: url('//cdn.mxpnl.com/cache/36a58859beb9a6b19322a37466b9f78e/plugins/fancybox/fancybox-y.png');
   background-position: -20px 0;

}

fancybox-bg-se {

   bottom: -20px;
   right: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -182px;

}

fancybox-bg-s {

   bottom: -20px;
   left: 0;
   width: 100%;
   background-image: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png');
   background-position: 0 -20px;

}

fancybox-bg-sw {

   bottom: -20px;
   left: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -142px;

}

fancybox-bg-w {

   top: 0;
   left: -20px;
   height: 100%;
   background-image: url('//cdn.mxpnl.com/cache/36a58859beb9a6b19322a37466b9f78e/plugins/fancybox/fancybox-y.png');

}

fancybox-bg-nw {

   top: -20px;
   left: -20px;
   background-image: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png');
   background-position: -40px -122px;

}

fancybox-title {

   font-family: Helvetica;
   font-size: 12px;
   z-index: 11020;

}

.fancybox-title-inside {

   padding-bottom: 10px;
   text-align: center;
   color: #333;
   background: #fff;
   position: relative;

}

.fancybox-title-outside {

   padding-top: 10px;
   color: #fff;

}

.fancybox-title-over {

   position: absolute;
   bottom: 0;
   left: 0;
   color: #FFF;
   text-align: left;

}

fancybox-title-over {

   padding: 10px;
   background-image: url('//cdn.mxpnl.com/cache/b886fd165d4b7ac77d41fb52d87ffc60/plugins/fancybox/fancy_title_over.png');
   display: block;

}

.fancybox-title-float {

   position: absolute;
   left: 0;
   bottom: -20px;
   height: 32px;

}

fancybox-title-float-wrap {

   border: 0;
   border-collapse: collapse;
   width: auto;

}

fancybox-title-float-wrap td {

   white-space: nowrap;

}

fancybox-title-float-left {

   padding-left: 15px;
   background: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -40px -90px no-repeat;

}

fancybox-title-float-main {

   color: #FFF;
   line-height: 29px;
   font-weight: bold;
   padding-bottom: 3px;
   background: url('//cdn.mxpnl.com/cache/168696d8a694214090ef90e029cdf393/plugins/fancybox/fancybox-x.png') 0 -40px;

}

fancybox-title-float-right {

   padding-left: 15px;
   background: url('//cdn.mxpnl.com/cache/11e57e492ee0311540967cc7a1e6e3e2/plugins/fancybox/fancybox.png') -55px -90px no-repeat;

}

.fancybox-ie6 #fancybox-close {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/6e2879a324a76e9972ebc98201aae1d8/plugins/fancybox/fancy_close.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-left-ico {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/3f3e406102152cd8236383568a40ba35/plugins/fancybox/fancy_nav_left.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-right-ico {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/216e4bde5bddeeaa60dc3d692890a68e/plugins/fancybox/fancy_nav_right.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-over {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/b886fd165d4b7ac77d41fb52d87ffc60/plugins/fancybox/fancy_title_over.png',sizingMethod='scale');
   zoom: 1;

}

.fancybox-ie6 #fancybox-title-float-left {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/1582ac2d3bef6a6445bf02ceca2741cd/plugins/fancybox/fancy_title_left.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-float-main {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/38dad6c1ed4bdc81c0bec721b2deb8c2/plugins/fancybox/fancy_title_main.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-title-float-right {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/6cbe0c935511e7f9a2555ccb6a7324c4/plugins/fancybox/fancy_title_right.png',sizingMethod='scale');

}

.fancybox-ie6 #fancybox-bg-w,.fancybox-ie6 #fancybox-bg-e,.fancybox-ie6 #fancybox-left,.fancybox-ie6 #fancybox-right,#fancybox-hide-sel-frame {

   height: expression(this.parentNode.clientHeight+"px");

}

fancybox-loading.fancybox-ie6 {

   position: absolute;
   margin-top: 0;
   top: expression((-20+(document.documentElement.clientHeight ? document.documentElement.clientHeight/2:document.body.clientHeight/2)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop))+'px');

}

fancybox-loading.fancybox-ie6 div {

   background: transparent;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/b1d54c240cf06e7f41e372d56919b738/plugins/fancybox/fancy_loading.png',sizingMethod='scale');

}

.fancybox-ie .fancybox-bg {

   background: transparent!important;

}

.fancybox-ie #fancybox-bg-n {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/18cde16379b2ceadef714d9b346d09ec/plugins/fancybox/fancy_shadow_n.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-ne {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/63adf788acf193d4e4f3642d7d793125/plugins/fancybox/fancy_shadow_ne.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-e {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/fd4f491080d29fade5080877f1ba4c8b/plugins/fancybox/fancy_shadow_e.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-se {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/a8afd5a008884380ee712d177105268f/plugins/fancybox/fancy_shadow_se.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-s {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/9b9e5c888028aaef40fe5b6a363f1e29/plugins/fancybox/fancy_shadow_s.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-sw {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/f81cc0fee5581d76ad3cebe47e7e791b/plugins/fancybox/fancy_shadow_sw.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-w {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/59b0e63eb059e58d932cfd53da4d87e6/plugins/fancybox/fancy_shadow_w.png',sizingMethod='scale');

}

.fancybox-ie #fancybox-bg-nw {

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//cdn.mxpnl.com/cache/c820c878aedb7a7f9ebd7135a58e7c65/plugins/fancybox/fancy_shadow_nw.png',sizingMethod='scale');

}

.mpbutton,.mpbutton-small,.mpbutton-smaller,.mpbutton-medium,.mpbutton-yans,.mpbutton-jr {

   background: url(//cdn.mxpnl.com/cache/ea8b6afd60a42accd5f6667720efe1b2/images/buttons/button-sprites.png?version=7) 0 0 no-repeat;
   border: 0 none;
   cursor: pointer;
   outline: 0;
   display: inline-block;
   text-indent: -7000px;
   white-space: nowrap;

}

.mpbutton {

   width: 95px;
   height: 33px;

}

.mpbutton-small {

   width: 54px;
   height: 23px;

}

.mpbutton-smaller {

   width: 44px;
   height: 23px;

}

.mpbutton-medium {

   width: 72px;
   height: 25px;

}

.mpbutton-yans {

   width: 69px;
   height: 27px;

}

.mpbutton-jr {

   width: 82px;
   height: 32px;
   position: relative;
   top: -1px;

}

.mpbutton-grey,.mpbutton-grey.disabled:hover,.mpbutton-grey.disabled:active {

   padding: 3px 8px;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#E0E0E0');
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
   background: -moz-linear-gradient(top,#fff,#e0e0e0);
   border: 1px solid #acacac;
   color: #898989;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;

}

.mpbutton-grey:hover {

   color: #767676;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF',endColorstr='#c7c7c7');
   background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#c7c7c7));
   background: -moz-linear-gradient(top,#fff,#c7c7c7);
   border: 1px solid #9c9c9c;

}

.mpbutton-grey:active {

   color: #767676;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7',endColorstr='#ffffff');
   background: -webkit-gradient(linear,left top,left bottom,from(#c7c7c7),to(#fff));
   background: -moz-linear-gradient(top,#c7c7c7,#fff);
   border: 1px solid #9c9c9c;

}

.mpbutton-grey.disabled,.mpbutton-grey.disabled * {

   opacity: .6;

}

.mpbutton-grey.disabled {

   cursor: default;

}

.mpbutton.cancel {

   background-position: 0 0;

}

.mpbutton.cancel:hover {

   background-position: -95px 0;

}

.mpbutton.cancel:active {

   background-position: -190px 0;

}

.mpbutton.reset {

   background-position: 0 -33px;

}

.mpbutton.reset:hover {

   background-position: -95px -33px;

}

.mpbutton.reset:active {

   background-position: -190px -33px;

}

.mpbutton.delete {

   background-position: 0 -66px;

}

.mpbutton.delete:hover {

   background-position: -95px -66px;

}

.mpbutton.delete:active {

   background-position: -190px -66px;

}

.mpbutton.okay-green {

   background-position: 0 -99px;

}

.mpbutton.okay-green:hover {

   background-position: -95px -99px;

}

.mpbutton.okay-green:active {

   background-position: -190px -99px;

}

.mpbutton.upgrade {

   background-position: 0 -132px;

}

.mpbutton.upgrade:hover {

   background-position: -95px -132px;

}

.mpbutton.upgrade:active {

   background-position: -190px -132px;

}

.mpbutton.upgrade.disabled,.mpbutton.upgrade.disabled * {

   background-position: 0 -132px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.login {

   background-position: 0 -165px;

}

.mpbutton.login:hover {

   background-position: -95px -165px;

}

.mpbutton.login:active {

   background-position: -190px -165px;

}

.mpbutton.okay-blue {

   background-position: 0 -198px;

}

.mpbutton.okay-blue:hover {

   background-position: -95px -198px;

}

.mpbutton.okay-blue:active {

   background-position: -190px -198px;

}

.mpbutton.edit {

   background-position: 0 -231px;

}

.mpbutton.edit:hover {

   background-position: -95px -231px;

}

.mpbutton.edit:active {

   background-position: -190px -231px;

}

.mpbutton.save-green {

   background-position: 0 -264px;

}

.mpbutton.save-green:hover {

   background-position: -95px -264px;

}

.mpbutton.save-green:active {

   background-position: -190px -264px;

}

.mpbutton.save {

   background-position: 0 -264px;

}

.mpbutton.save:hover {

   background-position: -95px -264px;

}

.mpbutton.save:active {

   background-position: -190px -264px;

}

.mpbutton.sign-up-blue {

   background-position: 0 -297px;

}

.mpbutton.sign-up-blue:hover {

   background-position: -95px -297px;

}

.mpbutton.sign-up-blue:active {

   background-position: -190px -297px;

}

.mpbutton.continue {

   background-position: 0 -330px;

}

.mpbutton.continue:hover {

   background-position: -95px -330px;

}

.mpbutton.continue:active {

   background-position: -190px -330px;

}

.mpbutton.sign-up-green {

   background-position: 0 -363px;

}

.mpbutton.sign-up-green:hover {

   background-position: -95px -363px;

}

.mpbutton.sign-up-green:active {

   background-position: -190px -363px;

}

.mpbutton.purchase {

   background-position: 0 -396px;

}

.mpbutton.purchase:hover {

   background-position: -95px -396px;

}

.mpbutton.purchase:active {

   background-position: -190px -396px;

}

.mpbutton.purchased.disabled,.mpbutton.purchased.disabled * {

   background-position: 0 -396px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.contact {

   background-position: 0 -429px;

}

.mpbutton.contact:hover {

   background-position: -95px -429px;

}

.mpbutton.contact:active {

   background-position: -190px -429px;

}

.mpbutton.preview {

   background-position: 0 -462px;

}

.mpbutton.preview:hover {

   background-position: -95px -462px;

}

.mpbutton.preview:active {

   background-position: -190px -462px;

}

.mpbutton.learn-more {

   background-position: 0 -495px;

}

.mpbutton.learn-more:hover {

   background-position: -95px -495px;

}

.mpbutton.learn-more:active {

   background-position: -190px -495px;

}

.mpbutton.previous {

   background-position: 0 -528px;

}

.mpbutton.previous:hover {

   background-position: -95px -528px;

}

.mpbutton.previous:active {

   background-position: -190px -528px;

}

.mpbutton.next-grey {

   background-position: 0 -561px;

}

.mpbutton.next-grey:hover {

   background-position: -95px -561px;

}

.mpbutton.next-grey:active {

   background-position: -190px -561px;

}

.mpbutton.signup-arrow {

   background-position: 0 -594px;

}

.mpbutton.signup-arrow:hover {

   background-position: -95px -594px;

}

.mpbutton.signup-arrow:active {

   background-position: -190px -594px;

}

.mpbutton.close {

   background-position: 0 -627px;

}

.mpbutton.close:hover {

   background-position: -95px -627px;

}

.mpbutton.close:active {

   background-position: -190px -627px;

}

.mpbutton.show {

   background-position: 0 -660px;

}

.mpbutton.show:hover {

   background-position: -95px -660px;

}

.mpbutton.show:active {

   background-position: -190px -660px;

}

.mpbutton.save-gray {

   background-position: 0 -693px;

}

.mpbutton.save-gray:hover {

   background-position: -95px -693px;

}

.mpbutton.save-gray:active {

   background-position: -190px -693px;

}

.mpbutton.update {

   background-position: 0 -726px;

}

.mpbutton.update:hover {

   background-position: -95px -726px;

}

.mpbutton.update:active {

   background-position: -190px -726px;

}

.mpbutton.continue-blue {

   background-position: 0 -759px;

}

.mpbutton.continue-blue:hover {

   background-position: -95px -759px;

}

.mpbutton.continue-blue:active {

   background-position: -190px -759px;

}

.mpbutton.create {

   background-position: 0 -891px;

}

.mpbutton.create:hover {

   background-position: -95px -891px;

}

.mpbutton.create:active {

   background-position: -190px -891px;

}

.mpbutton.create.disabled,.mpbutton.create.disabled * {

   background-position: 0 -891px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton.previous {

   background-position: 0 -825px;

}

.mpbutton.previous:hover {

   background-position: -95px -825px;

}

.mpbutton.previous:active {

   background-position: -190px -825px;

}

.mpbutton.previous.disabled,.mpbutton.previous.disabled * {

   background-position: 0 -825px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;
   position: relative;
   top: -1px;

}

.mpbutton.next {

   background-position: 0 -858px;

}

.mpbutton.next:hover {

   background-position: -95px -858px;

}

.mpbutton.next:active {

   background-position: -190px -858px;

}

.mpbutton.next.disabled,.mpbutton.next.disabled * {

   background-position: 0 -858px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;
   position: relative;
   top: -1px;

}

.mpbutton.skip {

   background-position: 0 -1023px;

}

.mpbutton.skip:hover {

   background-position: -95px -1023px;

}

.mpbutton.skip:active {

   background-position: -190px -1023px;

}

.mpbutton.invite {

   background-position: 0 -1056px;

}

.mpbutton.invite:hover {

   background-position: -95px -1056px;

}

.mpbutton.invite:active {

   background-position: -190px -1056px;

}

.mpbutton.setup {

   background-position: 0 -1089px;

}

.mpbutton.setup:hover {

   background-position: -95px -1089px;

}

.mpbutton.setup:active {

   background-position: -190px -1089px;

}

.mpbutton-small.view-gray {

   background-position: -285px 0;

}

.mpbutton-small.view-gray:hover {

   background-position: -339px 0;

}

.mpbutton-small.view-gray:active {

   background-position: -393px 0;

}

.mpbutton-small.view-blue {

   background-position: -285px -23px;

}

.mpbutton-small.view-blue:hover {

   background-position: -339px -23px;

}

.mpbutton-small.view-blue:active {

   background-position: -393px -23px;

}

.mpbutton-small.save {

   background-position: -285px -46px;

}

.mpbutton-small.save:hover {

   background-position: -339px -46px;

}

.mpbutton-small.save:active {

   background-position: -393px -46px;

}

.mpbutton-small.delete {

   background-position: -285px -69px;

}

.mpbutton-small.delete:hover {

   background-position: -339px -69px;

}

.mpbutton-small.delete:active {

   background-position: -393px -69px;

}

.mpbutton-small.create {

   background-position: -285px -92px;

}

.mpbutton-small.create:hover {

   background-position: -339px -92px;

}

.mpbutton-small.create:active {

   background-position: -393px -92px;

}

.mpbutton-small.invite {

   background-position: -285px -115px;

}

.mpbutton-small.invite:hover {

   background-position: -339px -115px;

}

.mpbutton-small.invite:active {

   background-position: -393px -115px;

}

.mpbutton-small.sign-up {

   background-position: -285px -138px;

}

.mpbutton-small.sign-up:hover {

   background-position: -339px -138px;

}

.mpbutton-small.sign-up:active {

   background-position: -393px -138px;

}

.mpbutton-small.edit {

   background-position: -285px -161px;

}

.mpbutton-small.edit:hover {

   background-position: -339px -161px;

}

.mpbutton-small.edit:active {

   background-position: -393px -161px;

}

.mpbutton-small.save-grey {

   background-position: -285px -184px;

}

.mpbutton-small.save-grey:hover {

   background-position: -339px -184px;

}

.mpbutton-small.save-grey:active {

   background-position: -393px -184px;

}

.mpbutton-small.hide {

   background-position: -285px -207px;

}

.mpbutton-small.hide:hover {

   background-position: -339px -207px;

}

.mpbutton-small.hide:active {

   background-position: -393px -207px;

}

.mpbutton-small.cancel {

   background-position: -285px -230px;

}

.mpbutton-small.cancel:hover {

   background-position: -339px -230px;

}

.mpbutton-small.cancel:active {

   background-position: -393px -230px;

}

.mpbutton-small.next {

   background-position: -285px -253px;

}

.mpbutton-small.next:hover {

   background-position: -339px -253px;

}

.mpbutton-small.next:active {

   background-position: -393px -253px;

}

.mpbutton-small.remove {

   background-position: -285px -276px;

}

.mpbutton-small.remove:hover {

   background-position: -339px -276px;

}

.mpbutton-small.remove:active {

   background-position: -393px -276px;

}

.mpbutton-medium.login {

   background-position: -447px 0;

}

.mpbutton-medium.login:hover {

   background-position: -519px 0;

}

.mpbutton-medium.login:active {

   background-position: -591px 0;

}

.mpbutton-medium.sign-up {

   background-position: -447px -25px;

}

.mpbutton-medium.sign-up:hover {

   background-position: -519px -25px;

}

.mpbutton-medium.sign-up:active {

   background-position: -591px -25px;

}

.mpbutton-medium.skip {

   background-position: -447px -50px;

}

.mpbutton-medium.skip:hover {

   background-position: -519px -50px;

}

.mpbutton-medium.skip:active {

   background-position: -591px -50px;

}

.mpbutton-medium.show {

   background-position: -447px -75px;

}

.mpbutton-medium.show:hover {

   background-position: -519px -75px;

}

.mpbutton-medium.show:active {

   background-position: -591px -75px;

}

.mpbutton-medium.sign-up-green {

   background-position: -447px -100px;

}

.mpbutton-medium.sign-up-green:hover {

   background-position: -519px -100px;

}

.mpbutton-medium.sign-up-green:active {

   background-position: -591px -100px;

}

.mpbutton-medium.check {

   background-position: -447px -125px;

}

.mpbutton-medium.check:hover {

   background-position: -519px -125px;

}

.mpbutton-medium.check:active {

   background-position: -591px -125px;

}

.mpbutton-smaller.hide {

   background-position: -663px 0;

}

.mpbutton-smaller.hide:hover {

   background-position: -707px 0;

}

.mpbutton-smaller.hide:active {

   background-position: -751px 0;

}

.mpbutton-yans.done {

   background-position: -795px 0;

}

.mpbutton-yans.done:hover {

   background-position: -864px 0;

}

.mpbutton-yans.done:active {

   background-position: -933px 0;

}

.mpbutton-jr.change {

   background-position: -1002px 0;

}

.mpbutton-jr.change:hover {

   background-position: -1084px 0;

}

.mpbutton-jr.change:active {

   background-position: -1166px 0;

}

.mpbutton-jr.change.disabled,.mpbutton-jr.change.disabled * {

   background-position: -1002px 0;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

.mpbutton-jr.invite {

   background-position: -1002px -32px;

}

.mpbutton-jr.invite:hover {

   background-position: -1084px -32px;

}

.mpbutton-jr.invite:active {

   background-position: -1166px -32px;

}

.mpbutton-jr.create {

   background-position: -1002px -64px;

}

.mpbutton-jr.create:hover {

   background-position: -1084px -64px;

}

.mpbutton-jr.create:active {

   background-position: -1166px -64px;

}

.mpbutton-jr.create.disabled,.mpbutton-jr.create.disabled * {

   background-position: -1002px -64px;
   opacity: .6;
   -moz-opacity: .6;
   -khtml-opacity: .6;
   filter: alpha(opacity=60);
   cursor: default;

}

@@ Line 1: / Line 1: @@
+<link rel="stylesheet" href="https://2013.igem.org/Team:BIT-China/Team?action=raw&ctype=text/css" type="text/css" />
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,table,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
      margin: 0;