/*

Copyright (C) 2008 Wormly Performance, All Rights Reserved.

*/

	form.authelo
	{
		padding: 0em;
		font: normal 13px verdana, arial, sans-serif;
		margin: 0px;
	}

	form.authelo *
	{
		font-family: verdana, arial, sans-serif;
		font-size: 13px;
		letter-spacing: normal;
		color: #666;

	}

/* formatting for fieldsets; the frames that group fields */

	form.authelo fieldset
	{
		border: 2px solid #ccc;
		width: 42em;
		background-color : #fff;
		margin: 1em 0em 15px 0em;
		padding: 0.75em 0.5em 1.5em 1em;


		/* IE hacks */
		_position : relative;
		_padding: 20px 1.2em 1.2em 1.2em;
		_display: block;
		_margin-top: 2em;
		_margin-bottom: 1.7em;
	}

	form.authelo fieldset legend
	{
		background-color: white;
		border: 1px solid #ddd;
		padding: 0px 7px 0px 7px;
		font-weight: bold;
		margin-bottom: 0.6em;

		/* IE hacks */
		_position : absolute;
		_top : -10px;
		_left: 1.1em;
	}

	form.authelo div.StickyNote
	{

		float: right;
		width: 160px;
		height: auto;
		margin: 0px .6em 10px 10px;
		padding: 4px 5px 0px 5px;
		border: 1px solid #666;
		background-color: #ffffe1;
		-moz-border-radius: 6px;

	}

	form.authelo div.StickyNote h3
	{
		font-family: arial, sans-serif;
		font-size: 100%;

		background-image: url(question.gif);
		background-repeat: no-repeat;
		background-position: top left;
  		border-bottom: 1px solid #666;
		margin: 2px 2px 5px 2px;
		padding: 1px 0px 4px 23px;
	}

	form.authelo div.StickyNote p
	{
		font-family: arial, sans-serif;

		padding: 0px 0px 9px 0px;
		margin: 3px;
		font-size: 0.85em;
		font-weight: normal;
		color: #666;
		text-align: justify;
	}

/* The divs that contain [label+element+hint] for each element type */

	form.authelo div.SFelemText,
	form.authelo div.SFelemTextarea,
	form.authelo div.SFelemPassword,
	form.authelo div.SFelemSelect,
	form.authelo div.SFelemDate,
	form.authelo div.SFelemRadio,
	form.authelo div.SFelemCheckbox,
	form.authelo div.SFelemGroup,
	form.authelo div.SFelemMany2Many
	{
		display: block;
		margin-bottom: 1em;
		padding-bottom: 1em;
		clear: left;
	}

	/* IE peekaboo hack */
	form.authelo div.SFelemCheckbox label.lblcheck
	{
		position: relative;
	}


	form.authelo div.SFelemHidden
	{
		display: none;
	}

	form.authelo div.SFelemSubmit
	{
		border: none;
		display: block;
		margin-right: 5px;
		margin-left: 0px;
		clear: left;
	}


/* Rule violations, displayed with each element */
	form.authelo div.violation
	{
		border: 1px solid #ffa500;
		background: #ffffe1;
		padding: 1px 2px 1em 3px;
		margin-left: 0px;
		margin-bottom: 1.5em;
		overflow: auto;
	}

/* IE peek-a-boo hack */
	* html form.authelo div.violation
	{
		height: 1%;
	}

	form.authelo div.violation p.SFviolmessage
	{
		margin: 0px 0px 0.5em .2em!important;
		color: #f00!important;
		padding: 1px 0px 1px 1px!important;
		text-align: left;
		font: bold 0.85em arial, sans-serif!important;
	}

/* The rule violation summary box */
	form.authelo div.SFErrorSummary
	{
		width: 47.3em;
		margin: 1em 0em 2px 0em;
		padding:0px;
		border: 1px solid #900;
		background-color: #ffffe1;
	}


	form.authelo div.SFErrorSummary h2
	{
		color: #fff;
		margin: 0px;
		background: #900;
		padding: 3px 3px 3px 0.8em;

	}

	form.authelo div.SFErrorSummary ul
	{
		padding: 0;
		margin: 0.5em 2em 0.5em 3em;
	}

	form.authelo div.SFErrorSummary li
	{
		color: #f00;
		font-weight: bold;
		list-style: none;
		padding-left: 0;
		margin-left: -2em;
	}


	form.authelo div.SFErrorSummary li a
	{
		font-size: .8em;
		color: #05c;
		margin-right: 2em;
	}

/* The form element label */

	form.authelo label
	{
		width: 12em;
		float: left;
		cursor: pointer;
		margin: 0em 1em 0em 0em;
		color: #196;
		text-align: left;

	}

/* Labels for radio buttons & checkboxes */
	form.authelo div.SFelemRadio label.lblradio, form.authelo div.SFelemRadio label.lblcheck
	{
		color: #585;
		margin: 0px;
		font-size: .85em;
		text-align: left;
	}

	form.authelo div.horiz label
	{
		display: inline;
		float:none;
		margin: 0px 1em 0px 0px;
	}

	/* Container for vertically stacked options */
	form.authelo div.vertical
	{
		float: left;
		margin: 0em 0em 0.7em 0em;
		padding: 0px;
		clear: right;
		width: 13em;
	}

	form.authelo div.vertical label
	{
		clear: left;
		display: block;
		width: 90%;
	}


	form.authelo div.SFelemCheckbox label, form.authelo label.inline
	{
		display: inline;
		float:none;
		margin: 0px 1em 0px 0px;
	}


/* The accesskeys, both in the elements labels and fieldset legends */

	form.authelo label .accesskey
	{
		text-decoration: underline;
		color: #196;
	}

	form.authelo legend .accesskey
	{
		/* IE only hack as FireFox doesn't support (!) fieldset accesskeys */
		_text-decoration: underline;
	}

	form.authelo label.lblradio .accesskey
	{
		font-size: 1em;
	}


/* Form elements */

	form.authelo div.SFelemText input:focus,
	form.authelo div.SFelemDate input:focus,
	form.authelo div.SFelemPassword input:focus,
	form.authelo div.SFelemTextarea textarea:focus

	{
		background-color: #ffffe1;
	}

	form.authelo input, form.authelo select, form.authelo textarea
	{
		color: #000;
		font-size: 100%;
	}

/* Date/time elements */

	form.authelo div.SFelemDate label.lblcheck
	{
		width: auto;
	}

/* The optional hint text */

	form.authelo .SFhint
	{
		clear: left;
		margin: 0.2em 0em 0em 1.4em;
		width: 26em;
		/*display: none;*/
	}

	form.authelo .SFhint p
	{
		border: none;
		font-weight: normal;
		font-size: 85%;
		font-family: verdana, arial, sans-serif;
		margin: 0em 0em 0em 0em;
	}



/* DBForm update,delete,cancel button group */
	#SFc_QFsubmit, #SFc_QFdelete, #SFc_QFcancel
	{
		display: inline;
	}

/* DBFORM Many to Many rel */
	div.SFelemMany2Many table
	{
		border-collapse: collapse;

	}

	div.SFelemMany2Many table td, div.SFelemMany2Many table th
	{
		border: 1px solid #ccc;
		padding: 4px;
	}

	div.SFelemMany2Many table td.attrib
	{
		text-align: center;
	}

	div.SFelemMany2Many table td.attrib input
	{
		width: 3em;
	}

/* END .css */


body,
html {
	margin:0;
	padding:0;
	background: #eee;
	color:#000;
	background:#DAD9D6;
}
body {
	text-align:center;
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
	background:#DAD9D6 url(bg-grad2.gif) repeat-y 50% 0;
}

#wrap {

	margin:0 auto;
	width:900px;

	padding: 0;
	text-align: left;
	background: #fff;

	border: 1px solid #bbb;
	border-top: 0;
}

/* graphs & flash demo are full width */
body#wapp_graphs #wrap, body#wapp_flashdemo #wrap
{
	width:auto;
	border: 0;
}

body#wapp_graphs #loggedin
{
	display: none;
}

#flashdemo
{
	text-align: center;
}

a img
{
	border: 0;
	border: 1px solid #fff;
}

a img:hover
{
	border: 1px dotted #44f;
}

/* Lists with headings */
	ul.hasheadings li
	{
		margin-bottom: 1em;
	}

	li strong.listheading
	{
		display: block;
	}


/* CRUMBTRAIL */
	#crumbtrail
	{
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #ddd;

		clear: both;
		text-align: left;
		background-color: #efefef;
		margin: 0;
		padding: 0px 5px 1px 5px;
		font-size: 11px;
		color: #666;
		position: relative;
	}

	#crumbtrail span.sec
	{
		color: #000;
	}

	h2#crumbtrail
	{
		text-align: right;
		font-weight: normal;
	}

