/* @override http://www.browseo.net/wp-content/themes/browseo/css/main.css */

html, body {
margin:0;
padding:0;
height: 100%;
}

img {
max-width:100%;
}
.cell {
float:left;
}
/*class applied to the two main divs surrounding the header and the main content */
.txtBrzfull_span {
display:block;

}
/* only applying to the brzcontent to get the header background to span the whole page every time */
#txtBrzcontent.txtBrzfull_span {
    width:100%;
    max-width:1000px;
    margin: 0 auto;
    overflow: hidden;
}
/*wrapping the content divs appart from the footer */
#txtBrzwrapper {
height: 100%;
position: relative;
background-color:#f0f0f0;
}
.page-template,.page-template-default {
background-color:#f0f0f0;
}

#txtBrzwrap {

margin:0;
padding:0;
min-height:100%;
height: auto!important;
background-color:#f0f0f0;
}


footer, #footer {
padding: 0;
margin: 0;
margin-top: -70px;
clear:both;
width: 100%;
height:70px;
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#2C2C2C), to(#111111));
background: -webkit-linear-gradient(top, #2C2C2C, #111111);
background: -moz-linear-gradient(top, #2C2C2C, #111111);
background: -ms-linear-gradient(top, #2C2C2C, #111111);
background: -o-linear-gradient(top, #2C2C2C, #111111);
background: linear-gradient(top, #2C2C2C, #111111);

}

 .hasPlaceholder {
    color: #777;
}

#footertext {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
#footertext p {
    padding: 0 10px;
}
#txtBrzcontent {
padding-bottom:87px;
}


#txtBrzheader {
background:#0E0D0E url(../images/browseo/SEO_master.gif) no-repeat 0 0;
display:block;
height:90px;
top:0;
z-index:999;
position: relative;

}

#txtBrzHeaderinner {
display:block;
max-width:1000px;
width:100%;
height:90px;
margin: 0 auto;
position: relative;
}

/* div for the header elements that are always visible */
#txtBrzIlscipioAd{
text-align:center;
background: #312221;
line-height:30px;
border-bottom:2px solid #d7c4c4;
}

#txtBrzIlscipioAd a{
  color: #B4A6A5;
  text-shadow: 0px 1px 0px #000;
}

#txtBrzIlscipioAd span {
    position:absolute;
    right: 10px;
    color: #fff;
    cursor: pointer;
    display:inline-block;
    height:30px;
    width:40px;
    top:5px;
    font-size:30px;
}

#txtBrzSearchLogo {
width:100%;
}

/* the content that is always visible in the header is in two rows. general styling for both rows */
#txtBrzSearchLogo .browseorow {
width:61%;
display:block;
height:30px;
}

/*Forward and Back button as well as search bar*/
#txtBrzrow2 {
height:60px;

}
#txtBrzBack {
    padding-left: 15px;
}

/*positioning the links in the header absolutely to keep them from overlaying the logo in smaller sized */
#txtBrzrow1 {
    position: relative;
}
#txtBrzLogo {
width:130px;
float: none;
position: absolute;
left: 15px;
top: 3px;
}

#txtBrzLogo a span {
display:block;
height:30px;
width:100%;
background:  url(../images/browseo/browseo_logo.png) no-repeat;
}
#txtBrzLinks {
color:#fff;
font-size:11px;
line-height:30px;
float: none;
position: absolute;
left: 150px;
top: 0;
}

#txtBrzLinks a, #txtBrzLinks a:visited {
color:#fff;
text-decoration:none;
margin:0 5px;
}

#txtBrzLinks a:hover {
color:#ccc;
text-decoration:underline;
}


/* styling for the forward and back buttons that are visible */

#txtBrzBack a span,#txtBrzForward a span {
display:block;
width:64px;
height:33px;
margin:10px 1px 0;
}

#txtBrzBack a span {
background:#000 url(../images/browseo/SEO_master.gif) no-repeat -279px -122px;
}

#txtBrzForward a span {
background:#000 url(../images/browseo/SEO_master.gif) no-repeat -344px -122px;
}

#txtBrzBack a span:hover {
background-position:-279px -156px;
}

#txtBrzForward a span:hover {
background-position:-344px -156px;
}

#txtBrzBack.deactivated a span {
background-position:-279px -190px;
cursor:default;
}

#txtBrzForward.deactivated a span {
background-position:-344px -190px;
cursor:default;
}

/*Search bar*/
#txtBrzSearch {
display:block;
height:60px;
width:69.6721311%;
}

