/*
Version: 0.0.1
Description: Vlingo Stylesheet
*/

@import url("lists.css");

body {
	font-family:Arial, Verdana, sans-serif;
	font-size:62.5%;
	color: #505050;
	background: #0b3c72 url(../images/bg.png) repeat-x;
	background-position: 0 104px;
	margin:0;
	padding:0;
	text-align:center;
}

h2{
	margin-bottom:10px;
	margin-top:20px;
}

h3 { color: #0B3C72; }

a {
	outline:none;
	color:#638fbe;
}
:focus {
	-moz-outline-style: none;
}
.container{
	width:960px;
	text-align:left;
	margin:0 auto;
	position:relative;
	font-size:12px
}
form button {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* required field color */
.required { color: #FF6633; }

/********
	Header
		**********/
#header{
	height:104px;
	background:url(../images/header-bg.png) repeat-x;
}
#header h1 {
	position:absolute;
	left:18px;
	top:29px;
}
#header ul {
	position:absolute;
	top:53px;
	right:-10px;
}
#header ul li{
	float:left;
	display: inline;
}
#header ul li a{
	display:block;
	height:30px;
	text-indent:-9999px;
}
#header ul li.home a,
#header ul li.home {
	width: 64px;
	background:url(../images/topnav-home.gif);
}
#header ul li.about-us a,
#header ul li.about-us{
	width:85px;
	background:url(../images/topnav-about-us.gif);
}
#header ul li.products a,
#header ul li.products{
	width:90px;
	background:url(../images/topnav-products.gif);
}
#header ul li.in-the-news a,
#header ul li.in-the-news{
	width:99px;
	background:url(../images/topnav-in-the-news.gif);
}

#header ul li.work-with a,
#header ul li.work-with{
	width:147px;
	background:url(../images/topnav-working-with-vlingo.gif);
}

#header ul li.support a,
#header ul li.support{
	width:79px;
	background:url(../images/topnav-support.gif);
}
#header ul li.technology a,
#header ul li.technology{
	width:99px;
	background:url(../images/topnav-technology.gif);
}
#header ul li.blog a,
#header ul li.blog {
    width:67px;
	background:url(../images/topnav-blog.gif);
}
#header ul li.downloads a,
#header ul li.downloads{
	width:94px;
	background:url(../images/topnav-downloads.gif);
}

.about #header ul li.about-us a,
.about #header ul li.about-us,
.products #header ul li.products a,
.products #header ul li.products,
.news #header ul li.in-the-news a,
.news #header ul li.in-the-news,
.work-with #header ul li.work-with a,
.work-with #header ul li.work-with,
.support #header ul li.support a,
.support #header ul li.support,
.faq #header ul li.support a,
.faq #header ul li.support,
.technology #header ul li.technology a,
.technology #header ul li.technology,
.downloads #header ul li.products a,
.downloads #header ul li.products,
.usability #header ul li.downloads a,
.usability #header ul li.downloads,
.useguide #header ul li.support a,
.useguide #header ul li.support,
.blog #header ul li.blog a,
.blog #header ul li.blog

#header ul li a:hover{
	background-position:bottom left;
}

/********
	Left Navigation
		**********/
#leftnav{
	margin-top:100px;
	width:121px;
	margin-right:20px;
	margin-left:20px;
	float:left;
	font-size: 11px;
}
	
#leftnav li {
	
	padding-left: 14px;
	padding-bottom: 22px;
	background: url("../images/icon_bluearrow.gif") no-repeat 0 .2em;
}

#leftnav li.indent-once {
	margin-left: 15px;
	background: url("../images/icon_lightbluearrow_small.gif") no-repeat 0 .2em;
	padding-bottom: 10px;
}

#leftnav li.root-level {
	padding-bottom:10px;
}

