@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
//  font-family: 'Helvetica Regular', 'Ariel', sans-serif;
 // font-family: Georgia,Times,"Times New Roman",serif;
  font-family: 'Roboto', sans-serif;
//  font-size:0.8em;
  font-size:0.9em;
}

a {
	color: #000000;
}

a:hover {
    color: #000000;
}

.beta {
    float:left;
    size: 50px;
    margin:2px;
}

#beta {
    width: 50px;
    margin: 2px;
}

.logo {
    float: left;
    margin: 2px 0px 2px 0px; 
}

.tag {
	//padding-left: 160px;
	display: inline-block;
    text-align: center;
    width: 50px;
	float: left;
	color: black;
	margin-top: 5px;
}


.display_name {
    	margin-right: 30px;
    	//margin-top: 5px;
	float:right;
	color:black;
}

#tslogo {
    //width: 250px;
    height: 50px;
    margin: 2px;
}

.caption {
    margin: 0 0 10 0;
    display: block;
	font-size: 9px;
	float: left;
}

form {
	display: inline;
}

#navbuttons {
	position:absolute;
	left:600px;
	float: right;
	width: auto;
	margin: 20px;
}

#searchbox {
	width: 175px;
	height: 35px;
	float: left;
}

#searchicon {
	position:absolute;
	//left:500px;
	width: auto;
	height: 35px;
}

#addtopic {
	position:absolute;
	left:220px;
	width: 100px;
	height: 35px;
	padding-left: 10px;
}
/* pull down menu */
.nav {
    position:absolute;
    display: inline-block;
    text-align: left;
    width: 700px;
    float: left;
}
.nav a.active {
  background-color: #fff;
  //color: #000000;
  cursor: default;
}
.nav ul ul {
	display: none;
}
.nav ul li:hover > ul {
		display: block;
	}

.nav ul {
	//background: #efefef; 
	//background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
	//background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	//background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); 
	//box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	position:absolute;
	padding-lef: 10;
	border-radius: 10px;  
	list-style: none;
	display: inline-table;
	//font-size: 13px;
	font-size: 0.9em;
}
.nav ul:after {
		content: ""; clear: both; display: block;
	}
.nav ul li {
	float: left;
}

.nav ul li:hover {
		//background: lightgrey;
	}
.nav ul li:hover a {
			color: #000000;
		}
	
.nav ul li a {
		display: block; padding: 5px 10px;
		color: #636363; 
		text-decoration: none;
		font-weight:bold;
 		font-size:1.15em;
	}

.nav ul li a.starthere {
		color: #cc2900; 
}

.nav ul li a.signup {
		color: #cc2900; 
}


.nav ul ul {
	//background: #5f6975; 
	background: lightgrey; 
	border-radius: 0px; padding: 0;
	position: absolute; 
	//top: 100%;
	z-index:1000;
}
.nav ul ul li {
		float: none; 
		border-top: 1px solid #6b727c;
		border-bottom: 1px solid #575f6a;
		position: relative;
	}
.nav ul ul li a {
			padding: 5px 10px;
			//color: #fff;
		}	
.nav ul ul li a:hover {
				//background: #4b545f;
			}

.nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/** END PULL DOWN **/

.pageborder {
	text-align:center;
	width: 100%;
	
}

#navbottom {
	padding-top: 25px;
}

aside {
	float: left;
	margin: 0;
	width: 30%
}

section {
	float: left;
	margin: 0;
	width: 70%;
}

.sidebar ul {
  	text-align: left;
	padding-bottom: 20px;
	padding-left: 15px;
}

.sidebar li {
	padding-top: 5px;
	white-space: nowrap; 
    width: 12em; 
    overflow: hidden;
    text-overflow: ellipsis;
}


.sidebarsubs {
//	margin-left: 20px;
	margin-top: 10px;
	color: #636363;
}

.sideborder {
	margin-left: 30px;
	
}
/*
h1 {
  	margin-left: 40px;
	margin-top: 30px;
	color: #636363;
	display: block;
	float: left;
	width: 1500px;
}
*/
.sectiontopic {
	list-style-type: none;
	width: 1000px;
	
}

.sectiontopic ul {
	color: #000000;
	text-align: left;
  	padding: 0;
	white-space: nowrap;
  	width: 460px;
  	margin: 0 auto;
}

.sectiontopic li {
	display: inline-block;
	padding-right: 40px;
	width: 400px;
  	line-height: 20px;
  	font-size: 0.9em;
  	float: left;
}

.sectiontopic a {
	white-space: nowrap;
}

