/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);

/*---------------------------------
	OVERRIDES
-----------------------------------*/

.tab { margin-left: 35px; }


html {
	max-width: 100%;
    overflow-x: hidden;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Arimo", arial, verdana, sans-serif;
	font-weight:normal;
}


thead th,
tbody th{
	font-family: "Arimo", arial, verdana, sans-serif;
	font-size: 0.7em;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
	font-family: "Arimo", arial, verdana, sans-serif;
}

button.small,
a.btn.small,
a.button.small,
input.small,
input.small[type="submit"],
input.small[type="reset"],
input.small[type="button"] {
    font-size: 0.8em;
    padding: 5px 10px;
}
.btn-close {
  color: #aaaaaa;
  font-size: 30px;
  text-decoration: none;
  position: absolute;
  right: 15px;
  top: 10px;
}
.btn-close:hover {
  color: #919191;
}
.error {
	color: red;
}

.menu{
	font-family: "Arimo", arial, verdana, sans-serif;
}

blockquote{
	font-family: "Arimo", arial, verdana, sans-serif;
}

.anim-hidden { /* by using this class you can animate from hidden to viewable (animate requires numeric style to animate) */
	height: 0px;
	overflow: hidden;
}

.gray-screen {
    background-color: black;
    filter:alpha(opacity=70); /* IE */
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70; /* FireFox */
    z-index: 500;
    height: 100%;
    width: 100%;
    background-repeat:no-repeat;
    background-position:center;
    position:absolute;
    top: 0px;
    left: 0px;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */




/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
	margin:0;
	padding:0 0 0 0;
	color:#000;
	background-color:#FFF;
	font:normal 0.9em/150% "Arimo", verdana, arial, sans-serif;
	text-shadow: 0 0 1px transparent; /* google font pixelation fix */
}

h1 {
	font-size: 1.9em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1.1em;
}



a:link, a:active, a:visited {
	text-decoration: none;

}

a:hover {
	text-decoration: underline;
}

p {
	color: #515050;
}

hr {
	margin: 9px 0px 15px 0px;
}

h3 a:hover {
	color: #5faaf8;
}


/*
tbody tr:nth-child(odd) {
   background-color: #efefef;
}
*/

thead {
	font-size: 1.3em;
	background-color: #ccc;
	border-bottom: 2px solid #0b243e;
	color: #0b243e;
}

#footer{
	text-align:center;
	padding:20px;
	margin:0;
	border-top:1px solid #ddd;
	color:#999;
	font-size:0.8em;
	text-shadow:0px 1px 1px #fff;
	position: relative;
	top:0;
	left:0;
	background:#fff;
}

/*  this code allows us to link to in-page anchors so that it's not under the fixed header
	Should move away from this method and instead use the .offset class below on any element
	with an id being linked to.
*/
a[id]:not([href]) {
	padding-top: 125px;
	margin-top: -125px;
	display: inline-block;
	visibility: hidden;
}
a[name]:not([href]) {	/* the name attribute was deprecated, but still used by Gurobi in documentation */
	padding-top: 125px;
	margin-top: -125px;
	display: inline-block;
	visibility: hidden;
}


.offset:before {
	display: block;
 	content: " ";
  	height: 115px;      /* Give height of your fixed element */
    margin-top: -115px; /* Give negative margin of your fixed element */
    visibility: hidden;
}

/* NAV BAR*/
.navbar{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	background:#000 url('/images/header-bg.jpg') repeat-x;
	color:#fff;
	z-index:70000;
	height: 81px;
}


.navbar #logo{
	position:absolute;
	top:0;
	right:0;
	padding:0.5em 1em;
	font-size: 1.7em;
	color:#efefef;
	text-decoration:none;
}

.navbar span{
	color:#86dc00;
}

#navbar_container {
	width: 960px;
	margin: 0 auto;
	height: 72px;
	position: relative;
}

#gurobi_logo {
	width: 179px;
	height: 49px;
	background: url('/images/gurobi-logo.png') no-repeat;
	position: absolute;
	top: 13px;
	left: 0px;
}

#navbar_login {
	float: right;
	text-align: right;
	margin-top: 8px;
	position: relative;
	/* height: 72px; */
	/*position: absolute;
	right: 0px;
	top: 41px;*/
}