#txtBrzSearch fieldset {
border:none;
margin-top:6px;
margin-left:3px;
padding:0;
position: relative;
height: 40px;
display: block;
}

#txtBrzSearch fieldset input.browseobox{
font-size:1.2em;
height:32px;
background:#fff;
margin-right:0;
border:none;
width:84.2941176%;
position: absolute;
top: 5px;
left: 0;
padding: 0 0px 0px 5px;
line-height: 32px; // for IE
}

#txtBrzSearch fieldset input.browseobox:focus, {
background:#f6f6f6;
outline:none;
}

#txtBrzSearch .loader {
background:#616161 url(../images/browseo/loader.gif) no-repeat 99% center !important;
}

#txtBrzSearch fieldset button.browseobtn {
height:33px;
position: absolute;
right: 0;
top: 4px;
cursor:pointer;
color:#222;
background:url(../images/browseo/SEO_master.gif) no-repeat -666px -89px;
font-size:1em;
line-height:33px; // for IE 7
border:none;
padding:0 7px;
}

#txtBrzSearch fieldset button.browseobtn:hover {
background:url(../images/browseo/SEO_master.gif) no-repeat -666px -121px;
}

/*Additional info buttons*/
#txtBrzheader .infoblock {
display:block;
width:120px;
background:#000 url(../images/browseo/SEO_master.gif) no-repeat -89px -90px;
color:#fff;
font-size:0.8em;
padding:0 5px;
position: absolute;
left: 640px;
top: 0;
}

#txtBrzheader .infoblock span {
font-size:1.1em !important;
font-weight:400;
display:block;
width:100%;
height:18px;
margin:0 0 5px;
}

#txtBrzShowAllInfo {
width:44px !important;
height:70px !important;
background:#000 url(../images/browseo/SEO_master.gif) no-repeat 0 -90px !important;
font-size:1.1em !important;
text-align:center;
cursor:pointer;
padding:10px 20px !important;
}

#txtBrzShowAllInfo:hover,#txtBrzShowAllInfo.active {
background-position:0 -190px !important;
}

.infoblock.deactivated {
display:none !important;
}

/*InfoBox*/
#txtBrzinfobox {
position:relative;
display:block;
width:47%;
height:100%;
min-height:500px;
float:right;
background:#e2e2e2;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-left-radius:10px;
z-index:1;
padding:10px;
margin-right:0px;
}

#txtBrzinfoboxcont {
font-size:14px;
}

#txtBrzinfoboxcont h2 {
font-size:16px;
}

#txtBrzinfoboxcont .infobox {
border-bottom:1px solid #fff;
padding-bottom:10px;
}

#txtBrzinfoboxcont table {
width:98%;
padding:0;
}

#txtBrzinfoboxcont table td {
padding:2px;
}

#txtBrzinfoboxcont table td.cell_2 {
background:#fff;
}

/*
#txtBrzinfoboxcont table td{
    color: #fff;
    background: #313131;
}

#txtBrzinfoboxcont table td.header{
    background: #414141;
    width:100px;
}
Content Area*/
#txtBrzinfobox,#txtBrzscroller {
margin:0px;
}


.caption {
position:relative;
display:block;
}

.caption div {
position:absolute;
top:0;
left:0;
text-align:center;
color:#fff;
background:#000;
padding:0;
}

.txtBrznofllow, .txtBrznofllow  .caption div{
color:#fff;
background:#08C;
}

.txtBrzcanonical,.txtBrzcanonical .caption div{
color:#fff;
background:#CC7200;
}

.txtBrzinternal, .txtBrzinternal .caption div{
color:#fff;
background:#99950F;
}

.txtBrzexternal, .txtBrzexternal .caption div{
color:#fff;
background:#D41525;
}

.txtBrznofllow.txtBrzinternal {
color:#08C;
}

.txtBrznofllow.txtBrzexternal {
color:#08C;
}

.txtBrznofllow.txtBrzcanonical {
color:#08C; 
}

.txtBrznofllow.txtBrzinternal  .caption div{
background:#08C;
border:2px solid #99950F;
}

.txtBrznofllow.txtBrzexternal  .caption div{
background:#08C;
border:2px solid #D41525;
}

.txtBrznofllow.txtBrzcanonical .caption div{
background:#08C;
border:2px solid #CC7200;
}

.txtBrzarrow {
padding-left:50px;
 font-size:1.3em;
}

.row .span8 {
width:46.9387755%;
margin-left: 0;
}
/*.row .span8.homepage-bottom-right {
    margin-left: 02.0408163%;
}*/
.row .span7 {
width:40.8163265%;
float: right;
}

