/* Copyright OwlGS 2014 */

/* 1. Reset  - do NOT modify!
--------------------------------------------------------------------------*/


/* 2. Basic Elements
--------------------------------------------------------------------------*/

body {
	overflow-y: scroll;
}

h1#modsecond {
	height: 30px;
}



/* 3. Generic Classes
--------------------------------------------------------------------------*/

/* --- Jim's Checkboxes (for Desktop only?) --- */

.pseudocheckbox {  
    display: inline-block;
}

.pseudocheckbox label {  
display: inline-block;
cursor: pointer;
position: relative;
top: -15px;
margin-right: 15px;
background-color: white;
width: 15px;
height: 15px;
padding-left: 20px;
}  

.pseudocheckbox label:before {  
    content: "";  
    display: inline-block;  
    width: 11px;  
    height: 11px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    border: 2px solid #111;
    border-radius: 3px;
}  

.pseudocheckbox input[type=checkbox], .pseudocheckbox input[type=radio] {  
	display: block;
	position: relative;
}  

.pseudocheckbox input[type=checkbox]:checked + label:before, .pseudocheckbox input[type=radio]:checked + label:before {  
    content: "\2713";  
    font-size: 20px;
    font-weight: bolder;  
    color: #00DD00;  
    line-height: 7px;  
}  

.pseudocheckbox input[type=checkbox]:focus + label:before, .pseudocheckbox input[type=radio]:focus + label:before {
         background-color: lightblue;
}

/* Jim's Custom Input Classes */

.match_list .selected{
	background-color: lightblue;
}

.inputspecial{
	border-style: solid;
	border-width: 2px;
	border-color: gold;
	background-color: #efeeee;
}

.inputnormal{
	border-style: solid;
	border-width: 2px;
	border-color: #6699FF;
	background-color: #ffffff;
}

.inputdisabl{
	display: block;
	width: 220px;
	height: 22px;
	line-height: 22px;
	padding-left: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #1D1D1D;
	background-color: #f4f4f4;
	color: #000000;
	white-space: nowrap;
	overflow: hidden;
}

/* --- News list --- */
/* --- Attachments list --- */
/* --- Links --- */




/* --- Messages --- */
/* --- photo frame & content photos --- */
/* --- Other --- */

.label { font-weight:bold; }





/* 4. Basic Layout
--------------------------------------------------------------------------*/

#main_inner {
    min-height: 500px; /* so green box shows when there is no content on page */
	margin-bottom: 50px;
}

#page h1, #pagextra h1, #editpage h1, #neweditpage h1, #tcontrol h1, #inventorycodes h1  {
	padding: 25px 0px 15px 120px;
}

#client {
	display: inline-block;
	margin-left: -120px;
}

#client h1 {
	text-align: center;
}

#scrollinner {
	display: inline-block;
}

#approveframe {
	width: 100%;
	height: 400px;
}

.stamp_options {
	height: 40px;
	text-align: left;
	font-size: large;
}


/* Delete Confirmation ----   REVIEW THESE AND ADD TO BOXFRAME AREA */

#deleteconfirm {
	display: none; 
}

#deleteconfirmmessage {
	padding-top:40px;
}
#deleteconfirmbuttons, .deleteconfirmbuttons {	text-align:center; }

/* Password Change */

#passwordframe {
	width: 300px;
	height: 140px;
}
.sigframe {
	width: 100%;
	height: 100%;
}

#jobcheck, #passwordreset {
}


/* 5. Header
--------------------------------------------------------------------------*/

#header {
	width: 100%;
	height: 140px;
	background-color: #61821D
        background: -webkit-linear-gradient(#61821D, #A4D53E); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#61821D, #A4D53E); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#61821D, #A4D53E); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#61821D, #A4D53E); /* Standard syntax */
        border-bottom: 5px green solid;
  }

 

/* 6. Content
--------------------------------------------------------------------------*/
/* external link */
/* --- video --- */
/* --- unsorted list --- */

#page ul {
	margin-top: 20px;
	margin-left: 30px;
}

#page ul li {
	margin-left: 20px;
	padding-bottom: 5px;
}

#page .pagebuttons, #pageplusjt .pagebuttons {
	display: inline-block;
	list-style-type: none;
	font-size: 14px;
	text-align: center;
	height: 18px;
	margin-top: 0px;
	margin-left: 10px;
}