/* AUTHELO STYLED FORMS */

	form.authelo fieldset
	{
		border: 1px solid #aaa;
	}

	form.authelo fieldset legend
	{
		border: 0px;
	}

	span.accesskey
	{
		text-decoration: underline;
	}

	form.authelo div.SFhint
	{
		width: 96%;
	}

	div.SFhint p
	{
		text-align: left;
	}

	form.authelo div.horiz label.lblradio
	{
		margin-right: 10px;
	}

	form.authelo label
	{
		width: 14em;
	}

	form.authelo div.sycreq label
	{
		background: transparent url(icons/required2.gif) no-repeat left;
		font-weight: bold;

	}

	form.authelo div.sycreq label.lblradio
	{
		margin-right: 10px;
		background-image: none;
	}


/* HEADER */
	#header
	{
		padding: 0;
		margin: 0;
	}

	#header h1
	{
		margin: 0;
		padding: 5px 0px 0px 0px;
	}

	#header img
	{
		margin-left: 12px;
	}


	/* POPUP */

		body.aspopup #wrap
		{
			width: auto;
			border: 0;
		}

		body.aspopup #main
		{
			margin-right: 5px;
		}

		body.aspopup #header
		{
			border-bottom: 1px solid #aaa;
			background-color: #ddf;

		}

		body.aspopup #header p
		{
			padding: 4px;
			margin: 0;
			font: bold 14px verdana;
			color: #990;
		}

		body.aspopup a.popupclose
		{
			float: right;
			position: relative;

			font-size: 12px;
			font-weight: normal;
		}
/* HOME PAGE */
	#wapp_home #main
	{
		padding:0;
	}

	#main #hpwrap
	{
		padding: 15px 0 15px 0px;
	}


	#main p#trynow a, #main p#whywormly a, #main p#featurelist a
	{
		background: transparent url(icons/arrow-right.gif) no-repeat left;
		padding: 3px 0 3px 22px;

		font-weight: bold;
		color: #c00;
	}

	#main p#whywormly a
	{
		background-image: url(icons/smallNA.png);
		color: #333;
	}

	#main p#featurelist a
	{
		background-image: url(icons/check2.gif);
		color: #333;
	}


	#main code
	{
		margin-left: 8px;
		padding: 1em 1em 1em 20px;
		display: block;
		background-color: #ddd;
	}

	/* new stuff */

	div.heroimage
	{
		float: right;
	}

	div.hpblast
	{
		margin: 0px 0 20px 0px;
		padding-left: 15px;
		clear: both;
	}

	#main #hpwrap p
	{
		font-family:georgia;
		font-size:16px;
		line-height: 1.4em;
		color: #333;
	}

	#main #hpwrap p a, #main #hpwrap p a:visited
	{
		color: #3252B2;
	}

	#hpspotlight
	{
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd;

		clear: both;
		width: 650px;
		margin-bottom: 27px;
	}

	#hpspotlight #logolink
	{
		float: right;
		margin-left: 1em;
	}

	#hpspotlight #logolink img:hover, #hpspotlight #logolink img
	{
		border: 0;
	}

	#main #hpspotlight p
	{
		font: normal 12px verdana;
		margin: 0 0 8px 2px;
	}

	#main #hpspotlight p.quote
	{
		font-size: 12px;
		font-weight: bold;
		color: #464;
	}





/* JOIN */
	form#signup
	{
		/*width: 700px;*/
	}

	form#signup #SFc_submit
	{
	}

	#SFc_iam
	{
		margin-bottom: 0px;
	}

	#SFc_iam #lbl4iam
	{
		float: left;
	}

	#SFc_iam label.lblradio
	{
		width: 16em;
		color: #777;
	}

	#SFc_iam label.lblradio input
	{
	}

form#welcome
{
	margin-left: 7px;
}

/* LOGIN BOX */
      	#loggedin
        {
        	padding-left: 10px;
                float: right;
                text-align: right;
                padding-right: 10px;
                padding-top: 8px;
        }

        #loggedin form, #loggedin p
        {
        	margin: 0px;
        }

        #loggedin p
        {
                margin: 0px;
                margin-top: 3px;
                font-size: 11px;
        }

        #loggedin p a
        {
        	text-decoration: none;
        }

        #loggedin p a:hover
        {
        	background-color: #fefebb;
        }

        #loggedin h4
        {
                margin: 0px;
                font-size: 13px;
                color: #036;
        }

        #loggedin #gologin
        {
        	padding-top: 14px;
			margin:0;
        }

/* LOST PASSWORD */
	p.idea
	{
		background: transparent url(icons/lightbulb.gif) no-repeat left;
		padding-left: 20px;
		margin-left: 23px;
		font-weight: bold;
		margin-bottom: 25px;
	}

/* LOGO */
	#header #logo
	{
		float: left;
		border-right: 1px solid #ddd;
		padding-right: 15px;
	}

	#header #logo a img
	{
		border: 0;
	}

/* NAV */
	#nav {
		background:#fff;
		position: relative;

		float: left;

	}
	#nav ul{
		margin:20px 0 0 20px;
		padding:0;
		list-style:none;

	}
	#nav li{
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		border-collapse: collapse;
		margin:0;
		float: left;
	}

	#nav li.first
	{
		border-left: 1px solid #eee;
	}

	#nav li a, #nav li a:visited
	{
		margin: 0px;
		display: block;
		padding: 2px 10px;
		font: bold 13px arial;
		text-transform: uppercase;
		text-decoration: none;
		color: #222;
	}

	#nav li a.on, #nav li a:visited.on
	{
		color: #04a;
	}

	#nav li a:hover
	{
		background-color: #900;
		background-image: none;
		color: #ccc;
	}


/* NOTIFICATIONS DIALOG BOXES */
	div#msgbox
	{
		padding:0.3em 1em 0.3em .5em;
		border: 1px solid #196;

		border-top-color: #ccc;
		border-left-color: #ccc;

		border-right-color: #999;
		border-bottom-color: #999;


		background: #ffffb1 url(icons/yellow-gradient2.png) repeat-x;
		width: 540px;
		cursor: pointer;

		margin: 1.5em auto 0 auto;
		display: block;
	}

	div#msgbox.biginfo
	{
		width: 47em;
	}

	div#msgbox.hover
	{
		background: #f9f9e9 url(icons/delete.gif) no-repeat top right;
	}

	div#msgbox h3
	{
		margin: 0px;
		padding: 0px;
		font-family: georgia, verdana, arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		padding: 7px 0px 9px 45px;
		color: #036;

		background-repeat: no-repeat;
		background-position: top left;
	}

	div#msgbox p, div#msgbox ul
	{
		margin: 0px;
		padding: 4px 1em 4px 46px;
		font-family: verdana, arial, sans-serif;
		color: #222;
	}

	div#msgbox p img
	{
		vertical-align: middle;
	}

	div#msgbox ul li
	{
		font-size: 12px;
	}

	div#msgbox.info h3
	{
		background-image: url(info.gif);
	}

	div#msgbox.warning
	{
		border-color: #cc0;
	}
	div#msgbox.warning h3
	{
		background-image: url(warning.gif);
	}

	div#msgbox.error
	{
		border-color: #aa0909;
		border-width: 1px;
	}

	div#msgbox.error h3
	{
		background-image: url(error.gif);
	}

/* New feature dialog */
	div#dialog-newfeature
	{
		background: #fefebb;
		background: #ffe3e3;
		font-size: 11px;
		text-align: center;
		padding: 2px 0;
		margin-bottom: 3px;
		border: 1px solid #eee;
		border-top: 0;
	}

/* CONTENT */
	#main
	{
		padding: 1em;
		clear: both;
	}

	#main h1
	{
		font-size: 18px;
		padding: 0px;
		margin: 0px;
		color: #287;
	}

	#main p, #main li, #msgbox p
	{
		font-size: 13px;
		line-height: 135%;
		margin-left: 7px;
	}


