@charset "UTF-8";
/*ENGINE SPECIFIC STYLE*/

/*title and item in the tab page*/
.cat_index_table td,
.cat_item,
.cat_title { overflow-x:hidden; padding: 0px; vertical-align:top; }
.cat_item,
.cat_title { padding-left:30px; }
.cat_title { font-size:12px; padding-top:20px; }
.cat_item { font-size:12px; padding-top:8px; }
.cat_index_table,
.item { margin:auto; text-align:left; width:970px; font-size:12px; color:#333 }
.item a { color:#333 }
.item_title { display:block; font-weight:bold; padding:1.2em 0 .7em; font-size:1.8em; color:#333; }
.item_description { padding:5px 0px 10px; }
.item_platform { width:320px; float:left; }
.item_platform_name { font-size:14px; text-align:center; color:#aae21e; margin-bottom:2px; }
.item_platform_sample_output { padding:0px; float:none}
.item ul {list-style:none; margin: 3px 0px 4px 13px; }
.item ul li {font-weight:bold; margin-top: 13px}
.item ul li ul li {font-weight:normal; margin-top: 0px}

/*sample code display*/
.nt { color:0081D1; }
.na { color:#00d31e; }
.s { color:#d39f00; }
hr { clear:both; border-bottom:1px dotted #aae21e; }
.item_sample_input { background:#f6fceb; float:left; display:block; width:600px; overflow : auto; margin-top:20px; padding:0px 20px; border-left:#AAE21E 3px solid; width:90%; }
.item div img { border:1px solid #eee; }
.cat_index_table, .cat_index_table_tab { width:970px; table-layout: fixed; padding:0px; background:none;
}
.cat_index_table { border:1px solid #e7f3d7;padding:20px 0px 20px; }
.cat_index_table a { color:#0081D1; text-decoration:underline; }
.cat_index_table a:hover,
.cat_index_table a:hover { text-decoration:none; }
.cat_index_table { height:30px; text-align:left; width:960px; margin:auto; }
.cat_index_table td { padding:10px 0px 0px 0px; }
.cat_index_table_tab ul,
.cat_index_table_tab li { font-size:14px; font-weight:normal; display:block; list-style:none; display:inline; padding:0px 18px 0px 13px; line-height:31px; }
.tab_button { cursor: pointer; color: #0081D1; padding-top: 5px; }
.cat_index_table_bottom { background:transparent url(http://www.motherapp.com/images/stories/ref_bottom.gif) no-repeat scroll center top; height:100px; border-bottom:#AAE21E 1px dotted; }



.support p {padding-bottom:7px;}
.support h3 {font-weight: normal; color: #aaa; font-size:18px; margin-bottom: 13px;}
.support h2 { margin-bottom: 12px;}
.support ol {padding: 13px 0 13px 37px;}

.tutorial_block {margin: 13px 0 17px; padding: 33px 0 27px }
.tutorial_block h3 { margin:13px 0 13px; color: #6b8b21 }

.tutorial_image {text-align: center; margin: 37px 0 7px}
.tutorial_image img {border:1px solid #aaa}

.faq_content {margin: 17px 0 157px;}

.faq_category { margin: 27px 0 13px; padding-top:47px; font-size: 24px; border-top: 1px dotted #ccc}
.faq_question { border-top: 1px solid #ccc; padding: 17px 0 9px; color:#444; margin-top:17px;}
.faq_answer { line-height: 1em; margin-bottom: .3em; font-size: 12px; color:#444 }

.back_to_top {font-size: 10px}

#developer_container {width:100%}
#developer_container h1 {line-height:1.4em;}
#developer_container h2, #developer_container h2 a { color:#333}
h3 {line-height:inherit}
#developer_container h3 a { color:#666 !important}
#developer_container h4 {margin-top:10px}
#developer_container img {margin:0px 15px 15px 0px}
#developer_container p {margin-top:5px;}
#developer_container blockquote {margin: 10px 10px 10px 20px; padding:10px;  border:1px solid grey}
.page .content .decimal,.page .content .bullets {margin-top:0px}
table.attribute_list {margin-top:5px}
table.attribute_list th {padding:5px;}
table.attribute_list td {border:1px solid black; padding:5px;}