@font-face {
	font-family: frutigerbold;
	src: url("../fonts/frutigerltstdbold.eot");
	src: local("?"), url("../fonts/frutigerltstdbold.woff") format("woff"), url("../fonts/frutigerltstdbold.otf") format("opentype"), url("../fonts/frutigerltstdbold.ttf") format("ttf");
}
@font-face {
	font-family: frutigerlight;
	src: url("../fonts/frutigerltstdlight.eot");
	src: local("?"), url("../fonts/frutigerltstdlight.woff") format("woff"), url("../fonts/frutigerltstdlight.otf") format("opentype"), url("../fonts/frutigerltstdlight.ttf") format("ttf");
}
@font-face {
	font-family: frutigerroman;
	src: url("../fonts/frutigerltstdroman.eot");
	src: local("?"), url("../fonts/frutigerltstdroman.woff") format("woff"), url("../fonts/frutigerltstdroman.otf") format("opentype"), url("../fonts/frutigerltstdroman.ttf") format("ttf");
}
@font-face {
	font-family: hastytasty;
	src: url("../fonts/hastytasty.eot");
	src: local("?"), url("../fonts/hastytasty.woff") format("woff"), url("../fonts/hastytasty.otf") format("opentype"), url("../fonts/hastytasty.ttf") format("ttf");
}
@font-face {
	font-family: vagroundbold;
	src: url("../fonts/vagroundedstdbold.eot");
	src: local("?"), url("../fonts/vagroundedstdbold.woff") format("woff"), url("../fonts/vagroundedstdbold.otf") format("opentype"), url("../fonts/vagroundedstdbold.ttf") format("ttf");
}
@font-face {
	font-family: vagroundlight;
	src: url("../fonts/vagroundedstdlight.eot");
	src: local("?"), url("../fonts/vagroundedstdlight.woff") format("woff"), url("../fonts/vagroundedstdlight.otf") format("opentype"), url("../fonts/vagroundedstdlight.ttf") format("ttf");
}

html {
    position: relative;

}

body {
	//margin: 0px;
	margin: 25px 0 35px 0px;
	padding-bottom: 35px;
	border-collapse: collapse;
	font-family:arial;
	font-size:11px;
	height:100%;
	background-color: #f4f4f4;
	background-image: url("../images/cogs.png");
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 35px;
    width: 100%;
	z-index: 1000;
}

#footerclick {
	background-image: url("../images/shortcuts.png");
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	color: #cd1887;
	font-family:hastytasty;
	font-size:38px;
	height: 35px;
	bottom: 0px;
	position:fixed;
	display: block;
	right: 0px;
	cursor: pointer;
	z-index: 5000;
}

.footercenter {
	//padding: 0px 200px 0px 160px;
	text-align: left;
	position: absolute;
	left: 0px;
	width:100%;
	//min-width: 400px;
	z-index: 200;
	background-image: url("../images/topcogs2.png");
}


#shortcutsHolder {
	display:block;
	background-color: black;
	height: 35px;
}

h1 {
	font-family:hastytasty;
	font-size:38px;
	margin: 20px 0px -3px 0px;
	padding: 0px;
	font-weight: normal;
	color: #cd1887;
}

p {
	margin: 0px;
	padding: 0px;
}

input, span, select{
vertical-align:middle;
}

#login {
	width: 300px;
	border-width: 2px;
	border-color: black;
	border-style: solid;
	margin: 0px auto;
	background-color: white;
}

#loginholder {
	width: 100%;
	margin: 10px;
}


#loadingDiv {
	z-index: 100;
	height:35px;
	max-height: 35px;
	color: green;
	font-size: 28px;
	font-weight: bold;
	display: none;
	margin: 5px;
}

#issuesDiv {
	height:35px;
	color: red;
	font-size: 28px;
	font-weight: bold;
	display: none;
	margin: 5px;
}


#header {
	width:100%;
	top: 0px;
	height:35px;
	position: fixed;
	z-index: 1000;
	text-align: left;
	background-image: url("../images/topcogs2.png");
	overflow: hidden;
	vertical-align:top;
}

