/*  
	2008 Copyright DEAN Alert All Rights Reserved.
	Images and content may not be reproduced or reused in any fashion.
	
	Feel free to use any of the styles below, however this unique combination and layout is copyright.
*/

/* ------ Notes/Reference ------

------------ Colors ------------
Body Bg:		
Header Bg:		
Header Nav:		
Wrapper Bg:		
Stage Border:	
Nav:			
Nav Hover,
H*:
Links:			
Blockquote:		
Footer Text:	

*/

/* 
	Eric Meyer's CSS Reset 
	http://meyerweb.com/eric/tools/css/reset/
	v1.0 | 20080212
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

body {line-height:1}
ol, ul {list-style: none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content:none}

/* remember to define focus styles! */
:focus {outline:0}

/* remember to highlight inserts somehow! */
ins {text-decoration:none}
del {text-decoration:line-through}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0}


/* ------- END CSS RESET --------- */


body {font:12px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;background:#f0f5f8 url(../images/header_bg.jpg) repeat-x 0 0;color:#000000}


/* ------------- General Classes ----------------- */
.clear:after {content: ".";display:block;height:0;clear:both;visibility:hidden}
.clear {display: inline-table;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

.skip {display:none;/* \*/display:block;/* */position:absolute;left:-5000px;top:-5000px;width:1px;height:1px}
.red {color: red;}


/*------------- Element Styles ------------------- */

/*---- <a> ----*/
/* Hide dotted outlines in mozilla */
a {color:#063a55}
a:hover {text-decoration:none}
a img {display:block}
a.delete-device img {display:inline}

a.button {display:block;float:left;background:transparent url(../images/button-left_lg_bg.png) no-repeat 0 0;padding-left:20px;margin-bottom:1em;font-size:14px;color:#f0efef;font-weight:bold;text-decoration:none;display:inline}
	a.button strong {display:block;background:transparent url(../images/button-right_lg_bg.png) no-repeat 100% 0;padding:3px 16px 4px 0}

a:hover strong {cursor: pointer;} 

a.small {background:transparent url(../images/button-sm-left.png) no-repeat 0 0;padding-left:20px;color:#063a55;font-size:11px}
	a.small strong {background:transparent url(../images/small-btn-right_bg.png) no-repeat 100% 0;padding:5px 16px 5px 0}

a.edit {background:transparent url(../images/edit-btn-left_bg.png) no-repeat 0 0;padding-left:30px}
	a.edit strong {background:transparent url(../images/edit-btn-right_bg.png) no-repeat 100% 0;}

a.edit-small {background:transparent url(../images/edit-btn-left-small_bg.png) no-repeat 0 0;padding-left:35px;color:#063a55;font-size:11px}
	a.edit-small strong {background:transparent url(../images/small-btn-right_bg.png) no-repeat 100% 0;padding:5px 16px 5px 0}

a.add {background:transparent url(../images/add-btn-left_bg.png) no-repeat 0 0;padding-left:35px;color:#063a55;font-size:11px}
	a.add strong {background:transparent url(../images/small-btn-right_bg.png) no-repeat 100% 0;padding:5px 16px 5px 0}

a.show {background:transparent url(../images/show-btn-left_bg.png) no-repeat 0 0;padding-left:35px;color:#063a55;font-size:11px}
	a.show strong {background:transparent url(../images/small-btn-right_bg.png) no-repeat 100% 0;padding:5px 16px 5px 0}
	
a.alert-btn {display:block;float:left;background:transparent url(../images/alert-btn-left_bg.png) no-repeat 0 0;padding-left:20px;margin-top:3px;font-size:15px;color:#f0efef;font-weight:bold;text-decoration:none;display:inline}
	a.alert-btn strong {display:block;background:transparent url(../images/alert-btn-right_bg.png) no-repeat 100% 0;padding:2px 16px 8px 0}
	#sidebar a.alert-btn strong {display:block;width:120px;background:transparent url(../images/alert-btn-right_bg.png) no-repeat 100% 0;padding:1px 16px 9px 0;text-align:center}

a.set-date {display:block;background:#fff url(../images/cal_sm.png) no-repeat 0 0;padding-left:18px;margin:0 0 1em 8px}

a.em {font-style: italic;color:#e50404}
	a.em:hover {text-decoration: none;}

/*---- <small> ----*/
small {font-size:11px}

/*---- <h*> ----*/

h1 {font-size:18px;color:#000000;font-weight:normal;margin-bottom:.2em}
h1.alert {color:#ad1f23}
	h1 a {color:#000000}

h1.breaker {border-top:3px double #efeeee;padding-top:12px}

h2 {font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:1em;color:#000000;padding:0 0 2px 2px;border-bottom:1px dotted #cccccc}
h3 {font-size:17px;line-height:1.5;color:#b44604;margin-bottom:0}
	h3 a {color:#b44604}
		h3 a span {font-size:11px;font-weight:normal}
h4 {font-size:14px;line-height:1.5;font-weight:normal;margin-bottom:.5em}
h5 {font-size:12px;line-height:1.5;font-weight:normal;margin-bottom:.5em}


/*---- <p> ----*/
#stage p {font-size:11px;margin-bottom:1.5em;color:#444444}
#stage p.normal {font-size:12px;margin-bottom:.5em;color:#000000}
#groupdes {padding-left:4px;margin-bottom:1em !important}

p.additional-alert {background-color:#fff;border:1px solid #ccc;padding:3px 0 2px 0;margin-bottom:.5em !important;font-weight:bold}

#schedule-alert {width:120px;position:absolute;top:26px;right:12px;background:#fff url(../images/alarm.png) no-repeat 0 0;padding-left:25px}


/*---- <ul> ----*/

#stage ul, #stage ol {margin:0 0 1.5em 1.5em}
 
ul.devices {list-style:disc inside}

ul.alert-history {}
	ul.alert-history li {border-bottom:1px solid #d5dee2;padding:3px 0 5px 0;zoom:1}
		ul.alert-history p {font-size:12px !important;margin-bottom:.5em !important}
			ul.alert-history p small {color:#555555}

/*---- <span> ----*/
span.new-alert {color:#777777;font-size:11px;font-weight:normal}
span.unvalidated {color:#e50404;font-size:11px;font-style:italic}
span.validated {color:#02b01f;font-size:11px;font-style:italic}

/*---- <em> ----*/
em.pending {color:#e50404}

/*---- <strong> ----*/
strong.device {font-size:12px;font-weight:normal}
.bstrong {font-weight: bold;}

/*---- <div> ----*/
div.success,
div.notice, 
div.error {width:95%;padding:2%;background-color:#fefde8;border:1px dotted #c1bd76;margin:.3em 0 1em 0}
	div.success p, 
	div.error p {padding-left:14px;font-weight:bold;margin-bottom:.2em !important}
	div.error p {color:#ae1f23 !important}

	div.notice p {margin-bottom:.5em !important}

#login div.error {background-color:#c0cacf;border:1px dotted #637984}

.error {background:#fefde8 url(../images/error_bg.png) bottom right no-repeat;}
.success {background:#fefde8 url(../images/success_bg.png) bottom right no-repeat;}

/*---- <table> ----*/
table.devices {width:100%;margin-bottom:1em}
	table.devices th {font-size:11px;color:#555555;text-align:center;border-bottom:1px solid #d5dee2;padding:2px 12px 3px 12px}
	table.devices th.first {text-align:left}
	table.devices td {padding:6px 12px 6px 12px;border-bottom:1px solid #d5dee2;background-color:#eef3f5;text-align:center}
	table.devices td.first {text-align:left}


/*------------- Module Styles ------------------- */

#home #create-account {width:361px;float:left;margin:0 10px 0 0;padding-top:10px;display:inline}

#home #login {width:333px;float:left;padding:10px 10px 1.5em 18px;background-color:#e1e7ea;display:inline}

#home #corporate-callout {width:732px;margin:10px 10px 0 0;padding:10px 18px 1em 18px;background-color:#fbf9f5;border:1px solid #e3d8bd;text-align:center}
	#home #corporate-callout a {font-size:22px;font-weight:bold;color:#063a55;text-decoration:none}
	#home #corporate-callout a:hover {color:#74909d}

#create-account-page {}
	#create-account-page div.step {margin-bottom:1.5em}
		#create-account-page div.step p {margin-left:22px}

#new-user-options {list-style:none;width:100%;margin:0 0 0 0 !important;padding-bottom:1.5em}
	#new-user-options li {display:block;width:115px;float:left;margin:0 25px 0 0;padding:4px 0 12px 45px;border-right:1px solid #dae2e6;display:inline}
		#new-user-options li a {font-size:15px;text-decoration:none;line-height:1}
			#new-user-options li a strong {display:block}
	#new-user-options li.network  	{background:transparent url(../images/network_icon_lg.png) no-repeat 0 4px}
	#new-user-options li.device  	{background:transparent url(../images/device_icon_lg.png) no-repeat 0 4px}
	#new-user-options li.profile  	{background:transparent url(../images/profile_icon_lg.png) no-repeat 0 4px;width:115px;border-right:0;margin:0 0 0 0}


#manage-networks {width:100%;padding-top:.5em;clear:both;}
	#manage-networks.bar{border-top:3px solid #1f3038;}
	
	div.network {margin-bottom:1.5em}
	
	#manage-networks p.network-info {margin:0 0 1em 0}
		#manage-networks p.network-info strong {font-size:12px;background-color:#fdf9ba;color:#000;font-weight:normal;padding:0 4px 0 4px}
	
	table.alert-group {width:100%;margin-bottom:1em}
		table.alert-group th {background-color:#6a8999;font-size:11px;color:#f0f0f0;text-align:left;padding:2px 12px 3px 12px;text-align:center}
		table.alert-group th.first {width:25%;background:#6a8999 url(../images/th-left_bg.png) no-repeat 0 0;text-align:left}
		table.alert-group th.last {width:20%;background:#6a8999 url(../images/th-right_bg.png) no-repeat 100% 0}
		
		table.alert-group td {padding:4px 12px 6px 12px;border-bottom:1px solid #d5dee2}
		table.alert-group td.alert-group {font-size:11px;text-align:left}
			table.alert-group td a.toggle-btn {display:block;width:38px;font-size:11px;margin:0 auto 0 auto;padding:0 0 1px 0;text-transform:lowercase;text-decoration:none}
			table.alert-group td a.on 	{color:#02b01f;background:transparent url(../images/on_ico.png) no-repeat 100% 1px}
			table.alert-group td a.na 	{color:#777777;background:transparent url(../images/na_ico.png) no-repeat 100% 1px}
			table.alert-group td a.off {color:#e50404;background:transparent url(../images/off_ico.png) no-repeat 100% 1px}

#homeplate {}
	#homeplate ul li {display:block;padding-left:22px;margin-bottom:.5em}
	#homeplate ul li.networks 	{background:transparent url(../images/network_icon_sm.jpg) no-repeat 0 0}
	#homeplate ul li.devices 	{background:transparent url(../images/device_icon_sm.png) no-repeat 0 0}
	#homeplate ul li.profile 	{background:transparent url(../images/profile_icon_sm.jpg) no-repeat 0 0}
		#homeplate ul li a {font-size:11px;font-weight:bold;text-decoration:none}
		
		#homeplate ul li ul li {background:transparent url(../images/elbow.png) no-repeat 0 5px;padding-left:12px;margin-bottom:0}
		#homeplate ul li.devices ul li {font-size:11px;color:#777777}
			#homeplate ul li ul li a {font-size:11px;font-weight:normal;text-decoration:none}

#subnav {width:100%;float:left;margin:0 0 1.5em 0 !important;border-bottom:1px dotted #ccc;display:inline}
	#subnav li {display:inline}
		#subnav li a {float:left;padding:8px 26px 12px 42px;margin:0;border-right:1px dotted #e3e1e1;font-size:11px;font-weight:bold;text-decoration:none;display:inline}
		#subnav li.last a {border-right:0}
		
		#subnav #sub-one a 		{background:#fff url(../images/overview.png) no-repeat 18px 8px}
		#subnav #sub-two a 		{background:#fff url(../images/reports.png) no-repeat 18px 8px}
		#subnav #sub-three a 	{background:#fff url(../images/stats.png) no-repeat 18px 8px}
		#subnav #sub-four a		{background:#fff url(../images/users.png) no-repeat 18px 8px}
		#subnav #sub-five a		{background:#fff url(../images/billing.png) no-repeat 18px 8px}
		
		#subnav li.current a {background-color:#fdf9ba !important}
		
ul.messages {width:100%;float:left;list-style:none;margin:0 0 2em 0 !important;padding:0;border-top:1px solid #eeeeee}
	ul.messages li {width:100%;float:left;margin-bottom:0;padding:.5em 0 .5em 0;background:#eef3f5 url(../images/unread.png) no-repeat 15px 50%;border-bottom:1px solid #d5dee2;zoom:1}
	ul.messages li.unread {background:#fff url(../images/read.png) no-repeat 15px 50%;}
		ul.messages li div.from {width:25%;float:left;text-align:right;margin:0 5% .2em 0;display:inline;font-size:11px;color:#777}
			ul.messages li div.from strong {color:#063a55}
		ul.messages li div.sub p {width:70%;float:left;margin-bottom:.2em !important}

#group-info {padding-top:1.5em;position:relative}
	#group-info h1 {font-size:16px;line-height:30px;margin-bottom:.5em;border-bottom:1px dotted #cccccc}
		#group-info h1 strong {font-weight:normal}
	#group-actions {position:absolute;top:26px;right:0}
		#group-actions li {display:inline}
			#group-actions li a {float:right;font-size:11px;display:inline}
			#group-actions li.rss a {width:14px;height:14px;text-indent:-9999px;background:#fff url(../images/feed-icon.png) no-repeat 0 0}
			#group-actions li.deletegroup a {padding:0 10px 0 24px;margin-right:12px;border-right:1px solid #ccc;background:#fff url(../images/del_ico_sm.png) no-repeat 0 0}
	
div.two-col {width:100%}
	div.two-col dl {width:100%}
		div.two-col dl dt {width:30%;float:left;margin:0 10px .5em 0;text-align:right;display:inline}
		div.two-col dl dd {width:65%;float:left;margin-bottom:10px}

/*------------- Layout Styles -------------*/

#header-wrap {width:100%}
	#header {width:772px;height:80px;padding-top:10px;position:relative;margin:0 auto 0 auto}
		#info {width:300px;text-align:right;position:absolute;top:23px;right:0}
			#info p {font-size:14px;font-weight:bold;color:#ffffff;margin-bottom:0}
			#info ul {}
				#info ul li {display:inline;color:#38474f}
					#info ul li a {font-size:11px;color:#868f94;padding:0 5px 0 5px}
					#info ul li.last a {padding:0 0 0 5px}
	
	 
	
	#nav {width:770px;height:35px;margin:0 auto 0 auto}
		#nav li {display:block;width:110px;height:28px;float:left;background:transparent url(../images/nav_link_bg.png) no-repeat 0 0;padding-top:5px;margin-right:1px;text-align:center;display:inline}
		#nav li.current {background:transparent url(../images/nav_link-current_bg.png) no-repeat 0 0}
			#nav li a {font-size:13px;font-weight:bold;color:#063a55;text-decoration:none}
			#nav li.current a {font-size:13px;font-weight:bold;color:#fdfdfd}
			#nav li.alerts a {color:#ad1f23}
			#nav li.alerts.current a {color:#ffffff}
			#nav li a:hover {}

	#wrapper {width:770px;margin:18px auto 0 auto;padding-bottom:1em}
		
		#stage {width:537px;float:left;margin:0 10px 0 0;padding:18px 18px 2em 18px;background-color:#fff;border:1px solid #eeeeee;position:relative;display:inline}
		#home #stage {width:732px;float:none;margin:0;padding:18px 18px 3em 18px;display:block}
		
		#sidebar {width:185px;float:left}
			#sidebar div {width:159px;margin-bottom:10px;padding:10px 12px 12px 12px;background-color:#fff;border:1px solid #eeeeee}
			#sidebar p {font-size:11px;margin-bottom:1em;color:#444444}
			
			#sidebar div.tabbed {width:185px;padding:0;border:0;background-color:transparent}
				
				#sidebar div.tabbed ul.tabs {list-style:none}
					#sidebar div.tabbed ul.tabs li {width:91px;float:left;background-color:#e1e7ea;border:1px solid #eeeeee;border-bottom:0;border-left:0}
					#sidebar div.tabbed ul.tabs li.current {width:91px;background-color:#fff;border:1px solid #eeeeee;border-bottom:0}
						#sidebar div.tabbed ul.tabs li a {display:block;padding:4px 0 2px 0;text-align:center;color:#333333;font-size:11px;text-transform:uppercase;font-weight:bold;text-decoration:none}
				
				#sidebar div.tabbed div {width:167px;margin-bottom:10px;padding:10px 8px 12px 8px;border:1px solid #eeeeee;border-top:0}
					#sidebar div.tabbed div ul {width:100%;list-style:none}
						#sidebar div.tabbed div ul li {width:159px;padding:8px 4px 0 4px;border-bottom:1px dotted #eeeeee;zoom:1;}
						#sidebar div.tabbed div ul li:hover {background-color:#f9f9f9}
						#sidebar div.tabbed div ul li em {font-size:10px;color:#999999}
						#sidebar div.tabbed div ul li p span {display:block;padding-top:3px;font-style:italic}
							#sidebar div.tabbed div ul li a {font-size:11px;line-height:-2px !important;text-decoration:none}
					
					#sidebar div.tabbed div	small a {display:block;text-align:right;padding:4px 4px 0 0;font-size:10px;font-weight:bold;color:#999999}	
					#sidebar div.tabbed div	small a:hover {color:#063a55}
					
/*-------- Forms ---------*/

/* Global Form */
form {padding-bottom:1em;}
	form fieldset {}
	form dl {width:100%}
		form dl dt {width:20%;float:left;margin:0 10px .5em 0;display:inline}
			form dl dt label {width:100%;display:block;text-align:right;padding-top:3px}
		form dl dd {width:70%;float:left;margin-bottom:10px}
			form dl dd input {display:block;width:183px;padding:2px 0 3px 2px}
			form dl dd .checkbox input,
			form .checkbox label {display:inline;width:auto}
			form dl dd select {}
		form dl dd input.hidden {display:none;}
			form dl dd textarea {}
	form dl.submit input {display:inline;}

#find-user {width:200px;padding:2px 2px 3px 2px;font:14px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;color:#333}
#availdev {margin-bottom:.5em}

/* Home Forms */
	#home form dl dt {width:100px;}
	#home form dl dd {width:185px;}

	#home fieldset.submit {padding-left:110px}
		#home fieldset.submit input {width:185px;text-align:center}

/* Create Account Forms */
#create-account-page form {padding-left:22px}

		#find-network {display:block;width:354px;font:19px/1.5 "Lucida Grande", Helvetica, Arial, sans-serif;color:#333333;padding:2px 0 5px 4px;margin:3px 0 .5em 0}
		#create-account-page #step-1 div label {display:block}
		#create-account-page #step-1 div input {display:block;width:188px;padding:2px 0 3px 2px;margin-bottom:.75em}
	#create-account-page #step-1 div.radios {margin-bottom:1em}	
		#create-account-page #step-1 div.radios input {display:inline;width:auto;padding:0;margin-bottom:0}
		#create-account-page #step-1 div.radios strong {padding-right:10px}
		#create-account-page #step-1 div select {display:block;width:190px}
			#create-account-page #step-1 div select option {font-size:11px}
	
	#create-account-page #step-2 div {width:190px;float:left;margin:0 18px 1em 0;display:inline}
		#create-account-page #step-2 div label {display:block}
		#create-account-page #step-2 div input {display:block;width:188px;padding:2px 0 3px 2px}
		#create-account-page #step-2 div.checkbox input {display:inline;width:auto}
		#create-account-page #step-2 div select {display:block;width:190px}
			#create-account-page #step-2 div select option {font-size:11px}
	
	#create-account-page div.submit {padding-top:1em;width:100%}

/* Send Alert Form */
#alert-form {padding:14px 22px 1em 22px;border:1px solid #ccc}
	#alert-form fieldset {margin-bottom:1em;padding-bottom:1em;}
	#alert-form #alert-header {background-color:#e1e7ea}
	#alert-form #alert-body {margin-bottom:0;}
		#alert-form h4,
		#alert-body label {display:block;margin:0 0 .5em 0;background-color:#fff;}
			#alert-form h4 span,
			#alert-body label span {font-size:14px;background-color:#fdf9ba;color:#000;font-weight:bold;padding:2px 6px 2px 6px}
		#alert-body label em {font-size:11px;}
		#alert-form #alert-header h4 {margin:0 0 1em 0;}
		
		#alert-form dl dt {width:30%}
			#alert-form dl dt label {width:100%;font-weight:bold;}
		#alert-form dl dd {width:60%;}
			#alert-form dl dd input {display:block;width:183px;}
			#alert-form dl dd select {display:block;width:183px}
			
			#alert-body input {display:block;width:95%;margin:0 0 1.5em 4px;padding:2px 0 3px 4px;}
			#alert-body textarea {display:block;width:95%;height:150px;margin:0 0 1em 4px;padding:2px 0 3px 4px;}

			#alert-form div.checkbox input {display:inline;width:auto;padding:0 0 0 0}
		#alert-form div.checkboxes {margin-bottom:1.5em;padding-left:4px}
			#alert-form div.checkboxes input {display:inline;width:auto;padding:0 0 0 0;margin:0 0 0 0}
			#alert-form div.checkboxes label {display:inline;width:auto;padding:0 1em 0 0;font-weight:bold;}

		
		#p_date_and_time {margin:0 0 .5em 4px !important}
		
/* Profile Page */		
#profile-page form dl dt {width:30%;float:left;margin:0 10px .5em 0;display:inline}
#profile-page form dl dd {width:65%;float:left;margin-bottom:10px}

#admin-network-detail #addgroup form dl dt {width:30%;float:left;margin:0 10px .5em 0;display:inline}
#admin-network-detail #addgroup form dl dd {width:65%;float:left;margin-bottom:10px}

#availdev {margin-bottom:1.5em}

/* Forgot Password */
#forgotpassword {width:400px;}
	#forgotpassword label {font-size:12px}
	
.lock {display:inline;height:11px;margin-bottom: -2px;}
.sh-ri {display:inline;float:right;margin-top:-16px;font-size: 11px;padding:0 10px 0 24px;margin-right:12px;text-transform: capitalize;letter-spacing: normal}

.expandcollapse {margin-left: 25px;margin-top:10px;font-size: 90%}

ul.users li {padding-bottom: 10px;}
ul.users li a {display:block;text-decoration:none;color:#000;}
ul.users li a:hover {background-color:#FDF9BA;}
.right {float:right;}

#networks-form label {display: block;}