#page .pagebuttons li, #pageplusjt .pagebuttons li {
	margin-left: 2px;
	padding-bottom: 5px;
	cursor: pointer;
}

#page .pagebuttons li p, #pageplusjt .pagebuttons li p{
	padding-left: 2px;
}

/*	list view column heads		*/

.tRow a.ascending:after {
   content:"\25BC";
   opacity:0.2;
   font-size: 12px;
   display:inline-block;
   position:relative;
   bottom: -1px;
}   

.tRow a.descending:after {
   content:"\25B2";
   opacity:0.2;
   font-size: 12px;
   display:inline-block;
    position:relative;
    bottom: -1px;
}

.tRow a.descending.selected:after {
   opacity:0.8;
}

.tRow a.ascending.selected:after {
   opacity:0.8;
}




#form tr:hover {
	background-color: #E1E2D8;
}

/* --- numbered list --- */
/* --- tables --- */

th {
	padding: 5px 10px 4px 0px;
	text-align: left;
	vertical-align: bottom;
}

td {
	padding: 0px 10px 5px 0px;
	margin: 0px 0px 4px 0px;
}




tr td.checkbox img {
	padding: 3px;
	width: 20px;
	height: 20px;
	background: url(../images/icons/icon_checkbox.png) no-repeat center center;
}

tr td.checkbox.active img {
	padding: 3px;
	background: url(../images/icons/icon_checkbox_checked.png) no-repeat center center;
}

tr td.moverow> img {
	padding: 3px;
	width: 20px;
	height: 20px;
	background: url(../images/icons/icon_moverow.png) no-repeat center center;
}

tr td.moverow.active img {
	padding: 3px;
	background: url(../images/icons/icon_moverow_checked.png) no-repeat center center;
}

.add {
	margin-top: 3px;
}


/* --- Icons in content --- */

.navarequest {
	background: url(../images/icons/icon_request.png);
}
.navarequest:hover {
	background: url(../images/icons/icon_request_over.png);
}

.navasettings {
	background: url(../images/icons/icon_gear.png);
}
.navasettings:hover {
	background: url(../images/icons/icon_gear_over.png);
}

.navalogout {
	background: url(../images/icons/icon_x.png);
}
.navalogout:hover {
	background: url(../images/icons/icon_x_over.png);
}

/* --- Search results --- */
/* --- Photogallery --- */
/* --- News --- */

/* 7. Sidebar
--------------------------------------------------------------------------*/

/* 8. Footer
--------------------------------------------------------------------------*/

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	margin: -50px 0 0 0;
	float: none;
	background-color: #61821D
        background: -webkit-linear-gradient(#A4D53E,#61821D); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#A4D53E,#61821D); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#A4D53E,#61821D); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#A4D53E,#61821D); /* Standard syntax */
        border-top: 5px #D6DDC8 solid;
	color: #1D1D1D;
  }

#footer p {
	padding-left: 30px;
	padding-top: 25px;
	color: #1D1D1D;
}

#footer >img:nth-child(1){
	position: absolute;
	height: 50%;
	margin-top: 6px;
	margin-left: 4px;
}

#footer >img:nth-of-type(2){
	position: absolute;
	right: 0px;
	top: 0px;
	height: 80%;
	margin-top: 6px;
	margin-right: 24px;
}

#debdivbutton {
	position: fixed; 
	bottom: 0px; 
	right: 0px;  
	width: 140px; 
	height: 30px;
}
.debug_window {
	position: fixed; 
	bottom: 5px; 
	right: 5px; 
	width: 0px; 
	height: 30px; 
	line-height: 30px; 
	overflow: hidden; 
	border: 0px;
	border-style: none;
}



/* 9. Navigation
--------------------------------------------------------------------------*/
/* --- Breadcrumbs --- */
/* --- Sitemap --- */

#nav_public {
	display: none;
	position: absolute;
	top: 30px;
	left: 180px;
	width: 150px;
  }


/* --- Main Menu --- */

#nav_account {
	position: absolute;
	background-repeat: no-repeat;
	top: 15px;
	right: 25px;
	display: block;
	text-align: right;
}

#nav_account span {
	font-weight: bold;
}

#nav_account li {
	display: inline-block;
	list-style-type: none;
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
}

#nav_account .username {
	padding-top: 10px;
	vertical-align: top;
}

#nav_office {
	display: inline-block;
	position: absolute;
	top: 40px;
	left: 160px;
	text-align: left;
}

#nav_office li {
	display: inline-block;
	list-style-type: none;
	font-size: 110%;
	text-align: center;
	width: 4.5vw;
	height: 100px;
	position: relative;
	word-wrap: break-word;
	padding-bottom: .7vw;
	top: -.7vw;
}

#nav_office li:hover{
	z-index: 20
}

#nav_office li:hover a{
	color: white;
	font-size: 1.2vw;
}

.officenavitemhover li:hover, .officenavitemhover li.selected {
	background: url(../images/bg/bg_office_nav_item.png);
	background-size: 100% 100%;
}

#nav_office a .pubnavicon {
	padding-top: 8px;
	padding-bottom: 8px;
}

#nav_office a:hover, #nav_trouble a:hover {
	color: #1D1D1D;
}

#nav_trouble {
	position: absolute; 
	right: 20px; 
	top: 50px; 
	width: 100px; 
	height: 0px; 
	color: #1D1D1D; 
	text-align: center;
	font-size: 14px; 
//	z-index: 90; 
}
#nav_trouble a {
	display: inline-block;
}
#nav_trouble a:hover {
	background: url(../images/icons/icon_request_over.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.modoptions {
	display: inline-block;
	background: #1D1D1D url(../images/bg/bg_title_select.png);
	background-repeat: repeat-x;
	color: #FDFDEA;
	cursor: pointer;
}

.modoptions.selected {
	display: inline-block;
	color: #1D1D1D;
}

#erateform p.pselectbox{
	display: inline-block;
	position: relative;
	float: left;
	clear: left;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgb(243, 253, 234);
}

#erateform p.pselectbox:hover{
	cursor: pointer;
	background-color: rgb(253, 253, 223);
}

#erateform p.pselectbox.selected{
	border-style: solid;
	border-width: 1px;
}

.paging a, .paging a:hover {
	vertical-align: top;
}

/* 10. Forms
--------------------------------------------------------------------------*/

/* The #form div surrounds all the database content being displayed throughout the site */
#form {
	padding-bottom: 20px;
}

form {
padding:15px 0px 0px 0px;
margin:0px;
border:0px;
}

fieldset {
	padding:0px 0px 0px 100px;
	margin:0px;
	border:0px;
}

.formcontainer {
	display:block;
	width:600px;
	clear:both;
	padding:0px;
	margin:0px;
}

.labelcontainer {
	width:200px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	display:block;
}

.selectcontainer {
	float:right;
	margin-left:250px;
}

.formspacing {
	height:1px;
	font-size:1px;
	float:left;
	display:block;
	width:600px;
	padding:0px;
	margin:0px 0px 10px 0px;
	clear:both;
}

.submitcontainer {
	padding:0px;
	margin:0px 0px 0px 200px;
}

.red {
	color:#900;
}



/* iPhone style radio and checkbox buttons */

.field { width: 100%; float: left; }
.field input { margin: 0 0 0 20px; }
h3 span { color: #fff; padding: 3px; }
pre { background: #f4f4f4; }

/* Used for the Switch effect: */
.cb-enable, .cb-disable, .cb-middle, .cb-enable span, .cb-disable span, .cb-middle span {
	background: url(../images/bg/bg_switch.gif) repeat-x; display: block; float: left;
}
.cb-enable span, .cb-disable span, .cb-middle span {
	line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold;
}
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }

.cb-middle, .cb-middle span { background-position: 0px 0px;padding: 0 10px; }
.cb-middle.selected, .cb-middle.selected span { background-position: 0px -30px;padding: 0 10px; }

.switch label { cursor: pointer; }

/* Clayton's classes */
.titleleft, .titlemiddle, .titleright, .titleleft span, .titlemiddle span, .titleright span {
	background: url(../images/bg/bg_switch.gif) repeat-x;
	display: block;
	float: left;
	cursor: pointer;
        font-size: 16px;
}

.titleleft:hover, .titlemiddle:hover, .titleright:hover, .titleleft span:hover, .titlemiddle span:hover, .titleright span:hover {
	color: #000; /* light orange */
        text-shadow: 1px 1px #ffa900;
}

.titleleft span, .titlemiddle span, .titleright span {
	line-height: 30px;
	display: block;
	background-repeat: no-repeat;
	font-weight: bold;
}

.titleleft span { background-position: left -90px; padding: 0 10px; }
.titleleft.selected { background-position: 0 -30px; }
.titleleft.selected span { background-position: left -120px; }

.titlemiddle span { padding: 0 10px 0 10px; border-left: thin solid #DDD;}
.titlemiddle.selected, .titlemiddle.selected span { background-position: 0 -30px; } /* both don't to avoid left missing one repeat */

.titleright span { background-position: right -180px; padding: 0 10px; border-left: thin solid #DDD;}
.titleright.selected { background-position: 0 -30px; }
.titleright.selected span { background-position: right -210px; }

/*	sysnotesNEW.php
--------------------------------------------------------------------------*/
p2{
	display: block;
	position: relative;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 16px;
	background-color: #f0f0f0;
}

h32{
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: #f0f0f0;
}

p2.selected, h32.selected{
	background-color: pink;
}

p2.folder{
	font-size: 16px;
	background-color: #d0e0f0;
	color: green;
	width: 96%;
}

p2{
	font-size: 14px;
	color: black;
}

p2.selected{
	font-size: 16px;
	background-color: pink;
}

#dadoc{
	width: 1100px;
	height: 440px;
	display: block;
	position: relative;
	overflow: auto;
}



/*  TIME CARD
__________________________________*/

#tmcd_date {
	background: #1D1D1D;
        border: #1D1D1D 1px solid;
	text-align: center;
}
#tmcd_period {
	margin-top: 5px;
	padding-bottom: 0px;
}
#tmcd_period p {
	vertical-align: middle;
	background-color: #FDFDEA;
	font-size: 14px;
}
#dateline {
	display: block; 
	position: relative; 
	margin-left: auto; 
	margin-right: auto; 
}

.dataline{
	position: relative;
	margin-left: 4px;
	padding-top: 6px;
	margin-bottom: 4px;
	width: 96%;
	height: 20px;
	overflow: hidden;
}

.dataline.twoline{
	height: 36px;
	text-align: center;
	white-space:nowrap;
}

.dataline.manyline{
	height: 100px;
}

.dataline.textarea{
	height: 44px;
}

.dataline td{
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
}

.dataline p{
	margin: 0px;
	margin-left: -4px;
	padding: 2px;
	padding-top: 0px;
	line-height: 100%;
	height: 100%;
	display: inline-block;
	font-size: 14px;
}

.dataline.twoline p{
	height: 44%;
	margin-left: 0px;
}

.dataline .equipselect{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 80%;
}

.dataline .timeselect{
	position: absolute;
	display: block;
	top: 0px;
	right: 0px;
	float: right;
	width: 60px;
	height: 80%;
}

.dataline p.selected{
	background-image: url(../images/bg/mobile_bg_slider_selected.png);
}

#selectboxes{
	margin-left: 4px;
}

#time_hours {
	display: block; 
	position: absolute;
	vertical-align: middle;
	margin-left: 8px; 
	height: 80%; 
	margin-right: 25px; 
}

#time_minutes {
	 display: block;
	 position: absolute; 
	 vertical-align: middle;
	 right: 2px; 
	 height: 80%;
}

.dataline_textarea {
	 display: block; 
	 position: absolute; 
	 width: 90%; 
	 height: 90px; 
}

.boxhead{
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-color: #FDFDEA;
	width: 13.85%;
	height: 18px;
	background-color: #1D1D1D;
	color: #FFFFFF;
}
.boxdata{
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	width: 13.85%;
	color: #1D1D1D;
	background-color: #FFF;
}
.boxdata.selected{
	color: #1D1D1D;
	background-color: #ABAE91;
}

.boxdata.disabled{
	color: #545740;
	background-color: #FDFDEA;
}

#tmcd_day {
	background: #1D1D1D
}


.hscroll_left{
	display: block;
	position: absolute;
	left: -5px;
	width: 14px;
	height: 100%;
	background-color: brown;
}

.equip_list{
	display: block;
	position: relative;
	margin-left: 4px;
	margin-top: 6px;
	margin-bottom: 4px;
	width: 96%;
	height: 30px;
	overflow: hidden;
}

.equip_list.twoline{
	height: 32px;
}

.equip_list p{
	margin: 0px;
	display: inline-block;
	padding: 2px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 100%;
	height: 100%;
	display: inline-block;
	font-size: 18px;
	background-color: #e8e0f0;
	background-repeat: repeat-x;
}
 
.equip_list p.selected{
	background-image: url(../images/bg/mobile_bg_slider_selected.png);
}

