/* comment by matt */


/* 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;
}

.checkbox { border: 0px; }

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

/* ie6 png support */
img, div, span, a { behavior: url(/assets/ie6/iepngfix.htc) }

body { 
font-family:'Lucida Grande',Arial,Helvetica,sans-serif;
font-size: 72.5% !important;
margin: 0px;
padding: 0px;
}
div { border: 0; margin: 0; padding: 0; text-align: left; }
hr { border: 1px solid #eee; color: #eee; }
fieldset { border: 0px }
h1 { color: #1A4A6C !important;font-size: 2.2em; line-height: 2.6em; }
h2 { color: #1A4A6C !important;  font-size: 1.9em; line-height: 2.1em; }
h3 { color: #F1D46E !important; font-size: 1.6em; line-height: 1.8em; }
h4 { color: #333 !important; font-size: 1.3em; line-height: 1.5em; }
p {
color:#666666;
font-size:1.1em;
line-height: 1.4em;
text-align: left;
margin-bottom: 20px;
}
a { color: orange; }
a:visited { color: orange }

ol {
	list-style-type: decimal;
	padding-left: 26px;
	color:#666666;
	font-size:1.0em;
	line-height: 1.4em;
}

ul {
	list-style-type: disc;
	padding-left: 23px;
	color:#666666;
	font-size:1.0em;
	line-height: 1.4em;
}

button {
    background:url("/resources/shared/images/felix/buttons_sprite.png") repeat scroll 0 0 transparent;
    color:white;
    display:block;
    font-size:1.2em;
    height:45px;
    line-height:45px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:134px;
	padding: 0px;
	border: 0px solid;
	cursor: pointer;
	background-position:0 -46px;
}
button.alt { background-position:0 0px; }
pre { border: 2px solid #ccc; padding: 10px; font-size: 1.2em; margin: 5px; overflow: auto; }
pre code { padding: 0 0 10px; display: block;  }
blockquote { padding: 10px; font-style: italic; font-size: 1.3em; color: #587B9B line-height: 1.5em; }
.floatright { float: right }
.floatleft { float: left }

label { 
clear: both;
display: block;
font-size: 1.5em !important;
line-height: 2.0em;
color: #333; 
}

input { border: 1px solid #cccccc; padding: 4px; font-size: 1.7em; font-weight: normal; color: #999 }

#main { 
	margin: 0px;
	padding: 0px;
	background-image: url("/resources/dashboard/images/layout/backgrounds.png"); 
	background-repeat: repeat-x; 
}

#devMain {
	margin: 0px;
	padding: 0px;
	background-image: url("/resources/cms/images/dev_background.png") !important; 
	background-repeat: repeat-x; 
}

#header { width: 946px; margin: 0 auto; text-align: center; position: relative; height: 131px !important; }

#devMain #header { height: 163px !important; }

#content { width: 946px; margin: 0 auto; text-align: center; position: relative; }

#contentDev { width: 946px; margin: 0 auto; text-align: center; position: relative; }

#devStory {
	background: #F9F9F9;
	background-image: url("/resources/cms/images/greyWhiteStripes.png");
    border: 5px solid #314558;
    float: right;
    margin: 25px 0 25px 25px;
    padding: 15px;
    width: 315px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

#devStory h3 {
	color: #314558 !important;
}

#footer { 
	width: 100%; 
	background: #D6E6F3;  
	border-top: 1px solid #EEEEEE;	
	height: 220px; 
	margin-top: 10px;
	/* position: relative; -- REMOVE - unnecessary */
	/* margin: 0 auto; -- REMOVE - unnecessary */
}

#footerCopy { line-height: 19px; height: 40px; width: 559px; margin: 0 auto; text-align: left; position: relative; color: #B0BFCA; margin-top: 20px; }
#footerCopy a { color: #B0BFCA;  }
.footerSmall { text-align: center; }

#footerNav { 
	/* increased the width of this element 690 -> 946 to contain footerLinks */
	width: 946px; 
	text-align: left;
	margin: 0 auto;
	position: relative;
}

#footerNav dt { color: #526782 !important; }
#footerNav dd {color: #8F9DA6 !important; line-height: 1.4em !important;}
#footerNav dd a {color: #8F9DA6 !important;}
#footNav h4 { color: white; font-weight: bold; }

/* remove the following style - footNav does not exist in the HTML
#footNav ul { width: 120px; } */

#footerWrap { 
	border-top: 1px	solid white; 
	padding-top: 20px; 
	/* reduced the following property by 20px to offset the 20px of top padding,
	 * which was creating a white gap at the bottom of the page.
	 */
	height: 200px;
}

#headLogo { position: absolute; top: 24px; left: 0px; }

/* Buttons */
.button {
background-image: url("/resources/shared/images/felix/buttons.png"); 	
background-repeat: repeat-x; 
display: block;
}
.customerLogin { background-position:0 0; height:38px; width:153px; }
.customerSignup { width: 120px; height: 38px; background-position: 120px 0px; }

#headTop { height: 91px; }
#headTop .customerSignup { position: absolute; top: 20px; right: 30px;}
#headTop .customerLogin { position: absolute; top: 20px; right: 153px;}

#headLow #headNav {
	list-style-type: none;
}
#headLow #headNav li {
	float: left;	
	width: 120px;
	font-size: 14px;
	line-height: 39px;
	height: 39px;
	text-align:center;
	width:153px;
}

