/** global styles **/
body {
	
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background: url(css/bodybg.jpg) top center repeat-y;
}

body,input,textarea, select, p, ul, div, span , .Normal, h3, th, td, tbody, h4{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#wrapper{
	padding-top:48px;
}
/** structural containers **/
#container {
/*	margin-top:49px;*/
	
	width:928px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	color:#000000;
}
#header {
	height:106px;
	margin:0px;
	background:url(css/headerbg.png) no-repeat;
}

* html #header {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/css/headerbg.png');
	height:106px;
}

* html #header a{
	position:relative;
}

#ddadmin{
	position:absolute;
	top:70px;
	right:10px;
}

#homelink {
	width:341px;
	height:106px;
	margin-left:10px;
	text-indent:-999em;
	display:block;
	overflow:hidden;
}

#banner{
	width:848px;
	margin-left:40px;
	height:131px;
}
/*
#bannerflash{
	position:absolute;
	top:170px;
	left:80px;
	z-index:200;
	height:762px;
	height:138px;
}*/


#framebanner{
	margin-top:16px;
	margin-left:48px;
}


#nav {
	background:url(css/navbg.gif) no-repeat;
	height:43px;
	position:absolute;
	top:106px;
	width:928px;
	z-index:100;
}

#navinside{
	position:relative;
}

#leftnavbg{
	width:9px;
	height:43px;
	background:url(css/menu/leftnavbg.png);
	position:absolute;
	left:0px;
	top:0xp;
}

* html #leftnavbg {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/css/menu/leftnavbg.png');
	height:43px;;
}

#rightnavbg{
	width:17px;
	height:43px;
	background:url(css/menu/rightnavbg.png);
	position:absolute;
	right:0px;
	top:0xp;
}

* html #rightnavbg {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/css/menu/rightnavbg.png');
	height:43px;;
}

#topcontainer {
	height:276px;
	position:absolute;
	top:150px;
	z-index:50;
}


#contentwrapper {
	margin-top:43px;
	min-height:779px;
	background:url(css/contentbg.png) repeat-y;
}
* html #contentwrapper {
	background:none;
}
* html .contentwrapper {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/css/contentbg.png');
	height:779px;
}

.contactbox{
	width:173px;
	height:218px;
	background:url(images/contactbox.png) no-repeat;
}

* html div.contactbox{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/images/contactbox.png');
	height:218px;
}

a.contactlink{
	text-indent:-999em;
	width:173px;
	height:218px;
	display:block;
	overflow:hidden;
}

* html a.contactlink{
	position:relative;
}

* html .contentwrapper table td, * html .contentwrapper table td img, * html .contentwrapper a, * html .contentwrapper p, * html #dnn_ContentPane div.Normal{
	position:relative;
}

.admin #contentwrapper {
	margin-top:43px;
}
#content, #contenthome {
	width:900px;
	background:url(css/vertical_liner.gif) no-repeat;
	background-position:640px 30px;
}

#contenthome{
	background:url(css/vertical_liner.gif) no-repeat;
	background-position:595px 165px;
}

#footer {
	height:43px;
	background:url(css/footerbg.png) no-repeat;
	text-align:center;
	padding-top:10px;
	color:#FFFFFF;
	font-size:10px;
}


#footerUl{
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

#footer ul, #footer ul li{
	margin:0px;
	padding:0px;
	list-style:none;
}

#footer ul li{
	float:left;
	height:19px;
	margin-right:2px;
	line-height:19px;
}

#footer ul li.separator{
	width:1px;
	background:url(css/separator.gif) no-repeat;
	margin-left:2px;
}

#footer ul li a{
	font-family:Century Gothic, Verdana, Arial;
	color:white;
}

#footer ul li a.SkinObject{
	font-weight:normal;
	font-family:Century Gothic, Verdana, Arial;
	color:white;
}

* html #footer {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/Portals/0/Skins/DStar/css/footerbg.png');
}

#footer a {
	color:#FFFFFF;
}
* html #footer a {
	position:relative;
	z-index:1;
}

#footer a.SkinObject{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html iframe{
	position:relative;
}

/** STYLING ELEMENTS **/
.toplink {
	display:block;
	text-align:center;
	padding-bottom:1em;
}
.trailerlink {
	display:block;
	text-align:right;
	padding-right:24px;
}