#leftnav li a {
	color: #376392;
	text-decoration: none;
}
#leftnav li a:hover {
	color: #A83133;
	text-decoration: underline;
}
.newspress #leftnav li#press,
.newsevents #leftnav li#events,
.newsother #leftnav li#other,
.whitepapers #leftnav li#whitepapers,
.overview #leftnav li#overview,
.investors #leftnav li#investors,
.board #leftnav li#board,
.contact #leftnav li#contact,
.careers #leftnav li#careers,
.privacy #leftnav li#privacy,
.terms #leftnav li#terms,
.management #leftnav li#management,
.overview #leftnav li#overview,
.useguide #leftnav li#useguide,
.faq #leftnav li#faq,
.support #leftnav li#support
{
	background: url("../images/icon_redarrow_down.gif") no-repeat 0 .2em;
}
.newspress #leftnav li#press a,
.newsevents #leftnav li#events a,
.newsother #leftnav li#other a,
.whitepapers #leftnav li#whitepapers a,
.overview #leftnav li#overview a,
.investors #leftnav li#investors a,
.board #leftnav li#board a,
.contact #leftnav li#contact a,
.careers #leftnav li#careers,
.privacy #leftnav li#privacy a,
.terms #leftnav li#terms a,
.management #leftnav li#management a,
.overview #leftnav li#overview a
.useguide #leftnav li#useguide a,
.faq #leftnav li#faq a,
.support #leftnav li#support a
{
	color: #990000;
}
.newspress #leftnav li#press a:hover,
.newsevents #leftnav li#events a:hover,
.newsother #leftnav li#other a:hover,
.whitepapers #leftnav li#whitepapers a:hover,
.overview #leftnav li#overview a:hover,
.investors #leftnav li#investors a:hover,
.board #leftnav li#board a:hover,
.contact #leftnav li#contact a:hover,
.careers #leftnav li#careers a:hover,
.privacy #leftnav li#privacy a:hover,
.terms #leftnav li#terms a:hover,
.management #leftnav li#management a:hover,
.overview #leftnav li#overview a:hover,
.useguide #leftnav li#useguide a:hover,
.faq #leftnav li#faq a:hover,
.support #leftnav li#support a:hover

{
	color: #990000;
	text-decoration: none;
}
/********
	Default Main Content
		**********/
#contents{
	position:relative;
}

#main{
	width:489px;
	margin-top:30px;
	font-size:14px;
	padding-bottom:20px;
	float:left;
}

#main h3 { font-size:16px; }
#main h4 { font-size:14px; width:489px; }

#rightcolumn h3{
	font-size:20px;
	line-height:24px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:5px;
}

#main a{
	font-weight:bold;
}
#main ul {
	color:#f4781d;
	margin-bottom:5px;
}

#main ul li{
	padding-left:13px;
	background:url(../images/icon-bullet.gif) no-repeat 0 7px;
}
#main ul li p{
	margin-bottom:0;
}

#main .plain_list ul li { background-image: none; margin: 0px 0px 0px 20px;}
#main .plain_list li { list-style-type: disc; color: #666666;}
#main .plain_list .nested ul li { list-style-type: circle; margin: 0px 0px 0px 50px; }

#main table {font-size:12px;}
#main table .vth { font-weight:bold; background-color:#c6c6c6; }

/********
	Home Page Main Content
		**********/
.home #main{
	width:560px;
	margin: 20px 10px 0 10px;
	font-size:12px;
	padding-bottom:18px;
}

.home #main h2#why-tap {margin: 20px 0 10px 0; padding:0 25px 0 25px;}
.home #main h3 { padding:0 25px 0 25px;}

.home #rightcolumn { width: 286px; margin-top:20px; margin-left:35px;}
.home #rightcolumn h3
{
	color: #484848;
	font-size: 20px;
	font-weight:normal;
	margin-bottom:10px;
	
}
.home #rightcolumn p {line-height:18px;}

.home { color: #386c9c;}
.home a { color: #5ea326; font-weight:bold;}
.home #contents{
         background:#FFFFFF url(../images/contents-background-about.png) repeat-x scroll center top;
}

.home #contents #main #general {float:left; margin: 23px 0 0 0; padding:0 25px 0 25px; color:#666666; line-height:18px;}
.home #vlingo_for_blackberry {float:left; width:190px; margin:108px 0 0 0;}
.home #vlingo_for_iphone {float:right; width:190px; margin:108px 0 0 0; }

.home #usability_testing {width:960px;}

#diff_mobile {width:960px; font-weight:bold; margin-bottom:5px;}

#form-container {float: left; width:960px; margin:0 0 10px 0;}

#form-container #form-backdrop {
        float:left;
        font-size:11px;
	background:#FFFFFF url(../images/home-get-vlingo-background.jpg) no-repeat 0 0;
	width:523px;
	height:307px;
	color:white;
        margin:0 62px 0 63px;
         
}


#form-container #collapsed-form {
    float:left;
    font-size:11px;
    background: #FFFFFF url(../images/home-get-vlingo-background-closed.gif) no-repeat 0 0;
    width:595px;
    height:310px;
    color:white;
}

#form-container #collapsed-form {line-height:13px;}

