/*
Site Colors
Blue:  #6DADEC /#2D4B7D / #C7DFF4
Links: #006699
Green: #669933 / #85c446
Orange:#DF7D35
Black: #232228
*/

.soi-body{
	font-size: .9em;
	background-color:#C7DFF4;/*#e4e4e4;*/
	font-family: 'Trebuchet MS',Futura,Arial,sans-serif; 

}

.soi-body-inner {
	padding-top: 10px;
}

div.container-fluid {
	background-color:#DFECFB;
	max-width:980px;
	border-left: thin #2D4B7D solid;
	border-right: thin #2D4B7D solid;
}
a, a:link {
	color: #006699;
	text-decoration:underline;
}

a:visited {
	color: #006699;
	text-decoration:underline;
}

a:hover {
	color: #006699;
	text-decoration:none !important;
}

.content a, .content a:link {
	color: #006699;
	text-decoration:underline;
}
.content a:visited {
	color: #006699;
	text-decoration:underline;
}

.soi-footer-links a, .soi-footer-links a:link {
	color:#0C95C9;
}
.soi-footer-links a:visited {
	color:#0C95C9;
}

/* motto on banner */
div.soi-motto {
	padding-right: 10px; 
	font-style:italic;
	font-size:14px;
	color:#fff;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	max-width: 450px; 
	/*text-shadow: 2px 1px 2px rgba(45, 75, 125, 0.61);
	-moz-text-shadow: 2px 1px 2px #2D4B7D;
	-webkit-text-shadow: 2px 1px 2px #2D4B7D;
	filter: dropshadow(color=#576F97, offx=1 offy=2);*/
	display: block; /* that's the important part */
}

div.soi-motto p {
	line-height: 17px;	
}

.search {
	padding-top:30px;
	padding-bottom:5px;
	padding-right: 30px;
}

.screen_hidden {
	display:none;
}

.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}


/* ===================================================================================
   Accessibility area in header
   =================================================================================== */
div.soi-ADATools {
	position: absolute;
    width: 300px;    
	text-align:right;
	margin-top: 2px;
}

.soi-ADATools .title {
	font-size:10px;
}

/* fonts */
div.soi-ADATools a
  {
  color:#4682B4;
  outline:none;
  font-weight:bold;
  padding:0 1px;
  text-decoration:none;
  text-align:right !important;
}

.soi-ADATools a.small
  {
  font-size:12px;
  }

.soi-ADATools a.big
  {
  font-size:18px;
  }

.soi-ADATools a.bigger
  {
  font-size:24px;
  }

.soi-ADATools a:hover
  {
  color:#000;
  }
 
 /* themes */
.soi-ADATools .theme_color {
	color: #000;
	font-size:16px;
	background: #6EAEEC;
	border: #D4E174 thin solid;
}

.soi-ADATools .theme_blue {
	color: #FCFBE3;
	font-size:16px;
	background: #000033;
	border: #FCFBE3 thin solid;;
}

.soi-ADATools .theme_blue:hover{
	color: #fff;
}

.soi-ADATools .theme_black {
	color: #ffff00;
	font-size:16px;
	background: #000000;
	border: #000000 thin solid;;
}
.soi-ADATools .theme_black:hover {
	color: #fff;
}

.soi-ADATools .theme_white{
	color: #000;
	font-size:16px;
	background: #fff;
	border: #fff thin solid;
}
/* ===================================================================================
   Header - banner, logo, search 
   =================================================================================== */
