/*
Theme Name: MX FAQ Basic
Author: MotionX
*/






@media all and (min-width: 641px) {
    header#support_header, header#product_header {
        height:200px;
        width: 970px;
    }
    header#support_header {
        background: url(images/support_default.jpg) no-repeat 0 0;
    }
    #support_header h1.support-title, #product_header h1.banner-product-name {

        width: 400px;
        right: 16px;
        position: absolute;
        font:italic bold 37px Verdana, serif;
        top: 15px;
        margin:0px;

    }
    .support-desc, .banner-desc {
        height: 100px;	
        width: 400px;
        right: 16px;
        position: absolute;
        bottom: 30px;
        text-align: center;
    }
    div.header-icon {
        width: 150px;
        position: absolute;
        left: 190px;
        bottom: 23px;
        -webkit-box-reflect: below -10px 
        -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(90%, transparent) , 
            to(rgba(40, 40, 40, .3)));    
    }
    img.icon {
        height: 150px;
        width: 150px;
        position: relative;
        left: 0px;
        border-radius: 20px;
    }
    nav#breadcrumb {height:60px;}
    .breadcrumb_container {
        float:left;
        text-align:left;
        width:430px;
        height:28px;
        padding:7px 0px 0px 25px;
        margin:15px 0 0 0; 
        display:inline;   
    }
    .breadcrumb_container_mobile {display:none;}
    .search_container {
        float:right;
        text-align:right;
        width:430px;
        height:28px;
        margin:15px 15px 0 0;
        display:inline;    
    }
    .support_topic {}
    .support_topic_half {
        width:478px;       
    }
    .support_topic_full { 
        width:100%;
    }
    
    #MotionX365section {
        background-image: -moz-linear-gradient(90deg, #d0d0d0  0%, #ffffff 90%);
        background-image: -webkit-linear-gradient(90deg, #d0d0d0  0%, #ffffff 90%);
        background-image: -ms-linear-gradient(90deg, #d0d0d0  0%, #ffffff 90%);
        border-radius: 0 0 4px 4px;
    }
    
    
    #MotionX247section {
        background-image: -moz-linear-gradient(90deg, #16223F 20%, #000227 110%);
        background-image: -webkit-linear-gradient(90deg, #16223F 20%, #000227 110%);
        background-image: -ms-linear-gradient(90deg, #16223F 20%, #000227 110%);
  
    }
    
    #MotionX365TopicLogo {
        background:url(images/365rings.png) no-repeat scroll -50px 0px transparent;
        display:block;
        width: 400px;
        height: 269px;
        
    }
    
    #MotionX247TopicLogo {
        background:url(images/247logo.png) no-repeat scroll 10px 20px transparent;
        display:block;
        width: 370px;
        height: 240px;
    }
    
    #MotionX365TopicMenu,
    #MotionX247TopicMenu {
        padding: 0px;
        line-height: 30px;
        list-style: outside none none;
           
    }
    
    #MotionX365TopicMenu,
    #MotionX365section .MotionX365Downloads {
    
        margin: 20px 20px 0 20px;      
    }
    #MotionX247TopicMenu {
        margin: 43px 0px 0.5em 100px;         
    }
    
    
    #MotionX365section li.MotionX365Topic, 
    #MotionX247TopicMenu li.MotionX247Topic {
        margin: 0px 0px 10px;
        list-style: outside none none;
        background: none;
        border-width: 1px; 
        border-style: solid;
        border-radius: 25px;
        padding: 5px 30px;
        line-height: 30px;
    }
    #MotionX365section li.MotionX365Topic a
    #MotionX247TopicMenu li.MotionX247Topic a {
        color: #fff;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
        width: 300px;
    }
    
    #MotionX365section li {
        border-color: #309ee2;   
    }
    #MotionX247TopicMenu li {
        border-color: #ccc;   
    }
    #MotionX365section li.MotionX365Topic a {
        color: #309ee2;
    }
    
    #MotionX247TopicMenu li.MotionX247Topic a {
        color: #fff;
    }
    
    #MotionX365section .MotionX365Downloads li {
        margin: 0px;  
        list-style: none;
    }
    
    
    
    #support_primary {
        margin: 0 0 0 -1px;
        width:700px;

    }
    #faq_menu_title {
        display: none;
    }
    .widget-area {
        clear:none;
        overflow: hidden;
        margin: 0px;
        display:inline;
        width:225px;
        height: 100%;
    }

    .widget-area .menu-item {
        width:193px;
        height:25px;
        padding:15px 0px 5px 30px;
        font-size:1.2em;
        position: relative;
    }
    .widget-area .menu-item a:link, 
    .widget-area .menu-item a:visited,
    #tuts_menu li a:link,
    #tuts_menu li a:visited {
        font-family: 'PT Sans', sans-serif;
        color:#82cff9;
        position: absolute;
        top: 0;
        left: 0;
    }
    .widget-area .menu-item a:link, 
    .widget-area .menu-item a:visited {
        padding: 15px 0 5px 30px;
        width: 193px;
        height: 25px;
    }
    #tuts_menu li a:link,
    #tuts_menu li a:visited {
        padding: 15px 0 5px 60px;
        width: 200px;
        height: 30px;
    }
    .widget-area .menu-item, #tuts_menu li {

        margin:-1px 0px 0;
        border: #333 solid 1px;
        border-radius: 5px 0 0 5px;
    }
    
    .widget-area .current-menu-item, 
    .widget-area .current-menu-parent,
    #tuts_menu li.selected {
        border-right: 0px solid #000;
    }
    
    #tuts_menu {
        clear:none;
        overflow: hidden;
        width:265px;
        height: 100%;
        float:left;
    }
    
    

    #tuts_menu li {
        width:200px;
        padding:15px 0px 5px 60px;
    }

    .tuts_frame {
        margin: 2em auto;
        height: 600px; 
        width: 650px; 
        overflow: hidden;
    }
    #top_link {display: none;}
    .support_footer {
        text-align: right;
        padding: 1em 0;
        border-top: 1px solid #333;
    }
       
}

