/* styles for Geoto index page*/

/* ### ###  COMMON STYLES ### ### */
body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
img { 
	border: 0px;
}
.clear {
	clear: both;
	font-size: 4px;
	display: block;
}
a {
	text-decoration: none;
}

.simplelist
{
	border-radius: 7px;
	border: 1px solid #BBB;
    background-color: #F0F0F0;
	padding:5px 5px 8px 5px;
	margin-bottom:5px;
	display:table;
}

.simplebar
{
	border-radius: 7px;
	border: 1px solid #BBB;
    background-color: #F0F0F0;
	padding:5px 5px 8px 5px;
	margin-bottom:5px;
	display:table;
	min-width:680px;
}

.simplewhitelist
{
	border-radius: 7px;
	border: 1px solid #BBB;
	padding:5px 5px 8px 5px;
	margin:5px 0px 5px 0px;
	display:table;
}

/* ### ###  COMMON FORM ELEMENTS ### ### */
textarea  {
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin: 0px;
	overflow: auto;
	background-color: #F5F5F5;
	scrollbar-base-color: #FFFFFF; 
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-DarkShadow-Color: #999999; 
}
textarea:hover {
	background-color: #FFFFFF;
}
input.inputfield, .textBox {
	height: 14px;
	border: 1px solid #cccccc;
	margin-top: 2px;
	padding: 2px 5px 1px 5px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: transparent;
	background-image: url("../images/inputBg_.jpg");
	background-repeat: repeat-x;
	background-position: left;
}
input.inputfield:hover {
	background-image: url("../images/inputBg.jpg");
}
input.button, button.button  {
	height: 20px;
	border: 1px solid #cccccc;
	margin: 4px 0px 0px 0px;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: transparent;
	background-image: url("../images/buttonBg.jpg");
	background-repeat: repeat-x;
	background-position: left;
	cursor: pointer;
}
input.button:hover, button.button:hover {
	background-image: url("../images/inputBg.jpg");
	color: #666666;
}

/* ### ###  HEADER STYLES ### ### */
#header {
	position: absolute;
	z-index: 9000;
	display: block;
	width: 100%;
	min-width: 1250px;
}
#bar {
	height:50px;
	background-image: url("../images/barbg.jpg"); 
	background-repeat: repeat-x;
	background-color: transparent;	
	display: block;
}
#bar a{
	float: right;
	display: block;
	height: 30px;
	width: 110px;
	text-indent: -9000px;
	margin-top: 10px;
	margin-right: 20px;
	background-image: url("../images/geotologo.jpg");
	background-repeat: no-repeat;
	background-color: transparent;	
}
/*menubar changes in common.js*/
#menubar { 
	margin-left: 30px;
	height: 25px;
	background-color: #E8E8E8;
	background-image: url("../images/menuBg.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	cursor: pointer;
}
#menu {
	display: none;
	width: 1260px;
	margin-left: 10px;
	clear: both;
}
.menuCat {
	width: 130px;
	height: 175px;
	float: left;
	margin-left: 10px;
	background-image: url("../images/menuviiva.jpg");
	background-repeat: repeat-y;
}
.nuolipic {
	border: 0px;
	margin-left: 3px;
	margin-right: 3px;
}
#menunappi {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	margin-top: 5px;
	margin-left: 10px;
	text-decoration: none;
	display: block;
	width: 30%;
	background-color: #E8E8E8;
}
#menunappi:hover {
	color: #CCCCCC;
}

#logoutnappi {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: right;
	text-align:right;
	margin-top: 5px;
	margin-right: 10px;
	text-decoration: none;
	display: none;
	/*width: 30%;*/
	background-color: #E8E8E8;
}
#logoutnappi:hover {
	color: #CCCCCC;
}


.prowLinkki {
	float: right;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 20px;
}
.prowLinkki:hover {
	color: #666666;
}


/* ### ### FOOTER STYLES ### ### */
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	margin-top: 20px;
	border-top: solid 1px #eeeeee;
	text-align: center;
}
#footer p {
	padding-top: 10px;
}
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
}

