/*
 * Main.css 
 * Site wide styles for Public Notice
 * Created by:	Dave Buchanan 10/17/12
 * Edited by:	Dave Buchanan, Nick Tieszen, Nick Boie, Jason Lake
*/

/* Normalize styles
*********************/
i[class^="icon-"], 
i[class*=" icon-"] {
	line-height: 1em;
	text-decoration: none;
}

* + i[class^="icon-"], 
* + i[class*=" icon-"],
i[class^="icon-"] + *,
i[class*=" icon-"] + * {
	margin-left: 0.4rem;
	display: inline;
}

/* increased font size for icon-large */
i[class^="icon-"].icon-fixed-width,
i[class*=" icon-"].icon-fixed-width {
	display: inline-block;
	width: 1.1428571428571428em;
}

i[class^="icon-"].icon-fixed-width.icon-large,
i[class*=" icon-"].icon-fixed-width.icon-large {
	width: 1.4285714285714286em;
}

.btn > i[class^="icon-"].icon-fixed-width,
.btn > i[class*=" icon-"].icon-fixed-width {
	width: auto;
}

input[readonly], 
select[readonly], 
textarea[readonly] {
	/* Ensure that input fields have the default cursor */
	cursor: default;
}

input[type="search"] {
	/* undo bootstrap's goofy content-box sizing that mucks up the search inputs */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html.lt-ie9 .input-block-level,
html.lt-ie9 .row-fluid [class*="span"] {
	/* IE7 & IE8 to fix bootstrap span height issue */ 
	min-height: 20px;
}

html.lt-ie9 .row-fluid [class*="span"]:first-line {
	/* Attempt to allow text vertical alignment for bootstrap span */
	line-height: 20px;
}

html.lt-ie10 input[type="text"]:focus {
	/* IE9 and below to fix bootstrap focus consistancy */ 
	border-color: #52A8EC;
	border-color: rgba(82, 168, 236, 0.8);
	outline: 0;
	outline: thin dotted transparent;
}

/* input-append/prepend fix for input-block-level inputs
********************************************************/
.input-append.input-block-level,
.input-prepend.input-block-level {
	display: table;
}

.input-append.input-block-level .add-on,
.input-prepend.input-block-level .add-on {
	display: table-cell;
	position: relative;
	left: -1px;
	width: 1%;
}

.input-append.input-block-level .add-on.with-control,
.input-prepend.input-block-level .add-on.with-control {
	padding: 0px;
	border: none;
	vertical-align: top;
	margin-left: 1px;
	z-index: 999;
}

.input-append.input-block-level > input,
.input-prepend.input-block-level > input {
	display: table-cell; /* table-cell is not working well in Chrome for small widths */
	min-height: inherit;
	vertical-align: middle;
    width: 100%;
    height: 100%;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.input-append.input-block-level > input {
	border-right: 0;
}

.input-prepend.input-block-level > input {
	border-left: 0;
}

.input-append .add-on, 
.input-append .btn, 
.input-append .btn-group {
	margin-left: -2px;
}

/* Common Helpers
******************/
a.clean {
	border: 0 none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background-color: transparent;
}

a.disabled, a.disabled:focus, a.disabled:hover, a.disabled:visited, a.disabled:active, a.disabled:active,
.disabled a, .disabled a:focus, .disabled a:hover, .disabled a:visited, .disabled a:active {
	color: #999999 !important;
	cursor: default !important;
	cursor: not-allowed !important;
}

[class^="columns"],
[class*=" columns"] {
	-webkit-column-gap: 2em;
	-webkit-column-rule: 1px solid #DDDDDD;
	-moz-column-gap: 2em;
    -moz-column-rule: 1px solid #DDDDDD;
	column-gap: 2em;
	column-rule: 1px solid #DDDDDD;
}

.columns2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.columns3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.columns4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.lt-ie10 .columns2 > *,
.lt-ie10 .columns3 > *,
.lt-ie10 .columns4 > * {
	float: left;
}

.lt-ie10 .columns2 > * { width: 49.98%; }
.lt-ie10 .columns3 > * { width: 33.32%; }
.lt-ie10 .columns4 > * { width: 24.99%; }

.lt-ie10 .columns2 > *:nth-child(2n + 1),
.lt-ie10 .columns3 > *:nth-child(3n + 1),
.lt-ie10 .columns4 > *:nth-child(4n + 1) {
	clear: left;
}

.icon-small {
	font-size: .85em;
}
.icon-smaller {
	font-size: .75em;
}
.icon-smallest {
	font-size: .65em;
}
.icon-tiny {
	font-size: .5em;
}

label.header {    
	font-size: 17.5px;
    font-weight: bold;
}

legend .caption {
    color: #555555;
    font: 0.88em/1em Arial, "Helvetica Neue", Helvetica;
}

.title {
    color: #5E6056;
    font-size: 1.08rem;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: bottom;
}

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: lowercase; } /* This is limited to first word capitalization only and block-level elements */
.capitalize:first-letter { text-transform: uppercase; }

.small		{ font-size:.8em; }
.center		{ margin:0 auto; text-align:center; }
.bold		{ font-weight: bold; }
.break-word { word-wrap: break-word; }

.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.shadow {
    -moz-box-shadow: 5px 5px 6px #ccc;
    -webkit-box-shadow: 5px 5px 6px #ccc;
    box-shadow: 5px 5px 6px #ccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
}

.text-shadow-sharp {
	text-shadow: 1px 1px 0 rgba(32, 32, 32, 0.65);
}
.text-shadow-fade {
	text-shadow: 1px 1px 1px rgba(32, 32, 32, 0.65);
}

.text-stroke-black {
	text-shadow:
		1px 1px 0px #000,
		/* Simulated effect for Firefox and Opera
		   and nice enhancement for WebKit */
	   -1px -1px 0px #000,  
		1px -1px 0px #000,
	   -1px  1px 0px #000,
		1px  1px 0px #000;
}

.text-stroke-white {
	text-shadow:
		1px 1px 0px #FFF,
		/* Simulated effect for Firefox and Opera
		   and nice enhancement for WebKit */
	   -1px -1px 0px #FFF,  
		1px -1px 0px #FFF,
	   -1px  1px 0px #FFF,
		1px  1px 0px #FFF;
}

html.lt-ie10 .text-stroke-black,
html.lt-ie10 .text-stroke-white {
	zoom: 1; display: inline-block; /* turns hasLayout on */
	position: relative;
	line-height: 1.12em;
}

html.lt-ie10 .text-stroke-black {
	/* Poorly simulated effect for IE */
    background-color: #000000;
	filter: 
		progid:DXImageTransform.Microsoft.Chroma(color='black') 
		progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

html.lt-ie10 .text-stroke-white {
	/* Poorly simulated effect for IE */
    background-color: #FFFFFF;
	filter: 
		progid:DXImageTransform.Microsoft.Chroma(color='white') 
		progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

[class^="alpha-"],
[class*=" alpha-"] {
	position: relative; 
	background: transparent;
	z-index: 0; 
}
[class^="alpha-"]:before,
[class*=" alpha-"]:before {
	display: block;
    position: absolute; 
	background: #FFFFFF; 
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
}
[class^="alpha-back-"]:before,
[class*=" alpha-back-"]:before {
	content:'-'; 
	color: transparent;
}
[class^="alpha-font-"]:before,
[class*=" alpha-font-"]:before {
	position: relative;
	display: inline-block;
}

.alpha-font-90,
.alpha-back-90:before {
	opacity: 0.9;
}
.alpha-font-80,
.alpha-back-80:before {
	opacity: 0.8;
}
.alpha-font-70,
.alpha-back-70:before {
	opacity: 0.7;
}
.alpha-font-60,
.alpha-back-60:before {
	opacity: 0.6;
}
.alpha-font-50,
.alpha-back-50:before {
	opacity: 0.5;
}

/* Table Clipping (show more)
*****************************/
table td > p,
.clippable > p {
    line-height: 15pt;
    max-height: 30pt;
	margin-right: 1px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
table td > p.notclipped,
.clippable > p.notclipped {
    max-height: 100%;
    overflow: auto;
    position: relative;
}
table td > p.clipped:after,
.clippable > p.clipped:after {
    display: block;
    position: absolute;
    content: "...";
    bottom: 0;
    right: 0;
}

/* Main Container
******************/
.container-fluid { padding: 0; }

/* Header Content
******************/
#header { background: url('../images/headerbg.png') repeat-x left bottom; } /* Site.master */

#header .topbar { }

#header .topbar .uxa-logo {

	display: block;
	margin: 3px 0 6px;
    /*width: 50%;
    min-width: 250px;*/
	max-width: 530px;	
    max-height: 50px;
	overflow: hidden;
	width: 100%;
}

#header .topbar .uxa-logo div {
    /* Basic styling of logo */
	/*  max-height: 50px;
		width: 100%;

*/
	display: block;
	height: 50px;
	max-height: 50px;
	max-width: 100%;
    -webkit-background-size: contain; /* For WebKit*/
    -moz-background-size: contain;    /* Mozilla*/
    -o-background-size: contain;      /* Opera*/
    background-size: contain;         /* Generic*/
}

/* Login
*****************/
#loginform {
	display: none;
	position: absolute;
	background-color:#FFFFFF;
	border: 1px solid #ACACAC;
	border: 1px solid rgba(0, 0, 0, 0.2);
	max-width: 280px;
	padding: 12px;
	z-index: 9;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;
}

#loginform.shadow {
	-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
}

