/******* Supported phones *******/

div.smallpagecontrols {
        height:20px;
        padding-left:0px;
        position:relative;
        padding-top: 5px;
}


div.smallpagecontrols .rightButton{
        position:absolute;
        right:0px;
}

div.smallpagecontrols .pagedisplay {
        position:absolute;
        left:55px;
        top:6px;
        width: 50px;
        text-align: center;
        font-size: 9px;
        font-family: Arial, Helvetica, sans-serif;
}

.frontpage .lead {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0 0 10px 20px;
}

.frontpage p {
        margin-left: 20px;
        margin-right: 200px;
        line-height: 1.35em;
        color: #666;
}

p.buttons {
        text-align: center;
        margin: 1em 0 0 0;
        clear: left;
}

.frontpage p strong {
        font: bold 1.3em "Trebuchet MS", Trebuchet, verdana, arial, sans-serif;
        color: #bf1b1c;
}

.frontpage {
        height: auto !important;
        overflow: hidden;
        height: 1%;
}

#frontlift {
        position: relative;
        margin-left: 3px;
        margin-top: 3px;
}

#frontlift .phone {
        position: absolute;
        right: 30px;
        top: 185px;
}

ul.learn_more {
        list-style-type: none;
        padding: 0;
        margin: 0 0 3px 3px;
}

ul.learn_more li {
        background: #d84d1a;
        text-align: center;
        float: left;
        padding: 0;
        margin: 0;
}

ul.learn_more li a:link, ul.learn_more li a:visited {
        display: block;
        color: #fff;
}

#example_widgets
        {
        margin-top : 10px;
        border: solid 1px #ddd;
        background: #ffffff;
        width        : 580px;
        }

#example_widgets h2
        {
        border-bottom: solid 1px #ddd;
        padding: 5px 10px;
        margin-bottom: 10px;
        }

#example_widgets h2.description
        {
        border-bottom : 0px;
        display : inline;
        text-decoration : none;
        margin-bottom: 0px;
        }

#example_widgets div.example
        {
        border: 1px solid #ddd;
        background: #fff;
        float: left;
        text-align: center;
        width: 70px;
        margin-right: 8px;
        padding-top: 5px;
        padding-bottom: 5px;
}

p.ingress {
        font-size:14px;
        color:#999999;
        margin:0px;
}

/* InitialSetLibrary */

#initialSetLibrary {
        width                : 280px;
        float                : left;
}

#initialSetLibrarySearch input {
        margin                : 0px 6px 0px 6px;
        height                : 18px;
        width                : 130px;
        font-size        : 13px;
        float                : left;
}


#initialSetLibrarySearch .home {
        float        : left;
}

#searchresults {
        margin-top        : 10px;
        clear                : left;
        border                : 1px solid #cdcdcd;
        width                : 240px;
        overflow        : hidden;
        height                : 339px;
}

#searchresults ul {
        margin                : 0px;
        padding                : 0px;
        list-style        : none;
        background        : #cdcdcd;
}

#mainpageWidgets li {
        background        : #ffffff;
        margin                : 0px 0px 1px 0px;
        display                : block;
        overflow        : hidden;
        height                : 57px;
        padding: 5px;
        position: relative;
}

#searchresults ul li h2 {
        margin                : 0px 0px 1px 0px;
        font-size        : 11px;
}

img.widgetDetail {
        position:absolute;
        cursor:pointer;
        display:none;
}




#searchresults ul li img.magnify {
        position:absolute;
        right:5px;
        bottom:10px;
        display: none;
        z-index: 1;
}



#searchresults ul li p {
        width:165px;
        height: 22px;
        overflow: hidden;
        line-height: 11px;
        font-size: 10px;
        margin: 0 0 3px 0;
}

#scroller {
        margin-top        : 10px;
}


#mainpage {
        background        : transparent url('../images/mainpage_arrows.gif') no-repeat;
        width                : 820px;
        height                : 470px;
        margin-top        : 50px;
}


#mainpageColumn3 {
        width                : 240px;
        float                : left;
}

#initialSetDabo {
        position: absolute;
        left: 27px;
        top: 34px;
        width: 177px;
        height: 208px;
        overflow: hidden;
        border: 1px solid #000;
        background: #ffffff url(../images/backgrounds/background_frontpage_mobile.jpg) bottom left;
        visibility: hidden;
}

#javaNotEnabled {
        position: absolute;
        left: 21px;
        top: 35px;
        width: 156px;
        height: 188px;
        border: 1px solid #000;
        /*background: #0F2F56 url(../images/dashboard_bkg.gif) bottom left;*/
        color: #fff;
        padding:10px;
        text-align:center;
}