.search-field {
	font-size: .8em;
	padding: 0px 0px 0px 0px;
	}

.searchbar {
	width: 63px;
	background-color: transparent;
	position: absolute;
	top: 9px;
	right: 85px;
	overflow: hidden;
	box-shadow: none;
	border: none;
	color: #ccc;
	cursor: pointer;

}

.searchbar-expanded {
	width: 255px;
	background-color: transparent;
	position: absolute;
	top: 9px;
	right: 85px;
	overflow: visible;
	background-color: #FFF;
	color: #555;
	height: 19px;

}


#langbar {
	width: 106px;
	background-color: #413f40;
	position: absolute;
	top: 3px;
	right: 0px;
	box-shadow: none;
	border: none;
	overflow: hidden;
	color: #555;
	text-align: right;
	cursor: pointer;
	font-size: .85em;
	text-align: right;
}

.selected {
	border: 1px solid red;

}



.navbar span {
	color: #888;
}

.lighter {
	color: #c9c9c9;
}

.stack-button {
	width: 100%;
	margin-bottom: 5px;
}

.callout{
	background:#4598ef;/*#86dc00;*/
	padding:3em 0;
	color:#fff;
	box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
	text-align: center;
	text-shadow:0px 1px 3px rgba(0,0,0,0.2);
	display:block;
}
.callout + div.grid{margin-top:50px;}
a.callout{cursor:pointer;}
.callout i.icon-4x{font-size:6em;}
.callout h4{margin-bottom:30px;}
.callout-top{margin:50px 0 0 0;}
.callout p{margin-bottom:0;}
.callout .button{margin-top:10px;}
.callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
	padding:30px 0;
}

#ui-preview{
	border:5px solid #ddd;
	margin:30px 0;
	display:block;
}


#home_messaging_container {
	width: 100%;
	background: blue;
	margin-top: 81px;
	background:#000 url('/images/message-contain-bg.jpg') center repeat-y;
}

#home_message {
	width: 960px;
	margin: 0 auto;
	background:#000 url('/images/message-bg.jpg')no-repeat;
	color: #FFF;
	padding-bottom: 22px;
}

#home_message ul{
	line-height: 1.2em;
}

#home_message .col_8 {
	text-align: center;
	text-shadow: 2px 2px 4px rgba(7, 19, 37, .7);
	padding-top: 9px;
}

#home_message .col_8 h1 {
	font-size: 3.3em;
	font-weight: bold;

}

#home_message .col_8 h2 {
	font-size: 1.4em;

}

#home_message .col_4 {
	padding-top: 0px;

}

#home_message .col_4 h1 {
	font-size: 1.45em;

}


/* -------------------------------------------- Tabbed Boxes ----------------------------------- */

.tabbed-section {
	width: 100%;
	background: #FFF url('/images/main-content-container-bg.jpg') repeat-x;
}
#tabbed-content {
	width: 960px;
	padding-top: 13px;
	margin: 0 auto;
	margin-bottom: 35px;
}

#tabbed-content .spacer {
	width: 32px;
	display: inline-block;
}

#tabbed-content .col {
	width: 290px;
	padding: 0px 12px 0px 12px;
	display: inline-block;
	background-color: white;
	vertical-align: text-top;
}

#tabbed-content .col .intro-text {
	background-color: white;
}

#tabbed-content .col .intro-text .col-head {
	height: 67px;
}

.trinav-icon {
	margin-left: -12px;
	width: 115px;
	height: 50px;
	vertical-align: top;
	float: left;
}
.trinav-icon img {
	position: absolute;
	margin-top: -40px;
}

#tabbed-content .col .intro-text h1 {
	float: left;
	height: 55px;
	width: 163px;
	color: red;
	font-size: 1.7em;
}

.expanded-text {
	position: absolute;
	margin-top: 75px;
	padding-bottom: 12px;
	width: 951px;
	min-height: 255px;
	background-color: white;
	vertical-align: text-top;
	z-index: 10000;
	-webkit-box-shadow: 0px 22px 28px 2px rgba(0,0,0,0.40);
	-moz-box-shadow: 0px 22px 28px 2px rgba(0,0,0,0.40);
	box-shadow: 0px 22px 28px 2px rgba(0,0,0,0.40);
}