#form-container #collapsed-form .formrow {float:left; width:595px;}
#form-container #collapsed-form .formrow #step-a {float:left; width:220px; margin: 40px 10px 8px 0; padding-left:48px; line-height:13px; }
#form-container #collapsed-form .formrow #step-b {float:left; width:150px; margin: 40px 10px 8px 0; padding-left:32px; line-height:13px; }
#form-container #collapsed-form .formrow .showform { float:left; width:90px; height:28px; margin:52px 0 9px 18px; position:relative; cursor:pointer; }
/*#form-container #collapsed-form .formrow .showform a {text-decoration:none; position:absolute; top:0px; left: 0px; width:90px; height:36px; z-index:0; }*/
#form-container #collapsed-form .formrow #iphone-text {float:left; width:240px; margin: 3px 10px 8px 0; padding-left:185px; }
#form-container #collapsed-form .formrow #iphone-text p {margin: 5px 0 0 0;}
#form-container #collapsed-form .formrow #iphone-learnmore {float:left; width:123px; margin: 11px 10px 0 0; padding-left:20px; }
#form-container #collapsed-form .formrow #iphone-download {float:right; width:90px; height:28px; margin:5px 0 0 0; padding: 0 12px 0 0; position:relative; }
#form-container #collapsed-form .formrow #iphone-download a {text-decoration:none; position:absolute; top:0px; left: -5px; width:95px; height:36px; z-index:0; }
#form-container #collapsed-form .formrow #nokia-text {float:left; width:220px;  padding-left:185px; }
#form-container #collapsed-form .formrow #winmo-text {float:left; width:220px;  padding:36px 0 0 185px; }

#form-container #expanded-form {
    float:left;
    font-size:11px;
    background: #FFFFFF url(../images/home-get-vlingo-background-open.gif) no-repeat 0 0;
    width:595px;
    height:310px;
    color:white;
    
}

#form-container #expanded-form .formrow {float:left; width:595px;}
#form-container #expanded-form .formrow #step-a {float:left; width:220px; margin: 40px 10px 8px 0; padding-left:48px; line-height:13px; }
#form-container #expanded-form .formrow #step-b {float:left; width:150px; margin: 40px 10px 8px 0; padding-left:32px; line-height:13px; }



#form-container #expanded-form #bbform { float:left; padding-left:25px; }
#form-container #expanded-form #bbform .formrow { float:left; margin: 2px 0 2px 0; padding:0 0 0 25px; }
#form-container #expanded-form #bbform .formrow * span.required {float:left;}
#form-container #expanded-form #bbform .formrow label { float: left; width: 100px; }
#form-container #expanded-form #bbform .formrow select { float:left; width: 165px; height:22px; font-size:12px; }
#form-container #expanded-form #bbform .formrow input { float:left; height:15px; font-size:12px; }

#form-container #expanded-form #bbform .formrow h5 { margin: 0 0 10px 0; font-size:12px;}
#form-container #expanded-form #bbform .formrow h5 a {color:red;}
#form-container #expanded-form #bbform .formrow .radioopt {float:left; margin:0 5px 0 0;}
#form-container #expanded-form #bbform .formrow #areacode { float:left;  width: 30px;}
#form-container #expanded-form #bbform .formrow #firstthree { float:left; width: 30px;}
#form-container #expanded-form #bbform .formrow #lastfour { float:left; width: 35px;}
#form-container #expanded-form #bbform .formrow #email { float:left; width: 120px;}

#form-container #expanded-form .close {float:left; width:55px; height:20px; position:relative; left:480px; top:10px; cursor:pointer;  }

/*#form-container #expanded-form #close a {text-decoration:none; position:absolute; top:0px; left: 0px; width:55px; height:15px; z-index:0; }*/

#bb_submit {left:445px; top:300px; width:95px; height:40px; position:relative; z-index:0; width:90px; cursor:pointer; clear:both; visibility:hidden; }

/*#form-container #expanded-form #bb_submit {position:relative; cursor:pointer; float:left; margin:-20px 0 0 0; padding-left:415px; width:90px; z-index: 10;} */


/********
	Right Column
		**********/
#right-column{
	width:265px;
	margin-top:100px;
	padding-bottom:385px;
	z-index:999;
	position:relative;
	margin-right:10px;
}
#bottom-right{
	position:absolute;
	right:0;
	bottom:-15px;
}
#right-column .pod {
	margin-left: 2px;
	margin-bottom: 14px;
}
#right-column .demo {
	padding-top: 12px;
}
#download-pod{
	position: relative;
	background:url(../images/download-bg.gif) no-repeat;
	height:111px;
	width:260px;
	margin-bottom: 14px;
}
#download-pod h3{
	color:#333333;
	font-size:14px;
	padding-left:20px;
	padding-top:17px;
	width:190px;
}
#download-pod p{
	margin-top:14px;
	margin-left:30px;
	color:#666666;
}
#download-pod p img {
	position: relative;
	display: inline;
	margin-right: 6px;
	vertical-align: text-bottom;
	margin-bottom: -2px;
}
#download-pod a.coverbox {
	position: relative;
	display: block;
	width: 260px;
	height: 111px;
	top: 0;
	left: 0;
	z-index: 9999;
	text-decoration: none;
	background-color: silver;
}
#download-pod a span {
	visibility: hidden;
}
/********
	Sub Page - Work With Vlingo
		**********/
h2{
	margin-bottom:10px;
	margin-top:20px;
}
.work-with #contents{
	background:#FFF url(../images/contents-background-carriers.png) repeat-x top;
}		