/* CONTENT BOXES */

	div#left66, div#joinLHS
	{
		float: left;
		width: 540px;
		padding-left: 2px;
		padding-top: 5px;
	}

	div#joinLHS
	{
	}


	div#right33
	{
		margin-left: 20px;
		float: left;
	}

	div.rightbox
	{
		padding: 5px;
		width: 290px;
		margin-top: 13px;
		padding: 0;
		background: #f2f2ff;
		border: 1px solid #ddd;
	}

	div.rightbox h2
	{
		font-size: 17px;
		color: #333;
		font-family: georgia, times new roman, serif;
		font-weight: normal;
		margin: 5px 5px 10px 5px;
		text-align: left;
	}

	div.rightbox h2.toolate
	{
		color: #a30;
		text-align: right;
	}

	div.rightbox.content h2
	{
		text-align: left;
		margin: 10px 7px 5px 7px;

	}

	div.rightbox.content.loveheart
	{
		background:#f2f2ff url(/images/heart-bg.gif) no-repeat center;
	}

	div.rightbox.content.loveheart p.quote
	{
		color: #000;
	}

	div.rightbox.content img.heartlove
	{
		float: right;
		margin-top: 2px;
	}

	div#right33 div.rightbox p
	{
		margin: 13px 9px 20px 9px;
		text-align: justify;
		font-size: 12px;
		line-height: 130%;
	}

	div.rightbox p strong
	{
		color: #090;
	}

	div.centerimage
	{
		text-align:center;
	}

	div.centerimage img
	{
		border: 1px solid #ddd;
	}


/* FORMS */
        div.formouter
        {
        	background: #f2f2ff;
        	width: 470px;
        	padding: 0px 0px 10px 0px;
        }

        div.formouter h3
        {
		font-size: 17px;
		margin:0 5px 0 5px;
		padding: 0 0 3px;
		background: #f2f2ff;

		color: #900;
		text-align: left;
        }

        div.forminner
        {
        	background: #fff;
        	margin: 0px 5px 0px 5px;
        }

	form.authelo
	{
	}

	form.authelo label
	{
		text-align: right;
		color: #335;
		font-family: arial;

	}

	form.authelo div.SFhint
	{
		text-align: right;
	}

	form.authelo div.SFelemSubmit
	{
		text-align: center;
	}

	h3.SFdivider
	{
		border-bottom: 1px solid #ccc;
		padding-bottom: 2px;
		margin-right: 3em;
		color: #090;
		position: relative;
	}

/* GRAPH PAGE GRAPHS*/

	form#graphperiodselector
	{
		margin-left: 15px;
	}

	form#graphperiodselector, form#graphperiodselector p, form#graphperiodselector select
	{
		display: inline;
	}

	form#graphperiodselector select
	{
		font-size: 12px;
	}

	div.gp_header
	{
		text-align: left;
		margin: 0 0 5px 0;
		background-color: #eef;
		border-bottom: 1px solid #fcc;
		font-size: 10px;
		color: #036;
		position: relative;
	}

	div.gp_header span.gp_summary
	{
		font-weight: bold;
		font-size: 13px;

	}

	div.gp_header a
	{
		font-size: 12px;
	}


	div.gp_header a.uptimereplink
	{
		margin-left: 20px;
		padding: 2px 0 2px 18px;
		background:transparent url(icons/uptime.gif) center left no-repeat;
		font-size: 11px;
	}

	div.graphcontainer h3
	{
		margin: 0;
		padding: 0;
		text-align: center;
		background-color: #ddd;
		cursor: pointer;
		font-size: 13px;
		font-family: verdana, arial, sans-serif;
		color: #333;
	}


	div.graphcontainer
	{
		margin: 5px 3px 3px 1px;
		background-color: #f2f2ff;
		float: left;
		padding: 0px;

	}

	div.graphcontainer img
	{
		margin: 12px;
		border: 1px solid #777;
	}

	div.graphcontainer span.controlpanel
	{
		position: absolute;
		right: 10px;
	}

	div.graphcontainer span.controlpanel a
	{
		display: none;
	}

	div.graphcontainer span.controlpanel img
	{
		border: 0;
		margin: 0;
		padding: 2px 0 0 0;
	}

	/* templates */
	.jstemplate
	{
		display: none;
	}


/* GRAPH CONTROL PANEL FLYOUT */
	div.flyoutholder
	{
		border: 1px solid #196;

		border-top-color: #999;
		border-left-color: #999;
		border-right-color: #666;
		border-bottom-color: #666;
		z-index: 1000;
	}

	div.flyoutholder h2
	{
		padding: 2px 2px 2px 4px;
		margin: 0px;
		height: 15px;
		font-size: 13px;
		color: #036;
	}

	div.flyoutinner
	{
		border: 1px solid #196;

		border-top-color: #ccc;
		border-left-color: #ccc;
		border-right-color: #999;
		border-bottom-color: #999;
	}

	#cpl_form_XX
	{
		display: none;
	}

	input.num_sml
	{
		width: 4em;
		margin-left: 5px;
	}

	.graph_cpl label
	{
		display: block;
		font-weight: bold;
		color: #888;
	}

	form.graph_cpl p
	{
		margin: 8px 2px 0px 2px;
		padding: 0;
	}

	form.graph_cpl span.violation
	{
		font-size: 80%;
		color: red;
		display: block;
		padding: 2px 0px 0px 0px;
		margin: 0;
	}

/* GRAPH MAIN CONTROL PANEL */
	div#maincpl
	{
		border: 2px solid #9b9;
		background-color: #eef;
		width: 330px;
		height: 91px;
		display: none;
		position: absolute;
	}

	div#maincpl p#maincpl_status
	{
		position: absolute;
		font-style: italic;
		top: 67px;
		font-size: 13px;
		font-weight: bold;
		padding: 2px;
		margin: 0px 2px 0px 0px;
		border-top: 1px solid #ccc;
		width: 99%;
		text-align: center;
	}

	#maincpl p.lbl
	{
		float: left;
		margin: 0 10px 0 4px;
		padding: 7px 2px 2px 2px;
		font-weight: bold;
		font-size: 11px;
		color: #333;
	}

	#track1
	{
		background-color: #eef;
		width: 222px;
		height:36px;
		background-image: url(slider-track.gif);
		background-repeat: no-repeat;
		float: left;
		cursor: pointer;
	}

	#handle1
	{
		width: 18px; height: 20px;
	}

	div#validation_msgs
	{
		display: none;
	}

	/* MAIN CPL BUTTONS */

	#maincplbuttons
	{
		clear: left;
		padding: 0;
		text-align: center;
	}

	#maincplbuttons input.SFbutton
	{
		font-size: 11px;
	}



/* FOOTER */
	#footer p.footer
	{
		border-top: 1px solid #bbb;

		margin: 0;
		margin-top: 4em;
		font-size: 10px;
		text-align: center;
		clear: both;
		color: #444;

		padding: 2px 0 2px 0;
	}


/* CHECKER SETUP */
	#SFc_cs_save, #SFc_cs_cancel, #SFc_cs_test
	{
		display: inline;
	}

	#wapp_checkersetup h3.SFdivider
	{
		margin:0;
		width: 14em;
		float:left;
		border: 0;
		padding-left: 3px;
	}

	#wapp_checkersetup div.horiz
	{
		background-color: #f2f2f2;
		margin-bottom: 4px;
	}

	#wapp_checkersetup div.SFelemRadio div.horiz
	{
		background-color: transparent;
	}

	#wapp_checkersetup  div.sgrpoff
	{
		border: 1px solid #ddd;
		border-top: 0;

		margin: 0 0 9px 0;
		padding: 5px 0 0 0;
	}

	#wapp_checkersetup h3.SFdivider a.helpme
	{
		text-decoration: none;
		color: #070;
	}

	#wapp_checkersetup h3#endofsensors
	{
		clear: both;
		float: none;
		margin-bottom:10px;
	}

	#wapp_checkersetup div#main p.footer
	{
		margin-top: 100px;
	}

	div.SFelemText.tny input
	{
		width: 4em;
	}

	div.SFelemText.huge input
	{
		width: 25em;
	}

	#wapp_checkersetup div.SFelemText,
	#wapp_checkersetup div.SFelemTextarea,
	#wapp_checkersetup div.SFelemPassword,
	#wapp_checkersetup div.SFelemSelect,
	#wapp_checkersetup div.SFelemDate,
	#wapp_checkersetup div.SFelemRadio,
	#wapp_checkersetup div.SFelemCheckbox
	{
		margin-bottom: 3px;
	}

	#wapp_checkersetup div.SFhint p
	{
		font-size: 11px;
	}


/* POLLER SETUP */
	#SFc_poll_submit, #SFc_poll_skip, #SFc_poll_showresp
	{
		display: inline;
	}

	#agenturl, #pollersetup #url
	{
		width: 22em;
	}

	p.bitinfo.agentoutdated
	{
		color: #900;
	}
	
	pre#pollerresponse
	{
		margin-left: 1em;
		width: 800px;
		height: 30em;
		overflow: scroll;
		background: #e3e3e3;
	}
	