/* promo panels */

.promopanel {
	background:url(css/promopanelbg.jpg);
	float:right;
	width:288px;
	height:449px;
	position:relative;
	margin-bottom:1em;
	color:#FFFFFF;
	font-size:11px;
	line-height:16px;
}
.promopanel h5 {
	margin:0px;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.promopanel span {
	display:block;
	margin-bottom:1.5em;
}
.promopanel h4 {
	margin-top:20px;
	margin-bottom:27px;
	text-indent:-999em;
	overflow:hidden;
	height:23px;
	background-repeat:no-repeat;
	margin-left:17px;
}
.promopanel .leftcol {
	width:99px;
	margin-left:17px;
}
.promopanel .rightcol {
	width:135px;
	margin-right:17px;
}
.promopanel .clearfix {
	width:100%;
}
.promopanel .plotoutline {
	padding:5px 17px;
	border-top:1px solid #6c6c6c;
	border-bottom:1px solid #6c6c6c;
	margin-top:10px;
}

.promopanel .plotoutline blockquote {
	margin:0px;
	height:70px;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}



.header_comingsoon {
	background-image:url(css/titles/promo-comingsoon.gif);
}
.header_addons {
	background-image:url(css/titles/promo-addons.gif);
}


/** nav elements **/

#nav{
	width:928px;
}
#nav ul,#nav li {

}

#nav ul{
	position:absolute;
	left:9px;
	top:0px;
	z-index:30;
	list-style: none;
	margin:0;
	padding:0;
}
#nav ul li {
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	list-style: none;
	height:43px;
	background-repeat:no-repeat;
}
#nav ul li a {
	display:block;
	height:43px;
	text-indent:-999em;
	overflow:hidden;
}

li#ParentTabs36 a {
	background-image:url(css/menu/home.gif);
	width:83px;
}
li#ParentTabs36 a:hover,
li#ParentTabs36:hover a,
li#ParentTabs36.iehover a  {
	background-image:url(css/menu/home_onv.gif);
}

li#ParentTabs36.SelectedTab a{
	background-image:url(css/menu/home_on.gif);
}

li#ParentTabs54 a {
	background-image:url(css/menu/what.gif);
	width:153px;
}
li#ParentTabs54 a:hover,
li#ParentTabs54:hover a,
li#ParentTabs54.iehover a  {
	background-image:url(css/menu/what_onv.gif);
}

li#ParentTabs54.SelectedTab a{
	background-image:url(css/menu/what_on.gif);
}

li#ParentTabs55 a {
	background-image:url(css/menu/product.gif);
	width:89px;
}
li#ParentTabs55 a:hover,
li#ParentTabs55:hover a ,
li#ParentTabs55.iehover a  {
	background-image:url(css/menu/product_onv.gif);
}

li#ParentTabs55.SelectedTab a{
	background-image:url(css/menu/product_on.gif);
}

li#ParentTabs56 a {
	background-image:url(css/menu/support.gif);
	width:87px;
}
li#ParentTabs56 a:hover,
li#ParentTabs56:hover a,
li#ParentTabs56.iehover a  {
	background-image:url(css/menu/support_onv.gif);
}

li#ParentTabs56.SelectedTab a{
	background-image:url(css/menu/support_on.gif);
}

li#ParentTabs57 a {
	background-image:url(css/menu/aboutus.gif);
	width:91px;
}
li#ParentTabs57 a:hover,
li#ParentTabs57:hover a,
li#ParentTabs57.iehover a  {
	background-image:url(css/menu/aboutus_onv.gif);
}

li#ParentTabs57.SelectedTab a{
	background-image:url(css/menu/aboutus_on.gif);
}

li#ParentTabs58 a {
	background-image:url(css/menu/clienttools.gif);
	width:108px;
}
li#ParentTabs58 a:hover,
li#ParentTabs58:hover a,
li#ParentTabs58.iehover a  {
	background-image:url(css/menu/clienttools_onv.gif);
}

li#ParentTabs58.SelectedTab a{
	background-image:url(css/menu/clienttools_on.gif);
}

li#ParentTabs59 a {
	background-image:url(css/menu/contactus.gif);
	width:113px;
}
li#ParentTabs59 a:hover,
li#ParentTabs59:hover a,
li#ParentTabs59.iehover a  {
	background-image:url(css/menu/contactus_onv.gif);
}