@media all and (max-width: 640px) {
    h2.entry-header {
        text-align: left;
    }
    
    

    header#support_header, header#product_header {
        height: 140px;
        width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        z-index: -1;
        -webkit-border-radius: 4px;
        background-image: -moz-linear-gradient( 90deg, rgb(109,167,242) 0%, rgb(65,114,191) 100%);
        background-image: -webkit-linear-gradient( 90deg, rgb(109,167,242) 0%, rgb(65,114,191) 100%);
        background-image: -ms-linear-gradient( 90deg, rgb(109,167,242) 0%, rgb(65,114,191) 100%);
        overflow:hidden;
    }
    header#support_header {
        height: 140px;
        width: 100%;
    }
    header#product_header {
        height: 80px;
        width: 100%;
    }
    
    
    header#support_header div.header-inside {
        height:100%;
        width: 100%;
        background: url(images/support_default_rd.png) no-repeat 1px 50px;
    } 
    
    #support_header h1.support-title {
        width: 100%;
        font:italic bold 25px Verdana, serif;
        margin-top: 15px;
        letter-spacing: 0;
    }
    #product_header h1.banner-product-name {
        margin: 30px 0 0 70px;
        font:italic bold 20px Verdana, serif;
        letter-spacing: 0;
    }
    .support-desc, .banner-desc {
        display: none;
    }

    div.header-icon {
        width: 50px;
        position: absolute;
        left: 20px;
        top: 17px;
        -webkit-box-reflect: below -10px 
        -webkit-gradient(
            linear, 
            left top, 
            left bottom, 
            from(transparent), 
            color-stop(90%, transparent) , 
            to(rgba(40, 40, 40, .3)));    
    }
    img.icon {
        height: 50px;
        width: 50px;
        position: relative;
        box-shadow: 3px 3px 6px #999;
        border-radius: 10px;
    }
    nav#breadcrumb {min-height:5px;}
    .breadcrumb_container_mobile {display:none;}
    .breadcrumb_container {
        text-align:left;
        width:auto;
        height:20px;
        padding:0px;
        margin:15px 0 0 0;
        font-size: .7em;
    }
    .breadcrumb_container a {
        text-decoration: underline;
        text-decoration-color: #333;
        
    }
    .search_container {
        width:100%;
        height:28px;
        margin:15px 0;
        display:block;    
    }
    /*make these look like the other ones for mobile */ 
    
    #MotionX247TopicMenu,
    #MotionX365TopicMenu{
        margin:0;padding:0;
        list-style: none;
    }
    
    #MotionX247TopicMenu li.MotionX247Topic,
    #MotionX365TopicMenu li.MotionX365Topic {
        margin:0 0 .5em;
        padding: 0;
        line-height: 30px;
        list-style: none;
    }
    #MotionX247TopicMenu li.MotionX247Topic a {
        color: #ccc;
        font-weight: bold;
        height: 30px;
        line-height: 30px;
    }
    
    #MotionX365section .MotionX365Downloads li {
        margin: 0 0;  
        list-style: none;
        text-align: center;
    }
    
    
    
    .support_topic {
        height:72px;
        overflow: hidden;
        margin-bottom: 5px;
    }
    .support_topic div.device-image {
        display: none;
    }
    #support_primary {
        margin: 0;
    }
    .widget-area .menu-item {
        height:25px;
        line-height: 25px;
        text-align: center;
        font-size:1em;
    }
    .widget-area .menu-item a {
        display: block;
        width: 100%;height:100%;
        margin: 0 auto;
        font-size: .85em;
    }
    .widget-area .current-menu-item, 
    .widget-area .current-menu-parent {
        background: #202020;   
    }
    #tuts_menu {
        clear:both;
        width:100%;
        height: 100%;
    }
    
    .menu-item, #tuts_menu li {
        margin:0 0 4px;
        border: #333 solid 1px;
        border-radius: 5px;
    }
    #tuts_menu li {
        padding:15px 15px 5px 60px;
    }
    #tuts_menu li a:link,
    #tuts_menu li a:visited {
        position: absolute;
        top:0;left:0;
        width: 100%;
        height: 30px;
        padding:15px 15px 5px 60px;
    }
    
    
    .tuts_frame {
        position: absolute;
        top:24px;left:0;
        height: 480px; 
        width: 320px; 
        z-index: 7000;
        display: none;
    }
    
    .support_footer {
        text-align: center;
        padding: 1em;
        border: 1px solid #333;
        border-radius: 5px;
    }
    
    #contact_message {display:none;}
    #wpadminbar { display: none; }
}

