/* GENERAL PAGE SPECS FOR STANDARD HTML ELEMENTS */

body
{
	margin: 0px;
	background:#00547A url(images/bg_delnorte.jpg) top left repeat-x;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
}
a:link, a:active, a:visited
{
	 color:#FF0000;
	 font-weight:bold;
	 text-decoration:none;
}

a:hover
{
	 color:#FF0000;
	 font-weight:bold;
	 text-decoration:underline;
}

p, td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}
p 
{
	line-height: 18px;
}
h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: white;
	margin-top:20px;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #999999;
}

h3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
}

.footer
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px;
	color: #999999;
}

.footer a:link, .footer a:visited, .footer a:active
{
	color: #FF0000;
	text-decoration:none;
}
.footer a:hover
{
	color: #FF0000;
	text-decoration:underline;
}
img.png
{
	behavior: url(/gw-resources/pngbehavior.htc);
}

/* SPECS FOR STANDARD NETVIS SIDE NAVIGATION LINK TABLE */

#sidenav
{
	position:relative;
	margin-left:15px;
	margin-bottom:15px;
	border:1px #333333 solid;
	width:125px;
	overflow:hidden;
	float:right;
	background-color:#EFEFEF;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}

#sidenav a
{
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	color:#000000;
	width:125px;
	margin:0px;
	text-align:center;
	display:block;
	padding:5px 5px 5px 5px;
	border-top:1px #EFEFEF solid;
	border-bottom:1px #EFEFEF solid;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}


#sidenav a:hover
{
	color:white;
	background-color:#333333;
	border-top:1px #000000 solid;
	border-bottom:1px #000000 solid;
}


/* SPEC FOR STANDARD NETVIS CALLOUT AND FOOTER BOX */

.callout
{
	border:#999999 1px solid;
	background-color:#DDDDDD;
	padding: 5px 10px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	line-height: 18px;
	text-align:left;
}

/* SPECS FOR STANDARD FORM ELEMENTS, INCLUDING STATE CHANGES FOR FORM ELEMENT ONFOCUS AND ONBLUR */

td.formtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	line-height: 18px;
}
input.off
{
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00547A;
	border:1px black solid;
	background-color:#C5EBEF;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFFFF, EndColorStr=#FFC5EBEF);
}

input.on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border:1px black dashed;
	background-color:white;
}

input.submit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: white;
	background-color:#00547A;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FF54A9BD, EndColorStr=#FF00547A);
}

select.off
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:#EEEEEE;
}

select.on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color:white;
}

textarea.off
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00547A;
	border:1px black solid;
	background-color:#C5EBEF;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFFFF, EndColorStr=#FFC5EBEF);
}

textarea.on
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border:1px black dashed;
	background-color:white;
}

/*
===============================================
LAYOUT STYLES
===============================================
*/