li#ParentTabs59.SelectedTab a{
	background-image:url(css/menu/contactus_on.gif);
}


#nav ul li ul {
	position:absolute;
	left:-999em;
	display:inline;
	padding:0px 0px 27px 0px;
	width:148px;


	margin:0;
	background:url(css/menu/lvl2bg.png) bottom no-repeat;
	top:100%;
	z-index:10;
}

*html #nav ul li ul {
	background:url(css/menu/lvl2bg.gif) bottom no-repeat;
}

#nav ul li:hover ul.Level1,#nav ul li.iehover ul.Level1{
	left:-8px;
	top:43px;
}

#nav ul li ul li {
	margin:0px;
	height:auto;
	font-size:10px;
	height:auto;
	width:148px;
	background:url(css/menu/lvl2background.png) repeat-y;
}


*html #nav ul li ul li {
	background:url(css/menu/lvl2background.gif) repeat-y;
	width:148px;
}

#nav ul li ul li a {
	display:block;
	width:auto;
	line-height:10px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	text-indent:0px;
	background:none;
	height:auto;
	padding:10px 14px 10px 16px;
}

#nav ul.Level0 li#ParentTabs36.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs54.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs55.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs56.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs57.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs58.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs59.SelectedTab ul li a,
#nav ul.Level0 li#ParentTabs36:hover ul li a,
#nav ul.Level0 li#ParentTabs54:hover ul li a,
#nav ul.Level0 li#ParentTabs55:hover ul li a,
#nav ul.Level0 li#ParentTabs56:hover ul li a,
#nav ul.Level0 li#ParentTabs57:hover ul li a,
#nav ul.Level0 li#ParentTabs58:hover ul li a,
#nav ul.Level0 li#ParentTabs59:hover ul li a,
#nav ul.Level0 li#ParentTabs36.iehover ul li a,
#nav ul.Level0 li#ParentTabs54.iehover ul li a,
#nav ul.Level0 li#ParentTabs55.iehover ul li a,
#nav ul.Level0 li#ParentTabs56.iehover ul li a,
#nav ul.Level0 li#ParentTabs57.iehover ul li a,
#nav ul.Level0 li#ParentTabs58.iehover ul li a,
#nav ul.Level0 li#ParentTabs59.iehover ul li a{
	background:none;
}

#nav ul.Level0 li#ParentTabs36.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs54.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs55.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs56.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs57.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs58.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs59.SelectedTab ul li a:hover,
#nav ul.Level0 li#ParentTabs36.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs54.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs55.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs56.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs57.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs58.iehover ul li a:hover,
#nav ul.Level0 li#ParentTabs59.iehover ul li a:hover,
*html #nav ul li ul li a:hover {
	background:url(css/menu/lvl2background_on.gif) repeat-y;
}

#nav ul.Level0 li#ParentTabs36:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs54:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs55:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs56:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs57:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs58:hover ul li a:hover,
#nav ul.Level0 li#ParentTabs59:hover ul li a:hover,
#nav ul li ul li a:hover {
	background-image:none;
	background:url(css/menu/lvl2background_on.gif) repeat-y;
}

#nav ul li ul.Level1 li {
	position:relative;
}

#nav ul li ul.Level1 li:hover ul.Level2 ,#nav ul li ul.Level1 li.iehover ul.Level2{
	left:128px;
	top:0px;
}

/** movie list **/

h4.indented {
	padding-left:64px;
	padding-right:52px;
	margin-bottom:1em;
	font-weight:bold;
}