h1.widget-title {display:none;}


nav#breadcrumb {

    border-top: none;
	display:block;
	text-align:left;
	margin: 0 auto 0;
	padding:0px 0px;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.2em;
    letter-spacing: 0.5px;
}



nav#breadcrumb a:link, nav#breadcrumb a:visited {color:#999;}


.widget-area .menu-item, #tuts_menu li {
    display:block;
    text-decoration:none;
    white-space:nowrap;
    letter-spacing: 0.5px;   
}
#tuts_menu {
    margin: 0px;
    display:block;
}
#tuts_menu li {
    height:30px;
    font-size:1.2em;
    position: relative;
}

.widget-area .current-menu-item a:link, 
.widget-area .current-menu-item a:visited, 
.widget-area .current-menu-parent a:link, 
.widget-area .current-menu-parent a:visited,
#tuts_menu li.selected a:link,
#tuts_menu li.selected a:visited {
    color:#fff;   
}



#tut-drive {background: url(http://www.motionx.com/images/icons/tutorials/drive.png) no-repeat 8px 8px;}
#tut-gps {background: url(http://www.motionx.com/images/icons/tutorials/gps.png) no-repeat 8px 8px;}
#tut-battery {background: url(http://www.motionx.com/images/icons/tutorials/battery.png) no-repeat 8px 8px;}
#tut-gps_signal {background: url(http://www.motionx.com/images/icons/tutorials/gps_signal.png) no-repeat 8px 8px;}
#tut-itunes {background: url(http://www.motionx.com/images/icons/tutorials/itunes.png) no-repeat 8px 8px;}
#tut-live_updates {background: url(http://www.motionx.com/images/icons/tutorials/live_updates.png) no-repeat 8px 8px;}
#tut-logs {background: url(http://www.motionx.com/images/icons/tutorials/logs.png) no-repeat 8px 8px;}
#tut-map_downloads {background: url(http://www.motionx.com/images/icons/tutorials/map_downloads.png) no-repeat 8px 8px;}
#tut-motionxid {background: url(http://www.motionx.com/images/icons/tutorials/motionxid.png) no-repeat 8px 8px;}
#tut-navigation {background: url(http://www.motionx.com/images/icons/tutorials/navigation.png) no-repeat 8px 8px;}
#tut-new {background: url(http://www.motionx.com/images/icons/tutorials/new.png) no-repeat 8px 8px;}
#tut-places {background: url(http://www.motionx.com/images/icons/tutorials/places.png) no-repeat 8px 8px;}
#tut-routing {background: url(http://www.motionx.com/images/icons/tutorials/routing.png) no-repeat 8px 8px;}
#tut-search {background: url(http://www.motionx.com/images/icons/tutorials/search.png) no-repeat 8px 8px;}
#tut-share {background: url(http://www.motionx.com/images/icons/tutorials/share.png) no-repeat 8px 8px;}
#tut-simulate {background: url(http://www.motionx.com/images/icons/tutorials/simulate.png) no-repeat 8px 8px;}






