@charset "utf-8";
/* CSS Document Version Blue */


@h1h2color: #0085B2;
@color-code:"-blue";

@color1: #0085B2;

@color1-dark:#006384; 
@color1-darkheavy:#005977;
@color1-light:#0087AE;
@color1-lightly:#E6F3F7;

@border-leftcol: #006384;
@border-rightcol: #0095C6;


.logincolor h3 {
	background-color: @color1!important;
	background-image: url(../../images/user-small-white.png) !important;
	border-color: @color1-dark !important;
}

#slideadv .grey .e4j-menutitle {
	color:#666;
}

#menutitlemob {
	border-left:1px solid @border-leftcol;
	border-right:1px solid @border-leftcol;
	background: @color1  url(../../images/menumobile_white.png);
}
.menumobile ul li {
	background: @color1;
	border-bottom:1px solid @color1;
}

.grid-module > .color {
	background: @color1;
}
.grid-module > .color .e4j-divmenutitle {
	color: #fff !important;
}
.grid-module > .color a {
	color: #333;
}
.grid-module > .color a:hover {
	color: #000;
}


/**** Start ***/

.e4jtran {
	transition: all 400ms ease-in-out 0s;
	-moz-transition: all 400ms ease-in-out 0s;
	-webkit-transition: all 400ms ease-in-out 0s;
	-o-transition: all 400ms ease-in-out 0s;
}
.e4jtran:hover {
	transition:all 400ms ease-in-out 0s;
	-moz-transition:all 400ms ease-in-out 0s;
	-webkit-transition:all 400ms ease-in-out 0s;
	-o-transition:all 400ms ease-in-out 0s;
}

body {
	background: #fff;
}
h1, h2 {
	color: @h1h2color;
}

a:hover {color:@color1}

.moduletable ul li a:hover, .moduletable ul li.active a {
	color:@color1;
}
.breadcrumbs .last {
	color:@color1;
}
.breadcrumbs a:hover {
	color:@color1;
}
.createdby a {
	color:@color1;
}
.search-btn {
	background: url("../../images/search-btn@{color-code}.png") left center no-repeat;
}
input.mod-submit-btn {
	background: @color1;
	color: #fff;
	border:1px solid @color1-dark;
	.e4jtran
}
input.mod-submit-btn:hover {
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.upmenu-content a {
	color: #fff;
}
.l-inline ul > li a:hover {
	color:@color1;
	.e4jtran
}
.l-inline > div > ul > li.active > a .e4jmenu,
.l-inline > div > ul > li:hover > a .e4jmenu {
	color: @color1;
}
.upmenu-content .l-inline > div > ul > li.active > a .e4jmenu, 
.upmenu-content .l-inline > div > ul > li:hover > a .e4jmenu {
	color: @color1-lightly;
}
.l-inline li .l-block > div {
	background: #fff;
	border-top:2px solid @color1;
}
.l-inline li .l-block li a {
	color: @color1;
	.e4jtran
}
.l-inline li .l-block li a:hover {
	color: @color1-darkheavy;
	.e4jtran
}
.l-inline li:hover .e4j-menusubtitle {
	color: #999;
}
.loginmenu h3:hover .e4j-menutitle {
	color:@color1;
	.e4jtran
}
.moduletable a.readmore:hover, .moduletable a.readmore:hover {
	color:#999;
}
.tags > span > a, .pagenav li a, .pagination li > a,  {
	background: @color1;
	border:1px solid @color1-dark;
	color: #fff;
	.e4jtran
}
.tags > span > a:hover, .pagenav li a:hover, .pagination li:hover > *, .pagination li > span{
	background: @color1-dark;
	color: #fff;
	.e4jtran
}
.readmore a, .vamodservices-detailsbox > .vamodservices-view > a {
	background:@color1;
	.e4jtran
}
.readmore a:hover, .vamodservices-view > a:hover {
	background:@color1-dark;
	color: #fff;
	.e4jtran
}
.vamodservices-detailsbox > .vamodservices-view > a {
	border:1px solid @border-leftcol;
}
.blog .items-more a:hover {
	color: @color1;
}
.categories-list .item-title a {
	color: @color1;
}
.categories-list .item-title a:hover {
	color: #666;
}
.itemtitle h3 a {
	color: #fff !important;
}
.tsendiscr span, .tsinit span, .tsend span {
	color: @color1 !important;
}
.item-page h2, .blog-featured h2, .blog h2 {
	color: @h1h2color;
}
.item-page h2 a, .blog-featured h2 a, .blog h2 a {
	color: @h1h2color;
}
.item-page .article-info dd a, .blog-featured .article-info dd a, .blog .article-info dd a {
	color:@color1;
}
.item-page .article-info dd a:hover, .blog-featured .article-info dd a:hover, .blog .article-info dd a:hover{
	color:#666;
}
#tbar-upmenu {
	background: @color1;
}
.search input.button,
#finder-search button.button {
	background: @color1;
	border:1px solid @color1 !important;
}
.search input.button:hover,
#finder-search button.button:hover {
	background: @color1;
}
.search #searchForm fieldset a {
	color:@color1;
}
.search #searchForm fieldset a:hover {
	color:#999;
}
.search .search-results a {
	color:@color1;
	font-weight:bold;
}
.h-search .moduletable {
	background-color: rgba(0,133,178,0.8);
}
#advanced-search-toggle {
	color:@color1;
}
#advanced-search-toggle:hover {
	color:@color1;
}
span.highlight {
	color:@color1;
}
.titloc {
	color:@color1;
}
.blog .items-more h3 {
	color: @color1;	
}
.modsearch input.button {
}
.moduletable-login {
	background: none repeat scroll 0 0 #F2F2F2;
    box-shadow: 0 0 2px 0 #000000;
}
.moduletable-login h3 {
	background:url(../../images/locked.png) 15px center no-repeat;
	font-weight:normal !important;
}
input.inputbox, button.button {
	.e4jtran
}
input.inputbox:hover, input.inputbox:focus {
	border:1px solid @color1;
	.e4jtran
}
button.button:hover {
	background:@color1-dark;
	.e4jtran
}
.profile .mod-profile a:hover {
	background:@color1;
}
#adminForm table .cat-list-row1 td a, #adminForm table .cat-list-row0 td a {
	color:@color1 !important;
}
#contact-slider .panel h3 a span {
	color:@color1;
}
footer {
	color:#fff;
	background: @color1-dark;
	border-top:2px solid #999;
}
footer a {
	color:#fff;
}
footer .moduletable a:hover, footer .moduletable li.active a {
	color:@color1-lightly !important;
}
footer h2, footer h3{
	font-weight:bold;
	color:@color1-lightly;
}