ul.datalist {
	clear:both;
}
ul.datalist,
ul.datalist li,
ul.datalist dl,
ul.datalist dt,
ul.datalist dd  {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

ul.datalist li {
	padding:18px 0px 15px 0px;
}

.listitem {
	background:#dcd2e0;
	position:relative;
	width:100%;
}
.altlistitem {
	background:#ffffff;
	position:relative;
	width:100%;
}

.listitem h4, .altlistitem h4 {
	position:absolute;
	left:64px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
	margin-top:0px;
	margin-bottom:1em;
	font-weight:bold;
	width:500px; /* for safari */
}
.col1,.col2,.col3 {
	float:left;
	display:inline;
}
.col1 {
	width:183px;
	margin-left:64px;
	padding-top:25px;
}
.col2 {
	width:132px;
	overflow:hidden;
	padding-top:25px;
	background:url(css/listcolbg.gif) 0px 20px no-repeat;
	padding-bottom:25px;
}
.col3 {
	width:521px;
	padding-top:25px;
	background:url(css/listcolbg.gif) 0px 20px no-repeat;
	padding-bottom:25px;
}

.col1 h4 {

}

ul.datalist dl {
	margin-left:8px;
	margin-right:8px;
}

ul.datalist dt {
	font-weight:bold;
}
ul.datalist dd {
	margin-bottom:1.5em;
}
ul.datalist dt,ul.datalist dd {
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:11px;
}
#clientlist .listitem,
#clientlist .altlistitem,
#clientlistcurrent .listitem,
#clientlistcurrent .altlistitem {
	position:relative;
}

#clientlist .listitem .chkboxinput,
#clientlist .altlistitem .chkboxinput,
#clientlistcurrent .listitem .chkboxinput,
#clientlistcurrent .altlistitem .chkboxinput {
	position:absolute;
	left:35px;
	top:137px;
}
#clientlist .listitem .chkboxinput label,
#clientlist .altlistitem .chkboxinput label,
#clientlistcurrent .listitem .chkboxinput label,
#clientlistcurrent .altlistitem .chkboxinput label{
	display:none;
}

#clientlist .listitem {
	background:#cfd3e3;
}
#clientlist .altlistitem {
	background:#FFFFFF;
}
#clientlistcurrent .listitem,
#clientlistcurrent .altlistitem {
	background:#e2e2e2;

}

#cinemalist .listitem {
	background:#cfe3d9;
}
#cinemalist .col1 {
	width:169px;
}
#cinemalist .col2 {
	width:75px;
}
#cinemalist .col3 {
	width:608px;
}

.cinemapanel {
	padding:1em 64px;
	margin-bottom:1em;
	background:#cfe3d9;
}
* html .cinemapanel {
	border-bottom:1em solid #FFFFFF;
}
.listselectpanel{
	padding-left:64px;
	padding-right:52px;
	margin-bottom:1em;
}
.listselectpanel a {
	margin-left:0.5em;
	margin-right:0.5em;
}

#keylist dt {
	font-weight:bold;
	margin-right:1em;
}
#keylist dd {
	margin-right:2em;
}

/** PLAYER STYLES **/
#TrailerWrapper 
{
    width:472px;
    height:425px;
    position:relative;
	background:url(css/playerbg.gif) no-repeat;
}

#Trailer 
{
    position:absolute;
    left:50%;
    top:155px;   
    width:450px;    
    margin-left:-225px;    
	text-align:center;
}
#closelink {
	position:absolute;
	display:block;
	width:200px;
	left:50%;
	margin-left:-100px;
	bottom:20px;
	text-align:center;
}
/** DNN PANES**/
#dnn_BannerPane {
	height:276px;
	width:930px;
	margin-left:10px;
	background:#EFEFEF;
}


/* two columns */
#dnn_ContentPane {
	margin-left:52px;
	padding-top:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
}
.twocols #dnn_ContentPane {
	float:left;
	display:inline;
	width:510px;
}	

.twocols #content #dnn_ContentPane {
	width:550px;
}

#dnn_ContentPane .Normal {
	display:block;
	margin-left:12px;
	margin-right:12px;
}

.twocols #dnn_RightPane {
	float:left;
	display:inline;
	width:225px;
	margin-top:30px;
	margin-left:40px;
	padding-left:20px;
	/*
	min-height:830px;
	height:auto !important;
	height:830px;
	*/
}
/** Pane specific styles **/
#dnn_ContentPane h2.pagetitle {
	width:479px;
	margin-top:0px;
	margin-bottom:1em;
	border-top:1px solid black;
	border-bottom:1px solid black;
	height:46px;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:left center;
}

p {
	margin-top:0px;
	margin-bottom:1.5em;
}

#dnn_ContentPane h3 {
	font-size:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/** Pge Titles**/
#dnn_ContentPane #ttl_OurAudience {
	background-image:url(css/titles/our_audience.gif);
}