#expanded-1 {
	margin-left: -12px;
}
#expanded-2 {
	margin-left: -342px;
}
#expanded-3 {
	margin-left: -672px;
}
/* -------------------------------------------- Tabbed Boxes END ----------------------------------- */

/* -------------------------------------------- Example Model Code BEGIN ----------------------------------- */

.my_pre {
    font-family: "Source Code Pro", monospace;
    font-size: 13px;
    line-height: 20px;
    white-space: pre-wrap;
}

/* -------------------------------------------- Example Model Code END ----------------------------------- */


.hide {
	visibility: hidden;
}

.transparency-high {
	opacity: 0.3;
}
.transparency-medium {
	opacity: 0.5;
}
.transparency-low {
	opacity: 0.7;
}

#news {
	width: 940px;
	margin: 0 auto;
}

#scroll-content {
	width: 940px;
	margin: 0 auto;
	margin-bottom: 35px;
}

#testimonial_scroll {
	padding-top: 1px;
	padding-bottom: 9px;
	padding-left: 9px;
	padding-right: 9px;
	width: 282px;
	height: 117px;
	float: left;
	margin-right: 15px;
	border: 1px solid gray;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

#testimonial_scroll li {
	color: #515050;
	font-family: Georgia, serif;
	font-style: italic;
}

#logo_scroll {
	padding-top: 21px;
	width: 629px;
	height: 123px;
	background: url('/images/logo_scroll_bg.jpg') repeat-x;
	margin-top: 0px;
	float: right;
}

.bx-wrapper .bx-viewport {
	border: none;
}

#industry {
	padding-top: 25px;
	width: 333px;
	height: 97px;
	position: absolute;
	left: 0px;
	bottom: 0px;
}


ul.slideshow img {
	width: auto;

}

.bx-wrapper .bx-viewport {
	box-shadow: none;
}


/* -----------start-------------------- Menu ----------------------------------- */
#menu_container {
	position: absolute;
	left: 195px;
	top: 32px;
	width: 610px;
	height: 45px;

}