.row .span11 {
width:65.3061224%;
}

.row .span5 {
width:28.5714286%;
}

/*.homepage-bottom-right {
margin-right:-20px;
padding-right:0;
}*/

.homepage-widgets {
margin-bottom:30px;
padding-bottom:20px;
padding-top:20px;
background-color:#FFF;
border-radius:6px 6px 6px 6px;
}

.widget-homepage-left {
float:left;
width:45%;
padding:20px 05.1020408%;
}

.widget-homepage-left p {
font-size:16px;
line-height:25px;
}

.widget-homepage-right {
float:right;
margin-right:02.0408163%;
width: 35%;
}

.homepage-center-widgets {
margin-bottom:10px;
padding-bottom:10px;
padding-top:10px;
background-color:#FFF;
border-radius:6px 6px 6px 6px;
}

.widget-homepage-testimonial-left {
float:left;
width:43%;
padding:20px 02.5510204% 20px 05.1020408%;
}

.widget-homepage-testimonial-right {
float:right;
width:40%;
padding:20px 05.1020408% 20px 02.5510204%;
}

.widget-homepage-testimonial-left img,.widget-homepage-testimonial-right img {
float:left;
padding-right:12px;
}



.warning {
background-color:#f0f0f0 !important;
border:none !important;
padding:0 !important;
}

.form-allowed-tags {
color:#000 !important;
}
/* this div encloses the lower sections of the front page */
#bottom-content {

    width: 104.0816327%;
    overflow: auto;
    height: auto;
    display: table;
    border-spacing: 20px;
    *width:100%;
    *margin-left:20px;
}
#bottom-content .span8.columns {
    display: table-cell;
    float: none;
    width: 50%;
    padding: 02.0408163%;
    *float:left;
    *width:45%;
}
.homepage-bottom-right {
    *float:right
}
#bottom-content .span8.columns:first-child {
    background: #fff;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
}
.post_content {
    padding: 0; 
}
.homepage-bottom-left, .homepage-bottom-right {

background-color:#fff;
border-top-left-radius:6px;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
border-bottom-left-radius:6px;
}
.homepage-bottom-left, .homepage-bottom-right h4, .homepage-bottom-right p {
    width: 95%;
}

/*responsive video for the front page. this is according to an article on responsive youtube embeds. the !important is in there to override the automatic width and height values set by youtube. this way the embed code must not be customized */
.video-container {width:100%;height:auto;padding-bottom: 56.25%; /* 16/9 ratio */;height:0;position:relative;}
.video-container iframe {width:100%!Important;height:100%!Important;max-width:100%;position:absolute;top:0;left:0;}

/*Form overrrides*/
code {
display:block;
width:62%;
padding:10px;
}

textarea {
width:100%;
height:150px;
}

input[type=submit] {
cursor:pointer;
display:inline-block;
font-size:13px;
line-height:normal;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition:0.1s linear all;
-moz-transition:0.1s linear all;
transition:0.1s linear all;
background-color:#D52231;
background-repeat:repeat-x;
background-image:linear-gradient(top, #ff0000, #D52231);
color:#fff;
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
border:1px solid red;
border-bottom-color:#D52231;
padding:5px 14px 6px;
}

.form-submit #submit.danger,.form-submit #submit.danger:hover,.form-submit #submit.error,.form-submit #submit.error:hover,.form-submit #submit.success,.form-submit #submit.success:hover,.form-submit #submit.info,.form-submit #submit.info:hover {
color:#fff;
}



.container,.container .row,.row .span16 {
width:100%;
}

#txtBrzSerp .serp{
    background: #fff;
    padding:10px;
    font-size:12px;
}

#txtBrzSerp .title {
    font-size: 14px;
}

#txtBrzSerp .link a, #txtBrzSerp .link{
    color: #009933;
    font-style: normal;
}

#txtBrzSerp a {
    color: #1122cc;
}