#downloadtomobile
        {
        margin-top        : 40px;
        text-align        : center;
        display                : block;
        }

#itsfree {
        margin-top        : 25px;
}

#itsfreecontent {
        background:url('../images/box_bgr.gif') repeat-y;
        width:240px;
}

#mainpageWidgets {
        position:absolute;
        top:0px;
        width:100%;
        display:block;
}


#initialSetDaboScroller {
        position:absolute;
        top:10px;
        left:32px;
        width:2000px;
        height:140px;
}

#initialSetLivePreview {
        position:absolute;
        top:79px;
        left:38px;
        height:430px;
        width: 220px;
}

#initialSetDaboScroller div.widget {
        position:absolute;
        top:-200px;
        left:0px;
        width:92px;
        overflow:hidden;
}


#initialSetDaboScroller div.widget span {
        position:absolute;
        top:2px;
        left:73px;
        display:none;
}

#initialSetDaboScroller div.widget span img {
        width: 17px;
        height:16px;
}

#initialSetDaboScroller div.active span {
        display:block;
}

#initialSetDaboScroller div.widget .widget_param_text {
        position: absolute;
        font-size:10px;
        color: #000;
        overflow:hidden;
        width: 110px;
        right: 0%;
}

#initialSetDaboScroller div.widget .widget_param_icon {
        position: absolute;
}





p.stepcontrol {
        margin-top:15px;
        text-align:center;
}


/* Inc 8 front page */

#frontpageSelectContent {
        position         : absolute;
        top                : 33px;
        left                : 46px;
        height                : 23px;
        width: 715px;
}

#frontpageSelectContent img.text {
        float:left;
}

#frontpageSelectContent span {
        float:right;
        display:block;
        height:23px;
}


#frontpageSelectContent span img, #frontpageSelectContent span select{
        margin-left:5px;
        vertical-align:middle;
}


#widgetSelector, #widgetSelectorType2 {

	width: 580px;
	position: relative;

	margin-left: 0px;
	margin-right: -10px;
	overflow: visible;
/*
        position: relative;

		display: block;
		/*border: 1px solid gray;*/
		/*left: -30px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		top                : 60px;*/
		/*
		padding: 0px;

		left: -40px;
        overflow: hidden;
       /* width                : 500px;margin-left               : -30px;*/

}
/*
#widgetSelector img.selectMore {
        margin-bottom        : 15px;
}
*/
#frontnavi
        {
        display                : block;
        background        : transparent url('../images/frontpage/navigationbgr.gif') no-repeat;
        height                : 27px;
        width                : 792px;
        }


#frontnavi ul
        {
        margin                : 0 0 0 23px;
        list-style        : none;
        padding                : 0px;
        height                : 27px;
        }

#frontnavi li
        {
        list-style        : none;
        float                : left;
        margin                : 0px 7px 0px 0px;
        }

#frontnavi li a
        {
        background        : url('../images/frontpage/navigation.gif') no-repeat;
        text-indent        : -10000px;
        display                : block;
        height                : 27px;
        }

#frontnavi .frontnavi1 a {width:95px;background-position: 0px 0px;}
#frontnavi .frontnavi2 a {width:126px;background-position: -102px 0px;}
#frontnavi .frontnavi3 a {width:65px;background-position: -245px 0px;}
#frontnavi .frontnavi4 a {width:110px;background-position: -340px 0px;}
#frontnavi .frontnavi5 a {width:115px;background-position: -475px 0px;}
#frontnavi .frontnavi6 a {width:99px;background-position: -611px 0px;}


#frontnavi a:hover {background-image:url(../images/frontpage/navigation_hi.gif);}
#frontnavi a.selected {background-image:url(../images/frontpage/navigation_hi.gif);}

#frontpageContentHolder
        {
        position        : relative;
        height                : 321px;
        width                : 235px;
        }

#downloadWidSets
        {
        color                : #6a8fa9;
        position        : absolute;
        top                : 454px;
        left                : 363px;
        width                : 296px;
        text-align        : center;
        }
#widgetcount
        {
        display                : block;
        margin-top        : 5px;
        }

#libraryLink
        {
        color                : #6a8fa9;
        position        : absolute;
        top                : 425px;
        left                : 274px;
        text-align: center;
        width: 480px;
        }