/********
	Sub Page - About Us
		**********/
.about #contents{
	background:#FFF url(../images/contents-background-about.png) repeat-x top;
}
.about #main h4{
	font-size:20px;
	color:#376392;
	line-height:1.0em;
	margin-top:15px;
	margin-bottom:6px;
	font-weight:normal;
}	
.about #main p strong{
	display:block;
	line-height:1.0em;
	margin-top:5px;
	margin-bottom:5px;
}
.about #main .manager{
	margin-bottom:20px;
}

.about #main p {
	margin-bottom:20px;
}

/********
	Sub Page - In The News
		**********/
.news #contents{
	background:#FFF url(../images/contents-background-about.png) repeat-x top;
}

.news #main li{
	margin-bottom:8px;
}

.news #main .meetimg { margin: 0px 0px 10px 0px; }

.news h4{
	margin-bottom:6px;
}

.news h4.contacts {
	margin-top:22px;
	margin-bottom:6px;
}

.news h5{
	font-size:1.0em;
	line-height:1.0em;
	margin-top:14px;
	margin-bottom:6px;
	font-weight:bold;
}

.news p.contact{
	margin-top:14px;
	font-size:0.95em;
	line-height:1.1em;
}

.news .event_date{
	font-size:0.85em;
	font-weight:bold;
	position:absolute;
	left:445px;
	width:115px;
}

.news .event_location{
	font-size:0.85em;
	position:absolute;
	left:570px;
	width:115px;
}
.news .event_booth{
	font-size:0.85em;
	font-weight:bold;
	position:relative;
	left:8px;
}

.news img.event_meet{
	position:relative;
	left:1px;
	top:2px;
}

.news .news_source{
	font-size:0.85em;
	position:relative;
	left:4px;
	top:0px;
}

.news #blog {float:right; margin:42px 13px 0 0;}

.disclaimer {
	font-size: .8em;
	margin-top: 25px;
}
.warning {
        color:#990000;
	font-size: .8em;
	margin-top: 25px;
}

/********
	Sub Page - None (used for error page)
		**********/
h4{
	margin-bottom:10px;
	margin-top:20px;
}
.none #contents{
	background:#FFF url(../images/contents-background-about.png) repeat-x top;
}	


/********
	Sub Page - Support
		**********/
h4{
	margin-bottom:10px;
	margin-top:20px;
}
.support #contents{
	 background:#FFF url(../images/contents-background-about.png) repeat-x top;
}	


/********
	Sub Page - User Guides
		**********/

.useguide #contents{ background:#FFFFFF url(../images/contents-background-about.png) repeat-x scroll center top;}
.useguide #main h2 		{
	  font-size:1.43em; /*20px*/
	  color:#376392;
	  line-height:1.0em;
	  margin-top: 15px;
	  margin-bottom: 6px;
	  font-weight:normal;
				}


#instructions table td.caption p { margin:10px 0px 0px 20px; } 
#instructions table h2 {  margin: 0px 0px 0px 15px; }

/********
	Sub Page - Technology
		**********/
.technology #contents{
	background:#FFF url(../images/contents-background-technology.png) repeat-x top;
}
.technology #main h4{
	font-size:1.17em; /*14px*/
	color:#ff6600;
	line-height:1.0em;
	font-weight:normal;
	margin-top:25px;
}
.technology #diagram{
	margin-left:158px;
	margin-bottom:100px;
}
/********
	Sub Page - Downloads
		**********/
.downloads #contents{
	background:#FFF url(../images/contents-background-about.png) repeat-x top;
}
.downloads h2,
.downloads h3,
.downloads h4,
.downloads #main p {
	margin-left:6px;
}
.downloads #main p {
	margin-top: 6px;
	margin-right: 20px;
}
.downloads #main li 
{
	padding-left:20px;
	background:url(../images/icon-bullet.gif) no-repeat 7px 7px;
}
.downloads h2{
	margin-bottom:0;
}
.downloads #main h3{
	margin-bottom:10px;
	margin-top:3px;
}
.downloads #right-column{
	width:265px;
	margin-top:38px;