/**** Moduli ****/
/*** NewsFlash ***/
.newsflash-title {
	color: @color1;
}

/**** Vik Widget Kit ***/
.spinner {
	border-color:@color1-dark @color1-light @color1-light @color1-dark !important;
}

/**** Vik Appointment Search ***/
.moduletablevikapp .vapsearchsubmitmod {
    background: @color1-dark !important;
    border: 1px solid @color1-light !important;
    .e4jtran
}
.moduletablevikapp .vapsearchsubmitmod:hover {
    background: @color1-light !important;
    border: 1px solid @color1-dark !important;
    .e4jtran
}

/************* SUBTITLES STYLES ****/
/**** substyle1 ***/
#cnt-container .e4j-divmenutitle{
	color: @color1;
}
#cnt-container .e4j-menusubtitle{
	color: #999;
}

#subfooter ul li a:hover {
	color: @color1;
}

/***** Styles ****/

.noborder {
	border:0 !important;
}

.grid-module > .leftborder h3 {
	border-left: 5px solid @color1;
}
.grid-module > .rightborder h3 {
	border-right: 5px solid @color1;
}
.grid-module > .undercolor > h3 .e4j-divmenutitle,
.grid-module > .undercolor > h3 .e4j-menusubtitle {
	border-bottom:1px solid @color1;
}

.grid-module > .border {
	border-color: @color1-lightly;
}

.grid-module > .color-light {
	background: @color1-lightly;
}
.grid-module > .color {
	background: @color1-light;
}
.grid-module > .color {
	color: #eee;
}

/**** override system message ****/

#system-message > .message > ul {
	background-color: #DDDDDD !important;
}
#system-message > dd > ul {
	border-bottom:3px solid #C3D2E5 !important;
	border-top:3px solid #C3D2E5 !important;
	color:@color1 !important;
	margin:3px !important;
	border-radius:4px !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
}
@import "../vikappointments_owr.less";