﻿body {
   /* background-image:url(/images/bground.jpg);
    background-repeat:repeat-x;  */
    background-color:#E3EFF0; 
    margin: 10px;
    font-family:Arial;
    font-size:12px;
    color:#333333;       
    min-width:1200px; 
    font-family:Verdana;
    font-size:12px; 
     
    }

a, a:visited, a:active{text-decoration:none;color:#333333;}
a:hover{color:#999999;}
#klarer{clear:both}
textarea{font-size:11px;}
input{font-size:11px;
	height: 22px;
}
/*lOGIN*/
#login{text-align: center;margin: 50px;color: #000000;font-size:12px;}
.logintable{border: 1px solid #808080;width: 300px;font-weight:bold;}
.lTop{background-image:url(/images/TopMeny_bck.jpg);background-repeat:repeat-x; height:35px;color: #ffffff;}
.lhead{padding-top:20px;}
.ltxt{font-size:12px;font-weight:bold;}
.btm{font-size:10px;color:#666666; }
/**/

/*Form containers*/
#ContentContainer{width:1200px;margin-left:auto;margin-right:auto;}
#ContentContainer .topMeny{margin:0px 0px 0px 0px;padding-top:10px;background-image:url(/images/TopMeny_bck.jpg);background-repeat:repeat-x; height:35px; }
#ContentContainer .topMeny .mnu, #ContentContainer .topMeny .mnu a, #ContentContainer .topMeny .mnu a:visited
 {color:#ffffff;padding-top:10px;padding-left:10px;}
#ContentContainer .topMeny .mnu a:hover  {color:#cccccc;padding-top:10px;padding-left:10px;}
#ContentContainer .actionMenu{height:230px;display:block;float:left; width:1200px;}
#ContentContainer .main{height:200px;display:block;float:left; width:1200px;}
/**/

/*Enter timetrack actions*/
#ActionEnter{width:1200px;height:220px;display:block;float:left; }
#ActionEnter .Elements{width:790px;display:block;float:left;}
#ActionEnter .Elements .text{display:block;float:left; margin-top:50px; margin-right:20px;font-size :16px;}
#ActionEnter .Elements .dropdown{width:250px;display:block;float:left; margin-top:50px;margin-right:20px;color:#000000}
#ActionEnter .Elements select{width:250px;}
#ActionEnter .Kalender{width:200px;display:block;float:right;}
#ActionEnter .Header{width:790px;display:block;float:left;margin-top:120px;}
#ActionEnter .Header .ico{display:block;float:left;padding-right:10px;}
#ActionEnter .Header .text{display:block;float:left;padding-right:20px;margin-top:10px;}

#ActionEnter .starter{color:#4074a3;font-size:24px;text-align:center;margin-top:100px;   }

/*Hoved bilde */
#ActionMain {width:1200px;border-collapse:collapse; border-color:#cccccc;  }
#ActionMain .HeadingText {height:70px; width:90px;
                          background-color:#4074a3;font-weight:bold;  
                          color:#FFFFFF; text-align:center;   }
#ActionMain .insertRow {width:90px;}
#ActionMain .insertRow input{max-width:120px;}
#ActionMain .insertRow select{width:120px;}

#ActionMain .HeadingDay{height:70px; width:50px;
                          background-color:#ffffff;font-weight:bold;  
                          color:#FFFFFF; text-align:center;   }                        
#ActionMain .Headingdisable{height:70px; width:40px;
                          background-color:#4074a3;font-weight:bold;  
                          color:#FFFFFF; text-align:center;   }                           
#ActionMain .HeadingDay .Day {background-color:#4074a3;border-bottom:solid 1px #cccccc; padding:10px 0px 10px 0px;}
#ActionMain .HeadingDay .Dropdown{padding-top:5px;color:#000000;font-size:10px; }

/*Legge til bruker*/
#AddUser {display:block; visibility:hidden;width:400px;position:absolute;top:100px;left:400px;min-height:400px;background-color:#cccccc;    }
#AddUser2 {display:block;width:400px;min-height:400px;background-color:#cccccc;    }
#AddUser .head{padding-left:20px;}
#AddUser .text{padding-left:20px;padding-bottom:10px;}
#AddUser .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#AddUser .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }
/*Legge til kunde*/
#AddCustomer {display:block;visibility:hidden;width:400px;position:absolute;top:100px;left:400px;min-height:400px;background-color:#cccccc;    }
#AddCustomer .head{padding-left:20px;}
#AddCustomer .text{padding-left:20px;padding-bottom:10px;}
#AddCustomer .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#AddCustomer .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }


#AddCustomerV {display:block;width:400px;min-height:400px;background-color:#cccccc;    }
#AddCustomerV .head{padding-left:20px;}
#AddCustomerV .text{padding-left:20px;padding-bottom:10px;}
#AddCustomerV .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#AddCustomerV .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }
#AddCustomerV .text input{height:16px; padding:0 0 0 0; }
/*Legge til PROSJEKT*/
#AddProject {display:block;visibility:hidden;width:400px;position:absolute;top:100px;left:400px;min-height:400px;background-color:#cccccc;    }
#AddProject .head{padding-left:20px;}
#AddProject .text{padding-left:20px;padding-bottom:10px;}
#AddProject .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#AddProject .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }
/*Legge til Oppgave*/
#AddOppgave {display:block;visibility:hidden;width:400px;position:absolute;top:100px;left:400px;min-height:400px;background-color:#cccccc;    }
#AddOppgave .head{padding-left:20px;}
#AddOppgave .text{padding-left:20px;padding-bottom:10px;}
#AddOppgave .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#AddOppgave .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }


.txtPn{text-align:center;  }
.txtPn input{width:18px;height:14px;font-size:10px; }



/*Admin*/
#ADMIN{display:block;width:1100px; }
#ADMIN #LeftMnu{display:block;float:left;width:200px;padding-right:20px;}
#ADMIN #LeftMnu li{display:inline; } 
#ADMIN #Main{display:block;float:left;width:800px;margin-top:10px;}
#ADMIN #ActionEnter .starter{color:#4074a3;font-size:24px;text-align:center;width:500px;margin-top:0px;     }

#ADMIN .tdHeading{font-weight:bold;font-size:14px;   }
#ADMIN .tdCell{font-weight:normal;font-size:12px;padding-right:20px;height:15px; }

/*Endre til bruker*/
#ChangeUser {display:block;width:400px;min-height:400px;background-color:#cccccc;    }
#ChangeUser .head{padding-left:20px;}
#ChangeUser .text{padding-left:20px;padding-bottom:10px;}
#ChangeUser .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;color:#4074a3;padding-bottom:10px;background-color:#4074a3;color:#ffffff;width:380px;}
#ChangeUser .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }
/*Endre til kunde*/

#Reports{width:1060px;}
#Reports .header{height:70px;}
#Reports .header .Overskrift{font-weight:bold;font-size:18px; }
#Reports .header .subHeading{font-size:14px;color:#4074a3; }
#Reports .subheader{background-color:#F7F4E9; height:100px;color:#4074a3; padding:5px 0px 0px 5px;font-size:18px; }
#Reports .subheader td{color:#4074a3;padding-right:5px;font-size:12px; }

.reportData{}
.reportData table{border:solid 1px #cccccc; border-collapse:collapse;}
.reportData .dayHeading{font-size:14px;background-color:#cccccc; }
.reportData th
{font-size:14px;color:#FFFFFF;
 background-color:#4074a3; 
 padding-right:15px; 
 text-align:left;
 height:40px;
 padding-left:5px;
 border:solid 1px #cccccc; 
 border-collapse:collapse; }
.reportData th a, th a:hover, th a:visited{color:#FFFFFF;}
 
.reportData td{color:#4074a3;padding-right:15px;padding-left:5px;border:solid 1px #cccccc; border-collapse:collapse;padding-top:5px;padding-bottom:5px  }

#samleRapport{display:block;width:1100px;}
#samleRapport #head {width:500px;}
#samleRapport #head .Employee{display:block;float:left;min-width:200px;}
#samleRapport #head .Month{display:block;float:left;min-width:100px;}
#samleRapport #head .Year{display:block;float:left;min-width:100px;}
#samleRapport #head .Overskrift{font-weight:bold;font-size:18px;padding-bottom:10px; }
#samleRapport #Rapport{width:1100px;display:block;}
#samleRapport #Rapport td {font-size:10px;padding-right:2px;}
#samleRapport #Rapport th{background-color:#4074a3; 
                          overflow:hidden;  font-size:10px;padding-right:2px;text-align:left;border-bottom:solid 1px #cccccc;
                          color:#ffffff;
                          height:20px;padding-top:3px; 
                          }
#samleRapport .subheader{background-color:#F7F4E9; height:100px;color:#4074a3; padding:5px 0px 0px 5px;font-size:18px; }
#samleRapport .subheader td{color:#4074a3;padding-right:5px;font-size:12px;}                          


/*Error handler*/
#ErrorHandler{display:block;width:1100px;float:left;  }
#ErrorHandler #LeftMnu{display:block;margin-top:10px;}
#ErrorHandler #LeftMnu li{display:inline;padding-right:20px;}
#ErrorHandler #Main{display:block;margin-top:-10px;}
#ErrorHandler #ActionEnter .starter{color:#4074a3;font-size:24px;text-align:center;width:500px;margin-top:0px;     }
#lMnu{}
#lMnu li{display:inline;margin-right:20px;}

#Lister{border:1px solid #808080;min-height:400px;width:1195px;padding-left:5px;}
#LokationList{}
#LokationList .tdHeading{font-weight:bold;font-size:14px; width:60px;  }
#LokationList .tdCell{font-weight:normal;font-size:12px;padding-right:20px;height:15px; }

#AddContent {display:block;width:1200px;background-color:#E3EFF0;  float:left;border:1px solid #808080   }
#AddContent #Venstre {width:330px;display:block;float:left;}
#AddContent #Hoyre {width:550px;display:block;float:left;}
#AddContent #Hele{width:1200px;border-bottom:1px solid #333333;display:block;float:left;}
#AddContent .head{padding-left:20px;}
#AddContent .text{padding-left:20px;padding-bottom:10px;}
#AddContent input{height:18px;background-color:#ffffff; }
#AddContent select {height:22px;background-color:#ffffff; }
#AddContent textarea{height:70px;background-color:#ffffff; }
#AddContent .heading.heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;
                        padding-bottom:10px;background-color:#808080;color:#ffffff;width:1180px;}
#AddContent .img{display:block;float:right;padding-bottom:10px;cursor:pointer; }
#AddContent .it {height:25px;}
#AddContent .bt{height:25px;margin-top:5px;}

/**/
#ChangeContent {display:block;width:1200px;background-color:#E3EFF0;  float:left;border:1px solid #808080;}
#ChangeContent #Venstre {width:330px;display:block;float:left;}
#ChangeContent #Hoyre {width:350px;display:block;float:left;}
#ChangeContent #Hele{width:1200px;border-bottom:1px solid #333333;display:block;float:left;  }
#ChangeContent .head{padding-left:20px;}
#ChangeContent .text{padding-left:20px;padding-bottom:10px;}
#ChangeContent input{height:18px;background-color:#ffffff; }
#ChangeContent select {height:22px;background-color:#ffffff; }
#ChangeContent textarea{height:70px;background-color:#ffffff; }
#ChangeContent .heading{display:block;float:left;padding-left:20px;padding-top:10px;font-size:18px;
                        padding-bottom:10px;background-color:#808080;color:#ffffff;width:1180px;}

#ChangeContent #LocationRegistry{width:250px;display:block;float:left;border-right:1px solid #333333;min-height:200px; }
#ChangeContent #LocationRegistry ul{margin-left:0px;width:210px;margin-bottom:-10px;}
#ChangeContent #LocationRegistry li{display:inline; margin-left:-35px;}

#ChangeContent #ComputerRegistry{width:300px;display:block;float:left;border-right:1px solid #333333;min-height:200px;  }
#ChangeContent #ComputerRegistry ul{}
#ChangeContent #ComputerRegistry li{display:inline;margin-left:-35px; }

#ChangeContent #EventRegistry{width:645px;display:block;float:left;min-height:200px; }
#ChangeContent #EventRegistry  ul{}
#ChangeContent #EventRegistry  li{display:inline;padding-right:15px;text-align:right;}
#ChangeContent #EventRegistry  .liLeft {margin-left:-30px;}
#ChangeContent #EventRegistry .InputForm th{text-align:left;padding-bottom:2px;padding-left:5px; }
#ChangeContent #EventRegistry .InputForm td{text-align:left;padding-bottom:2px;padding-left:5px; }
#ChangeContent #EventRegistry .InputForm td input{height:15px;}
#ChangeContent #EventRegistry .InputForm td select{height:20px;}
#ChangeContent #EventRegistry .InputForm {border-bottom:1px solid #808080;width:645px; }

#ChangeContent #EventRegistry .EventList td{padding-left:5px;}
#ChangeContent #EventRegistry .EventList .indent{padding-left:20px;width:20px;}

#ChangeContent #documents{display:block;width:500px;float:left;  }
#ChangeContent #documents #documentList{width:490px;overflow:scroll;height:150px;margin-left:20px;}
#ChangeContent #documents #documentList tr{margin-left:-40px;margin-bottom:-10px;}
#ChangeContent #documents #documentList td{padding-right:15px;text-align:left;}

#addError {width:400px;background-color:#E3EFF0;border:2px ridge #808080;visibility:hidden;position:absolute;padding:2px 2px 2px 2px;}
#addError .heading {width:380px;background-color:#808080;}
#addError .heading .text {display:block;float:left;color:#E3EFF0;}
#addError .heading .Lukk{display:block;float:right;color:#E3EFF0;font-size:10px; }
#addError .item {width:380px;}
#addError .item input {height:18px;}

#displayError {width:400px;background-color:#E3EFF0;border:2px ridge #808080;visibility:visible;position:absolute;padding:2px 2px 2px 2px;}
#displayError .heading {width:380px;background-color:#808080;height:30px;}
#displayError .heading .text {display:block;float:left;color:#E3EFF0;font-size:18px; }
#displayError .heading .Lukk{display:block;float:right;color:#E3EFF0;font-size:10px; }
#displayError .item {width:380px;}
#displayError .item input {height:18px;}

.tdHead{background-color:#808080;color:#FFFFFF;height:40px;padding-left:20px;font-size:20px; }
#eventRegistry{display:block;width:1200px;border:0px solid #808080; }
#eventRegistry .head{color:#FFFFFF;font-size:20px; padding:5px 5px 5px 5px; background-color:#808080; }
#eventRegistry #leftContainer{display:block; float:left;width:593px;border-left:1px solid #808080;padding-left:5px;}
#eventRegistry #rightContainer{display:block; float:left;width:593px;border-left:1px dotted #808080;padding-left:5px;border-right:1px solid #808080;}
#eventRegistry .tittle{font-weight:bold;  }
#eventRegistry .text{}
#eventRegistry #leftContainer td{padding-right:5px;font-size:10px;}