#headLow #headNav li a, #headLow #headNav li {
	color: #565656;	
	text-decoration: none;
	text-transform: uppercase;
	line-height: 39px;
	height: 39px;
	
}

#headLow #headSubNav {
    list-style-type: none;
}

#headLow #headSubNav li {
	float: left;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    padding: 0 67px;
    text-align: center;
}

#headLow #headSubNav li a, #headLow #headSubNav li {
	color: #DDDDDD;
    font-size: 1.05em;
    height: 31px;
    line-height: 31px;
    text-decoration: none;
    text-transform: uppercase;
}

#headLow #headSubNav li a:hover {
	color: orange;
}

#footerLinks {
	/* increased the width of this div, to achieve / improve previous column 
	 * spacing 
	 */
    width: 757px;
    padding: 8px 0 0 0;
	/* added margin: 0 auto; to center this element within footerNav */
    margin: 0 auto;
    list-style-type: none;
}

#footerLinks * {
    margin: 0;
    padding: 0;
}

#footerLinks a {
    color: #FFF;
	text-decoration:none;
}

#footerLinks a:hover {
	text-decoration:underline;
}

#footerLinks li {
    display: block;
    float: left;
	/* adjusted the following % from 20 to 25 to suit the new footerLinks width */
    width: 25%;
    _width: 32%; /* previous IE6 underscore hack */
}

* + html #footerLinks li {
    width: 24%;
}

#footerLinks dt {
    color:#FFF;
    width: 145px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
    margin-left: 15px;
}

#footerLinks dd {
    margin-bottom: 0.2em;
    margin-left: 15px;
	line-height:13px;
}


/* Custom Classes */

.userplane-pane {
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #eeeeee;	
	margin: 5px;
	padding: 0px 10px;
}
.userplane-pane h2 { font-size: 1.8em; padding: 0px; }

a.signupButton { background-image:url("/resources/shared/images/buy.png");
display:block;
height:40px;
width:118px; }
a.signupButtonSmall { background-image:url("/resources/shared/images/buy.png");
display:block;
background-position: 0px 29px;
height:27px;
width:89px; }



/*demo css */
.demoContainer { font-family: "Geneva"; border: 1px solid black; position: absolute; top: 0px; left: 0px; }
.demoToolbar { border-top: 2px solid #333; background: url("/resources/shared/images/black-50.png"); height: 61px; width: 100%; position: absolute; bottom: 0px; left: 0px; }
.demoToolbar .demoWarning { float: left; color: white; font-size: 1.1em; pdadding: 5px; }
.demoToolbar .demoWarning span { position: absolute; top: 1px; left: 33px; }
.demoToolbar .demoSite { float: left; color: white; font-size: 1.6em; font-weight: bold; padding: 5px; }
.demoToolbar .demoActions { float: left; }
.demoToolbar .demoActions ul li { border: 1px solid #333;
cursor: pointer; float: left; padding: 15px 25px; margin: 5px 0px;
font-size: 1.4em; color: white; font-weight: bold;
 background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#cccccc));
    background: -moz-linear-gradient(top,  #f9f9f9,  #cccccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#cccccc');
    text-shadow: 1px 1px 1px #666;
}
.demoToolbar .demoActions ul li .up-toaster-inner { text-shadow: none; }

.demoToolbar .demoActions ul #apps {  -moz-border-radius-topleft: 22px;  -moz-border-radius-bottomleft: 22px;
 -webkit-border-top-left-radius: 22px; -webkit-border-bottom-left-radius: 22px; border-right: 0px; }

.demoToolbar .demoActions ul #why {  -moz-border-radius-topright: 22px;  -moz-border-radius-bottomright: 22px;
 -webkit-border-top-right-radius: 22px; -webkit-border-bottom-right-radius: 22px; border-left: 0px; }
 
.demoToolbar .demoActions ul { list-style-type: none !important; }

.demo-window { font-family: "Geneva"; z-index: 2000; }
.demo-window h2 { font-size: 1.5em; color: #666666 !important; }
.demo-window img { float: left; margin: 3px 16px 0px 0px; }

#demo-apps-window {}
#demo-apps-window input { width: 263px }

.demoBadgeContainer { background: url("/resources/shared/images/black-50.png"); padding: 5px; width:129px; height: 34px; position:absolute; -moz-border-radius: 22px; -webkit-border-radius: 22px; }
.up-toaster { font-family:"Geneva" !important; font-size: 13px !important; font-weight: normal !important; }

.rounded { -moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}