@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Merriweather+Sans:800);

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

@font-face {
	font-family: 'Blokk';
	src: url('../fonts/blokk/BLOKKRegular.eot');
	src: url('../fonts/blokk/BLOKKRegular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/blokk/BLOKKRegular.woff') format('woff'),
		 url('../fonts/blokk/BLOKKRegular.svg#BLOKKRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

.buttonmini {
    border-style: none;
    background-color: #0A7BA7;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 2px #666;
    color: #fff;
    position: relative;
    padding: 3px;
    padding-right: 4px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 2px 0px 0px #322620, 2px 3px 4px #999;
}
 
.buttonmini:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.buttonmini::before {
    background-color: #14607C;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    height: 14px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttonmini:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}




.buttonregular {
    border-style: none;
    background-color: #0A7BA7;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 4px 6px;
    padding-right: 10px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
    position: relative;
    z-index: auto;
}
 
.buttonregular:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.buttonregular::before {
    background-color: #14607C;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttonregular:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.buttoncancel {
    border-style: none;
    background-color: #1BA075;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 4px 6px;
    padding-right: 10px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
}
 
.buttoncancel:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.buttoncancel::before {
    background-color: #14607C;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttoncancel:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.ddlregular {
    border-style: none;
    background-color: #0B92AE;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 3px 4px;
    padding-right: 10px;
    background-image: linear-gradient(bottom, rgb(19,99,79) 0%, rgb(19,B3,8D) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
}
 
.ddlregular:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(19,99,79) 100%, rgb(19,B3,8D) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.ddlregular::before {
    background-color: #199979;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.ddlregular:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.ddldark {
    border-style: none;
    background-color: #5D7B9D;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 3px 6px;
    padding-right: 10px;
    background-image: linear-gradient(bottom, rgb(19,99,79) 0%, rgb(19,B3,8D) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 1px 2px 0px 0px #322620, 2px 4px 5px #999;
}
 
.ddldark:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(19,99,79) 100%, rgb(19,B3,8D) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.ddldark::before {
    background-color: #5D7B9D;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 14px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.ddldark:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.buttonarrow {
    background-color: #1BA075;
    font-family: 'Open Sans' , sans-serif;
    font-size: 12px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 5px 10px;
    padding-left: 40px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
}
 
.buttonarrow:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 3px 2px #999;
}
 
.buttonarrow::before {
    background-color: #14607C;
    background-image: url(../images/left_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttonarrow:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

.buttonsaveok {
    border-style: none;
    background-color: #1A7CA2;
    font-family: 'Open Sans' , sans-serif;
    font-size: 14px;
    text-decoration: none;
    text-shadow: 0px -1px 0px #333, 0px 2px 3px #666;
    color: #fff;
    position: relative;
    padding: 5px 10px;
    padding-right: 40px;
    background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
    border-radius: 3px;
    box-shadow: inset 0px 1px 0px #9e8d84, 2px 3px 0px 0px #322620, 2px 4px 5px #999;
}
 
.buttonsaveok:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #9e8d84, 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
 
.buttonsaveok::before {
    background-color: #14607C;
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.buttonsaveok:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

/* Button SEARCH*/
.btsearch {
    height:24px;
    width:24px;
    border:none;
    background:transparent url('../images/search.png') no-repeat;
    vertical-align:middle;
}

.btsearch:active {
    transform: translateY(4px);
}
.btsearch:hover {
    transform: scale(1.1);
	cursor:pointer;
	cursor:hand;
}

.btsearch::before {
    position: absolute;
    left: 8px;
    top: 50%;
}
 
.btsearch:active::before {
    top:50%;
    margin-top:-12px;
}