/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/
#ie8 .mod-box-sidepractice { font-size: 18px;}




.tp-caption.no-background, .tp-caption.no-background-subitems-small, .tp-caption.no-background-subitems { font-family: 'Open Sans Condensed', sans-serif;}


#ie7 .mod-box-mainmenu {   
z-index:999999;
position:relative
}

img{  
max-width: 100%;  
height: auto;  
vertical-align: middle; 
}

body {

color: #002538;
}


a,
code { color: #002538; }

mark { background-color: #95AEC0; }
ins { background-color: #9EBC79; }


::-moz-selection { background: #97B1C3; }
::selection { background: #97B1C3; }


h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #C8B471;
	font-size: 26px;
	line-height: 30px;
	text-transform: none;
	font-weight: 700;
	margin: 25px 0 15px 0;
	font-style: italic;
}

h2 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #C8B471;
	font-size: 20px;
	line-height: 30px;
	text-transform: none;
	font-weight: 700;
	margin: 5px 0 15px 0;
	font-style: italic;
}


/* blue background with logos
----------------------------------------------------------------------------------------------------*/

.bg-color1 { 
	background: url(../images/topa-background.jpg) 50% 0 no-repeat;
}





.bg-color2 { 
	background: #003C56;
	
}

.body-dark,
.bg-dark { background: #001622; }

#footer {font-weight: bold;color: #FDFEF7;}


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown li.active .level1:before,
#menu .menu-dropdown li.level1:hover .level1,
#menu .menu-dropdown li.remain .level1,
.menu-dropdown .dropdown-bg > div { background-color: #96B0C2; }

#menu .menu-dropdown li.level1:hover .level1,
#menu .menu-dropdown li.remain .level1  { border-color: #96B0C2; }

.menu-dropdown a.level3 { background-image: url(../images/menu_dropdown_level3.png); }

.menu-dropdown li.active .level1 { color: #79909F; }

/* 
 * Menu Sidebar
 */

.menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent.png); }
.menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2.png); }

/* 
 * Sidebar on color1 modules 
 */

.bg-color1 .menu-sidebar li.parent .level1 > span,
.mod-box-color1 .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color1.png); }

.bg-color1 .menu-sidebar a.level2,
.mod-box-color1 .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color1.png); }

/* 
 *Sidebar on color2 modules 
 */

.bg-color2 .menu-sidebar li.parent .level1 > span,
.mod-box-color2 .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent_color2.png); }

.bg-color2 .menu-sidebar a.level2,
.mod-box-color2 .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2_color2.png); }

/* 
 * Menu Sidebar on grey + default modules 
 */
 
#page .mod-box-default .menu-sidebar li.parent .level1 > span,
#page .mod-box-grey .menu-sidebar li.parent .level1 > span { background-image: url(../images/menu_sidebar_parent.png); }
#page .mod-box-default  .menu-sidebar a.level2,
#page .mod-box-grey  .menu-sidebar a.level2 { background-image: url(../images/menu_sidebar_level2.png); }

.mod-line .menu-sidebar li .active,
#page .mod-box-default .menu-sidebar li .active,
#page .mod-box-grey .menu-sidebar li .active { color: #79909F; }




/* Tools + System Links
----------------------------------------------------------------------------------------------------*/

.button-primary,
#page .mod-box-default .button-primary,
#page .mod-box-grey .button-primary,
#system .item > .links a {
	border-color: #768D9C;
	background: #97B1C3;
}

.button-primary:hover,
#page .mod-box-default .button-primary:hover,
#page .mod-box-grey .button-primary:hover,
#system .item > .links a:hover {
	border-color: #6A7F8C;
	background: #889FAF;
}

.button-primary:active,
#page .mod-box-default .button-primary:active,
#page .mod-box-grey .button-primary:active, 
#system .item > .links a:active {
	border-color: #6E808D;
	background: #7A8F9D;
}	

dl.separator dt:after { background-color: #96B0C2; }

em.box { color: #79909F; }

.social-icons li a,
.module.mod-box-default .social-icons li a,
.module.mod-box-grey .social-icons li a { background-image: url(../images/tools/icons_social.png); }


/* Links
----------------------------------------------------------------------------------------------------*/

.menu-dropdown .level2 a:hover,
.menu-dropdown .level2 a.current,
.bg-color1 a:hover,
.mod-box-color1 a:hover,
.mod-box-color1 .menu-sidebar :hover,
.mod-box-color1 .menu-sidebar li .active,
.bg-color1 .menu-sidebar :hover,
.bg-color1 .menu-sidebar li .active,
.bg-color1 .mod-line .menu-sidebar li .active { 
	color: #5C7080;
	
}

.bg-color2 a:hover,
.mod-box-color2 a:hover,
.mod-box-color2 .menu-sidebar :hover,
.mod-box-color2 .menu-sidebar li .active,
.bg-color2 .menu-sidebar :hover,
.bg-color2 .menu-sidebar li .active,
.bg-color2 .mod-line .menu-sidebar li .active { 
	color: #fff; 
	
}


/* System
----------------------------------------------------------------------------------------------------*/

#system .pagination a:hover,
#system .pagination strong,
.searchbox .results li.results-header,
.searchbox .results li.result.selected h3,
#system #respond h3  { color: #79909F; }

#system .pagination a:hover { border-color: #79909F; }

#system .pagination a.previous,
#system .pagination a.next { background-image: url(../images/pagination.png); }

.searchbox .results li.more-results:hover { background-color: #96B0C2; }

#system #comments .comment-byadmin .comment-head {
	border-color: #D8DDE0;
	background: #EAEFF3;
}

#system span.highlight { background-color: #96B0C2; }


/* Widgetkit Slideshow
----------------------------------------------------------------------------------------------------*/

.wk-slideshow-infinite .caption h1 {
	background-color: #95AEC0;
	background-color: rgba(149,174,192,0.8);
}

.wk-slideshow-infinite .caption h1 + span {
	background-color: #9EBC79;
	background-color: rgba(158,188,122,0.85);
}


/*form responsive columns
-----------------------------------------------------------------------------------------------------*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
					

/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.13%;
}
.span_1_of_3 {
	width: 32.26%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}


.formResponsive input, .formResponsive textarea  { width: 80%;}


.formResponsive .formHorizontal .rsform-block { margin-bottom: 5px;}

input[type="image"] {width: 142px;}


.mobilebarmenuck { background: #012130; }