/*

Designed and Coded By: OSS Nokalva, Inc.
Date: 06/02/2011

*/

/** Place custom depot fonts here */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300);


.codeFont 
{
  font-family: Courier New, Courier;
}
.italicFont
{
  font-style: italic;
}
.largerFont
{
        font-size: 13px;
        font-family: Verdana, Arial, Geneva, sans-serif;
        color: #424142;
}

/*********************************************************/
/*              GENERAL HTML STYLING                     */
/*********************************************************/

body
{
	line-height: 1.6em;
	text-align: center;
	font-size: 80%;
	font-family: Verdana, Arial, Geneva, sans-serif;
	color: #424142;
	background: #ffffff url(../images/bg-top_b.jpg) repeat-x top;
}

img, body, html, header
{
  margin: 0 auto;
  padding: 0;
}

.draw-border {
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 10px;
}

ul, li
{
  margin: 0 10px;
  padding-left: 10px;
}

ul.sidemenu, li
{
  margin: 0 10px;
  padding-left: 0px;
}

/*  lists, and links within list elements within all sections */
ul, li, a 
{
  list-style-type: none;
} 

a,
a:focus {
  outline: 0; /* remove the dotted line */
}

a:link, /* unvisited link */
a:visited, /* visited link */
a.no_href, /* anchor without href */
button.href /* transform button to href */
{
  text-decoration: none;
  color: #0075ad;/*0b2651*/
  cursor: pointer; /* show "hand" cursor */	
}

a:hover, /* mouse over link */
a:active, /* selected link */
a.no_href:hover, /* */
a.no_href:active, /* */
button.href:hover, /* mouse over button href */
button.href:active /* selected button href */
{
  text-decoration: underline;
  color: #006aa3;
}

button.href {
 border:none;
 background:none;
 font-family:inherit;
}

a img {/* images in links */
  border: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  padding: 5px 10px;	
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
}

h1, h2, h3 {
  color: #2b84b3; /* use by default a light-turqoise-font */
}

p {
  padding: 0px 10px; /* keep some distance from the margins for the text in paragraphs */
}

p.Quote {
    margin-left:0.3in;
    text-indent:0;
}

p.CodeQuote {
    font-family: Courier New, Courier;
    color:black;
    margin-left:0.3in;
    text-indent:0;
}

hr.margins_x {
	margin: 0.3em 0 !important;
}

.noheight {
	padding: 0px;
	margin: 0px;
	height: 0px;
	line-height: 0px;
}

/*********************************************************/
/*                HEADER                                 */
/*********************************************************/

#header {
  /*background: url(../images/header-nolo_b.jpg) no-repeat;*/
  border: none;
  height: 103px;
  width: 960px;
}

#header_container {
  overflow: visible;
  margin: auto;
}

#header #logo {
  height:0;
  float:left;
}

#header #logo a{
  position:relative;
  left: 2em;
}

#header #top_header{ /*avd add*/
  float:right;
  display:block;
  height: 33px;
  width: 300px; /* leave room for logo to float up */
  margin: 0;
  /*width:760px; /* for IE6, otherwise menu gets pushed down */
  /*border:none;
  margin:7px 0px 0px 0px;
  padding:0px;
  position:relative;*/ 
  z-index:200;
}

#header #top_header a/*,
#header #top_header a:hover,
#header #top_header a:visited*/ { /*avd add*/
  display:block;
  padding: 0.5em 0.4em 0.3em 0.4em;
}

#header #bottom_header{ /*avd add*/
  position:relative;
  float:right;
  height: 71px;/**/
  width:760px; /* for IE6, otherwise menu gets pushed down */
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  overflow: visible;
}

/* force IE6 to display italic fonts in same width as normal fonts 
(otherwise Grid 960 divs may shift) */
* html .ie6-overflow-italic {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	zoom: 1;
}


/*********************************************************/
/*                      COLUMNS                          */
/*********************************************************/

.orange-top{
  border-top: 0.3em solid #ffa600;
  padding-top: 0.5em;
  margin-bottom: 1em;
}

.orange-top ul.padded-left li {
  padding: 0px 12px;
}

.orange-top ul.padded-right li {
  padding: 0px 10px;
}

.orange-top li.padded-top-bottom {
  line-height:1.3em;
  padding: 5px 0px;  
}

.orange-top hr,
.callout-column hr {
  margin-bottom:0;
}

.emphasis,
.emphasis-red,
.emphasis-green,
.emphasis-yellow {
  font-weight: bold;
}

.emphasis-red {
  color: #ff0000;
}

.emphasis-green {
  color: #008000;
}

.emphasis-yellow{
  color: #ffa600;
}