/*	padding-bottom:385px;*/
	z-index:999;
	position:relative;
	margin-right:36px;
}
.downloads #leftnav{
	margin-top:113px;
	width:130px;
	margin-right:21px;
	margin-left:14px;
	height:auto;
	float:left;
	font-size: .95em;
}
.downloads #leftnav li {
	padding-left: 14px;
	padding-bottom: 22px;
	background: url("../images/icon_greyarrow.gif") no-repeat 0 .2em;
}
.stepone2 #leftnav li#stepone,
.stepone #leftnav li#stepone,
.steptwo #leftnav li#steptwo,
.steptwo2 #leftnav li#steptwo,
/*.stepthree #leftnav li#stepone, */  
.stepthree #leftnav li#stepthree,
.stepfour #leftnav li#stepfour,
.stepfive #leftnav li#stepfive {
	background: url("../images/icon_redcircle.gif") no-repeat 0 .2em;
	color:#990000;
}
.steptwo #leftnav li#stepone,
.stepthree #leftnav li#stepone,
.stepthree #leftnav li#steptwo,
.stepfour #leftnav li#stepone,
.stepfour #leftnav li#steptwo,
.stepfour #leftnav li#stepthree {
	background: url("../images/icon_bluearrow.gif") no-repeat 0 .2em;
}
.downloads .groupcontainer {
	min-height:54px;
	padding-top:52px;
}
.downloads .group {
	width:279px;
	background: url("../images/download_dropshad_left.gif") no-repeat 0 0 #ffffff;
	position:relative;
	min-height:54px;
}
.downloads .group .inner {
	background: url("../images/download_dropshad_bot.gif") no-repeat bottom left;
	padding:0 18px 21px 14px;
	min-height:33px;
}
.downloads .group .bottomrightcorner {
	position:absolute;
	bottom:0px;
	right:0px;
	width:11px;
	height:18px;
	background: url("../images/download_dropshad_br.gif") no-repeat;
}
.downloads .group a.select {
	position: absolute;
	bottom: 20px;
	left: 14px;
	width: 279px;
	height: 54px;
	background: url("../images/download_icon_select_off.gif") no-repeat 0 60%;
}
.downloads .group a.select:hover {
	background: url("../images/download_icon_select_on.gif") no-repeat 0 60%;
}
.downloads .group a.select img {
	position: absolute;
	bottom: 0;
	right: 31px;
}

/* Downloads: Step Two */
.steptwo #main {
	width:777px;
}
.steptwo h4 {
	font-size:1.3em;
	font-weight:normal;
	margin-top:24px;
	margin-bottom:11px;
}
.downloads #main .notlisted {
	margin-left:6px;
	font-weight:normal;
}
.steptwo #right-column {
	position:absolute;
	width:265px;
	top:38px;
	margin-top:0;
	padding-bottom:0;
	z-index:999;
	right:41px;
	margin-right:0;
}
.steptwo .groupcontainer {
	min-height:auto;
	padding-top:0;
}
.steptwo .group {
	width:auto;
	min-height:auto;
}
.steptwo .inner {
	min-height:auto;
}
.steptwo .group a.select {
	position:relative;
	display:block;
	left:auto;
	bottom:auto;
}
.downloads .phone {
	float:left;
	text-align:center;
	margin-right:40px;
	font-size:1.1em;
	font-weight: bold;
}
.steptwo .phone {
	width:106px;
	height: 150px;
	position: relative;
}
.steptwo .phone a.select {
	color: #666666;
	top: 0;
	bottom: auto;
	left: 0;
	width: 106px;
	height: 150px;
	background: url("../images/download_icon_select_off.gif") no-repeat 50% bottom;
	text-decoration: none;
}
.steptwo .phone a.select:hover {
	background: url("../images/download_icon_select_on.gif") no-repeat 50% bottom;
}
.downloads .phone img {
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
}
.steptwo .phone a.select img {
	position: relative;
	bottom: auto;
	right: auto;
}
.steptwo .next {
	margin-top:36px;
}
.steptwo .last {
	margin-right:0;
}
/* Downloads: Sorry, no carrier and Sorry, no phone */
.sorry .carrier, 
.sorry form.floatwrapper {
	width: 434px;
}
.sorry .phone {
	width: auto;
}

/* Downloads: Step Three */
.stepone2 #main,
.steptwo2 #main,
.stepthree #main {
	width:434px;
}
.sorry .carrier, 
.sorry .phone, 
.stepone2 .phone,
.steptwo2 .phone,
.stepthree .phone, 
.stepfour .phone {
	margin:32px 0 15px 6px;
}

.stepone form.floatwrapper, 
.sorry form.floatwrapper, 
.stepone2 form.floatwrapper,
.steptwo2 form.floatwrapper,
.stepthree form.floatwrapper, 
.stepfour .whatsnext {
	clear:left;
	border-top:1px solid #666666;
	padding-top:14px;
}
.stepone form.floatwrapper, 
.steptwo form.floatwrapper p, 
.stepone2 form.floatwrapper p,
.steptwo2 form.floatwrapper p,
.stepthree form.floatwrapper p, 
.stepfour .whatsnext p {
	font-size:1.3em;
	line-height:1.25em;
    }