.headerleft {
	//float: left;
	position: absolute;
	//width: 160px;
	z-index: 100;
}
.headercenter {
	//padding: 0px 200px 0px 160px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	//min-width: 400px;
	z-index: 200;
	background-image: url("../images/topcogs2.png");
}
.headerright {
	float:right;
	text-align: right;
	//width: 200px;
}

#headerblank {
	width:100%;
	height:35px;
	position: relative;
	display:block;
	clear:both;
}

#datesHolder {
	position: absolute;
	top:35px;
	left: 101px;
	z-index: 900;
}

.headertext {
	color: white;
	font-size: 16px;
	font-weight: bold;
	height: 35px;
	margin: 0px 20px 0px 20px;
}

.displayDate {
	width: 251px;
	height: 20px;
	display: block;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top:0px;
	z-index: 1;
	border-width: 1px;
	border-color: #222222;
	border-style: solid;
	border-collapse: collapse;
	background-clip:padding-box;
	-webkit-background-clip:padding-box;
	padding: 2px;
	color: black;
	font-size: 16px;
	font-weight: bold;
}

.displayDateweekday {
	background-color:rgba(245,245,245,0.9);
}

.displayDateweekend {
	background-color:rgba(175,175,175,0.9);
}

.row {
	z-index: 5;
	position: relative;
	display: table-row;
	border-collapse: collapse;
	vertical-align: top;
	height: 40px;

}

.addResource {
	display: block;
	position: absolute;
}

.resource {
	display: block;
	position: absolute;
	//height: 100%;
	width: 99px;
	background-color:rgba(235,235,235,0.8);
	text-align: left;
	top: 1px;
	left: 1px;
	bottom:1px;
	right: 1px;
	z-index: 100;
	border-width: 0px;
	border-color: #848484;
	border-style: ridge;
	background-clip:content-box;
	-webkit-background-clip:content-box;

	text-shadow: 0px 0px 1px #d7d7d7;
	font-size: 14px;
	font-weight: bold;

	color: black;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	overflow: hidden;

}

.resource .holder {
	height: 100%;
	width: 75px;
	margin: 2px;
}

.expandResourceHolder {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 24px;
	height: 12px;
	overflow: hidden;
	padding: 0px;
}
.expandResourceHolder img {
	width: 10px;
	height: 10px;
	margin: 1px;
	float: right;
}

.resourceblank {
	display: table-cell;
	width: 100px;
	border-width: 0px 1px 1px 1px;
	border-color: black;
	border-style: dotted;
}

.resourcetype {
	position: relative;
	margin-top: 25px;
}

.hideresourcetable{
	display: none;
	width: 100px;
	table-layout: fixed;
	position:relative;
}

.showmoreresource{
	text-align: center;
	vertical-align: middle;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
}

.btnShowMoreResource{
	padding: 6px 12px;
	margin-bottom: 0;
	margin-left: -5px;
	width: 121px;
	font-size: 11px;
	font-weight: bold;

	line-height: 1.42857143;
	text-align: right;

	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.topResourceBorder{
	border-top: 1px dotted black;
}

.btnShowMoreResource:hover{
	background-color: #cd1887;
	border-color: #fff;
	color: #fff;
}

.hide{
	display: none;
}


.pushright{
	position: relative;
	height: 20px;
	width: 20px;
	left: 40%;
	margin: 10px 0px 0px 0px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

.slideshow{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99999999;
	width: 100%;
	height: 100vh;
	background-color: #000000;
}

.slideshowImages{
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.hidden{
	display: none;
}

.showing{
	display: none;
}

.showSlideshow{
	display: inline;
}

.hideSlideshow{
	display: none;
}

.resourcetable {
display: table;
width: 100px;
table-layout: fixed;
position:relative;

}

.day {
	width: 255px;
	background-color: white;
	display: table-cell;
	position: relative;
	z-index: 1;
	border-color: black;
	border-style: dotted;
	margin: 0px;
	background-clip:padding-box;
	-webkit-background-clip:padding-box;
	padding: 0px;
	vertical-align: top;
}

.firstday {
	border-width: 1px 1px 1px 1px;
}

.nextday {
	border-width: 0px 1px 1px 1px;
}

.dynamicnextday {
	border-width: 1px 1px 0px 1px;
}

.weekday {
	background-color: #ffffff;
}

.weekend {
	background-color: #e1e1e1;
}

.addnew {
	background-color: black;
	color: white;
	font-weight: bold;
	display: block;
	position: absolute;
}

.moreopp {
	background-color: black;
	color: white;
	font-weight: bold;
}

#editcontainer {
	position: fixed;
	display: inline;
	top:35px;
	left: 50%;
	margin-left: -250px;
	width:500px;
	z-index: 950;
}

#responsecontainer {
	position: fixed;
	display: block;
	width: 400px;
	height: 0px;
	border-left: black 5px solid;
	top:35px;
	right: 0px;
	z-index: 9950;
	background-color: white;
	overflow: hidden;
	text-align: right;

}

#showResponse {
	height: 92%;
	width: 394px;

}