.code {
  font-family:"Courier New", Courier, monospace;
}

.floating-right {
  float: right;
}

.floating-left {
  float: left;
}

.right-text {
  text-align:right;
}

.left-text {
  text-align:left;
}

.super-text{
  vertical-align:super;
  font-size:70%;
}

.yellow-highlight-text{ 
  background-color:#FF0;
}

.margin-left-only{
  margin:0px 0px 0px 10px;
}

.margin-right-only{
  margin:0px 10px 0px 0px;
}

ul.circle-bullets {
  list-style-type:disc;
  text-align:left;
  margin-bottom:1em;  
}

li.indented-list-item{
  margin-left:3em;  
}

.insert-box{
  margin-bottom: 10px;
  border: 2px solid #f1f0f0;/*#ffa600;  */
}

.insert-box p{
  margin-bottom:10px;
}

.insert-box li{
  padding-right:5px;
}

ul.circle-bullets li{
  margin-left: 30px;
}

.form .list .li {
  float:left;
  text-wrap: none;
}

.form .list .li .checkboxtext {
  padding-left: 5px;
}

.form .list .li label:hover,
.form .list .li input:hover {
  cursor: pointer;
  text-decoration: underline;
  
}

.form .list .li input {
  position: relative;
  top: 2px;
  border: none;
}

.form .list.single .li{ width:100% } 
.form .list.double .li{ width:50%; }
.form .list.triple .li{ width:33.333%; }
.form .list.quad .li{ width:25%; }
.form .list.five .li{ width:20%; }
.form .list.six .li{ width:16.666%; }



/*********************************************************/
/*                     CONTENT                           */
/*********************************************************/

#main_container {
  overflow: hidden;
  text-align: left;
  margin: auto;
  clear:both;
}

.tier {
  margin-bottom: 0.5em;
  margin-top: 0.5em;		
}

.navigation {
  font-weight:normal;
  font-size:1em;
  padding: 3px 0;
  /*display:none;  uncomment this to hide the navigation link*/  
}

img.logo {
  padding-left: 10px;
}

img.picture-content-decoration {
  padding: 5px 10px 2px 15px; /* keep some distance from the margins for the images in main content */
  width: 100px;
}

img.column-decoration {
  margin: 0px 15px 2px 15px; /* keep some distance from the margins for the images in columns */
}

img.banner {
  margin: 2px 0px 2px 0px; /* keep some distance from the margins for the images in columns */	
}

.form{
  background-color:#f5f5f5;
  color:#555;
}

.form input,
.form select {
  border: 1px solid #d9d9d9;
  border-top-color: #c0c0c0;
}

.form .input-field { margin-bottom: 18px; }

.form .input-field input[type='text'],
.form .input-field input[type='password'],
.form .input-field select, 
select#organization {
  width: 100%;
  margin: 0; 
  padding: 13px 15px;
  box-sizing: border-box; 
  font-size: 15px;
  font-weight:;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 0px;
  display: block;
}


.form .input-field select.smallbox,
select#organization {
	padding:8px;
	font-size:14px;
}

table.form td {
	padding: 5px 0px;
}

.push_center {
  display: block;
  float: none;
  margin: 0 auto;
}

.form table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
}

.form table tr.tableBgOne {
  background-color: #e5e6f5;
}

.form table tr.tableBgTwo {
  background-color: #fff;
}

.form table th,
.form table td {
  padding:5px;
}

.form table td {
  font-size: x-small;
}

#header {/*added to default.css to pick up relative link*/
  background: url(../images/header-nolo_b.jpg) no-repeat;
}


/*********************************************************/
/*                SPECIAL DESIGN ELEMENTS                */
/*********************************************************/

.flip-panel {
  background: #ffffff url(../images/bg-flip-panel.gif) no-repeat bottom right;
  padding-bottom: 0.5em;
}

.simple-panel {
  background: #ffffff;
  padding-bottom: 0.5em;
}

.draw-shadow {
	position: relative;
	z-index:1;
}

.draw-shadow:after {
	-webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 3px 3px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 3px 3px 0px rgba(50, 50, 50, 0.5);
	position:absolute;
	z-index:-1;
	content:"";
    background:transparent;
	height: 100%;
	width: 100%;
	top:0;
	left:0;
}

.advancedtable button {
	border: none;
	background: none;
	color: #0075ad;
	font-family: Verdana, Arial, Geneva, sans-serif;
}

.advancedtable button:hover {
	cursor: pointer;
	text-decoration: underline;
}
 