/*
.frontpageWidget {
        width                : 160px;
        float                : right;
        margin-right        : 5px;
        position: relative;
        height: 80px;
        background-image: url(../images/frontpage/widget_bkg.png);
        margin-bottom: 1px;
}

.frontpageWidget .widgetIcon{
        position:absolute;
        right:10px;
        top:12px;
}
/*
.frontpageWidget .pick{
        position:absolute;
        left:140px;
        top:8px;
}*//*
.frontpageWidget .rating{
        position:absolute;
        left:80px;
        top:30px;
}

.frontpageWidget .info {
        position:absolute;
        right:6px;
        top:7px;
}

.frontpageWidget h3 {
        position:absolute;
        width:124px;
        height:50px;
        left:10px;
        top:6px;
        color: #2278c8;
        font-size: 12px;
        margin        : 0px;
        overflow: hidden;
}

h3.white {
        color        : #ffffff;
        font-weight: bold;
        font-size: 13px;
        margin-bottom: 10px;
        }
/*
#widgetSelector a:link, #widgetSelector a:visited {
        color        : #ff7800;
        font-weight: bold;
        font-size: 13px;
        }
*/
#teasers {
        margin-bottom        : 15px;
}

#teasers h3
        {
        letter-spacing        : -0.7px;
        font-size        : 13px;
        }

#teasers .oneThirdBox {
        width:257px;
        float:left;
        margin-right        : 10px;
        margin-bottom: 0px;
}

#teasers .oneThirdBox p {
        line-height:14px;
}


#teasers .lastBox {
        margin-right        : 0;
}

#teasers img.inline {
        float:right;
        margin-left:10px;
}






#switchPreview {
        position:absolute; top : 361px; left : 50px;
}

#simulatorInfo {
        position:absolute;
        left : 50px;
        width: 113px;
        background-color: #181818;
        color: #999999;
        font-size: 10px;
        border: 4px solid #181818;
        line-height: 14px;
        bottom: 64px;
        display: none;
        text-align: center;
}

.clearfix:after {
        display                : block;
        height                : 0;
        clear                : both;
        visibility        : hidden;
        content                : ".";
}

.clearfix {
        display                : inline;
}

* html .clearfix  {
        height        : 1%;
}

.clearfix {
        display        : block;
}



#widgetInfo {
        position:absolute;
        top:116px;
        left:60px;
        width: 176px;
        height: 208px;
        overflow: show;
        z-index: 100;
}

#widgetInfo #infoImage {
        width: 176px;
        height: 208px;
        /*background:#0F2F56 url(../images/dashboard_bkg.gif) bottom left;*/
        overflow: hidden;
}

#widgetInfo #infoImage img {
        position:absolute;
}

#widgetInfo #infoImage h3 {
        text-align:center;
        margin-top:98px;
}

#widgetInfo #infoBox{
        position:absolute;
        top:210px;
        left:-31px;
}

#widgetInfo #infoBox span.button{
        position:absolute;
        right:2px;
        top:12px;
}

#widgetInfo #infoBox .infocontent{
        padding:10px;
        /*background:url(../images/frontpage/widget_infobox_bkg.gif);*/
        border-bottom:1px solid #ddd;
}

.phonesupportHoder
        {
        float        : right;
        width        : 250px;
        }

.phonesupportLeadIn
        {
        margin-left:1px;
        padding: 5px 20px 20px 20px;
        line-height: 1.5em;
        font-size: 12px;
        background: url(../images/frontpage/learn_more_bkg.gif) bottom left repeat-x #f6f6f6;
        border: 1px solid #d6d6d6;
        border-top: none;
        margin-bottom: 20px;
        }

.phonesupportLeadOut
        {
        display        : block;
        clear: both;
        line-height: 1.5em;
        font-size: 12px;
        }

.phonesupportLeadIn h1 {

color: #003366;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 0px;
line-height: 22px;
font-size: 18px;
font-weight        : 100;
width: 430px;
margin        : 20px 0px 20px 0px;
}


/* Learn more pages */
#content{width        : 791px;margin-left:4px; margin-top : -10px;}

.text_content {
        margin-left:1px;
        padding: 5px 20px 20px 20px;
        line-height: 1.5em;
        font-size: 12px;
        background: url(../images/frontpage/learn_more_bkg.gif) bottom left repeat-x #f6f6f6;
        border: 1px solid #d6d6d6;
        border-top: none;
        margin-bottom: 20px;
}

.text_content ul{
        color:#858585;
        margin: 0;
}

.text_content ul li{
line-height: 14px;
color        : #003366;
}

.text_content .newfeatures{
        width: 390px;
        padding: 0px 10px 0px 10px;

        margin: 20px 0px 20px 0px;
}