#loginform .failureNotification {
    font-size: 0.86em;
    color: #FF0000;
}

#loginform .failureNotification ul {
	margin-left: 20px;
	list-style: decimal;
}

#loginform .validationSummary {
    padding-left: 10%;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
    color: #FF0000;
}

#loginform .control-group {
	margin-bottom: 10px;
}

#loginform .control-group:last-child {
	margin-bottom: 0px;
}

#loginform label {
    font-weight: bold;
    text-align: left;
}

#loginform .controls {
}

#loginform .controls input ~ .failureNotification {
	margin-left: -12px;
}

fieldset.login {
    
}

fieldset.login legend {
    text-transform: uppercase;
    color: #052fa8;    
}

fieldset.login #loginformfields {
	
}

fieldset.login input {
    font-weight: bold;
}

fieldset.login .rememberme {
    height: 2em;
}

fieldset.login .rememberme label {
    color: #999999;
}

fieldset.login .rememberme input,
fieldset.login input[type=submit] {
}

fieldset.login .loginRegister {
    padding-left: 6px;
	font-size: 1.1em;
    font-weight: bold;
	line-height: 1.7em;
}

#loginmenu {
    float:right;
}

#loginmenu ul.inline > li {
    padding-left: 3px;
    padding-right: 3px;
	font-size: 0.78em;
} 