/* HOST EDITING / VIEW HOST  edithost */
	#SFc_cc_submit, #SFc_cc_submit_return, #SFc_cc_cancel
	{
		display: inline;
	}

	div.memNarrow h2.host
	{
		padding: 0;
		margin: 0;
		border: 0;
		font: bold 21px arial;

		color: #333;
	}

	span.hostuid
	{
		color: #ccc;
		font-size: 12px;
	}

	h2.sensor
	{
		clear: left;
		background: #fff url(icons/sensor.gif) no-repeat 3px center;
		padding: 1px 5px 3px 32px;
	}

	div.ehfloater
	{
		padding: 0px;
		float: left;
		margin: 0;
		width: 48%;
	}

	table.hoststatus a.detlink
	{
		margin-left: 7px;
		text-decoration: none;
	}

	table.hoststatus a.detlink:hover
	{
		background-color: #ffc;
		text-decoration: underline;
	}


	a.recentfailure
	{
		font-weight: bold;

		color: #900;
	}



	h3.smallcaps
	{
		margin:0;
		padding: 1px;
		font: normal 0.9em verdana;
		color: #444;
		text-transform: uppercase;
		background: #ddd;
		text-align: center;

	}

	div.hostsensorconfig
	{
		padding-top: 1px;
	}

	div.hostsensorconfig div.reportnav
	{
		padding: 0px 0px 0px 5px;
		float: left;
		border-left: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 51%;
	}

	.reportnav h4
	{
		margin: 15px 30px 20px 0px;
	}

	.reportnav h4 a
	{
		text-decoration: none;
		background: url(icons/uptime.gif) no-repeat 4px center;
		padding: 11px 5px 11px 32px;
		font-size: 12px;
		color: #00c;
	}

	.reportnav h4.perf a
	{
		background-image: url(icons/chart24.gif);
	}

	.reportnav h4.avail a
	{
		background-image: url(icons/uptime24.gif);
	}

	.reportnav h4.downtime a
	{
		background-image: url(icons/clockpause24.gif);
	}

	.reportnav h4.publish a
	{
		background-image: url(icons/upload24.gif);
	}

	.reportnav h4.export a
	{
		background-image: url(icons/datadown24.gif);
	}

	.reportnav h4.alertrecips a
	{
		background-image: url(icons/alertrecip24.gif);
	}


	.reportnav h4.metrics a
	{
		background-image: url(icons/gauge.gif);
	}




	.reportnav h4 a:hover
	{
		background-color: #ffc;
	}

	table.hoststatus td
	{
		padding: 3px 7px 5px 2px;
	}

	table.hoststatus td.status
	{
		padding: 9px 5px 9px 42px;
	}

	table.hoststatus td.noerror
	{
		background: url(icons/bigtick.gif) no-repeat 4px center;
	}

	table.hoststatus td.error
	{
		background: url(icons/bigwarning.gif) no-repeat 4px center;
	}

	table.hoststatus td.checkeroff
	{
		background: url(info.gif) no-repeat 0px center;
	}

	table.hoststatus tr.btnsettings td
	{
		padding-top: 10px;
	}


	table.hoststatus tr th
	{
		padding-right: 15px;
		text-align: left;
	}

	/* SENSORS TABLE */
	table#sensorconfig td.failed, table#hostlist td.failed
	{
		background: url(icons/smallerror.png) no-repeat center left;
		padding-left: 22px;
	}

	table#sensorconfig td.passed, table#hostlist td.passed
	{
		background: url(icons/smallpass.gif) no-repeat center left;
		padding-left: 22px;
	}

	table#sensorconfig td.unknown, table#hostlist td.disabled
	{
		background: url(icons/smallNA.gif) no-repeat center left;
		padding-left: 22px;
		color: #999;
	}

	table#hostlist td.warning
	{
		background: url(icons/warning.png) no-repeat 0px 7px;
		padding-left: 22px;
	}

	/* tweak for the /members to get the icons nicely lined up */
	table#hostlist td
	{
		background-position: 0px 7px !important;
	}

	table#sensorconfig td.sensorcontainer
	{
		width: 280px;
	}

	td.sensorcontainer
	{
		font-size: 0.8em;
	}

	td.sensorcontainer span.eipcontainer
	{
		color: #333;
		font-size: 1.35em;
		display: block;
		padding: 4px 0 5px 0;
		font-weight: bold;
	}

	table#sensorconfig td.actions a img
	{
		margin-top: 3px;
	}

	/* health monitoring rules */
		table#hmrules td
		{
			padding: 6px 3px;
		}

		table#hmrules td.cond
		{
			font-size: 0.8em;
			color: #000;
		}

		table#hmrules td.cond span
		{
			display: block;
			font-size: 1.3em;
			font-weight: bold;
			color: #333;
			padding-bottom: 2px;
		}

		table#hmrules tr.breach td.obs, table#hmrules tr.breach td.bre
		{
			font-weight: bold;
			color: #900;
		}

		table#hmrules td.obs
		{
			background: url(icons/smallpass.gif) no-repeat center left;
			padding-left: 22px;
		}

		table#hmrules tr.breach td.obs
		{
			background-image: url(icons/warning.png);
		}


	/* tab bar tabs */
		table#hosttabhead
		{
			width: 100%;
			border-bottom: 2px solid #555;
			border-collapse: collapse;
		}

		table#hosttabhead td.tabholder
		{
			margin: 0;
			padding: 0;
			display: none;
		}

		div.tabpanel
		{
			width: 100%;
			clear: both;
		}


		#modetabs
		{
			float: right;
			list-style: none;
			margin: 0;
		}

		#modetabs li
		{
			float: left;
		}

		#modetabs a
		{
			display: block;
			padding: 5px 8px;
			margin: 0 0 0 6px;
			background-color: #DCDCDC;
			text-decoration: none;
			color: #999999;
		}

		#modetabs a.active-tab {
			background-color: #3e3e3e;
			color: #ccc;
		}

		#modetabs a.error
		{
			background-image: url(icons/warning.png);
			background-repeat: no-repeat;
			background-position: 7px 7px;
			padding-left: 29px;
		}





/* edit in place */
	img.eipaction
	{
		padding: 0px 4px 0 4px;
		vertical-align: middle;
		cursor: pointer;
	}

	em.eipwait
	{
		color: #009;
		font-weight: bold;
	}

/* MEMBERS (general styles) */

	/* container for most members pages */
	div.memNarrow
	{
	}

	div.memNarrow h2, div#joinLHS h2
	{
		font: bold 18px arial;

		color: #333;
		border-bottom: 1px dotted #bbb;
		margin: 0px 0 8px 0;
		margin-right: 10px;

	}

	div.memNarrow div.tute h2, #wapp_plans #left66 h2
	{
		font: normal 18px arial, sans-serif;
		margin-left: 2px;
		color: #036;
	}


	th.action
	{
		background-color: #cec;
	}

	table
	{
		font-size: 12px;
	}

	table.memtable
	{
		width: 97%;
		border-collapse: collapse;
		clear: both;
	}


	/* all boxed content */
	div.actions, table.memtable
	{
		border: 1px solid #ddd;
		margin: 5px;
	}

	div.actions
	{
		display: block;
		width: auto;
		float: left;
		padding: 5px 5px 5px 27px;
		background: #dfd url(wrench.gif) no-repeat 3px center;
		margin-top: 10px;
	}


	table.memtable td, table.memtable th
	{
		padding: 3px;
		text-align: left;
	}

	table.memtable tbody tr td
	{
		border-top: 1px solid #ddd;
	}

	table.memtable tbody.tight td
	{
		padding: 0;
		border: 0;
	}

	table.memtable .spacious
	{
		padding: 8px 0;
	}

	table.memtable thead th
	{
		color: #036;
		background-color: #fefebb;
	}

	/* prevent the appearing-checkbox flicker */
	table.memtable thead th input
	{
		margin-top: 0px;
		margin-bottom: 0px;
	}

	table.memtable tbody tr td a.edithost
	{
		display: block;
		color: #3252B2;
		border: 1px solid #fff;
		padding: 4px;
	}

	table.memtable tbody tr td a.edithost:hover, table.memtable tbody tr.altrow td a.edithost:hover, table.memtable tr.altrow td.actions a img:hover
	{
		color: #c00;
		border: 1px dotted #777;
		text-decoration: none
	}

	table.memtable td.actions a
	{
		margin-right: 6px;
	}

	table.memtable td.actions a img
	{
		opacity: 0.8;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
		padding: 5px 4px 3px 4px;
	}

	table.memtable td.actions  a:hover img
	{
		opacity: 1;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
		border: 1px dotted #777;
	}

	table.memtable tr.altrow td
	{
		background-color: #eee!important;
	}

	table.memtable tbody tr.altrow td a.edithost, table.memtable tr.altrow td.actions a img
	{
		border-color: #eee;
	}


	p.clearer
	{
		clear: both;
	}

	a.SFbutton.stdBtn
	{
		width: 9em;
	}

	a.SFbutton img.add
	{
		border: 0;
		vertical-align: bottom;
		margin-right: 5px;
	}

	p.bitinfo, p.bitquestion
	{
		background: #ffd url(info-sm.gif) no-repeat center left;
		padding-left: 20px;
		color: #555;
	}

	#main p.bitinfo
	{
		margin-left: 0;
	}

	p.bitquestion
	{
		font-weight: normal;
		background: #ffd url(icons/helpme.gif) no-repeat center left;
		padding-left: 18px;

	}

	a.addlink, a.addlink:visited, a.rhsaddbutton, a.rhsaddbutton:visited, a.findlink
	{
		background: transparent url(icons/add.gif) no-repeat 0px 5px;
		padding: 5px 15px 5px 20px;
		font-weight: normal;
		color: #3252B2;
	}

	a.findlink
	{
		background-image: url(icons/find.gif);
	}

	a.rhsaddbutton, a.rhsaddbutton:visited
	{
		background-position: 8px 5px;
		padding-left: 28px;
		font-size: 12px;
		float: right;
		margin-right: 10px;
	}

	table#atargsetup a.rhsaddbutton
	{
		float: none;
	}

	table#sensorconfig a.rhsaddbutton
	{
		background-color: transparent;
	}

	a.rhsaddbutton:hover
	{
		background-color: #FEFEBB;
	}
	
	/* members host search box */
		form#searchhosts
		{
			margin: 0;
			padding: 0;			
		}
		
		form#searchhosts span.hostsearchbox
		{
			font: normal 12px arial;
		}
		
		form#searchhosts span.hostsearchbox input
		{
			margin-left: 250px;
			color: #666;
			width: 180px;
		}


/* MEMBER ALERTS */
	div.memberalert
	{
		width: 350px;
		background-color: #cfc;
		border: 1px solid #900;
		color: #333;
		padding: 5px;
	}

/* VIEW FAILURES */
	p#daterange
	{
		padding: 0;
		margin: -5px 0 1.3em 2px;
		font-size: 11px;
	}

	#testhistory tr.splitgroup td
	{
		padding: 3px;
		background-color: #dfd;
		font-size: 2px;
	}

	#testhistory tr.expand td
	{
		border: 0;
		padding: 1px;
	}

	#testhistory tr.splitgroup td.inserted
	{
		border-top: 1px solid #333;
	}

	#testhistory tr td.inserted
	{
		border: 0;
		background: #fff;
		border-right: 1px solid #333;
	}

	#testhistory tr td.toggler
	{
		/*border: 1px solid black;*/
		padding: 0px;
	}

	#testhistory tr td.toggler a
	{
		text-decoration: none;
		padding: 1px 5px 1px 5px;
		background: #888;
		color: #fff;
		font-weight: bold;
		font-family: courier, serif;
		margin: 0;
	}

	#testhistory tr td.toggler a:hover
	{
		background-color: #900;
	}

/* DAILY REPORTS */

	div#informational_box
	{
		border:2px dotted #FFDDDD;
		margin:15px 25px 10px 5px;
		padding:5px 8px 5px 45px;
		background: #FFF0CC url(icons/lightbulb_on.gif) no-repeat 6px 20px;

		width: 798px;
	}

	div#informational_box p
	{
		margin: 0 0 10px 0;
		font: normal 13px arial;
		line-height: 150%;
		color: #333;
	}

	div#informational_box p.last
	{
		margin: 0;
	}

	#main p.slareport_nav
	{
		background: #eee;
		padding: 5px;
		margin: 0 20px 8px 3px;
		color: #999;
		font-size: 11px;
		width: 845px;
	}

	p.slareport_nav span.current
	{
		font-weight: bold;
		font-size: 14px;
		color: #036;
	}

	p.slareport_nav a.SFbutton
	{
		margin-right: 8px;

	}

	p.slareport_nav a.perfgraphlink
	{
		margin-left: 20px;
		padding-left: 18px;
		background:transparent url(icons/perf.2.gif) center left no-repeat;
	}

	table#slareport
	{
		width: 855px;
	}

	#slareport tr.fail td
	{
		background-color: #fdd;
	}

	#slareport tr.fail td.details
	{
		text-align: center;
	}

	#slareport tr.totals td
	{
		background-color: #e7e7e7;
		font-weight: bold;
		padding-bottom: 4px;
		border-top: 1px solid #888;
	}

	#slareport tr.totals td.legend
	{
		text-align: center;
	}


/* NICE TITLES */
	/* Fading Tooltips */

	div#ttShadow.toolTip
	{
		background-color: #888;
		border: 0;
		z-index:999;
	}

	div.toolTip
	{
		margin: 0px 0px 0px 0px;
		background:#ffffe1;
		border:1px solid #222;
		padding:2px 4px 2px 4px;
		position:absolute;
		text-align:center;
		z-index:1000;
	}

	div.toolTip p
	{
		margin:0;
		padding:0;
		color:#333;
		font:11px verdana,arial,serif;
	}

	span.hover
	{
		border-bottom: 1px dotted #555;
		padding-bottom: 1px;
		cursor: help;
	}

/* CUSTOMERS */
	div.custSection
	{
		padding: 13px 4px 13px 4px;
		border: 2px dashed #ddd;
		margin: 8px 0px 8px 10px;
		text-align: center;
		float: left;
		margin-right: 10px;
	}

	div.custSection div img
	{
		padding: 10px 45px 10px 45px;
	}

	div.custSection a
	{
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}

/* SETTINGS APP */
	div.appSettings h4
	{
		padding: 0;
		margin: 0.5em 0 0 0;
	}

	h4 a:hover
	{
		background-color: #ffa;
	}

	#main div.appSettings p
	{
		padding: 0;
		margin: 0;
	}

	div.apsItem, div.freetoolsitem
	{
		background: url(icons/settings-users.gif) no-repeat 4px center;
		padding: 5px 5px 5px 48px;
		border: 1px dashed #ddd;
		width: 100%;
		margin: 5px 0px 5px 10px;
	}

	div.freetoolsitem
	{
		padding-left: 60px;
		margin-bottom: 13px;
	}

	div#apsAlertLev
	{
		background-image: url(icons/settings-alev.gif);
	}

	div#apsAlertUTarget
	{
		background-image: url(icons/settings-utar.gif);
	}

	div#apsProfile
	{
		background-image: url(icons/settings-prof.gif);
	}


/* ALERT TARGET SETUP */
	table#atargsetup
	{
		width: 100%;
	}

	fieldset#atsetup_open
	{
	}

	table#atargsetup td, table#atargsetup th
	{
		font-size: 13px;
	}

	#wapp_atsetup option.custom
	{
		font-weight: bold;
	}

	#wapp_atsetup div.SFelemSubmit
	{
		text-align: center;
	}

	table#atargsetup tr#afterline th
	{
		font-size: 11px;
		font-weight: normal;
		padding: 0 0 0 2px;
	}

/* SETTINGS -> CONTACTS */
	#SFc_mcontact_submit, #SFc_mcontact_cancel, #SFc_mcontact_delete
	{
		display: inline;
	}


	#contactslist tr.splitgroup td
	{
		padding: 3px;
		background-color: #dfd;
		border-top: 0;
		font-size: 2px;
	}

	tr td.channelid
	{
		width: 16px;
	}

	tr.channel_2 td.channelid, span.personchannel_2
	{
		background: url(icons/channel_2.png) no-repeat center left;
	}

	tr.channel_1 td.channelid, span.personchannel_1
	{
		background: url(icons/channel_1.png) no-repeat center left;
	}

	tr.channel_3 td.channelid, span.personchannel_3
	{
		background: url(icons/channel_3.png) no-repeat center left;
	}

	tr.channel_4 td.channelid, span.personchannel_4
	{
		background: url(icons/channel_4.gif) no-repeat center left;
	}

	tr.channel_5 td.channelid, span.personchannel_5
	{
		background: url(icons/channel_5.gif) no-repeat center left;
	}

	tr.channel_6 td.channelid, span.personchannel_6
	{
		background: url(icons/channel_6.gif) no-repeat center left;
	}
	
	tr.channel_7 td.channelid, span.personchannel_7
	{
		background: url(icons/channel_7.gif) no-repeat center left;
	}
	

	#atargsetup td.channelid
	{
		padding: 0 1px 0 2px;
	}

	table#contactslist td
	{
		border: 0;
		padding: 3px 2px 3px 2px;
	}

	#wapp_contacts h3.SFdivider
	{
		background: transparent url(icons/channel_1.png) no-repeat center left;
		padding-left: 23px;
		color: #036;
	}

	#wapp_contacts #chandiv2 { background-image: url(icons/channel_2.png); }
	#wapp_contacts #chandiv3 { background-image: url(icons/channel_3.png); }
	#wapp_contacts #chandiv4 { background-image: url(icons/channel_4.gif); }
	#wapp_contacts #chandiv5 { background-image: url(icons/channel_5.gif); }
	#wapp_contacts #chandiv6 { background-image: url(icons/channel_6.gif); }
	#wapp_contacts #chandiv7 { background-image: url(icons/channel_7.gif); }


	#wapp_contacts input.chtest
	{
		margin-left: 10px;
	}