.latesttitle {
    	//text-transform: uppercase;
	margin-left: 10px;
  	//font-weight: bold;
	color:#636363;
}
.latesttitle .graphcaption {
	position: absolute;
	display: inline-block;
	padding: 20px 20px 20px 20px;
	width: 250px;
  	line-height: 20px;
  	font-size: 0.9em;
  	//float: left;
}
.entrydata {
	//outline: thin solid;
}

.entrydata ul {
	list-style-type: none;
	text-align: left;
	white-space: nowrap;
  	margin-left: 0px;
}

.entrydata li {
	display: inline-block;
	padding-right: 20px;
  	border-bottom: none;
  	height: 30px;
  	//font-size: 1em;
  	font-size: 0.9em;
  	float: left;
}

.entrydata th {
  	height: 30px;
  	//font-size: 1em;
  	font-size: 0.9em;
  	font-weight: bold;
	outline: 2px solid;
}

.entrydata td {
	//outline: thin solid;
}
 
.entrydata td {
	display: inline-block;
	padding-right: 20px;
  	border-bottom: none;
  	//height: 30px;
  	font-size: 0.9em;
  	float: left;
}


.topicborder {
	margin-left: 120px;
}

.more {
	margin-left: 350px;
	padding-top: 20px;
	padding-bottom: 30px;  
	display: block; 
	font-size: .9em; 
}

.footernav {
        position:absolute;
	text-align: center;
	top:1450px;
}
	
.footernav ul {
  	list-style: none;
  	padding: 0;
  	overflow: auto;
	width: 800px;
	float: none;
	margin-left: 320px;
	margin-right: auto;
	font-size:15px;
}

.footernav li {
  padding-left: 20px;
  border-bottom: none;
  height: 50px;
  line-height: 20px;
  font-size: .8em;
  float: left;
}
 
.footernav a {
  display: block;
}

.social {
	list-style-type: none;
	display: inline-block;
	width: 200px;
}

.social li{
	float: left;
	padding-right: 20px;
}