#loginmenu a {
    white-space: nowrap;
}

#loginmenu a:link {
}

#loginmenu a:visited {
}

#loginmenu a:hover {
}

/* Navigation
**************/
#header .menubg {
	margin: auto auto;
	min-height: 28px;
}

#page #header .menubg {
	margin-bottom: 20px;
}

#header .menubg [class*="span"] {
    min-height: 1px;
}

#header .navbar {
	margin: 1px;
}

#header .navbar .navbar-inner {
    background: transparent;
	filter: none;
	padding: 0px;
    border: 1px solid transparent;
	-moz-border-radius: none;
    border-radius: none;
	-webkit-box-shadow: none;
    box-shadow: none;
    min-height: 20px;
}

#header .navbar .nav-collapse .nav {
	margin-left: -18px !important;
}

#header .navbar li {
	white-space: nowrap;
}

    #header .navbar .nav li a,
    #header .navbar .nav > li > a {
        min-height: 1px;
        font-size: 12px;
        font-weight: 400;
        text-decoration: none;
        padding: 2px 14px;
        color: #232526;
    }

#header .navbar .nav li > a:active,
#header .navbar .nav li > a:hover,
#header .navbar .nav li > a:focus {
	color: #047DD2;
	background: none;
	filter: none;
}

#header .navbar .nav > li > a {
    /*border-left: 1px solid #D4D4D4;*/
    padding-left: 15px;
    padding-right: 15px;
}
#header .navbar .nav > li:first-child > a {
    /*border-left: 1px solid transparent;*/
    margin-left: 5px;
}