.stepone form.floatwrapper input.text, 
.steptwo form.floatwrapper input.text {
	margin-right:27px;
}
.stepone form.sendtext p.instructions,
.stepone2 form.sendtext p.instructions,
.steptwo2 form.sendtext p.instructions,
.stepthree form.sendtext p.instructions {
	font-size:1em;
	padding-top:5px;
	margin-bottom:15px;
}
.stepone form.sendtext .row,
.stepone2 form.sendtext.row
.steptwo2 form.sendtext.row
.stepthree form.sendtext .row {
	min-height:33px;
}
.stepone form.sendtext .row label,
.stepone2 form.sendtext .row label,
.steptwo2 form.sendtext .row label,
.stepthree form.sendtext .row label {
	font-weight:normal;
	width:60px;
	float:left;
	display:inline;
	margin-left:7px;
}
.stepthree form.sendtext .checkboxes {
	margin-left:66px;
}
.stepthree form.sendtext .checkboxes .checkbox {
	display:inline;
}
.stepthree form.sendtext .checkboxes label {
	float:none;
	width:auto;
	font-size:.9em;
}
.stepthree form.sendtext .submit {
	height: 19px;
	width: 135px;

}
.stepthree form.sendtext a.submitwrap {
	background: url("../images/btn_get_vlingo_find.gif") no-repeat 0 0;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:19px;
	width:135px;
	margin-left:66px;
}
.stepthree form.sendtext a.submitwrap:hover {
	background-position: 0 -19px;
}
.downloads #main ul {
	padding-top: 15px;
}

/********
	Sub Pages - Products Landing Page
		**********/

.products #contents{ background:#FFF url(../images/contents-background-about.png) repeat-x top;}		
.products #landing {margin: 30px 0 0 40px; font-size:13px; line-height:1.4em; }
.products #landing h2 {margin-top:34px;}
.products #landing h3 {font-weight:normal; font-size: 1.43em; line-height:1.25em; margin: 5px 0 10px 0;}
.products #landing p { margin: 10px 0px 0px 0px; }
.products #landing ul {margin: 10px 0px 0px 30px;}
.products #landing ul li {list-style-type: disc !important; background: none; color: #666666; }

.products #vlingo_product_list .descr {margin: 20px 0 0 0;}
.products #vlingo_product_list { width:489px; font-size: 12px !important; line-height:1.4em; padding-bottom:20px; }
.products #vlingo_product_list h4 {font-size:18px; margin:0 0 8px 0;}
.products #vlingo_product_list .descr .learnbutton {margin: 5px 0 0 0;}


#landing #usability {float:left; margin:117px 0 0 -3px;}

.products #rightcolumn { float: left; width:431px }
.products #rightcolumn #twitter { float:left; width:108px; margin: 40px 0 20px 0; padding-left:301px; color:#497aa5; }

.products .vlingoproductimg { float:left; width:431px; padding:0 0 10px 0; }
.products .vlingoproductimg img {float:right;}
.products .vlingodemoimg { float:left; width:229px; /*margin: 58px 0 25px 0; */ padding: 58px 0 25px 0;}
.products .vlingodemoimg img {float:right;}

.products #buttons { float: left; width:489px; }
.products #buttons #twitter {float:left; width:108px;}
.products #buttons #iphonedownload {float:right; width:106px; margin:19px 0 0 0;}

/********
	Download vlingo Form
		**********/

#contents #twitter-dropin { float:right;  margin: 28px 30px 0 0; color:#497aa5; text-align:center; }
#contents #bb-dropin-tab { float:right; width:187px; height:100px; margin:23px 0 0 0; background:#FFFFFF url(../images/products-get-vlingo-blackberry-nobutton.jpg) no-repeat right top; }
.products #vlingo_product { width:489px; margin-top:30px; font-size: 12px !important; padding-bottom:20px; }
.products #vlingo_product p { margin: 10px 0px 20px 0px; }
.products #vlingo_product p.instructions  { margin: 10px 0px 10px 0px; }
.products #vlingo_product ul li {list-style-type:disc; margin-left:20px; }

.products #bb_dropin { background:#FFFFFF url(../images/dropin-blackberry-with-vlingo.jpg) no-repeat top; width:254px; height:388px; margin:21px 0 0 0;}
.products #iphone_dropin { background:#FFFFFF url(../images/dropin-iphone-with-vlingo.jpg) no-repeat top; width:254px; height:388px; margin:103px 0 0 0;}
.products #blog {float:right; margin:42px 13px 0 0;}

.products #product_comparison { float:left; background:#FFFFFF url(../images/get-vlingo-blackberry-background-closed.gif) no-repeat right top; width:949px; height:462px; }
.products #product_comparison table {float:left; color:white; margin:15px 0 0 0; }
.products #product_comparison table td {padding:3px 0 3px 0;}
.products #product_comparison table th {padding:0 0 3px 0;}
.products #product_comparison table th.feature-head {width:380px; border-bottom: 1px solid white; font-weight:bold; font-size:13px;}
.products #product_comparison table th.vlingo-head { width:102px; border-bottom: 1px solid white; text-align:center; font-weight:bold; font-size:13px; }
.products #product_comparison table th.vlingo-plus-head { width:288px; border-bottom: 1px solid #2d6296; text-align:center; color:#2d6296; font-weight:bold; font-size:13px; }

