/*Standard stuff*/
body{
	font-family: 'Open Sans Condensed', sans-serif;
}

a{
	text-decoration: none;
	color: black;
}

ul{
	list-style-type: none;
	padding: 0px;
}

input[type=text], input[type=password], input[type=number], textarea, input[type=date]{
	border: solid thin rgb(240,240,240);
	border-radius: 5px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
	text-align: center;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

.utleggsum, .utleggsdato, .avdelingsvelger{
	width: 80px;
	float: left;
}

.utleggsfil{
}

/* Globals */
#wrapper{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#navigator{
	font-size: 1.2em;
	width: 760px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: solid thin rgb(25, 51, 77);
    background-color: white;
	height: 20px;
}

#navigatorinfo{
	font-size: 1.2em;
	width: 760px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
    background-color: white;
	height: 20px;	
}

#crumbles{
	float: left;
}

#crumbles a:hover{
	text-decoration: underline;
}

#logotag{
	float: right;
}

#logotag img{
	width: 100px;
}

#hellouser{
	float:left;
}

#pagetitles{
	position: fixed;
	text-align: center;
	top: 61px;
	width: 800px;
    background-color: white;
	height: 120px;		
}

#pagetitlelarge{
	font-size: 3em;
}

#pagetitlesmall{
	font-size: 2.4em;
}


/* Content */
#content{
	padding-top: 100px;
	padding-bottom: 60px;
	font-size: 1.4em;
}

.majorlogo{
	margin-top: 100px;
	width: 800px;
	border-bottom: solid thin rgb(25, 51, 77);
}

.majorlogo img{
	display: block;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

/* Forside */
#mainmenulist{
	width: 400px;
	padding: 0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	list-style-type: none;
	font-size: 2em;
	margin-bottom: 75px;
}

#mainmenulist li{
	height: auto;
	border-radius: 10px;
	border: solid thin rgb(25, 51, 77);
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

#mainmenulist li:hover{
	cursor: pointer;
	background-color: rgb(240, 240, 240);
}

/* Underforsider */
.submenulist{
	width: 400px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	list-style-type: none;
	font-size: 1.5em;
}

.submenulist li{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: center;
	width: 400px;	
	border: solid thin rgb(25, 51, 77);
	border-radius: 10px;
	background: rgb(254,254,254);
}

.submenulist li:hover{
	cursor: pointer;
	background: rgb(248,248,248);
	border: solid medium rgb(25, 51, 77);
	margin-top: -2px;
	margin-bottom: 18px;
	margin-right: -2px;
	margin-left: -2px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.submenutitle{
	float: left;
}

.buttondiv{
	float: right;
}

/*Infotable*/
.infotable{
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.deliveryinfotable{
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.infotable li, .deliveryinfotable li{
	overflow: hidden;
}

.infoheaders{
	border-bottom: solid thick rgb(25, 51, 77);
}

.inforow{
}

.inforow:hover{
}

.inforow:nth-child(odd){
	background: rgb(245, 245, 245);
}

.inforow:nth-child(even){
	background: rgb(240, 240, 240);
}

.list_customername{
	float:left;
	width: 230px;
}

.list_customerid{
	float:left;	
	width: 100px;
}

.list_customercity{
	float:left;
	width: 100px;
}

.list_details, .dlist_details{
	width: 40px;
	border: solid thin rgb(25, 51, 77);
	float: right;
	text-align: center;
	overflow: hidden;
}

.list_orderdetails{
	width: 40px;
	border: solid thin rgb(25, 51, 77);
	float: left;
	text-align: center;
	margin-right: 5px;	
}

.list_otype, .list_ogender, .list_odate, .list_obrand, .list_oordernr, .list_oseason{
	font-size: 0.8em;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;	
	text-align: center;
	border-right: solid thin rgb(25, 51, 77);
}

.list_oordernr{
	width: 80px;	
}

.list_odate{
	width: 80px;	
}

.list_obrand{
	width: 120px;	
}

.list_ogender{
	width: 90px;	
}

.list_oseason{
	width: 100px;
}

.list_otype{
	width: 100px;
	border-right: none;
}


.list_osum{
	width: 120px;
	margin-right: 20px;
	float: right;	
	text-align: right;
}

.shortinfo, .deliver{
	padding:5px;
	overflow: hidden;
}

.shortinfo:hover, .deliver:hover{
	padding:2px;
	border: solid medium rgb(25, 51, 77);
	cursor: pointer;	
}

.extendedinfo{
	width: 100%;
	background: white;
	display: none;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 30px;
}

.extendedinfoshow{
	background: white;
}

.extendedinfotable{
	width: 640px;
	border-collapse: collapse;
}

.infoblocktitle{
	text-align: center;
	font-style: italic;
	padding-top: 60px;
}

.infoblockheader{
	border-bottom: solid thin black;
}

.infotablerow:nth-child(even){
	background: rgb(254,254,254);
}

.infotablerow:nth-child(odd){
}

.infotype{
	width: 150px;
}

.infocontactname{
	width: 300px;
}

.infocontactemail{
	width: 300px;
}

.infocontactphone{

}

/* tabeller */
.usertable{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5em;
}
.userlabel{
	width: 300px;
}


.error{
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

.logintable{
	width: 200px;
	margin-left: auto;
	margin-right: auto;	
}
.loginrow{
	border: solid thin black;
}

/* Knapper */
.tatlerbutton{
    display: block;
    font-size: 16px;
	background-color: rgb(80,80,80);
    color: white;
    text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
    padding: 15px 32px;
	border: none;	
}
.tatlerbutton:hover{
	cursor: pointer;
}
.logoutbutton{
    display: block;
    float: right;
 	background-color: rgb(80,80,80);
    color: white;
    text-transform: uppercase;
    margin-top: -8px;
	margin-left: auto;
	margin-right: auto;
    padding: 5px 10px;
	border: none;	
}

.sendbutton{
	margin-top: 20px;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border: solid thin rgb(25, 51, 77);
	text-align: center;
	padding: 10px;
	border-radius: 10px;
	background: rgb(254,254,254);
}

.sendbutton:hover{
	cursor: pointer;
	background: rgb(248,248,248);
	border: solid medium rgb(25, 51, 77);
	padding: 8px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

#footer{
	position: fixed;
	bottom: 0;
    background-color: white;
    width: 800px;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: solid thin rgb(25, 51, 77);
	text-align: center;
}

/* Statstikkside */
#statstabell{
	
}

.sumtall{
	
}
.lagertall{
	display: none;
}
.butikktall{
	display: none;
}
.brandrad{
	
}
.kategorirad{
	visibility: collapse;
}
.stylerad{
	visibility: collapse;
}
.fargerad{
	visibility: collapse;
}