src/ztfy/myams/resources/css/ext/jquery-ui.css
changeset 115 ceadc47045ba
parent 114 9f9891547c57
child 116 b1d6c0360e39
equal deleted inserted replaced
114:9f9891547c57 115:ceadc47045ba
     1 /*! Copyright 2014 jQuery Foundation and other contributors
       
     2  * Includes:
       
     3  * - normalize.css v1.0.1 | MIT License | git.io/normalize
       
     4  * - Font Awesome - http://fortawesome.github.com/Font-Awesome - CC BY 3.0
       
     5  */
       
     6 
       
     7 /* ==========================================================================
       
     8    HTML5 display definitions
       
     9    ========================================================================== */
       
    10 
       
    11 * {
       
    12 	-webkit-box-sizing: border-box;
       
    13 	-moz-box-sizing: border-box;
       
    14 	box-sizing: border-box;
       
    15 }
       
    16 
       
    17 /*
       
    18  * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
       
    19  */
       
    20 
       
    21 article,
       
    22 aside,
       
    23 details,
       
    24 figcaption,
       
    25 figure,
       
    26 footer,
       
    27 header,
       
    28 hgroup,
       
    29 nav,
       
    30 section,
       
    31 summary {
       
    32 	display: block;
       
    33 }
       
    34 
       
    35 /*
       
    36  * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
       
    37  */
       
    38 
       
    39 audio,
       
    40 canvas,
       
    41 video {
       
    42 	display: inline-block;
       
    43 	*display: inline;
       
    44 	*zoom: 1;
       
    45 }
       
    46 
       
    47 /*
       
    48  * Prevents modern browsers from displaying `audio` without controls.
       
    49  * Remove excess height in iOS 5 devices.
       
    50  */
       
    51 
       
    52 audio:not([controls]) {
       
    53 	display: none;
       
    54 	height: 0;
       
    55 }
       
    56 
       
    57 /* ==========================================================================
       
    58    Base
       
    59    ========================================================================== */
       
    60 
       
    61 /*
       
    62  * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
       
    63  *    `em` units.
       
    64  * 2. Prevents iOS text size adjust after orientation change, without disabling
       
    65  *    user zoom.
       
    66  */
       
    67 
       
    68 html {
       
    69 	font-size: 100%; /* 1 */
       
    70 	-webkit-text-size-adjust: 100%; /* 2 */
       
    71 	-ms-text-size-adjust: 100%; /* 2 */
       
    72 }
       
    73 
       
    74 /*
       
    75  * Addresses `font-family` inconsistency between `textarea` and other form
       
    76  * elements.
       
    77  */
       
    78 
       
    79 html,
       
    80 button,
       
    81 input,
       
    82 select,
       
    83 textarea {
       
    84 	font-family: Frutiger, sans-serif;
       
    85 	color: #333;
       
    86 }
       
    87 
       
    88 /*
       
    89  * Addresses margins handled incorrectly in IE 6/7.
       
    90  */
       
    91 
       
    92 body {
       
    93 	margin: 0;
       
    94 }
       
    95 
       
    96 ::-moz-selection {
       
    97 	background: #b3d4fc;
       
    98 	text-shadow: none;
       
    99 }
       
   100 
       
   101 ::selection {
       
   102 	background: #b3d4fc;
       
   103 	text-shadow: none;
       
   104 }
       
   105 
       
   106 .chromeframe {
       
   107 	margin: 0.2em 0;
       
   108 	background: #ccc;
       
   109 	color: #000;
       
   110 	padding: 0.2em 0;
       
   111 }
       
   112 
       
   113 /* ==========================================================================
       
   114    Links
       
   115    ========================================================================== */
       
   116 
       
   117 /*
       
   118  * Addresses `outline` inconsistency between Chrome and other browsers.
       
   119  */
       
   120 
       
   121 a:focus {
       
   122 	outline: thin dotted;
       
   123 }
       
   124 
       
   125 /*
       
   126  * Improves readability when focused and also mouse hovered in all browsers.
       
   127  */
       
   128 
       
   129 a:active,
       
   130 a:hover {
       
   131 	outline: 0;
       
   132 }
       
   133 
       
   134 /* ==========================================================================
       
   135    Typography
       
   136    ========================================================================== */
       
   137 
       
   138 /*
       
   139  * Addresses font sizes and margins set differently in IE 6/7.
       
   140  * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
       
   141  * and Chrome.
       
   142  */
       
   143 
       
   144 h1 {
       
   145 	font-size: 2em;
       
   146 	margin: 0 0 0.33em;
       
   147 }
       
   148 
       
   149 h2 {
       
   150 	font-size: 1.5em;
       
   151 	margin: 0 0 0.5em;
       
   152 }
       
   153 
       
   154 h3 {
       
   155 	font-size: 1.25em;
       
   156 	margin: 0 0 0.67em;
       
   157 }
       
   158 
       
   159 h4 {
       
   160 	font-size: 1em;
       
   161 	margin: 0 0 1em;
       
   162 }
       
   163 
       
   164 h5 {
       
   165 	font-size: 0.83em;
       
   166 	margin: 0 0 1.33em;
       
   167 }
       
   168 
       
   169 h6 {
       
   170 	font-size: 0.75em;
       
   171 	margin: 0 0 2em;
       
   172 }
       
   173 
       
   174 h1, h2, h3, h4, h5, h6 {
       
   175 	font-weight: 700;
       
   176 	font-family: "Frutiger-Bold", Helvetica, Arial, Geneva, sans-serif !important;
       
   177 }
       
   178 /*
       
   179  * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
       
   180  */
       
   181 
       
   182 abbr[title] {
       
   183 	border-bottom: 1px dotted;
       
   184 }
       
   185 
       
   186 /*
       
   187  * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
       
   188  */
       
   189 
       
   190 b,
       
   191 strong {
       
   192 	font-weight: bold;
       
   193 }
       
   194 
       
   195 blockquote {
       
   196 	margin: 1em 40px;
       
   197 }
       
   198 
       
   199 /*
       
   200  * Addresses styling not present in Safari 5 and Chrome.
       
   201  */
       
   202 
       
   203 dfn {
       
   204 	font-style: italic;
       
   205 }
       
   206 
       
   207 /*
       
   208  * Addresses styling not present in IE 6/7/8/9.
       
   209  */
       
   210 
       
   211 mark {
       
   212 	background: #ff0;
       
   213 	color: #000;
       
   214 }
       
   215 
       
   216 /*
       
   217  * Addresses margins set differently in IE 6/7.
       
   218  */
       
   219 
       
   220 p,
       
   221 pre {
       
   222 	margin: 1em 0;
       
   223 }
       
   224 
       
   225 /*
       
   226  * Improves readability of pre-formatted text in all browsers.
       
   227  */
       
   228 
       
   229 pre, code {
       
   230 	white-space: pre;
       
   231 	white-space: pre-wrap;
       
   232 	word-wrap: break-word;
       
   233 	word-spacing: 0;
       
   234 	font-size: 13px;
       
   235 	line-height: 16px;
       
   236 }
       
   237 code {
       
   238 	padding: 0 3px;
       
   239 	background-color: #eee;
       
   240 	border-radius: 3px;
       
   241 }
       
   242 pre code {
       
   243 	background-color: transparent;
       
   244 	font-size: 16px;
       
   245 	font-weight: bold;
       
   246 	white-space: pre;
       
   247 	word-wrap: normal;
       
   248 }
       
   249 
       
   250 /*
       
   251  * Addresses CSS quotes not supported in IE 6/7.
       
   252  */
       
   253 
       
   254 q {
       
   255 	quotes: none;
       
   256 }
       
   257 
       
   258 /*
       
   259  * Addresses `quotes` property not supported in Safari 4.
       
   260  */
       
   261 
       
   262 q:before,
       
   263 q:after {
       
   264 	content: '';
       
   265 	content: none;
       
   266 }
       
   267 
       
   268 /*
       
   269  * Prevents `sub` and `sup` affecting `line-height` in all browsers.
       
   270  */
       
   271 
       
   272 sub,
       
   273 sup {
       
   274 	font-size: 75%;
       
   275 	line-height: 0;
       
   276 	position: relative;
       
   277 	vertical-align: baseline;
       
   278 }
       
   279 
       
   280 sup {
       
   281 	top: -0.5em;
       
   282 }
       
   283 
       
   284 sub {
       
   285 	bottom: -0.25em;
       
   286 }
       
   287 
       
   288 /* ==========================================================================
       
   289    Lists
       
   290    ========================================================================== */
       
   291 
       
   292 /*
       
   293  * Addresses margins set differently in IE 6/7.
       
   294  */
       
   295 
       
   296 dl,
       
   297 menu,
       
   298 ol,
       
   299 ul {
       
   300 	margin: 0 0 1em;
       
   301 }
       
   302 
       
   303 dd {
       
   304 	margin: 0 0 0 40px;
       
   305 }
       
   306 
       
   307 /*
       
   308  * Addresses paddings set differently in IE 6/7.
       
   309  */
       
   310 
       
   311 menu,
       
   312 ol,
       
   313 ul {
       
   314 	padding: 0;
       
   315 }
       
   316 
       
   317 /*
       
   318  * Corrects list images handled incorrectly in IE 7.
       
   319  */
       
   320 
       
   321 nav ul,
       
   322 nav ol {
       
   323 	list-style: none;
       
   324 	list-style-image: none;
       
   325 }
       
   326 
       
   327 /* ==========================================================================
       
   328    Embedded content
       
   329    ========================================================================== */
       
   330 
       
   331 /*
       
   332  * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
       
   333  * 2. Improves image quality when scaled in IE 7.
       
   334  */
       
   335 
       
   336 img {
       
   337 	border: 0; /* 1 */
       
   338 	-ms-interpolation-mode: bicubic; /* 2 */
       
   339 	vertical-align: middle;
       
   340 	max-width: 100%;
       
   341 }
       
   342 
       
   343 /* ==========================================================================
       
   344    Figures
       
   345    ========================================================================== */
       
   346 
       
   347 /*
       
   348  * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
       
   349  */
       
   350 
       
   351 figure {
       
   352 	margin: 0;
       
   353 }
       
   354 
       
   355 /* ==========================================================================
       
   356    Forms
       
   357    ========================================================================== */
       
   358 
       
   359 /*
       
   360  * Corrects margin displayed oddly in IE 6/7.
       
   361  */
       
   362 
       
   363 form {
       
   364 	margin: 0;
       
   365 	padding: 10px 0;
       
   366 }
       
   367 
       
   368 /*
       
   369  * Define consistent border, margin, and padding.
       
   370  */
       
   371 
       
   372 fieldset {
       
   373 	border: 0;
       
   374 	margin: 0;
       
   375 	padding: 0;
       
   376 }
       
   377 
       
   378 /*
       
   379  * 1. Corrects color not being inherited in IE 6/7/8/9.
       
   380  * 2. Corrects text not wrapping in Firefox 3.
       
   381  * 3. Corrects alignment displayed oddly in IE 6/7.
       
   382  */
       
   383 
       
   384 legend {
       
   385 	border: 0; /* 1 */
       
   386 	padding: 0;
       
   387 	white-space: normal; /* 2 */
       
   388 	*margin-left: -7px; /* 3 */
       
   389 }
       
   390 
       
   391 /*
       
   392  * 1. Corrects font size not being inherited in all browsers.
       
   393  * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
       
   394  *    and Chrome.
       
   395  * 3. Improves appearance and consistency in all browsers.
       
   396  */
       
   397 
       
   398 button,
       
   399 input,
       
   400 select,
       
   401 textarea {
       
   402 	font-size: 100%; /* 1 */
       
   403 	margin: 0; /* 2 */
       
   404 	vertical-align: baseline; /* 3 */
       
   405 	*vertical-align: middle; /* 3 */
       
   406 }
       
   407 
       
   408 /*
       
   409  * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
       
   410  * the UA stylesheet.
       
   411  */
       
   412 
       
   413 button,
       
   414 input {
       
   415 	line-height: normal;
       
   416 }
       
   417 
       
   418 /*
       
   419  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
       
   420  *    and `video` controls.
       
   421  * 2. Corrects inability to style clickable `input` types in iOS.
       
   422  * 3. Improves usability and consistency of cursor style between image-type
       
   423  *    `input` and others.
       
   424  * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
       
   425  *    Known issue: inner spacing remains in IE 6.
       
   426  */
       
   427 
       
   428 button,
       
   429 html input[type="button"], /* 1 */
       
   430 input[type="reset"],
       
   431 input[type="submit"] {
       
   432 	-webkit-appearance: button; /* 2 */
       
   433 	cursor: pointer; /* 3 */
       
   434 	*overflow: visible;  /* 4 */
       
   435 }
       
   436 
       
   437 /*
       
   438  * Re-set default cursor for disabled elements.
       
   439  */
       
   440 
       
   441 button[disabled],
       
   442 input[disabled] {
       
   443 	cursor: default;
       
   444 }
       
   445 
       
   446 /*
       
   447  * 1. Addresses box sizing set to content-box in IE 8/9.
       
   448  * 2. Removes excess padding in IE 8/9.
       
   449  * 3. Removes excess padding in IE 7.
       
   450  *    Known issue: excess padding remains in IE 6.
       
   451  */
       
   452 
       
   453 input[type="checkbox"],
       
   454 input[type="radio"] {
       
   455 	box-sizing: border-box; /* 1 */
       
   456 	padding: 0; /* 2 */
       
   457 	*height: 13px; /* 3 */
       
   458 	*width: 13px; /* 3 */
       
   459 }
       
   460 
       
   461 /*
       
   462  * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
       
   463  * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
       
   464  *    (include `-moz` to future-proof).
       
   465  */
       
   466 
       
   467 input[type="search"] {
       
   468 	-webkit-appearance: textfield; /* 1 */
       
   469 	-moz-box-sizing: content-box;
       
   470 	-webkit-box-sizing: content-box; /* 2 */
       
   471 	box-sizing: content-box;
       
   472 }
       
   473 
       
   474 /*
       
   475  * Removes inner padding and search cancel button in Safari 5 and Chrome
       
   476  * on OS X.
       
   477  */
       
   478 
       
   479 input[type="search"]::-webkit-search-cancel-button,
       
   480 input[type="search"]::-webkit-search-decoration {
       
   481 	-webkit-appearance: none;
       
   482 }
       
   483 
       
   484 /*
       
   485  * Removes inner padding and border in Firefox 3+.
       
   486  */
       
   487 
       
   488 button::-moz-focus-inner,
       
   489 input::-moz-focus-inner {
       
   490 	border: 0;
       
   491 	padding: 0;
       
   492 }
       
   493 
       
   494 /*
       
   495  * 1. Removes default vertical scrollbar in IE 6/7/8/9.
       
   496  * 2. Improves readability and alignment in all browsers.
       
   497  */
       
   498 
       
   499 textarea {
       
   500 	overflow: auto; /* 1 */
       
   501 	vertical-align: top; /* 2 */
       
   502 	min-height: 150px;
       
   503 	resize: vertical;
       
   504 }
       
   505 
       
   506 #content input[type="text"],
       
   507 #content input[type="email"],
       
   508 #content textarea {
       
   509 	color: #666;
       
   510 
       
   511 	width: 70%;
       
   512 	min-width: 300px;
       
   513 
       
   514 	margin: 5px 0 10px 0;
       
   515 	padding: 8px 12px;
       
   516 
       
   517 	background: rgba(245,245,245,0.37);
       
   518 
       
   519 	border: 1px solid rgba(192,192,192,0.49);
       
   520 	border-radius: 2px;
       
   521 
       
   522 	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.17);
       
   523 	box-shadow:         inset 0 1px 3px rgba(0,0,0,0.17);
       
   524 }
       
   525 
       
   526 /*
       
   527  * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder.
       
   528  * 2. Using :placeholder for completeness.
       
   529  */
       
   530 ::-webkit-input-placeholder {
       
   531 	color: #9A1B1E;
       
   532 }
       
   533 :-moz-placeholder { /* 1 */
       
   534 	color: #9A1B1E;
       
   535 }
       
   536 ::-moz-placeholder {
       
   537 	color: #9A1B1E;
       
   538 }
       
   539 :-ms-placeholder {
       
   540 	color: #9A1B1E;
       
   541 }
       
   542 :placeholder { /* 2 */
       
   543 	color: #9A1B1E;
       
   544 }
       
   545 
       
   546 #content input:focus,
       
   547 #content input[type="text"]:focus,
       
   548 #content input[type="email"]:focus,
       
   549 #content textarea:focus {
       
   550 	outline: none;
       
   551 
       
   552 	color: #333;
       
   553 	background: #FFF;
       
   554 
       
   555 	border: 1px solid #B24926;
       
   556 
       
   557 	-webkit-box-shadow: 0px 0px 6px rgba(23,138,156,0.5),
       
   558 						inset 0px 1px 3px rgba(0,0,0,0.2);
       
   559 
       
   560 	box-shadow:         0px 0px 6px rgba(23,138,156,0.5),
       
   561 						inset 0px 1px 3px rgba(0,0,0,0.2);
       
   562 }
       
   563 
       
   564 /**
       
   565  * Radio Buttons
       
   566  */
       
   567 
       
   568 .radio {
       
   569 	margin: 15px 0;
       
   570 }
       
   571 
       
   572 #content .radio ul {
       
   573 	margin: 0;
       
   574 	padding: 0;
       
   575 	float: left;
       
   576 }
       
   577 
       
   578 #content .radio ul li {
       
   579 	margin: 0;
       
   580 	padding: 0;
       
   581 	background: none;
       
   582 	list-style-type: none;
       
   583 }
       
   584 
       
   585 .radio label {
       
   586 	margin: 5px 0;
       
   587 }
       
   588 
       
   589 input[type=radio] {
       
   590 	margin: 0 5px 0 0;
       
   591 }
       
   592 
       
   593 /**
       
   594  * Checkboxes
       
   595  */
       
   596 
       
   597 input[type="checkbox"] {
       
   598 	margin: 0 5px 0 0;
       
   599 }
       
   600 
       
   601 /**
       
   602  * Submit Buttons
       
   603  */
       
   604 
       
   605 form input[type="submit"] {
       
   606 	margin: 40px 0;
       
   607 	float: none;
       
   608 }
       
   609 
       
   610 /**
       
   611  * Top aligned labels
       
   612  */
       
   613 
       
   614 .top-labels label,
       
   615 .top-labels .radio label,
       
   616 .top-labels input[type="text"],
       
   617 .top-labels input[type="email"],
       
   618 .top-labels textarea {
       
   619 	display: block;
       
   620 }
       
   621 
       
   622 /**
       
   623  * Left aligned labels
       
   624  */
       
   625 
       
   626 .left-labels label {
       
   627 	padding: 5px 0 0 0;
       
   628 	display: block;
       
   629 }
       
   630 
       
   631 .left-labels span {
       
   632 	margin: 0 10px 0 0;
       
   633 	min-width: 100px;
       
   634 
       
   635 	float: left;
       
   636 
       
   637 	text-align: left;
       
   638 }
       
   639 
       
   640 .left-labels .radio span {
       
   641 	padding-top: 5px;
       
   642 }
       
   643 
       
   644 .left-labels .radio {
       
   645 	display: block;
       
   646 }
       
   647 
       
   648 .left-labels .radio li label {
       
   649 	margin: 0;
       
   650 	padding: 0 0 5px 0;
       
   651 
       
   652 	border: 0;
       
   653 }
       
   654 
       
   655 /**
       
   656  * Label descriptions
       
   657  */
       
   658 
       
   659 label .field-description {
       
   660 	font-size: 0.8em;
       
   661 }
       
   662 
       
   663 /* ==========================================================================
       
   664    Tables
       
   665    ========================================================================== */
       
   666 
       
   667 table {
       
   668 	border-collapse: collapse;
       
   669 	border-spacing: 0;
       
   670 }
       
   671 
       
   672 #content table {
       
   673 	margin: 1em 2em;
       
   674 }
       
   675 
       
   676 #content thead tr {
       
   677 	border-bottom: 2px solid #666;
       
   678 }
       
   679 
       
   680 #content tbody tr {
       
   681 	border-bottom: 1px solid #666;
       
   682 }
       
   683 
       
   684 #content tbody tr:hover {
       
   685 	background-color: #eee;
       
   686 }
       
   687 
       
   688 #content th {
       
   689 	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
   690 }
       
   691 
       
   692 #content th,
       
   693 #content td {
       
   694 	padding: .5em;
       
   695 }
       
   696 
       
   697 /* ==========================================================================
       
   698    Font Awesome
       
   699    ========================================================================== */
       
   700 
       
   701 [class^="icon-"],
       
   702 [class*=" icon-"] {
       
   703   font-weight: normal;
       
   704   font-style: normal;
       
   705   text-decoration: inherit;
       
   706   -webkit-font-smoothing: antialiased;
       
   707 
       
   708   /* sprites.less reset */
       
   709   display: inline;
       
   710   width: auto;
       
   711   height: auto;
       
   712   line-height: normal;
       
   713   vertical-align: baseline;
       
   714   background-image: none;
       
   715   background-position: 0% 0%;
       
   716   background-repeat: repeat;
       
   717   margin-top: 0;
       
   718 }
       
   719 
       
   720 /* more sprites.less reset*/
       
   721 .icon-white,
       
   722 .nav-pills > .active > a > [class^="icon-"],
       
   723 .nav-pills > .active > a > [class*=" icon-"],
       
   724 .nav-list > .active > a > [class^="icon-"],
       
   725 .nav-list > .active > a > [class*=" icon-"],
       
   726 .navbar-inverse .nav > .active > a > [class^="icon-"],
       
   727 .navbar-inverse .nav > .active > a > [class*=" icon-"],
       
   728 .dropdown-menu > li > a:hover > [class^="icon-"],
       
   729 .dropdown-menu > li > a:hover > [class*=" icon-"],
       
   730 .dropdown-menu > .active > a > [class^="icon-"],
       
   731 .dropdown-menu > .active > a > [class*=" icon-"],
       
   732 .dropdown-submenu:hover > a > [class^="icon-"],
       
   733 .dropdown-submenu:hover > a > [class*=" icon-"] {
       
   734   background-image: none;
       
   735 }
       
   736 [class^="icon-"]:before,
       
   737 [class*=" icon-"]:before {
       
   738   text-decoration: inherit;
       
   739   display: inline-block;
       
   740   speak: none;
       
   741 }
       
   742 /* makes sure icons active on rollover in links */
       
   743 a [class^="icon-"],
       
   744 a [class*=" icon-"] {
       
   745   display: inline-block;
       
   746 }
       
   747 /* makes the font 33% larger relative to the icon container */
       
   748 .icon-large:before {
       
   749   vertical-align: -10%;
       
   750   font-size: 1.3333333333333333em;
       
   751 }
       
   752 .btn [class^="icon-"],
       
   753 .nav [class^="icon-"],
       
   754 .btn [class*=" icon-"],
       
   755 .nav [class*=" icon-"] {
       
   756   display: inline;
       
   757   /* keeps button heights with and without icons the same */
       
   758 
       
   759 }
       
   760 .btn [class^="icon-"].icon-large,
       
   761 .nav [class^="icon-"].icon-large,
       
   762 .btn [class*=" icon-"].icon-large,
       
   763 .nav [class*=" icon-"].icon-large {
       
   764   line-height: .9em;
       
   765 }
       
   766 .btn [class^="icon-"].icon-spin,
       
   767 .nav [class^="icon-"].icon-spin,
       
   768 .btn [class*=" icon-"].icon-spin,
       
   769 .nav [class*=" icon-"].icon-spin {
       
   770   display: inline-block;
       
   771 }
       
   772 .nav-tabs [class^="icon-"],
       
   773 .nav-pills [class^="icon-"],
       
   774 .nav-tabs [class*=" icon-"],
       
   775 .nav-pills [class*=" icon-"] {
       
   776   /* keeps button heights with and without icons the same */
       
   777 
       
   778 }
       
   779 .nav-tabs [class^="icon-"],
       
   780 .nav-pills [class^="icon-"],
       
   781 .nav-tabs [class*=" icon-"],
       
   782 .nav-pills [class*=" icon-"],
       
   783 .nav-tabs [class^="icon-"].icon-large,
       
   784 .nav-pills [class^="icon-"].icon-large,
       
   785 .nav-tabs [class*=" icon-"].icon-large,
       
   786 .nav-pills [class*=" icon-"].icon-large {
       
   787   line-height: .9em;
       
   788 }
       
   789 li [class^="icon-"],
       
   790 .nav li [class^="icon-"],
       
   791 li [class*=" icon-"],
       
   792 .nav li [class*=" icon-"] {
       
   793   display: inline-block;
       
   794   width: 1.25em;
       
   795   text-align: center;
       
   796 }
       
   797 li [class^="icon-"].icon-large,
       
   798 .nav li [class^="icon-"].icon-large,
       
   799 li [class*=" icon-"].icon-large,
       
   800 .nav li [class*=" icon-"].icon-large {
       
   801   /* increased font size for icon-large */
       
   802 
       
   803   width: 1.5625em;
       
   804 }
       
   805 ul.icons {
       
   806   list-style-type: none;
       
   807   text-indent: -0.75em;
       
   808 }
       
   809 ul.icons li [class^="icon-"],
       
   810 ul.icons li [class*=" icon-"] {
       
   811   width: .75em;
       
   812 }
       
   813 .icon-muted {
       
   814   color: #eeeeee;
       
   815 }
       
   816 .icon-border {
       
   817   border: solid 1px #eeeeee;
       
   818   padding: .2em .25em .15em;
       
   819   -webkit-border-radius: 3px;
       
   820   -moz-border-radius: 3px;
       
   821   border-radius: 3px;
       
   822 }
       
   823 .icon-2x {
       
   824   font-size: 2em;
       
   825 }
       
   826 .icon-2x.icon-border {
       
   827   border-width: 2px;
       
   828   -webkit-border-radius: 4px;
       
   829   -moz-border-radius: 4px;
       
   830   border-radius: 4px;
       
   831 }
       
   832 .icon-3x {
       
   833   font-size: 3em;
       
   834 }
       
   835 .icon-3x.icon-border {
       
   836   border-width: 3px;
       
   837   -webkit-border-radius: 5px;
       
   838   -moz-border-radius: 5px;
       
   839   border-radius: 5px;
       
   840 }
       
   841 .icon-4x {
       
   842   font-size: 4em;
       
   843 }
       
   844 .icon-4x.icon-border {
       
   845   border-width: 4px;
       
   846   -webkit-border-radius: 6px;
       
   847   -moz-border-radius: 6px;
       
   848   border-radius: 6px;
       
   849 }
       
   850 .pull-right {
       
   851   float: right;
       
   852 }
       
   853 .pull-left {
       
   854   float: left;
       
   855 }
       
   856 [class^="icon-"].pull-left,
       
   857 [class*=" icon-"].pull-left {
       
   858   margin-right: .3em;
       
   859 }
       
   860 [class^="icon-"].pull-right,
       
   861 [class*=" icon-"].pull-right {
       
   862   margin-left: .3em;
       
   863 }
       
   864 .btn [class^="icon-"].pull-left.icon-2x,
       
   865 .btn [class*=" icon-"].pull-left.icon-2x,
       
   866 .btn [class^="icon-"].pull-right.icon-2x,
       
   867 .btn [class*=" icon-"].pull-right.icon-2x {
       
   868   margin-top: .18em;
       
   869 }
       
   870 .btn [class^="icon-"].icon-spin.icon-large,
       
   871 .btn [class*=" icon-"].icon-spin.icon-large {
       
   872   line-height: .8em;
       
   873 }
       
   874 .btn.btn-small [class^="icon-"].pull-left.icon-2x,
       
   875 .btn.btn-small [class*=" icon-"].pull-left.icon-2x,
       
   876 .btn.btn-small [class^="icon-"].pull-right.icon-2x,
       
   877 .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
       
   878   margin-top: .25em;
       
   879 }
       
   880 .btn.btn-large [class^="icon-"],
       
   881 .btn.btn-large [class*=" icon-"] {
       
   882   margin-top: 0;
       
   883 }
       
   884 .btn.btn-large [class^="icon-"].pull-left.icon-2x,
       
   885 .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
       
   886 .btn.btn-large [class^="icon-"].pull-right.icon-2x,
       
   887 .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
       
   888   margin-top: .05em;
       
   889 }
       
   890 .btn.btn-large [class^="icon-"].pull-left.icon-2x,
       
   891 .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
       
   892   margin-right: .2em;
       
   893 }
       
   894 .btn.btn-large [class^="icon-"].pull-right.icon-2x,
       
   895 .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
       
   896   margin-left: .2em;
       
   897 }
       
   898 .icon-spin {
       
   899   display: inline-block;
       
   900   -moz-animation: spin 2s infinite linear;
       
   901   -o-animation: spin 2s infinite linear;
       
   902   -webkit-animation: spin 2s infinite linear;
       
   903   animation: spin 2s infinite linear;
       
   904 }
       
   905 @-moz-keyframes spin {
       
   906   0% { -moz-transform: rotate(0deg); }
       
   907   100% { -moz-transform: rotate(359deg); }
       
   908 }
       
   909 @-webkit-keyframes spin {
       
   910   0% { -webkit-transform: rotate(0deg); }
       
   911   100% { -webkit-transform: rotate(359deg); }
       
   912 }
       
   913 @-o-keyframes spin {
       
   914   0% { -o-transform: rotate(0deg); }
       
   915   100% { -o-transform: rotate(359deg); }
       
   916 }
       
   917 @-ms-keyframes spin {
       
   918   0% { -ms-transform: rotate(0deg); }
       
   919   100% { -ms-transform: rotate(359deg); }
       
   920 }
       
   921 @keyframes spin {
       
   922   0% { transform: rotate(0deg); }
       
   923   100% { transform: rotate(359deg); }
       
   924 }
       
   925 @-moz-document url-prefix() {
       
   926   .icon-spin {
       
   927     height: .9em;
       
   928   }
       
   929   .btn .icon-spin {
       
   930     height: auto;
       
   931   }
       
   932   .icon-spin.icon-large {
       
   933     height: 1.25em;
       
   934   }
       
   935   .btn .icon-spin.icon-large {
       
   936     height: .75em;
       
   937   }
       
   938 }
       
   939 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
       
   940     readers do not read off random characters that represent icons */
       
   941 .icon-glass:before                { content: "\f000"; }
       
   942 .icon-music:before                { content: "\f001"; }
       
   943 .icon-search:before               { content: "\f002"; }
       
   944 .icon-envelope:before             { content: "\f003"; }
       
   945 .icon-heart:before                { content: "\f004"; }
       
   946 .icon-star:before                 { content: "\f005"; }
       
   947 .icon-star-empty:before           { content: "\f006"; }
       
   948 .icon-user:before                 { content: "\f007"; }
       
   949 .icon-film:before                 { content: "\f008"; }
       
   950 .icon-th-large:before             { content: "\f009"; }
       
   951 .icon-th:before                   { content: "\f00a"; }
       
   952 .icon-th-list:before              { content: "\f00b"; }
       
   953 .icon-ok:before                   { content: "\f00c"; }
       
   954 .icon-remove:before               { content: "\f00d"; }
       
   955 .icon-zoom-in:before              { content: "\f00e"; }
       
   956 
       
   957 .icon-zoom-out:before             { content: "\f010"; }
       
   958 .icon-off:before                  { content: "\f011"; }
       
   959 .icon-signal:before               { content: "\f012"; }
       
   960 .icon-cog:before                  { content: "\f013"; }
       
   961 .icon-trash:before                { content: "\f014"; }
       
   962 .icon-home:before                 { content: "\f015"; }
       
   963 .icon-file:before                 { content: "\f016"; }
       
   964 .icon-time:before                 { content: "\f017"; }
       
   965 .icon-road:before                 { content: "\f018"; }
       
   966 .icon-download-alt:before         { content: "\f019"; }
       
   967 .icon-download:before             { content: "\f01a"; }
       
   968 .icon-upload:before               { content: "\f01b"; }
       
   969 .icon-inbox:before                { content: "\f01c"; }
       
   970 .icon-play-circle:before          { content: "\f01d"; }
       
   971 .icon-repeat:before               { content: "\f01e"; }
       
   972 
       
   973 /* \f020 doesn't work in Safari. all shifted one down */
       
   974 .icon-refresh:before              { content: "\f021"; }
       
   975 .icon-list-alt:before             { content: "\f022"; }
       
   976 .icon-lock:before                 { content: "\f023"; }
       
   977 .icon-flag:before                 { content: "\f024"; }
       
   978 .icon-headphones:before           { content: "\f025"; }
       
   979 .icon-volume-off:before           { content: "\f026"; }
       
   980 .icon-volume-down:before          { content: "\f027"; }
       
   981 .icon-volume-up:before            { content: "\f028"; }
       
   982 .icon-qrcode:before               { content: "\f029"; }
       
   983 .icon-barcode:before              { content: "\f02a"; }
       
   984 .icon-tag:before                  { content: "\f02b"; }
       
   985 .icon-tags:before                 { content: "\f02c"; }
       
   986 .icon-book:before                 { content: "\f02d"; }
       
   987 .icon-bookmark:before             { content: "\f02e"; }
       
   988 .icon-print:before                { content: "\f02f"; }
       
   989 
       
   990 .icon-camera:before               { content: "\f030"; }
       
   991 .icon-font:before                 { content: "\f031"; }
       
   992 .icon-bold:before                 { content: "\f032"; }
       
   993 .icon-italic:before               { content: "\f033"; }
       
   994 .icon-text-height:before          { content: "\f034"; }
       
   995 .icon-text-width:before           { content: "\f035"; }
       
   996 .icon-align-left:before           { content: "\f036"; }
       
   997 .icon-align-center:before         { content: "\f037"; }
       
   998 .icon-align-right:before          { content: "\f038"; }
       
   999 .icon-align-justify:before        { content: "\f039"; }
       
  1000 .icon-list:before                 { content: "\f03a"; }
       
  1001 .icon-indent-left:before          { content: "\f03b"; }
       
  1002 .icon-indent-right:before         { content: "\f03c"; }
       
  1003 .icon-facetime-video:before       { content: "\f03d"; }
       
  1004 .icon-picture:before              { content: "\f03e"; }
       
  1005 
       
  1006 .icon-pencil:before               { content: "\f040"; }
       
  1007 .icon-map-marker:before           { content: "\f041"; }
       
  1008 .icon-adjust:before               { content: "\f042"; }
       
  1009 .icon-tint:before                 { content: "\f043"; }
       
  1010 .icon-edit:before                 { content: "\f044"; }
       
  1011 .icon-share:before                { content: "\f045"; }
       
  1012 .icon-check:before                { content: "\f046"; }
       
  1013 .icon-move:before                 { content: "\f047"; }
       
  1014 .icon-step-backward:before        { content: "\f048"; }
       
  1015 .icon-fast-backward:before        { content: "\f049"; }
       
  1016 .icon-backward:before             { content: "\f04a"; }
       
  1017 .icon-play:before                 { content: "\f04b"; }
       
  1018 .icon-pause:before                { content: "\f04c"; }
       
  1019 .icon-stop:before                 { content: "\f04d"; }
       
  1020 .icon-forward:before              { content: "\f04e"; }
       
  1021 
       
  1022 .icon-fast-forward:before         { content: "\f050"; }
       
  1023 .icon-step-forward:before         { content: "\f051"; }
       
  1024 .icon-eject:before                { content: "\f052"; }
       
  1025 .icon-chevron-left:before         { content: "\f053"; }
       
  1026 .icon-chevron-right:before        { content: "\f054"; }
       
  1027 .icon-plus-sign:before            { content: "\f055"; }
       
  1028 .icon-minus-sign:before           { content: "\f056"; }
       
  1029 .icon-remove-sign:before          { content: "\f057"; }
       
  1030 .icon-ok-sign:before              { content: "\f058"; }
       
  1031 .icon-question-sign:before        { content: "\f059"; }
       
  1032 .icon-info-sign:before            { content: "\f05a"; }
       
  1033 .icon-screenshot:before           { content: "\f05b"; }
       
  1034 .icon-remove-circle:before        { content: "\f05c"; }
       
  1035 .icon-ok-circle:before            { content: "\f05d"; }
       
  1036 .icon-ban-circle:before           { content: "\f05e"; }
       
  1037 
       
  1038 .icon-arrow-left:before           { content: "\f060"; }
       
  1039 .icon-arrow-right:before          { content: "\f061"; }
       
  1040 .icon-arrow-up:before             { content: "\f062"; }
       
  1041 .icon-arrow-down:before           { content: "\f063"; }
       
  1042 .icon-share-alt:before            { content: "\f064"; }
       
  1043 .icon-resize-full:before          { content: "\f065"; }
       
  1044 .icon-resize-small:before         { content: "\f066"; }
       
  1045 .icon-plus:before                 { content: "\f067"; }
       
  1046 .icon-minus:before                { content: "\f068"; }
       
  1047 .icon-asterisk:before             { content: "\f069"; }
       
  1048 .icon-exclamation-sign:before     { content: "\f06a"; }
       
  1049 .icon-gift:before                 { content: "\f06b"; }
       
  1050 .icon-leaf:before                 { content: "\f06c"; }
       
  1051 .icon-fire:before                 { content: "\f06d"; }
       
  1052 .icon-eye-open:before             { content: "\f06e"; }
       
  1053 
       
  1054 .icon-eye-close:before            { content: "\f070"; }
       
  1055 .icon-warning-sign:before         { content: "\f071"; }
       
  1056 .icon-plane:before                { content: "\f072"; }
       
  1057 .icon-calendar:before             { content: "\f073"; }
       
  1058 .icon-random:before               { content: "\f074"; }
       
  1059 .icon-comment:before              { content: "\f075"; }
       
  1060 .icon-magnet:before               { content: "\f076"; }
       
  1061 .icon-chevron-up:before           { content: "\f077"; }
       
  1062 .icon-chevron-down:before         { content: "\f078"; }
       
  1063 .icon-retweet:before              { content: "\f079"; }
       
  1064 .icon-shopping-cart:before        { content: "\f07a"; }
       
  1065 .icon-folder-close:before         { content: "\f07b"; }
       
  1066 .icon-folder-open:before          { content: "\f07c"; }
       
  1067 .icon-resize-vertical:before      { content: "\f07d"; }
       
  1068 .icon-resize-horizontal:before    { content: "\f07e"; }
       
  1069 
       
  1070 .icon-bar-chart:before            { content: "\f080"; }
       
  1071 .icon-twitter-sign:before         { content: "\f081"; }
       
  1072 .icon-facebook-sign:before        { content: "\f082"; }
       
  1073 .icon-camera-retro:before         { content: "\f083"; }
       
  1074 .icon-key:before                  { content: "\f084"; }
       
  1075 .icon-cogs:before                 { content: "\f085"; }
       
  1076 .icon-comments:before             { content: "\f086"; }
       
  1077 .icon-thumbs-up:before            { content: "\f087"; }
       
  1078 .icon-thumbs-down:before          { content: "\f088"; }
       
  1079 .icon-star-half:before            { content: "\f089"; }
       
  1080 .icon-heart-empty:before          { content: "\f08a"; }
       
  1081 .icon-signout:before              { content: "\f08b"; }
       
  1082 .icon-linkedin-sign:before        { content: "\f08c"; }
       
  1083 .icon-pushpin:before              { content: "\f08d"; }
       
  1084 .icon-external-link:before        { content: "\f08e"; }
       
  1085 
       
  1086 .icon-signin:before               { content: "\f090"; }
       
  1087 .icon-trophy:before               { content: "\f091"; }
       
  1088 .icon-github-sign:before          { content: "\f092"; }
       
  1089 .icon-upload-alt:before           { content: "\f093"; }
       
  1090 .icon-lemon:before                { content: "\f094"; }
       
  1091 .icon-phone:before                { content: "\f095"; }
       
  1092 .icon-check-empty:before          { content: "\f096"; }
       
  1093 .icon-bookmark-empty:before       { content: "\f097"; }
       
  1094 .icon-phone-sign:before           { content: "\f098"; }
       
  1095 .icon-twitter:before              { content: "\f099"; }
       
  1096 .icon-facebook:before             { content: "\f09a"; }
       
  1097 .icon-github:before               { content: "\f09b"; }
       
  1098 .icon-unlock:before               { content: "\f09c"; }
       
  1099 .icon-credit-card:before          { content: "\f09d"; }
       
  1100 .icon-rss:before                  { content: "\f09e"; }
       
  1101 
       
  1102 .icon-hdd:before                  { content: "\f0a0"; }
       
  1103 .icon-bullhorn:before             { content: "\f0a1"; }
       
  1104 .icon-bell:before                 { content: "\f0a2"; }
       
  1105 .icon-certificate:before          { content: "\f0a3"; }
       
  1106 .icon-hand-right:before           { content: "\f0a4"; }
       
  1107 .icon-hand-left:before            { content: "\f0a5"; }
       
  1108 .icon-hand-up:before              { content: "\f0a6"; }
       
  1109 .icon-hand-down:before            { content: "\f0a7"; }
       
  1110 .icon-circle-arrow-left:before    { content: "\f0a8"; }
       
  1111 .icon-circle-arrow-right:before   { content: "\f0a9"; }
       
  1112 .icon-circle-arrow-up:before      { content: "\f0aa"; }
       
  1113 .icon-circle-arrow-down:before    { content: "\f0ab"; }
       
  1114 .icon-globe:before                { content: "\f0ac"; }
       
  1115 .icon-wrench:before               { content: "\f0ad"; }
       
  1116 .icon-tasks:before                { content: "\f0ae"; }
       
  1117 
       
  1118 .icon-filter:before               { content: "\f0b0"; }
       
  1119 .icon-briefcase:before            { content: "\f0b1"; }
       
  1120 .icon-fullscreen:before           { content: "\f0b2"; }
       
  1121 
       
  1122 .icon-group:before                { content: "\f0c0"; }
       
  1123 .icon-link:before                 { content: "\f0c1"; }
       
  1124 .icon-cloud:before                { content: "\f0c2"; }
       
  1125 .icon-beaker:before               { content: "\f0c3"; }
       
  1126 .icon-cut:before                  { content: "\f0c4"; }
       
  1127 .icon-copy:before                 { content: "\f0c5"; }
       
  1128 .icon-paper-clip:before           { content: "\f0c6"; }
       
  1129 .icon-save:before                 { content: "\f0c7"; }
       
  1130 .icon-sign-blank:before           { content: "\f0c8"; }
       
  1131 .icon-reorder:before              { content: "\f0c9"; }
       
  1132 .icon-list-ul:before              { content: "\f0ca"; }
       
  1133 .icon-list-ol:before              { content: "\f0cb"; }
       
  1134 .icon-strikethrough:before        { content: "\f0cc"; }
       
  1135 .icon-underline:before            { content: "\f0cd"; }
       
  1136 .icon-table:before                { content: "\f0ce"; }
       
  1137 
       
  1138 .icon-magic:before                { content: "\f0d0"; }
       
  1139 .icon-truck:before                { content: "\f0d1"; }
       
  1140 .icon-pinterest:before            { content: "\f0d2"; }
       
  1141 .icon-pinterest-sign:before       { content: "\f0d3"; }
       
  1142 .icon-google-plus-sign:before     { content: "\f0d4"; }
       
  1143 .icon-google-plus:before          { content: "\f0d5"; }
       
  1144 .icon-money:before                { content: "\f0d6"; }
       
  1145 .icon-caret-down:before           { content: "\f0d7"; }
       
  1146 .icon-caret-up:before             { content: "\f0d8"; }
       
  1147 .icon-caret-left:before           { content: "\f0d9"; }
       
  1148 .icon-caret-right:before          { content: "\f0da"; }
       
  1149 .icon-columns:before              { content: "\f0db"; }
       
  1150 .icon-sort:before                 { content: "\f0dc"; }
       
  1151 .icon-sort-down:before            { content: "\f0dd"; }
       
  1152 .icon-sort-up:before              { content: "\f0de"; }
       
  1153 
       
  1154 .icon-envelope-alt:before         { content: "\f0e0"; }
       
  1155 .icon-linkedin:before             { content: "\f0e1"; }
       
  1156 .icon-undo:before                 { content: "\f0e2"; }
       
  1157 .icon-legal:before                { content: "\f0e3"; }
       
  1158 .icon-dashboard:before            { content: "\f0e4"; }
       
  1159 .icon-comment-alt:before          { content: "\f0e5"; }
       
  1160 .icon-comments-alt:before         { content: "\f0e6"; }
       
  1161 .icon-bolt:before                 { content: "\f0e7"; }
       
  1162 .icon-sitemap:before              { content: "\f0e8"; }
       
  1163 .icon-umbrella:before             { content: "\f0e9"; }
       
  1164 .icon-paste:before                { content: "\f0ea"; }
       
  1165 .icon-lightbulb:before            { content: "\f0eb"; }
       
  1166 .icon-exchange:before             { content: "\f0ec"; }
       
  1167 .icon-cloud-download:before       { content: "\f0ed"; }
       
  1168 .icon-cloud-upload:before         { content: "\f0ee"; }
       
  1169 
       
  1170 .icon-user-md:before              { content: "\f0f0"; }
       
  1171 .icon-stethoscope:before          { content: "\f0f1"; }
       
  1172 .icon-suitcase:before             { content: "\f0f2"; }
       
  1173 .icon-bell-alt:before             { content: "\f0f3"; }
       
  1174 .icon-coffee:before               { content: "\f0f4"; }
       
  1175 .icon-food:before                 { content: "\f0f5"; }
       
  1176 .icon-file-alt:before             { content: "\f0f6"; }
       
  1177 .icon-building:before             { content: "\f0f7"; }
       
  1178 .icon-hospital:before             { content: "\f0f8"; }
       
  1179 .icon-ambulance:before            { content: "\f0f9"; }
       
  1180 .icon-medkit:before               { content: "\f0fa"; }
       
  1181 .icon-fighter-jet:before          { content: "\f0fb"; }
       
  1182 .icon-beer:before                 { content: "\f0fc"; }
       
  1183 .icon-h-sign:before               { content: "\f0fd"; }
       
  1184 .icon-plus-sign-alt:before        { content: "\f0fe"; }
       
  1185 
       
  1186 .icon-double-angle-left:before    { content: "\f100"; }
       
  1187 .icon-double-angle-right:before   { content: "\f101"; }
       
  1188 .icon-double-angle-up:before      { content: "\f102"; }
       
  1189 .icon-double-angle-down:before    { content: "\f103"; }
       
  1190 .icon-angle-left:before           { content: "\f104"; }
       
  1191 .icon-angle-right:before          { content: "\f105"; }
       
  1192 .icon-angle-up:before             { content: "\f106"; }
       
  1193 .icon-angle-down:before           { content: "\f107"; }
       
  1194 .icon-desktop:before              { content: "\f108"; }
       
  1195 .icon-laptop:before               { content: "\f109"; }
       
  1196 .icon-tablet:before               { content: "\f10a"; }
       
  1197 .icon-mobile-phone:before         { content: "\f10b"; }
       
  1198 .icon-circle-blank:before         { content: "\f10c"; }
       
  1199 .icon-quote-left:before           { content: "\f10d"; }
       
  1200 .icon-quote-right:before          { content: "\f10e"; }
       
  1201 
       
  1202 .icon-spinner:before              { content: "\f110"; }
       
  1203 .icon-circle:before               { content: "\f111"; }
       
  1204 .icon-reply:before                { content: "\f112"; }
       
  1205 .icon-github-alt:before           { content: "\f113"; }
       
  1206 .icon-folder-close-alt:before     { content: "\f114"; }
       
  1207 .icon-folder-open-alt:before      { content: "\f115"; }
       
  1208 
       
  1209 /* Manual Font Awesome Styles */
       
  1210 [class^="icon-"]::before, [class^="icon-"]::after,
       
  1211 [class*=" icon-"]::before, [class*=" icon-"]::after {
       
  1212   font-family: FontAwesome, "Helvetica Neue", Helvetica, Arial, sans-serif;
       
  1213 }
       
  1214 
       
  1215 #content ul li[class^="icon-"],
       
  1216 #content ul li[class*=" icon-"] {
       
  1217 	background: none;
       
  1218 	padding-left: 0;
       
  1219 }
       
  1220 
       
  1221 h2 [class^="icon-"],
       
  1222 h2 [class*=" icon-"],
       
  1223 h3 [class^="icon-"],
       
  1224 h3 [class*=" icon-"] {
       
  1225 	margin-right: 7px;
       
  1226 }
       
  1227 
       
  1228 /* Global Structure
       
  1229    ========================================================================== */
       
  1230 
       
  1231 body {
       
  1232 	-webkit-font-smoothing: antialiased;
       
  1233 	color: #333;
       
  1234 	font: 15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
       
  1235 }
       
  1236 
       
  1237 iframe {
       
  1238 	border: 1px solid #bfbfbf;
       
  1239 	padding: 1px;
       
  1240 }
       
  1241 
       
  1242 #container {
       
  1243 	background: #0769AD;
       
  1244 	margin: 0 auto;
       
  1245 	padding: 0 20px;
       
  1246 
       
  1247 }
       
  1248 
       
  1249 .jquery-ui #container {
       
  1250 	background: #B24926;
       
  1251 }
       
  1252 
       
  1253 .jquery-mobile #container {
       
  1254 	background: #108040;
       
  1255 }
       
  1256 
       
  1257 .sizzlejs #container {
       
  1258 	background: #9A1B1E;
       
  1259 }
       
  1260 
       
  1261 .qunitjs #container {
       
  1262 	background: #390F39;
       
  1263 }
       
  1264 
       
  1265 .jquery-foundation #container {
       
  1266 	background: #333;
       
  1267 }
       
  1268 
       
  1269 .jquery-learn #container {
       
  1270 	background: url(../images/bg-body-learn.jpg) no-repeat center top #000;
       
  1271 }
       
  1272 
       
  1273 #content-wrapper {
       
  1274 	background-color: #fff;
       
  1275 	-webkit-box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
       
  1276 	box-shadow: -3px 0 5px -3px rgba(1, 1, 1, 0.87), 3px 0 5px -3px rgba(1, 1, 1, 0.87);
       
  1277 	padding: 20px 0;
       
  1278 	border-top: 1px solid #333;
       
  1279 	border-radius: 0 0 10px 10px;
       
  1280 	position: relative;
       
  1281 }
       
  1282 .no-boxshadow #content-wrapper {
       
  1283 	border: 1px solid #333;
       
  1284 }
       
  1285 
       
  1286 .constrain {
       
  1287 	max-width: 1240px;
       
  1288 	margin: 0 auto;
       
  1289 	padding: 0 20px;
       
  1290 }
       
  1291 
       
  1292 .lte8 .constrain {
       
  1293   max-width: 1198px; /* Accomodate for padding + 1px border */
       
  1294 }
       
  1295 
       
  1296 #content {
       
  1297 	float: left;
       
  1298 	width: 71%;
       
  1299 }
       
  1300 
       
  1301 .content-right #content {
       
  1302 	float: right;
       
  1303 }
       
  1304 
       
  1305 .content-full #content {
       
  1306 	width: 100%;
       
  1307 	padding-left: 10%;
       
  1308 	padding-right: 10%;
       
  1309 }
       
  1310 
       
  1311 .content-full.full-width #content {
       
  1312 	padding-left: 0;
       
  1313 	padding-right: 0;
       
  1314 }
       
  1315 
       
  1316 #sidebar,
       
  1317 .sidebar-left,
       
  1318 .sidebar-right {
       
  1319 	padding: 20px;
       
  1320 	width: 29%;
       
  1321 }
       
  1322 
       
  1323 #sidebar,
       
  1324 .sidebar-right {
       
  1325 	float: right;
       
  1326 	margin-right: -25px;
       
  1327 	position: relative;
       
  1328 	-webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
       
  1329 	border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
       
  1330 	box-shadow: inset 15px 0 5px -16px #e7e7e7;
       
  1331 	background-image: -webkit-radial-gradient(left, #f2f2f2, #ffffff 80%);
       
  1332 	background-image: radial-gradient(left, #f2f2f2, #ffffff 80%);
       
  1333 	border: 0;
       
  1334 	border-left: 1px solid #efefef;
       
  1335 }
       
  1336 
       
  1337 
       
  1338 .content-right #sidebar,
       
  1339 .sidebar-left {
       
  1340 	float: left;
       
  1341 	border-left: 0;
       
  1342 	border-right: 1px solid #e7e7e7;
       
  1343 	margin: -20px 0 0 -25px;
       
  1344 	-webkit-border-image: -webkit-linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
       
  1345 	border-image: linear-gradient(#ffffff, #e7e7e7 15%, #e7e7e7 85%, #ffffff);
       
  1346 	box-shadow: inset 15px 0 5px -16px #e7e7e7;
       
  1347 	background-image: -webkit-radial-gradient(right, #f2f2f2, #ffffff 80%);
       
  1348 	background-image: radial-gradient(right, #f2f2f2, #ffffff 80%);
       
  1349 }
       
  1350 
       
  1351 .entry-summary p {
       
  1352 	margin: 0;
       
  1353 }
       
  1354 
       
  1355 
       
  1356 /* Global Nav
       
  1357    ========================================================================== */
       
  1358 
       
  1359 #global-nav {
       
  1360 	background: url(../images/jq-global-nav.png) repeat-x 0 bottom #1b1b1b;
       
  1361 }
       
  1362 
       
  1363 #global-nav nav {
       
  1364 	height: 34px;
       
  1365 }
       
  1366 
       
  1367 #global-nav nav ul {
       
  1368 	text-align: left;
       
  1369 	display: inline;
       
  1370 	float: left;
       
  1371 	margin: 0;
       
  1372 	list-style: none;
       
  1373 	border-right: 1px solid rgba(255, 255, 255, 0.0976562);
       
  1374 	border-left: 1px solid rgba(0, 0, 0, 0.347656);
       
  1375 }
       
  1376 
       
  1377 .tinynav-container { display: none }
       
  1378 .tinynav { display: none }
       
  1379 
       
  1380 #global-nav nav ul.links {
       
  1381 	float: right;
       
  1382 }
       
  1383 
       
  1384 #global-nav nav ul li {
       
  1385 	font: bold 13px/17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  1386 	display: inline-block;
       
  1387 	float: left;
       
  1388 	position: relative;
       
  1389 	top: 1px;
       
  1390 	cursor: pointer;
       
  1391 	-webkit-transition: all 0.2s;
       
  1392 	transition: all 0.2s;
       
  1393 	text-shadow: 0 0px 2px #000;
       
  1394 	border-left: 1px solid rgba(255, 255, 255, 0.0976562);
       
  1395 	border-right: 1px solid rgba(0, 0, 0, 0.347656);
       
  1396 }
       
  1397 .ie #global-nav nav ul li {
       
  1398 	top: 2px;
       
  1399 }
       
  1400 
       
  1401 #global-nav nav ul li:hover {
       
  1402 	background: url(../images/bg-footer-noise.jpg) #000;
       
  1403 	color: #fff;
       
  1404 }
       
  1405 
       
  1406 #global-nav nav ul li i {
       
  1407 	height: 1em;
       
  1408 }
       
  1409 
       
  1410 #global-nav nav ul li a {
       
  1411 	color: #e6e6e6;
       
  1412 	font-weight: normal;
       
  1413 	font-style: normal;
       
  1414 	text-decoration: none;
       
  1415 	display: block;
       
  1416 	padding: 8px 12px;
       
  1417 }
       
  1418 
       
  1419 #global-nav nav ul li ul {
       
  1420 	padding: 0;
       
  1421 	position: absolute;
       
  1422 	top: 32px;
       
  1423 	left: -2px;
       
  1424 	width: 120px;
       
  1425 	display: none;
       
  1426 	opacity: 0;
       
  1427 	visibility: hidden;
       
  1428 	-webkit-transiton: opacity 0.2s;
       
  1429 	transition: opacity 0.2s;
       
  1430 	-webkit-box-shadow: 0 43px 5px rgba(0, 0, 0, 0.4);
       
  1431 	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
       
  1432 	z-index: 400;
       
  1433 }
       
  1434 
       
  1435 #global-nav nav ul li ul.wide {
       
  1436 	width: 260px;
       
  1437 }
       
  1438 
       
  1439 #global-nav nav ul li ul li {
       
  1440 	background: url(../images/bg-footer-noise.jpg) #000;
       
  1441 	display: block;
       
  1442 	color: #fff;
       
  1443 	float: none;
       
  1444 }
       
  1445 
       
  1446 #global-nav nav ul li ul li:hover { background: #000; }
       
  1447 #global-nav nav ul li:hover ul {
       
  1448 	display: block;
       
  1449 	opacity: 1;
       
  1450 	visibility: visible;
       
  1451 }
       
  1452 
       
  1453 #global-nav nav ul.projects li.project {
       
  1454 	width: 42px;
       
  1455 	padding: 0;
       
  1456 	height: 33px;
       
  1457 	text-indent: -9999px;
       
  1458 	background: url(../images/jq-nav-icons.png) -6px 0;
       
  1459 	z-index: 10;
       
  1460 }
       
  1461 
       
  1462 #global-nav nav ul.projects li.project a {
       
  1463 	display: block;
       
  1464 	height: 33px;
       
  1465 }
       
  1466 
       
  1467 #global-nav nav ul.projects li.jquery-ui {
       
  1468 	background-position: -57px 0px;
       
  1469 }
       
  1470 
       
  1471 #global-nav nav ul.projects li.jquery-mobile {
       
  1472 	background-position: -107px 0px;
       
  1473 }
       
  1474 
       
  1475 #global-nav nav ul.projects li.sizzlejs {
       
  1476 	background-position: -155px 0px;
       
  1477 }
       
  1478 
       
  1479 #global-nav nav ul.projects li.qunitjs {
       
  1480 	background-position: -204px 0px;
       
  1481 }
       
  1482 
       
  1483 .jquery #global-nav nav ul.projects li.jquery {
       
  1484 	background-position: 0 bottom;
       
  1485 	width: 52px;
       
  1486 	position: relative;
       
  1487 	margin-top:1px;
       
  1488 	border: none;
       
  1489 }
       
  1490 
       
  1491 .jquery #global-nav nav ul.projects {
       
  1492 	border-left: none;
       
  1493 }
       
  1494 
       
  1495 .jquery #global-nav nav ul.projects li.jquery-ui {
       
  1496 	border-left: none;
       
  1497 	background-position: -59px 0;
       
  1498 }
       
  1499 
       
  1500 .jquery-ui #global-nav nav ul.projects li.jquery-ui {
       
  1501 	background-position: -50px bottom;
       
  1502 	width: 52px;
       
  1503 	position: relative;
       
  1504 	margin-top:1px;
       
  1505 	border: none;
       
  1506 }
       
  1507 
       
  1508 .jquery-ui #global-nav nav ul.projects li.jquery {
       
  1509 	border-right: none;
       
  1510 	background-position: -2px 0;
       
  1511 }
       
  1512 
       
  1513 .jquery-ui #global-nav nav ul.projects li.jquery-mobile {
       
  1514 	border-left: none;
       
  1515 }
       
  1516 
       
  1517 .jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
       
  1518 	background-position: -100px bottom;
       
  1519 	width: 52px;
       
  1520 	position: relative;
       
  1521 	margin-top:1px;
       
  1522 	border: none;
       
  1523 }
       
  1524 
       
  1525 .jquery-mobile #global-nav nav ul.projects li.jquery-ui {
       
  1526 	border-right: none;
       
  1527 	background-position: -53px 0;
       
  1528 }
       
  1529 
       
  1530 .jquery-mobile #global-nav nav ul.projects li.jquery-mobile {
       
  1531 	border-right: none;
       
  1532 }
       
  1533 
       
  1534 .jquery-mobile #global-nav nav ul.projects li.sizzlejs{
       
  1535 	border-left: none;
       
  1536 	background-position: -157px 0;
       
  1537 }
       
  1538 
       
  1539 
       
  1540 .sizzlejs #global-nav nav ul.projects li.jquery-mobile {
       
  1541 	border-right: none;
       
  1542 	background-position: -102px 0;
       
  1543 }
       
  1544 
       
  1545 .sizzlejs #global-nav nav ul.projects li.sizzlejs {
       
  1546 	background-position: -148px bottom;
       
  1547 	width: 52px;
       
  1548 	position: relative;
       
  1549 	margin-top:1px;
       
  1550 	border: none;
       
  1551 }
       
  1552 
       
  1553 .sizzlejs #global-nav nav ul.projects li.qunitjs{
       
  1554 	border-left: none;
       
  1555 	background-position: -206px 0;
       
  1556 }
       
  1557 
       
  1558 
       
  1559 .qunitjs #global-nav nav ul.projects li.sizzlejs {
       
  1560 	border-right: none;
       
  1561 }
       
  1562 
       
  1563 .qunitjs #global-nav nav ul.projects li.qunitjs {
       
  1564 	background-position: -202px bottom;
       
  1565 	width: 52px;
       
  1566 	position: relative;
       
  1567 	margin-top:1px;
       
  1568 	border: none;
       
  1569 }
       
  1570 
       
  1571 .qunitjs #global-nav nav ul.projects {
       
  1572 	border-right: none;
       
  1573 }
       
  1574 
       
  1575 #container, 
       
  1576 footer {
       
  1577 	border-top: 1px solid #7ACEF4;
       
  1578 }
       
  1579 
       
  1580 .jquery-ui #container, 
       
  1581 .jquery-ui footer {
       
  1582 	border-top-color: #FAA523;
       
  1583 }
       
  1584 
       
  1585 .jquery-mobile #container, 
       
  1586 .jquery-mobile footer {
       
  1587 	border-top-color: #3EB249;
       
  1588 }
       
  1589 
       
  1590 .sizzlejs #container, 
       
  1591 .sizzlejs footer {
       
  1592 	border-top-color: #FAA523;
       
  1593 }
       
  1594 
       
  1595 .qunitjs #container, 
       
  1596 .qunitjs footer {
       
  1597 	border-top-color: #9C3493;
       
  1598 }
       
  1599 
       
  1600 .jquery-learn #container, 
       
  1601 .jquery-learn footer {
       
  1602 	border-top-color: #333;
       
  1603 }
       
  1604 
       
  1605 /* Brand Colors for General Use
       
  1606    ========================================================================== */
       
  1607 .color.black { background-color: #333; }
       
  1608 .color.primary-blue { background-color: #0769AD; }
       
  1609 .color.secondary-blue { background-color: #7ACEF4; }
       
  1610 .color.navy-blue { background-color: #131B28; }
       
  1611 .color.primary-orange { background-color: #FAA523; }
       
  1612 .color.secondary-orange { background-color: #B24926; }
       
  1613 .color.primary-green { background-color: #3EB249; }
       
  1614 .color.secondary-green { background-color: #108040; }
       
  1615 .color.sizzle-orange { background-color: #FAA523; }
       
  1616 .color.sizzle-red { background-color: #9A1B1E; }
       
  1617 .color.qunit-primary-purple { background-color: #9C3493; }
       
  1618 .color.qunit-secondary-purple { background-color: #390F39; }
       
  1619 
       
  1620 /* Logo & Navigation
       
  1621    ========================================================================== */
       
  1622 
       
  1623 #logo-events {
       
  1624 	clear: both;
       
  1625 	padding-top: 25px;
       
  1626 	padding-bottom: 20px;
       
  1627 }
       
  1628 
       
  1629 h2.logo {
       
  1630 	float: left;
       
  1631 	margin: 0;
       
  1632 	width: 243px;
       
  1633 }
       
  1634 
       
  1635 h2.logo a {
       
  1636 	float: left;
       
  1637 	display: block;
       
  1638 	height: 66px;
       
  1639 	overflow: hidden;
       
  1640 	text-indent: -1000px;
       
  1641 }
       
  1642 
       
  1643 .jquery h2.logo a,
       
  1644 .jquery-learn h2.logo a {
       
  1645 	width: 243px;
       
  1646 	background: url(../images/logo-jquery.png) no-repeat;
       
  1647 }
       
  1648 
       
  1649 .jquery-ui h2.logo a {
       
  1650 	width: 253px;
       
  1651 	background: url(../images/logo-jquery-ui.png) no-repeat;
       
  1652 }
       
  1653 
       
  1654 .jquery-mobile h2.logo a {
       
  1655 	width: 268px;
       
  1656 	background: url(../images/logo-jquery-mobile.png) no-repeat;
       
  1657 }
       
  1658 
       
  1659 .sizzlejs h2.logo a {
       
  1660 	width: 243px;
       
  1661 	background: url(../images/logo-sizzle.png) no-repeat;
       
  1662 }
       
  1663 
       
  1664 .qunitjs h2.logo a {
       
  1665 	width: 243px;
       
  1666 	background: url(../images/logo-qunit.png) no-repeat;
       
  1667 }
       
  1668 
       
  1669 .jquery-foundation h2.logo a {
       
  1670 	width: 243px;
       
  1671 	background: url(../images/logo-jquery-foundation.png) no-repeat;
       
  1672 }
       
  1673 
       
  1674 .logo.small {
       
  1675   height: 30px;
       
  1676   background: url('../images/projectlogosfull-small.png') no-repeat;
       
  1677 }
       
  1678 
       
  1679 .jquery.logo.small {
       
  1680   width:109px;
       
  1681   background-position: -0px 0px;
       
  1682 }
       
  1683 .jquery-foundation.logo.small {
       
  1684   width: 109px;
       
  1685   background-position: -109px 0px;
       
  1686 }
       
  1687 .jquery-events.logo.small {
       
  1688   width: 109px;
       
  1689   background-position: -219px 0px;
       
  1690 }
       
  1691 .jqueryui.logo.small {
       
  1692   width: 114px;
       
  1693   background-position: -327px 0px;
       
  1694 }
       
  1695 .jquery-mobile.logo.small {
       
  1696   width: 122px;
       
  1697   background-position: -442px 0px;
       
  1698 }
       
  1699 .qunitjs.logo.small {
       
  1700   width: 105px;
       
  1701   background-position: -564px 0px;
       
  1702 }
       
  1703 .sizzlejs.logo.small {
       
  1704   width: 105px;
       
  1705   background-position: -669px 0px;
       
  1706 }
       
  1707 
       
  1708 #logo-events aside {
       
  1709 	float: right;
       
  1710 	margin-bottom: -18px;
       
  1711 }
       
  1712 
       
  1713 nav#main {
       
  1714 	background-color: rgba(0, 0, 0, 0.18);
       
  1715 	border-radius: 10px 10px 0 0;
       
  1716 	border-right: 1px solid rgba(2, 2, 2, 0.28);
       
  1717 	border-left: 1px solid rgba(2, 2, 2, 0.28);
       
  1718 	border-top: 1px solid rgba(250, 250, 250, 0.27);
       
  1719 	-webkit-box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0;
       
  1720 	box-shadow: rgba(255,255,255,0.3) 0 1px 0, rgba(0,0,0,0.3) 0 -1px 0;
       
  1721 	-webkit-box-shadow: 0 0 3px rgba(1, 1, 1, 0.7);
       
  1722 	box-shadow: 0 0 5px rgba(1, 1, 1, 0.7);
       
  1723 }
       
  1724 
       
  1725 .jquery-ui nav#main,
       
  1726 .sizzlejs nav#main {
       
  1727 	background-color: rgba(12, 12, 12, 0.06);
       
  1728 }
       
  1729 .qunitjs nav#main {
       
  1730 	background-color: rgba(156, 52, 147, 0.5);
       
  1731 }
       
  1732 .jquery-learn nav#main {
       
  1733 	background-color: rgba(0, 0, 0, 0.4);
       
  1734 }
       
  1735 
       
  1736 .jquery-foundation nav#main {
       
  1737 	background-color: rgba(102, 102, 102, 0.1);
       
  1738 }
       
  1739 
       
  1740 .no-boxshadow nav#main {
       
  1741 	border-top: 1px solid #333;
       
  1742 	border-left: 1px solid #333;
       
  1743 	border-right: 1px solid #333;
       
  1744 }
       
  1745 
       
  1746 nav#main ul {
       
  1747 	margin: 0;
       
  1748 	float: left;
       
  1749 	width: 70%;
       
  1750 	padding-top: 10px;
       
  1751 	padding-bottom: 10px;
       
  1752 }
       
  1753 
       
  1754 nav#main li {
       
  1755 	float: left;
       
  1756 	font: normal normal 16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  1757 	margin-right: 2px;
       
  1758 }
       
  1759 
       
  1760 nav#main li a {
       
  1761 	color: #fff;
       
  1762 	text-decoration: none;
       
  1763 	padding: 6px 10px;
       
  1764 	display: block;
       
  1765 	border: 1px solid transparent;
       
  1766 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76);
       
  1767 }
       
  1768 
       
  1769 nav#main li a:hover,
       
  1770 nav#main li.current a,
       
  1771 nav#main .searchform {
       
  1772 	background: none;
       
  1773 	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
       
  1774 	box-shadow: inset 0 0 5px rgba(0,0,0, 0.4), rgba(255,255,255,0.1) 0 1px 0;
       
  1775 	border-radius: 4px;
       
  1776 	border: 1px solid rgba(0,0,0,0.25);
       
  1777 	color: #fff;
       
  1778 	text-shadow: rgba(0, 0, 0, 0.796875) 0px -1px 0px, rgba(255, 255, 255, 0.296875) 0px 0px 10px;
       
  1779 }
       
  1780 
       
  1781 nav#main .searchform {
       
  1782 	float: right;
       
  1783 	width: 28%;
       
  1784 	margin-top: 12px;
       
  1785 	padding: 0;
       
  1786 	border-radius: 20px;
       
  1787 	position: relative;
       
  1788 }
       
  1789 
       
  1790 nav#main .searchform input {
       
  1791 	text-decoration: none;
       
  1792 	font: 12px/12px "Lucida Grande", Lucida, Verdana, sans-serif;
       
  1793 	padding: 5px 10px;
       
  1794 	margin: 0;
       
  1795 	background-color: transparent;
       
  1796 	border-style: none;
       
  1797 	color: #fff;
       
  1798 	line-height: 1.3;
       
  1799 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.76);
       
  1800 	width: 85%;
       
  1801 	box-shadow: none;
       
  1802 }
       
  1803 
       
  1804 nav#main .searchform input:focus {
       
  1805 	outline: none;
       
  1806 }
       
  1807 
       
  1808 .no-boxshadow nav#main .searchform {
       
  1809 	border: 1px solid #333;
       
  1810 }
       
  1811 
       
  1812 .no-boxshadow nav#main .searchform input {
       
  1813 	background: #fff;
       
  1814 	color: #333;
       
  1815 }
       
  1816 
       
  1817 /*
       
  1818  * 1. :-moz-placeholder has been deprecated in favor of ::-moz-placeholder.
       
  1819  * 2. Using :placeholder for completeness.
       
  1820  */
       
  1821 nav#main .searchform input::-webkit-input-placeholder {
       
  1822 	color: #fff;
       
  1823 }
       
  1824 nav#main .searchform input:-moz-placeholder { /* 1 */
       
  1825 	color: #fff;
       
  1826 }
       
  1827 nav#main .searchform input::-moz-placeholder {
       
  1828 	color: #fff;
       
  1829 }
       
  1830 nav#main .searchform input:-ms-input-placeholder {
       
  1831 	color: #fff;
       
  1832 }
       
  1833 nav#main .searchform input:placeholder { /* 2 */
       
  1834 	color: #fff;
       
  1835 }
       
  1836 
       
  1837 nav#main .searchform .icon-search {
       
  1838 	position: absolute;
       
  1839 	right: 10px;
       
  1840 	top: 3px;
       
  1841 	bottom: 3px;
       
  1842 	border-width: 0;
       
  1843 	border-left: 1px solid rgba(7, 7, 7, 0.65);
       
  1844 	background-color: transparent;
       
  1845 	padding: 0 0 0 7px;
       
  1846 	opacity: 0.33;
       
  1847 	color: #fff;
       
  1848 }
       
  1849 
       
  1850 #broadcast {
       
  1851 	height: 100px;
       
  1852 }
       
  1853 
       
  1854 /* Typography & Global Styles
       
  1855    ========================================================================== */
       
  1856 
       
  1857 #content a {
       
  1858 	text-decoration: underline;
       
  1859 }
       
  1860 
       
  1861 #content a:hover {
       
  1862 	text-decoration: none;
       
  1863 }
       
  1864 
       
  1865 #sidebar a {
       
  1866 	text-decoration: none;
       
  1867 }
       
  1868 
       
  1869 #sidebar a:hover {
       
  1870 	text-decoration: underline;
       
  1871 }
       
  1872 
       
  1873 p {
       
  1874 	margin-bottom: 15px;
       
  1875 	margin-top: 0;
       
  1876 }
       
  1877 
       
  1878 b, strong {
       
  1879 	font-weight: bold;
       
  1880 	color: #1a1a1a;
       
  1881 }
       
  1882 
       
  1883 em, i {
       
  1884 	color: #6d6d6d;
       
  1885 	font-style: italic;
       
  1886 }
       
  1887 
       
  1888 hr {
       
  1889 	background-image: url(../images/gauze.png);
       
  1890 	height: .75em;
       
  1891 	border: none;
       
  1892 	margin: .75em 0;
       
  1893 }
       
  1894 
       
  1895 #content code a {
       
  1896 	text-decoration: none;
       
  1897 }
       
  1898 
       
  1899 pre strong,
       
  1900 pre b {
       
  1901 	color: #fff;
       
  1902 	font-weight: bold;
       
  1903 }
       
  1904 
       
  1905 #content blockquote {
       
  1906 	margin: 20px 0;
       
  1907 }
       
  1908 
       
  1909 #content blockquote p {
       
  1910 	font: italic normal 23px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  1911 	color: #828282;
       
  1912 	margin-left: 0;
       
  1913 	margin-bottom: 0;
       
  1914 	padding: 20px 30px;
       
  1915 	position: relative;
       
  1916 	text-shadow: 0 1px 0 #ffffff;
       
  1917 	background-color: #f2f2f2;
       
  1918 }
       
  1919 
       
  1920 #content ol,
       
  1921 #content ul {
       
  1922 	margin: 0 0 20px 20px;
       
  1923 }
       
  1924 
       
  1925 #content ul ul {
       
  1926 	margin-bottom: 0;
       
  1927 }
       
  1928 
       
  1929 #content ul li {
       
  1930 	padding-bottom: 5px;
       
  1931 	padding-top: 5px;
       
  1932 	padding-left: 20px;
       
  1933 	line-height: 20px;
       
  1934 	list-style-type: none;
       
  1935 	background: url(../images/bullet.png) no-repeat 0 10px;
       
  1936 }
       
  1937 
       
  1938 #content ul.block-grid li {
       
  1939 	background: none;
       
  1940 }
       
  1941 
       
  1942 #content ol {
       
  1943 	counter-reset: li; /* Initiate a counter */
       
  1944 }
       
  1945 
       
  1946 #content ol > li {
       
  1947 	position: relative; /* Give each list item a left margin to make room for the numbers */
       
  1948 	list-style: none;
       
  1949 	padding-left: 10px;
       
  1950 	margin-right: 0;
       
  1951 	margin-top: 5px;
       
  1952 	margin-left: 30px;
       
  1953 }
       
  1954 #content ol > li:before {
       
  1955 	content: counter(li); /* Use the counter as content */
       
  1956 	counter-increment: li; /* Increment the counter by 1 */
       
  1957 	/* Position and style the number */
       
  1958 	position: absolute;
       
  1959 	top: 1px;
       
  1960 	left: -25px;
       
  1961 	box-sizing: border-box;
       
  1962 	width: 20px;
       
  1963 	/* Some space between the number and the content in browsers that support
       
  1964 		generated content but not positioning it */
       
  1965 	color: #fff;
       
  1966 	text-align: center;
       
  1967 	background-color: #ababab;
       
  1968 	height: 19px;
       
  1969 	width: 19px;
       
  1970 	padding-top: 0px;
       
  1971 	font: bold 11px/19px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  1972 	border-radius: 12px;
       
  1973 }
       
  1974 
       
  1975 .lt-ie8 #content ol,
       
  1976 .lt-ie7 #content ol {
       
  1977 	margin-left: 20px;
       
  1978 }
       
  1979 
       
  1980 .lt-ie8 #content ol li,
       
  1981 .lt-ie7 #content ol li {
       
  1982 	margin-left: 30px;
       
  1983 	list-style-type: decimal;
       
  1984 	padding-left: 0px;
       
  1985 }
       
  1986 
       
  1987 #content img.full,
       
  1988 #content figure.full {
       
  1989 	display: block;
       
  1990 	width: 100%;
       
  1991 	max-width: 100%;
       
  1992 }
       
  1993 
       
  1994 .lt-ie8 #content figure img {
       
  1995 	position: relative;
       
  1996 }
       
  1997 
       
  1998 .lt-ie7 #content figure.full,
       
  1999 .lt-ie8 #content figure.full {
       
  2000 	width: 99%;
       
  2001 }
       
  2002 
       
  2003 #content img.full,
       
  2004 #content img.left,
       
  2005 #content img.right,
       
  2006 #banner img.full {
       
  2007 	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.20);
       
  2008 }
       
  2009 
       
  2010 #content img.noborder,
       
  2011 #content figure.noborder {
       
  2012 	box-shadow: none;
       
  2013 	border: none;
       
  2014 	background: none;
       
  2015 }
       
  2016 
       
  2017 #content img.full,
       
  2018 #content img.left,
       
  2019 #content img.right,
       
  2020 #content figure.full,
       
  2021 #content figure.left,
       
  2022 #content figure.right {
       
  2023 	margin-bottom: 20px;
       
  2024 	float: left;
       
  2025 }
       
  2026 
       
  2027 #content img.right,
       
  2028 #content figure.right {
       
  2029 	float: right;
       
  2030 	margin-left: 15px;
       
  2031 }
       
  2032 
       
  2033 .lt-ie8 #content img.right,
       
  2034 .lt-ie8 #content figure.right,
       
  2035 .lt-ie7 #content img.right,
       
  2036 .lt-ie7 #content figure.right {
       
  2037 	float: left;
       
  2038 	margin-left: 0px;
       
  2039 	margin-right: 15px;
       
  2040 }
       
  2041 
       
  2042 #content img.left,
       
  2043 #content figure.left {
       
  2044 	margin-right: 15px;
       
  2045 }
       
  2046 
       
  2047 
       
  2048 #content figure img {
       
  2049 	margin: 0px !important;
       
  2050 	margin-bottom: 0px !important;
       
  2051 }
       
  2052 
       
  2053 #content figcaption {
       
  2054 	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
       
  2055 	font: italic 700 12px/20px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2056 	padding-left: 10px;
       
  2057 	padding-right: 10px;
       
  2058 	padding-top: 5px;
       
  2059 	padding-bottom: 5px;
       
  2060 	color: #737272;
       
  2061 	clear: both;
       
  2062 	margin-top: -10px;
       
  2063 	background-color: #f2f2f2;
       
  2064 }
       
  2065 
       
  2066 #content figure.noborder figcaption {
       
  2067 	box-shadow: none;
       
  2068 	background: none;
       
  2069 	text-align: center;
       
  2070 }
       
  2071 
       
  2072 #content .embed,
       
  2073 #content .embed_media {
       
  2074 	position: relative;
       
  2075 	padding-bottom: 56.25%; /* 16/9 ratio */
       
  2076 	padding-top: 30px; /* IE6 workaround*/
       
  2077 	height: 0;
       
  2078 	overflow: hidden;
       
  2079 	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.20);
       
  2080 	margin-bottom: 20px;
       
  2081 }
       
  2082 
       
  2083 #portfolio.media #banner .embed {
       
  2084 	margin-bottom: 40px;
       
  2085 }
       
  2086 
       
  2087 .embed iframe,
       
  2088 .embed_media iframe,
       
  2089 .embed object,
       
  2090 .embed_media object,
       
  2091 .embed embed,
       
  2092 .embed_media embed {
       
  2093 	position: absolute;
       
  2094 	top: 0;
       
  2095 	left: 0;
       
  2096 	width: 100%;
       
  2097 	height: 100%;
       
  2098 }
       
  2099 
       
  2100 #content h1 {
       
  2101 	font-size: 36px;
       
  2102 	line-height: 36px;
       
  2103 }
       
  2104 
       
  2105 .content-full #content h1 {
       
  2106 	text-align: center;
       
  2107 }
       
  2108 
       
  2109 #content h2 {
       
  2110 	font-size: 24px;
       
  2111 	line-height: 24px;
       
  2112 	color: #333;
       
  2113 	margin-bottom: 10px;
       
  2114 }
       
  2115 
       
  2116 #content h3 {
       
  2117 	font-size: 20px;
       
  2118 	line-height: 20px;
       
  2119 	color: #666;
       
  2120 }
       
  2121 
       
  2122 #content h1.block,
       
  2123 #content h2.block {
       
  2124 	padding: 10px 2%;
       
  2125 	background: url(../images/gauze.png) #ececec;
       
  2126 	text-shadow: 0 1px 0 #ffffff;
       
  2127 }
       
  2128 
       
  2129 p.author {
       
  2130 	color: #ababab;
       
  2131 	font-family: Frutiger, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2132 	font-weight: 700;
       
  2133 	margin-top: -20px;
       
  2134 }
       
  2135 
       
  2136 p.author a {
       
  2137 	color: #ababab;
       
  2138 }
       
  2139 
       
  2140 .meta {
       
  2141 	padding: 2%;
       
  2142 	padding-bottom: .5%;
       
  2143 	margin-bottom: 20px;
       
  2144 	font: 700 Frutiger, "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2145 	color: #666;
       
  2146 	background: url(../images-foundation/gauze.png) #f0f0f0;
       
  2147 	text-shadow: 0 1px 0 #ffffff;
       
  2148 }
       
  2149 
       
  2150 #banner-large-image {
       
  2151 	text-align: center;
       
  2152 	margin-bottom: 30px;
       
  2153 
       
  2154 }
       
  2155 
       
  2156 #banner-large-image .vertically-centered-black-bg {
       
  2157 	height: 50%;
       
  2158 	width: 100%;
       
  2159 	margin-top: 24%;
       
  2160 	display: block;
       
  2161 	background-color: rgba(0, 0, 0, 0.68);
       
  2162 	position: absolute;
       
  2163 	padding-top: 3.5%;
       
  2164 }
       
  2165 
       
  2166 #banner-large-image h1, #banner-large-image h2 {
       
  2167 	font: bold 60px/60px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2168 	margin-bottom: 0;
       
  2169 	color: #fff;
       
  2170 	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
       
  2171 }
       
  2172 
       
  2173 #banner-large-image p {
       
  2174 	color: #CCCCCC;
       
  2175 	font: 700 normal 24px/36px "klavika-web", "Helvetica Neue", sans-serif;
       
  2176 }
       
  2177 
       
  2178 #banner-secondary {
       
  2179 	background-image: url(../images/dark-grey-tile.png);
       
  2180 	margin: -20px -25px 15px;
       
  2181 	padding: 20px;
       
  2182 }
       
  2183 
       
  2184 #banner-secondary h1, 
       
  2185 #banner-secondary h2 {
       
  2186 	margin-bottom: 0;
       
  2187 	color: #fff;
       
  2188 	text-shadow: 0 0 4px rgba(0, 0, 0, 0.85);
       
  2189 }
       
  2190 
       
  2191 #banner-secondary h1 {
       
  2192 	font-size: 48px;
       
  2193 	line-height: 54px;
       
  2194 }
       
  2195 
       
  2196 #banner-secondary h2 {
       
  2197 	font-size: 36px;
       
  2198 	line-height: 42px;
       
  2199 }
       
  2200 
       
  2201 #banner-secondary p {
       
  2202 	color: #ccc;
       
  2203 	font: 22px/26px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2204 	padding-left: 15%;
       
  2205 	padding-right: 15%;
       
  2206 }
       
  2207 
       
  2208 #banner-secondary a,
       
  2209 #banner-secondary a:hover {
       
  2210 	color: #7ACEF4;
       
  2211 }
       
  2212 
       
  2213 #banner-secondary em,
       
  2214 #banner-secondary i {
       
  2215 	color: #fff;
       
  2216 }
       
  2217 
       
  2218 #banner-secondary.large-banner {
       
  2219 	text-align: center;
       
  2220 	padding-top: 30px;
       
  2221 	padding-bottom: 30px;
       
  2222 }
       
  2223 
       
  2224 #banner-secondary.large-banner h1,
       
  2225 #banner-secondary.large-banner h2 {
       
  2226 	margin-bottom: 10px;
       
  2227 }
       
  2228 
       
  2229 #banner-secondary.large-banner h1 {
       
  2230 	font-size: 60px;
       
  2231 	line-height: 60px;
       
  2232 }
       
  2233 
       
  2234 #banner-secondary.large-banner h2 {
       
  2235 	font-size: 48px;
       
  2236 	line-height: 48px;
       
  2237 }
       
  2238 
       
  2239 #banner-secondary.large-banner h3 {
       
  2240 	font-size: 36px;
       
  2241 	line-height: 36px;
       
  2242 }
       
  2243 
       
  2244 .center-txt {
       
  2245 	text-align: center !important;
       
  2246 }
       
  2247 
       
  2248 .callout-block {
       
  2249 	background-image: url(../images/gauze.png);
       
  2250 	padding: 20px;
       
  2251 }
       
  2252 
       
  2253 /* Buttons
       
  2254    ========================================================================== */
       
  2255 
       
  2256 a.button,
       
  2257 #content a.button,
       
  2258 .button,
       
  2259 input[type="submit"] {
       
  2260 	border-radius: 5px;
       
  2261 	border: 1px solid #999;
       
  2262 	-webkit-box-shadow:
       
  2263 		0 0 5px rgba(0, 0, 0, 0.28),
       
  2264 		inset 0 1px 0 rgba(255, 255, 255, 0.45),
       
  2265 		inset 0px -1px 0px rgba(255, 255, 255, 0.45),
       
  2266 		inset 1px 0px 0px rgba(255, 255, 255, 0.45),
       
  2267 		inset -1px 1px 0px rgba(255, 255, 255, 0.45);
       
  2268 	box-shadow:
       
  2269 		0 0 5px rgba(0, 0, 0, 0.28),
       
  2270 		inset 0 1px 0 rgba(255, 255, 255, 0.45),
       
  2271 		inset 0px -1px 0px rgba(255, 255, 255, 0.45),
       
  2272 		inset 1px 0px 0px rgba(255, 255, 255, 0.45),
       
  2273 		inset -1px 1px 0px rgba(255, 255, 255, 0.45);
       
  2274 	text-decoration: none;
       
  2275 	color: #fff !important;
       
  2276 	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
       
  2277 	padding: 8px 15px;
       
  2278 	font: bold 16px/16px "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2279 	-webkit-transition: all 0.2s;
       
  2280 	transition: all 0.2s;
       
  2281 	background-color: #d18f4f;
       
  2282 	float: left;
       
  2283 }
       
  2284 
       
  2285 a.button:hover,
       
  2286 #content a.button:hover,
       
  2287 .button:hover,
       
  2288 input[type="submit"]:hover {
       
  2289 	background-color: #cc8540;
       
  2290 }
       
  2291 
       
  2292 a.button.large,
       
  2293 #content a.button.large,
       
  2294 button.large,
       
  2295 input[type="submit"].large {
       
  2296 	font-size: 20px;
       
  2297 	padding: 12px 20px;
       
  2298 }
       
  2299 
       
  2300 a.button.dark,
       
  2301 #content a.button.dark,
       
  2302 .button.dark,
       
  2303 input[type="submit"].dark {
       
  2304 	background-color: #666;
       
  2305 }
       
  2306 
       
  2307 a.button.dark:hover,
       
  2308 #content a.button.dark:hover,
       
  2309 .button.dark:hover,
       
  2310 input[type="submit"].dark:hover {
       
  2311 	background-color: #424141;
       
  2312 }
       
  2313 
       
  2314 /* Sidebar
       
  2315    ========================================================================== */
       
  2316 
       
  2317 #sidebar h3 {
       
  2318 	font: 20px/18px;
       
  2319 	background-image: -webkit-linear-gradient(left, #efefef, #f3f3f3);
       
  2320 	background-image: linear-gradient(to right, #efefef, #f3f3f3);
       
  2321 	margin-left: -20px;
       
  2322 	margin-right: -20px;
       
  2323 	padding: 12px 20px;
       
  2324 	text-shadow: 0 1px 0 #ffffff;
       
  2325 }
       
  2326 
       
  2327 #sidebar li {
       
  2328 	padding: 5px 0 5px 20px;
       
  2329 	list-style-type: none;
       
  2330 	background: url(../images/bullet.png) no-repeat 0 12px;
       
  2331 	text-shadow: 0 1px 0 #ffffff;
       
  2332 }
       
  2333 
       
  2334 #sidebar li a {
       
  2335 	color: #4d4d4d;
       
  2336 	text-decoration: none;
       
  2337 	display: block;
       
  2338 }
       
  2339 
       
  2340 #sidebar nav#secondary li {
       
  2341 	background-image: none;
       
  2342 	padding-left: 0;
       
  2343 }
       
  2344 
       
  2345 #sidebar nav#secondary li.current {
       
  2346 	background-color: #eee;
       
  2347 	margin-left: -35px;
       
  2348 	margin-right: -20px;
       
  2349 	padding-left: 35px;
       
  2350 	font-weight: bold;
       
  2351 }
       
  2352 
       
  2353 /* == Footer
       
  2354    ========================================================================== */
       
  2355 
       
  2356 footer {
       
  2357 	background: url(../images/bg-footer-noise.jpg) repeat;
       
  2358 	margin-top: -20px;
       
  2359 	padding-top: 40px;
       
  2360 }
       
  2361 
       
  2362 footer.simple {
       
  2363 	padding-top: 45px;
       
  2364 	padding-bottom: 10px;
       
  2365 }
       
  2366 
       
  2367 footer a,
       
  2368 footer strong {
       
  2369 	color: #fff;
       
  2370 	text-decoration: none;
       
  2371 }
       
  2372 
       
  2373 footer .cdn {
       
  2374 	border-radius: 4px;
       
  2375 	background: repeat-x center center #000;
       
  2376 	width: 96%;
       
  2377 	margin-left: 2%;
       
  2378 	height: 30px;
       
  2379 	line-height: 30px;
       
  2380 	position: relative;
       
  2381 	overflow: hidden;
       
  2382 	white-space: nowrap;
       
  2383 	-webkit-box-shadow: rgba(255,255,255,0.15) 0 1px 0;
       
  2384 	box-shadow: rgba(255,255,255,0.15) 0 1px 0;
       
  2385 }
       
  2386 
       
  2387 footer .cdn ~ .cdn { margin-top: 5px; }
       
  2388 
       
  2389 footer .cdn ~ .cdn strong { text-align: right; }
       
  2390 
       
  2391 footer .cdn strong {
       
  2392 	text-align: center;
       
  2393 	height: 26px;
       
  2394 	text-align: left;
       
  2395 	padding: 0 6px 0 6px;
       
  2396 	line-height: 28px;
       
  2397 	display: inline-block;
       
  2398 	margin: 2px 0 0 2px;
       
  2399 	position: relative;
       
  2400 	border-radius: 3px 0 0 3px;
       
  2401 	background: #777;
       
  2402 	color: #fff;
       
  2403 	text-shadow: #000 0 -1px 0;
       
  2404 	font-weight: bold;
       
  2405 	background-color: #7a7a7a;
       
  2406 	background-image: -webkit-linear-gradient(#7a7a7a, #5e5e5e); /* Chrome 10+, Saf6 */
       
  2407 	background-image: linear-gradient(top, #7a7a7a, #5e5e5e);
       
  2408 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7a7a7a', EndColorStr='#5e5e5e'); /* IE6–IE9 */
       
  2409 	font-family: "klavika-web", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
       
  2410 }
       
  2411 
       
  2412 footer .cdn strong:after {
       
  2413 	content: "";
       
  2414 	display: block;
       
  2415 	position: absolute;
       
  2416 	left: 0;
       
  2417 	right: 0;
       
  2418 	top: 0;
       
  2419 	bottom: 0;
       
  2420 	border: solid 1px rgba(255,255,255,0.2);
       
  2421 	border-radius: 3px 0 0 3px;
       
  2422 }
       
  2423 
       
  2424 footer .cdn strong em {
       
  2425 	font-style: normal;
       
  2426 	color: #ccc;
       
  2427 	font-family: "source-code-pro", Consolas, monospace;
       
  2428 	display: inline-block;
       
  2429 	width: 35px;
       
  2430 	padding-left: 5px;
       
  2431 	padding-right: 4px;
       
  2432 	text-align: right;
       
  2433 }
       
  2434 
       
  2435 footer .cdn input {
       
  2436 	display: inline-block;
       
  2437 	width: 100%;
       
  2438 	background: transparent;
       
  2439 	border: 0;
       
  2440 	font-family: "source-code-pro", Consolas, monospace;
       
  2441 	padding-left: 5px;
       
  2442 	white-space: nowrap;
       
  2443 	color: #ccc;
       
  2444 	font-size: 12px;
       
  2445 }
       
  2446 
       
  2447 footer .cdn input:focus { outline: none; }
       
  2448 
       
  2449 footer .download {
       
  2450 	text-align: center;
       
  2451 	color: #fff;
       
  2452 	padding: 10px 2% 15px 2%;
       
  2453 	line-height: 140%;
       
  2454 }
       
  2455 
       
  2456 footer .download strong { margin-right: 10px; }
       
  2457 
       
  2458 footer .download > span { white-space: nowrap; }
       
  2459 
       
  2460 footer .download a { margin: 0 10px; }
       
  2461 
       
  2462 footer .download a em {
       
  2463 	font-style: normal;
       
  2464 	color: #aaa;
       
  2465 }
       
  2466 
       
  2467 footer .download a:hover { border-bottom: solid 1px #888; }
       
  2468 
       
  2469 footer .footer-icon-links {
       
  2470 	padding: 15px 0;
       
  2471 	margin: 0 2%;
       
  2472 	border-top: solid 1px #333;
       
  2473 	-webkit-box-shadow: #000 0 -1px 0;
       
  2474 	box-shadow: #000 0 -1px 0;
       
  2475 }
       
  2476 
       
  2477 footer .footer-icon-links li {
       
  2478 	width: 22%;
       
  2479 	margin-left: 11%;
       
  2480 	float: left;
       
  2481 }
       
  2482 
       
  2483 footer .footer-icon-links li a {
       
  2484 	display: block;
       
  2485 	line-height: inherit;
       
  2486 	font-size: 18px;
       
  2487 	float: left;
       
  2488 	position: relative;
       
  2489 	width: auto;
       
  2490 	text-align: left;
       
  2491 	padding-left: 10px;
       
  2492 }
       
  2493 
       
  2494 footer .footer-icon-links li a:before {
       
  2495 	position: absolute;
       
  2496 	left: -35px;
       
  2497 	top: 10px;
       
  2498 	font-size: 2em;
       
  2499 	color: #4d4d4d;
       
  2500 	text-shadow: 0 -1px 0 #000000;
       
  2501 }
       
  2502 
       
  2503 footer .footer-icon-links li small {
       
  2504 	display: block;
       
  2505 	font-size: 14px;
       
  2506 	color: #777;
       
  2507 	line-height: 120%;
       
  2508 }
       
  2509 
       
  2510 footer .footer-icon-links li:hover a:before {
       
  2511 	color: #d1d1d1;
       
  2512 }
       
  2513 
       
  2514 .multiplebgs.cssgradients footer {
       
  2515 	background-image: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.0)), url(../images/bg-footer-noise.jpg); /* Chrome 10+, Saf6 */
       
  2516 	background-image: linear-gradient(to bottom, rgba(0,0,0,.3), rgba(0,0,0,0)), url(../images/bg-footer-noise.jpg); /* Firefox 16+, IE 10+, Opera 12.50+ */
       
  2517 	background-repeat: repeat-x, repeat;
       
  2518 	background-size: 100px 15px, 140px 140px;
       
  2519 }
       
  2520 
       
  2521 .no-multiplebgs footer, .no-cssgradients footer {
       
  2522 	background-image: url(../images/bg-footer-noise.jpg);
       
  2523 	background-repeat: repeat;
       
  2524 }
       
  2525 
       
  2526 footer h3 {
       
  2527 	color: #777;
       
  2528 	letter-spacing: normal;
       
  2529 	text-transform: uppercase;
       
  2530 	text-shadow: #000 0 1px 0;
       
  2531 	border: solid 1px #000;
       
  2532 	text-rendering: optimizeLegibility;
       
  2533 	border-bottom: none;
       
  2534 	border-radius: 4px 4px 0 0;
       
  2535 	position: relative;
       
  2536 	text-align: center;
       
  2537 	height: 10px;
       
  2538 	margin-top: 20px;
       
  2539 	font-size: 16px;
       
  2540 }
       
  2541 
       
  2542 footer h3 span {
       
  2543 	display: inline-block;
       
  2544 	padding: 3px 10px;
       
  2545 	position: relative;
       
  2546 	top: -0.8em;
       
  2547 	background: url(../images/bg-footer-noise.jpg) repeat #212121;
       
  2548 	z-index: 1;
       
  2549 }
       
  2550 
       
  2551 footer h3:after {
       
  2552 	content: "";
       
  2553 	position: absolute;
       
  2554 	left: 0;
       
  2555 	top: 0;
       
  2556 	width: 100%;
       
  2557 	height: 100%;
       
  2558 	border: solid 1px #333;
       
  2559 	border-bottom: none;
       
  2560 	border-radius: 4px 4px 0 0;
       
  2561 }
       
  2562 
       
  2563 .footer-site-links {
       
  2564 	float: right;
       
  2565 	padding: 10px 0 0 0;
       
  2566 	width: 60%;
       
  2567 	text-align: right;
       
  2568 }
       
  2569 
       
  2570 footer p.copyright {
       
  2571 	margin: 10px 0 0 0;
       
  2572 	float: left;
       
  2573 	width: 40%;
       
  2574 	font-size: 11px;
       
  2575 	line-height: 130%;
       
  2576 	color: #777;
       
  2577 }
       
  2578 
       
  2579 footer p.copyright a {
       
  2580 	color: #aaa;
       
  2581 }
       
  2582 
       
  2583 footer p.copyright a:hover {
       
  2584 	color: #fff;
       
  2585 }
       
  2586 
       
  2587 footer p.copyright > br {
       
  2588 	display: none;
       
  2589 }
       
  2590 
       
  2591 footer p.copyright span.sponsor-line {
       
  2592 	display: block;
       
  2593 	font-size: 10px;
       
  2594 	margin: 2px 0 0 0;
       
  2595 }
       
  2596 
       
  2597 footer p.copyright a.mt-link {
       
  2598 	background: url(../images/logo-mediatemple.png) left top no-repeat;
       
  2599 	padding-left: 31px;
       
  2600 }
       
  2601 
       
  2602 footer p.copyright a.mc-link {
       
  2603 	background: url(../images/logo-maxcdn.png) left top no-repeat;
       
  2604 	padding-left: 24px;
       
  2605 }
       
  2606 
       
  2607 footer p.copyright a.wp-link {
       
  2608 	background: url(../images/logo-wordpress.png) left top no-repeat;
       
  2609 	padding-left: 19px;
       
  2610 	padding-top: 1px;
       
  2611 	display: inline-block;
       
  2612 	height: 16px;
       
  2613 }
       
  2614 
       
  2615 footer .footer-site-links li {
       
  2616 	position: relative;
       
  2617 	background: none;
       
  2618 	width: auto;
       
  2619 	height: auto;
       
  2620 	line-height: 20px;
       
  2621 	margin: 0 0 10px 20px;
       
  2622 	font-size: 13px;
       
  2623 }
       
  2624 
       
  2625 footer .footer-site-links li a {
       
  2626 	position: relative;
       
  2627 	color: #aaa;
       
  2628 	display: block;
       
  2629 	padding-left: 30px;
       
  2630 	width: auto;
       
  2631 	line-height: inherit;
       
  2632 }
       
  2633 
       
  2634 footer .footer-site-links li a:before {
       
  2635 	position: absolute;
       
  2636 	font-size: 1.5em;
       
  2637 	color: #4d4d4d;
       
  2638 	text-shadow: 0 -1px 0 #000000;
       
  2639 	left: 2px;
       
  2640 }
       
  2641 
       
  2642 footer .footer-site-links li:hover a,
       
  2643 footer .footer-site-links li:hover a:before {
       
  2644 	color: #e6e6e6;
       
  2645 }
       
  2646 
       
  2647 .footer-site-links li { display: inline-block; }
       
  2648 
       
  2649 footer .col {
       
  2650 	margin-left: 2.5%;
       
  2651 	padding: 30px 0 20px 0;
       
  2652 	height: 100%;
       
  2653 }
       
  2654 
       
  2655 footer .col:first-child { margin-left: 0 }
       
  2656 
       
  2657 footer ul li {
       
  2658 	list-style: none;
       
  2659 	padding: 0;
       
  2660 	margin: 0;
       
  2661 	line-height: 30px;
       
  2662 }
       
  2663 
       
  2664 footer .bottom { margin: 0 10% 0 0; }
       
  2665 
       
  2666 footer #legal {
       
  2667 	clear: left;
       
  2668 	display: block;
       
  2669 	margin-top: 1em;
       
  2670 	border-top: solid 1px #333;
       
  2671 	-webkit-box-shadow: #000 0 -1px 0;
       
  2672 	box-shadow: #000 0 -1px 0;
       
  2673 }
       
  2674 
       
  2675 footer .presentations li {
       
  2676 	float: left;
       
  2677 	width: 45%;
       
  2678 	min-width: 142px;
       
  2679 	margin-left: 3.5%;
       
  2680 	line-height: 130%;
       
  2681 	font-size: 11px;
       
  2682 }
       
  2683 
       
  2684 footer .presentations li a > span,
       
  2685 footer .books         li a > span {
       
  2686 	display: block;
       
  2687 	border-radius: 5px;
       
  2688 	border: solid 1px #000;
       
  2689 	position: relative;
       
  2690 	width: 142px;
       
  2691 	height: 92px;
       
  2692 	margin-bottom: 5px;
       
  2693 	overflow: hidden;
       
  2694 	background-clip: padding-box;
       
  2695 }
       
  2696 
       
  2697 footer .presentations li a:hover > span,
       
  2698 footer .books         li a:hover > span {
       
  2699 	border-color: white;
       
  2700 }
       
  2701 
       
  2702 footer .presentations li a > span:after,
       
  2703 footer .books         li a > span:after {
       
  2704 	content: "";
       
  2705 	display: block;
       
  2706 	position: absolute;
       
  2707 	top: 0;
       
  2708 	left: 0;
       
  2709 	right: 0;
       
  2710 	bottom: 0;
       
  2711 	border: solid 1px rgba(255,255,255,0.2);
       
  2712 	border-radius: 4px;
       
  2713 }
       
  2714 
       
  2715 footer .presentations li a > span img {
       
  2716 	max-width: 100%;
       
  2717 	height: auto;
       
  2718 }
       
  2719 
       
  2720 footer .presentations li a > br,
       
  2721 footer .books         li a > br { display: none; }
       
  2722 
       
  2723 footer .presentations li a cite,
       
  2724 footer .books         li a cite {
       
  2725 	font-style: normal;
       
  2726 	display: block;
       
  2727 	margin-top: 3px;
       
  2728 	font-size: 9px;
       
  2729 	color: #aaa;
       
  2730 }
       
  2731 
       
  2732 footer .presentations li a cite,
       
  2733 footer .presentations li a strong,
       
  2734 footer .books         li a cite,
       
  2735 footer .books         li a strong {
       
  2736 	line-height: 130%;
       
  2737 	display: block;
       
  2738 	font-weight: normal;
       
  2739 }
       
  2740 
       
  2741 footer .books li {
       
  2742 	float: left;
       
  2743 	width: 30%;
       
  2744 	min-width: 95px;
       
  2745 	margin-left: 2.8%;
       
  2746 	margin-bottom: 15px;
       
  2747 	line-height: 130%;
       
  2748 	font-size: 11px;
       
  2749 }
       
  2750 
       
  2751 footer .books li:first-child { margin-left: 2%; }
       
  2752 
       
  2753 footer .books li a > span {
       
  2754 	width: 90px;
       
  2755 	height: 114px;
       
  2756 }
       
  2757 
       
  2758 footer .books li a > span.top    { background-position: center top;}
       
  2759 footer .books li a > span.bottom { background-position: center bottom;}
       
  2760 footer .books li a > span        { background-position: center center;}
       
  2761 
       
  2762 footer li img {
       
  2763 	border-radius: 4px;
       
  2764 }
       
  2765 
       
  2766 
       
  2767 
       
  2768 /* General Styles
       
  2769    ========================================================================== */
       
  2770 
       
  2771 #content .entry-title a {
       
  2772 	text-decoration: none;
       
  2773 }
       
  2774 
       
  2775 .entry-meta {
       
  2776 	color: #999;
       
  2777 	font-size: 12px;
       
  2778 }
       
  2779 
       
  2780 .toc-linked {
       
  2781 	position: relative;
       
  2782 }
       
  2783 
       
  2784 .toc-linked .toc-link {
       
  2785 	position: absolute;
       
  2786 	left: -1em;
       
  2787 	text-decoration: none;
       
  2788 	opacity: 0;
       
  2789 }
       
  2790 /* TODO: Remove (https://github.com/jquery/jquery-wp-content/issues/143) */
       
  2791 #content .toc-linked .toc-link {
       
  2792 	text-decoration: none;
       
  2793 }
       
  2794 
       
  2795 .toc-linked:hover .toc-link {
       
  2796 	opacity: 1;
       
  2797 }
       
  2798 
       
  2799 .post-heirarchy {
       
  2800 	margin-bottom: 0.75em;
       
  2801 }
       
  2802 
       
  2803 /* Listing Pages (categories, searches, etc.)
       
  2804    ========================================================================== */
       
  2805 
       
  2806 .listing .hentry {
       
  2807 	padding: 10px 20px;
       
  2808 	margin: 15px 0;
       
  2809 	border: 1px solid rgba( 0, 0, 0, 0.2 );
       
  2810 	border-radius: 5px;
       
  2811 	background-color: #eee;
       
  2812 	position: relative;
       
  2813 }
       
  2814 
       
  2815 .listing #content .entry-title {
       
  2816 	font-size: 1.3em;
       
  2817 	margin-bottom: 0;
       
  2818 	text-shadow: 0 1px 1px #fff;
       
  2819 }
       
  2820 
       
  2821 .listing .entry-meta {
       
  2822 	float: right;
       
  2823 }
       
  2824 
       
  2825 .listing .entry-meta .category {
       
  2826 	padding: 4px;
       
  2827 	background-color: #ddd;
       
  2828 	border-radius: 5px;
       
  2829 }
       
  2830 
       
  2831 .listing #content .entry-meta .category a {
       
  2832 	color: #888;
       
  2833 	text-decoration: none;
       
  2834 }
       
  2835 
       
  2836 .pagination {
       
  2837 	text-align: center;
       
  2838 	margin-top: 2em;
       
  2839 }
       
  2840 
       
  2841 .page-numbers {
       
  2842 	padding: 0 10px;
       
  2843 }
       
  2844 
       
  2845 
       
  2846 
       
  2847 /* API Sites
       
  2848 ========================================================================== */
       
  2849 
       
  2850 .entry {
       
  2851 	margin: 15px 0;
       
  2852 }
       
  2853 
       
  2854 .entry-wrapper {
       
  2855 	border: 1px solid #CCC;
       
  2856 	border-top: 0;
       
  2857 	padding: 10px;
       
  2858 	border-radius: 0 0 5px 5px;
       
  2859 }
       
  2860 
       
  2861 #content .section-title {
       
  2862 	background: #333;
       
  2863 	border: 1px solid #111;
       
  2864 	padding: 8px 15px;
       
  2865 	font-size: 16px;
       
  2866 	color: white;
       
  2867 	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
       
  2868 	letter-spacing: 0;
       
  2869 	border-radius: 5px 5px 0 0;
       
  2870 	font-weight: normal;
       
  2871 	margin-bottom: 0;
       
  2872 	overflow: hidden;
       
  2873 }
       
  2874 
       
  2875 .returns {
       
  2876 	float: right;
       
  2877 	font-style: italic;
       
  2878 }
       
  2879 
       
  2880 .api-item .returns {
       
  2881 	font-size: 16px;
       
  2882 	color: #333;
       
  2883 	font-weight: normal;
       
  2884 }
       
  2885 
       
  2886 .api-item .version-details {
       
  2887 	display: block;
       
  2888 	padding: 0.5em;
       
  2889 	margin: 1em 0;
       
  2890 	background: #fff3a5;
       
  2891 	border-radius: 5px;
       
  2892 }
       
  2893 
       
  2894 #content .signatures {
       
  2895 	background: #eee;
       
  2896 	border: 1px solid #ccc;
       
  2897 	margin: 0 auto 15px;
       
  2898 	max-width: 750px;
       
  2899 	border-radius: 3px;
       
  2900 	color: #333;
       
  2901 	text-shadow: 0 1px 0 #fff;
       
  2902 }
       
  2903 
       
  2904 #content .signatures li {
       
  2905 	list-style: none;
       
  2906 	background: none;
       
  2907 	margin: 0;
       
  2908 	padding: 10px;
       
  2909 }
       
  2910 
       
  2911 #content .signatures > li {
       
  2912 	padding-bottom: 0;
       
  2913 }
       
  2914 
       
  2915 #content .signature > ul {
       
  2916 	margin: 0;
       
  2917 }
       
  2918 
       
  2919 .signatures h4 {
       
  2920 	font-size: 16px;
       
  2921 	letter-spacing: 0;
       
  2922 	padding: 8px 10px;
       
  2923 	margin: -10px -10px 0;
       
  2924 	color: #fff;
       
  2925 	text-shadow: 0 1px 0 #444;
       
  2926 }
       
  2927 
       
  2928 .signature:first-child h4 {
       
  2929 	border-radius: 3px 3px 0 0;
       
  2930 }
       
  2931 
       
  2932 #content .signature h4 a {
       
  2933 	color: inherit;
       
  2934 	text-decoration: none;
       
  2935 }
       
  2936 
       
  2937 .signature h4 .icon-link {
       
  2938 	margin-right: 0.5em;
       
  2939 }
       
  2940 
       
  2941 .signature .event-properties {
       
  2942 	margin: 15px 0 0 0;
       
  2943 }
       
  2944 
       
  2945 .argument {
       
  2946 	margin-top: 1em;
       
  2947 }
       
  2948 
       
  2949 #options, #methods, #extension-points, #events, #quick-nav {
       
  2950 	border: 1px solid #CCC;
       
  2951 	margin: 0 15px 15px;
       
  2952 	padding: 10px;
       
  2953 	overflow: auto;
       
  2954 }
       
  2955 
       
  2956 #options header h2, #methods header h2, #extension-points header h2, #events header h2, #quick-nav h2 {
       
  2957 	background: #cccccc; /* Old browsers */
       
  2958 	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
       
  2959 	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 17%,#cccccc 100%); /* W3C */
       
  2960 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
       
  2961 	margin: -10px -10px 10px -10px;
       
  2962 	padding: 10px;
       
  2963 }
       
  2964 
       
  2965 #quick-nav h2 a {
       
  2966 	float: right;
       
  2967 	font-size: 80%;
       
  2968 	padding-left: 10px;
       
  2969 }
       
  2970 
       
  2971 .quick-nav-section {
       
  2972 	width: 33%;
       
  2973 	float: left;
       
  2974 }
       
  2975 
       
  2976 #methods .api-item li,
       
  2977 #extension-points .api-item li,
       
  2978 #events .api-item li {
       
  2979 	margin-bottom: 1em;
       
  2980 }
       
  2981 
       
  2982 #methods .api-item li ul,
       
  2983 #extension-points .api-item li ul,
       
  2984 #events .api-item li ul {
       
  2985 	list-style: none;
       
  2986 }
       
  2987 
       
  2988 .version-details {
       
  2989 	font-weight: bold;
       
  2990 }
       
  2991 
       
  2992 .section-title .version-details,
       
  2993 .name .version-details {
       
  2994 	float: right;
       
  2995 	clear: right;
       
  2996 	font-size: 14px;
       
  2997 	color: #fff;
       
  2998 }
       
  2999 
       
  3000 .api-item {
       
  3001 	padding: 20px 10px;
       
  3002 }
       
  3003 .signature li,
       
  3004 .api-item {
       
  3005 	border-top: 1px solid #CCC;
       
  3006 }
       
  3007 
       
  3008 .signature li:first-child,
       
  3009 .api-item.first-item {
       
  3010 	border-top: none;
       
  3011 	padding-top: 10px;
       
  3012 }
       
  3013 
       
  3014 .option-type {
       
  3015 	font-size: 16px;
       
  3016 	font-weight: normal;
       
  3017 	color: #333;
       
  3018 	float: right;
       
  3019 }
       
  3020 
       
  3021 #options .default {
       
  3022 	text-align: right;
       
  3023 	font-size: 13px;
       
  3024 	margin-top: -10px;
       
  3025 }
       
  3026 
       
  3027 .desc {
       
  3028 	font-size: 16px;
       
  3029 	padding: 5px 15px 0;
       
  3030 	color: #666;
       
  3031 	font-style: italic;
       
  3032 }
       
  3033 
       
  3034 .desc strong {
       
  3035 	color: #444;
       
  3036 	font-style: normal;
       
  3037 }
       
  3038 
       
  3039 .entry-summary p {
       
  3040 	margin: 0;
       
  3041 }
       
  3042 
       
  3043 .warning {
       
  3044 	padding: 0.5em 1em;
       
  3045 	margin: 1em;
       
  3046 	background: #fff3a5;
       
  3047 	border-radius: 5px;
       
  3048 }
       
  3049 
       
  3050 /* Media Queries
       
  3051    ========================================================================== */
       
  3052 
       
  3053 @media only screen and (max-width: 1100px) {
       
  3054 
       
  3055 }
       
  3056 
       
  3057 @media only screen and (max-width: 940px) {
       
  3058 
       
  3059 }
       
  3060 
       
  3061 @media only screen and (max-width: 860px) {
       
  3062 
       
  3063 }
       
  3064 
       
  3065 @media only screen and (max-width: 768px) {
       
  3066 	#global-nav ul.projects li.toggle-projects {
       
  3067 		display: none;
       
  3068 	}
       
  3069 
       
  3070 	#sidebar,
       
  3071 	.content-right #sidebar {
       
  3072 		width: auto;
       
  3073 		float: none;
       
  3074 		clear: both;
       
  3075 		margin: 0;
       
  3076 		border-top: 1px solid #e7e7e7;
       
  3077 		border-left: none;
       
  3078 		-moz-border-image: none;
       
  3079 		-webkit-border-image: none;
       
  3080 		-webkit-border-image: none;
       
  3081 		-o-border-image: none;
       
  3082 		border-image: none;
       
  3083 		-webkit-box-shadow: none;
       
  3084 		box-shadow: none;
       
  3085 		background-image: none;
       
  3086 		background-image: none;
       
  3087 		background-image: none;
       
  3088 		background-image: none;
       
  3089 		background-image: none;
       
  3090 		background-image: none;
       
  3091 	}
       
  3092 
       
  3093 	.content-full.full-width #content,
       
  3094 	.content-right #content,
       
  3095 	.content-left #content {
       
  3096 		padding-left: 2%;
       
  3097 		padding-right: 2%;
       
  3098 	}
       
  3099 
       
  3100 	#content,
       
  3101 	.col7-3.col,
       
  3102 	footer #legal p.copyright,
       
  3103 	footer #legal ul.footer-site-links {
       
  3104 		width: 100%;
       
  3105 		float: none;
       
  3106 		clear: both;
       
  3107 	}
       
  3108 
       
  3109 	#banner-secondary {
       
  3110 		margin-left: -15px;
       
  3111 		margin-right: -15px;
       
  3112 	}
       
  3113 
       
  3114 	footer #legal ul.footer-site-links {
       
  3115 		display: inline;
       
  3116 		text-align: center !important;
       
  3117 		text-transform: none;
       
  3118 		float: left;
       
  3119 		width: 100%;
       
  3120 	}
       
  3121 
       
  3122 	footer #legal ul.footer-site-links li:first-child {
       
  3123 		margin-left: 0;
       
  3124 	}
       
  3125 
       
  3126 	footer #legal p.copyright {
       
  3127 		text-align: center;
       
  3128 		margin-bottom: 10px;
       
  3129 	}
       
  3130 
       
  3131 	.col7-2.col {
       
  3132 		margin: 0;
       
  3133 		width: 100%;
       
  3134 		padding-top: 10px;
       
  3135 		padding-bottom: 10px;
       
  3136 	}
       
  3137 }
       
  3138 
       
  3139 @media only screen and (max-width: 600px) {
       
  3140 	#global-nav ul.projects {
       
  3141 		display: none;
       
  3142 	}
       
  3143 
       
  3144 	#global-nav nav ul.links {
       
  3145 		float: left;
       
  3146 	}
       
  3147 
       
  3148 	#global-nav nav ul.links li {
       
  3149 		font-size: 12px;
       
  3150 	}
       
  3151 
       
  3152 	#logo-events {
       
  3153 		padding-top: 20px;
       
  3154 		padding-bottom: 10px;
       
  3155 	}
       
  3156 
       
  3157 	#logo-events aside {
       
  3158 		display: inline-block;
       
  3159 		position: relative;
       
  3160 		left: 50%;
       
  3161 		margin-left: -200px;
       
  3162 		float: none;
       
  3163 		padding: 10px 0;
       
  3164 	}
       
  3165 
       
  3166 	#logo-events h2.logo {
       
  3167 		float: none;
       
  3168 		margin-left: auto;
       
  3169 		margin-right: auto;
       
  3170 	}
       
  3171 
       
  3172 	nav#main {
       
  3173 		background-color: rgba(0, 0, 0, 0.0);
       
  3174 		border-radius: 10px 10px 0 0;
       
  3175 		border-right: none;
       
  3176 		border-left: none;
       
  3177 		border-top: none;
       
  3178 		-webkit-box-shadow: none;
       
  3179 		box-shadow: none;
       
  3180 		padding-top: 10px;
       
  3181 	}
       
  3182 
       
  3183 	nav#main .searchform {
       
  3184 		display: block;
       
  3185 		float: none;
       
  3186 		width: 100%;
       
  3187 		margin: 15px auto;
       
  3188 		clear:both;
       
  3189 	}
       
  3190 
       
  3191 	nav#main ul{
       
  3192 		width: auto !important;
       
  3193 		text-align: left !important;
       
  3194 		float: none;
       
  3195 		margin: 0px;
       
  3196 		padding: 0px;
       
  3197 	}
       
  3198 	
       
  3199 	nav#main ul li, nav#main ul li a {
       
  3200 		display: block;
       
  3201 		text-align: left !important;
       
  3202 		float: left;
       
  3203 		margin-right: 0px;
       
  3204 		padding: 0 4px 4px 0;
       
  3205 	}
       
  3206 		
       
  3207 
       
  3208 	nav#main li a:hover,
       
  3209 	nav#main li.current a {
       
  3210 		background: none;
       
  3211 		-webkit-box-shadow: none;
       
  3212 		box-shadow: none;
       
  3213 		border-radius: 4px;
       
  3214 		border: 1px solid rgba(0,0,0,0.0);
       
  3215 	}
       
  3216 	
       
  3217 	nav#main li a {
       
  3218 		font-size: 14px;
       
  3219 	}
       
  3220 	
       
  3221 	#content-wrapper {
       
  3222 		border-top-left-radius: 10px;
       
  3223 		border-top-right-radius: 10px;
       
  3224 	}
       
  3225 
       
  3226 	#banner-secondary {
       
  3227 		border-top-left-radius: 9px;
       
  3228 		border-top-right-radius: 9px;
       
  3229 		margin-left: -10px;
       
  3230 		margin-right: -10px;
       
  3231 	}
       
  3232 
       
  3233 	#banner-secondary h2 {
       
  3234 		font-size: 35px;
       
  3235 		line-height: 35px;
       
  3236 	}
       
  3237 
       
  3238 	#content h1 {
       
  3239 		font-size: 26px;
       
  3240 		line-height: 26px;
       
  3241 	}
       
  3242 
       
  3243 	#banner-secondary.large-banner h1,
       
  3244 	#banner-secondary.large-banner h2 {
       
  3245 		font-size: 36px;
       
  3246 		line-height: 36px;
       
  3247 	}
       
  3248 
       
  3249 	#banner-secondary.large-banner p {
       
  3250 		font-size: 22px;
       
  3251 		padding: 0;
       
  3252 	}
       
  3253 
       
  3254 	footer .presentations li,
       
  3255 	footer .books li {
       
  3256 		clear: both;
       
  3257 		margin-bottom: 10px;
       
  3258 		float: none;
       
  3259 		margin-left: auto !important;
       
  3260 		margin-right: auto;
       
  3261 		text-align: center;
       
  3262 	}
       
  3263 
       
  3264 	footer .presentations li span,
       
  3265 	footer .books li span {
       
  3266 		display: block;
       
  3267 		margin-left: auto;
       
  3268 		margin-right: auto;
       
  3269 	}
       
  3270 }
       
  3271 
       
  3272 @media only screen and (max-width: 480px) {
       
  3273 	
       
  3274 	#global-nav { 
       
  3275 		display: none;
       
  3276 	}
       
  3277 
       
  3278 	#logo-events aside {
       
  3279 		width: 300px;
       
  3280 		margin-left: -150px;
       
  3281 	}
       
  3282 
       
  3283 	#container {
       
  3284 		border-top: none !important;
       
  3285 	}
       
  3286 
       
  3287 	.tinynav-container {
       
  3288 		display: block;
       
  3289 	}
       
  3290 
       
  3291 	#menu-top {
       
  3292 		display: none;
       
  3293 	}
       
  3294 
       
  3295 	.tinynav {
       
  3296 		display: block;
       
  3297 		width: 100%;
       
  3298 		margin: 0 auto 15px;
       
  3299 		position: relative;
       
  3300 		top: 6px;
       
  3301 		left: 0px;
       
  3302 	}
       
  3303 	
       
  3304 	nav#main {
       
  3305 		margin-top: 15px;
       
  3306 		padding-top: 0;
       
  3307 	}
       
  3308 	
       
  3309 	nav#main .searchform {
       
  3310 		display: block;
       
  3311 		float: none;
       
  3312 		width: 100%;
       
  3313 		margin: 15px auto;
       
  3314 	}
       
  3315 	
       
  3316 	nav#main ul li, nav#main ul li a {
       
  3317 		float: none;
       
  3318 		padding: 6px 0px 6px 8px;	
       
  3319 	}
       
  3320 	
       
  3321 	.constrain,
       
  3322 	#container {
       
  3323 		padding-left: 10px;
       
  3324 		padding-right: 10px;
       
  3325 	}
       
  3326 
       
  3327 	.content-full #content, 
       
  3328 	.content-full.full-width #content,
       
  3329 	.content-right #content,
       
  3330 	.content-left #content {
       
  3331 		padding-left: 0;
       
  3332 		padding-right: 0;
       
  3333 	}
       
  3334 
       
  3335 	#content-wrapper {
       
  3336 		padding-left: 25px;
       
  3337 		padding-right: 25px;
       
  3338 	}
       
  3339 
       
  3340 	#content pre {
       
  3341 		margin-left: -25px;
       
  3342 		margin-right: -25px;
       
  3343 	}
       
  3344 
       
  3345 	#content img.left,
       
  3346 	#content figure.left,
       
  3347 	#content img.right,
       
  3348 	#content figure.right {
       
  3349 		display: block;
       
  3350 		width: 100%;
       
  3351 		max-width: 100%;
       
  3352 		margin-left: 0;
       
  3353 		margin-right: 0;
       
  3354 	}
       
  3355 
       
  3356 	#banner-secondary {
       
  3357 		margin-left: -25px;
       
  3358 		margin-right: -25px;
       
  3359 
       
  3360 	}
       
  3361 	footer .footer-icon-links li a:before {
       
  3362 		display: none;
       
  3363 	}
       
  3364 
       
  3365 	footer .footer-icon-links li:first-child {
       
  3366 		margin-left: 0;
       
  3367 	}
       
  3368 	
       
  3369 	footer .download > span {
       
  3370 		white-space: normal;
       
  3371 	}
       
  3372 }
       
  3373 
       
  3374 @media only screen and (-webkit-device-pixel-ratio: 2){
       
  3375 	.jquery h2.logo a {
       
  3376 		background: url(../images/logo-jquery@2x.png) no-repeat;
       
  3377 		background-size: 243px 66px;
       
  3378 	}
       
  3379 
       
  3380 	.jquery-ui h2.logo a {
       
  3381 		background: url(../images/logo-jquery-ui@2x.png) no-repeat;
       
  3382 		background-size: 253px 66px;
       
  3383 	}
       
  3384 
       
  3385 	.jquery-mobile h2.logo a {
       
  3386 		background: url(../images/logo-jquery-mobile@2x.png) no-repeat;
       
  3387 		background-size: 268px 66px;
       
  3388 	}
       
  3389 
       
  3390 	.sizzlejs h2.logo a {
       
  3391 		background: url(../images/logo-sizzle@2x.png) no-repeat;
       
  3392 		background-size: 243px 66px;
       
  3393 	}
       
  3394 
       
  3395 	.qunitjs h2.logo a {
       
  3396 		background: url(../images/logo-qunit@2x.png) no-repeat;
       
  3397 		background-size: 243px 66px;
       
  3398 	}
       
  3399 
       
  3400 	.jquery-foundation h2.logo a {
       
  3401 		background: url(../images/logo-jquery-foundation@2x.png) no-repeat;
       
  3402 		background-size: 243px 66px;
       
  3403 	}
       
  3404 }
       
  3405 
       
  3406 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       
  3407 	   only screen and (min-resolution: 144dpi) {
       
  3408 
       
  3409 }
       
  3410 
       
  3411  /* Helper classes
       
  3412 	========================================================================== */
       
  3413 
       
  3414 .ir {
       
  3415 	background-color: transparent;
       
  3416 	border: 0;
       
  3417 	overflow: hidden;
       
  3418 	*text-indent: -9999px;
       
  3419 }
       
  3420 
       
  3421 .ir:before {
       
  3422 	content: "";
       
  3423 	display: block;
       
  3424 	width: 0;
       
  3425 	height: 100%;
       
  3426 }
       
  3427 
       
  3428 .hidden {
       
  3429 	display: none !important;
       
  3430 	visibility: hidden;
       
  3431 }
       
  3432 
       
  3433 .visuallyhidden {
       
  3434 	border: 0;
       
  3435 	clip: rect(0 0 0 0);
       
  3436 	height: 1px;
       
  3437 	margin: -1px;
       
  3438 	overflow: hidden;
       
  3439 	padding: 0;
       
  3440 	position: absolute;
       
  3441 	width: 1px;
       
  3442 }
       
  3443 
       
  3444 .visuallyhidden.focusable:active,
       
  3445 .visuallyhidden.focusable:focus {
       
  3446 	clip: auto;
       
  3447 	height: auto;
       
  3448 	margin: 0;
       
  3449 	overflow: visible;
       
  3450 	position: static;
       
  3451 	width: auto;
       
  3452 }
       
  3453 
       
  3454 .invisible {
       
  3455 	visibility: hidden;
       
  3456 }
       
  3457 
       
  3458 .clearfix:before,
       
  3459 .clearfix:after {
       
  3460 	content: " ";
       
  3461 	display: table;
       
  3462 }
       
  3463 
       
  3464 .clearfix:after {
       
  3465 	clear: both;
       
  3466 }
       
  3467 
       
  3468 .clearfix {
       
  3469 	*zoom: 1;
       
  3470 }
       
  3471 
       
  3472 /* Print styles
       
  3473    ========================================================================== */
       
  3474 
       
  3475 @media print {
       
  3476 	* {
       
  3477 		background: transparent !important;
       
  3478 		color: #000 !important; /* Black prints faster: h5bp.com/s */
       
  3479 		box-shadow:none !important;
       
  3480 		text-shadow: none !important;
       
  3481 	}
       
  3482 
       
  3483 	a,
       
  3484 	a:visited {
       
  3485 		text-decoration: underline;
       
  3486 	}
       
  3487 
       
  3488 	a[href]:after {
       
  3489 		content: " (" attr(href) ")";
       
  3490 	}
       
  3491 
       
  3492 	abbr[title]:after {
       
  3493 		content: " (" attr(title) ")";
       
  3494 	}
       
  3495 
       
  3496 	/*
       
  3497 	 * Don't show links for images, or javascript/internal links
       
  3498 	 */
       
  3499 
       
  3500 	.ir a:after,
       
  3501 	a[href^="javascript:"]:after,
       
  3502 	a[href^="#"]:after {
       
  3503 		content: "";
       
  3504 	}
       
  3505 
       
  3506 	pre,
       
  3507 	blockquote {
       
  3508 		border: 1px solid #999;
       
  3509 		page-break-inside: avoid;
       
  3510 	}
       
  3511 
       
  3512 	thead {
       
  3513 		display: table-header-group; /* h5bp.com/t */
       
  3514 	}
       
  3515 
       
  3516 	tr,
       
  3517 	img {
       
  3518 		page-break-inside: avoid;
       
  3519 	}
       
  3520 
       
  3521 	img {
       
  3522 		max-width: 100% !important;
       
  3523 	}
       
  3524 
       
  3525 	@page {
       
  3526 		margin: 0.5cm;
       
  3527 	}
       
  3528 
       
  3529 	p,
       
  3530 	h2,
       
  3531 	h3 {
       
  3532 		orphans: 3;
       
  3533 		widows: 3;
       
  3534 	}
       
  3535 
       
  3536 	h2,
       
  3537 	h3 {
       
  3538 		page-break-after: avoid;
       
  3539 	}
       
  3540 }
       
  3541 
       
  3542 /* The Grid ----------------------
       
  3543 Based on Zurb Foundation's Grid
       
  3544 */
       
  3545 .row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; }
       
  3546 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; }
       
  3547 .row.collapse .column, .row.collapse .columns { padding: 0; }
       
  3548 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -25px; }
       
  3549 .row .row.collapse { margin: 0; }
       
  3550 
       
  3551 .column, .columns { float: left; min-height: 1px; padding: 0 25px; position: relative; }
       
  3552 .column.centered, .columns.centered { float: none; margin: 0 auto; }
       
  3553 
       
  3554 [class*="column"] + [class*="column"]:last-child { float: right; }
       
  3555 
       
  3556 [class*="column"] + [class*="column"].end { float: left; }
       
  3557 
       
  3558 .one, .row .one { width: 8.33333%; }
       
  3559 
       
  3560 .two, .row .two { width: 16.66667%; }
       
  3561 
       
  3562 .three, .row .three { width: 25%; }
       
  3563 
       
  3564 .four, .row .four { width: 33.33333%; }
       
  3565 
       
  3566 .five, .row .five { width: 41.66667%; }
       
  3567 
       
  3568 .six, .row .six { width: 50%; }
       
  3569 
       
  3570 .seven, .row .seven { width: 58.33333%; }
       
  3571 
       
  3572 .eight, .row .eight { width: 66.66667%; }
       
  3573 
       
  3574 .nine, .row .nine { width: 75%; }
       
  3575 
       
  3576 .ten, .row .ten { width: 83.33333%; }
       
  3577 
       
  3578 .eleven, .row .eleven { width: 91.66667%; }
       
  3579 
       
  3580 .twelve, .row .twelve { width: 100%; }
       
  3581 
       
  3582 .row .offset-by-one { margin-left: 8.33333%; }
       
  3583 
       
  3584 .row .offset-by-two { margin-left: 16.66667%; }
       
  3585 
       
  3586 .row .offset-by-three { margin-left: 25%; }
       
  3587 
       
  3588 .row .offset-by-four { margin-left: 33.33333%; }
       
  3589 
       
  3590 .row .offset-by-five { margin-left: 41.66667%; }
       
  3591 
       
  3592 .row .offset-by-six { margin-left: 50%; }
       
  3593 
       
  3594 .row .offset-by-seven { margin-left: 58.33333%; }
       
  3595 
       
  3596 .row .offset-by-eight { margin-left: 66.66667%; }
       
  3597 
       
  3598 .row .offset-by-nine { margin-left: 75%; }
       
  3599 
       
  3600 .row .offset-by-ten { margin-left: 83.33333%; }
       
  3601 
       
  3602 .push-two { left: 16.66667%; }
       
  3603 
       
  3604 .pull-two { right: 16.66667%; }
       
  3605 
       
  3606 .push-three { left: 25%; }
       
  3607 
       
  3608 .pull-three { right: 25%; }
       
  3609 
       
  3610 .push-four { left: 33.33333%; }
       
  3611 
       
  3612 .pull-four { right: 33.33333%; }
       
  3613 
       
  3614 .push-five { left: 41.66667%; }
       
  3615 
       
  3616 .pull-five { right: 41.66667%; }
       
  3617 
       
  3618 .push-six { left: 50%; }
       
  3619 
       
  3620 .pull-six { right: 50%; }
       
  3621 
       
  3622 .push-seven { left: 58.33333%; }
       
  3623 
       
  3624 .pull-seven { right: 58.33333%; }
       
  3625 
       
  3626 .push-eight { left: 66.66667%; }
       
  3627 
       
  3628 .pull-eight { right: 66.66667%; }
       
  3629 
       
  3630 .push-nine { left: 75%; }
       
  3631 
       
  3632 .pull-nine { right: 75%; }
       
  3633 
       
  3634 .push-ten { left: 83.33333%; }
       
  3635 
       
  3636 .pull-ten { right: 83.33333%; }
       
  3637 
       
  3638 img, object, embed { max-width: 100%; height: auto; }
       
  3639 
       
  3640 object, embed { height: 100%; }
       
  3641 
       
  3642 img { -ms-interpolation-mode: bicubic; }
       
  3643 
       
  3644 #map_canvas img, .map_canvas img { max-width: none!important; }
       
  3645 
       
  3646 /* Nicolas Gallagher's micro clearfix */
       
  3647 .row { *zoom: 1; }
       
  3648 .row:before, .row:after { content: ""; display: table; }
       
  3649 .row:after { clear: both; }
       
  3650 
       
  3651 /* Mobile Grid and Overrides ---------------------- */
       
  3652 @media only screen and (max-width: 767px) {
       
  3653 	.row { width: auto; min-width: 0; margin-left: 0 !important; margin-right: 0 !important; }
       
  3654 	.column, .columns { width: auto !important; float: none; padding-left: 0 !important; padding-right: 0 !important;
       
  3655 	}
       
  3656 	.column:last-child, .columns:last-child { float: none; }
       
  3657 	[class*="column"] + [class*="column"]:last-child { float: none; }
       
  3658 	.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
       
  3659 	.column:after, .columns:after { clear: both; }
       
  3660 	.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
       
  3661 	.push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
       
  3662 	.pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
       
  3663 	/* Mobile 4-column Grid */
       
  3664 	.row .mobile-one { width: 25% !important; float: left; padding: 0 25px; }
       
  3665 	.row .mobile-one:last-child { float: right; }
       
  3666 	.row .mobile-one.end { float: left; }
       
  3667 	.row.collapse .mobile-one { padding: 0; }
       
  3668 	.row .mobile-two { width: 50% !important; float: left; padding: 0 25px; }
       
  3669 	.row .mobile-two:last-child { float: right; }
       
  3670 	.row .mobile-two.end { float: left; }
       
  3671 	.row.collapse .mobile-two { padding: 0; }
       
  3672 	.row .mobile-three { width: 75% !important; float: left; padding: 0 25px; }
       
  3673 	.row .mobile-three:last-child { float: right; }
       
  3674 	.row .mobile-three.end { float: left; }
       
  3675 	.row.collapse .mobile-three { padding: 0; }
       
  3676 	.row .mobile-four { width: 100% !important; float: left; padding: 0 25px; }
       
  3677 	.row .mobile-four:last-child { float: right; }
       
  3678 	.row .mobile-four.end { float: left; }
       
  3679 	.row.collapse .mobile-four { padding: 0; }
       
  3680 	.push-one-mobile { left: 25%; }
       
  3681 	.pull-one-mobile { right: 25%; }
       
  3682 	.push-two-mobile { left: 50%; }
       
  3683 	.pull-two-mobile { right: 50%; }
       
  3684 	.push-three-mobile { left: 75%; }
       
  3685 	.pull-three-mobile { right: 75%; }
       
  3686 }
       
  3687 
       
  3688 
       
  3689 /* Block Grids ---------------------- */
       
  3690 /* These are 2-up, 3-up, 4-up and 5-up ULs, suited
       
  3691 for repeating blocks of content. Add 'mobile' to
       
  3692 them to switch them just like the layout grid
       
  3693 (one item per line) on phones
       
  3694 
       
  3695 For IE7/8 compatibility block-grid items need to be
       
  3696 the same height. You can optionally uncomment the
       
  3697 lines below to support arbitrary height, but know
       
  3698 that IE7/8 do not support :nth-child.
       
  3699 -------------------------------------------------- */
       
  3700 .block-grid, #content .block-grid { display: block; overflow: hidden; padding: 0; }
       
  3701 .block-grid > li, #content .block-grid > li { display: block; height: auto; float: left; }
       
  3702 .block-grid.one-up, #content .block-grid.one-up { margin: 0; }
       
  3703 .block-grid.one-up > li, #content .block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
       
  3704 .block-grid.two-up, #content .block-grid.two-up { margin: 0 -15px; }
       
  3705 .block-grid.two-up > li, #content .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
       
  3706 .block-grid.two-up > li:nth-child(2n+1), #content .block-grid.two-up > li:nth-child(2n+1) { clear: both; }
       
  3707 .block-grid.three-up, #content .block-grid.three-up { margin: 0 -12px; }
       
  3708 .block-grid.three-up > li, #content .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
       
  3709 .block-grid.three-up > li:nth-child(3n+1), #content .block-grid.three-up > li:nth-child(3n+1) { clear: both; }
       
  3710 .block-grid.four-up, #content .block-grid.four-up { margin: 0 -10px; }
       
  3711 .block-grid.four-up > li, #content .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
       
  3712 .block-grid.four-up > li:nth-child(4n+1), #content .block-grid.four-up > li:nth-child(4n+1) { clear: both; }
       
  3713 .block-grid.five-up, #content .block-grid.five-up { margin: 0 -8px; }
       
  3714 .block-grid.five-up > li, #content .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
       
  3715 .block-grid.five-up > li:nth-child(5n+1), #content .block-grid.five-up > li:nth-child(5n+1) { clear: both; }
       
  3716 
       
  3717 /* Mobile Block Grids */
       
  3718 @media only screen and (max-width: 767px) {
       
  3719 	.block-grid.mobile > li { float: none !important; width: 100% !important; margin-left: 0 !important; }
       
  3720 	.block-grid > li { clear: none !important; }
       
  3721 	.block-grid.mobile-two-up > li { width: 50% !important; }
       
  3722 	.block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
       
  3723 	.block-grid.mobile-three-up > li { width: 33.33% !important; }
       
  3724 	.block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
       
  3725 	.block-grid.mobile-four-up > li { width: 25% !important; }
       
  3726 	.block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
       
  3727 	.block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; }
       
  3728 }
       
  3729 
       
  3730 /*
       
  3731 	ColorBox Core Style:
       
  3732 	The following CSS is consistent between example themes and should not be altered.
       
  3733 */
       
  3734 #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
       
  3735 #cboxOverlay{position:fixed; width:100%; height:100%;}
       
  3736 #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
       
  3737 #cboxContent{position:relative;}
       
  3738 #cboxLoadedContent{overflow:auto;}
       
  3739 #cboxTitle{margin:0;}
       
  3740 #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
       
  3741 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
       
  3742 .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
       
  3743 .cboxIframe{width:100%; height:100%; display:block; border:0;}
       
  3744 #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
       
  3745 
       
  3746 /*
       
  3747 	User Style:
       
  3748 	Change the following styles to modify the appearance of ColorBox.  They are
       
  3749 	ordered & tabbed in a way that represents the nesting of the generated HTML.
       
  3750 */
       
  3751 #cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
       
  3752 #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
       
  3753 #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
       
  3754 #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
       
  3755 #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
       
  3756 #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
       
  3757 #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
       
  3758 #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
       
  3759 #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
       
  3760 #cboxContent{background:#fff; overflow:hidden;}
       
  3761 .cboxIframe{background:#fff;}
       
  3762 #cboxError{padding:50px; border:1px solid #ccc;}
       
  3763 #cboxLoadedContent{margin-bottom:28px;}
       
  3764 #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
       
  3765 #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
       
  3766 #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
       
  3767 #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
       
  3768 #cboxPrevious:hover{background-position:-75px -25px;}
       
  3769 #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
       
  3770 #cboxNext:hover{background-position:-50px -25px;}
       
  3771 #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
       
  3772 #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
       
  3773 #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
       
  3774 #cboxClose:hover{background-position:-25px -25px;}
       
  3775 
       
  3776 /*
       
  3777   The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
       
  3778   when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
       
  3779   See: http://jacklmoore.com/notes/ie-transparency-problems/
       
  3780 */
       
  3781 .cboxIE #cboxTopLeft,
       
  3782 .cboxIE #cboxTopCenter,
       
  3783 .cboxIE #cboxTopRight,
       
  3784 .cboxIE #cboxBottomLeft,
       
  3785 .cboxIE #cboxBottomCenter,
       
  3786 .cboxIE #cboxBottomRight,
       
  3787 .cboxIE #cboxMiddleLeft,
       
  3788 .cboxIE #cboxMiddleRight {
       
  3789 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
       
  3790 }
       
  3791 
       
  3792 /*
       
  3793   The following provides PNG transparency support for IE6
       
  3794   Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
       
  3795 */
       
  3796 .cboxIE6 #cboxTopLeft{background:url(../images/colorbox/ie6/borderTopLeft.png);}
       
  3797 .cboxIE6 #cboxTopCenter{background:url(../images/colorbox/ie6/borderTopCenter.png);}
       
  3798 .cboxIE6 #cboxTopRight{background:url(../images/colorbox/ie6/borderTopRight.png);}
       
  3799 .cboxIE6 #cboxBottomLeft{background:url(../images/colorbox/ie6/borderBottomLeft.png);}
       
  3800 .cboxIE6 #cboxBottomCenter{background:url(../images/colorbox/ie6/borderBottomCenter.png);}
       
  3801 .cboxIE6 #cboxBottomRight{background:url(../images/colorbox/ie6/borderBottomRight.png);}
       
  3802 .cboxIE6 #cboxMiddleLeft{background:url(../images/colorbox/ie6/borderMiddleLeft.png);}
       
  3803 .cboxIE6 #cboxMiddleRight{background:url(../images/colorbox/ie6/borderMiddleRight.png);}
       
  3804 
       
  3805 .cboxIE6 #cboxTopLeft,
       
  3806 .cboxIE6 #cboxTopCenter,
       
  3807 .cboxIE6 #cboxTopRight,
       
  3808 .cboxIE6 #cboxBottomLeft,
       
  3809 .cboxIE6 #cboxBottomCenter,
       
  3810 .cboxIE6 #cboxBottomRight,
       
  3811 .cboxIE6 #cboxMiddleLeft,
       
  3812 .cboxIE6 #cboxMiddleRight {
       
  3813 	_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
       
  3814 }
       
  3815 
       
  3816 
       
  3817 /* Syntax Highlighting ---------------------- */
       
  3818 
       
  3819 pre, code {
       
  3820 	font-family: "source-code-pro", Consolas, monospace !important;
       
  3821 	word-spacing: 0;
       
  3822 }
       
  3823 pre code {
       
  3824   display: block; padding: 0.5em;
       
  3825   color: #333;
       
  3826   background: #f8f8ff
       
  3827 }
       
  3828 
       
  3829 pre .comment,
       
  3830 pre .template_comment,
       
  3831 pre .diff .header,
       
  3832 pre .javadoc {
       
  3833   color: #998;
       
  3834   font-style: italic
       
  3835 }
       
  3836 
       
  3837 pre .keyword,
       
  3838 pre .css .rule .keyword,
       
  3839 pre .winutils,
       
  3840 pre .javascript .title,
       
  3841 pre .nginx .title,
       
  3842 pre .subst,
       
  3843 pre .request,
       
  3844 pre .status {
       
  3845   color: #333;
       
  3846   font-weight: bold
       
  3847 }
       
  3848 
       
  3849 pre .number,
       
  3850 pre .hexcolor,
       
  3851 pre .ruby .constant {
       
  3852   color: #099;
       
  3853 }
       
  3854 
       
  3855 pre .string,
       
  3856 pre .tag .value,
       
  3857 pre .phpdoc,
       
  3858 pre .tex .formula {
       
  3859   color: #d14
       
  3860 }
       
  3861 
       
  3862 pre .title,
       
  3863 pre .id {
       
  3864   color: #900;
       
  3865   font-weight: bold
       
  3866 }
       
  3867 
       
  3868 pre .javascript .title,
       
  3869 pre .lisp .title,
       
  3870 pre .clojure .title,
       
  3871 pre .subst {
       
  3872   font-weight: normal
       
  3873 }
       
  3874 
       
  3875 pre .class .title,
       
  3876 pre .haskell .type,
       
  3877 pre .vhdl .literal,
       
  3878 pre .tex .command {
       
  3879   color: #458;
       
  3880   font-weight: bold
       
  3881 }
       
  3882 
       
  3883 pre .tag,
       
  3884 pre .tag .title,
       
  3885 pre .rules .property,
       
  3886 pre .django .tag .keyword {
       
  3887   color: #000080;
       
  3888   font-weight: normal
       
  3889 }
       
  3890 
       
  3891 pre .attribute,
       
  3892 pre .variable,
       
  3893 pre .lisp .body {
       
  3894   color: #008080
       
  3895 }
       
  3896 
       
  3897 pre .regexp {
       
  3898   color: #009926
       
  3899 }
       
  3900 
       
  3901 pre .class {
       
  3902   color: #458;
       
  3903   font-weight: bold
       
  3904 }
       
  3905 
       
  3906 pre .symbol,
       
  3907 pre .ruby .symbol .string,
       
  3908 pre .lisp .keyword,
       
  3909 pre .tex .special,
       
  3910 pre .prompt {
       
  3911   color: #990073
       
  3912 }
       
  3913 
       
  3914 pre .built_in,
       
  3915 pre .lisp .title,
       
  3916 pre .clojure .built_in {
       
  3917   color: #0086b3
       
  3918 }
       
  3919 
       
  3920 pre .preprocessor,
       
  3921 pre .pi,
       
  3922 pre .doctype,
       
  3923 pre .shebang,
       
  3924 pre .cdata {
       
  3925   color: #999;
       
  3926   font-weight: bold
       
  3927 }
       
  3928 
       
  3929 pre .deletion {
       
  3930   background: #fdd
       
  3931 }
       
  3932 
       
  3933 pre .addition {
       
  3934   background: #dfd
       
  3935 }
       
  3936 
       
  3937 pre .diff .change {
       
  3938   background: #0086b3
       
  3939 }
       
  3940 
       
  3941 pre .chunk {
       
  3942   color: #aaa
       
  3943 }
       
  3944 
       
  3945 .syntaxhighlighter a,
       
  3946 .syntaxhighlighter div,
       
  3947 .syntaxhighlighter pre,
       
  3948 .syntaxhighlighter code,
       
  3949 .syntaxhighlighter table,
       
  3950 .syntaxhighlighter table td,
       
  3951 .syntaxhighlighter table tr,
       
  3952 .syntaxhighlighter table tbody,
       
  3953 .syntaxhighlighter table thead,
       
  3954 .syntaxhighlighter table caption,
       
  3955 .syntaxhighlighter textarea {
       
  3956 	border-radius: 0 0 0 0 !important;
       
  3957 	background: none !important;
       
  3958 	bottom: auto !important;
       
  3959 	float: none !important;
       
  3960 	height: auto !important;
       
  3961 	left: auto !important;
       
  3962 	line-height: 1.1em !important;
       
  3963 	margin: 0 !important;
       
  3964 	outline: 0 !important;
       
  3965 	overflow: visible !important;
       
  3966 	padding: 0 !important;
       
  3967 	position: static !important;
       
  3968 	right: auto !important;
       
  3969 	text-align: left !important;
       
  3970 	top: auto !important;
       
  3971 	vertical-align: baseline !important;
       
  3972 	width: auto !important;
       
  3973 	box-sizing: content-box !important;
       
  3974 	font-family: "source-code-pro", Consolas, monospace !important;
       
  3975 	font-weight: normal !important;
       
  3976 	font-style: normal !important;
       
  3977 	font-size: 1em !important;
       
  3978 	min-height: inherit !important;
       
  3979 	min-height: auto !important;
       
  3980 }
       
  3981 .syntaxhighlighter {
       
  3982 	width: 100% !important;
       
  3983 	margin: 1em 0 1em 0 !important;
       
  3984 	padding: 1em 0;
       
  3985 	position: relative !important;
       
  3986 	overflow: auto !important;
       
  3987 	font-size: 1em !important;
       
  3988 	background: #eee;
       
  3989 }
       
  3990 .syntaxhighlighter.source {
       
  3991 	overflow: hidden !important;
       
  3992 }
       
  3993 .syntaxhighlighter .line {
       
  3994 	white-space: pre !important;
       
  3995 }
       
  3996 .syntaxhighlighter table {
       
  3997 	width: 100% !important;
       
  3998 }
       
  3999 .syntaxhighlighter table caption {
       
  4000 	text-align: left !important;
       
  4001 	padding: .5em 0 0.5em 1em !important;
       
  4002 }
       
  4003 .syntaxhighlighter table td.code {
       
  4004 	width: 100% !important;
       
  4005 }
       
  4006 .syntaxhighlighter table td.code .container {
       
  4007 	position: relative !important;
       
  4008 }
       
  4009 .syntaxhighlighter table td.code .container textarea {
       
  4010 	box-sizing: border-box !important;
       
  4011 	position: absolute !important;
       
  4012 	left: 0 !important;
       
  4013 	top: 0 !important;
       
  4014 	width: 100% !important;
       
  4015 	height: 100% !important;
       
  4016 	border: none !important;
       
  4017 	background: white !important;
       
  4018 	padding-left: 1em !important;
       
  4019 	overflow: hidden !important;
       
  4020 	white-space: pre !important;
       
  4021 }
       
  4022 .syntaxhighlighter table td.gutter .line {
       
  4023 	text-align: right !important;
       
  4024 	padding: 0 0.5em 0 1em !important;
       
  4025 }
       
  4026 .syntaxhighlighter table td.code .line {
       
  4027 	padding: 0 0.5em !important;
       
  4028 }
       
  4029 .syntaxhighlighter.nogutter td.code .container textarea,
       
  4030 .syntaxhighlighter.nogutter td.code .line {
       
  4031 	padding-left: 1em !important;
       
  4032 }
       
  4033 
       
  4034 .syntaxhighlighter table td.gutter {
       
  4035 	border-right: 2px solid #999;
       
  4036 }
       
  4037 
       
  4038 .syntaxhighlighter {
       
  4039 	border-radius: 5px;
       
  4040 }
       
  4041 
       
  4042 #content .syntaxhighlighter tr {
       
  4043 	border-bottom: none;
       
  4044 }