h1.pagetitle {
	background-repeat:none;
	height:24px;
	width:480px;
	margin:0px;
	padding:0px;
	margin-left:20px;
}

h1.pagetitle  span{
	text-indent:-999em;
	display:block;
	margin:0px;
	padding:0px;
}
/** helpers **/

dl.horzlist,dl.horzlist dt,dl.horzlist dd {
	margin:0;
	padding:0;	
}
dl.horzlist dt,dl.horzlist dd  {
	float:left;
	display:inline;
}

ul.horzlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlist li {
	display:inline;
	float:left;
	list-style-type:none;
}
ul.horzlist a {
	display:block;
	float:left;
	text-decoration:none;
}

ul.horzlist a span{
	visibility:hidden;
}
.leftcol {
	float:left;
	display:inline;
}
.rightcol {
	float:right;
	display:inline;
}

.header_box{
	width:180px;
	height:18px;
	background:url(css/header_box.gif) no-repeat;
}

.mid_box{
	width:180px;
	min-height:154px;
	height:auto !important;
	height:154px;
	background:url(css/mid_box.gif) repeat-y;
	color:#5d5d5d;
	
}

.mid_box .midboxcontent{
	padding-left:15px;
	padding-right:15px;
}


.footer_box{
	width:180px;
	height:17px;
	background:url(css/footer_box.gif) no-repeat;
}

.img{
	margin-bottom:4px;
}

.center{
	text-align:center;
	width:221px;
}

.breakspace{
	height:3px;
	width:180px;
}

.box{
	margin-right:auto;
	margin-left:auto;
	width:180px;
}

.contactwrapper{
	margin-right:auto;
	margin-left:auto;
	width:173px;
	margin-bottom:5px;
}

.box div{
	text-align:left;
}

.clearBottom{
	height:30px;
	clear:both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.box p{
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	color:#5d5d5d;
	font-weight:bold;
}

.box h1,.box h2{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-weight:bold;
	padding-bottom:10px;
	text-align:center;
}

.box h1{
	font-size:18px;
}

h2 span.Head{
	font-size:22px;
	font-weight:normal;
}

.h2liner{
	background:url(css/h2.gif) no-repeat;
	width:265px;
	height:8px;
	margin-bottom:10px;
}

.twocols #dnn_ContentPane p, .twocols #dnn_ContentPane h2, h3, h4, h5{
	margin-left:10px;
}

.h2head{
	margin:0px;
	padding:0px;
	margin-bottom:8px;
}

.required, .error{
	color:red;
}

/* login box */
#header_loginbox{
	width:225px;
	height:40px;
	background:url(css/header_loginbox.gif) no-repeat;
}

#mid_loginbox{
	width:225px;
	min-height:150px;
	height:auto !important;
	height:150px;
	background:url(css/mid_loginbox.jpg) repeat-y;
}

#footer_loginbox{
	width:225px;
	height:15px;
	background:url(css/footer_loginbox.gif) no-repeat;
}

#tblLogin {
	margin-left:5px;
	margin-top:5px;
}

#tblLogin td, input{
	font-size:9px;
	vertical-align:top;
	color:#797979;
}

.inputloginUsername, .inputloginPassword{
	font-size:9px;
	vertical-align:top;
	color:#797979;
}

.bold, .boldLogin{
	font-weight:bold;
}

.boldLogin, .error{
	font-size:9px;
}

.gray_liner{
	width:221px;
	height:10px;
	background:url(css/gray_liner.jpg) no-repeat;
}

.error{
	color:red;
}

/* loaded images */

#loadedWrapper{
	clear:both;
	width:928px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height:50px;
}

#loaded{
	float:right;
	margin-top:12px;
	margin-right:10px;
}

#loadedLogo{
	background:url(css/site_by_loaded.gif) no-repeat;
	width:73px;
	height:27px;
}

h5{
	margin:0px;
	padding:0px;
}
h5#logoImage{
	width:73px;
	height:27px;
}

h5#logoImage a{
	display:block;
	width:73px;
	height:27px;
	text-indent:-999em;
	margin-bottom:5px;
	overflow:hidden;
}

.clear{
	clear:both;
}

.clearer {
	clear:both;
	line-height:0px;
	height:0px;
	overflow:hidden;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */