/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
	background-color: #fff;
	color: #333;
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size: 30px;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	/* margin:1em 0; */
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*providing spacing for definition terms*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

a { color: #333; text-decoration:none;  }
a:hover { text-decoration: underline; }

/*layout */
#container { min-width: 960px; max-width:960px; margin: 0 auto;  }
.page { float: left; background-color: #fff; margin: 5px; border: 1px solid #efefef; padding: 3px; }
#header { background-color: #fff; width: 100%; margin: 0;  border-bottom: 1px solid #ccc; padding-top: 5px; clear: both; }
#nav { display: inline; }
.nav-item {background: url(../alert-images/nav-off.gif) no-repeat left top; width: 75px;  display: inline-block; font-size: 15px; font-weight: bold; margin-right: 5px; padding: 5px 0 3px 0; text-align:center; }

.active-page { background-image:url(../alert-images/nav-on.gif); }
.active-page a { color: #fff; }
#login-container { display: inline-block;  margin-left: 10px; vertical-align:top; padding-top: 7px;}
#login-container label { font-size: 11px; }
#login-container a { font-size: 11px; color: #333; text-decoration:none; }
#login-container a:hover { text-decoration: underline; }
.log-field { width: 125px; margin-bottom: 3px; border: 1px solid #ccc; }
.log-field:active { border: 1px solid #cd1513; }
.log-signin { margin-right: 7px; background-color: #cd1513; color: #FFF; font-weight: bold; border: 1px solid #efefef; padding: 2px;  }

.log-signin:hover { border: 1px solid #333; }

#main-content { margin: 10px 0; float: left; }
#main-content h2 { font-weight: normal; font-size: 14px; }

#sub-content { margin: 10px 0; float: left; }
#sub-content h1 { font-size: 22px; }
#sub-content h2 { font-weight: normal; font-size: 16px; font-weight: bold; }

#full-pricing { width: 100%; float: left; }
#left { width: 745px; float: left; margin-right: 10px; }

#alert-features-box { margin: 20px auto 0; width: 675px; }
#alert-features-left { float: left; margin-right: 10px; margin-bottom: 20px; }
#alert-features-right { float: left; margin-left: 1px; border-left: 1px dotted #ccc; padding-left: 9px; }
.alert-features-item { width: 325px; min-width: 325px; min-height: 70px; margin-bottom: 5px; }
.alert-features-item img { float: left; }
.alert-features-item h3 { margin-left: 70px; }
.alert-features-item p { margin-left: 70px; }

.home-extended { clear: both; }
.home-extended p { font-size: 14px; }

.body-extended { clear: both; }
.body-extended p { font-size: 14px; margin-top: 20px; }

.product-features-item { width: 525px; min-width: 525px; min-height: 70px; margin: 20px 5px 5px 5px; }
.product-features-item img { float: left; }
.product-features-item h3 { margin-left: 70px; font-size: 16px; }
.product-features-item p { margin-left: 70px; margin-top: 0; }



#right { float: right; margin-left: 5px;  }

.side-nav-box { background: url(../alert-images/sidenav-bg.gif) no-repeat top; width: 180px; min-height: 232px; margin-bottom: 25px; }
.side-nav-inner { padding: 8px }
.side-nav-inner h4 { font-size: 16px; margin-bottom: 3px; }
.side-nav-cta { text-align: center; border:0; background: url(../alert-images/sms-notifications-signup.gif) no-repeat; height: 58px; width: 162px; display: inline-block; margin-bottom: 10px; }
.side-nav-cta:hover { background-image: url(../alert-images/sms-notifications-signup-over.gif); }
.side-nav-cta span { display: none; }

.seals { text-align: center; }

/*pricing page specials */

#pricing2-header {
color:#4D87C7;
font-weight:bold;
}
#pricing2-subheader {
color:#555555;
}

.pricing2-cell {
border:1px solid #CD1513;
float:left;
height:175px;
margin:3px 0;
padding:3px;
width:135px;
background-color: #ffffe0;
}

.high-vol-cell { width: 175px; }

#pricing2-container-full {
float:left;
margin-bottom:7px;

width:100%;
}
.pricing-popular {
font-size:18px;
margin-bottom:5px;
text-align:left;
}
.pricing2-plan {
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:center;
}
.pricing2-price {
color:#555555;
font-size:14px;
font-weight:bold;
line-height:14px;
margin:2px 0 0;
text-align:center;
}
.pricing2-details {
color:#555555;
font-size:12px;
line-height:16px;
margin:5px 0 10px;
text-align:center;
}
.pricing2-add-head {
color:#555555;
font-size:13px;
line-height:8px;
margin:5px 0 0;
text-align:center;
}
.pricing2-page h3 {
font-size:18px;
font-weight:bold;
margin:5px 0;
text-align:center;
}

.pricing2-ruler {
color:#CCCCCC;
height:1px;
margin:0 auto;
width:125px;
}
.pricing2-page { }
.pricing2-page p { margin:0 0 5px; text-align:center; }
.pricing2-page h2 { margin-bottom: 3px; color: #CD1513;  }

.alt-signup td, tr, tbody, table {
border:0 none;
}
.alt-signup-above-field {
color:#333333;
font-size:12px;
line-height: 15px;
}
.alt-signup-header {
font-size:18px;
}

.alt-signup tbody tr:hover tbody th.sub {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
.alt-signup tbody tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
}
.alt-signup-big-input {
border:1px solid #CCCCCC;
color:#000000;
font-size:16px;
font-weight:bold;
padding:3px;
width:200px;
}
.alt-signup_tableheader {
font-size:12px;
}
#alt-signup-confirm {
margin-top:400px;
}
#alt-signup-confirm2 {
margin-top:200px;
}
.alt-signup-hr {
background-color:#FFFFFF;
border-color:#CCCCCC;
border-style:none none dotted;
border-width:1px;
color:#FFFFFF;
float:left;
margin-top:3px;
width:620px;
}
.shorter {
margin:-10px 0 -10px 10px;
text-align:center;
width:200px;
}

label.error {
color:red;
float:none;
font-size:12px;
padding-left:5px;
vertical-align:bottom;
}

.alt-signup-below-field {
color:#999999;
font-size:12px;
}

.create-account { font-size: 30px; font-weight: bold; padding: 25px 3px; background-color: #CD1513; border: 1px solid #ccc; width: 208px; color: #FFF; margin-top: 15px; }
.create-account:hover { border: 1px solid #000; background-color: #e24745; }

label.error { font-weight: bold; }
input.error { border: 1px solid #F00; }