/*---------------------------------
	MENU STYLES
-----------------------------------*/
.menu {
	background: none;
	border: none;
}
	.menu li{}

		.menu li a{
		text-shadow:none;
		padding:15px 8px;
		text-decoration:none;
		font-size:0.75em;
		color: #FFF;
		text-transform: uppercase;
		}

		.menu li.current>a,
		.menu li.current>a:hover,
		.menu li.current.hover>a{
		color:#fff;
		text-shadow:none;
		cursor: default;
		}

		.menu li a:hover,
		.menu li.hover>a{
		color: gray;
		background: #FFF;


		}

	/* sub menus */
	.menu ul{
border: none;
	background: transparent;
	opacity: 0.95;
    filter: alpha(opacity=95);
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);


	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;

	}

	.menu ul li{}
	.menu ul li a{
		color: #000;
		text-transform: none;
		background-color: #f7f7f8;
		border-style: solid; border-width: 0px 0px 9px; -moz-border-image: url('/images/border.png') 0 0 9 repeat;
		-webkit-border-image: url('/images/border.png') 0 0 9 repeat;
		-o-border-image: url('/images/border.png') 0 0 9 repeat;
		border-image: url('/images/border.png') 0 0 9 repeat;
		padding-top: 12px;
		padding-bottom: 12px;
	}

	.menu ul li.last{
		border-image: none;
	}

	.menu ul li.first{
		border-image: none;

	}

	.menu ul ul li.first{
		padding-top: 7px;

	}

		/* sub-sub menus */
		.menu ul ul{
		background-color: #FFF;
		-webkit-border-bottom-right-radius: 9px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomright: 9px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-right-radius: 9px;
		border-bottom-left-radius: 0px;
				border: none;

		}
		.menu ul ul li{}
		.menu ul ul li a{}

	/* arrows */
	/* arrow down */  .menu li.has-menu span.arrow{border-color-top:#ccc;border-color:#ccc transparent transparent transparent;
						display: none;
	}
	/* arrow left */  .menu li li.has-menu span.arrow, .menu.vertical li.has-menu span.arrow
					   {border-color-left:#ccc;border-color:transparent transparent transparent #ccc;}
	/* arrow right */ .menu.vertical.right li.has-menu span.arrow{border-color-right:#ccc;border-color:transparent #ccc transparent transparent;}

	/* dividers */ 	  .menu ul li.divider{border-top:1px solid #ccc;}
					  .menu ul li.divider a{border-top:1px solid #fff;}


	.menu ul{
		min-width: 190px;
	}



.menu li.last a {
border: none;

-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;


}

.section-container{
/*	width: 100%;
	margin: 0 auto;*/
/*	-webkit-box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.25);
	box-shadow: inset 0px 3px 6px 0px rgba(0,0,0,0.25);*/

	background: url('/images/section-shadow.jpg') top repeat-x;

}

.section{
	width: 960px;
	margin: 0 auto;
	padding: 20px 10px 20px 10px;
}



.section ul.check li{
	list-style-position:inside;
	padding: 3px 0px;
	line-height: 1.2em;
	list-style-image: url('/images/check.png');
	list-style-position: outside;
	font-weight: normal;
	color: #515050;

}

li {
	padding: 0px 0px;
}


.section-container h1 {
	color: #1d4f8b;
}


#breadcrumbs-strip {
	width: 100%;
	height: 25px;
	background-color: #f0f0f0;
	position: fixed;
	top: 81px;
}

#breadcrumbs {
	width: 960px;
	height: 25px;
	line-height: 25px;
	margin: 0 auto 0 auto;
	vertical-align: text-bottom;
/*	overflow-x: auto;
	overflow-y: auto;*/
	white-space: nowrap;
	direction: rtl;
}

.crumb {
	display: inline-block;
	float: left;
	width: auto;
	padding-left: 5px;
	padding-right: 15px;
	white-space: nowrap;
	font-size: 0.7em;
	background: transparent url('/images/bc-bg.png') no-repeat right;
}

.crumb a {
	color: gray ;
}

.crumb_divider {
    display: inline-block;
	float: left;
    width: 35px;
}


#footer {
	min-height: 350px;
	background-color: #353a3e;
	width: 100%;
}

#footer-container {
	width: 960px;
	text-align: right;
	margin: 0 auto;
}


#footer-menu {
	padding-bottom: 45px;
	width: 960px;
}

.footer-column {
	width: 132px;
	text-align: left;
	float: left;
	padding: 0px 5px 0px 5px;
}


.footer-column h4 {
	font-weight: bold;
	font-size: 1.2em;
	color: #6fb5fc;
	text-shadow: none;
	margin-bottom: 7px;
}

.footer-column hr {
	margin: 0px;
}

.footer-column ul {
	margin: 0px;
	list-style: none;
}

.footer-column ul a {
	color: #FFF;
	text-shadow: none;
}

.footer-column ul li a {
	color: #FFF;
	text-shadow: none;

}





/** client logos **/
#clients {
  display: block;
  margin-bottom: 15px;
}

#clients .clients-wrap {
  display: block;
  width: 480px;
  margin: 0 auto;
  overflow: hidden;
}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
    overflow: hidden;
    height: 55px;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 160px;
  height: 55px;
  line-height: 55px;
  text-align: center;

}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=85);
  opacity: 0.85;
}

#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}

/* Inner Page Templates */

#inner-page {
	margin-top: 91px;
	min-height: 450px;
}

#overview-messaging-text h1 {
	font-size: 1.1em;
	padding: 0px;
}

#inner-head-bg {
	margin-top: 81px;
	height: 131px;
	width: 100%;
	background: #0089f1 no-repeat top center;
	-webkit-box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
}

#inner-messaging {
	margin-top: 81px;
	height: 131px;
	width: 100%;
	background: #0089f1 url('/images/verticals-overview.jpg') no-repeat top center;
	-webkit-box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
	box-shadow: inset -1px 3px 6px 0px rgba(0,0,0,0.75);
}

#inner-messaging-content {
	width: 960px;
	height: 131px;
	margin: 0 auto;
}