/*Banner */
.soi-banner-inner{
	border-bottom: 5px #fff	solid;
	border-top:thin #2D4B7D solid;
	height: 118px;
	background: #6dadec; /* Old browsers */
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZX");
	background: -moz-linear-gradient(left,  #f4f8fd 2%, #95c3f1 52%, #6dadec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(2%,#f4f8fd), color-stop(52%,#95c3f1), color-stop(100%,#6dadec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #f4f8fd 2%,#95c3f1 52%,#6dadec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #f4f8fd 2%,#95c3f1 52%,#6dadec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #f4f8fd 2%,#95c3f1 52%,#6dadec 100%); /* IE10+ */
	background: linear-gradient(to right,  #f4f8fd 2%,#95c3f1 52%,#6dadec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fd', endColorstr='#6dadec',GradientType=1 ); /* IE6-8 */
}

.soi-site-logo{
	z-index: 100;
	position:absolute;
	top:5px;	
}


/* ===================================================================================
   Global navigation
   =================================================================================== */

div.soi-topnav-wrapper div.soi-topnav-inner {
  	background-color: #D4E174; /*#0C95C9;*/
   -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);*/
  	filter: none;
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-moz-box-shadow: inset 0px -3px 8px 0px #7E9E3A;
	-webkit-box-shadow: inset 0px -3px 8px 0px #7E9E3A;
	box-shadow: inset 0px -3px 8px 0px #7E9E3A;
}

.navbar {
	margin-bottom:0px;

}

.lt-ie9 .navbar {  
		display: table;   /* Allow the centering to work for IE8 and below*/
		margin: 0 auto;
 } 



.navbar-inner {
	/* default fallback */
	background: rgb(255, 255, 255) transparent; /*#0C95C9;*/	
	/* nice browsers */
	background: rgba(255, 255, 255, 0);
	/* IE 6/7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* IE8 */    
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-image:none;
 	border-width: 0;
 	
 }

.menu-horizontal ul.static {
	min-width: 980px;
	list-style: none;
	padding-top: 20px;
}
.nav li	{
	list-style:inherit; /* bug in Firefox - force it to none; fix border issues*/
}

.nav li.static > .menu-item {
	color: #2c4775;/*#232228;*//*#e4e4e4;*/
	font-size:16px;
	font-weight:600;
}

.soi-topnav-inner UL.root > li.static > .menu-item {
	/* Hide root site link */
	display: none;
}

.soi-topnav-inner .nav li.static > .menu-item {
	border-right: 1px solid #7E9E3A;
	border-left: 1px solid #cade65;
	}

.soi-topnav-inner .nav li.static:first-child > .menu-item {
	border-left:0;
}
.soi-topnav-inner .nav li.static:last-child > .menu-item {
	border-right:0;
}

.soi-topnav-inner .nav li.static > .menu-item span.menu-item-text {
	text-align:center;
}

.nav li.static > .selected.menu-item {
	background-color:#4E8CE0;
	filter: none;
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-moz-box-shadow: inset 0px -3px 8px 0px #1C539D;
	-webkit-box-shadow: inset 0px -3px 8px 0px #1C539D;
	box-shadow: inset 0px -3px 8px 0px #1C539D;
}

.nav li.static > .menu-item.selected {
	background-color:#4E8CE0;
	filter: none;
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-moz-box-shadow: inset 0px -3px 8px 0px #1C539D;
	-webkit-box-shadow: inset 0px -3px 8px 0px #1C539D;
	box-shadow: inset 0px -3px 8px 0px #1C539D;

}
.nav li.static li.static:hover > .menu-item,
.nav li.static li.static:focus > .menu-item,
.nav li.static li.static:active > .menu-item {
	background-color:#4E8CE0;
	filter: none;
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-moz-box-shadow: inset 0px -3px 8px 0px #1C539D;
	-webkit-box-shadow: inset 0px -3px 8px 0px #1C539D;
	box-shadow: inset 0px -3px 8px 0px #1C539D;
}
.nav li.static > .selected, 
	.nav li.static > a:hover, 
	.nav li.static > a:focus, 
	.nav li.static > a:active {
	background-color:#4E8CE0;
	filter: none;
  	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
	-moz-box-shadow: inset 0px -3px 8px 0px #1C539D;
	-webkit-box-shadow: inset 0px -3px 8px 0px #1C539D;
	box-shadow: inset 0px -3px 8px 0px #1C539D;
}

/* Sub-menus*/
.nav ul.dynamic {
	background-color: #fff;
	padding: 0;
}

.nav li.dynamic > .selected.menu-item {
	background-color:#edf3c7;
	color:#003366;	
}

.nav li.dynamic > .menu-item.selected {
	background-color:#edf3c7;
	color:#003366;
}

.nav ul.dynamic a {
	padding: 2px 5px;
	text-decoration: none;
	border-bottom: 1px dotted #75B1ED;
}

.nav ul.dynamic a:hover {
	background-color: #edf3c7;
	color:#003366;
	text-decoration: none;	
}


/* ===================================================================================
   Local navigation
   =================================================================================== */

.s4-ql UL.root
{
	xborder-bottom: 3px #232228 solid !important;
}

.s4-ql UL.root > LI > .menu-item
{
	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	
}

.ChromeDefault.cssbox.Vertical {
	margin-bottom: -20px !important;

}

.ChromeNone.Vertical {
	padding-left: 10px;
}

.ChromeNone.Vertical > .menu-item  {
	padding-left: 10px;
}


.s4-ql ul.root ul > li > a, a.soi-bullet
{
	xcolor:#303636;
	padding-left:20px;
	xbackground-image:url('images/GreenArrow.png');
	background-repeat:no-repeat;
	background-position:5px 5px;
}

.s4-ql ul.root ul > li > a.selected {
	padding-left:20px !important;
}

.s4-ql ul.root ul > li > a:hover
{
	color:#fff;	
	background-color:#CD481F;
}

.s4-ql A.selected
{
	color:#fff !important;	
	background-color:#CD481F;
	background-image:none;
}
/* ===================================================================================
   /END Local navigation
   =================================================================================== */

.soi-sidebar h2 {
	background-color:#232228;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	line-height:20px;
	font-size:1.2em;
	padding:3px 4px 3px 10px;
	
}

/*	===================================================================================
	Footer
	=================================================================================== */

div.soi-footer-inner {
	background-color: #333333; /*#242427;*/
	color:white;
}

div.soi-footer-inner ul {
	margin-left:0px;
	list-style-type:none;
	list-style-position:outside;
	list-style-image:none;
}

.soi-footer-upper{
	margin-left:50px;
	margin-top:20px;
	
}
.soi-footer-upper h3 {
	color: #fff;
	font-size:16pt;
	font-weight:normal !Important;
}

.soi-footer-upper a {
	color: #95BBEF;
}

.soi-footer-lower{
	color: #95BBEF; 	
}

.soi-footer-lower .copyright {
	color: #fff; 	
}

/*	===================================================================================
	IDHHC Specific Styles
	=================================================================================== */	

div.soi-link-item {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #6DADEC;
	max-width: 200px;
}

div.soi-link-item  a {
	padding-top: 10px; 
	color: #fff !important;
	font-weight:bold;
	text-shadow: 2px 1px 2px rgba(45, 75, 125, 0.61);
	-moz-text-shadow: 2px 1px 2px #2D4B7D;
	-webkit-text-shadow: 2px 1px 2px #2D4B7D;
	filter: dropshadow(color=#576F97, offx=1 offy=2);
}

.cssbox > .cssbox_head {
	background-color: #D4E174;
	border-color: #91AD46;
}

/* Licensure Directory hide last column used for sorting - mobile */
th.soi-sorthidden { 
	display: none !important; 
} 

td.soi-sorthidden { 
	display: none; 
}

table.dataTable tr.child ul li:last-child {
    display: none;
}

/* Members list styles */
.ms-vh2 {
	font-size: .9em;
	font-weight: bold;
}

.ms-vb2 {
	font-size: .9em;
	color: #333;
	padding: 10px;

}
/* Google maps on Contact us page */					
#map-container { 
	height: 380px;
	border: thin black solid;
}

#map-container img { 
	max-width: none !important;
}


.whitespace, .boxin {
	background-color:#DFECFB;
}

ul.soi-dfwp-list {
	list-style:disc !important;
}

.soi-idhhcaddress {
	margin-top: 10px;
	font-size:.9em;
	line-height: 0.5;
}

.srch-stats {
	background: #DFECFB !important;
}

.srch-WPBody {
	background: #DFECFB;
}

/* styles for Fees Table */
.idhhc-fees-table th {
    font-size: 1.1em;
    font-weight:bold !important;
    background-color:#4F81BD !important;
    color:#fff;
    text-align: center;
}

.idhhc-fees-table tr:nth-child(even) {
	background: #D3E0EF !important;
}

.idhhc-fees-table tr:nth-child(odd) {
	background: #fff !important;
}

/* Fees buttons*/
a.idhhc-buttons {
	background-color: #3bb3e0;
	padding: 10px;
	position: relative;
	font-family: 'Trebuchet MS',Futura,Arial,sans-serif; 
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	border: solid 1px #186f8f;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229)) );
	-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
a.idhhc-buttons::before {
	background-color: #ccd0d5;
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 8px;
	left: -8px;
	top: -8px;
	z-index: -1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
	box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}
a.idhhc-buttons:active {
	padding-bottom: 9px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 11px;
	top: 1px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202)) );
}
	
div.container_button1{
	width: 148px;
	margin: 0 auto;
	background: rgba(255,255,255,0.3);
	padding: 15px 0px 5px 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15) inset;
	display:block;
}

div.container_button2{
	width: 137px;
	margin: 0 auto;
	background: rgba(255,255,255,0.3);
	padding: 15px 0px 5px 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15) inset;
	display:block;
}

/*	===================================================================================
	IDHHC Interpreter Directory Styles
	=================================================================================== */

.idhhc-inter-details{
	background-color: #ffffff;
	padding:5px;
	color:#000 !important;
}

div.idhhc-inter-details h3 {
	color:#19488A;
}

.idhhc-inter-details p {

	color:#000 !important;
}

div.idhhc-inter-details ul {
	list-style-type: none;
}

div.soi-back-button {
	padding: 5px;
	
}

.idhhc-directoryname, .idhhc-licensetype, .idhhc-licensestatus {
	font-size:1.2em;
}
.idhhc-directoryname{
	color: #2D4B7D;
}


/* ===================================================================================
   Custom for media displays
   =================================================================================== */
 
  /* start of modification for 5 columns */
@media (min-width:980px){
	.navbar {
        display: table;   /* Allow the centering to work */
		margin: 0 auto;
	}
}

@media (max-width:975px){
	.nav .menu-horizontal li.dynamic > a, .nav .menu-horizontal li.dynamic > .menu-item {
		color: #006699;
	}
	
	div.soi-motto { 
		font-size:small; /* to handle the longer motto */
		max-width: 315px;
	}
}

@media(max-width:768px) {
	.soi-banner-inner {
		height:70px;
	}
		
	div.soi-motto { 
		display: none;	/* to handle the longer motto - hide for mobile */
	}

	.soi-site-logo
	{
		height:65px;
	}
	
	.soi-searchResults .ms-sbtable-ex input.ms-sbplain {
		width:250px !important;
	}
	
	.container-fluid {
		border-left: 0;
		border-right: 0;
	}
	
	div.soi-ADATools {
		position: absolute;
		text-align:right;
		margin-top: 82px;
		margin-right: 10%;
		max-width: 180px;
	}
	
	.soi-ADATools .title {
		display:none;
	}
	
	div.soi-link-item {
	width: 250px;
	}
	
	ul.soi-dfwp-list  {
	    margin:auto;
	}
	
	ul.soi-dfwp-list  li {
	    text-align:center;
	}	
	/* footer resize */
	div.soi-footer-inner {
		float: none;
    	margin-left: auto;
    	margin-right: auto;
	}
	
	span.copyright {
    	display: block;
	}
	
	.ChromeDefault.cssbox.Vertical {
		margin-bottom: 10px !important;
	}

}