p.notice { margin:15px 0 9px 0;}
p.ExNoticeTxt { margin:15px 0 25px 0; line-height:18px; }
P.Ex2NoticeTxt { margin:15px 0 15px 0;}
table.exForDe { margin-top:15px; border-bottom:1px solid #E6E6E6; width:700px;}
table.exForDe tr.exBg { background:#F3F3F3;}
table.exForDe td { border-top:1px solid #E6E6E6; color:#555555; padding:12px; line-height:1.5em;}
table.exForDe td span.exTit { color:#333333; font-weight:bold; font-size:12px;}
table.exForDe td a { color:#356096 !important; font-weight:bold; font-size:12px; }

table.tableBtnHead td { vertical-align:bottom;}
table.tableBtnHead td h2.pageTitleH2Bt { font-size:18px; color:#333; line-height:1.5em; margin-right:9px;}

table.quickStep { border-bottom:1px solid #9bbcdd; margin-top:25px;}
table.quickStep td { border-top:1px solid #9bbcdd; color:#333333; padding:7px 12px 7px 13px; line-height:1.1em;}
table.quickStep td a { text-decoration:none !important; font-size:12px !important;}
span.stepTitle { font-weight:bold; color:#2a539a;}

div.stepMore { clear:both; margin:0 0 0 0; padding:0 0 0 0; }
div.stepMore ul { line-height:1.5em; margin:-9px 0 15px 0; }
div.stepMore ul li { margin-bottom:10px;color:#555555 !important;}
div.stepMore a.explain { text-decoration:underline !important; color:#2A539A !important; font-weight:bold;}
div.stepMore strong { font-weight:bold; letter-spacing:0.05em; color:#555555;}
div.stepMore span.aid { margin-left:110px;}
div.stepMore p.notice03 { clear:both; padding:5px 0 !important;#margin-top:-15px; line-height:1.5em;}
div.stepMore img.exampleImg3 { padding:5px 0 5px 40px;}
div.stepMore ol { list-style:decimal !important; line-height:1.5em; padding:10px 0 15px 25px;}
div.stepMore p.notice04 { clear:both; padding:15px 0 !important;#margin-top:-5px; line-height:1.5em;}

/*exercise2*/
div.grBox { padding-top:12px;}
div.grBox div.grBoxTop { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBox div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBox div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px;}
div.grBox div.grBoxMid ul { padding:0 0 15px 24px;}
div.grBox div.grBoxMid ul li { color:#356096; line-height:19px; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 9px; padding-left:13px;}
div.grBox div.grBoxMid ul li ul { padding-bottom:0px; }
div.grBox div.grBoxMid ul li a { color:#356096; font-size:12px;}
div.grBox div.grBoxBot { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

div.grBox div.grBoxMid ul li.indexD2{background:none !important;}
div.grBox2 { padding-top:20px;}
div.grBox2 div.grBoxTop { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBox2 div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBox2 div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px;}
div.grBox2 div.grBoxMid ol { padding:0 0 15px 20px; }
div.grBox2 div.grBoxMid ol li { color:#356096; line-height:1.5em; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 50%; padding-left:13px;}
div.grBox2 div.grBoxMid ol li a { color:#356096; font-size:12px;}
div.grBox2 div.grBoxBot { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

div.grBox2 div.grBoxMid ol { padding:0 0 15px 20px;}
div.grBox2 div.grBoxMid ol li.exBul { color:#356096; line-height:1.5em; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 50%; padding-left:13px;}
div.grBox2 div.grBoxMid ol li.exBul a { color:#356096; font-size:12px;}


div.example{ border-bottom:1px solid #EBEBEB; padding-bottom:30px; margin-bottom:10px;}
h2.pageTitleH2Top { font-size:18px; color:#333; padding-top:10px; float:left; }
span.h2Top { float:right; margin-top:20px; }
p.notice02 { clear:both; padding:15px 0;}
img.exampleImg { padding-left:40px;}
img.exampleImg2 { padding:19px 0 15px 20px;}
ol.setFlow { clear:both; padding:0 0 15px 0; list-style:decimal !important; margin-left:25px;}

div.introductionPlay { width:600px; height:396px; background:skyblue; margin:15px 0 0 50px;}

div.ospsText01 { line-height:1.6em; padding-top:10px; color:#555555;}
div.ospsText01 span { font-weight:bold; }
div.grBox div.grBoxMid ol { list-style:decimal !important; line-height:1.5em; padding:10px 0 15px 35px;}
div.grBox div.grBoxMid ol li { color:#356096; line-height:1.5em; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/ico_top.gif) no-repeat -10px 3px;;}
div.grBox div.grBoxMid ol li a { color:#356096; font-size:12px;}

div.exSubTitle{background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_tit_btn.gif) no-repeat; width:700px; height:36px;}
div.exSubTitle h2.pageTitleH2Sub{color:#0D337E; font-size:14px; padding:10px 0 0 15px; float:left;}
div.exSubTitle img{float:right; margin:4px 6px 0 0;}

/*osps 페이지 인덱스용*/
div.grBox3 { padding-top:12px; margin-top:13px;}
div.grBox3 div.grBoxTop { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_top.gif) no-repeat; width:700px; height:2px; overflow:hidden;}
div.grBox3 div.grBoxMid { border-left:1px solid #99B6E0; border-right:1px solid #99B6E0;}
div.grBox3 div.grBoxMid h3 { color:#356096; padding:12px 0 10px 21px; font-size:14px; height:20px;}
div.grBox3 div.grBoxMid ol { padding:0 0 15px 20px;_padding:10px 0 15px 20px;}
div.grBox3 div.grBoxMid ol li.indexBul { color:#356096; line-height:1.5em; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bul_index.gif) no-repeat 0 8px; padding-left:13px;}
div.grBox3 div.grBoxMid ol li { color:#356096; line-height:1.5em; padding-left:13px;}
div.grBox3 div.grBoxMid ol li a { color:#356096; font-size:12px;}
div.grBox3 div.grBoxBot { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/grbox_bot.gif) no-repeat; width:700px; height:3px;}

img.exampleImg4{clear:both; margin-left:69px;}
.ExerImage { width:100%; text-align:center; margin:0 0 10px 0; }
.ExerImage img { border:1px solid #ABB5C3; }
div.indexMoreSet{clear:both;}
div.indexMoreSet h2.pageTitleH2Top02 { font-size:18px; color:#333; padding-top:26px;_padding-top:16px; float:left; padding-bottom:9px;}
div.titleSet03 { clear:both;}
div.indexMoreSet div.titleSet03 h3.pageTitleH2Top03 { font-size:14px; color:#356096; padding-top:10px; float:left; padding-bottom:9px; padding-left:18px; font-family:dotum; background:url(http://static.bada.com/en_US/developer/apis/images/common/layout/bl_title_small.gif) no-repeat -5px 11px;}
div.indexMoreSet div.titleSet03 span.h2Top { float:right; margin-top:10px;_margin-top:0px; }
div.titleSet04 { clear:both;}
div.indexMoreSet div.titleSet04 h4.pageTitleH2Top04 { font-size:13px; color:#333333; padding-top:0px;_padding-top:-10px; float:left; padding-bottom:9px; padding-left:11px; font-family:dotum; background:url(http://static.bada.com/en_US/developer/apis/images/common/layout/bl_blue.gif) no-repeat 0px 4px;}
div.indexMoreSet div.titleSet04 span.h4Top { float:right; margin-top:0px;_margin-top:-10px; }
div.indexMoreSet p.notice05 { clear:both; padding:0px 0;}
div.titleSet05 { clear:both;}
div.indexMoreSet div.titleSet05 h5.pageTitleH2Top05 { font-size:13px; color:#356096; padding-top:0px;_padding-top:-10px; float:left; padding-bottom:9px; padding-left:11px; font-family:dotum; background:url(http://static.bada.com/en_US/developer/apis/images/common/layout/bl_ar_right.gif) no-repeat 0px 4px;}
div.indexMoreSet div.titleSet05 span.h5Top { float:right; margin-top:0px;_margin-top:-10px; }
div.indexMoreSet p.notice06 { clear:both; padding-bottom:10px;}

div.ospsText02 { clear:both; line-height:1.5em; color:#555555;}
div.ospsText02 a:link { color:#000000; font-size:12px; }
div.ospsText03 { clear:both; line-height:1.5em; color:#555555; padding-bottom:10px;}
div.ospsText03 a:link { font-size:12px; color:#356096; }
div.ospsText03 a:active { font-size:12px; color:#356096; }
div.ospsText03 a:visited { font-size:12px; color:#356096; }
div.ospsText03 a:hover { font-size:12px; color:#356096; }
div.ospsText03 i {text-decoration:underline;}
div.ospsText03 ul { margin:0 0 10px 8px; }
div.ospsText03 ul li { }
div.ospsText03 strong{font-weight:bold;}
div.ospsText04 { clear:both; line-height:1.5em; color:#555555; margin-bottom:10px; border-top:1px solid #F3F3F3; border-right:1px solid #E7E7E7; border-bottom:1px solid #E0E0E0; background:#F3F3F3;}
div.ospsText04 p { padding:20px;}
div.ospsText04 div { padding:20px;}
div.ospsText05 { clear:both; line-height:1.3em; color:#555555; padding-bottom:10px; #margin-top:-15px;}
div.ospsText06 { clear:both; line-height:1.5em; color:#555555; padding-bottom:px;}
div.ospsText06 i{text-decoration:underline;}
div.indexMoreSet h6 a{color:#356096; background:url(http://static.bada.com/en_US/developer/apis/images/common/layout/bl_blue02.gif) no-repeat 0px 6px; padding-left:10px; font-weight:normal; font-size:12px;}
div.ospsText07 { clear:both; line-height:1.3em; color:#555555; padding-bottom:10px; margin-left:10px;}

/*뎁스두번째*/
ul.localDepth02List1 { margin:0 0 0 9px;}
ul.localDepth02List1 li a { display:block; width:177px; background:url(http://static.bada.com/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat; padding:4px 0 3px 14px; margin-bottom:1px;}
ul.localDepth02List1 li a:link      { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:active    { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:visited   { color:#333; text-decoration:none; font-size:12px; font-weight:bold;}
ul.localDepth02List1 li a:hover     { color:#2a539a; text-decoration: underline; font-size:12px; font-weight:bold; background:url(http://static.bada.com/en_US/developer/apis/images/common/localMenu/depth01_ar.gif) left no-repeat;}
ul.localDepth02List1 li a:hover.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://static.bada.com/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List1 li a.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://static.bada.com/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}
ul.localDepth02List1 li a:visited.selectedDepth02 { color:#2a539a; text-decoration:underline; font-size:12px; font-weight:bold; background:url(http://static.bada.com/en_US/developer/apis/images/common/localMenu/depth01_ar_r.gif) left no-repeat;}

/* Error Message */
.errorMessage { width:700px; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_ercenter.gif) repeat-y left; font-weight:normal; text-align:left; color:#333333; margin:184px auto 0 auto; padding:0; }
.errorMessage .Top { width:700px; height:70px; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_ertop.gif) no-repeat left top; }
.errorMessage h1 { font-weight:bold; color:#333333; font-size:20px; font-family:Arial; margin:20px 0 0 20px; height:29px; padding:20px 0 0 0px; *padding:0 0 0 0; }
.errorMessage h1 img { vertical-align:middle; }
.errorMessage .Top .InfoImg { margin:0 15px 0 0; }
.errorMessage .contentMessageER { clear:both; font-family:Arial; font-size:14px; line-height:22px; margin:14px 0 29px 66px; width:566px; color:#333333; }
.errorMessage .contentMessageER p { margin:8px 0 0 0; font-family:Arial; }
.errorMessage .contentMessageER p a:link { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .contentMessageER p a:active { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .contentMessageER p a:visited { font-size:14px; font-weight:bold; color:#356096; text-decoration:underline; }
.errorMessage .Bottom { width:700px; height:4px; background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_erbottom.gif) no-repeat left top; _margin-bottom:-12px; }


/* Developer Guide for OSP Main */
.DevGuideTxt { margin:14px 0 28px 0; width:100%; clear:both; }

.BasicDocument { width:325px; float:left; margin:0 50px 0 0; font-weight:normal; clear:both;  }
.BasicDocument h2 { color:#333333; font-size:18px; font-family:Arial; font-weight:bold;  }
.BasicDocument .BgrContent { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_mi1.gif) no-repeat right bottom; margin:0 0 0 0; }
.BasicDocument .BgrContent .txr { margin:12px 0 0 0; line-height:18px; color:#555555; }
.BasicDocument .BgrContent .txr span { color:#DF4A00; font-weight:bold; }
.BasicDocument .BgrContent .more { width:100%; text-align:right; margin:5px 0 0 0; }

.AdvancedDocument { width:325px; float:left; }
.AdvancedDocument h2 { color:#333333; font-size:18px; font-family:Arial; font-weight:bold; }
.AdvancedDocument .BgrContent { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_mi2.gif) no-repeat right bottom; margin:0 0 0 0; }
.AdvancedDocument .BgrContent .txr { margin:12px 0 0 0; line-height:18px; color:#555555; }
.AdvancedDocument .BgrContent .txr span { color:#DF4A00; font-weight:bold; }
.AdvancedDocument .BgrContent .more { width:100%; text-align:right; margin:5px 0 0 0; }

.OspdTutorial { clear:both; width:325px; float:left; margin:25px 50px 0 0; clear:both; }
.OspdTutorial h2 { color:#333333; font-size:18px; font-family:Arial; font-weight:bold;  }
.OspdTutorial .BgrContent { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_mi3.gif) no-repeat right bottom; margin:0 0 0 0; }
.OspdTutorial .BgrContent .txr { margin:12px 0 0 0; line-height:18px; color:#555555; }
.OspdTutorial .BgrContent .txr span { color:#DF4A00; font-weight:bold; }
.OspdTutorial .BgrContent .more { width:100%; text-align:right; margin:5px 0 0 0; }
.OspdTutorial .BgrContent ul { margin:18px 0 0 0;  }
.OspdTutorial .BgrContent ul li { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/dot_list.gif) no-repeat left 0px; padding:0 0 0 18px; margin:0 0 5px 0; }
.OspdTutorial .BgrContent ul li a:link { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.OspdTutorial .BgrContent ul li a:active { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }
.OspdTutorial .BgrContent ul li a:visited { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }
.OspdTutorial .BgrContent ul li a:hover { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }

.OspsTutorial { width:325px; float:right; margin:25px 0 0 0; }
.OspsTutorial h2 { color:#333333; font-size:18px; font-family:Arial; font-weight:bold; word-spacing:-1px;  }
.OspsTutorial .BgrContent { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/bg_mi4.gif) no-repeat right bottom; }
.OspsTutorial .BgrContent .txr { margin:12px 0 0 0; line-height:18px; color:#555555; }
.OspsTutorial .BgrContent .txr span { color:#DF4A00; font-weight:bold; }
.OspsTutorial .BgrContent .more { width:100%; text-align:right; margin:5px 0 0 0; }
.OspsTutorial .BgrContent ul { margin:18px 0 0 0; width:100%; }
.OspsTutorial .BgrContent ul li { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/dot_list.gif) no-repeat left 0px; padding:0 0 0 18px; margin:0 0 5px 0; }
.OspsTutorial .BgrContent ul li a:link { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.OspsTutorial .BgrContent ul li a:active { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }
.OspsTutorial .BgrContent ul li a:visited { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }
.OspsTutorial .BgrContent ul li a:hover { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px;  }


/* How to use website */
.HTUW_Style { width:700px; margin:0 0 30px 0; }
.HTUW_Style h2 { font-size:18px; font-family:Arial; font-weight:bold; color:#333333; position:relative; }
.HTUW_Style h2 .Alink { position:absolute; bottom:3px; right:0px; _top:5px; }
.HTUW_Style h3 { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/dot_br.gif) no-repeat left 3px; color:#356096; font-weight:bold; font-size:14px; font-family:Arial; margin:7px 0 6px 5px; padding:0 18px 0 18px; line-height:18px; position:relative; }
.HTUW_Style h3 .Alink { position:absolute; bottom:3px; right:0px; _top:3px; }
.HTUW_Style .TextContent { font-size:12px; font-family:Arial; font-weight:normal; color:#555555; line-height:18px; margin:0 0 0 12px; padding:0 0 5px 0; clear:both; }
.HTUW_Style .TextContent a:link { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent a:visited { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent a:active { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent a:hover { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent2 { font-size:12px; font-family:Arial; font-weight:normal; color:#555555; line-height:18px; margin:10px 0 0 0px; }
.HTUW_Style .TextContent2 a:link { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent2 a:visited { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent2 a:active { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style .TextContent2 a:hover { color:#356096; text-decoration:underline; font-size:12px; }
.HTUW_Style dl { margin:13px 0 0 12px; }
.HTUW_Style dl dt { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/dot_bs.gif) no-repeat left 6px; padding:0 0 0 11px; color:#333333; font-weight:bold; font-size:12px; }
.HTUW_Style dl dd { margin:2px 0 0 0; color:#555555; font-size:12px; font-weight:normal; line-height:18px; }
.HTUW_Style dl dd a:link { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.HTUW_Style dl dd a:visited { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.HTUW_Style dl dd a:active { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.HTUW_Style dl dd a:hover { color:#356096; font-weight:normal; text-decoration:underline; font-size:12px; }
.HTUW_Style .cap { text-align:center; width:700px; margin:19px 0 0 0; }
.HTUW_Style .cap img { border:1px solid #B0B4BD; }
.HTUW_Style p { margin:20px 0 0 12px; }

/*New Sub Main*/
div.docusubMainTop { background:url(http://static.bada.com/en_US/developer/apis/images/gettingst/submain_bg.gif) no-repeat right 0px; width:700px; height:170px; margin-top:26px; }
div.docusubMainTop ul li.subMainTop01 { margin-bottom:14px; font-size:24px; color:#0e437d; padding-left:14px;}
div.docusubMainTop ul li.subMainTop01 p.green { color:#B6C805; font-size:40px; letter-spacing:-1px; margin-top:-4px;}
div.docusubMainTop ul li.subMainTop02 { line-height:18px; width:375px; padding-left:14px;}