﻿/*Clear Styles*/
/* Clear all tags defaults */
body {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-size:.9em;font-weight:normal;text-decoration:none;}
h1 {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-size:1.5em;font-weight:normal;text-decoration:none;}
h2 {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-size:1.2em;font-weight:normal;text-decoration:none;}
h3 {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-size:1em;font-weight:normal;text-decoration:none;}
a {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-weight:normal;text-decoration:none;color:Black;}
img {margin:0px;padding:0px;border:none;}
p {margin:0px;padding:0px;font-family:Monaco, Calibri, Tahoma;font-weight:normal;text-decoration:none;}
ul {margin:0px;padding:0px;list-style:none;}
li {margin:0px;padding:0px}
input {margin:0px;padding:0px;background-color:#FFFFFF;border:solid 1px Transparent;cursor:pointer;}
textarea {margin:0px;padding:0px;border:none;overflow-y:hidden;font-family:Monaco, Calibri, Tahoma;font-size:1em;scrollbar-base-color:#FFFFFF;scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#FFFFFF;scrollbar-base-color:#FFFFFF;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#FFFFFF;scrollbar-shadow-color:#FFFFFF;}


/*Set Styles*/
body {
    padding: 0;
    margin: 0;
    font-size:1em;
    font-family:Monaco, Calibri, Tahoma;
    background-color:#F2F2F2;
}

h1{font-size:1.8em;}
h2{font-size:1.2em;font-weight:bold;color:#252525;/*vertical-align:top;*/}
h2 sup{font-size:.7em;text-decoration:underline;}
h3{font-size:.9em;}

#header 
{
	height:40px;
	width:960px;
	margin:auto;
}

#header .button
{
	padding-right:18px;
	color:#252525;
}

#content 
{
	width:960px;
	margin:auto;
	padding:0px;
}

#footer 
{
	min-height:24px;
	width:960px;
	margin:auto;
	margin-top:8px;
	font-size:.6em;
	border-top:solid 1px #DBDBDB;
	padding-top:2px;
}

#footer img
{
	float:right;
	width:150px;
}

#frontSplash
{
	text-align:center;
	border:none;
	background-color:Transparent;
}
#frontSplash div
{
	margin-bottom:8px;
}
#frontSplash img
{
	/*border:solid 1px #0088CC;*/
	padding:4px;
}
#frontVideo
{
	width:100%;
	height:360px;
	overflow:hidden;
}
#supportVideo
{
	width:100%;
	height:360px;
	overflow:hidden;
	margin-top:18px;
}

#title
{
	width:100%;
}

#title h1
{
	display:inline-block;
}

#title .button
{
	float:right;
	margin-left:18px;
	margin-top:8px;
	padding:3px;
}

#title .disabled
{
	color:#999999;
}

#title div
{
	display:inline;
}

#feature
{
	border:solid 1px #DBDBDB;
	width:100%;
	min-height:360px;
	background-color:#FFFFFF;
}

.backgroundRight
{
	background-image:url(/images/screenshot_background.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#feature .screenshot
{
	display:inline-block;
	width:200px;
}

#featurettes
{
	width:100%;
	list-style:none;
	background-color:#FFFFFF;
	border:solid 1px #DBDBDB;
	background-image:url(/images/panel_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:18px;
	height:350px;
	min-height:350px;
	overflow:hidden;
}

#featurettes li
{
	display:inline-block;
	width:282px;
	height:350px;
	min-height:350px;
	vertical-align:top;
	padding-top:18px;
	padding-left:18px;
	padding-right:18px;
}

#featurettes .left
{
	border-right:solid 1px #DBDBDB;
	background-image:url(/images/mobile_feature.jpg);
	background-repeat:no-repeat;
	background-position:center  bottom;
}

#featurettes .middle
{
	background-image:url(/images/convenience_feature.jpg);
	background-repeat:no-repeat;
	background-position:center  bottom;
}

#featurettes .right
{
	border-left:solid 1px #DBDBDB;
	background-image:url(/images/personality_feature.jpg);
	background-repeat:no-repeat;
	background-position:center  bottom;
}

#featurettes li a
{
	height:200px;
	min-height:200px;
	font-size:.9em;
}

#featurettes li a h2
{
	margin-bottom:18px;
}

.videos
{
	width:100%;
	list-style:none;
	background-color:#FFFFFF;
	border:solid 1px #DBDBDB;
	background-image:url(/images/panel_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:18px;
	height:300px;
	min-height:300px;
	overflow:hidden;
}

.videos li
{
	display:inline-block;
	width:282px;
	height:300px;
	min-height:300px;
	vertical-align:top;
	padding-top:18px;
	padding-left:18px;
	padding-right:18px;
}

.videos .small
{
	width:254px;
}

.videos li p
{
	height:75px;
}

.videos .left
{
	border-right:solid 1px #DBDBDB;
}

.videos .middle
{
	
}

.videos .right
{
	border-left:solid 1px #DBDBDB;
}

.videos li a
{
	height:200px;
	min-height:200px;
	font-size:.9em;
}

.videos li a h2
{
	margin-bottom:18px;
}

.videos img
{
	padding:4px;
	border:solid 1px #0088CC;
	margin-left:-6px;
	margin-top:-4px;
	width:250px;
	background-color:#FFFFFF;
}

.videos .shadow
{
	background-color:#CCCCCC;
	margin-left:10px;
	margin-top:18px;
	width:258px;
	height:124px;
}

.learnMore
{
	padding-right:8px;
	color:#0088CC;
	background-image:url(/images/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}

.notesSplash
{
	background-image:url(/images/notes_splash.jpg);
	background-repeat:no-repeat;
}

.callout
{
	background-image:url(/images/callout_background.png);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border:solid 1px #FE6D4C;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.table
{
	width:520px;
}

.table .alternate
{
	background-color:#DFE8BB;
}

.table .row
{
	
}

.table .row .heading1 h1
{
	font-size:1.2em;
	font-weight:bold;
	color:#252525;
}

.table .row .heading
{
	border-right:solid 1px #0088CC;
	border-bottom:solid 1px #0088CC;
	border-top:solid 1px #E3EEFB;
	border-left:solid 1px #E3EEFB;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url(/images/button_glass.jpg);
	padding-top:12px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	min-height:36px;
	display:inline-block;
	color:#252525;
	text-align:center;
	vertical-align:bottom;
}

.table .row .heading1
{
	width:120px;
	min-height:36px;
}

.table .row .heading2
{
	width:120px;
}

.table .row .heading3
{
	width:80px;
}

.table .row .heading4
{
	width:80px;
}

.table .row .heading5
{
	width:90px;
}

.table .row .heading6
{
	width:80px;
}

.table .row .cell1
{
	width:120px;
	display:inline-block;
	color:#252525;
	text-align:left;
	vertical-align:middle;
	padding-left:12px;
}

.table .row .cell2
{
	width:120px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.table .row .cell3
{
	width:80px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.table .row .cell4
{
	width:80px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.table .row .cell5
{
	width:90px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

.table .row .cell6
{
	width:80px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}

#relatedContent
{
	padding:18px;
	background-color:#FFFFFF;
	border:solid 1px #DBDBDB;
}

#featureContent
{
	padding:18px;
	background-color:#FFFFFF;
	background-image:url(/images/panel_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border:solid 1px #DBDBDB;
}

#feature .table
{
	margin:18px;
}

#feature h1
{
	margin-left:0px;
	margin-top:0px;
}

.footnote
{
	width:100%;
	text-align:center;
	margin-top:18px;
	color:#888888;
	font-size:.8em;
}

#feature .footnote
{
	margin-left:18px;
}

#featureContent #hero
{
	padding-bottom:18px;
	margin-bottom:18px;
	width:900px;
}

#featureContent #quickEntry
{
	
}

#featureContent #mobile
{
	
}

#featureContent #trustworthy
{
	
}

#featureContent #personal
{
	
}

#featureContent #personal p
{
	float:left;
	display:inline;
}

#featureContent .section
{
	margin-bottom:72px;
}

.framed
{
	margin:4px;
}

.left
{
	float:left;
}

.middle
{
	float:left;
}

.right
{
	float:right;
}

.leftShowcase
{
	width:550px;
	padding-right:18px;
	display:inline-block;
	vertical-align:top;
}

.rightShowcase
{
	vertical-align:top;
	width:300px;
	display:inline-block;
}

.leftShowcaseReverse
{
	width:300px;
	display:inline-block;
	vertical-align:top;
}

.rightShowcaseReverse
{
	vertical-align:top;
	padding-left:18px;
	width:550px;
	display:inline-block;
}

.gallery 
{
	border:solid 1px #CCCCCC;
	margin:8px;
	padding:8px;
}

.gallery .button
{
	margin-top:18px;
	padding:4px;
	border:solid 1px #CCCCCC;
	background-color:#E3EEFB;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.textbox
{
	border:solid 1px #CCCCCC;
	line-height:24px;
	height:24px;
	cursor:text;
}

.marginTop
{
	margin-top:18px;
}

.marginLeft
{
	margin-left:18px;
}

.width300
{
	width:300px;
}

.getStarted
{
	color:blue;
}

.redText
{
	color:Red;
}

.frontPageButton
{
	margin:auto;
	margin-top:18px;
	margin-bottom:18px;
	width:100px;
	display:block;
}

.block
{
	display:block;
}

.bulletedList
{
    list-style:square;
    margin-left:24px;
}