/* BILLING */
	#costsummary
	{
		border: 1px solid #ddd;
		margin: 5px 5px 10px 5px;
		width: 97%;
	}

	#costsummary td, #costsummary th
	{
		padding: 3px 6px 3px 6px;
	}

	#costsummary th
	{
		background-color: #ddf;
	}

	#costsummary tr.balance th
	{
		background-color: #eee;
	}

	#costsummary tr.balance td
	{
		color: #090;
	}

	#costsummary tr.balance td.negative
	{
		color: #f00;
	}

	#billingstates tr.currentstate td
	{
		background-color: #dfd;
	}

	#billingstates td.alloff
	{
		text-align: center;
		font-style: italic;
	}

	#billingstates tr.counts th
	{
		font-weight: normal;
	}

	#billingstates tr.counts td
	{
		border-right: 1px solid #ddd;
		width: 13px;
	}

	#activatenow
	{
		background-color: #ff9;
		padding: 4px;
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}

	#activatenow p.hasbutton
	{
		text-align: center;
	}

	p.invlink
	{
		margin-bottom: 15px;
		background: transparent url(icons/new_page.gif) no-repeat left;
		padding-left: 20px;
	}

	h2#changehist
	{
		margin-top: 10px;
	}

/* PRICING */
	table#servicecharges
	{
		margin-bottom: 15px;

	}

	table#servicecharges td, table#notifyrates td
	{
		font-size: 11px;
	}

	table#notifyrates td.zero
	{
		color: #999;
	}

	#wapp_pricing .freebie
	{
		color: #090;
	}



/* INVOICE LIST */
	table#invoices
	{
		margin-bottom: 30px;
	}

	table#invoices td.paid
	{
		color: #090;
	}

	table#invoices td.overdue
	{
		color: #d00;
		font-weight: bold;
	}
	
	table#invoices tr.prepay td
	{
		background: #eee;
	}

/* prepayment */
	form#prepay input#amount
	{
		width: 5em;
	}
	
	form#prepay input#description
	{
			width: 25em;
	}
	
/* PAY INVOICE */
	#invoice
	{
		width: 600px;
		border: 1px solid #333;
		background-color: #f0f0f0;
		margin-bottom: 3em;
		margin-top: 15px;
		padding-top: 6px;
	}

	#invoice p.invnum
	{
		float: right;
		margin-right: 5px;
		width: auto;
	}

	#invoice p.invperiod
	{
		font-weight: bold;
		width: auto;
	}

	#invoice div.invitems
	{
		width: 100%;
		border-top: 1px solid #333;
		padding: 10px 0 10px 0;
	}

	#invoice div.invitems p
	{
		margin: 0 10px 0 10px;
	}

	#invoice div.invitems p label
	{
		width: 240px;
		font-weight: bold;
		float: left;
		color: #446;
	}

	#invoice div.invitems p.total
	{
		margin-top: 3px;
		border-top: 1px solid #ccc;
	}

	#invoice div.invitems p.balance
	{
		margin-top: 20px;
		color: #090;
	}

	#invoice div.invitems p.payable
	{
		margin-top: 20px;
	}

	#invoice div.invitems p .payamnt
	{
		text-decoration: underline;
		font-weight: bold;
		font-size: 16px;
	}

	#invoice div.invitems p.payable label
	{
		text-decoration: none;
		color: #454;
	}

	#invoice p.paynow
	{
		text-align: center;
		margin-bottom: 15px;
	}

	#invoice p.complete
	{
		font-weight: bold;
		color: #363;
	}

