@font-face { font-family: "SegoeUI"; src: url('sfont/SegoeUI.woff2'); }

body, input, select, textarea, button, ul { font-size: 12pt; font-family:"SegoeUI"; color:#111; }
body { padding:0px; margin:10px; }

a:link { text-decoration:none; color:#2878a2; }
a:visited { text-decoration:none; color:#2878a2; }
a:hover { text-decoration:underline; color:#2878a2; }

.code-link:link { text-decoration:none; color:#1190cb;  font-family: 'Consolas' }
.code-link:visited { text-decoration:none; color:#1190cb; }
.code-link:hover { text-decoration:underline; color:#1190cb; }

p { margin-bottom: 10px; }
hr { margin:15px 0 15px 0; border-color:#ddd;}
pre { background:#fff; max-height:300px; overflow:auto; }
h4 { font-weight:bold; font-size:14pt; margin-top: 25px;}
code { background:#fff; font-size:12pt; font-family: 'Consolas'; }
pre { border:1px solid #ccc; background:#efefef; font-size:12pt; font-family: 'Consolas'; margin:20px 10px 20px 10px; padding:5px; }


#flagr-skeleton { max-width:1340px; margin:0 auto; }
#flagr-skeleton .left-col-header { width:280px; float:left; padding:0; background:white; }
#flagr-skeleton .left-col { width:280px; float:left; margin:0 0 -1000px 0; padding:0 0 1000px 0; background:white; }
#flagr-skeleton .right-col { margin:0 0 -1000px 280px; padding:5px 0 1000px 0; border-left:1px solid #ccc; }
#flagr-skeleton .col-container {overflow: hidden; width: 100%; margin:0; padding:0; }
#logo-normal { margin:0 0 20px 0; height:80px; }
#logo-scaled { margin:0 0 10px 0; width:90% }
#promo-list { float:right; margin:0 100px 0 0; }
#promo-list ul { margin:0; padding:0;  }
#promo-image { float:right; width:200px; }
#promo-image img { height:90px; }
.page-text { margin:0 auto; padding:0 20px 20px 20px; line-height:1.5; }
.clearfix { clear:both; margin:0; padding:0; }
.horizontal-top-sep { height:1px; background:#ccc; margin:0 0 20px 0; padding:0; clear:both; }
.horizontal-bot-sep { height:1px; background:#ccc; margin:20px 0 0 0; padding:0; clear:both; }

/* Vertical Menu Styles */
.vmenu { list-style:none; margin:0; padding:10px; }
.vmenu li { text-align:center; width:100%; font-weight:600; text-align:left; font-size:11pt; line-height:25px; }
.vmenu li ul { margin: 0 0 5px 0; list-style:none; padding:0; }
.vmenu li ul li { font-weight:100; padding: 0 0 0 10px; }
.vmenu li ul li:hover { background:#efefef; }
.vmenu li ul li a { text-decoration:none; width:100%; display:block; }

.page-header { padding:0; margin:0; border:none; text-align:center; width:100%; min-height:40px; line-height:40px; background:#2878a2  }
.page-header h1 { font-size:16pt; color:#fff; margin-top:0; padding-top:0; }
.page-content p { padding: 0 10px 0 10px; }
.page-footer { margin:10px 0 10px 0; padding:5px 0 5px 0; background:#343A40; color:#fff; height:40px; line-height:30px; text-align:center; }

/* Table Styles */
.class-member-table { width:100%; border-collapse:collapse; border:1px solid #efefef; }
.member-table-col-1 { width:200px; }
.member-table-col-2 { }

/* FLAGR Architecture */
#architecture-wrapper { width: 100%; max-width: 1920px; position: relative;} 
#architecture-wrapper img { max-width: 100%; }

#architecture-wrapper .anchors {  }
#architecture-wrapper .anchors:hover { background:rgb(128,128,128,0.5); }
.architecture-stable { background: rgb(169,209,142,0.3); }

#architecture-inputparams { height: 8.65%; width: 13.6%; left: 2.9%; top: 21.6%; position: absolute; }
#architecture-inputdata { height: 8.65%; width: 13.6%; left: 2.9%; top: 35.2%; position: absolute; }
#architecture-query { height: 8.65%; width: 11.8%; left: 14.0%; top: 56.4%; position: absolute; }
#architecture-aggregator { height: 8.65%; width: 11.8%; left: 29.1%; top: 49.4%; position: absolute; }
#architecture-evaluator { height: 8.65%; width: 11.8%; left: 29.1%; top: 63.2%; position: absolute; }
#architecture-inputitem { height: 8.65%; width: 11.8%; left: 56.6%; top: 2.4%; position: absolute; }
#architecture-inputlist { height: 8.65%; width: 11.8%; left: 44.5%; top: 20.7%; position: absolute; }
#architecture-mergeditem { height: 8.65%; width: 11.8%; left: 68.4%; top: 31.2%; position: absolute; }
#architecture-mergedlist { height: 8.65%; width: 11.8%; left: 53.6%; top: 49.4%; position: absolute; }
#architecture-ranking { height: 8.65%; width: 11.8%; left: 81.7%; top: 19.4%; position: absolute; }
#architecture-rels { height: 8.65%; width: 11.8%; left: 53.5%; top: 77.1%; position: absolute; }
#architecture-rel { height: 8.65%; width: 11.8%; left: 71.6%; top: 76.9%; position: absolute; }
#architecture-simplescorestats { height: 9.0%; width: 11.8%; left: 28.5%; top: 13.8%; position: absolute; }
#architecture-voter { height: 7.8%; width: 11.8%; left: 28.5%; top: 2.0%; position: absolute; }

#pyflagr-architecture-ram { height: 23.6%; width: 15.2%; left: 21.7%; top: 42.0%; position: absolute; }
#pyflagr-architecture-comb { height: 10.5%; width: 15.0%; left: 1.8%; top: 13.6%; position: absolute; }
#pyflagr-architecture-majoritarian { height: 10.5%; width: 15.0%; left: 1.8%; top: 27.5%; position: absolute; }
#pyflagr-architecture-markovchains { height: 10.5%; width: 15.0%; left: 1.8%; top: 41.2%; position: absolute; }
#pyflagr-architecture-weighted { height: 10.5%; width: 15.0%; left: 1.8%; top: 55.2%; position: absolute; }
#pyflagr-architecture-kemeny { height: 10.5%; width: 15.0%; left: 1.8%; top: 69.2%; position: absolute; }
#pyflagr-architecture-rra { height: 10.5%; width: 15.0%; left: 1.8%; top: 83.0%; position: absolute; }
#pyflagr-architecture-exposed { height: 24.0%; width: 14.8%; left: 42.4%; top: 42.0%; position: absolute; }
#pyflagr-architecture-driver { height: 15.0%; width: 14.8%; left: 63.0%; top: 46.4%; position: absolute; }


@media(min-width:1200px) {
	#flagr-skeleton .left-col { position:fixed; }
	#promo-list { margin:0 200px 0 0;  } 
}

@media(min-width:992px) and (max-width:1199px) {
	#flagr-skeleton .left-col { position:fixed; }
	#promo-list { margin:0 150px 0 0;  } 
}

@media(min-width:860px) and (max-width:991px) {
	#flagr-skeleton .left-col { position:fixed; }
	#promo-list { margin:0 50px 0 0;  } 
}

@media(min-width:630px) and (max-width:859px) {
	#flagr-skeleton .left-col { position:fixed; }
	#promo-image { display:none; }
	#promo-list { margin:0; } 
}

@media(min-width:550px) and (max-width:629px) {
	#flagr-skeleton .left-col { width:180px; position:fixed; }
	#flagr-skeleton .right-col { margin:0 0 -1000px 180px; }
	#promo-image { display:none; }
	#promo-list { display:none; }
}

@media(max-width:549px) {
	#flagr-skeleton .left-col { margin:0; padding:0; width:100%; border:none; }
	#flagr-skeleton .right-col { margin:0; padding:0; width:100%; border:none; }
	.page-text { margin:0; padding: 20px 0 0 0; }
	#promo-list { display:none; }
	#promo-image { display:none; }
}