.products #product_comparison table td.feature {width:380px; border-bottom: 1px solid white; line-height:13px;}
.products #product_comparison table td.vlingo-lite {width:102px; border-bottom: 1px solid white; text-align:center;}
.products #product_comparison table td.vlingo-plus { width:288px; border-bottom: 1px solid #2d6296; text-align:center; color:#2d6296; }

.products #product_comparison table td.vlingo-lite-price {width:102px; text-align:center;}
.products #product_comparison table td.vlingo-plus-price { width:273px; color:#2d6296; padding: 3px 5px 3px 10px; line-height:13px;}
.products #product_comparison #getvlingo {position:relative; width:100px; height:30px; cursor:pointer; z-index:0; top:17px; left:184px; }

.products #getvlingofrm {   
                            display:none;
                            float:left;
                            background: transparent url(../images/get-vlingo-blackberry-form-background.gif) no-repeat right top;
                            width:545px;
                            height:199px;
                            position:relative;
                            left:283px;
                            top:-198px;
                            z-index:2;
                        }

.products #getvlingofrm #submit {position:relative; width:100px; height:30px; cursor:pointer; z-index:3; left:432px; top:140px; }
.products #getvlingofrm #close {position:relative; width:60px; height:15px; cursor:pointer; z-index:3; top:8px; left:477px; }
.products #sms_me { color:white; margin:-41px 0 0 10px; padding: 1px 0 0 0; }
.products #sms_me form * {font-size:12px;}
.products #sms_me .formrow { margin-bottom:6px; }
.products #sms_me .formrow label {float:left; display:inline; text-align:left; font-weight: bold; width:184px;}
.products #sms_me select {width: 210px; height:22px;}
.products #sms_me input {height:15px;}
.products #sms_me #email {width: 204px;}
.products #sms_me #firstname, #sms_me #lastname  {width: 194px;}
.products #sms_me #areacode, #firstthree { width : 35px; }
.products #sms_me #lastfour { width: 45px; }
.products #vlingo_product #diff_mobile {width:420px; margin: 0; margin-bottom: 1em; color:#436299; font-weight:bold; text-align:center;}



/********
 *	Unsupported Phone Form
 *			************/

.products #vlingo_product #unsupported form * {font-size:10px;}
.products #vlingo_product #unsupported .formrow { margin-bottom:10px; }
.products #vlingo_product #unsupported .formrow label {float:left; width: 140px;}
.products #vlingo_product #unsupported .formrow select {width:250px;}
.products #vlingo_product #unsupported .formrow input {width:250px;}
.products #vlingo_product #unsupported .formrow #areacode,
.products #vlingo_product #unsupported .formrow #firstthree {width:35px;}
.products #vlingo_product #unsupported .formrow #lastfour {width:45px;}
.products #vlingo_product #unsupported .formrow #email-link,
.products #vlingo_product #unsupported .formrow #sms-link {width:20px;}



/********
 *	Vlingo for BlackBerry Landing Page
 *			************/

.products #for_bb { 
        background: transparent url(../images/vlingoforblackberry-form-background.gif) no-repeat right top; color:white;
        margin:25px 0 0 0;
        padding: 1px 0 0 0;
        float: left;
        width:545px;
        height:204px;

    }
.products #for_bb_form {margin-top:-10px;}
.products #for_bb form * {font-size:12px;}
.products #for_bb .formrow { margin-bottom:6px; margin-left:10px; width:410px; }
.products #for_bb .formrow label {float:left; display:inline; text-align:left; font-weight: bold; width:184px;}
.products #for_bb select {width: 210px; height:22px;}
.products #for_bb input {height:15px;}
.products #for_bb #email {width: 204px;}
.products #for_bb #firstname, #sms_me #lastname  {width: 194px;}
.products #for_bb #areacode, #firstthree { width : 35px; }
.products #for_bb #lastfour { width: 45px; }
.products #for_bb_submit {position:relative; width:100px; height:30px; cursor:pointer; z-index:3; left:432px; top:164px; margin-top:-10px; }

/********
	Sub Page - Video popup
		**********/
.video {
	background:none;
	background-color:#000000;
        font-size:10px;
}

/********
	Footer
		**********/
#contents-footer{
	height:15px;
	width:960px;
	background:#FFF;
	margin:0 auto;
	background:url(../images/contents-footer-bg.png);
}
#footer{
	margin:45px auto 0 auto;
	padding-bottom:100px;
	padding-top:15px;
	font-size:1.1em; /*11px*/
	width:900px;
	color:#bcbcbc;
	border-top:solid 1px #3b6089;
}
#contents-footer img, #contents-footer span{
	position:absolute;
	bottom:0;
	right:0;
	z-index:9999;
}
#footer a{
	color:#ff9933;
}
#footer span{
	padding:0 15px;
}