#inner-messaging-content h1{
	color: #FFF;
	font-size: 3em;
	padding-top: 23px;
	margin-bottom: 35px;
	text-shadow: 2px 2px 2px rgba(5, 36, 67, 1);
}

table.tight-li ul li {
	padding: 0px;
}

.callout-box {
border: 1px solid gray;
padding: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}

.callout-box-inner {
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.5);
	box-shadow: inset 0px 0px 10px -2px rgba(0,0,0,0.5);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding: 15px;
}





/*---------------------------------
	CONTROL BUTTON WIDTHS
-----------------------------------*/

.btn-50 {
	width: 50%;
	margin-bottom: 5px;
}

.btn-60 {
	width: 60%;
	margin-bottom: 5px;
}

.btn-70 {
	width: 70%;
	margin-bottom: 5px;
}

.btn-80 {
	width: 80%;
	margin-bottom: 5px;
}

.btn-100 {
	width: 100%;
	margin-bottom: 5px;
}




/*---------------------------------
	TABLES
-----------------------------------*/


table.gurobi-striped tbody tr:nth-child(even) {
   background-color: #eff3f7;
}


thead {
background-color: #FFF!important;
}

thead th {
background-color: #ccc;
}

tbody th {
font-weight: normal;
}

tbody th[scope=boldcol]
{
    font-weight: bold;
}

th.first{

    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

th.last {

    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
}

td.center {
	text-align: center;
}

tbody tr td {
	line-height: 1.4em;
}

tbody tr td ul.check {
	font-size: 1em!important;
}



/*---------------------------------
	DOCUMENTATION
-----------------------------------*/


/* language model */
.ui-dialog-titlebar-close {

left: auto;


}

.ui-widget-header {
	text-align: center;
}

/* ------------------------ */

#doc-container {
	background:  url('/images/left-rail-bg.jpg') repeat-y left top;

}
#doc-container img {
	max-width: 675px;
	height:auto;
}

#doc-container .MATH img {
	vertical-align: top;
}


#leftbar {
	min-height: 650px;
}


#leftbar hr {
	border: none;
	border-top: 1px dotted #000;
}

#leftbar ul {
	padding: 0px 0px 0px 0px;
	color: #1d4f8b;
	list-style-image: none;
	list-style-type: none;
	font-size: 0.80em;
}
#leftbar ul i {
	font-size: 0.85em;
}

#leftbar ul a:hover {
	color: #000;
	text-decoration: none;
	width: 100%;
}

#leftbar ul li ul,
#leftbar ul li ul a {
	font-weight: normal;
	color: #888;
	padding-left: 0px;
	text-indent: 0px;
	font-size: 0.94em;
}


#leftbar h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
#leftbar h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: #1D4F8B;
}
#leftbar h3 {
	font-size: 1.0em;
	color: #1D4F8B;
}

.jqtree-tree .jqtree-title {
    color: #1C4257;
    vertical-align: middle;
    margin-left: 0.5em;
}
ul.jqtree-tree .jqtree-toggler {
    border-bottom: medium none;
    color: #333;
    text-decoration: none;
    vertical-align: middle;
    margin-right: 0.5em;
}
ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
	background: -webkit-linear-gradient(#e7e6e2, #F1F1F1); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(center top , #e7e6e2, #F1F1F1); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top , #e7e6e2, #F1F1F1); /* For Firefox 3.6 to 15 */
	background: linear-gradient(center top , #e7e6e2, #F1F1F1); /* Standard syntax */
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
}


#docpage div.navigation img {
	display: none; /* This hides documentation's old nav buttons */
}
#docpage h1 br, #docpage h2 br, #docpage h3 br {
	display: none; /* This hides documentation's old nav buttons */
}

#docpage div.navigation {
	font-size: 0.75em;
	border: #D7D6D2 dotted 1px;
	background-color: white;
	padding: 0px 5px 0px 0px;
}
/*#docpage div.navigation a {
	margin-left: 3px;
	margin-right: 5px;
}*/
#docpage div.navigation b {
	margin-left: 5px;
	margin-right: 3px;
}

#docpage div.navigation:nth-of-type(2) {
	margin-top: 60px;
}