#bizsearch
{
	margin:0px;
	margin-bottom:8px;
}
#bizsearch input.off
{
	width:128px;
	height:30px;
	border:1px white solid;
	padding:7px 0px 0px 5px;
	filter:none;
	background:#57B4C5 url(images/bizshell_searchbg.jpg) left top repeat-x !important;
	position:relative;
	float:left;
	display:inline;
	margin-right:3px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#bizsearch input.on
{
	width:128px;
	height:30px;
	border:1px white solid;
	padding:7px 0px 0px 5px;
	filter:none;
	background:#FFFFFF !important;
	position:relative;
	float:left;
	display:inline;
	margin-right:3px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#header
{
	height:94px;
	background:url(images/header_delnorte.jpg) center top no-repeat;
	border-bottom:1px #00547A solid;
}
#container
{
	position:relative;
	width:750px;
	left:50%;
	margin-left:-350px;
	height:100px;
	background:white;	
	border:2px #00547A solid;
	border-top:0px;
	height:auto !important;
	height/**/:450px;
	min-height:450px;
	padding-bottom:10px;
}
#nav
{
	position:relative;
	background-color:#246C8D;
	border:2px white solid;
	border-bottom:0px;
	text-align:right;
	padding-top:3px;
}
#nav ul
{
	margin:0px;
	padding:0px;
}
#nav ul li
{
	position:relative;
	display:inline;
	float:right;
	background:white;
	text-align:center;
	margin-right:4px;
}
#nav ul li a
{
	display:block;
	width:100%;
	padding:5px 10px 5px 10px;
	width:auto !important;
	text-transform:uppercase;
	border:1px white solid;
	border-bottom:0px;
	/*background:#54A9BD url(images/buttonbg_delnorte_off.jpg) left top repeat-x;*/
	background:#FFFFFF url(images/buttonbg_delnorte_on.jpg) 0px -8px repeat-x;
	color:#00547A;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#nav ul li a:hover, #nav ul li a.on
{
	border:1px #FFFFFF solid;
	border-bottom:0px;
	background:#FFFFFF;
	color:red;
}
#title
{
	margin:10px;
	background-color:#54A9BD;
	border:3px #00547A double;
	text-align:center;
	padding:0px;
}
#title h1
{
	margin:0px;
}
#config-steps
{
	position:relative;
	float:right;
	display:inline;
	margin-right:10px;
	width:480px;
	border:3px #00547A double;
	background-color:#6DCFD9;
	padding:10px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}

/*
ACTIVE STEP STYLES
*/

#config-steps div.active
{
	border:3px #00547A double;
	background-color:#A0E1E8;
	margin-bottom:10px;
	padding:5px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#config-steps div.active div.step-title
{
	position:relative;
	display:block;
	background-color:#00547A;
	color:white;
	border:1px white solid;
}
#config-steps div.active div.step-title div.num
{
	position:absolute;
	top:5px;
	left:5px;
	width:35px;
	text-align:center;
	background-color:#54A9BD;
	padding:2px;
	color:white;
	border:2px white solid;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
div.step-title div.num h2
{
	position:relative;
	color:white;
	margin:0px;
}
#config-steps div.active div.step-title h2.text
{
	position:relative;
	color:white;
	margin:9px;
	margin-left:50px;
	margin-right:50px;
}
#config-steps div.active div.step-box
{
	position:relative;
	margin-top:5px;
	padding:5px;
	border:1px #00547A solid;
	background:white url(images/bg_lighthouse.jpg) bottom right no-repeat;
	width:auto !important;
	width/**/:100%;
}
#config-steps div.active div.icon
{
	position:absolute;
	top:3px;
	left:390px;
	z-index:5;
	width:35px;
	height:35px;
	background:url(images/config_icon_arrow.gif) left top no-repeat;
}

/*
INACTIVE STEP STYLES
*/

#config-steps div.inactive, #config-steps div.inactive-done
{
	margin-bottom:5px;
	/*border:1px #3B9EA8 solid;
	padding:5px;*/
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#config-steps div.inactive div.step-title, #config-steps div.inactive-done div.step-title
{
	position:relative;
	display:block;
	background-color:#54A9BD;
	color:white;
	border:1px #A0E1E8 solid;
}
#config-steps div.inactive div.step-title div.num, #config-steps div.inactive-done div.step-title div.num
{
	position:absolute;
	top:5px;
	left:5px;
	width:35px;
	text-align:center;
	background-color:#6DCFD9;
	padding:2px;
	color:white;	
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#config-steps div.inactive div.step-title h2.text, #config-steps div.inactive-done div.step-title h2.text
{
	position:relative;
	color:white;
	margin:7px;
	margin-left:50px;
	margin-right:50px;
}
#config-steps div.inactive div.step-box, #config-steps div.inactive-done div.step-box
{
	position:relative;
	margin-top:5px;
	padding:5px;
	border:1px #00547A solid;
	background-color:white;
	display:none;
}
#config-steps div.inactive-done div.icon
{
	/* Style for showing the icon once the step is complete */
	position:absolute;
	top:3px;
	left:410px;
	z-index:5;
	width:35px;
	height:35px;
	background:url(images/config_icon_checkmark.gif) left top no-repeat;
}
div.step-box form
{
	margin:0px;
}

/*
THUMBNAILS AND COLOR SCHEME BOXES
*/

div.leftcol, div.rightcol
{
	position:relative;
	display:inline;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	width:210px;
}
div.rightcol
{
	margin-right:0px;
}
div.leftcol div.thumb-box, div.leftcol div.colorscheme1, div.leftcol div.colorscheme2,
div.rightcol div.thumb-box, div.rightcol div.colorscheme1, div.rightcol div.colorscheme2
{
	margin:0px;
	margin-bottom:5px;
}
div.leftcol h1, div.rightcol h1
{
	margin:0px;
	margin-bottom:5px;
	background-color:#54A9BD;
	border:3px #00547A double;
	text-align:center;
	padding:3px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:13px;
	color:white;
}

div.thumb-box, div.colorscheme1, div.colorscheme2
{
	position:relative;
	display:inline;
	float:left;
	background-color:#C0F9FF;
	border:1px #00547A solid;
	padding:3px;
	margin-right:5px;
	margin-bottom:5px;
	color:#00547A;	
}
div.thumb-box img
{
	margin-bottom:3px;
}
div.thumb-box div, div.colorscheme1 div, div.colorscheme2 div
{
	background-color:#FFFFFF;
	padding:5px;
	border:1px #00547A solid;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
div.colorbar1, div.colorbar2, div.colorbar3, div.colorbar4
{
	width:200px;
	height:25px;
	border:1px #00547A solid;
	margin-bottom:5px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box; 
}
div.colorscheme1 div.colorbar1
{
	background-color:#C0F9FF;
}
div.colorscheme1 div.colorbar2
{
	background-color:#6DCFD9;
}
div.colorscheme1 div.colorbar3
{
	background-color:#54A9BD;
}
div.colorscheme1 div.colorbar4
{
	background-color:#00547A;
}
div.colorscheme2 div.colorbar1
{
	background-color:#BAD0E9;
}
div.colorscheme2 div.colorbar2
{
	background-color:#9A99CC;
}
div.colorscheme2 div.colorbar3
{
	background-color:#5553A6;
}
div.colorscheme2 div.colorbar4
{
	background-color:#02007A;
}

/*
STEP 3: ADD-IN MODULES STYLES
*/

div.module-box
{
	border:1px #00547A solid;
	padding:5px;
	background-color:white;
	position:relative;
	width:205px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
div.module-box div.title
{
	position:relative;
	padding:5px;
	padding-top:10px;
	background-color:#54A9BD;
	border:1px #00547A solid;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
div.module-box div.title h3
{
	margin:0px 0px 10px 45px;
	font-size:18px;
	font-weight:normal;
	color:white;
}
div.module-icon
{
	position:absolute;
	top:5px;
	left:5px !important;
	left/**/:0px;
}
div.preview
{
	border:1px #00547A solid;
	padding:5px;
	background-color:white;
	position:relative;
	margin-bottom:5px;
}
div.module-box + div.preview
{
	clear:both;
}
div.preview h3
{
	margin:0px;
	color:#00547A;
}

#prodfields, #prodfields-submit-next
{
	position:relative;
}
#prodfields h3
{
	margin:5px 0px 5px 0px;
	padding:5px;
	background-color:#54A9BD;
	color:white;
	border:1px #00547A solid;
	font-size:18px;
	font-weight:normal;
}
#step3 a.infolink
{
	font-size:9px;
	margin-left:5px;
}
#step3 p.cost
{
	margin:0px;
	margin-top:5px;
	padding:2px;
	padding-left:5px;
	background-color:#E6FCFF;
	font-size:10px;
	border-top:1px #6DCFD9 solid;
	border-bottom:1px #6DCFD9 solid;
}				
#step3 span.mod-price
{
	color:red;
}

/*
MYCHAMBER PAGE: STYLES
*/

div.alert
{
	background-color:red;
	color:white;
	font-weight:bold;
	padding:5px;
	font-size:13px;
	margin-bottom:5px;
}
tr.module-header
{
	background-color:#00547A;
}
tr.module-header td
{
	color:white;
	font-weight:bold;
	padding:3px 0px 3px 0px;
	border-bottom:2px white solid;
}
td.module-icon-installed, td.module-icon-configure, td.module-icon-add
{
	padding:5px;
	background-color:#54A9BD;
	color:white;
	font-size:13px;
	font-weight:bold;
	border-bottom:2px white solid;
	text-align:center;
}
td.module-icon-configure
{
	background-color:red;
}
td.module-icon-add
{
	background-color:#6DCFD9;
}
td.module-text
{
	padding-left:5px;
	font-weight:bold;
	text-transform:uppercase;
}
td.module-status
{
	padding-right:10px;
}
td.module-edit
{
	padding-right:10px;
}
td.iframe
{
	padding-bottom:2px;
}
iframe
{
	border:3px #00547A double;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}

tr.module-row:hover, tr.billing-row:hover
{
	background-color:white;
}

/*
MY ACCOUNT PAGE: STYLES
*/
div.info-text
{
	border-top:1px #54A9BD solid;
	border-bottom:1px #54A9BD solid;
	padding:5px;
	background-color:#D9FBFF;
	position:relative;
	margin-bottom:5px;
}
td
{
	color:#00547A;
}
td.label
{
	background-color:#9EEAF2;
	font-weight:bold;
}


#trivekta-info
{
	position:relative;
	float:right;
	display:inline;
	margin-right:10px;
	width:240px !important;
	width/**/:234px;
	border:3px #00547A double;
	padding:10px;
	box-sizing: border-box;
	-moz-box-sizing: padding-box;
	-moz-box-sizing: border-box;
}
#trivekta-info h1
{
	margin:0px;
	background-color:#54A9BD;
	border:3px #00547A double;
	text-align:center;
	padding:5px;
	font-family:verdana, arial, geneva, helvetica, sans-serif;
	font-style:normal;
	color:white;
}


#footer
{
	position:relative;
	text-align:center;
	padding:20px 0px 20px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:15px;
	color: #54A9BD;	
}
#footer a:link, #footer a:visited, #footer a:active
{
	color: #6DCFD9;
	text-decoration:none;
}
#footer a:hover
{
	color: white;
	text-decoration:underline;
}


.clearfix::after {
    content: "."; 
    display: block; 
    height: 1; 
    clear: both; 
    visibility: hidden;
	overflow:hidden;
	margin-top:-1px;
}
#aboutus {
	display:none;	
}