/* ------------------------------------------ */

/********
	Usability Testing Signup Form
		**********/

.usability #contents {
	background:#FFF url(../images/contents-background-about.png) repeat-x top !important;
	
}

.usability #right-column{
	width:265px;
	margin-top:38px;
/*	padding-bottom:385px;*/
	z-index:999;
	position:relative;
	margin-right:41px;
}
.usability #leftnav{
	margin-top:113px;
	width:130px;
	margin-right:21px;
	margin-left:14px;
	height:auto;
	float:left;
	font-size: .95em;
}
.usability #leftnav li {
	padding-left: 14px;
	padding-bottom: 22px;
	background: url("../images/icon_greyarrow.gif") no-repeat 0 .2em;
}

.step0 #leftnav li#stepone,
.step1 #leftnav li#steptwo,
.step2 #leftnav li#stepthree,
.step3 #leftnav li#stepfour,
.step4 #leftnav li#stepfive {
	background: url("../images/icon_redcircle.gif") no-repeat 0 .2em;
	color:#990000;
}

.usability .buttons { border-top: 1px solid #333333; padding-top: 10px; }
.usability .buttons .cancelbtn {float: left; display: inline; }
.usability .buttons a.cancelbtn {text-decoration:none; }



.usability .buttons a.nextbutton, .usability .buttons a.submitbtn 
{
	float: right;
	display: block;
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background-position: 0 0;
}

.usability .buttons a.nextbutton,
.usability .buttons a.nextbutton input
{
	width:114px;
	background: url("../images/btn_next.gif") no-repeat top left;
}

.usability .buttons a.submitbtn,
.usability .buttons a.submitbtn input
{
	width:114px;
	background: url("../images/btn_devsubmit.gif") no-repeat top left;
}

.usability .buttons a.nextbutton input, .usability .buttons a.submitbtn input { height: 19px; }

.usability .buttons a.nextbutton:hover, .usability .buttons a.submitbtn:hover { background-position: 0 -19px; }

#main .question { font-weight:bold; margin: 10px 0px 10px 0px; }
#main #betareg input { margin: 0px 5px 0px 0px }
#main #betareg textarea { margin: 10px 0px 0px 0px;}
#main #betareg table tr.highlighted {background-color:#EFEFEF;}
#main #betareg table td.category { width: 200px; }
#main #betareg table th.response, td.response { width: 75px; text-align: center; }
#main #betareg .indentedfield {margin: 5px 0px 0px 20px;}


/********
	Meet With Vlingo Signup Form
		**********/

#meetvlingo .formrow {
	margin-bottom:15px;
	font-size: .9em;
}
#meetvlingo .formrow label {
	float:left;
	display:inline;
	text-align:left;
	font-weight: bold;
	line-height: 1.2em;
}

#meetvlingo .formrow label.shorter { width:120px; }
#meetvlingo .formrow label.longer { width:200px; }

#meetvlingo input { width:150px; }
#meetvlingo #meetwith, #meetvlingo #country, #meetvlingo #date { width: 155px;}
#meetvlingo #meetingtime {width: 100px;}
#meetvlingo #ampm {width:50px;}

#meetvlingo .buttons input { width:100px; }




/********
	Industry Whitepaper Request Form
		**********/

#whitepapers .formrow {
	margin-bottom:15px;
	font-size: .9em;
}
#whitepapers .formrow label {
	float:left;
	display:inline;
	text-align:left;
	font-weight: bold;
	line-height: 1.2em;
}

#whitepapers .formrow label.shorter { width:120px; }
#whitepapers .formrow label.longer { width:200px; }


/********
       BES Admin Instructions 
                        ********/
#bes_perm_list { border: 1px solid #c6c6c6;  }
#bes_perm_list td {border: 1px solid #c6c6c6; padding:4px;}

#bes-instructions ol {margin-left:30px; }
#bes-instructions ol li {margin-bottom:10px;}
#bes-instructions img { margin-top:10px;}

/********
        Nokia Client SMS Form
                        ********/
#sms_form { float:left; margin:0 0 20px 0; }
#sms_form #send_sms .formrow { float:left; width:489px; }
#sms_form #send_sms .formrow * span.required {float:left;}
#sms_form #send_sms .formrow label { float: left; width: 120px; }
#sms_form #send_sms .formrow input { float:left; font-size:12px; }
#sms_form #send_sms .formrow #countrycode { float:left; width: 35px; }
#sms_form #send_sms #phonefield { margin: 10px 0 0 0; }
#sms_form #send_sms .formrow #phonenumber { float:left; width: 102px; margin: 0 0 0 10px; }
#sms_form #send_sms .formrow #submitbutton { float:left; margin:-2px 0 0 15px; }