#docpage div br, #docpage div hr {
	display: none;
}
#docpage pre {
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset;
	font-family: "Source Code Pro",monospace;
	display: block;
	padding: 9.5px;
	margin: 0px 0px 10px;
	font-size: 0.8em;
	line-height: 1.5em;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	border-radius: 4px;
}

#docpage tbody tr td {
    line-height: 1.0em;
}
#docpage th, td {
    padding: 4px 7px;
    font-size: 0.9em;
    border: none;
}

#docpage code {
    font-family: "Source Code Pro",monospace;
    border: 0;
    padding: 1px;
    color: black;
	background-color: #F5F5F5;
}

/*---------------------------------
	REGISTRATION PAGES
-----------------------------------*/

table.registration tr td{
	border: none;
	padding: 0px 0px 9px 0px;
	margin: 0px;
}

table.registration tr td p {
	padding-left: 1px;
	margin: 0px;

}

table.registration tr td h3{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}


/*---------------------------------
	TABS
-----------------------------------*/

/* Notes about styling the jQuery UI Tabs

The tabs widget uses the jQuery UI CSS framework to style its look and feel. If tabs specific styling
is needed, the following CSS class names can be used:

    ui-tabs: The outer container of the tabs. This element will additionally have a class of
	ui-tabs-collapsible when the collapsible option is set.

        ui-tabs-nav: The list of tabs.

            The active list item in the nav will have a ui-tabs-active class. Any list item whose
			associated content is loading via an Ajax call will have a ui-tabs-loading class.

                ui-tabs-anchor: The anchors used to switch panels.

        ui-tabs-panel: The panels associated with the tabs. Only the panel whose corresponding tab is active will be visible.*/


.ui-widget {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

.ui-widget-content a {
    color: #4D99E0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	font-size: 0.8em;
}


.pointer {
	cursor: pointer;
}



@media only screen and (max-device-width: 768px) {
	.navbar {
		position: static;
	}
	#breadcrumbs-strip {
		position: static;
	}
	#inner-page {
		margin-top: 16px;
	}

	#home_messaging_container {
		margin-top: 0px;
	}

}

div.col_12 {
	width: 100% !important;
}

#logged-in {
	cursor: pointer;
	margin-right: 15px;
	float: left;
	height: 35px;
	padding: 0px 7px 0px 7px;
}



#login-option {
	padding-top: 15px;
	color: #000;
	width: 144px;
	position: absolute;
	top: 35px;
	left: 0px;
	z-index: 65000;
	background-color: #FFF;
	text-align: left;
	font-size: .8em;
	opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
    -webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	-webkit-box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.28);
box-shadow: 2px 3px 15px 0px rgba(0,0,0,0.28);
}

#login-option ul{
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#login-option ul li{
	padding: 5px 0px 5px 0px;
	border-style: solid;
	border-width: 0px 0px 9px;
	border-image: url("/images/border.png") 0 0 9 0 repeat repeat;
	padding-left: 15px;
}

#login-option ul li.last{
	border: none;
	padding-bottom: 7px;
}

#login-option ul a{
	color: #000;
}

#login-option ul a:hover{
	color: gray;
	text-decoration: none;
}



.hidden {
	display: none;
}


/* Google search results */
table.gsc-table-result {
	margin-left: 8px;
}




.modal {
	display: none;
	position: fixed;
	z-index: 99999;
	margin: auto;
	position: fixed;
	left: 0; bottom: 20px; right: 0;
	min-height: 200px;
	max-width: 860px;
	background-color: #FDFDFD;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.81);
	-moz-box-shadow:    0px 0px 50px 0px rgba(50, 50, 50, 0.81);
	box-shadow:         0px 0px 50px 0px rgba(50, 50, 50, 0.81);

}
.modal-body {
  padding: 20px;
}
.modal-header,
.modal-footer {
  padding: 10px 20px;
}
.modal-header {
  border-bottom: #eeeeee solid 1px;
}
.modal-header h2 {
  font-size: 20px;
}
.modal-footer {
  border-top: #eeeeee solid 1px;
  text-align: right;
}
/*ADDED TO STOP SCROLLING TO TOP*/
#close {
  display: none;
}