/* Search Tools Menu
*********************/
#header .navbar .dropdown .icon-search {
	color: #363636;
	font-size: 1rem;
}

#header .navbar .dropdown-menu::before, 
#header .navbar .dropdown-menu::after {
    border: none !important;
    content: none !important;
}

#header .navbar .dropdown-menu li.divider-vertical {
	border-top: 1px solid #ACACAC;
	height: auto;
}

/* Navbar Mobile (Mr. Liney)
****************************/
#header .navbar .btn-navbar:hover, 
#header .navbar .btn-navbar:focus, 
#header .navbar .btn-navbar:active, 
#header .navbar .btn-navbar.active, 
#header .navbar .btn-navbar.disabled, 
#header .navbar .btn-navbar[disabled] {
    background-color: transparent;
    color: #FFFFFF;
}
#header .navbar .btn-navbar {
	float:left;
	margin-left: 0px;
	margin: 0;
	background: none;
    margin-top:4px;
    margin-bottom:4px;
}
#header .navbar .icon-bar {
	/* Nick.Boie: important to override default that I am not removing */
	background-color: #5E6056 !important;
}

/* Site Buttons
For configuration: http://charliepark.org/bootstrap_buttons/
****************/
.btn-public-notice { 
	color: #ffffff !important; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); 
	-webkit-font-smoothing: antialiased; 
	background-repeat: repeat-x; 
	background-color: hsl(204, 95%, 43%) !important; 
	background-image: -khtml-gradient(linear, left top, left bottom, from(#0b99f8), to(#0582d5)); 
	background-image: -moz-linear-gradient(top, #0b99f8, #0582d5); 
	background-image: -ms-linear-gradient(top, #0b99f8, #0582d5); 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b99f8), color-stop(100%, #0582d5)); 
	background-image: -webkit-linear-gradient(top, #0b99f8, #0582d5); 
	background-image: -o-linear-gradient(top, #0b99f8, #0582d5); 
	background-image: linear-gradient(#0b99f8, #0582d5); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b99f8", endColorstr="#0582d5"); 
	border-color: #0582d5 #0582d5 hsl(204, 95%, 41%); 
	zoom: 1;
}

.btn-public-notice:hover,
.btn-public-notice:active,
.btn-public-notice.active,
.btn-public-notice.disabled,
.btn-public-notice[disabled] {
	color: #ffffff !important;
}

/* Google Mapping
******************/
#map {
    border: none;
    display: block;
    height: 375px;
	overflow: hidden;
	position: relative;
}

#map img {
    max-width: none;
}

.map-input-text { }
.map-input-text ~ .clear-input {
	display: inline-block;
	font-size: 0.9rem; 
	background-color: #FFFFFF;
	vertical-align: middle;
    white-space: nowrap;
	cursor: pointer; 
	position: relative;
    margin-left: -18px;
    padding: 0px 2px;
    z-index: 3;
}

.icon-map-marker {
	color: #9B240D;
}

.icon-map-marker.white {
    color: #ffffff;
}

/* Section Notices 
******************/
.public-notice,
.public-notice a {
    color: #267CBC;
}

.public-record,
.public-record a {
    color: #FCB131;
}

td.public-notice,
td.public-record {
    text-align: right;
}

td.public-notice.separator,
td.public-record.separator {
    border-right: 1px solid #E5E5E5;
	padding: 1px 8px 0px 8px;
}

thead tr td.public-notice,
thead tr td.public-record {
    height: 10px;
	width: 1px;
}

thead tr td.public-notice > div {
    background-color: #267CBC;
	height: 100%;
}

thead tr td.public-record > div {
    background-color: #FCB131;
	height: 100%;
}

tr.sec-cats-level1 > td.sec-cats-label { 
	padding-left: 0px; 
}

tr.sec-cats-level2 > td.sec-cats-label { 
	padding-left: 18px; 
}

table.section-notices {
	margin-bottom: auto;
}

table.section-notices tr th,
table.section-notices tr td {
    border-top: hidden;
    border-bottom: hidden;
    padding: 1px 0px 0px 8px;
}

/* SubSection Notices 
*********************/
/* subsection-color-{SubSectionID} */
.subsection-color-1 {
	/* Bids */
	color: #9B2317;
}
.subsection-color-10 {
	/* Business */
	color: #5055B3;
}
.subsection-color-18 {
	/* Government */
	color: #FF5C0F;
}
.subsection-color-28 {
	/* PersonalLegal */
	color: #1191DC;
}
.subsection-color-36 {
	/* Personal Property */
	color: #CC9600;
}
.subsection-color-45 {
	/* Probate */
	color: #C4C6C5;
}
.subsection-color-53 {
	/* Real Property */
	color: #86B000;
}

/* Bootstrap Popovers
**********************/
.popover {
	opacity: 1.0;
}

.popover .popover-title {
    background-color: #FFBA00;
    padding: 8px;
    color: #000000;
    margin: 0;
    line-height: 100%;
    vertical-align:top;
}

.popover .popover-title a {
	color: inherit;
	text-decoration: underline;
}

.popover .popover-title span ~ span {
    font-size: 85%;
}
    
.popover .popover-title .close {
    opacity: 0.9;
	line-height: 14px;
	color: #FFFFFF;
	text-shadow: none;
	filter: none;
}

.popover .popover-title .close a:hover {
	text-decoration: none;
}

.popover .popover-title .close i.icon-white {
	color: #FFFFFF;
}

.popover .popover-content {
    height: 100%;
}

.popover .popover-content table {
    padding: 10px; 
    background-color: #FFF;
    margin: 0; 
    border: none;
    width: 100%;
}

.popover .popover-content .table th, 
.popover .popover-content .table td {
	border: none;
}

/* Page Footer
***************/
#footer {
	/* Site.master */
    padding: 12px 0 0;
}

/*#footer #footer-siteaddress {
	border-top: 1px solid #E5E5E5;
	padding-top: 12px;
	margin-bottom: 12px;
}*/

/*#footer #footer-dolanaddress .content {
	margin-right: -16px;
}*/

/*#footer #footer-dolanaddress img {
	min-height: 18px;
	max-height: 40px;
    margin: 3px 0 10px;
	overflow: auto;
}*/

#footer .ad-float-bottom {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 8px 20px 4px;
}

#footer .ad-float-bottom .ad-block {
    margin:0 auto;
    display:inline-block;
}

#footer .ad-float-bottom .ad-block button.close {
    background: #535353;
	color: #FFFFFF;
	margin-bottom: -20px;
	line-height: 20px;
	padding: 0 4px;
	opacity: .82;
	filter: alpha(opacity=82);
	z-index: 1;
}

/* Fix for IE7 and IE8 compatibility */
.page #header { z-index: 98; }

/* Nick.Boie: attempt at making the google map responsive.  From http://stackoverflow.com/questions/11111552/bootstrap-using-google-map-with-fixed-and-responsive-layouts */
#home-map iframe, #home-map object, #home-map embed {}

.boie {
	max-width:979px;
	margin:0 auto;
	padding: 0 20px;
}

#mapspinner {
    position: absolute; 
    font-size: 48px; 
    color: #C3C3C3; 
    z-index: 1000000;
    top: 50%; 
    left: 50%; 
    margin-left: -24px; /* must adjust by half of font-size for true middle */
    margin-top: -24px; /* must adjust by half of font-size for true middle */
}