.editHolder {
	border: 5px solid black;
}

.newtask {
	display: block;
	width: 100%;
	height: 20px;
	background-color: #000000;
	opacity:0;
	cursor: pointer;

}

.newtask:hover {
	opacity:0.4;
}

.unconfirmed {
	opacity:0.5;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.task {
	display: table;
	width: 249px;
	//width: 100%;
	background-color: #d2d2d2;
	position:relative;
	padding: 0px;
	height: 27px;
	margin-bottom: 0px;
	margin-top: 0px;
	border-top: 1px solid #000000;
}

.task .times {
	display: table-cell;
	width: 30px;
	height: 100%;
	//background-color: white;
	top: 0px;
}

.task .times .starttime {
	display: block;
	height: 50%;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	color: black;
	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#bfbfbf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#bfbfbf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f1f1f1,  #bfbfbf); /* for firefox 3.6+ */
}

.task .times .finishtime {
	display: block;
	height: 50%;
	vertical-align: middle;
	text-align: center;
	color: #fcfcfc;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
	background: #727272; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272', endColorstr='#464646'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(#464646)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #727272,  #464646); /* for firefox 3.6+ */

}

.task .information {
	display: table-cell;
	vertical-align: middle;
	padding: 3px;
}
.task .information p{

	vertical-align: middle;

}

.taskgroup {
	width: 249px;
	border-style:solid;
	border-color: #000000;
	border-width: 1px 1px 1px 1px;
	margin: 2px;
}

.topborderoverride {
	border-width: 0px 1px 1px 1px;
}

.taskgroup .header {
	display: table;
	height: 20px;
	width: 100%;
	font-size: 13px;
	font-weight: bold;
	/*background-image: url(../images/header.png);*/
	font-family: Arial, Helvetica, sans-serif;
}

.headerextrainfo{
	font-size: 10px;
	font-weight: normal;
}


.taskgroup .header div {
	display: table-cell;

}
.taskgroup .header .leftcell {
	text-align:left;
	padding: 2px 0px 2px 3px;
	white-space: nowrap;
	max-width: 155px;
	overflow: hidden;
	text-overflow: ellipsis;
	

}
.taskgroup .header .rightcell {
	text-align:right;
	padding: 2px 3px 2px 0px;
	//min-width: 100px;
	//font-weight: bold;
}
.taskgroup .container {
	width: 249px;
	padding: 0px;
}

.alertholder {
	padding: 2px;
	width: 246px;
	background-color: red;
	display: block;
	font-size: 10px;
	font-weight: bold;
	cursor: pointer;
}

.allgood {
	padding: 2px;
	width: 246px;
	background-color: #064401;
	color: white;
	display: block;
	font-size: 10px;
	font-weight: bold;
}

.overlap {
	display: table;
	//width: 240px;
	width: 100%;
	background-color: red;
	position:relative;
	padding: 0px;
	height: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
}

.overlapDim {
	display: table;
	//width: 240px;
	width: 100%;
	background-color: red;
	position:relative;
	padding: 0px;
	height: 5px;
	margin-bottom: 1px;
	margin-top: 1px;
	opacity: 0.3;
}

#testtask {
	width: 100%;
	background-color: green;
	position: relative;
	z-index: 50;
}

.copy {
	border-width: 4px;
	border-color: black;
	border-style: solid;
}

.cut {
	opacity:0.4;
}

.taskeditheader {
	//width: 385px;
	width: 100%;
	background-color: black;
	color: white;
	border-color: black;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	padding-left: 5px;
	height: 35px;
}