.entry-content ul, ol {
    margin:0px 0px 1em;padding:0px; 
    line-height: 1em;
}
.entry-content ul li {
    list-style: inside;
    padding-left:1.5em;
    line-height: 1.5em;
}

ol li {
    list-style:decimal inside;
    padding-left:1.5em;
    line-height: 1.5em;
}

h1.entry-title {
    margin:1em 0px;padding:0px;
}
.app_header {
    width: auto;
    padding:15px 0 15px 75px;
    margin: 0 0 10px 0;
    background-repeat: no-repeat;
    background-position:  12px 12px;
}
.app_header h2.entry-title, .app_header p {margin: 0;padding:0px;}
.app_header h2.entry-title {font-size: 1.6em;font-weight: normal;}
.app_header p {color:#999;}

#support_primary article {
    display:block;
    margin: 0 0 5em;
}

.read-more {}

.entry-summary {
    line-height: 1.4em;
}


ul.menu-list {
    margin:0;padding:0;
    list-style: none;
}

ul.menu-list li {
    margin:0 0 .5em;
    padding: 0;
    line-height: 30px;
    list-style: none;
}

ul.menu-list li a {
    color: #ccc;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    width: 300px;
}
ul.menu-list li a img,
#MotionX365TopicMenu li.MotionX365Topic a img,
#MotionX247TopicMenu li.MotionX247Topic a img {
    margin-bottom: -8px;   
}

.contact_iframe {
    width:760px;height:1090px;
    margin: 0 auto;
}





/* headers */

header#support_header, header#product_header {
    border-radius: 4px;
    position: relative;
    z-index:100;
    margin:0px;padding:0px;
    border: 1px solid #333;
}
#support_header h1.support-title, #product_header h1.banner-product-name {
    height: auto;	
    color: #ffffff;
    text-shadow: 1px 1px 1px #424242;
    text-align: center;
    padding:0px;
    letter-spacing: 0;
}
.support-desc, .banner-desc {
    color: #ffffff;
    backround: #000000;
    font: 14px arial, sans-serif;
    text-shadow: 1px 1px 1px #424242;
}




