/*
#007bb3 blå 1181b3
444 text
d1d3d4 border ljusgrå
75% svart = 636466
*/

*{}

body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: 11px; 	
	font-weight: normal;	
	color: #222;	
	padding: 0;
	margin: 0;
	background: #fff url(Images/bgBody.png) repeat-x;
	line-height: 140%;
	/*letter-spacing: 1px;*/
}

/**** Layout ***************/
#wrapper { 	
	margin: 0 auto;
	width: 1000px;				
	margin-top: 20px;			
} 

#bgWrapper { 	
	margin: 0 auto;
	width: 1000px;						
	background: url(Images/bgSquare.png) no-repeat top;
} 

#header {
	width: 1000px;	
	height: 190px;		
	background: url(Images/bgHeader.png) no-repeat top;
}

#logo {		
	width: 780px;	
	height: 89px;
	padding: 35px 0 0 40px;	
}

#menu {		
    padding: 20px 0 0 37px; 
}

#content {
	width: 1000px;
	background: url(Images/bgContent.png) repeat-y top;
}

#contentLeft, #contentRight {	
		
	
}

#contentLeft {		
	float: left;		
	width: 519px;		
	padding: 20px 20px 5px 70px;	
}

#contentRight {
	float: right;				
	width: 260px;	
	padding: 20px 90px 5px 40px;	
}

#footer {
	clear: both;
	width: 1000px;
	height: 65px;	
	background: url(Images/bgFooter.png) no-repeat top;
}

#footerText {
	padding: 20px 0 0 49px;	
	font-size: 11px; 
}
		
#lexen {		
	float: right;	
	font-size: 10px;		
	padding-top: 5px;	
	margin-right: 10px;	
	color: #b0c4e4;
}

#lexenFooter {
	float: right;
	/*border-top: 1px solid #d4d4d4;*/
	margin-top: 4px;
	font-size: 9px;	
	text-align: right;	
	text-transform: none;
	color: #777;
	padding-top: 0px;	
}

#lexenFooter a {text-decoration: none; font-weight: normal; color: #999 !important;}
#lexenFooter a:visited {text-decoration: none; font-weight: normal; color: #999 !important;}
#lexenFooter a:hover {text-decoration: none; font-weight: normal; color: #999 !important;}

#lexenFooter a.lexen:link {text-decoration: none; font-weight: normal; color: #999 !important;}
#lexenFooter a.lexen:visited {text-decoration: none; font-weight: normal; color: #999 !important;}
#lexenFooter a.lexen:hover {text-decoration: none; color: #94B626 !important;}

#lexenFooter a.motrev:link {text-decoration: none; color: #999 !important;}
#lexenFooter a.motrev:visited {text-decoration: none; color: #999 !important;}
#lexenFooter a.motrev:hover {text-decoration: none; color: #1181b3 !important;}

#footerInfo a.byran:link {text-decoration: none; color: #d8d7d7 !important;}
#footerInfo a.byran:visited {text-decoration: none; color: #d8d7d7 !important;}
#footerInfo a.byran:hover {text-decoration: none; color: #9a8351 !important;}

/* End Footer ********************/

#content p, #content .ingress {	
	/*padding: 10px 0px 5px 20px;	*/
}
 
#content .ingress {	
	font-size: 16px;
	line-height: 140%
}

.imgBorder {
    border: solid 1px #555;
}

h1, h2, h3 {
	 		
}

h1, h2, h3 {
	font-size: 18px;	
	margin-top: 5px;	
	font-family: Arial, Helvetica, Verdana, Trebuchet MS,  sans-serif;
	font-weight: normal;
}

h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

h3 {
	font-size: 13px;
}

ul {
	list-style-type: disc;
	padding-left: 25px;
}

li {
	
	padding-left: 10px; 
}

a, a:link, a:visited {
	color: #007bb3;
	text-decoration:none;
}

a:hover {
	color: #000; 
	text-decoration:none;
}

#footerInfo {	
	float: right;
	margin-top: 0px;
	font-size: 9px;	
	text-align: right;
	vertical-align: top;	
	color: #d1d3d4;
	width: 235px;
}

#footerInfo a {color: #d1d3d4;}
#footerInfo a:visited {color: #d1d3d4;}
#footerInfo a:hover {color: #d1d3d4;}

#footerInfo a.lexen:link {color: #d4d4d4;}
#footerInfo a.lexen:visited {color: #d4d4d4;}
#footerInfo a.lexen:hover {color: #94B626;}

.userInfo {	
	font-size: 10px;			
	text-align: right;	
}

hr {
	padding: 0;
	margin: 0;
	border: solid 1px #d1d3d4;
}

/* Editor modal */
.editContentBody {
    background-color: #fff;
    background-image: none;
}

#editContent {
    padding-left: 10px;
}


fieldset {
	padding: 4px;
	border: solid 1px #d1d3d4;
}

legend {
	padding: 4px;
	color: #444;
}

.legendLargeHeader {
	padding: 4px;	
	font-size: 14px;
	font-weight: bold;
}

img {
	border: solid 1px, #d1d3d4;
}

img.gallery {
	width: 150px;
	float: left;
	margin: 5px;
}

.employee {
 	width: 162px;
 	vertical-align: top;
	float: left;
	margin: 0px 10px 10px 0;
	/*border: solid 1px #d1d3d4;*/
}


.employeeImage {
	
}

.employeeInfo {
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	line-height: 1.2em;
	font-size: 11px;
	padding: 0px 0 0 0px;
	height: 90px;
}

.hand {
	cursor: pointer;		
}

.lnkHand {
	cursor: pointer;	
	
}

.toolTip, .employeeMailInfo, .headerEmployeeMail, .textEmployeeMail, .contactMailInfo, .fortnoxLogin {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	padding: 0px;	
	color:#444;	
}

.headerEmployeeMail {
	padding-bottom: 5px;
	font-weight: bold;
}

.employeeMailInfo {
	padding-left: 10px;
}

.headerEmployeeMail, .textEmployeeMail {		
	/*width: 200px;*/
}

/*
.inputEmployeeMail, .inputMultiLineEmployeeMail  {	
	font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
	color:#444;
	width: 195px;
	height:19px;
	line-height:19px;
	border:1px solid #7d7d7d;
	background: #fff;
	padding: 0px 0px 1px 4px;	
}

.inputMultiLineEmployeeMail  {	
	height: 80px;
	text-align: left;
	vertical-align: middle;
}
*/


.errMessage {
	width: 400px;
}

.tdLabel, .td2Label, .tdError, .tdInputNoPadL {		
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 2px 2px 2px 0;
}

.td2Label {		
	padding-left: 20px;
}

.tdInput, .td2Input, .tdInputEditor {	
	padding: 2px 0 5px 12px;		
}

.tdInputNoPadL {	
	padding: 2px 0 5px 0px;		
}

.tdError {
	padding-top: 4px;
	padding-left: 4px;
	width: 10px;
	white-space: nowrap;		
}

.errorColor, .validator, .requiredStar {
	color: #FF0000;	
}                

.requiredStar {
	font-size: 14px; 	
}
 	
.tdButton {
	padding-top: 4px;
	text-align: right;
}          

.input {
	width: 195px !important;
}

.inputZip {
	width: 55px !important;
}

.inputCity {
	width: 130px !important;
}

.inputLarge {
	width: 160px !important;
}

.inputMid {
	width: 100px !important;
}

.inputWide {
	width: 510px !important;
}

.inputLogin {
	width: 180px !important;
}

.inputMessage {
	width: 195px !important;
	height: 50px;
}

.inputMessageLarge {
	width: 210px !important;
	height: 70px;
}