.text_content p.breadcrumbs {
        font-size:14px;
        color:#aaa;
        vertical-align:middle;
        margin-top: 30px;
}

.text_content img {
        vertical-align:-6px;
        margin-right:5px;
}

.text_content h1 {

color: #003366;
word-spacing: 0.05em;
text-align: left;
letter-spacing: 0px;
line-height: 22px;
font-size: 18px;
font-weight        : 100;
width: 430px;
margin        : 20px 0px 20px 0px;
}

.text_content h2 {
color: #003366;
word-spacing: normal;
text-align: left;
line-height: 18px;
font-size: 14px;
margin        : 20px 0px 5px 0px;
}

.text_content .newfeatures h2 {
margin: 0 0 4px 0;
font-size: 12px;
color: #003366;
}

.text_content p {
color: #505050;
width: 430px;
}

.text_content p.lead {
font-family: Trebuchet MS;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 18px;
font-size: 12px;
}

img.float-right {
        margin: 0 0 10px 10px;
        float: right;
}

ul.steps { margin: 0px 0 0 0; padding: 0;}
ul.steps li { list-style: none; margin: 0px; padding: 0px 0 10px 35px; line-height: 14px;}
ul.steps li.one { background: transparent url(../images/icons/step1.gif) top left no-repeat; }
ul.steps li.two { background: transparent url(../images/icons/step2.gif) top left no-repeat; }



/*-- Supported phones ---*/
#supportedPhoneListing {
        margin: 0 -11px;
}

#supportedPhoneListing input {
        margin: 0 10px;
        width:205px;
        position:relative;
        top:3px;
}

#supportedPhoneListing .notes {
        background-color:#fff;
        border: 1px solid #ddd;
        border-bottom:none;
        position: relative;
        margin: 10px 0 -10px 0;
        display: none;
        padding:5px 10px;

}

#supportedPhoneListing div.alert, #supportedPhoneListing div.ok  {
        border-top:none;
}

#supportedPhoneListing div.manufacturers {
        margin: 10px 0 0 0;
        background-color:#fff;
        border: 1px solid #ddd;
        padding: 10px;
        height        : 300px;
        overflow: auto;
        overflow-x: hidden;
        position: relative;
}

#supportedPhoneListing div.manufacturers h3 {
        margin: 0;
}

#supportedPhoneListing div.manufacturers li {
        border: none;
        padding: 0;
        margin: 0;
}

#supportedPhoneListing div.manufacturers ul li a{
        margin: 0;
}

#supportedPhoneListing div.details {
        background-color:#fff;
        border: 1px solid #ddd;
        position: relative;
        display: none;
        padding: 10px;
        margin: 10px 0 0 0;
        height: 300px;
}

#supportedPhoneListing div.details .percentagebar {
        display:block;
        width:160px;
        margin-top:7px;
        height:10px;
        background-image:url(../images/bar_bkg.gif);
        text-align:left;
        overflow: hidden;
}

#supportedPhoneListing div.details h3 {
        color: #c30;
}

#supportedPhoneListing div.details img.device {
        margin-bottom: 1em;
        float: right;
        width: 72px;
}

#supportedPhoneListing div.details div {
        border: solid 1px #ddd;
        background: #f6f6f6;
        margin-bottom: 1em;
        clear: right;
        padding: 7px 7px 2px 7px;
}

#supportedPhoneListing div.details div select {
        width: 100%;
        margin-bottom: 0.5em;
}

#supportedPhoneListing div.results {
        background-color:#fff;
        border: 1px solid #ddd;
        position: relative;
        margin: 10px 0 0px 0;
        display: none;
}

#supportedPhoneListing ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}

#supportedPhoneListing ul li {
        position:relative;
        border-top: solid 1px #ddd;
        clear: both;
        margin-bottom:0px;
}


#supportedPhoneListing ul li img {
        width: 36px;
        height:36px;
        position:absolute;
        top:2px;
        left:195px;
}



#supportedPhoneListing .results ul li a{
        font-weight: bold;
        font-size: 1.1em;
        display: block;
        padding:10px 50px 10px 10px;

}




#supportedPhoneListing .smallpagecontrols {
        margin: 0 10px;
}

#frontpagehead {
        height                : 72px;
        position        : relative;
        width                : 799px;
        display                : block;
        clear                : both;
        margin-bottom        : 10px;
        margin-top        : 10px;
        z-index                :100;
}

#flashcontent {
        position:relative;
        top:-43px;
        margin-bottom:-43px;
}

#flashcontent img {
        margin-top:43px;
}