/* ### ###  CONTENT COMMON STYLES ### ### */
#content {
	position: absolute;
	z-index: 1000;
	top: 90px;
	left: 30px;
}
.bar_wrapper {
	background-image: url("../images/bar_wrapper.jpg");
	background-repeat: repeat-y;
	width: 900px;
}
.bar_wrapper_long {
	background-image: url("../images/bar_wrapper_long.jpg");
	background-repeat: repeat-y;
	width: 1220px;
}
.bar_top {
	background-image: url("../images/bar_top.jpg");
	background-repeat: no-repeat;
	width: 900px;
	height: 6px;
	font-size: 6px;
}
.bar_top_long {
	background-image: url("../images/bar_top_long.jpg");
	background-repeat: no-repeat;
	width: 1220px;
	height: 6px;
	font-size: 6px;
}
.bar_bottom {
	background-image: url("../images/bar_bottom.jpg");
	background-repeat: no-repeat;
	width: 900px;
	height: 6px;
	font-size: 6px;
}
.bar_bottom_long {
	background-image: url("../images/bar_bottom_long.jpg");
	background-repeat: no-repeat;
	width: 1220px;
	height: 6px;
	font-size: 6px;
}
h1 {
	font-size: 16px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	display: block;
}

/* ### ###  SEARCH STYLES ### ### */
#src {
	color: #666666;
	margin-left: 10px;
}
#srcContent {
	display: none;
}
.showBox {
	font-size: 10px;
	cursor: pointer;
	margin-left: 0px;
}
#srcTable {
margin-top: 4px;
margin-left: 50px;
}
.srcPalsta {
	width: 370px;
	margin-left: 50px;
	float: left;
}



/* Styles for form */
.src_textarea  {
	width: 300px;
	height: 30px;
	border: 1px solid #cccccc;
	padding: 5px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	overflow: auto;
	background-color: #F5F5F5;
	scrollbar-base-color: #FFFFFF; 
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-DarkShadow-Color: #999999; 
}
.src_textarea:hover {
	background-color: #FFFFFF;
}
.inputText {
	width: 200px;
	height: 14px;
	border: 1px solid #cccccc;
	padding: 2px 5px 1px 5px;
	margin: 2px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 10px;
	background-color: transparent;
	background-image: url("../images/inputBg_.jpg");
	background-repeat: repeat-x;
	background-position: left;
}
.inputText:hover {
	background-image: url("../images/inputBg.jpg");
}
.inputButton {
	width: 110px;
	height: 20px;
	border: 1px solid #cccccc;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 10px;
	margin: 2px 0px 0px 0px;
	background-color: transparent;
	background-image: url("../images/buttonBg.jpg");
	background-repeat: repeat-x;
	background-position: left;
	cursor: pointer;
}
.inputButton:hover {
	background-image: url("../images/inputBg.jpg");
	color: #666666;
}

/* ### ###  GROUND MENU STYLES ### ### */
#groundMenu {
	color: #666666;
	margin-left: 10px;
}
#gMenuContent {
	display: none;
}
.showGmenu {
	font-size: 10px;
	cursor: pointer;
	margin-left: 0px;
}
.gmenuPalsta {
	width: 180px;
	margin-left: 20px;
	background-image: url("../images/menuviiva.jpg");
	background-repeat: repeat-y;
	float: left;
}
#gmenu {
	width: 900px;
	margin-left: 10px;
	clear: both;
}

/* Truck menu */
.truckMenu {
	color: #666666;
	margin-left: 10px;
}
.truckMenuContent {
	display: none;
}
.truckMenu_ {
	width: 900px;
	margin-left: 10px;
	clear: both;
}


/* ### ###  LISTING STYLES (WRAPPER SELECTION) ### ### */
#listing {
	margin-top: 10px;
}
.listingWrapper {
	border: 0px;
	padding: 0px;
	border-collapse: separate;
	border-spacing: 0px 0px;
}
.table_tl {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_lt.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_top {
	margin: 0px;
	padding: 0px;
	height: 6px;
	font-size: 4px;
	background-image: url("../images/table_top.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	display: table-cell;
}
.table_tr {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_rt.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}
.table_border_l {
	margin: 0px;
	padding: 0px;
	height: 600px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_border_l.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_content {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-image: url("../images/table_content.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}
.table_border_r {
	margin: 0px;
	padding: 0px;
	height: 600px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_border_r.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_dl {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_ld.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	display: table-cell;
}
.table_down {
	margin: 0px;
	padding: 0px;
	height: 6px;
/* 
	min-width: 800px;
 */
	font-size: 4px;
	background-image: url("../images/table_down.jpg");
	background-repeat: repeat-x;
	background-position: top right;
	display: table-cell;
}
.table_dr {
	margin: 0px;
	padding: 0px;
	height: 6px;
	width: 8px;
	font-size: 4px;
	background-image: url("../images/table_kulma_rd.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	display: table-cell;
}

/* ### ###  LISTING STYLES (LISTING SELECTION) ### ### */
#listingTable, .listingTable {
	border-spacing: 0px;
	padding: 1px;
	border-collapse: separate;
	border: 1px solid #FFFFFF;
}
#listingTable tr.headers, .listingTable tr.headers {
	margin: 0px;
	padding: 0px;
	height: 55px;
	font-size: 12px;
	background-image: url("../images/thBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr.footers, .listingTable tr.footers {
	margin: 0px;
	padding: 0px;
	height: 55px;
	font-size: 12px;
	background-image: url("../images/thBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr, .listingTable tr{
	margin: 0px;
	padding: 0px;
	height: 36px;
	font-size: 10px;
	background-image: url("../images/trBg.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr.completedtr, .listingTable tr.completedtr {
	background-image: url("../images/trBg_comp.jpg");
	background-repeat: repeat-x;
	background-position: top left;
}
#listingTable tr th, .listingTable tr th {
	border-right: 1px solid #FFFFFF;
	padding: 0px 5px 0px 5px;
}
#listingTable tr th a, .listingTable tr th a{
	display: block;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	min-width: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-right: 20px;
}
#listingTable tr th a:hover, .listingTable tr th a:hover{
	color: #666666;
}
#listingTable tr td, .listingTable tr td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px 5px 0px 5px;
}
#listingTable tr.sum
{
	font-weight:bolder;
	font-size:12px;
}

/* ### LISTING TABLE BUTTONS ### */

.edit_button {
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/edit.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

.del_button {
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/del.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}
.del_button:hover {
	color: #FFFFFF;
	background-image: url("../images/del.gif");
}

.confirm_button {
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../mobile/images/v.png");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
	background-size: contain;
}
.confirm_button:hover {
	color: #FFFFFF;
	background-image: url("../mobile/images/v.png");
}

.cost_button {
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/kostnader.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}
.cost_button:hover {
	color: #FFFFFF;
	background-image: url("../images/kostnader.gif");
}

.openbutton{
	width: 275px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	padding-top: 4px;
	background-image: url("../images/long_button_.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

.openbutton:hover {
	color: #FFFFFF;
	background-image: url("../images/long_button.gif");
}

.shortbutton {
	width: 50px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	padding-top: 4px;
	background-image: url("../images/smallbutton2_.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

.shortbutton:hover {
	color: #FFFFFF;
	background-image: url("../images/smallbutton2.gif");
}

.listbutton {
	width: 75px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-top: 4px;
	padding-top: 4px;
	background-image: url("../images/button_.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}
.listbutton:hover {
	color: #FFFFFF;
	background-image: url("../images/button.gif");
}
.sortArrow {
	background-image: url("../images/nuoli_alas.gif");
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
}
.sortArrow:hover {
	color: #FFFFFF;
	background-image: url("../images/nuoli_alas_.gif");
}

.checkinv {
	margin-top: 8px;
	margin-left: 8px;
}

.calendarTable
{
	border-width:1px;
	/*position:absolute;*/
	z-index:1;
}

.calendarTable td
{
	min-width:130px;
}

.calendarTable th
{
	text-align:left;
	height:30px;
	font-size:16px;
	color:#333;
}

.edit_button_small {
	width: 14px;
	height: 13px;
	display: inline-block;
	text-align: center;
	background-image: url("../images/smalledit.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	vertical-align:top;
	cursor: pointer;
}

.calendar_item
{
	height:29px;
	position:absolute;
	z-index:2;
	border-style:double; 
	border-width:1px;
	margin-left:0px;
	white-space: nowrap;
    overflow-x: hidden;
}

#calendarProjectDiv
{
	display:none;
	width:500px;
	height:200px;
	margin-top:5px;
	border-style:double;
	border-width:1px;
	/*
	background-color:#CCC;
	margin-top:28px;
	margin-left:145px;
	position:absolute;
	z-index:9001;
	overflow:auto;
	*/
}

#setScheduleDiv
{
	display:none;
	z-index:9001;
	width:500px;
	height:200px;
	position:absolute; 
	overflow:auto; 
	margin-top:70px; 
	margin-left:600px;
	background-color:#CCC;
}

.remember
{
	cursor:pointer;
	color:#333;
}

#worksitesToPlanTable
{
	width:1204px;
}

.show_button
{
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/show.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

.hide_button
{
	width: 23px;
	height: 22px;
	display: block;
	text-align: center;
	vertical-align: middle;
	background-image: url("../images/hide.gif");
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	cursor: pointer;
}

.thumbnail {
	cursor: pointer;
	display: block;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #F0F0F0;
	border: 1px solid #9f9f9f;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}
.thumbnail:hover {
	background-color: #FFFFFF;
	border: 1px solid #727272;
}

.flag {
	width: 30px;
	height: 20px;
	display: inline-block;
}

@media print {
	.flag {
		display: none;
	}
	.thumbnail {
		display: none;
	}
}