.copyright {
	text-align: center;
	font-size: .8em}

 
 
 /* Links ---------------------- */
 
 
 /* Misc ---------------------- */
 .left { float: left; }
 
 .right { float: right; }
 
 .text-left { text-align: left; }
 
 .text-right { text-align: right; }
 
 .text-center { text-align: center; }
 
 .hide { display: none; }
 
 .highlight { background: #ffff99; }
 
 #googlemap img, object, embed { max-width: none; }
 
 #map_canvas embed { max-width: none; }
 
 #map_canvas img { max-width: none; }
 
 #map_canvas object { max-width: none; }
 
 /* The Grid ---------------------- */
 .row {  max-width: 100%;width:100%;margin: 0 auto; }
 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
 .row.collapse .column, .row.collapse .columns { padding: 0; }
 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
 .row .row.collapse { margin: 0; }
 
 .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
 .column.centered, .columns.centered { float: none; margin: 0 auto; }
 
 [class*="column"] + [class*="column"]:last-child { float: right; }
 
 [class*="column"] + [class*="column"].end { float: left; }
 
 .row .one { width: 8.333%; }
 
 .row .two { width: 16.667%; }
 
 .row .three { width: 25%; }
 
 .row .four { width: 33.333%; }
 
 .row .five { width: 41.667%; }
 
 .row .six { width: 50%; }
 
 .row .seven { width: 58.333%; }
 
 .row .eight { width: 66.667%; }
 
 .row .nine { width: 75%; }
 
 .row .ten { width: 83.333%; }
 
 .row .eleven { width: 91.667%; }
 
 .row .twelve { width: 100%; }
 
 .row .offset-by-one { margin-left: 8.333%; }
 
 .row .offset-by-two { margin-left: 16.667%; }
 
 .row .offset-by-three { margin-left: 25%; }
 
 .row .offset-by-four { margin-left: 33.333%; }
 
 .row .offset-by-five { margin-left: 41.667%; }
 
 .row .offset-by-six { margin-left: 50%; }
 
 .row .offset-by-seven { margin-left: 58.333%; }
 
 .row .offset-by-eight { margin-left: 66.667%; }
 
 .row .offset-by-nine { margin-left: 75%; }
 
 .row .offset-by-ten { margin-left: 83.333%; }
 
 .push-two { left: 16.667%; }
 
 .pull-two { right: 16.667%; }
 
 .push-three { left: 25%; }
 
 .pull-three { right: 25%; }
 
 .push-four { left: 33.333%; }
 
 .pull-four { right: 33.333%; }
 
 .push-five { left: 41.667%; }
 
 .pull-five { right: 41.667%; }
 
 .push-six { left: 50%; }
 
 .pull-six { right: 50%; }
 
 .push-seven { left: 58.333%; }
 
 .pull-seven { right: 58.333%; }
 
 .push-eight { left: 66.667%; }
 
 .pull-eight { right: 66.667%; }
 
 .push-nine { left: 75%; }
 
 .pull-nine { right: 75%; }
 
 .push-ten { left: 83.333%; }
 
 .pull-ten { right: 83.333%; }
 
 
 img { -ms-interpolation-mode: bicubic; }
 
 #map_canvas img, .map_canvas img { max-width: none!important; }
 
 /* Nicolas Gallagher's micro clearfix */
 .row { *zoom: 1; }
 .row:before, .row:after { content: ""; display: table; }
 .row:after { clear: both; }
 
 /* Mobile Grid and Overrides ---------------------- */
 @media only screen and (max-width: 10px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
   .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
   .column, .columns { width: auto !important; float: none; }
   .column:last-child, .columns:last-child { float: none; }
   [class*="column"] + [class*="column"]:last-child { float: none; }
   .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
   .column:after, .columns:after { clear: both; }
   .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; }
   .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
   .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
   /* Mobile 4-column Grid */
   .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
   .row .mobile-one:last-child { float: right; }
   .row.collapse .mobile-one { padding: 0; }
   .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
   .row .mobile-two:last-child { float: right; }
   .row.collapse .mobile-two { padding: 0; }
   .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
   .row .mobile-three:last-child { float: right; }
   .row.collapse .mobile-three { padding: 0; }
   .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
   .row .mobile-four:last-child { float: right; }
   .row.collapse .mobile-four { padding: 0; }
   .push-one-mobile { left: 25%; }
   .pull-one-mobile { right: 25%; }
   .push-two-mobile { left: 50%; }
   .pull-two-mobile { right: 50%; }
   .push-three-mobile { left: 75%; }
   .pull-three-mobile { right: 75%; } }
 /* Block Grids ---------------------- */
 /* These are 2-up, 3-up, 4-up and 5-up ULs, suited
 for repeating blocks of content. Add 'mobile' to
 them to switch them just like the layout grid
 (one item per line) on phones
 
 For IE7/8 compatibility block-grid items need to be
 the same height. You can optionally uncomment the
 lines below to support arbitrary height, but know
 that IE7/8 do not support :nth-child.
 -------------------------------------------------- */
 .block-grid { display: block; overflow: hidden; padding: 0; }
 .block-grid  li { display: block; height: auto; float: left; }
 
 .block-grid.one-up { margin: 0; }
 
 .block-grid.one-up  li { width: 100%; padding: 0 0 15px; }
 
 .block-grid.two-up { margin: 0 -15px; }
 
 .block-grid.two-up  li { width: 50%; padding: 0 15px 15px; }
 
 /*  .block-grid.two-upli:nth-child(2n+1) {clear: left;} */
 .block-grid.three-up { margin: 0 -12px; }
 
 .block-grid.three-up  li { width: 33.33%; padding: 0 12px 12px; }
 
 /*  .block-grid.three-upli:nth-child(3n+1) {clear: left;} */
 .block-grid.four-up { margin: 0 -10px; }
 
 .block-grid.four-up  li { width: 25%; padding: 0 10px 10px; }
 
 /*  .block-grid.four-upli:nth-child(4n+1) {clear: left;} */
 .block-grid.five-up { margin: 0 -8px; }
 
 .block-grid.five-up  li { width: 20%; padding: 0 8px 8px; }
 
 /*  .block-grid.five-upli:nth-child(5n+1) {clear: left;} */
 /* Mobile Block Grids */
 @media only screen and (max-width: 767px) { .block-grid.mobile { margin-left: 0; }
   .block-grid.mobile  li { float: none; width: 100%; margin-left: 0; } }
 /* Requires globals.css */
 /* Normal Buttons ---------------------- */
 .button { width: auto; background: #B49600; border: 1px solid #B49600;  color:#ffffff !important; cursor: pointer; display: inline-block;font:500 12px/0.8em  Arial, sans-serif;line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none !important; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
 .button:hover { color:#B49600; background-color: #B49600; border:1px solid #B49600;} 
 .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
 .button:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; color:#B49600; }
 .button.large { font-size: 17px; padding: 15px 30px 16px; }
 .button.medium { font-size: 14px; }
 .button.small { font-size: 11px; padding: 7px 14px 8px; }
 .button.tiny { font-size: 10px; padding: 5px 10px 6px; }
 .button.expand { width: 100%; text-align: center; }
 .button.primary { background-color: #B49600; border: 1px solid #B49600; }
 .button.primary:hover { background-color: #B49600;color: #B49600; }
 .button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
 .successbtn {border: 1px solid #396516 !important; margin-top:20px;left:45%;}
 .button.success, .successbtn { background-color: #5da423; border: 1px solid #396516; }
 .button.success:hover, .successbtn:hover { background-color: #457a1a; }
 .button.success:focus, .successbtn:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
 .button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
 .button.alert:hover { background-color: #970b0e; }
 .button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
 .button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
 .button.secondary:hover { background-color: #d0d0d0; }
 .button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
 .button.radius { -webkit-border-radius: 6px; -moz-border-radius:6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
 .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
 .button.full-width { width: 100%; text-align: center; padding-left: 0 !important; padding-right: !important; }
 .button.left-align { text-align: left; text-indent: 12px; }
 .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
 .button.disabled :hover, .button[disabled] :hover { background: #2ba6cb; }
 .button.disabled.success, .button[disabled].success { background-color: #5da423; }
 .button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
 .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
 .button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
 .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
 .button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }
 
 button::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner {
      padding: 0 !important;
      border: 0 none !important;
  }
 
 
 
 /* Don't use native buttons on iOS */
 input[type=submit].button, button.button { -webkit-appearance: none; }
 
 @media only screen and (max-width: 767px) { .button { display: block; }
   button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } }
 /* Correct FF button padding */
 @-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]  input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
   input[type="submit"].tiny.button { padding: 3px 10px 4px; }
   input[type="submit"].small.button { padding: 5px 14px 6px; }
   input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
   input[type="submit"].large.button { padding: 12px 30px 13px; } }
 
 /* Buttons with Dropdowns ---------------------- */
 .button.dropdown { position: relative; padding-right: 44px; /* Sizes */ /* Triangles */ /* Flyout List */ /* Split Dropdown Buttons */ }
 .button.dropdown.large { padding-right: 60px; }
 .button.dropdown.small { padding-right: 28px; }
 .button.dropdown.tiny { padding-right: 20px; }
 .button.dropdown:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; right: 20px; margin-top: -2px; }
 .button.dropdown.large:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; right: 30px; }
 .button.dropdown.small:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: white transparent transparent transparent; margin-top: -2px; right: 14px; }
 .button.dropdown.tiny:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; right: 10px; }
 .button.dropdown  ul { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; position: absolute; left: -1px; background: #fff; background: rgba(255, 255, 255, 0.95); list-style: none; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; min-width: 100%; z-index: 40; }
 .button.dropdown  ul li { cursor: pointer; padding: 0; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; }
 .button.dropdown  ul li a { display: block; color: #555; font-size: 13px; font-weight: normal; padding: 6px 14px; text-align: left; }
 .button.dropdown  ul li:hover { background-color: #e3f4f9; color: #222; }
 .button.dropdown  ul li.divider { min-height: 0; padding: 0; height: 1px; margin: 4px 0; background: #ededed; }
 .button.dropdown.up  ul { border-top: 1px solid #cccccc; border-bottom: none; }
 .button.dropdown ul.no-hover.show-dropdown { display: block !important; }
 .button.dropdown:hover  ul.no-hover { display: none; }
 .button.dropdown.split { padding: 0; position: relative; /* Sizes */ /* Triangle Spans */ /* Colors */ }
 .button.dropdown.split:after { display: none; }
 .button.dropdown.split:hover { background-color: #2ba6cb; }
 .button.dropdown.split.alert:hover { background-color: #c60f13; }
 .button.dropdown.split.success:hover { background-color: #5da423; }
 .button.dropdown.split.secondary:hover { background-color: #e9e9e9; }
 .button.dropdown.split  a { color: white; display: block; padding: 10px 50px 11px 20px; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
 .button.dropdown.split  a:hover { background-color: #2284a1; }
 .button.dropdown.split.large  a { padding: 15px 75px 16px 30px; }
 .button.dropdown.split.small  a { padding: 7px 35px 8px 14px; }
 .button.dropdown.split.tiny  a { padding: 5px 25px 6px 10px; }
 .button.dropdown.split  span { background-color: #2ba6cb; position: absolute; right: 0; top: 0; height: 100%; width: 30px; border-left: 1px solid #1e728c; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
 .button.dropdown.split  span:hover { background-color: #2284a1; }
 .button.dropdown.split  span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: white transparent transparent transparent; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -2px; }
 .button.dropdown.split.secondary  span:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #1d1d1d transparent transparent transparent; }
 .button.dropdown.split.large span { width: 45px; }
 .button.dropdown.split.small span { width: 21px; }
 .button.dropdown.split.tiny span { width: 15px; }
 .button.dropdown.split.large span:after { content: ""; display: block; width: 0; height: 0; border: solid 7px; border-color: white transparent transparent transparent; margin-top: -3px; margin-left: -7px; }
 .button.dropdown.split.small span:after { content: ""; display: block; width: 0; height: 0; border: solid 4px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -4px; }
 .button.dropdown.split.tiny span:after { content: ""; display: block; width: 0; height: 0; border: solid 3px; border-color: white transparent transparent transparent; margin-top: -1px; margin-left: -3px; }
 .button.dropdown.split.alert  span { background-color: #c60f13; border-left-color: #7f0a0c; }
 .button.dropdown.split.success  span { background-color: #5da423; border-left-color: #396516; }
 .button.dropdown.split.secondary  span { background-color: #e9e9e9; border-left-color: #c3c3c3; }
 .button.dropdown.split.secondary  a { color: #1d1d1d; }
 .button.dropdown.split.alert  a:hover, .button.dropdown.split.alert  span:hover { background-color: #970b0e; }
 .button.dropdown.split.success  a:hover, .button.dropdown.split.success  span:hover { background-color: #457a1a; }
 .button.dropdown.split.secondary  a:hover, .button.dropdown.split.secondary  span:hover { background-color: #d0d0d0; }
 
 /* Button Groups ---------------------- */
 ul.button-group { list-style: none; padding: 0; margin: 0 0 12px; *zoom: 1; }
 ul.button-group:before, ul.button-group:after { content: ""; display: table; }
 ul.button-group:after { clear: both; }
 ul.button-group li { padding: 0; margin: 0 0 0 -1px; float: left; }
 ul.button-group li:first-child { margin-left: 0; }
 ul.button-group.radius li:first-child .button, ul.button-group.radius li:first-child .button.radius, ul.button-group.radius li:first-child .button.rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
 ul.button-group.radius li + li .button, ul.button-group.radius li + li .button.radius, ul.button-group.radius li + li .button.rounded { border-radius: 0; }
 ul.button-group.radius li:last-child .button, ul.button-group.radius li:last-child .button.radius, ul.button-group.radius li:last-child .button.rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
 ul.button-group.rounded li:first-child .button, ul.button-group.rounded li:first-child .button.radius, ul.button-group.rounded li:first-child .button.rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; }
 ul.button-group.rounded li + li .button, ul.button-group.rounded li + li .button.radius, ul.button-group.rounded li + li .button.rounded { border-radius: 0; }
 ul.button-group.rounded li:last-child .button, ul.button-group.rounded li:last-child .button.radius, ul.button-group.rounded li:last-child .button.rounded { -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }
 ul.button-group.even a.button { width: 100%; }
 ul.button-group.even.two-up li { width: 50%; }
 ul.button-group.even.three-up li { width: 33.3%; }
 ul.button-group.even.three-up li:first-child { width: 33.4%; }
 ul.button-group.even.four-up li { width: 25%; }
 ul.button-group.even.five-up li { width: 20%; }
 
 @media only screen and (max-width: 767px) { .button-group button.button, .button-group input[type="submit"].button { width: auto; padding: 10px 20px 11px; }
   .button-group button.button.large, .button-group input[type="submit"].button.large { padding: 15px 30px 16px; }
   .button-group button.button.medium, .button-group input[type="submit"].button.medium { padding: 10px 20px 11px; }
   .button-group button.button.small, .button-group input[type="submit"].button.small { padding: 7px 14px 8px; }
   .button-group button.button.tiny, .button-group input[type="submit"].button.tiny { padding: 5px 10px 6px; }
   .button-group.even button.button, .button-group.even input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } }
 div.button-bar { overflow: hidden; }
 div.button-bar ul.button-group { float: left; margin-right: 8px; }
 div.button-bar ul.button-group:last-child { margin-left: 0; }
 /* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
 /* Reveal Modals ---------------------- */
 .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #000; background:none; z-index: 40; display: none; top: 0; left: 0; }
 
 .reveal-modal {background-color:#fff;  visibility: hidden; display: none;left:50%;margin-left:-456px;top: 100px;position: absolute; z-index: 41; padding: 30px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); border:0px solid #ccc;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;outline:0}
 .reveal-modal *:first-child { margin-top: 0; }
 .reveal-modal *:last-child { margin-bottom: 0; }
 .reveal-modal .close-reveal-modal { font-size: 22px; font-size: 1.5rem; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6); font-weight:600; cursor: pointer; }
 .reveal-modal.small { width: 30%; margin-left: -10%; }
 .reveal-modal.medium { width: 40%; margin-left: -20%; }
 .reveal-modal.large { width: 60%; margin-left: -30%; }
 .reveal-modal.expand { width: 90%; margin-left: -45%; }
 .reveal-modal .row { min-width: 0; }
 
 
 /* Mobile */
 @media only screen and (max-width: 767px) { .reveal-modal-bg { position: absolute; }
   .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge { width: 80%; top: 15px; left: 50%; margin-left: -40%; padding: 20px; height: auto; } }
   /* NOTES Close button entity is ×
  Example markup <div id="myModal" class="reveal-modal" <h2Awesome. I have it.</h2 <p class="lead"Your couch.  I it's mine.</p <pLorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p <a class="close-reveal-modal"&#215;</a </div */
 
 /* Pane */
 .left-pane {
         width:450px;
         float:left;
         //display:inline-block;
         //background:url(../images/apppublisherbtn.png) no-repeat;
         //text-indent:-9999px;
         //height:52px;
         //margin-top:10px;
         //margin-right:5px;
 }
 
 .right-pane {
         width:450px;
         float:right;
         //display:inline-block;
         //background:url(../images/apppublisherbtn.png) no-repeat;
         //text-indent:-9999px;
         //height:52px;
         margin-top:50px;
         //margin-right:5px;
 }
.rootnode {
    background-color: #FFFFA3;
    width: 150px;
    height:40px;
    padding: 5px;
    margin:5px;
    border: 3px solid #F1D031;
  font-family: 'Helvetica Regular', 'Ariel', sans-serif;
  font-size:0.7em;
}	
.rootnode_notte {
    background-color: #FFFFA3;
    width: 150px;
    height:40px;
    padding: 5px;
    margin:5px;
    border: 1px solid black;
  font-family: 'Helvetica Regular', 'Ariel', sans-serif;
  font-size:0.7em;
}	
.proofnode {
    background-color: #FFFFA3;
    width: 150px;
    height:40px;
    padding: 5px;
    margin:5px;
    border: 1px solid black;
  font-family: 'Helvetica Regular', 'Ariel', sans-serif;
  font-size:0.7em;
}	
.challengenode {
    background-color: #d8fff5;
    width: 150px;
    height:40px;
    padding: 5px;
    margin:5px;
    border: 1px solid black;
  font-family: 'Helvetica Regular', 'Ariel', sans-serif;
  font-size:0.7em;
}	

p.uppercase {
    text-transform: uppercase;
}

#editor {overflow:scroll; max-height:300px}

/* to fix image orientation problem in all browsers. Only FF supports this */
img {
    image-orientation: from-image;
}
.goldbutton {
	-moz-box-shadow: 0px 10px 14px -7px #ada530;
	-webkit-box-shadow: 0px 10px 14px -7px #ada530;
	box-shadow: 0px 10px 14px -7px #ada530;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EEE23C), color-stop(1, #c2af36));
	background:-moz-linear-gradient(top, #EEE23C 5%, #c2af36 100%);
	background:-webkit-linear-gradient(top, #EEE23C 5%, #c2af36 100%);
	background:-o-linear-gradient(top, #EEE23C 5%, #c2af36 100%);
	background:-ms-linear-gradient(top, #EEE23C 5%, #c2af36 100%);
	background:linear-gradient(to bottom, #EEE23C 5%, #c2af36 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE23C', endColorstr='#c2af36',GradientType=0);
	background-color:#EEE23C;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:12px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a69f39;
	width: 180px;
    	height:70px;
}
.goldbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c2af36), color-stop(1, #d4ca5d));
	background:-moz-linear-gradient(top, #c2af36 5%, #EEE23C 100%);
	background:-webkit-linear-gradient(top, #c2af36 5%, #EEE23C 100%);
	background:-o-linear-gradient(top, #c2af36 5%, #EEE23C 100%);
	background:-ms-linear-gradient(top, #c2af36 5%, #EEE23C 100%);
	background:linear-gradient(to bottom, #c2af36 5%, #EEE23C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2af36', endColorstr='#EEE23C',GradientType=0);
	background-color:#c2af36;
	color: #000000;
}
.goldbutton:active {
	position:relative;
	top:1px;
}
.displaytopic {
	width:900px;
	height:125px;
	position:relative;
}
.goldnode {
	width:200px;
	height:125px;
	left:250px;
	top:0;	
	position:absolute;
}
.bluenode {
	width:250px;
	height:125px;
	left:0;
	top:0;	
	position:absolute;
}
.rednode {
	width:250px;
	height:125px;
	left:500px;
	top:0;	
	position:absolute;
}
.image {
	position:absolute;
	width:250px;
	height:120px;
	left:0;
	top:0;	
}
.goldtext {
  z-index: 100;
  position: absolute;
  color: black;
  font-size: 11px;
  width:220px;
  max-height:50px;
  left: 15px;
  top: 30px;
}
.bluetext {
  z-index: 100;
  position: absolute;
  color: black;
  font-size: 11px;
  width:150px;
  left: 35px;
  top: 0px;
}
.redtext {
  z-index: 100;
  position: absolute;
  color: black;
  font-size: 11px;
  width:150px;
  left: 70px;
  top: 0px;
}

/*
.bluebutton {
	-moz-box-shadow: 0px 10px 14px -7px #3a4bb6;
	-webkit-box-shadow: 0px 10px 14px -7px #3a4bb6;
	box-shadow: 0px 10px 14px -7px #3a4bb6;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #78a5c2), color-stop(1, #495ede));
	background:-moz-linear-gradient(top, #78a5c2 5%, #495ede 100%);
	background:-webkit-linear-gradient(top, #78a5c2 5%, #495ede 100%);
	background:-o-linear-gradient(top, #78a5c2 5%, #495ede 100%);
	background:-ms-linear-gradient(top, #78a5c2 5%, #495ede 100%);
	background:linear-gradient(to bottom, #78a5c2 5%, #495ede 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#78a5c2', endColorstr='#495ede',GradientType=0);
	background-color:#78a5c2;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:12px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3a4bb6;
	width: 180px;
    	height:70px;
}
.bluebutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #495ede), color-stop(1, #d4ca5d));
	background:-moz-linear-gradient(top, #495ede 5%, #78a5c2 100%);
	background:-webkit-linear-gradient(top, #495ede 5%, #78a5c2 100%);
	background:-o-linear-gradient(top, #495ede 5%, #78a5c2 100%);
	background:-ms-linear-gradient(top, #495ede 5%, #78a5c2 100%);
	background:linear-gradient(to bottom, #495ede 5%, #78a5c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#495ede', endColorstr='#78a5c2',GradientType=0);
	background-color:#495ede;
	color: #000000;
}
.bluebutton:active {
	position:relative;
	top:1px;
}
*/
.redbutton {
	-moz-box-shadow: 0px 10px 14px -7px #a92c2c;
	-webkit-box-shadow: 0px 10px 14px -7px #a92c2c;
	box-shadow: 0px 10px 14px -7px #a92c2c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e38484), color-stop(1, #e76060));
	background:-moz-linear-gradient(top, #e38484 5%, #e76060 100%);
	background:-webkit-linear-gradient(top, #e38484 5%, #e76060 100%);
	background:-o-linear-gradient(top, #e38484 5%, #e76060 100%);
	background:-ms-linear-gradient(top, #e38484 5%, #e76060 100%);
	background:linear-gradient(to bottom, #e38484 5%, #e76060 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38484', endColorstr='#e76060',GradientType=0);
	background-color:#e38484;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:12px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #a92c2c;
    width: 180px;
    height:70px;	
}
.redbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e76060), color-stop(1, #d4ca5d));
	background:-moz-linear-gradient(top, #e76060 5%, #e38484 100%);
	background:-webkit-linear-gradient(top, #e76060 5%, #e38484 100%);
	background:-o-linear-gradient(top, #e76060 5%, #e38484 100%);
	background:-ms-linear-gradient(top, #e76060 5%, #e38484 100%);
	background:linear-gradient(to bottom, #e76060 5%, #e38484 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76060', endColorstr='#e38484',GradientType=0);
	background-color:#e76060;
	color: #000000;
}
.redbutton:active {
	position:relative;
	top:1px;
}
.greenbutton {
	-moz-box-shadow: 0px 10px 14px -7px #3d7c27;
	-webkit-box-shadow: 0px 10px 14px -7px #3d7c27;
	box-shadow: 0px 10px 14px -7px #3d7c27;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80aa71), color-stop(1, #409f1f));
	background:-moz-linear-gradient(top, #80aa71 5%, #409f1f 100%);
	background:-webkit-linear-gradient(top, #80aa71 5%, #409f1f 100%);
	background:-o-linear-gradient(top, #80aa71 5%, #409f1f 100%);
	background:-ms-linear-gradient(top, #80aa71 5%, #409f1f 100%);
	background:linear-gradient(to bottom, #80aa71 5%, #409f1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80aa71', endColorstr='#409f1f',GradientType=0);
	background-color:#80aa71;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d7c27;
    width: 150px;
    height:40px;	
}
.greenbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #409f1f), color-stop(1, #d4ca5d));
	background:-moz-linear-gradient(top, #409f1f 5%, #80aa71 100%);
	background:-webkit-linear-gradient(top, #409f1f 5%, #80aa71 100%);
	background:-o-linear-gradient(top, #409f1f 5%, #80aa71 100%);
	background:-ms-linear-gradient(top, #409f1f 5%, #80aa71 100%);
	background:linear-gradient(to bottom, #409f1f 5%, #80aa71 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#409f1f', endColorstr='#80aa71',GradientType=0);
	background-color:#409f1f;
	color: #000000;
}
.greenbutton:active {
	position:relative;
	top:1px;
}
.graybutton {
	-moz-box-shadow: 0px 10px 14px -7px #555353;
	-webkit-box-shadow: 0px 10px 14px -7px #555353;
	box-shadow: 0px 10px 14px -7px #555353;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #aea9a9), color-stop(1, #605e5e));
	background:-moz-linear-gradient(top, #aea9a9 5%, #605e5e 100%);
	background:-webkit-linear-gradient(top, #aea9a9 5%, #605e5e 100%);
	background:-o-linear-gradient(top, #aea9a9 5%, #605e5e 100%);
	background:-ms-linear-gradient(top, #aea9a9 5%, #605e5e 100%);
	background:linear-gradient(to bottom, #aea9a9 5%, #605e5e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#aea9a9', endColorstr='#605e5e',GradientType=0);
	background-color:#aea9a9;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #555353;
    width: 150px;
    height:40px;	
}
.graybutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #605e5e), color-stop(1, #d4ca5d));
	background:-moz-linear-gradient(top, #605e5e 5%, #aea9a9 100%);
	background:-webkit-linear-gradient(top, #605e5e 5%, #aea9a9 100%);
	background:-o-linear-gradient(top, #605e5e 5%, #aea9a9 100%);
	background:-ms-linear-gradient(top, #605e5e 5%, #aea9a9 100%);
	background:linear-gradient(to bottom, #605e5e 5%, #aea9a9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#605e5e', endColorstr='#aea9a9',GradientType=0);
	background-color:#605e5e;
	color: #000000;
}
.graybutton:active {
	position:relative;
	top:1px;
}
.graphicon {
    	margin-left: 220px;
}
.facebook-icon {
         margin-top:60px;
}
.sectiontext {
         margin-left:30px;
}
.pre-load {display:none;}
.sidebar {overflow-y:auto;}
.black-arrow {
	color:black; 
	font-size:15px; 
}
.blue-arrow {
	color:blue; 
	font-size:15px; 
}
.red-arrow {
	color:red; 
	font-size:15px; 
}
.purple-arrow {
	color:purple; 
	font-size:15px; 
}
.pink-arrow {
	color:pink; 
	font-size:15px; 
}
#pinkbox {
	//width: 50px;
	//height: 20px;
	border: 4px solid pink;
}

.bevel.all {
    //border: 3px solid black;
    background: black; /* default color */
    background:
        -moz-linear-gradient(45deg,  transparent 10px, #efefef 10px),
        -moz-linear-gradient(135deg, transparent 10px, #efefef 10px),
        -moz-linear-gradient(225deg, transparent 10px, #efefef 10px),
        -moz-linear-gradient(315deg, transparent 10px, #efefef 10px);
    background:
        -o-linear-gradient(45deg,  transparent 10px, #efefef 10px),
        -o-linear-gradient(135deg, transparent 10px, #efefef 10px),
        -o-linear-gradient(225deg, transparent 10px, #efefef 10px),
        -o-linear-gradient(315deg, transparent 10px, #efefef 10px);
    background:
        -webkit-linear-gradient(45deg,  transparent 10px, #efefef 10px),
        -webkit-linear-gradient(135deg, transparent 10px, #efefef 10px),
        -webkit-linear-gradient(225deg, transparent 10px, #efefef 10px),
        -webkit-linear-gradient(315deg, transparent 10px, #efefef 10px);
}
.viewsection {
    margin:20px;
    width:750px;
}
.mnu_chrono .ui-menu-item.selected { 
    background-color : #c9c9c9;
}
.mnu_chrono .ui-menu-item.selected > .ui-state-focus,
.mnu_chronou .ui-menu-item.selected > .ui-state-active {
  background-color : #c9c9c9 ;
  background-image: none;
  border: 1px solid #aaa;
}
.mnu_layout .ui-menu-item.selected { 
    background-color : #c9c9c9;
}
.mnu_layout .ui-menu-item.selected > .ui-state-focus,
.mnu_layout .ui-menu-item.selected > .ui-state-active {
  background-color : #c9c9c9 ;
  background-image: none;
  border: 1px solid #aaa;
}