#txtBrzSerp .serplink a {
   color: #7777CC;
}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {
    background-color:#000;
    border:8px solid #090909;
    padding:12px;
    color:#fff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* tooltips */
.tooltip {
	background: url('/wp-content/themes/browseo/images/info.png') no-repeat  right 10px;
}


/* TipTip CSS - Version 1.2 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 30%;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 11px;
       padding: 4px 8px;
        border: 3px solid #fff;
    color: #000;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    -moz-box-shadow: 0 0 5px #555;
	background-color: #fff;
}

#tiptip_arrow, #tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
    border-top-color: #fff;
    
}

#tiptip_holder.tip_bottom #tiptip_arrow {
    border-bottom-color: #fff;
   }

#tiptip_holder.tip_right #tiptip_arrow {
    border-right-color: #fff;
    
}

#tiptip_holder.tip_left #tiptip_arrow {
    border-left-color: #fff;
    
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -7px;
    margin-left: -6px;
    border-top-color: #fff;
    border-top-color: #fff;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -5px;
    margin-left: -6px;
    border-bottom-color: #fff;
    border-bottom-color: #fff;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -5px;
    border-right-color: #fff;
    border-right-color: #fff;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-left-color: #fff;
    border-left-color: #fff;
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
    #tiptip_content {
        padding: 4px 8px 5px 8px;
        //background-color: rgba(45,45,45,0.88);
    }
    #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
        border-bottom-color: #fff;
    }
    #tiptip_holder.tip_top #tiptip_arrow_inner { 
        border-top-color: #fff;
    }
}


@media screen and (max-width:880px) {

#txtBrzSearchLogo .browseorow {
    width: 100%;
}
/*repositioning the infoblock to be part of the info box and giving it a black background. cannot use the original background because the sprites next to it show. */
#txtBrzheader .infoblock {
    width: 50%;
    top: 90px;
    right: 0;
    left: auto;
    background: #000;
}
#txtBrzinfoboxcont {
    margin-top: 80px;
}
.widget-homepage-left {
    padding: 20px 20px;
}
.widget-homepage-right {
    width: 45%;
}
}
@media screen and (max-width:690px) {
.row .span11, .row .span5 {
    width: 100%;
}
}
@media screen and (max-width:600px){

#txtBrzheader .infoblock {
    width: 100%;
}
#txtBrzheader .infoblock span, #txtBrzheader .infoblock input {
    margin: 0 10px;
}
#txtBrzinfoboxcont > div {
    padding:0 10px;
}
#txtBrzinfoboxcont {
    width: 100%;
}
#txtBrzinfobox {
    width: 100%;
    padding: 0;
    margin: 0;
}
#txtBrzresult {
    width: 100%!important;  
}
.widget-homepage-left {
    padding: 20px 20px;
    width: 90%;
}
.widget-homepage-right {
    width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
}

.wpcf7-form-control-wrap textarea {
    width: 90%;
}
#tiptip_holder {
	width: 95%;
	left: 0;
	margin: 0;
}
}
@media screen and (max-width:500px) {

#txtBrzSearch fieldset input.browseobox {
    width: 78%;
}
#txtBrzSearch {
    width: 63%;
}

/* styling for the forward and back buttons that are visible */

#txtBrzBack a span,#txtBrzForward a span {
display:block;
width:34px;
height:33px;
margin:10px 1px 0;
}

#txtBrzBack a span {
background:#000 url(../images/browseo/SEO_master.gif) no-repeat -295px -122px;
}

#txtBrzForward a span {
background:#000 url(../images/browseo/SEO_master.gif) no-repeat -359px -122px;
}

#txtBrzBack a span:hover {
background-position:-279px -156px;
}

#txtBrzForward a span:hover {
background-position:-344px -156px;
}

#txtBrzBack.deactivated a span {
background-position:-295px -190px;
cursor:default;
}

#txtBrzForward.deactivated a span {
background-position:-359px -190px;
cursor:default;
}



.widget-homepage-testimonial-left, .widget-homepage-testimonial-right {
    width: 92%;
    float: none;
    clear: both;
    padding: 20px 02.5510204% 20px 05.1020408%;
}
#bottom-content .span8.columns, #bottom-content {
    display: block;
    
}
#bottom-content {
    padding-top: 20px;
    margin-left: 20px;
    width: 100%;
    border-spacing: 0;
}
#bottom-content .span8.columns {
    width: 94.8979592%;
}

.span8.homepage-bottom-right {
    margin: 0px 0px 0px 1.72%;
    padding: 0;
    display: block;
}

.homepage-bottom-right h3 {
    display: block;
}
}
@media screen and (max-width:350px) {

#txtBrzLinks a:first-child {display:none;}
}
@media  only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.tooltip {
		background: url('/wp-content/themes/browseo/images/info2x.png') no-repeat  right 10px;
		background-size: 16px 16px;
	}
	
	
}

/* overwriting label settings from bootstrap for browseo output */
#txtBrzwrapper label {float:none;font-size:14px;width:auto;color:#000;}