
/*=======================================================+
|  Universal                                             |
+=======================================================*/

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	background: white;
	font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #222222;
	height: 100%;
}

.clearfix {
 *zoom: 1;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* Control panel from small screens on DNN 6 */

#controlPanelDiv .dnnControlPanel {
	width: 90% !important;
	max-width: 940px !important;
	min-width: 0px !important;
}

ul.dnnAdminTabNav {
	height: inherit;
}

ul.dnnAdminTabNav li.ui-tabs-selected a {
	margin-bottom: -1px;
}

/*========================================================+
|  DNN Form overrides                                     |
+========================================================*/

.dnnPrimaryAction:hover, input[type="submit"]:hover, a.dnnPrimaryAction:hover {
	text-decoration:none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.dnnSecondaryAction:hover,
a.dnnSecondaryAction:hover,
ul.dnnAdminTabNav li a:hover {
	text-decoration: none;
}

.dnnPrimaryAction,
input[type="submit"],
a.dnnPrimaryAction {
	color: #FFFFFF !important;
}

.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
	margin-top:4px;
}

.LoginPanel {
	width: 100%;
	padding-right: 0px;
	float: left;
}

.dnnForm .dnnFormItem {
	clear: both;
	display: block;
	position: relative;
	text-align: left;
	width: 100%;
}

.dnnFormItem > label.dnnFormLabel,
.dnnFormItem > .dnnLabel {
	display: block;
	text-align: left;
	float:none;
	width:inherit;
}

div.dnnRegistrationForm {
    min-width: 0px;
    width: 100%;
}

div.dnnRegistrationForm .dnnForm {
	width:100%;
}

input[type="text"],
select, textarea, 
input[type="email"], 
input[type="search"], 
input[type="password"] {
	margin-top:4px;
}

a.dnnFormHelp {
	position:relative;
	margin-left:5px;
}

.dnnTooltip {
    display: block;
    margin-right: 18px;
    position: relative !important;
    width: 32.075%;
	left:0px;
}

.dnnLabel {
	padding-right:0px;
}


/*========================================================+
|  Responsive Styles                                      |
+========================================================*/

@media only screen and (max-width: 767px) {
	
    .dnnLabel {
	    margin:0px;
	    padding-right:0px;
    }

    .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {
        width:98%;
	    padding:5px;
	    font-size:18px;
	    min-width:0px;
    }

    .dnnFormItem input[type="text"], 
    .dnnFormItem input[type="password"], 
    .dnnFormItem input[type="email"], 
    .dnnFormItem input[type="tel"], 
    .dnnFormItem select, 
    .dnnFormItem textarea {
        width: 95%;
	    font-size:18px;
    }

}

/* Features Rollover images, Do not change */
.featureslist {margin: 0px; padding:0px;}
			.featureslist li { display:inline; list-style:none; margin:0px ; padding:0px;}
			.featureslist table {padding:0px; margin:0px;}
			.featureslist li a{ text-align:left;}
			.featureslist li a img {margin:0px auto; }

.featuresitem1 {width:320px; height:200px; margin: 0px 0;float:left; display: block;	background: url(graphics/annuities1.png)  top no-repeat;	text-indent: -99999px;}
.featuresitem1:hover {width:320px; height:200px; margin: 0px 0;float:left; display: block;	background: url(graphics/annuities2.png)  bottom no-repeat; text-indent: -99999px;}

.featuresitem2 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/long-term-care1.png)  top no-repeat;	text-indent: -99999px;}
.featuresitem2:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/long-term-care2.png)  bottom no-repeat; text-indent: -99999px;}

.featuresitem3 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/disability1.png)  top no-repeat;	text-indent: -99999px;}
.featuresitem3:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/disability2.png)  bottom no-repeat; text-indent: -99999px;}

.featuresitem4 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/life-insurance1.png)  top no-repeat;	text-indent: -99999px;}
.featuresitem4:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/life-insurance2.png)  bottom no-repeat; text-indent: -99999px;}

.featuresitem5 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/investments1.png)  top no-repeat;	text-indent: -99999px;}
.featuresitem5:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(graphics/investments2.png)  bottom no-repeat; text-indent: -99999px;}

/* Products Rollover images, Do not change */
.Productslist {margin: 0px; padding:0px;}
			.Productslist li { display:inline; list-style:none; margin:0px ; padding:0px;}
			.Productslist table {padding:0px; margin:0px;}
			.Productslist li a{ text-align:left;}
			.Productslist li a img {margin:0px auto; }

.Productsitem1 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/long-term-care1.png)  top no-repeat;	text-indent: -99999px;}
.Productsitem1:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/long-term-care2.png)  bottom no-repeat; text-indent: -99999px;}

.Productsitem2 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/everyone.png)  top no-repeat;	text-indent: -99999px;}
.Productsitem2:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/everyone-hover.png)  bottom no-repeat; text-indent: -99999px;}

.Productsitem3 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/coaching.png)  top no-repeat;	text-indent: -99999px;}
.Productsitem3:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/coaching-hover.png)  bottom no-repeat; text-indent: -99999px;}

.Productsitem4 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/training.png)  top no-repeat;	text-indent: -99999px;}
.Productsitem4:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/training-hover.png)  bottom no-repeat; text-indent: -99999px;}

.Productsitem5 {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/network.png)  top no-repeat;	text-indent: -99999px;}
.Productsitem5:hover {width:320px; height:200px; margin: 0px auto;display: block;	background: url(Products/network-hover.png)  bottom no-repeat; text-indent: -99999px;}