/* CSS Document */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #eeeded;
	margin: 0px;
	padding: 0px;
	height: 100%;
	display: block;
	color: #ff5000;
}
img {
	border: 0px;
	float: left;
	clear: right;
}

a {

	outline: none;
    color: #ff5000;
}

td { vertical-align: top; }

html {
	margin: 0px;
	padding: 0px;
	border: none;
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

input[type="text"],input[type="password"], textarea {
    border: 1px solid #333333;
    background-color: #ffffff;
}

input[type="submit"], input[type="button"] {
    border: 1px solid #333333;
    background-color: #cfcdc4;
}

input[type="submit"]:hover, input[type="button"]:hover {
    border: 1px solid #2d8bff;
    cursor: pointer;
    background-color: #cfcdc4;
}
#login input{
    border: none !important;
}
#login input[type="button"]  {
    background: url('/images/kirjaudu.png') no-repeat;
    width: 83px;
    height: 24px;    
    border: 1px solid #333333 !important;
}
div#frame {
    padding: 0px;
    background-color: #ffffff;
    position:relative;
	margin:0px auto;
	height:auto !important;
	height:100%;
	min-height:100%;
	width: 1021px;
    background-image: url('http://www.nitroid.fi/images/orangebg.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}
div.outerFrame{
	background-image: url(http://www.nitroid.fi/images/orangebg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

body.inner div#frame {
	background-image: url('http://www.nitroid.fi/images/framebg.jpg');
}
#logo {
	background-image: url('http://www.nitroid.fi/images/logo.jpg');
	background-repeat: no-repeat;
	width: 213px;
	height: 147px;
	margin: 0px;
	display: none;
}

div#footer {
	clear: both;
	margin-top: 0px;
	margin-left: 0px;
	width: 1116px; /*1116px; 1479px;*/
	height: 200px;
	/*position: absolute;*/
	left: 0px; /*59px;*/
	bottom: 0px;
	z-index: 1;
    background: url('http://www.nitroid.fi/images/loggaa.png') no-repeat 50px 2px;
}

div#fatfooter-1 a {
	font-size: 11px;
	font-family: Arial;
	color: #ffffff;
	text-decoration: none;
}

div#fatfooter-1 a:hover {
	text-decoration: underline;

}

.footertext {
    padding:38px 0px 0px 187px;
    width:600px;
     color: #FFFFFF;
    font-family: Arial;
    font-size: 11px;
    text-decoration: none;
}
.footertext p {
    margin: 0px;
    margin-bottom: 20px;
}
a.footer_menu {
	font-size: 11px;
	font-family: Arial;
	color: #ffffff;
	text-decoration: none;
}


/* Calendar */

.ctitle2 {
    background-color: #e2e2e2;
}

.calendar{
    background-color: #a2a2a2;
}

.next {
    background-image:url('/images/next2.gif');
    background-color: #a2a2a2;
    width:13px;
    height:13px;
}

.prev {
    background-image:url('/images/previous2.gif');
    background-color: #a2a2a2;
    width:13px;
    height:13px;
}

.Calendar {
    background-color: #a2a2a2;
    display:none;
}

.datelive {
    background-image:url('/images/datelive.gif');
    background-repeat:repeat-x;
    width:13px;
    height:13px;
    border-style:solid;
    border-color:#ffcc00;
    border-width:1px;
    text-align:center;
    color:#000000;
    margin:1px;
    text-decoration:none;
}

.today {
    background-image:url('/images/datelive.gif');
    background-repeat:repeat-x;
    width:13px;
    height:13px;
    border-style:solid;
    border-color:#ff0000;
    border-width:1px;
    text-align:center;
    color:#000000;
    margin:1px;
    text-decoration:none;
}

.datelive:hover {
    background-image:url('/images/datelive_over.gif');
    background-repeat:repeat-x;
    color:#000000
}

.today:hover {
    background-image:url('/images/datelive_over.gif');
    background-repeat:repeat-x;
    color:#000000
}

.dateunlive {
    background-image:url('/images/dateunlive.gif');
    background-repeat:repeat-x;
    width:13px;
    height:13px;
    border-style:solid;
    border-color:#666666;
    border-width:1px;
    margin:1px;
}

.newOrder {
    display:none;
}

div#login {
    width: 400px;
    height: 300px;
    margin: 185px 0px 0px 85px;

}
div#login .table{
    background-color: #ff5000;
    background-repeat: repeat-y;
    border: none;
    padding: 30px 30px 30px 30px;

}
div#login div.input {
      background-color: #ff5000;
    font-family: Verdana;
	font-size: 10px;
    width: 300px;
    height: 24px;
    padding-top: 9px;
    color: #fff;
}


a#logout {
    
 
	
}

a#ownpage {
    display: block;
	background-image:url("/images/leiska/omatsivut.gif");
    height: 34px;
    width: 134px;
	background-repeat: no-repeat;
}

div#logoff {
    margin: 0px 0px 0px 0px;
}


#left {
	position: relative;
	height:100%;
	width:213px;
	float:left;
	

	/*background-image: url('/images/palkit.jpg');
	background-repeat: repeat;*/
	
}

#center {
	background-color: #ffffff;
	height:100%;
	min-height: 800px;
	width:745px;
	position: relative;
	height:100%;
	float:left;
	
}

#right {
    display: none;
	width:233px;
	position: relative;
	height:100% !important;
	float:left;
	
	background-color: #eeeded;
	border-right: 1px solid #d7d6d6;
	/*background-image: url('/images/palkit.jpg');
	background-repeat: repeat;*/
}

#yhteystiedot {

	margin: 25px 0px 3px 0px;
	height: 50px;
	width: 233px;
	display: block;
	background-image: url('/images/yhteyst.jpg');
	background-repeat: no-repeat;
}
#menu {
	position:relative;
	margin: 0px 0px 0px 0px; /* 537 */
	width: 213px; /* 437px */
	height: 176px;
	padding-left: 0px;
}
#menu a {
	display: block;
	/*float: left;*/
	height: 44px;
	margin: 0px;
    padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#menu a:hover {
	background-position: 0px -44px;
}
a#mItem1 {width: 174px;background-image: url('http://www.nitroid.fi/images/btn_toimeksiannot.png');}
a#mItem2 {width: 174px;background-image: url('http://www.nitroid.fi/images/btn_yritysmateriaali.png');}
a#mItem3 {width: 174px;background-image: url('http://www.nitroid.fi/images/btn_projektit.png');}
a#mItem4 {width: 174px;background-image: url('http://www.nitroid.fi/images/btn_asiakkuudet.png');}

.btn1_selected #mItem1 {background-position: left bottom;}
.btn2_selected #mItem2 {background-position: left bottom;}
.btn3_selected #mItem3 {background-position: left bottom;}
.btn4_selected #mItem4 {background-position: left bottom;}


#right div.content {
	font-size:11px;
	color: #ff7600;
	padding: 0px 25px 0px 25px;
	margin-bottom: 20px;
}
#right div.content p {
	margin: 12px 0px 0px 0px;
}

#right div.content a {
	font-size:11px;
	color: #ff7600;
	text-decoration: underline;
}

#center div.content {
	font-size:12px;
	color: #636466;
	padding: 0px 25px 0px 41px;
	margin-bottom: 20px;
	margin-top: 50px;
	
}
#center div.admin {	
	font-size:12px;
	color: #636466;
	padding: 0px 25px 0px 41px;
	margin-bottom: 20px;
	margin-top: 100px;
	
}
/*
#center div.content a {
	color: #381b9b;
	text-decoration: none;
}*/
#center div.content p {
	margin: 12px 0px 0px 0px;
}

.addhtisDiv {
	position: absolute;
	margin-top: -30px;
	margin-left:186px;
}

.subscribeDiv {
	position: absolute;
	margin-left:186px;
    margin-top:-60px;
}
.btn_newsletter {

    margin-left:5px; 
    float:left; 
    width:121px; 
    height:16px; 
    background: url('/images/btn_tilaa_nl.png') no-repeat;

}


a#material-logos {
    display: block;
    float: left;
    width: 60px;
    height: 22px;
    background-color: transparent;
}

a#material-pics {
    display: block;
    float: left;
    width: 60px;
    height: 22px;
    background-color: transparent;
}

#material-helps {
    display:block;
    float: left;
    width: 60px;
    height: 22px;
    background-color: transparent;
}

#material-other {
    display:block;
    float: left;
    width : 60px;
    height: 22px;
    left: 252px;
    background-color: transparent;
}

#material-newfile {
    display:block;
    float: left;
    width : 107px;
    height: 22px;
    left: 332px;
    background-color: transparent;
}

div.table {
    background-color: #f1f1f1;
    background-repeat: repeat-y;
    border: 2px solid #dddddd;
    padding: 30px 30px 30px 30px;
}

div.head {
    font-family: Verdana;
	font-size: 12px;
	height: 40px;
}

div.row {
	background-color: #f1f1f1;
	font-family: Verdana;
	font-size: 10px;
	width: 547px;
	height: 28px;
	border-bottom: 1px dotted black;
	padding-top: 9px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 0px;
}

div.input {
    background-color: #f1f1f1;
    font-family: Verdana;
	font-size: 10px;
    width: 300px;
    height: 24px;
    padding-top: 9px;
}


div.row:hover {
    background-color: #dcdcdc;
}

div.row_selected {
    display:block;
    background-color: #dcdcdc;
    font-family: Verdana;
	font-size: 10px;
	width: 547px;
	padding-top: 9px;
}



div#customers {
	margin: 0px;
	padding: 0px;
    height:31px;
    width:607px;
    background-image:url('/images/leiska/asiakkuudet/asiakkuudet.gif');
	
}

div#customersList form {
	margin: 0px;
	padding: 0px;
}

div#projectsbar {
    height:37px;
    width:607px;
    background-image:url('/images/leiska/projektit/projektipalkki.gif');
}


div.files {
    height:37px;
    width:607px;
    background-image:url('/images/leiska/yritysmateriaali/tiedostot.jpg');
}

div#addnewfile {
	margin-left:2px;
    height:37px;
    width:400px;
    background-image:url('/images/leiska/yritysmateriaali/uusitiedosto400.jpg');
    background-repeat: no-repeat;
}

div#active {
    height:37px;
    width:607px;
    background-image:url('/images/leiska/toimeksiannot/aktiiviset_.gif');
    background-repeat: no-repeat;
}

div#old {
    height:37px;
    width:607px;
    background-image:url('/images/leiska/toimeksiannot/vanhat_.gif');
    background-repeat: no-repeat;
}

div#new {
    height:37px;
    width:607px;
    background-image:url('/images/leiska/toimeksiannot/uusi_.gif');
    background-repeat: no-repeat;
}

div#ordersbar {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/toimeksiannot/toimeksiannot.gif');
}

a#orders-active {
    float:left;
    display: block;
    width: 106px;
    height: 22px;
    background-color: transparent;
}

a#orders-old {
    float:left;
    display: block;
    width: 95px;
    height: 22px;
    background-color: transparent;
}

a#orders-new {
    float:left;
    display: block;
    width: 134px;
    height: 22px;
    background-color: transparent;
}

b { font-weight: bold;}

div#ordertab {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/toimeksianto/toimeksianto.gif');
}

div#materialtab {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/toimeksianto/materiaalit.gif');
}

a#materialanchor {
    margin-left:140px;
    display:block;
    width: 105px;
    height: 22px;
    background-color: transparent;
}

a#orderanchor {
    margin-left:12px;
    display:block;
    width: 106px;
    height: 22px;
    background-color: transparent;
}

div#suggestions {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/toimeksianto/CBulkoasut.gif');
}

div#order_msgs {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/toimeksianto/toime_viestit.gif');
}

div.comments {
    width:503px;
    display:block;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
    border: 2px solid;
    border-color: #dddddd;
}

div#fileselected {
    display:block;
    width:503px;
    height:300px;
    padding: 31px 20px 20px 20px;
    background-color: #dcdcdc;
    border: 2px solid;
    border-color: #dddddd;
}

div#fileinfo {
    display:block;
    border-top:1px dotted black;
}

div#newcommentbox {
    display:block;
    margin-top:20px;
    height:250px;
}

div.comment_white {
    display:block;
    width:463px;
    background-color: #ffffff;
    padding: 20px 20px 20px 20px;
}

div.comment_black {
    display:block;
    width:463px;
    background-color: #f1f1f1;
    padding: 20px 20px 20px 20px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #dddddd;
}

div.whatsnew_w {
    display:block;
    width:577px;
    background-color: #ffffff;
    padding: 15px 15px 15px 15px;
}

div.whatsnew_b {
    display:block;
    width:577px;
    background-color: #f1f1f1;
    padding: 15px 15px 15px 15px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-color: #dddddd;
}

.fileremoved {
    height: 24px;
    width: 527px;
    background-color: #ffae86;
    padding: 9px 0px 0px 20px;
    border-bottom: 1px dotted #000000;
}

div#newcustomer {
    height:31px;
    width:607px;
    background-image:url('/images/leiska/asiakkuudet/uusi.gif');
}

a#row_selected {
    display:block;
    width: 547px;
    height: 20px;
    background-color: transparent;
}

input.editMode {
    background-color : #FFFF99;
}

textarea.editMode {
    background-color : #FFFF99;
}

.savingAjaxWithBackground {
    background-color : #FFFFFF;
}

#projectGroupMenu {
	position: relative;
	background-color:#333333;
	opacity: .9;
	padding: 5px 10px;
	color: #ffffff;
	font-weight: bold;
	width: 150px;
}
.actionSucceed {
	color: #33ff33;
}
.actionError {
	color: #ff3333;
}
/** tabs **/
.menu {
	background-repeat: no-repeat;
	background-image: url('http://www.nitroid.fi/images/alaviiva.png');
	background-position: bottom;
    background-repeat: repeat-x;
	height:31px; width:607px;
	padding-left: 0px;
}
.menu a:link, .menu a:visited {
	background-image: url(http://www.nitroid.fi/images/keski.png);
	background-repeat: repeat-x;
	background-position: right top;
	display: block;
	height: 27px;
	border: 0px;
	float:left;
	text-decoration: none;
	padding-right: 18px;
	margin-top: -6px;
	font-family: Verdana;
	font-size: 14px;
	color: #ff5000;
	cursor: pointer;
	outline: none;
}


.menu .vasen {
	background-image: url(http://www.nitroid.fi/images/vasen.png);
	background-repeat: no-repeat;
	background-position: left top;
	border: 0px;
	height:27px;
	width: 16px;
	display: block;
	float: left;
}
.menu span {
	padding-left:  2px;
	padding-top: 1px;
	display: block;
	float: left;

}
.menu a.select {
	background-image: url(http://www.nitroid.fi/images/keski_select.png);
	background-repeat: repeat-x;
	background-position: right top;
	color: #FFFFFF;

}
.menu .select .vasen {
	background-image: url(http://www.nitroid.fi/images/vasen_select.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 0px;
	height:27px;
	width: 16px;
	display: block;
	float: left;
}

/** end of tabs **/
div#overlay {
	background-color:#000000;
	width: 100%;
	height: 100%;
	left: 0;
	opacity: 0.4;
	position: fixed;
	top: 0;
	z-index:100;
}
div#overlayBox1 {
	position: fixed;
	top: 200px;
	width: 453px;
	height: 242px;
	margin: 0px auto;
	background-image:url("/images/overlayBox1.png");
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 101;
}

div#overlayBox2 {
	position: fixed;
	top: 200px;
	width: 453px;
	height: 242px;
	margin: 0px auto;
	background-image:url("/images/overlayBox1.png");
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 101;
}

/* FILEMANAGER */
#filemanager fieldset {
    border:1px solid #cccccc;
    margin-bottom:10px;
	margin-top: 100px;
    padding:5px;
    text-align:left;
    width: 728px;
}
#filemanager legend {
    color:#F68A3C;/*#0B55C4;*/
    font-size:12px;
    font-weight:bold;
}

#filemanager a.folderName {
    font-weight: bold;
}
#filemanager table.files {
    width: 100%;
}
#filemanager table.files tr {
    padding: 5px 3px;
    font-size: 11px;
    overflow: hidden;
    color: #787878;
}
#filemanager table.files a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #F68A3C;
}
#filemanager td.file {
    /*margin: 0px -5px 0px 15px;
    padding:0px;
    background:url('filemanager/shadowAlpha.png') no-repeat bottom right !important;*/
    /*height: 24px;
    padding-bottom: 8px;*/
    text-align: left;
    margin: 0px 0px 0px 0px;

    overflow: hidden;
    color: #787878;
    font-size: 11px;
}
#filemanager table.files a:hover {
    text-decoration: underline;
}
#filemanager div.image {
    float: left;
    /*margin: 0px -5px 0px 15px;
    padding:0px;
    background:url('filemanager/shadowAlpha.png') no-repeat bottom right !important;*/
    text-align: center;
    padding-bottom: 8px;

    margin: 0px 10px 10px 0px;
    width: 146px;
    height: 136px;
    overflow: visible;
    color: #787878;
    font-size: 11px;
    position: relative;
}
#filemanager div.image:hover img {
    border: 1px solid #F68A3C;
}

#filemanager div.image img {
    display: block;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    /*border: 1px solid #cccccc;
    margin: -5px 5px 5px -5px;*/
    padding: 4px;
    margin: 0px auto;
    /*border: none;*/
}
#filemanager div.image span {
    visibility: hidden;
    font-size: 10px;
    position: relative;
    z-index: 50;
    top: 8px;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #f0f0f0;
    color: #000000;
    white-space: nowrap;
    overflow: visible;
}
#filemanager div.image:hover span {
    visibility: visible;
}
#filemanager div.image:hover div.delete {
    visibility: visible;
}
#filemanager div.image div.delete {
    width: 16px;
    height: 16px;
    position: absolute;
    top: -5px;
    left: 130px;
    z-index: 20;
    visibility: hidden;

}
#filemanager div.image a, td.file a {
    text-decoration: none;
    border: none;
    color: #ffffff;
}
#filemanager div.folder {
    margin-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
#filemanager div.folder a {
    text-decoration: none;
    color: #787878;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#filemanager div.folder a:hover {
    text-decoration: none;
    color: #47abff;
}
#filemanager div.folder a:hover img {
    border: 1px solid #47abff;
}
#filemanager a.deletefile {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('filemanager/delete.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    outline: none;
}
#filemanager a.deletefile:hover {
    background-position: 0px -16px;
}
div#confirmdelete {
    position: fixed;
    top: 200px;
    left: 130px;
    width: 500px;
    height: 100px;
    border: 2px solid #F68A3C;
    background-image: url('filemanager/overlay_bg.png');
    -moz-border-radius: 8px;
    padding: 20px;
    color: #ffffff;
    z-index: 55;
}
div#confirmdelete div#filename {
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0px;
}
div#confirmdelete .cancel {
    /*display: block;
    float: left;*/
    border: 2px solid #ccc;
    color: #000000;
    background-color: #ccc;
    padding: 5px 20px;
    margin: 5px;
    font-weight: bold;
    -moz-border-radius: 5px;
}
div#confirmdelete .cancel:hover {border: 2px solid #F68A3C;}
div#confirmdelete .delete {
    border: 2px solid #ccc;
    color: #ffffff;
    background-color: #ff0000;
    padding: 5px 20px;
    margin: 5px;
    font-weight: bold;
    -moz-border-radius: 5px;
}
div#confirmdelete .delete:hover {border: 2px solid #F68A3C;}
#filemanager .empty {
    font-style: italic;
    padding-left: 30px;
    padding-top: 20px;
}
#filemanager div.upload {
	display: none;
    background-image: url('filemanager/upload_bg.png');
    background-repeat: no-repeat;
    width: 798px;
    height: 70px;
    margin-bottom: 10px;
}
#filemanager div.upload .title {
    padding: 7px 0px 0px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
}
#filemanager input.newfolder {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    color: #000000;
    border: 1px solid #ccc;
    width: 190px;
}
#filemanager a.newfolder {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('filemanager/folder_new.png');
    background-repeat: no-repeat;
    float: right;
}
#menu {
    margin-top: 59px;
}
#menu a {
	display: block;
	/*float: left;*/
	height: 39px;
	margin: 0px;
    padding: 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
    margin-bottom: 5px;
}
#menu a:hover {
	background-position: 0px bottom;
}
#menu .mItem1 {
    display: none;
    width: 213px; 
    background-image: url('http://www.nitroid.fi/images/btn_dataamo.png');
    }
#menu .mItem2 {
    width: 213px; 
    background-image: url('http://www.nitroid.fi/images/btn_nitroid.png');
    }
a.logo {
    position: absolute;
    right: 0px;
    margin-right: -39px;
    margin-top: 59px;
}
.lataadataamosta {
    margin-top: 60px;
    margin-left: 85px;
}

div.showpassrow {
    margin: 20px 0px 0px 20px;
    border: 1px solid #000000;
    padding: 5px;
    width: 400px;
    height: 18px;
}
div.showpassheader {
    margin: 10px 0px 0px 20px;
    width: 410px;
    height: 50px;
}   
span.showpasslabel {
    width: 90px;
    float: left;
    font-size: 13px;   
}

span.showpassvalue {
    margin-left: 10px;
    width: 150px;
    font-size: 15px;
    font-weight: bold;
}