.taskeditheader .editTitle {
	//width:150px;
	text-align: left;
	display: block;
	float:left;
	font-size: 32px;
	//font-weight: bold;
	height: 35px;
	vertical-align: bottom;

}

.taskeditheader .editControls {
	//width:235px;
	text-align: right;
	display: block;
	float:right;
	margin-right: 5px;

}

.tab{
	//width: 385px;
	height: 20px;
	border-color: black;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	display: block;
	cursor:pointer;
	margin: auto;
	padding-top: 8px;
	padding-left: 5px;

	background: #f1f1f1; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#bfbfbf'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#bfbfbf)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f1f1f1,  #bfbfbf); /* for firefox 3.6+ */
}

.tabcontent {
	//width: 385px;
	background-color: #f1f1f1;
	border-color: black;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding-left: 5px;

}
.tabcontent label {
	padding-top: 7px;
	padding-bottom: 7px;
}

#body {
	width: 290px;
	height: 50px;
}


label {
	display: inline-block;
	width: 80px;
	text-align: right;
}

.center {
	text-align: center;
}

.errormsg {
	color: red;
	font-weight: bold;
}

.teamleader {
	float: right;
}

.expand {
	text-align: center;
	margin-right: 5px;
}

.buttons {
	width: 34px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background: transparent;
	font-family: vagroundlight;
	font-size: 24px;
	color: white;
}

.buttons_ext {
	width: 70px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	background: transparent;
}


.buttons_edit {	background-image: url(../images/buttons/edit.png);}
.buttons_edit:hover { background-image: url(../images/buttons/edit_hover.png);}
.buttons_edit:active { background-image: url(../images/buttons/edit_active.png);}

.buttons_copy {	background-image: url(../images/buttons/copy.png);}
.buttons_copy:hover { background-image: url(../images/buttons/copy_hover.png);}
.buttons_copy:active { background-image: url(../images/buttons/copy_active.png);}

.buttons_cut {	background-image: url(../images/buttons/cut.png);}
.buttons_cut:hover { background-image: url(../images/buttons/cut_hover.png);}
.buttons_cut:active { background-image: url(../images/buttons/cut_active.png);}

.buttons_delete {	background-image: url(../images/buttons/delete.png);}
.buttons_delete:hover { background-image: url(../images/buttons/delete_hover.png);}
.buttons_delete:active { background-image: url(../images/buttons/delete_active.png);}

.buttons_confirm {	background-image: url(../images/buttons/confirm.png);}
.buttons_confirm:hover { background-image: url(../images/buttons/confirm_hover.png);}
.buttons_confirm:active { background-image: url(../images/buttons/confirm_active.png);}

.buttons_confirmall {	background-image: url(../images/buttons/confirmall.png);}
.buttons_confirmall:hover { background-image: url(../images/buttons/confirmall_hover.png);}
.buttons_confirmall:active { background-image: url(../images/buttons/confirmall_active.png);}

.buttons_unconfirm {	background-image: url(../images/buttons/unconfirm.png);}
.buttons_unconfirm:hover { background-image: url(../images/buttons/unconfirm_hover.png);}
.buttons_unconfirm:active { background-image: url(../images/buttons/unconfirm_active.png);}

.buttons_unconfirmall {background-image: url(../images/buttons/unconfirmall.png);}
.buttons_unconfirmall:hover { background-image: url(../images/buttons/unconfirmall_hover.png);}
.buttons_unconfirmall:active { background-image: url(../images/buttons/unconfirmall_active.png);}

.buttons_cancel {background-image: url(../images/buttons/cancel.png);}
.buttons_cancel:hover { background-image: url(../images/buttons/cancel_hover.png);}
.buttons_cancel:active { background-image: url(../images/buttons/cancel_active.png);}

.buttons_paste {	background-image: url(../images/buttons/paste.png);}
.buttons_paste:hover { background-image: url(../images/buttons/paste_hover.png);}
.buttons_paste:active { background-image: url(../images/buttons/paste_active.png);}

.buttons_fastrewind {background-image: url(../images/buttons/fastrewind.png);}
.buttons_fastrewind:hover { background-image: url(../images/buttons/fastrewind_hover.png);}
.buttons_fastrewind:active { background-image: url(../images/buttons/fastrewind_active.png);}