.tabbedtable {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.tabbedtable .tab {
	color: #c7c7c7;
	padding: 5px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-box-shadow: 0px -1px 2px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px -1px 2px 0px rgba(50,50,50,0.5);
	box-shadow: 0px -1px 2px 0px rgba(50,50,50,0.5);
}

.tabbedtable .tab.highlighted {
	color: #555;
	padding: 15px;
	-webkit-box-shadow: 0px -2px 3px 0px rgba(50,50,50,0.5);
	-moz-box-shadow: 0px -2px 3px 0px rgba(50,50,50,0.5);
	box-shadow: 0px -2px 3px 0px rgba(50,50,50,0.5);
}

.tabbedtable .tab:hover {
	cursor: pointer;
	color: #555;
	text-decoration: underline;
}

.tabbedtable table {
	display: none;
	width: 100%;
	margin: 0px;
}

.tabbedtable table.highlighted {
	display: table;
}

.tabbedtable table td {
	border-bottom: 1px solid #DDD;
    padding: 3px 15px;
}

.tabbedtable table tr.odd td {
	background-color: #fafafa;
	background-color: #FDFDFD;
}

.tabbedtable table tr.even td {
	background-color: #dcdef5;
	background-color: #EEE;
}

#slider {
	z-index:2;
}
	
#slider_background {
	/*for chrome; browser removes js-slider images on cache deletion*/
    position:absolute;
	top:2px;
	right:0px;
	width:440px;
	height:67px;
	z-index:1;
}

#searchtable {
    background-color: #f4f8fa;
    border: solid 1px #d4e2ea;
    margin-bottom: 5px;
}

#searchtable td {
    padding: 3px;
}

#searchtable input {
    padding: 4px 6px;
    border: solid 1px #7f9db9;
}

/*********************************************************/
/*						BUTTONS							 */
/*********************************************************/

.button input[type='submit'].three-d {
	background-color: #f5f5f5;
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	color: #444;
	border: 1px solid #b8b8b8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-weight:bold;
	cursor: pointer;
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
	white-space: nowrap;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.09),
		1px 1px 0 rgba(255,255,255,.06),
		-1px -1px 0 rgba(0,0,0,.05),
		inset 1px 1px 0 rgba(255,255,255,.08);
    box-shadow: 0 1px 0 rgba(255,255,255,.09),
		1px 1px 0 rgba(255,255,255,.06),
		-1px -1px 0 rgba(0,0,0,.05),
		inset 1px 1px 0 rgba(255,255,255,.08);
}

.button input[type='submit'].three-d:hover {	
	background-color: #F8F8F8;
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	border-color: #C6C6C6;
	color: #333;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.25);
	box-shadow: 0px 1px 1px rgba(0,0,0,.25);
}

.button input[type='submit'].three-d:active,
.button input[type='submit'].three-d.active {
	box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.25);
	background: #d9d9d9;
	border-color: #C6C6C6;
}

.button input[type='submit'].three-d.active {
	cursor: default;
	color: grey;
}

/* =Buttons (Sizes)
-------------------------------------------------------------- */
.button > input[type='submit'].small {
	font-size:12px !important;
	padding: 8px 14px !important;
	margin: 0px !important;
}

.button > input[type='submit'].medium {
	font-size: 14px !important;
	padding: 8px 18px !important;
	margin: 0px;
}

.button > input[type='submit'].large {
	font-size: 18px;
	padding: 10px 35px;
	margin: 0px;
}

.button > input[type='submit'].xlarge {
	font-size: 24px;
	padding: 12px 55px;
	margin: 0px;
}

.button > input[type='submit'].hFill {
	font-size: 11px;
	padding: 10px 18px;
	width: 100%;
}

/* =Buttons (Colors: Blue)
-------------------------------------------------------------- */
.button input[type='submit'].teal {
	background: #0075ad;
	border-color: #00689c;
	/*border-color: #b8b8b8;*/
	color: #fff;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.09),
		1px 1px 0 rgba(255,255,255,.06),
		-1px -1px 0 rgba(0,0,0,.05),
		inset 1px 1px 0 rgba(255,255,255,.08);
    
}

.button input[type='submit'].teal:hover {
	background: #1185b8;
	border-color: #006aa3;
	
	color: #fff;
}

.button input[type='submit'].teal:active {
	background: #006aa3;
	border-color: #006aa3;
}


/* =Buttons (Colors: White)
-------------------------------------------------------------- */
.button input[type='submit'].white2blue {
	background: #fff;
	border-color: #0075ad;
	color: #0075ad;
}

.button input[type='submit'].white2blue:hover {
	background: /*#0075ad #f5f5f5*/ #fff;
	border-color: /*#0075ad*/;
	color: /*#fff;*/#0075ad;
}

.button input[type='submit'].white2blue:active {
	background: /*#006aa3 #f5f5f5*/ #fff;
	/*color: #fff;*/
}