.selboxdata{
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	width: 24%;
	font-size: 18px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 100%;
	height: 100%;
	color: #1D1D1D;
	background-color: #FFF;
}
.selboxdata.selected{
	color: #1D1D1D;
	background-color: #ABAE91;
}

.hscroll_left img, .hscroll_right img{
	width: 100%;
	height: 100%;
}

.hscroll_right{
	display: block;
	position: absolute;
	right: -5px;
	width: 14px;
	height: 100%;
	background-color: brown;"
}

.full_width_height{
	display: block;
	width: 96%;
	height: 96%;
	border-radius: 6px;
	background-color:  rgb(221, 224, 195);
}

.full_width_height.bordered{
	border: solid 1px blue;
}

.full_width_height.witherrors{
	color: red;
}

.delete_button{
	position: absolute;
	right: 2px;
	top: 2px;
}

.tckinfo pre{
  text-align: left;
  line-height: 1.1em;
  font-size: 1.0em;
}

#block_set{
	position: relative;
	margin-left: 6px;
	top: -6px;
	padding-top: 3px;
	width: 90%;
	border: 1px dashed black;
	border-top-width: 0px;
	background-color:  rgb(221, 224, 195);
}

#surround_block{
	background-color: rgb(181, 184, 155);
	padding-left: .4%;
	padding-right: 1%;
}

/* 11. Modules
--------------------------------------------------------------------------*/
/* --- Ticket --- */


/* block skype conversion of phone numbers */
span.skype_pnh_container {display:none !important}
span.skype_pnh_print_container {display:inline !important}


#blockall {
	display: block; 
	position:fixed; 
	left: 0; 
	top: 0; 
	width:0; 
	height: 100%; 
	background-color: rgba(25, 25, 25, .5);
	z-index: 100;
}


/*	Secondmenu for OH&S Header Buttons	*/
#secondmenu, #secondmenu2 {
	padding-top: 20px;
	padding-left: 180px;
	padding-bottom: 15px; 
}


/* Box Dimention Classes */

.box_200x200 {
	height: 200px;
}

.box_300x300 {
	height: 300px;
}

.box_500x500 {
	height: 500px;
}

.box_1000x800 {
	height: 800px;
}

.box_50 {
	height: 50%;
}

.box_youtube_lg {
	height: 562px;
}


/*		Jim's Radio Buttons		*/

.pseudoradiobox {  
    position: relative;
}

.pseudoradiobox input {
    opacity: 0;
}

.pseudoradiobox label {  
    position: relative;
    padding: 5px 15px 5px 35px;
    float: left;
    display: block;
    text-align: center;
    border-top: thin solid #CCC;
    border-bottom: thin solid #CCC;
    font-size: 14px;
    font-weight: bold;
    background: url(../images/icons/icon_radiobutton.png);
    background-repeat: no-repeat;
    background-position: 5px;
    cursor: pointer;
}  

.pseudoradiobox label:first-of-type {
    border-left: thin solid #CCC;
    border-radius: 5px 0 0 5px;
}

.pseudoradiobox label:last-of-type {
    border-right: thin solid #CCC;
    border-radius: 0 5px 5px 0;
    padding-right: 5px
}

.pseudoradiobox input:hover + label {
    text-shadow: 1px 1px #ffa900;
}
 
.pseudoradiobox input:checked + label {
    background: url(../images/icons/icon_radiobutton_checked.png);
    background-repeat: no-repeat;
    background-position: 5px;
}

.chk_mod_h5 {
 margin: 10px 0 0 10px;
}

.pseudocheckbox2 {  
    position: relative;
}

.pseudocheckbox2 input {
    opacity: 0;
}

.pseudocheckbox2 label {  
    position: relative;
    padding: 5px 45px 5px 25px;
    float: left;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/icons/icon_checkbox.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    cursor: pointer;
}  

.pseudocheckbox2 input:hover + label {
    text-shadow: 1px 1px #ffa900;
}
 
.pseudocheckbox2 input:checked + label {
    background: url(../images/icons/icon_checkbox_checked.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
}


.pagerbreak{ display: none; }
@media print {
div {
	display: block;
        float: none !important;
    }

html, body, #main, #main_outer, #main_inner, #pageplus, #page, .emp_list_view, .emp_select
	{float: none !important; display: block;}
    .pagerbreak
	{display: block; clear: both; break-after: always !important; page-break-after: always !important;}
}