.gradient1
{
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    border-radius: 4px;
    background : -moz-linear-gradient(50% 0% -90deg,rgba(221, 221, 223, 1) 0%,rgba(219, 219, 221, 1) 25.86%,rgba(212, 213, 215, 1) 35.17%,rgba(201, 202, 204, 1) 41.81%,rgba(184, 185, 189, 1) 47.18%,rgba(162, 165, 169, 1) 51.78%,rgba(135, 139, 145, 1) 55.77%,rgba(104, 110, 116, 1) 59.37%,rgba(102, 108, 115, 1) 59.54%,rgba(107, 113, 120, 1) 61.69%,rgba(125, 131, 136, 1) 71.47%,rgba(132, 137, 142, 1) 78.42%,rgba(221, 221, 223, 1) 100%);
    background : -webkit-linear-gradient(-90deg, rgba(221, 221, 223, 1) 0%, rgba(219, 219, 221, 1) 25.86%, rgba(212, 213, 215, 1) 35.17%, rgba(201, 202, 204, 1) 41.81%, rgba(184, 185, 189, 1) 47.18%, rgba(162, 165, 169, 1) 51.78%, rgba(135, 139, 145, 1) 55.77%, rgba(104, 110, 116, 1) 59.37%, rgba(102, 108, 115, 1) 59.54%, rgba(107, 113, 120, 1) 61.69%, rgba(125, 131, 136, 1) 71.47%, rgba(132, 137, 142, 1) 78.42%, rgba(221, 221, 223, 1) 100%);
    background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(221, 221, 223, 1) ),color-stop(0.2586,rgba(219, 219, 221, 1) ),color-stop(0.3517,rgba(212, 213, 215, 1) ),color-stop(0.4181,rgba(201, 202, 204, 1) ),color-stop(0.4718,rgba(184, 185, 189, 1) ),color-stop(0.5178,rgba(162, 165, 169, 1) ),color-stop(0.5577,rgba(135, 139, 145, 1) ),color-stop(0.5937,rgba(104, 110, 116, 1) ),color-stop(0.5954,rgba(102, 108, 115, 1) ),color-stop(0.6169,rgba(107, 113, 120, 1) ),color-stop(0.7147,rgba(125, 131, 136, 1) ),color-stop(0.7842,rgba(132, 137, 142, 1) ),color-stop(1,rgba(221, 221, 223, 1) ));
    background : -o-linear-gradient(-90deg, rgba(221, 221, 223, 1) 0%, rgba(219, 219, 221, 1) 25.86%, rgba(212, 213, 215, 1) 35.17%, rgba(201, 202, 204, 1) 41.81%, rgba(184, 185, 189, 1) 47.18%, rgba(162, 165, 169, 1) 51.78%, rgba(135, 139, 145, 1) 55.77%, rgba(104, 110, 116, 1) 59.37%, rgba(102, 108, 115, 1) 59.54%, rgba(107, 113, 120, 1) 61.69%, rgba(125, 131, 136, 1) 71.47%, rgba(132, 137, 142, 1) 78.42%, rgba(221, 221, 223, 1) 100%);
    background : -ms-linear-gradient(-90deg, rgba(221, 221, 223, 1) 0%, rgba(219, 219, 221, 1) 25.86%, rgba(212, 213, 215, 1) 35.17%, rgba(201, 202, 204, 1) 41.81%, rgba(184, 185, 189, 1) 47.18%, rgba(162, 165, 169, 1) 51.78%, rgba(135, 139, 145, 1) 55.77%, rgba(104, 110, 116, 1) 59.37%, rgba(102, 108, 115, 1) 59.54%, rgba(107, 113, 120, 1) 61.69%, rgba(125, 131, 136, 1) 71.47%, rgba(132, 137, 142, 1) 78.42%, rgba(221, 221, 223, 1) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDF', endColorstr='#DDDDDF' ,GradientType=0)";
    background : linear-gradient(180deg, rgba(221, 221, 223, 1) 0%, rgba(219, 219, 221, 1) 25.86%, rgba(212, 213, 215, 1) 35.17%, rgba(201, 202, 204, 1) 41.81%, rgba(184, 185, 189, 1) 47.18%, rgba(162, 165, 169, 1) 51.78%, rgba(135, 139, 145, 1) 55.77%, rgba(104, 110, 116, 1) 59.37%, rgba(102, 108, 115, 1) 59.54%, rgba(107, 113, 120, 1) 61.69%, rgba(125, 131, 136, 1) 71.47%, rgba(132, 137, 142, 1) 78.42%, rgba(221, 221, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDF',endColorstr='#DDDDDF' , GradientType=0);
}


.gradient2
{
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
	border-radius: 4px;
	background : -moz-linear-gradient(0% 50% 0deg,rgba(102, 108, 115, 1) 0%,rgba(102, 108, 115, 0) 23.42%,rgba(102, 108, 115, 1) 70.97%);
	background : -webkit-linear-gradient(0deg, rgba(102, 108, 115, 1) 0%, rgba(102, 108, 115, 0) 23.42%, rgba(102, 108, 115, 1) 70.97%);
	background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(102, 108, 115, 1) ),color-stop(0.2342,rgba(102, 108, 115, 0) ),color-stop(0.7097,rgba(102, 108, 115, 1) ));
	background : -o-linear-gradient(0deg, rgba(102, 108, 115, 1) 0%, rgba(102, 108, 115, 0) 23.42%, rgba(102, 108, 115, 1) 70.97%);
	background : -ms-linear-gradient(0deg, rgba(102, 108, 115, 1) 0%, rgba(102, 108, 115, 0) 23.42%, rgba(102, 108, 115, 1) 70.97%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#666C73', endColorstr='#666C73' ,GradientType=0)";
	background : linear-gradient(90deg, rgba(102, 108, 115, 1) 0%, rgba(102, 108, 115, 0) 23.42%, rgba(102, 108, 115, 1) 70.97%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666C73',endColorstr='#666C73' , GradientType=1);
	clear: left;
}