/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body { background: #e8e8e8; }
.container { margin: 0 auto; }

/* Example wrapper */
.wrap {
	position: relative;
	margin: 1em 0;
}
.wrap img{
	float: left;
	margin-right: 10px;
}
.wrap div h2{
	padding-top: 10px;
	margin-top: 0;
	font-size: 20px !important;
}
.search-panel{
	margin-bottom: 0px;
}
.search-panel .input-group{
	margin-top: 15px;
}
.search-panel .input-group .form-control{
	height: 34px;
	border: 1px solid #ccc;
}
.search-panel .input-group .form-control:focus{
	background: #2e5f97 none repeat scroll 0 0 !important;
	color: #ffb43d !important;
}
/* Frame */
.frame {
	height: 70px;
	line-height: 70px;
	overflow: hidden;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 16px;
}
.frame ul li {
	float: left;
	width: 126px;
	height: 100%;
	margin: 0 1px 0 0;
	padding: 0;

	color: #ddd;
	text-align: center;
	cursor: pointer;
}
.frame ul li.active {
	color: #fff;
	background: #fff;
}

/* Scrollbar */
.scrollbar {
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}

/* Pages */
.pages {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
.pages li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 4px;
	text-indent: -999px;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li:hover {
	background: #aaa;
}
.pages li.active {
	background: #666;
}

/* Controls */
.controls { margin: 25px 0; text-align: center; }

/* One Item Per Frame example*/
.oneperframe { height: 300px; line-height: 300px; }
.oneperframe ul li { width: 1140px; }
.oneperframe ul li.active { background: #333; }

/* Crazy example */
.crazy ul li:nth-child(2n) { width: 100px; margin: 0 4px 0 20px; }
.crazy ul li:nth-child(3n) { width: 300px; margin: 0 10px 0 5px; }
.crazy ul li:nth-child(4n) { width: 400px; margin: 0 30px 0 2px; }
.container{
	width: auto !important;
	max-width: 1170px !important;
	margin: 0 auto;
}
.nav-tabs > li > a{
	height: 100%;
}

.nav-tabs > li > a{
	border-radius: 0 !important;
	border: none !important;
}
.nav-tabs > li a{
  position: relative;
  padding: 1em 1.5em;
  margin: 0 auto;
  color: #555;
  background: #DDDDDD;
  overflow: hidden;
}

.nav-tabs > li a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: #fff #fff #DDDDDD #DDDDDD;
  background: #658E15;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  /* Firefox 3.0 damage limitation */
  /* Firefox 3.0 damage limitation */
  display: block; width: 0;
}
[id^=tab]:hover + .nav-tabs > li a.active:before {
  border-color: #fff #fff #008CD7 #008CD7;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
	background: #2E5F97 !important;
	color: #FFB43D !important;
}
.tab-content{
	border: 2px solid #DDDDDD;
	padding: 20px;
}

/*panel*/
.panel-body {
    padding: 15px;
}
.panel {
	background: transparent;
	border: 1px solid #d0d0d0;
	box-shadow: none;
	border: none;
	margin-bottom:10px; 
	/* WHY?
	+ .panel {
		margin-top: 35px;
	}*/;
}

.panel-heading {
	background: #fdfdfd;
	border-bottom: 1px solid #DADADA;
	padding: 18px;
	padding: 10px 10px 5px;
	position: relative;


}
html .panel-danger .panel-heading h1, html .panel-warning .panel-heading h1, html .panel-primary .panel-heading h1{
  	text-shadow:none;
    color: #fff;
}
html .panel-danger .panel-heading p, html .panel-warning .panel-heading p, html .panel-primary .panel-heading p{
  	text-shadow:none;
    color: #fff;
}
html .panel-danger .panel-heading {
    background: #d2322d none repeat scroll 0 0;
    color: #fff;
}

html .panel-warning .panel-heading {
    background: #ed9c28 none repeat scroll 0 0;
}

html .panel-primary .panel-heading {
    background: #0088cc none repeat scroll 0 0;
    border-color: #0088cc;
}
html .panel-global .panel-heading {
    background: #FFB43D none repeat scroll 0 0;
    color:#434343;
    margin: 0;
    text-align: left;
}
.panel-global .panel-heading .title{
	color: #fff;
	text-shadow:none;
	font-size: 14px;
	margin: 0;
	padding: 0 0 5px 0;
}
.panel-heading.bg-primary {
	background: #cccccc;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-secondary {
	background: #e36159;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-tertiary {
	background: #2baab1;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-quartenary {
	background: #734ba9;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-success {
	background: #47a447;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-warning {
	background: #ed9c28;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-danger {
	background: #d2322d;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-info {
	background: #5bc0de;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-dark {
	background: #171717;
	color: white;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-heading.bg-white {
	background: #fff;
	border-bottom: 0 none;
	border-right: 0 none;
}

.panel-actions {
	right: 15px;
	position: absolute;
	top: 15px;
}

.panel-actions a {
	background-color: transparent;
	border-radius: 2px;
	color: #b4b4b4;
	font-size: 14px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 24px;
}

.panel-actions a:hover {
	background-color: #eeeeee;
	color: #b4b4b4;
	text-decoration: none;
}

.panel-actions a, .panel-actions a:focus, .panel-actions a:hover, .panel-actions a:active, .panel-actions a:visited {
	outline: none !important;
	text-decoration: none !important;
}

.panel-title {
	color: #33353f;
	font-size: 20px;
	font-weight: 400;
	line-height: 20px;
	padding: 0;
	text-transform: none;
}

.panel-subtitle {
	color: #808697;
	font-size: 12px;
	line-height: 1.2em;
	margin: 7px 0 0;
	padding: 0;
}

.panel-body {
	background: #fff;
	border-left: 1px solid #d0d0d0;
	border-right: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: none;
}

.panel-body-nopadding {
	padding: 0;
}

.panel-heading + .panel-body {
}

.panel-footer {
	border-radius: 0 0 5px 5px;
	margin-top: -5px;
}

.panel-footer-btn-group {
	display: table;
	width: 100%;
	padding: 0;
}

.panel-footer-btn-group a {
	background-color: #f5f5f5;
	display: table-cell;
	width: 1%;
	border-left: 1px solid #ddd;
	padding: 10px 15px;
	text-decoration: none;
}

.panel-footer-btn-group a:hover {
	background-color: #f0f0f0;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1) inset;
}

.panel-footer-btn-group a:first-child {
	border-left: none;
}

.panel-body.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-body.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-body.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-body.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-body.bg-success {
	background: #47a447;
	color: white;
}

.panel-body.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-body.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-body.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-body.bg-dark {
	background: #171717;
	color: white;
}

.panel-featured {
	border-top: 3px solid #33353f;
}

.panel-featured .panel-heading {
	border-radius: 0;
}

.panel-featured-top {
	border-top: 3px solid #33353f;
}

.panel-featured-right {
	border-right: 3px solid #33353f;
}

.panel-featured-bottom {
	border-bottom: 3px solid #33353f;
}

.panel-featured-left {
	border-left: 3px solid #33353f;
}

.panel-featured-primary {
	border-color: #cccccc;
}

.panel-featured-primary .panel-title {
	color: #cccccc;
}

.panel-featured-secondary {
	border-color: #e36159;
}

.panel-featured-secondary .panel-title {
	color: #e36159;
}

.panel-featured-tertiary {
	border-color: #2baab1;
}

.panel-featured-tertiary .panel-title {
	color: #2baab1;
}

.panel-featured-quartenary {
	border-color: #734ba9;
}

.panel-featured-quartenary .panel-title {
	color: #734ba9;
}

.panel-featured-success {
	border-color: #47a447;
}

.panel-featured-success .panel-title {
	color: #47a447;
}

.panel-featured-warning {
	border-color: #ed9c28;
}

.panel-featured-warning .panel-title {
	color: #ed9c28;
}

.panel-featured-danger {
	border-color: #d2322d;
}

.panel-featured-danger .panel-title {
	color: #d2322d;
}

.panel-featured-info {
	border-color: #5bc0de;
}

.panel-featured-info .panel-title {
	color: #5bc0de;
}

.panel-featured-dark {
	border-color: #171717;
}

.panel-featured-dark .panel-title {
	color: #171717;
}

.panel-highlight .panel-heading {
	background-color: #cccccc;
	border-color: #cccccc;
	color: #fff;
}

.panel-highlight .panel-title {
	color: #fff;
}

.panel-highlight .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-highlight .panel-body {
	background-color: #cccccc;
	color: #fff;
}

.panel-highlight-title .panel-heading {
	background-color: #2BAAB1;
}

.panel-highlight-title .panel-title {
	color: #fff;
}

.panel-highlight-title .panel-subtitle {
	color: #fff;
	color: rgba(255, 255, 255, 0.7);
}

.panel-highlight-title .panel-actions a {
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
}

.panel-heading-icon {
	margin: 0 auto;
	font-size: 42px;
	font-size: 4.2rem;
	width: 90px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 55px;
	border-radius: 55px;
}

.panel-heading-icon.bg-primary {
	background: #cccccc;
	color: white;
}

.panel-heading-icon.bg-secondary {
	background: #e36159;
	color: white;
}

.panel-heading-icon.bg-tertiary {
	background: #2baab1;
	color: white;
}

.panel-heading-icon.bg-quartenary {
	background: #734ba9;
	color: white;
}

.panel-heading-icon.bg-success {
	background: #47a447;
	color: white;
}

.panel-heading-icon.bg-warning {
	background: #ed9c28;
	color: white;
}

.panel-heading-icon.bg-danger {
	background: #d2322d;
	color: white;
}

.panel-heading-icon.bg-info {
	background: #5bc0de;
	color: white;
}

.panel-heading-icon.bg-dark {
	background: #171717;
	color: white;
}

.panel-heading-profile-picture img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	border: 4px solid #fff;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.panel-icon {
	color: #fff;
	font-size: 42px;
	float: left;
}

.panel-icon ~ .panel-title, .panel-icon ~ .panel-subtitle {
	margin-left: 64px;
}

ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
  list-style: 
}
li{
  line-height:1.5em;
  float:left;
  display:inline;
}
.link{
	margin: 20px 0;
	text-align: center;
}
#double li  { width:50%;} 
#triple li  { width:33.333%; }
#quad li    { width:25%; } 
#six li     { width:16.666%; } 
@media screen and (max-width: 500px) {
	#double li  { width:100%;} 
	#triple li  { width:100%; }
	#quad li    { width:100%; } 
	#six li     { width:100%; } 
	header.pagespan{
		display: none;
	}
	.wrap h2 {
	    font-size: 18px !important;
	    padding-top: 10px;
	}
}

/* Fonts */
@font-face {
  font-family: 'Novecento';
  src: url('../font/novecentowide-normal-webfont.eot');
  src: url('../font/novecentowide-normal-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/novecentowide-normal-webfont.woff') format('woff'),
    url('../font/novecentowide-normal-webfont.ttf') format('truetype'),
    url('../font/novecentowide-normal-webfont.svg#novecento_widenormal') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Novecento';
  src: url('../font/novecentowide-demibold-webfont.eot');
  src: url('../font/novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/novecentowide-demibold-webfont.woff') format('woff'),
    url('../font/novecentowide-demibold-webfont.ttf') format('truetype'),
    url('../font/novecentowide-demibold-webfont.svg#novecento_widedemibold') format('svg');
  font-weight: bold;
  font-style: normal;
}

/* Basic global styles */
body { font-size: 1em; line-height: 1.6; background: #f5f5f5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
html, button, input, select, textarea { color: #666; }

a { color: #d95b5b; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: Novecento, sans-serif; }

/* Select styles */
::-moz-selection { background: #4d4d4d; color: #fff; text-shadow: -1px -1px 0 #222; }
::selection { background: #4d4d4d; color: #fff; text-shadow: -1px -1px 0 #222; }

/* Element styles */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }

form { margin: 0 0 25px; }
fieldset { padding: 0; margin: 0; border: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 25px; font-size: 21px; line-height: 40px; border: 0; border-bottom: 1px solid #e5e5e5; }
legend small { font-size: 15px; color: #999999; }

label, input, button, select, textarea { font-weight: normal; }

label { display: block; margin-bottom: 5px; }

select, textarea,
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  display: inline-block; height: 20px; padding: 8px 10px; margin-bottom: 10px; line-height: 1.6; vertical-align: middle; border: 0; border-bottom: 1px solid #ddd;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; }

select, input[type="file"] { height: 37px; *margin-top: 4px; line-height: 37px; }
select { width: 220px; }
select[multiple], select[size] { height: auto; }

textarea:focus,
input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus,
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
  outline: 0; outline: thin dotted \9; /* IE6-9 */ color: #fff; background: #3a3c47;
}

input, textarea { width: 200px; }
textarea { height: auto; resize: vertical; }

input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999999; }

kbd { display: inline-block; margin: 0 0.1em; padding: 0.1em 0.6em; font-size: 14px; line-height: 1.4; font-family: sans-serif; white-space: nowrap;
  background-color: #fff; border: 1px solid #CCC; border-radius: 2px; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}

script { display: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; }

/* ==========================================================================
   Components
   ========================================================================== */

/* Chromeframe */
.chromeframe { margin: 0; padding: 1.5em 2em; background: #d95b5b; color: #fff; text-align: center; }
.chromeframe .icon-warning-sign { margin: 0 10px; }
.chromeframe a { color: #fff; text-decoration: underline; }
.chromeframe a:hover { text-decoration: none; }

/* Text colors */
.text-grey { color: #999; }
.text-red { color: #d95b5b; }
.text-green { color: #82bf4c; }
.text-blue { color: #6b9fd6; }
.text-yellow { color: #efcd76; }
.text-dark { color: #3a3c47; }

/* Text alignment */
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Typography */
p { margin: 0 0 25px; }
small { font-size: .8em; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { opacity: .6; }

ul, ol { padding: 0; margin: 0 0 25px 25px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
ul.inline, ol.inline { margin-left: 0; list-style: none; }
ul.inline > li, ol.inline > li { display: inline-block; padding: 0 10px 0 0; }
ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; }

dl { margin-bottom: 25px; }
dt { font-weight: bold; }
dd { margin-left: 10px; }
dl.horizontal { *zoom: 1; }
dl.horizontal:before,
dl.horizontal:after {display: table; line-height: 0; content: ""; }
dl.horizontal:after { clear: both; }
dl.horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
dl.horizontal dd { margin-left: 180px; }

hr { margin: 25px 0; border: 0; height: 0; overflow: hidden; border-bottom: 1px solid #ccc; }

blockquote { padding: 20px 25px; margin: 0 20px 25px; font-family: Georgia, serif; font-style: italic; overflow: hidden;
  border: 1px solid #eee; border-bottom-color: #ddd; border-top-color: #f1f1f1; background: #fff;
}
blockquote:before,
blockquote:after { content: ''; }
blockquote.right { text-align: right; }
blockquote p { margin: 0; }
blockquote small { display: block; margin-top: 5px; color: #999; }
blockquote small:before { content: '\2014 \00A0'; }
blockquote.right small:before { content: ''; }
blockquote.right small:after { content: '\00A0 \2014'; }

code,
pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; background: #fff; }
code { padding: 2px 4px; white-space: nowrap; vertical-align: middle; border-bottom: 1px solid #ddd; }
pre { display: block; padding: 10px 14px; margin: 0 0 25px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; }
pre code { padding: 0; border: 0; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: transparent; }
pre.scrollable { max-height: 340px; overflow-y: scroll; }

.text-large { font-size: 1.4em; line-height: 1.6; }

/* Rainbow theme */
pre { background: #363840; color: #f1f2f3; text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); }
pre .comment { color: #888; }
pre .constant { color: #A0E2AD; }
pre .storage { color: #A0E2AD; }
pre .string, pre .comment.docstring { color: #A0E2AD; }
pre .string.regexp, pre .support.tag.script, pre .support.tag.style { color: #fff; }
pre .keyword { font-weight: bold; color: #c1c1c1; }
pre .operator { color: #aaa; }
pre .inherited-class { font-style: italic; }
pre .support, *[data-language="csharp"] .function.call { color: #facd22; }
pre .attribute,
pre .numeric,
pre .integer { color: #F3673A; }
pre .variable.global, pre .variable.class, pre .variable.instance { color: #ccc; }

/* Tables */
table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; margin-bottom: 25px; }
.table th, .table td { padding: 8px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; border-color: rgba(0,0,0,.06); }
.table th { font-weight: bold; }
.table thead th { vertical-align: bottom; }
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #ddd; border-color: rgba(0,0,0,.06); }

.table-condensed th, .table-condensed td { padding: 4px 5px; }

.table-bordered { border: 1px solid #ddd; border-color: rgba(0,0,0,.06); border-collapse: separate; *border-collapse: collapse; border-left: 0; }
.table-bordered th, .table-bordered td { border-left: 1px solid #ddd; border-color: rgba(0,0,0,.06); }
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td { border-top: 0; }

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; }

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }
.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; }
.table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; }
.table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; }
.table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; }
.table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; }
.table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; }
.table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; }
.table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; }
.table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; }
.table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; }
.table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; }
.table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; }

.table tbody tr.success td { background-color: #dff0d8; }
.table tbody tr.error td { background-color: #f2dede; }
.table tbody tr.warning td { background-color: #fcf8e3; }
.table tbody tr.info td { background-color: #d9edf7; }

/* Buttons */
.btn {
  position: relative;
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  line-height: 30px;
  color: #333333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.15);
  *zoom: 1;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #f5f5f5; }

.btn:first-child { *margin-left: 0; }

.btn:hover { color: #333; text-decoration: none; }
.btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn.active, .btn:active, .btn-group.open .btn { outline: 0; top: 1px; border-top-width: 2px; border-bottom-width: 1px; border-top-color: rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 60px 0 rgba(0,0,0,.1); -moz-box-shadow: inset 0 60px 0 rgba(0,0,0,.1); box-shadow: inset 0 60px 0 rgba(0,0,0,.1);
}
.btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); }

.btn-large { padding: 11px 19px; font-size: 17.5px; }
.btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; }

.btn-small { padding: 2px 10px; font-size: 11.9px; }
.btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; }

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; }
.btn-mini { padding: 0 6px; font-size: 10.5px; }

.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }

.btn-primary { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #6b9fd6; }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #6190c2; }

.btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #47ABDD; }
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #1695D1; }

.btn-warning { color: #5f4912; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); background-color: #efcd76; }
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { background-color: #e9bb44; }

.btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; }
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #bd362f; }

.btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #82bf4c; }
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #5bb75b; }

.btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #3a3c47; }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #494c59; }

button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; }
button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; }
button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; }
button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; }
button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; }

.btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; }
.btn-link { color: #0088cc; cursor: pointer; border-color: transparent; }
.btn-link:hover { color: #005580; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover { color: #333333; text-decoration: none; }

.btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; }
.btn-group:first-child { *margin-left: 0; }
.btn-group + .btn-group { margin-left: 5px; }

.btn-toolbar { margin-top: 15px; margin-bottom: 15px; font-size: 0; *zoom: 1; }
.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }
.btn-toolbar:after { clear: both; }
.btn-toolbar .btn-group.left { float: left; }
.btn-toolbar .btn-group.right { float: right; }
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; }

.btn-group > .btn { position: relative; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 16px; }
.btn-group > .btn-mini { font-size: 10px; }
.btn-group > .btn-small { font-size: 12px; }
.btn-group > .btn-large { font-size: 18px; }

.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn.large:first-child { margin-left: 0; }

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; }
.btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; }
.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; }
.btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; }

.btn .caret { margin-top: 14px; margin-left: 2px; margin-right: 2px; }
.btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; }
.btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; }
.dropup .btn-large .caret { border-bottom-width: 5px; }

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; }

/* Dropdowns */
.dropup, .dropdown { position: relative; }
.dropdown-toggle:active, .open .dropdown-toggle { outline: 0; }

.caret { display: inline-block; width: 0; height: 0; vertical-align: top; border: 4px solid transparent; border-top-color: #666; content: ""; }
.dropdown .caret { margin-top: 10px; margin-left: 2px; }

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 0; margin: 2px 0 0; list-style: none;
  background: #fff; border: 6px solid #fff;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 2px 2px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 2px 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), 2px 2px 1px rgba(0, 0, 0, 0.1);
}
.dropdown-menu.right { right: 0; left: auto; }

.dropdown-menu .divider { *width: 100%; height: 1px; margin: 0; overflow: hidden; background-color: #ddd; }
.dropdown-menu li > a { display: block; padding: 8px 20px; clear: both; color: #3a3c47; white-space: nowrap; }
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
  color: #fff; text-decoration: none; background-color: #3a3c47; outline: 0; text-shadow: -1px -1px 0 #000;
}
.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover, .dropdown-menu .disabled > a:hover {
  color: #999; text-decoration: none; cursor: default; background-color: transparent; text-shadow: none;
}

.open { *z-index: 1000; }
.open > .dropdown-menu { display: block; }
.right > .dropdown-menu { right: 0; left: auto; }

.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; }

.dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; }

.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -1px; margin-left: -1px; }
.dropdown-submenu:hover > .dropdown-menu { display: block; }
.dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; }

.dropdown-submenu > a:after { display: block; float: right; width: 0; height: 0; margin-top: 8px; margin-right: -10px;
  border-color: transparent; border-left-color: #999; border-style: solid; border-width: 5px 0 5px 5px; content: " ";
}
.dropdown-submenu:hover > a:after { border-left-color: #fff; }
.dropdown-submenu.left { float: none; }
.dropdown-submenu.left > .dropdown-menu { left: -100%; margin-left: 10px; }

/* Lists */
ul.grid:before,
ul.grid:after { content: " "; display: table; }
ul.grid:after { clear: both; }
ul.grid { list-style: none; width: 849px; margin: 0 0 25px -4px; padding: 0; *zoom: 1; }
ul.grid li { float: left; width: 279px; margin: 0 0 4px 4px; font-size: 18px; }
ul.grid li a { display: block; padding: 20px 25px; color: #d95b5b; background: #fff; text-decoration: none; }
ul.grid li a:hover { color: #fff; background: #d95b5b; }

/* Navs */
.nav { list-style: none; padding: 0; margin: 0 0 20px; }
.nav > li { float: left; margin-right: 2px; }
.nav > li.right { float: right; margin-left: 2px; margin-right: 0; }
.nav > li > a { display: block; text-decoration: none; }
.nav > li > a:hover { background-color: #fff; }
.nav > li > a > img { max-width: none; }
.nav > .right { float: right; }

.nav-tabs, .nav-pills { *zoom: 1; }
.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; content: ""; }

.nav-tabs:after, .nav-pills:after { clear: both; }
.nav-tabs { border-bottom: 1px solid #3a3c47; }
.nav-tabs > li > a, .nav-pills > li > a { padding-right: 18px; padding-left: 18px; }
.nav-tabs > li > a { padding-top: 10px; padding-bottom: 10px;  color: #3a3c47; }

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover { color: #fff; cursor: default; background-color: #3a3c47; }

.nav-pills > li > a { color: #3a3c47; padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; }
.nav-pills > .active > a,
.nav-pills > .active > a:hover { color: #fff; background-color: #3a3c47; }

.nav > .disabled > a { color: #999999; }
.nav > .disabled > a:hover { cursor: default; background-color: transparent; }

/* Tabs */
.tab-content { overflow: auto; }
.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }
.tab-content > .active, .pill-content > .active { display: block; }

/* Tooltips */
.tooltip { position: absolute; padding: 10px 20px; max-width: 300px; color: #fff; background: #3a3c47; text-shadow: -1px -1px 0 #000;}
.tooltip.light { color: #3a3c47; background: #fff; text-shadow: none; }
.tooltip:after { content: ""; position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top { margin-top: -15px; }
.tooltip.top:after { bottom: -8px; left: 50%; margin-left: -8px; border-top-color: #3a3c47; border-width: 8px 8px 0; }
.tooltip.light.top:after { border-top-color: #fff; }

.tooltip.right { margin-left: 15px; }
.tooltip.right:after { top: 50%; left: -8px; margin-top: -8px; border-right-color: #3a3c47; border-width: 8px 8px 8px 0; }
.tooltip.light.right:after { border-right-color: #fff; }

.tooltip.left { margin-left: -15px; }
.tooltip.left:after { top: 50%; right: -8px; margin-top: -8px; border-left-color: #3a3c47; border-width: 8px 0 8px 8px; }
.tooltip.light.left:after { border-left-color: #fff; }

.tooltip.bottom { margin-top: 15px; }
.tooltip.bottom:after { top: -8px; left: 50%; margin-left: -8px; border-bottom-color: #3a3c47; border-width: 0 8px 8px; }
.tooltip.light.bottom:after { border-bottom-color: #fff; }

/* Mixed components */
.well { min-height: 20px; padding: 20px; margin-bottom: 25px; background-color: #eaeaea; }

.img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); }
.img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; }

/* ==========================================================================
   Page styles
   ========================================================================== */

/* Sets the page width */
.pagespan { width: 1140px; }

/* Header */
header { margin: 60px auto; text-align: center; font-family: Novecento, sans-serif; }
header.projecttitle { margin: 130px auto 100px; }
header .titlewrap { position: relative; display: inline-block; margin: 0 0 20px; }
header h1 { position: relative; display: inline-block; margin: 0; font-weight: bold; font-size: 80px; line-height: 1; }
header .titlewrap .follow { position: absolute; display: block; top: 0; left: 100%; color: inherit; margin-left: 40px; opacity: .5;
  line-height: 80px; font-size: 16px; font-family: sans-serif; white-space: nowrap; text-decoration: none;
}
header .titlewrap .follow:hover { opacity: 1; }
header .projectdescription { opacity: .7; }

/* Download stripe */
.download { position: relative; height: 100px; margin: 70px auto 0; color: #fff; font-family: Novecento, sans-serif; text-shadow: 1px 1px 0 rgba(0,0,0,.2); z-index: 2; }
.download h2,
.download h3 { float: left; width: 216px; margin: 0; padding: 23px 40px 0 0; height: 77px; font-size: 30px; text-align: right; font-weight: normal; line-height: 1;
  background: #3a3c47; text-shadow: 1px 1px 0 #000;
}
.download h2:before { content: ''; position: absolute; top: 50%; left: -50px; margin-top: -50px; width: 0; height: 0; overflow: hidden;
  border: 50px solid transparent; border-left: 0; border-right-color: #3a3c47;
}
.csstransforms .download h2:before { border-width: 25px; margin-top: -25px; left: -25px;
  -webkit-transform: scaleY(2); -moz-transform: scaleY(2); -ms-transform: scaleY(2); -o-transform: scaleY(2); transform: scaleY(2);
}
.lt-ie10.csstransforms .download h2:before { left: -24px; } /* IE9 makes 1 pixel gap */
.download h3 { width: 180px; font-weight: bold; }
.download h3 small,
.download h2 small { display: block; margin-top: 8px; font-weight: normal; font-size: 16px; opacity: 0.8; }
.download h3 .loading { display: block; margin-top: 20px; font-size: 14px; font-weight: normal; }
.download h3 .loading i { margin-left: 5px; }

.download a { float: left; width: 210px; padding: 23px 0 0; height: 77px; text-align: center; text-decoration: none; background: #d95b5b; color: #fff; }
.download a:hover { background: #fff; color: #d95b5b; text-shadow: none; }
.download a .title { display: block; font-size: 16px; line-height: 1; }
.download a .size { display: block; margin-top: 5px; font-size: 40px; line-height: 1; }

.download a.repo { position: relative; width: 196px; text-align: left; padding-left: 40px; }
.download a.repo:before { content: ''; position: absolute; top: 50%; right: -50px; margin-top: -50px; width: 0; height: 0; overflow: hidden;
  border: 50px solid transparent; border-right: 0; border-left-color: #d95b5b;
}
.csstransforms .download a.repo:before { border-width: 25px; margin-top: -25px; right: -25px;
  -webkit-transform: scaleY(2); -moz-transform: scaleY(2); -ms-transform: scaleY(2); -o-transform: scaleY(2); transform: scaleY(2);
}
.download a.repo:hover { background: #fff; }
.download a.repo:hover:before { border-left-color: #fff; }
.download a.repo .icon-github { position: absolute; top: 0; right: -5px; height: 100px; font-size: 150px; vertical-align: middle; line-height: 0.7; overflow: hidden; opacity: 0.1; }

.download a.repo .title { font-size: 24px; margin: -1px 0 0 0; }
.download a.repo .loading { font-size: 12px; }
.download a.repo .loading i { margin-right: 5px; }
.download a.repo .size { font-size: 32px; vertical-align: top; }
.download a.repo .size small { font-size: 12px; line-height: 16px; vertical-align: top; }

/* Download border - place after .download element */
.download-border { position: relative; height: 110px; padding: 0 4px; margin: -105px auto 0; background: #f5f5f5; }
.download-border:before,
.download-border:after { content: ''; position: absolute; top: 50%; margin-top: -55px; width: 0; height: 0; overflow: hidden; border: 55px solid transparent; }
.csstransforms .download-border:before,
.csstransforms .download-border:after { border-width: 27px; margin-top: -27px; -webkit-transform: scaleY(2); -ms-transform: scaleY(2); transform: scaleY(2); }

.download-border:before { left: -55px; border-left: 0; border-right-color: #f5f5f5; }
.csstransforms .download-border:before { left: -27px; }
.lt-ie10.csstransforms .download-border:before { left: -26px; } /* IE9 makes 1 pixel gap */

.download-border:after { right: -55px; border-right: 0; border-left-color: #f5f5f5; }
.csstransforms .download-border:after { right: -27px; }

/* Dividers */
.download h2 { border-right: 1px solid #fff; }
.download a { border-left: 1px solid #fff; }
.download h2, .download a { border-color: rgba(255,255,255,.3); }
.download a.repo { border-width: 5px; }

/* Navigation */
.mainnav { position: absolute; top: 0; padding-top: 50px; width: 252px; }
.mainnav.fixed { position: fixed; padding-top: 30px; }
.mainnav.fixed.bottom { position: absolute; top: auto; bottom: 0; }
.mainnav ul { list-style: none; margin: 0; padding: 0; }
.mainnav ul li { margin: 0 0 1px 0; padding: 0; }
.mainnav ul li a { position: relative; display: block; margin: 0; padding-left: 30px; height: 60px; line-height: 60px;
  font-family: Novecento, sans-serif; font-size: 18px; text-decoration: none;
}
.mainnav ul li a:before { content: ''; position: absolute; top: 50%; left: -30px; margin-top: -30px; width: 0; height: 0; overflow: hidden;
  border: 30px solid transparent; border-left: 0;
}
.csstransforms .mainnav ul li a:before { border-width: 15px; margin-top: -15px; left: -15px;
  -webkit-transform: scaleY(2); -moz-transform: scaleY(2); -ms-transform: scaleY(2); -o-transform: scaleY(2); transform: scaleY(2);
}
.lt-ie10.csstransforms .mainnav ul li a:before { left: -14px; } /* IE9 makes 1 pixel gap */
.mainnav ul li a:hover { background: #fff; }
.mainnav ul li a:hover:before { border-right-color: #fff; }
.mainnav ul li.active a { color: #fff; background: #d95b5b; text-shadow: 1px 1px 0 rgba(0,0,0,.2); }
.mainnav ul li.active a:before { border-right-color: #d95b5b; }

/* Barbon ads */
#carbonads-container { margin: 30px 0 0; height: 220px; }
.carbonad { margin: 0 auto; }

/* Content. */
.content { position: relative; margin: 0 auto; }
.content > section { margin-left: 295px; padding: 30px 0 40px;
  background: url(data:image/gif;base64,R0lGODlhDQAFAIABAObm5hoaGiH5BAEAAAEALAAAAAANAAUAAAINRA6perFvHGRyRptaAQA7) repeat-x left bottom;
}
/*.content > section:first-of-type { padding-top: 0; }*/
.content > section:last-of-type { background: none; padding-bottom: 0; }
.content h2 { font-size: 30px; }

/* Footer */
footer { margin: 0 auto; padding-top: 70px; }
.license { position: relative; display: block; padding: 0 25px; height: 60px; line-height: 60px; background: #3a3c47; color: #fff;
  font-family: Novecento, sans-serif; font-size: 18px; text-align: center;
}

.license:before,
.license:after { content: ''; position: absolute; top: 50%; margin-top: -30px; width: 0; height: 0; overflow: hidden; border: 30px solid transparent; }
.csstransforms .license:before,
.csstransforms .license:after { border-width: 15px; margin-top: -15px; -webkit-transform: scaleY(2); -ms-transform: scaleY(2); transform: scaleY(2); }

.license:before { left: -30px; border-left: 0; border-right-color: #3a3c47; }
.csstransforms .license:before { left: -15px; }
.lt-ie10.csstransforms .license:before { left: -14px; } /* IE9 makes 1 pixel gap */

.license:after { right: -30px; border-right: 0; border-left-color: #3a3c47; }
.csstransforms .license:after { right: -15px; }

.license:hover:before { border-right-color: #d95b5b; }
.license:hover:after { border-left-color: #d95b5b; }

.license:hover { background: #d95b5b; text-decoration: none; }
.license .fl, .license .fr { font-size: 36px; opacity: 0.4; font-weight: bold; }

.repos { width: 1140px; margin: 40px 0 40px; text-align: center; }
.repos ul { list-style: none; margin: 0 0 0 -43px; padding: 0; width: 1184px; text-align: left; }
.repos ul li { float: left; width: 253px; margin: 0 0 0 43px; }
.repos ul li a { display: block; position: relative; color: #3a3c47; }
.repos ul li a:hover { text-decoration: none; color: #d95b5b; }
.repos ul li a h4 { margin: 0 0 10px; }
.repos ul li a p { margin: 0; font-size: 12px; }
.repos ul li a .watchers { position: absolute; top: 0; right: 0; font-size: 14px; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

.fl { float: left; }
.fr { float: right; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


#single li  { width:100%;} 

ol.two-columns {
    display:block;
	height:250px;
    -webkit-column-count: 2 ;
       -moz-column-count: 2 ;
            column-count: 2 ; /*3 is just placeholder -- can be anything*/
}
ol.two-columns li {
    display: inline-block ;  
}
li{
  line-height:1.5em;
  display:block;
}
@media screen and (max-width: 500px) {
	ol.two-columns {
		display:block;
		height:auto;
		-webkit-column-count: 1 ;
		   -moz-column-count: 1 ;
				column-count: 1 ; /*3 is just placeholder -- can be anything*/
	}
}