/* RESET */
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;} :focus {outline:0;} ins {text-decoration:none;} del {text-decoration:line-through;} table {border-collapse:collapse;border-spacing:0;}
/* CONTROLS */
.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* GRID 960 */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* iDialog */
body{
	font-family:arial, helvetica, sans-serif;
	font-size:13px;
	background:#E6E6E6 url(../images/bg.jpg) 0px 0px repeat-x;
}

div#body-inner{
	padding:0px 30px;
}

div.above-fold{
	height:342px;
}

div.below-fold{
	position:relative;
}


/* Link Lists */
ul#nav{
	position:absolute;
	top:83px;
	width:160px;
}

div.below-fold ul{
	border-top:1px solid #B5B5B5;
	border-bottom:1px solid #fff;
}

div.below-fold ul li{
	border-top:1px solid #fff;
	border-bottom:1px solid #B5B5B5;
}

ul li a:link, ul li a:visited{
	font-size:12px;
	display:block;
	color:#4D4D4D;
	padding:8px 0 8px 0;
	text-decoration:none;
}

ul li a:link:hover, ul li a:visited:hover{
	background-color:#ddd;
	text-decoration:none;
	color:#262626;
}

ul li a em{
	font-style:normal;
	color:#4D4D4D;
}

h3{
	color:#4D4D4D;
	font-size:24px;
	font-weight:normal;
	padding:8px 5px 5px 5px;
	margin:15px -5px 3px -5px;
	
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;

	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

h3.highlight{
	background-color:#ccc;
}

hr{
	border:none;
	border-top:1px solid #B5B5B5;
	border-bottom:1px solid #fff;
	margin:25px 0 0 0;
}

/* LOGOS */
div#logos{
	position:relative;
}

div#brand a:link, div#brand a:visited{
	text-indent:-9999px;
	display:block;
	width:160px;
	height:90px;
	text-decoration:none;
	background:transparent url(../images/modality-systems.jpg) 0px 0px no-repeat;
}

div#brand a:link:hover, div#brand a:visited:hover{
	text-decoration:none;
}

div#icon{
	position:absolute;
	left:0px;
	top:122px;
}

div#icon a:link, div#icon a:visited{
	text-indent:-9999px;
	display:block;
	width:160px;
	height:170px;
	text-decoration:none;
	background:transparent url(../images/idialog-icon.gif) 0px 0px no-repeat;
}

div#icon a:link:hover, div#icon a:visited:hover{
	text-decoration:none;
}

/* INTRO */
div#body-inner{
	position:relative;
}

div#intro {
	margin-top:138px;
}

div#intro h1{
	text-indent:-9999px;
	color:#fff;
	display:block;
	width:399px;
	height:56px;
}

div#intro h1.idialog{
	background:transparent url(../images/h1-idialog.jpg) 0px 0px no-repeat;
}

div#intro h1.idialog-support{
	background:transparent url(../images/h1-idialog-support.jpg) 0px 0px no-repeat;
}

div#intro hr{
	margin:3px 0 10px 0;
	border:none;
	border-top:1px solid #3B3B3B;
	border-bottom:1px solid #7A7A7A;
}

div#intro h2{
	margin-top:20px;
	color:#fff;
	font-size:19px;
	font-weight:normal;
	line-height:25px;
}

div#intro h2 a:link, div#intro h2 a:visited{
	font-size:19px;
	color:#B3B3B3;
	text-decoration:none;
	border-bottom:1px solid #B3B3B3;
}

div#intro h2 a:link:hover, div#intro h2 a:visited:hover{
	text-decoration:none;
	border-color:transparent;
}

div#content{
	margin-top:97px;
}

/* BODY */
div#body{
	padding:0 0 50px 0;
}

div#body p{
	color:#4D4D4D;
	font-size:13px;
	margin:15px 0;
	line-height:15px;
}

div#body a:link, div#body a:visited{
	font-size:13px;
	color:#262626;
	text-decoration:underline;
}

div#body a:link:hover, div#body a:visited:hover{
	text-decoration:none;
}

div#body li a:link, div#body li a:visited{
	text-decoration:none;
}


/* iPhone */
div#iphone{
	position:relative;
	background:transparent url(../images/iphone.jpg) 0px 0px no-repeat;
	min-height:630px;
}

div#iphone div#demo{
	color:#fff;
	background-color:#000;
	position:absolute;
	top:172px;
	left:27px;
	width:228px;
	height:325px;
}

/* ABOUT */
div#about{
	color:#808080;
	font-size:11px;
	position:absolute;
	top:610px;
	left:0px;
	padding:0 16px;
}

h4{
	color:#808080;
	padding:0;
	margin:0;
	font-size:12px;
}

div#about hr{
	margin:7px 0 5px 0;
}

div#about p{
	margin:10px 0;
	line-height:17px;
}

div#about a:link, div#about a:visited{
	color:#4D4D4D;
	text-decoration:underline;
}
div#about a:link:hover, div#about a:visited:hover{
	color:#262626;
	text-decoration:none;
}



/* SUPPORT BUTTON */
div#support-btn a:link, div#support-btn a:visited{
	position:absolute;
	top:0px;
	left:44px;
	text-indent:-9999px;
	display:block;
	width:193px;
	height:37px;
	text-decoration:none;
	background:transparent url(../images/support-btn.gif) 0px 0px no-repeat;
}

div#support-btn a:link:hover, div#support-btn a:visited:hover{
	background-position:0px -37px;
	text-decoration:none;
}

/* APP STORE BTN */
a.app-store-btn:link, a.app-store-btn:visited{
	text-indent:-9999px;
	display:block;
	width:160px;
	height:52px;
	text-decoration:none;
	background:transparent url(../images/app-store-btn.gif) 0px 0px no-repeat;
	margin:0 0 18px 0;
}

a.app-store-btn:link:hover, a.app-store-btn:visited:hover{
	background-position:0px -52px;
	text-decoration:none;
}


/* SUPPORT FORM */
div#content.form hr{
	margin:0 0 10px 0;
	padding:0;
}

label{
	font-size:10px;
	color:#4D4D4D;
	display:block;
	font-weight:bold;
	margin:6px 0 4px 0;
}

select{
	margin:8px 0 0 0;
}

input.text, textarea{
	font-family:arial,helvetica,sans-serif;
	color:#4D4D4D;
	font-size:14px;
	padding:8px;
	background-color:#F2F2F2;
	border:1px solid #C7C7C7;
	width:382px;
}

textarea{
	font-size:13px;
	height:110px;
	margin:0 0 10px 0;
}

div.support-type{
	float:left;
}

div.support-answer{
	float:right;
}

div.support-answer input.text{
	width:222px;
}

div.error{
	font-size:10px;
	font-weight:bold;
	color:#fff;
	/*background-color:#ff0000;*/
	background-color:#E08690;
	padding:2px;
}

input.text.error, textarea.error{
	/*border-color:#ff0000;*/
	border-color:#E08690;
	margin-top:0;
}