/* Activate, PRICING PLANS */
	#activateactions
	{
		text-align: center;
		padding-top: 10px;
	}

	#activateactions img
	{
		margin-top: 25px;
	}

	#pricingplans thead th
	{
		background-color: #ddd;
		padding: 5px;
	}

	#pricingplans
	{
		width: 100%;
		margin-bottom: 20px;
	}

	#pricingplans tbody tr td
	{
		padding: 9px 0 9px 3px;
	}

	#pricingplans tbody th
	{
		background-color: #eef;
		padding-left: 3px;
	}

	#pricingplans tr.prices td
	{
		font-weight: bold;
		color: #090;
	}

	#pricingplans tr.getdetails td
	{
		background-color: #eee;
	}

	#pricingplans tr.getdetails a
	{
		font-size: 11px;
	}

	#pricingplans tr.signups a, #pricingplans tr.freetrials a
	{
		display: block;
		background: #ffe640;
		font-size: 16px;
		font-weight: bold;
		padding: 4px;
		text-align: left;
		color: #99001D;
		text-decoration: none;
	}

	#pricingplans tr.freetrials a
	{
		background: #ffee90;
	}

	#pricingplans tr.signups a:hover, #pricingplans tr.freetrials a:hover
	{
		background: #bb9;

	}

	#wapp_plans div#left66.memNarrow
	{
		width: 620px;
	}

	#wapp_plans #left66 h2
	{
		clear: both;
		margin-top: 25px;
	}

	#wapp_plans #left66 h2.first
	{
		margin-top: 0px;
	}

	#wapp_plans div.memNarrow  p img.rightimage
	{
		margin-bottom: 15px;
	}

	#main div.rightbox.content.clear
	{
		background-color: #fff;
	}

	#main div.rightbox.content.clear div.custspotlightimg
	{
		border: 0;
	}


	#wapp_plans #main div.rightbox.content.clear
	{
		width: 185px;
		margin-left: 12px;
	}

	#main div.rightbox.content.clear h2
	{
		margin: 2px 0 0 2px;
		color: #e60;
		font: bold 15px verdana;
	}



	#main div#right33 div.rightbox.content.clear p
	{
		margin: 4px 3px 10px 3px;
	}

	#main div.rightbox.content.clear p.seal
	{
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#morepower p
	{
		padding-bottom: 10px;
	}

	#wapp_home div#hprightcol p.seal
	{
		text-align: center;
		margin: 7px 0 0 0;
		padding: 0;
	}


	#wapp_plans div.rightbox table#included
	{
		font-size: 10px;
		margin: 4px 0px 10px 1px;
	}

	table#included td
	{
		border-bottom: 1px solid #ddd;
	}

	table#included tr.firstrow td
	{
		border-top: 1px solid #ddd;
	}

	table#included td img
	{
		vertical-align: middle;
	}

	/* BUY BUTTONS */
	div.actionpoints
	{
		clear: right;
		display: block;
		background: #ffe640;
		text-align: center;
		padding: 8px;

		margin: 10px 0 5px 0;
		font-size: 12px;
	}

	#main div.actionpoints h3
	{
		font: 17px verdana, arial, sans-serif;
		margin: 0;
	}

	#main div.actionpoints a:visited, #main div.actionpoints a
	{
		font-size: 19px;
		font-weight: bold;
		color: #99001D;
	}

	#main div.actionpoints a:hover
	{
		color: #686;
	}

/* Landing pages */
	#wapp_plans div.forminner
	{
		padding: 5px 5px 45px 10px;
		background-color: #f5f5f5;
	}

/* All submit buttons  */
	p.hasbutton
	{
		padding-top: 3px;
		padding-bottom: 3px;
	}

	a.SFbutton
	{
		border: 1px solid #003c74;
		background: transparent url(button-grad2.png) repeat-x 0px 1px;
		color: #333333;

		text-decoration: none;
		cursor: pointer;

		padding: 1px 5px 2px 5px;
	}

	a.SFbutton:active
	{
		padding: 1px 4px 2px 6px;
		background: #ddd;
		background-image: none;
	}

	a.SFbutton:hover
	{
		background: #CFCED2 url(button-grad2-on.png) repeat-x 0px 1px;
	}

	a.SFbutton, input.SFbutton, button.SFbutton
	{
		font-size: 12px;
		font-weight: normal;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		cursor: pointer;
	}

/* Contextual help */
	a.helpme
	{
		background: transparent url(icons/helpme.gif) no-repeat center right;
		padding-right: 18px;
	}

	a.helpme.L
	{
		background: transparent url(icons/helpme.gif) no-repeat center left;
		padding-left: 18px;
		padding-right: 0;
	}

	a.helpme:hover
	{
		color: #900;
	}

/* HELP APP / TUTORIALS */

	div.memNarrow div.tute
	{
		margin-top: 0;
		width: 545px;
		margin-left: 6px;
	}

	body.aspopup div.memNarrow div.tute
	{
		width: auto;
	}

	div.tute h2 a
	{
		text-decoration: none;
		color: #940;
	}

	div.tute h2 a:hover
	{
		text-decoration: underline;
	}

	div.tute ul
	{
		list-style-image: url(icons/bullet.gif);
	}

	div.tute p
	{
		text-align:justify;
	}

	div.tute p.centerimage
	{
		text-align: center;
	}

	#main div.tute h3
	{
		font-size: 13px;
		color: #333;
		margin-left: 7px;
	}

	#main div.tute p.therefore
	{
		margin-left: 3em;
		font-style: italic;
		padding-left: 20px;
	}

	p.therefore.sms
	{
		background: url(icons/channel_2.png) no-repeat center left;
	}

	p.therefore.icq
	{
		background: url(icons/channel_4.gif) no-repeat center left;
	}

	p.therefore.email
	{
		background: url(icons/channel_1.png) no-repeat center left;
	}

	div.panel
	{
		border: 1px solid #aba;
		margin-left: 7px;
		background-color: #f8f8f8;
	}

	div.tute div.graphlist
	{
		float: left;
		width: 40%;
	}


	div.tute div.graphlist ul li
	{
		margin-bottom: 2px;
	}

	div.tute div.graphlist ul
	{
		margin-bottom: 0;
	}


	div.tute div.graphlist p
	{
		margin:0;
	}

	div.tute img.inlineimg, div.answersolution img.inlineimg
	{
		border: 1px solid #ccc;
		margin: 7px 0 7px 0;
	}

	div.tute a:hover img.inlineimg
	{
		border: 1px dotted #900;
	}


	p img.rightimage
	{
		margin: 2px 0px 2px 14px;
		border: 1px solid #ccc;
		float: right;
	}

	/* Right Boxes */
	#main div.rightbox.content
	{
		width: 200px;
		padding: 5px 8px 5px 5px;
		margin-left: 50px;
		margin-bottom: 20px;
	}

	#main #right33 div.rightbox.content p
	{
		font-size: 11px;
	}

	#main div.rightbox.content p.quote
	{
		text-align: left;
		margin-left: 13px;
	}

	#main div.rightbox.content p.hasbutton
	{
		text-align: center;
	}

	/* Customer spotlight */
	div.custspotlightimg img:hover, div.custspotlightimg img
	{
		border: 0;

	}

	div.custspotlightimg
	{
		text-align: center;

		border: 1px solid #999;
		margin: 2px 8px 0 8px;
		padding: 3px 0 0 0;

		background: #fff;
	}

	/* See also */
	div.tute ul.tutoriallist li
	{
		margin-bottom: 0.5em;
		margin-left: 13px;
		padding-left: 5px;
	}


	#main div.tute ul.tutoriallist li
	{
		list-style-image: url(icons/document.gif);
	}

	#main div.tute ul.tutoriallist li a
	{
		font-weight: bold;
		color: #036;

	}

	div.tute ul.tutoriallist li span.description
	{
		font-size: 12px;
		color: #444;
		display: block;
		margin-top: 3px;
		width: 70%;
	}

	/* Tutorial signup box */
	div.tute div#trywormly
	{
		border: 2px dotted #fdd;
		background-color: #FFFFBB;
		padding: 10px;
		margin: 15px 0px 25px 6px;
	}

	div.tute div#trywormly h3
	{
		margin: 0;
		font: bold 18px georgia, "times new roman", serif;
		color: #530;
	}

	div.tute div#trywormly p
	{
		color: #000;
	}
/* FREE TOOLS */

	ul.rhs_list
	{
		margin: 0;
		list-style-type: none;
		padding: 0;
	}

	ul.rhs_list li
	{
		padding: 1px 0px 1px 3px;
		background: #ffd;
		margin-bottom: 1px;
	}

	ul.rhs_list li a
	{
		font-size: 11px;
	}

	/* ADS on RHS */
	#rhstoolad
	{
		background-color: #FFFa99;
		border:2px dotted #FFDDDD;
	}

	#right33 #rhstoolad p
	{
		text-align: left;
	}

	#rhstoolad h2
	{
		color: #e00;
	}

	#rhstoolad img.rightimage
	{
		border: 0;
	}


/* admin stuff */
	#wapp_admin_users table.memtable td
	{
		padding: 0;
	}

	#wapp_admin_users table.memtable tr.activated td
	{
		background: #fd9;
	}

	/* overriding line 252 */
	#wapp_admin_feedback form.authelo div.SFelemCheckbox label
	{
		float: left;
	}

	#wapp_admin_feedback form.authelo div.SFelemCheckbox div.horiz label
	{
		width: auto;
	}

/* publish uptime stats */
	#badgestyles p
	{
		margin-left: 15px;
	}

	#badgestyles p.steps
	{
		font-weight: bold;
		margin-left: 5px;
	}

	#badgestyles p.badgesamples label
	{
	}

	#badgestyles p.badgesamples img
	{
		vertical-align: middle;
	}

	#uptimeurl
	{
		width: 25em;
	}

	ul.badge_list
	{
		list-style:none;
		margin-left: 10px;
		padding-left: 0;

	}

	div.clearfloats p
	{
		clear: both;
	}

	ul.badge_list li
	{
		margin:0 0 5px 0;
		float: left;

		border: 1px dotted #aaa;
/*
		border-right: 0;
		border-left: 0;
*/

		padding: 2px 0 0 0;

		width: 110px;
		height: 90px;
		text-align: center;
		vertical-align: middle;
	}


/* features matrix */
	table#features
	{
		width: 100%;
		font: normal 12px arial;
		margin: 20px 0 20px 2px;
		border-collapse: collapse;
	}

	table#features th
	{
		font-size: 13px;
		padding: 6px 2px 6px 2px;
		white-space: nowrap;
		text-align: left;

	}

	a.spansimg
	{
		text-decoration: none;
	}

	a.spansimg img, a.spansimg img:hover
	{
		border: 0;
	}

	table#features td
	{
		margin: 0;
		padding: 2px;
	}

	table#features tr.fcat td, table#features tr.fcat th
	{
		border-top: 1px solid #ccc;

	}

	table#features th.windows, table#features th.linux
	{
		background: transparent url(icons/windows.gif) no-repeat 5px 10px;
	}

	table#features th.linux
	{
		background-image: url(icons/linux.gif);
	}

	table#features tr.fsub1 th
	{
		padding-left: 4ex;
		font-weight: bold;
	}

	table#features td.tick
	{
		width: 40px;
		background: transparent url(icons/check2.gif) no-repeat center;
	}

/* CHI form */
	#wapp_updatechi p#securitynotice, #wapp_pay_wp p#securitynotice,  #wapp_activate p#securitynotice
	{
		background: #FFF0CC url(icons/secure_lock.gif) no-repeat center left;
		padding-left: 35px;
		width: 500px;

		border:2px dotted #FFDDDD;
		margin:15px 25px 10px 5px;
		padding:5px 8px 5px 45px;

	}


	#wapp_updatechi  #address, #wapp_pay_wp  #address, #wapp_activate  #address
	{
		width: 20em;
	}
	
/* invoice payment pay_wp */
	#wapp_pay_wp table#services
	{
		width: 95%;
		margin-left: 10px;
	}
	
	#wapp_pay_wp table#services td
	{
		padding: 5px;
	}

/* testimonials */
	#main div.testimonial
	{
		background-color: #f6f6f6;
		padding-bottom: 15px;
		margin-bottom: 30px;
	}

	#wrap #main div.testimonial p.quote
	{
		font-size: 16px;
		color: #036;
		font-family: georgia, times new roman, serif;
		padding: 2px 25px 2px 20px;
		line-height: 150%;

	}

	div.testimonial p.quote img.left
	{
		margin-right: 2px;
	}

	div.testimonial p.quote img.right
	{
		margin-left: 4px;
	}

	div.testimonial p.signature
	{
		padding: 2px 2px 2px 6px;
		font: normal 12px verdana, arial;
		color: #111;
		background-color: #C0D0E0;
		margin-left: 0;
	}

	div.rightbox p.quote
	{
		font-style: italic;
		color: #050;
	}

/* developers wormly api wapi */
	code strong
	{
		color: #c00;
	}

	code.pre
	{
		white-space:pre;
		margin-bottom: 1em;
	}

	div.wapitoc
	{
		float: right;
		background:#F2F2FF none repeat scroll 0% 50%;
		border:1px solid #DDDDDD;
		padding: 5px 15px 5px 5px;
		margin: 0 0 0 1em;
	}

	div.wapitoc ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	div.wapitoc ul li
	{
		margin-bottom: 0.4em;
		font-weight: bold;
		background:transparent url(icons/arrow-right.gif) no-repeat scroll left center;
		padding-left: 20px;
	}

	div.wapitoc ul li a
	{
		font-size: 0.85em;
	}

	dl
	{
		font-size: 0.9em;
		margin-left: 0.2em;
	}

	dl dt
	{
		font-weight: bold;
	}

	dl dd
	{
		margin-bottom: 1em;
	}

	table.memtable.apiparams
	{
		width: 98%;
		margin: 0 0 1.5em 0;
	}

	table.apiparams tr.arraymember td.param
	{
		padding-left: 1.5em;
	}

	table.apiparams td.arrayheader
	{
		text-align: center;
		background: #eee;
		font-style: italic;
	}

	span#apitestlink a
	{
		font-size: 0.6em;
		background: #ff0;
		padding: 2px;
		margin-left: 4em;
	}

	/* API explorer form */
	form#api_explorer div.SFelemText label, form#api_explorer div.SFelemSelect label
	{
		font-weight: bold;
		/*text-align: left;*/
		/*width: 5.5em;*/
	}

	form#api_explorer div.SFhint p, form#api_explorer div.SFhint
	{
		margin-left: 0;
	}

/* hosthm health metrics monitoring */

	table.hosthealthmetrics
	{
		margin-bottom: 1em;
	}

	table.hosthealthmetrics tr.rules td.ruledesc
	{
		padding-left: 2em;
		color: #888;
	}

	table.hosthealthmetrics thead th.metric
	{
		width: 330px;
	}

	table.hosthealthmetrics thead th.value
	{
		width: 200px;
	}

	table.memtable.hosthealthmetrics td
	{
		border: 0;
		padding: 5px 3px;
	}

/* new homepage */
		#hpwrap p.first
		{
			margin:0 4px;
		}

		#hpform
		{
			float: right;
			width: 350px;
			padding: 0;
			margin: 0.5em 0 1.2em 1.5em;
			background: #f2f2f2 url(/images/14-day-trial-seal.png) 185px 45px no-repeat;
			border-left: 1px solid #ccc;
		}


		#hpform form#signup
		{
			margin: 0;
			margin-left: -1px;
			background: transparent url(/images/home/round-tr.png) top left no-repeat;
			padding: 1em 1.3em;

		}

		#hpform form#signup label
		{
			text-align: left;
			background: none;
			float: none;
			display: block;
			margin-bottom: 2px;
		}

		#hpform form.authelo div.SFelemText,
		#hpform form.authelo div.SFelemTextarea,
		#hpform form.authelo div.SFelemPassword,
		#hpform form.authelo div.SFelemSelect
		{
			margin-bottom: 0;
		}

		#hpform form.authelo div.SFelemSubmit
		{
			text-align: left;
		}

		#hpwrap p strong
		{
			background: #FFFFbb;
			font-weight: normal;
		}

		#main #hpform p.promise
		{
			font: normal 11px verdana, arial;
			margin: 0 0 0 -1px;
			padding: 0 1em 1.3em 1.6em;
			background: transparent url(/images/home/round-bl.png) bottom left no-repeat;
		}

		#main #hpform p.promise em
		{
			font-size: 11px;
		}

		/* screen shots */
		div.shotsholder
		{
			margin: 0 0 30px 0;
			clear: both;
			background: #f2f2f2;
			padding: 15px 0 20px 7px;
		}

		#hpwrap #shots
		{
			text-align: center;
			margin: 0;
		}

		#hpwrap #shots th
		{
			font: bold 18px arial;
			padding: 0;
		}

		#hpwrap #shots tr.shots td
		{
			width: 218px;
		}

		#hpwrap #shots tr.shots td img
		{
			margin: 5px 0 10px 0;
		}

		#hpwrap #shots td
		{
			padding: 0 1px;
		}

		#hpwrap #shots tr.explanations td
		{
			padding: 0 5px;
			font-size: 11px;
			vertical-align: top;
		}

		#hpwrap div.actionpoints
		{
			margin: 2em auto;
		}

		#hpwrap div.actionpoints h3
		{
			margin-bottom: 5px;
		}


		/* narrow section */
		#narrowwrap
		{
			margin:0 auto;
			width: 700px;
			line-height:1.4em;
		}

		#narrowwrap h1
		{
			font-family:verdana;
			font-size:16px;
			text-transform:uppercase;
			color: #000;
			margin: 0 0 4px 0;
		}

		#narrowwrap p
		{
			margin: 0 0 1.2em 0;
			padding-left: 0;
		}

		#narrowwrap div.left, #narrowwrap div.right
		{
			width: 325px;
			float: left;
		}

		#narrowwrap div.left
		{
			margin-right: 25px;
		}

		#morenarrowwrap
		{
			margin:0 auto;
			width: 400px;
			padding: 2em 50px;
			border-top: 1px solid #aaa;

		}

/* Questions & Answers */
	div.answerCategoryBlock
	{
		margin-top: 1.5em;
	}
	
	div.answerCategoryBlock h3
	{
		font-family: arial;
		color:#444444;
		font-size:0.9em;
		margin:0 0 0.2em 0;
		padding:0 0 0.1em 0;

	}
	
	div.answerCategoryBlock ul
	{
		margin: 0 0 1.2em 0;
		padding: 0 0 0 0.8em;
	}
	
	div.answerCategoryBlock ul li
	{
		font: normal 0.8em arial;
		color: #444;
		margin: 0 0 0.25em 0;
	}
	
	div.answerCategoryBlock div.floatleft
	{
		float: left;
		margin-right: 1.8em;
	}
	
	/* search tool */
	#main div.answerCategoryBlock form.qasearch input
	{
		font: normal 0.9em arial;
	}
	
	form.qasearch span.hint
	{
		display: block;
		font-size: 0.8em;
		color: #999;
		
	}

	
	#main div.answersolution h2 a
	{
		color: #999;
	}
	
	#main div.answersolution h1
	{
		margin: 1em 0 1em 6px;
		color: #222;
	}
	
	#main div.answersolution h1, #main div.answersolution h3
	{
		font-family: arial, sans-serif;
		color: #039;
	}
	
	#main div.answersolution ul.answers
	{
		padding-left: 1.2em;
		margin-left: 0;
	}
	
	#main div.answersolution ul.answers li
	{
		margin-bottom: 0.5em;
		font: normal 1em arial;
		color: #444;
	}
	
	div.answerbodytext
	{
		padding-bottom: 2.5em;
	}
	
	div.answersolution p.breaker
	{
		margin-top: 2em;
		border-top: 1px dotted #999;
		font-style: italic;
	}
	
	/* search results */
	div.answersolution span.hilight
	{
		background: #FEFEBB;
		font-weight: bold;
		color: #000;
		text-decoration: underline;
	}
	
	#main div.answersolution ul.answers span.crumbs
	{
		padding: 2px 0 4px 0;
		display: block;
	}
	
	
	ul.answers.small
	{
		font-size: 90%;
	}
	
	#main div.answersolution ul.answers span.crumbs a
	{
		font-size: 0.8em;
		color: #999;
	}
	
/* support desk */
	#wapp_support form.authelo label
	{
		float: none;
		display: block;
		text-align: left;
		background: none;
		margin-left: 2px;
	}
	
	#wapp_support form.authelo textarea, #wapp_support form.authelo input
	{
		margin-left: 3px;
	}
	
	#wapp_support div.memNarrow h2
	{
		border-bottom: 0;
	}
	
	#wapp_support div.leftside
	{
		float: left;
		width: 50%;
		padding-right: 10px;
	}
	
	#wapp_support #main div.leftside p
	{
		margin-left: 2px;
	}
	
	#wapp_support div.rightside
	{
		width: auto;
	}
	
