/*
Theme Name: No Show Jo
Description: Child of Invert Lite
Author:   Innovative Solutions
Template: invert-lite
(optional values you can add: Theme URI, Author URI, Version)
*/


@import url("../invert-lite/style.css");
@import url("tooltip.css");
@import url("nsj.css");
@import url("reportforms.css");
/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('./google/roboto-condensed-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('./google/roboto-condensed-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./google/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./google/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./google/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./google/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('./google/roboto-condensed-v16-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
       url('/google/roboto-condensed-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/google/roboto-condensed-v16-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/google/roboto-condensed-v16-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/google/roboto-condensed-v16-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/google/roboto-condensed-v16-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('./google/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('./google/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./google/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./google/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./google/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./google/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('/google/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('./google/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./google/roboto-condensed-v16-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./google/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./google/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./google/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/google/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('./google/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./google/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./google/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./google/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./google/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('./google/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('./google/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./google/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./google/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./google/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./google/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/***************************************************** 
CSS Tooltips.  Example usage:
<a href="#" class="tooltip" data-tip="this is the tip!">click here</a>
************************************************/
a.tooltip::before {
	content: attr(data-tip) ;   

	font-size: 10px;
	position:absolute;
	z-index: 999;
	white-space:nowrap;
	bottom:9999px;
	left: 50%;
	background:#000;
	color:#e0e0e0;
	padding:0px 7px;
	line-height: 24px;
	height: 24px;

	opacity: 0;  
	transition:opacity 0.4s ease-out; 
}
a.tooltip:hover::before {
	opacity: 1;
	bottom:-35px;
}

.page-item {
padding: 0px;
margin: 0px;
height: 25px;
}

.logo {
width:150px;
height:150px;
float: left;
}

#logo.span3 {
padding:0px;
width: 1024px;
height: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
position: static;
float: none;
background-image: url(../images/headerclock.png);
background-size: 100%;
}

.headermsgarea {
float: left;
width: 874px;
}

.infobox {
height: 92px;
}



.bigtextsm {
margin: 10px 7px 2px 7px;
float: left;
font-size: 36px;
font-weight: normal;
color: #006600;
text-shadow:
    0px 0px 0 #FFF,
  -1px -1px 0 #FFF,
   1px -1px 0 #FFF,
   -1px 1px 0 #FFF,
    1px 1px 0 #FFF;
}


.secfeatbox {
border: 1px solid #ff80ff;
border-radius:15px;
margin: 20px;
padding: 10px;
}

.skeparaeffsect {
color: #333;
width: 800px;
margin-left: auto;
margin-right: auto;
}

.main-wrapper-item {
margin-top: 0px;
margin-left: auto;
margin-right: auto;
width: 1024px;
}



.jofooter {
padding-top:20px;
margin-bottom: 20px;
width: 1024px;
text-align: center;
height: 75px;
background-color: #fff;
}


.column-justified {
text-align:justify;
text-justify:inter-word;
}

.notify-insert {
margin-left: 200px;
}

.contact-icon {
float: left;
width: 160px;
height: 100px;
margin-top: 20px;
margin-right: 9px;
margin-left: 18px;
text-align: center;
}

.contact-text {
float: left;
width: 160px;
height: 50px;
margin-top: 40px;
margin-right: 7px;
margin-left: 18px;
border:1px solid #CCC;
border-radius: 20px;
text-align: center;
box-shadow: 2px 2px 2px #888888;
background-color: #ffcc01;
}

.contact-text > a {
line-height: 50px;
display: block;
color: #000;
text-shadow: 0 0 5px #FFF;
}

#popupstuffer{
width: 600px;
height: 475px;
display: block;
vertical-align: middle;
position:absolute;
background-color: #006600;
color: #FFF;
border-radius: 20px;
border: 2px solid #000;
text-align:center;
}

.popupcloser{
z-index: 100;
position:relative;
height: 32px;
width: 32px;
top: -10px;
left: 580px;
background-image: url(../../uploads/2014/05/popup-closer.png);
}

#insertarea {
display: block;
z-index: 50;
position:relative;
width: 600px;
height: 415px;
}

.openobject {
overflow: hidden;
background-color: #FFF;
width:100%;
height:100%;
}

.colheader {
width:100%;
height: 40px;
}

.colendleft {
float:left;
background: transparent url(../../uploads/2014/05/green-glass_01.png) no-repeat right top;
height: 40px;
width: 5%;
}

.colcenter {
float:left;
text-align:center;
background: transparent url(../../uploads/2014/05/green-glass_02.png) repeat-x;
color: #FFCC00;
text-shadow: 0px 0px 8px #000;
font-size:24px;
width:90%;
height: 40px;
line-height: 40px;
}

.colendright {
float:left;
background: transparent url(../../uploads/2014/05/green-glass_03.png) no-repeat;
height: 40px;
width: 5%;
}

.yellowbutton {
margin: 0 auto 0 auto;
background-image:url(/wp-content/plugins/report-a-jo/images/yellowbutton.png);
background-size: 20em 4em;
background-repeat: no-repeat;
background-color: transparent;
height: 4em;
width: 20em;
line-height: 4em;
text-align: center;
}

.yellowbutton2 {
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 1px solid #555;
padding: 0 4px 0 4px;
color: #000;
background-color: #FFCC01;
}


.redbtn {
height: 60px;
width: 326px;
text-align: center;
line-height: 60px;
border: 3px solid #000;
border-radius: 25px;
cursor:pointer;
}

.grnbtn {
background: transparent url(/images/green_button.png) no-repeat;
height: 60px;
width: 326px;
text-align: center;
line-height: 60px;
margin: 0 auto 0 auto;
font-size: 13px;
display: block;
font-weight: bold;
letter-spacing: -2px;
border:none;
}

.grnbtn > a {
font-size: 24px;
display: block;
color: #FFFFFF;
font-weight: bold;
letter-spacing: -2px;
}

.reportsubmitted {
margin-top:20px;
margin-left:auto;
margin-right:auto;
width:400px;   /* ao150225 300 */
text-align:center;
font-size: 22px;
}

.butnheader {
height: 43px;
width: auto;
margin-bottom: 20px;
display: block;
}

.butnendleft {
float:left;
background: transparent url(/images/yellow3_01.png) no-repeat;
height: 43px;
width: 29px;
}

.butncenter {
float:left;
text-align:center;
background: transparent url(/images/yellow3_02.png) repeat;
height: 43px;
line-height: 40px;
padding: 0 10px 0 10px;
}

.butncenter > a {
color: #FFF;
text-shadow: 0 0 5px #000;
font-size:24px;
padding: 0;
margin: 0;
}

.butnendright {
float:left;
background: transparent url(/images/yellow3_03.png) no-repeat;
height: 43px;
width: 29px;
}

.shortheader { width:95%; background-color: #a00000; color: #fff; border:1px solid #000; }

.search-text {
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
display: block;
}

.search-text strong {
display: block;
padding-top: 20px;
}

.field account-sign-in {
font-size: 20px;
}

.job-manager-form, .job-manager-form label, .job-manager-form strong, input-text {
font-size: 20px;
}

.job-manager-form h2 {
font-size: 24px;
}

.account-form-div {
float: left;
margin-left: 60px;
margin-right: 50px;
display: block;
}

#insert_user {
text-align:center;
margin-left:auto;
margin-right: auto;
}

.signuplogin {
float: right;
margin-top: 25px;
margin-right: 4px;
letter-spacing: 2px;
white-space: nowrap;
font-weight:bold;
}

.signuplogin a::after {
content: " • ";
}

.signuplogin a:last-of-type::after {
content: "";
}



#wrapper {width:auto ; }

#left{
float:left;
width:50%;
background:transparent;
}

#right{
background:transparent;
float:right;
}

td {
font-family: Verdana, Helvetica, Arial, San-Serif;
/*font-family:  Arial, Sans-Serif;*/
font-size: 10pt;
}

/* flexslider EZ */
.flexslider {
margin-top: 0px;
}



.colign {
font-weight: bold;
font-size: 20pt;
color: #FFFFFF;
}

form.searchme {
width: 230px;
}

#topsearch {
/** line-height: initial; **/
}

.searchcontrols {
/*** display: inline-block; ***/
font-weight: normal;
}

.searchcontrols table {
margin: 0px auto;
width:100%;
}
.searchcontrols input {
}

#featured-box .container {
width: auto;
}

.skt-section {
 padding: 0em;
}

/* Remove the default border that comes with jquerytabber, because it looks bad. */
div.jquerytabber ul {
	border-style: none;
}

/* By default, the cursor for the active tab is the text cursor, even though you can click the tab. */
.jquerytabber.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	cursor: pointer;
}

.jquerytabber.ui-tabs .ui-tabs-nav li {
	display: inline-block;
	float: none;
}

/* By default, the tabs have -1px of margin and 1px of padding on the bottom, which causes issues. */
.jquerytabber.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0px;
	padding-bottom: 0px;
}