#busy-spinner-wrapper {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #e9e9e9;
    padding: 40px;
    border: 1px solid grey;
    position: fixed;
    text-align: center;
	z-index: 999;
}

.busy-spinner > div > div {
	background: none repeat scroll 0 0 #047DD2 !important;
}

::-webkit-inner-spin-button { display: none; }

/* Responsive styles
*********************/
@media only screen and (max-width: 767px) {
	#header .navbar .nav-collapse li > a:active,
	#header .navbar .nav-collapse li > a:hover,
	#header .navbar .nav-collapse li > a:focus {
		background: none;
		background-color: #E5E5E5;
	}

    .dfp-top-banner, .dfp-bottom-banner iframe {
        -ms-zoom: 0.45;
        -moz-transform: scale(0.40);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.40);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.40);
        -webkit-transform-origin: 0 0;
        float: left;
    }

    .dfp-miss-side-banner-1, .dfp-miss-side-banner-2 iframe {
        -ms-zoom: 0.53;
        -moz-transform: scale(0.53);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.53);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.53);
        -webkit-transform-origin: 0 0;
        float: left;
    }

    .dfp-openx-float .ad-block{
        width:98%;
    }

    .dfp-openx-float{
        margin-bottom:-50px;
    }
}
@media only screen and (min-width: 400px) and (max-width: 480px) {
    .dfp-top-banner, .dfp-bottom-banner iframe {
        -ms-zoom: 0.45;
        -moz-transform: scale(0.40);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.5);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.5);
        -webkit-transform-origin: 0 0;
        float: left;
    }

}
@media only screen and (min-width: 360px) and (max-width: 399px) {
    .dfp-top-banner, .dfp-bottom-banner iframe {
        -ms-zoom: 0.45;
        -moz-transform: scale(0.40);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.45);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.45);
        -webkit-transform-origin: 0 0;
        float: left;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .dfp-top-banner iframe {
        -ms-zoom: 2.0;
        -moz-transform: scale(2.0);
        -moz-transform-origin: 0 0;
        -o-transform: scale(2.0);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(2.0);
        -webkit-transform-origin: 0 0;
        float: left;
    }

    .dfp-bottom-banner iframe {
        -ms-zoom: 0.58;
        -moz-transform: scale(0.58);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.58);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.58);
        -webkit-transform-origin: 0 0;
        float: left;
    }

    .dfp-miss-side-banner-1, .dfp-miss-side-banner-2 iframe {
        -ms-zoom: 0.53;
        -moz-transform: scale(0.53);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.53);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.53);
        -webkit-transform-origin: 0 0;
        float: left;
    }

    .dfp-miss-side-banner-1{
        margin-bottom:-90px;
    }
}
@media screen and (max-width: 568px) and (min-width: 320px) and (orientation: portrait) {
    .miss-leftside {
        border-style:none !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .dfp-miss-side-banner-1, .dfp-miss-side-banner-2 iframe {
        -ms-zoom: 0.53;
        -moz-transform: scale(0.53);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.53);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.53);
        -webkit-transform-origin: 0 0;
        float:left;
    }
}
@media only screen and (min-width: 768px) {
	#header .navbar ul.nav li:hover ul.dropdown-menu {
		display: block;
		position: absolute;
		visibility: visible;
	}
	#header .navbar .dropdown-menu {
		margin-top: 0.5px;
		border: 1px solid #ACACAC;
		box-shadow: 5px 3px 10px 1px #999999;
	}
}
@media only screen and (max-width: 979px) {
	.menubg {
		background: #EEEEEE none;
		margin-left: auto;
	}
	
	#header .topbar #logoImage {
		max-width: 100%;
		padding: 20px 0 10px;
	}
	#header .navbar .nav-collapse .nav {
		margin-left: -7px !important;
	}
	#header .navbar .navbar-inner {
		border: 1px solid #D4D4D4;
		border-radius: 4px 4px 4px 4px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);

		border: none;
		box-shadow:none;
	}

	#header .navbar .nav {
		margin-bottom: 0px;
	}

	#main .nav-list li a span {
		font-size: 1em;
	}
}

@media only screen and (max-width: 768px) {
    #header .navbar .nav > li:first-child > a {
        margin-top:5px !important;
    }
}

    .ad-alignment {
        text-align: center;
    }