// Bootstrap it!
@import "bootstrap.less";

// Nice bod
html, body {

}
body {
  background-attachment: fixed;
  .gradient(darken(saturate(@green-light, 5), 10), @green-dark);
/*  padding: 60px 0;*/
  color:#000;
  color: @white;
  text-rendering: optimizeLegibility;
  margin:0;
  padding:0;
  overflow-y:auto;
  overflow-x:hidden;
	background-color:#6cab3b; 

}
body, p, li {
  .sans-serif(normal,12px,20px);
  
}

.med_bg{
	.background-size(100%);
	background-image:url(../img/med_bg.png);
	width:238px;
	height:24px;
	text-indent:-9999px;

}


.med_bg2{
	.background-size(100%);
	background-image:url(../img/h2_bg.png);
	width:800px;
	height:24px;
	text-indent:-9999px;
	margin-left:5px;
	margin-top:5px;

}

#header{
	height:107px;
	background-color:white;

	
	margin-bottom:20px;
	position:relative;
	width:100%;

	.box-shadow(0 1px 3px rgba(0,0,0,.25));	
}
#header .container_16{


}

.relative{
	position:relative;
}
.vetaidlogo{
	.background-size(100%);
	background-image:url(../img/vetaidlogo.png);
	width:141px;
	height:44px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:31px;

}
.horses{
	background-image:url(../img/horses.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:232px;
	border:1px solid rgba(44,71,22,0.5);	
	margin-bottom:20px;
}

.spahlogo{
	.background-size(100%);
/*	background-image:url(../img/spahlogo.png);*/
	background-image:url(../img/msdlogo.png);
	width:232px;
	height:50px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	
	right:0px;
	top:36px;
}

.block a, .block a:visited {
  color: @text-green;
  text-decoration: none;
  .transition(all linear .2s);
  &:hover {
    color: @text-green;
    text-decoration: underline;
    text-shadow: 0 0 10px rgba(255,255,255,.75);
  }
}

// Bangin' links
@link-color: #fff;
a, a:visited,a.button, a.button:visited
 {

  color: @link-color;
  text-decoration: none;
  .transition(all linear .2s);
  &:hover {
    color: @link-color;
    text-decoration: underline;
    text-shadow: 0 0 10px rgba(255,255,255,.75);
  }
}

.round{
	background:#fff;

	.rounded(5px);
    .box-shadow(0 1px 3px rgba(0,0,0,.25));
}

// Typography
h1, h2, h3, h4, h5, h6 {
  font-family:"KontrapunktLight","Arvo", Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  margin-bottom: 10px;
}
h1 {
  font-size: 50px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 6px;
}
h4 {
  font-size: 20px;
  margin-bottom: 0;
}
p {
  margin-bottom: 20px;
}
ol {
  list-style: decimal;
  margin-left: 30px;
  margin-bottom: 20px;
}

// Code!
code, pre {
  .gradient(rgba(0,0,0,.15), rgba(0,0,0,0));
  background-color: rgba(0,0,0,.3);
  .monospace;
  text-shadow: 0 1px 1px rgba(0,0,0,.25);
  @shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 rgba(255,255,255,.25);
  .box-shadow(@shadow);
}
code {
  padding: 3px 6px;
  .rounded(3px);
}
pre {
  margin: 20px 0;
  padding: 20px;
  color: #fff;
  .rounded(6px);
}

// Scaffolding
header,
section,
footer {
  width: 600px;
  margin: 0 auto;
  display: block;
}
header,
section {
  padding-bottom: 40px;
  margin-bottom: 50px;
  @shadow: inset 0 -1px 0 rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1);
  .box-shadow(@shadow);
}
header {
  h2 {
    font-weight: 200;
    line-height: 35px;
  }
  p {
    float: right;
    margin: 15px 0 0;
  }
}
footer {
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  p {
    text-align: center;
    margin-bottom: 0;
    font-size: 13px;
    span {
      opacity: .5;
    }
  }
}