.buttons_rewind {background-image: url(../images/buttons/rewind.png);}
.buttons_rewind:hover { background-image: url(../images/buttons/rewind_hover.png);}
.buttons_rewind:active { background-image: url(../images/buttons/rewind_active.png);}

.buttons_forward{background-image: url(../images/buttons/forward.png);}
.buttons_forward:hover { background-image: url(../images/buttons/forward_hover.png);}
.buttons_forward:active { background-image: url(../images/buttons/forward_active.png);}

.buttons_fastforward {background-image: url(../images/buttons/fastforward.png);}
.buttons_fastforward:hover { background-image: url(../images/buttons/fastforward_hover.png);}
.buttons_fastforward:active { background-image: url(../images/buttons/fastforward_active.png);}

.buttons_logout {background-image: url(../images/buttons/logout.png);}
.buttons_logout:hover { background-image: url(../images/buttons/logout_hover.png);}
.buttons_logout:active { background-image: url(../images/buttons/logout_active.png);}

.buttons_return {background-image: url(../images/buttons/return.png);}
.buttons_return:hover { background-image: url(../images/buttons/return_hover.png);}
.buttons_return:active { background-image: url(../images/buttons/return_active.png);}

.buttons_booked {background-image: url(../images/buttons/booked.png);}
.buttons_booked:hover { background-image: url(../images/buttons/booked_hover.png);}
.buttons_booked:active { background-image: url(../images/buttons/booked_active.png);}

.buttons_insured{background-image: url(../images/buttons/insured.png);}
.buttons_insured:hover { background-image: url(../images/buttons/insured_hover.png);}
.buttons_insured:active { background-image: url(../images/buttons/insured_active.png);}

.buttons_add{background-image: url(../images/buttons/add.png);}
.buttons_add:hover { background-image: url(../images/buttons/add_hover.png);}
.buttons_add:active { background-image: url(../images/buttons/add_active.png);}

.buttons_clear {background-image: url(../images/buttons/clear.png);}
.buttons_clear:hover { background-image: url(../images/buttons/clear_hover.png);}
.buttons_clear:active { background-image: url(../images/buttons/clear_active.png);}

.buttons_shrink {background-image: url(../images/buttons/shrink.png);}
.buttons_shrink:hover { background-image: url(../images/buttons/shrink_hover.png);}
.buttons_shrink:active { background-image: url(../images/buttons/shrink_active.png);}

.buttonblank {background-image: url(../images/buttons/button.png); margin-left: 5px; margin-right: 5px}
.buttonblank:hover { background-image: url(../images/buttons/button_hover.png);}
.buttonblank:active { background-image: url(../images/buttons/button_active.png);}
.buttonactive{background-image: url(../images/buttons/button_active.png); margin-left: 5px; margin-right: 5px;}

.buttons_mag{
	background-image: url(../images/buttons/mag_button.png);
	cursor: pointer;
}
.buttons_mag:hover { background-image: url(../images/buttons/mag_button.png);}
.buttons_mag:active { background-image: url(../images/buttons/mag_button.png);}

.contracttasks {
	border-width: 1px;
	border-color: black;
	border-style: solid;
	border-collapse: collapse;
	width: 378px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.contracttasks th {
	text-align: left;
	font-weight: bold;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	background-color: white;
}

.contracttasks td {
	border-width: 1px;
	border-color: black;
	border-style: solid;
}

.contractview {
	width: 600px;
	border-width: 1px;
	border-color: black;
	border-style: solid;
	background-color: white;
}

.gogreen {
	background-color: green;
	color: white;
	font-weight: bold;
}

.outofcontract {
	background-color: black;
	width: 251px;
	color: white;
	display: block;
	margin: 2px 0px 0px 0px;
	padding: 1px 2px 1px 2px;
}

.invoicing td ,th{
	border-width: 1px;
	border-color: black;
	border-style: solid;
	background-color: white;
	border-collapse: collapse;
}

.colormeimpressed{
	background-color: #cc2686;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
}

.compactResourceHolder{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 5px;

	font-size: 11px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #000;

	cursor: pointer;
}