// Buttons
a.button {
  display: inline-block;
  text-decoration:none;
  background-color: @green-dark;
  .gradient(@green-light,@green-dark);
  padding: 4px 15px 5px;
  @shadow: inset 0 1px 0 rgba(255,255,255,.2),  0 1px 2px rgba(0,0,0,.25);
  .box-shadow(@shadow);
  text-shadow: 0 1px 1px rgba(0,0,0,.75);

  color: #ffffff;
  line-height: 20px;
  border:1px solid @green-darkest;
  
  &:hover {
    background-position: 0 -15px;
	color:#ffffff;
  }
 
}

.blue a.button {
  background-color: @blue-light;
  .gradient(@blue-light,@blue-dark);
  border:1px solid @blue-darkest;

}

.flags {display:none;}

.red a.button {
  background-color: @red-light;
  .gradient(@red-light,@red-dark);
  border:1px solid @red-darkest;

}

.login_box{height:266px;}

.skin a.button {
  background-color: @skin-light;
  .gradient(@skin-light,@skin-dark);
  border:1px solid @skin-darkest;

}



#infoblock_first{
	background:url(../img/infoblock_first.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:	520px;
	position:relative;
	border:1px solid rgba(44,71,22,0.5);
	.background-size(100%);
	margin-bottom:20px;
	
}
#infoblock_first h1{
	color:@text-green;
	margin-left:200px;
	margin-top:30px;
	width:195px;
	font-size:22px;
}
#infoblock_first p{
	margin-left:200px;
	width:195px;
	color:#ffffff;
}

#infoblock_first a.button{
	position:absolute;
	bottom:10px;
	right:10px;
}

.block{
	background:@white;
	border:1px solid #d2d1d1;
	position:relative;
	margin-bottom:20px;
}


.block h2{
	font-size:20px;
	/*padding-left:10px;*/
	padding-top:15px;
	top:16px;
}
.block .loginbox{
/*
	margin:10px;
	width:500px;*/
}

#infoblock_second{width:518px;height:288px;}

.subpage{
	background:@white;
	border:1px solid #d2d1d1;
	position:relative;
	height:50px;
	margin-bottom:20px;
	width:518px;
	
}
.subpage h2{
	font-size:20px;
	position:absolute;
	left:10px;
	top:16px;
}
.subpage a{
	right:10px;
	position:absolute;
	top:10px;
}

.green{
	color:@text-green;

}
.blue{
	color:@text-blue;
}

.skin{
	color:@text-skin;
}

.red{
	color:@text-red;
}

.steps{
	background:#34551b;
	/*background:rgba(0,0,0,0.5);*/
	margin-top:00px;
}
.steps h2{
	padding:10px;
	padding-bottom:0;
	margin-bottom:5px;
	
}
.steps p{
	padding:10px;
	margin:0;
}
.steps p a{
	font-family:"KontrapunktLight";
	font-weight:normal;
}

.copyright{
	text-align:right;
}

#footer{
	margin-top:10px;}
#footer,#footer p{
	font-size:10px;
	line-height:13px;
}


.flags{
	position:absolute;
	right:0px;
	top:15px;
	width:42px;
}
.flags a{
	text-indent:-9999px;
	background:url(../img/flags.png);
	width:16px;
	height:11px;
	background-position:0px 0px;
	display:block;
	float:left;
	margin-right:1px;
}

#da{
	background-position:16px 11px;
}
.active#da{
	background-position:16px 0px;
}

#uk{
	background-position:0px 11px;
}
.active#uk{
	background-position:0px 0px;
}

.loginbox{
	
}
.loginbox p{
	color:@gray;
	margin:0;
}
.loginbox form{
	margin:0;
}
.loginbox .button{
	width:200px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.loginbox label{
	width:100%;
	display:block;
	color:@text-green;
/*	margin-left:10px;*/

}
.loginbox input{
	height:30px;
	width:220px;
	clear:both;
	padding:5px;
/*	margin-left:10px;*/
	border:1px solid @text-green;
	color:@gray;
	  .sans-serif(normal,12px,20px);

}