@charset "UTF-8";


/* default.css - Type Selector Definition */
body { margin:0;padding:0; font-size:.75em;}

img { border:none;  }
label { cursor:pointer; }
form { margin:0; padding:0; }

/* Special Class Selector */
.fr { float:right; }
.fl { float:left; }
.clear { clear:both; }
.fwB { font-weight:bold;}
.tCenter { text-align:center; }
.tRight { text-align:right; }
.tLeft { text-align:left; }
.gap1 { margin-top:.8em; }
.nowrap { white-space:nowrap; }

.iePngFix { behavior:url("/css/iepngfix.htc"); } 

/* editor style */
a.bold { font-weight:bold; }

.xe_content { line-height:1.6; overflow:hidden; }



/* Widget Tree */
.widgetTree { margin-top:10px; position:absolute; width:227px; height:493px; left:0px; top:0px; background:url("/img/iPhone.gif") no-repeat; z-index:-1; }
.widgetTreeIphone { margin-top:10px; position:absolute; width:184px; height:261px; left:20px; top:90px; }

.latest_default { overflow:hidden; position:relative; width:100%; }
.latest_default h2 { margin:0; font-family: Helvetica, Arial, sans-serif; font-size:2em; font-weight:500; letter-spacing:-0.015em; color:#808080; }

.latest_default ul { margin:0; padding:0; }
.latest_default ul li { height:22px; padding-top:8px; border-bottom:1px dotted #ddd; overflow:hidden; list-style:none; white-space:nowrap; }

.latest_default ul li .title { padding-left:15px; background:url("/img/bullet.gif") no-repeat left 3px; display:block; }
.latest_default ul li .title a { font:12px; letter-spacing:-1px; color:#454545; text-decoration:none; }

.latest_default ul li .title span.comment { color:#FE6700; font:.9em Tahoma; }
.latest_default ul li .title span.comment a { color:#FE6700; font:.9em Tahoma; }

.latest_default .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;}
.latest_default a.more { text-decoration:none;} 
.latest_default a.more:hover { text-decoration:underline;} 
.wtapro_default { overflow:hidden; position:relative; width:100%; }
.wtapro_default h2 { margin:0; font-family: Helvetica, Arial, sans-serif; font-size:2em; font-weight:500; letter-spacing:-0.015em; color:#000000; }
.wtapro_default ul { margin:0; padding:0; }
.wtapro_default ul li { height:22px; padding-top:8px; border-bottom:1px dotted #ddd; overflow:hidden; list-style:none; white-space:nowrap; }
.wtapro_default ul li .summary { padding-left:15px; background:url("/img/bullet.gif") no-repeat left 1px; display:block; }
.wtapro_default ul li .summary a { font:12px 돋움; letter-spacing:-1px; color:#454545; text-decoration:none; }


/*
Skin Theme Name : PXE Xesta 2
Version : 1.0
Design : Hyunhwa Jung
Publish : PremiumXE (http://www.premiumxe.com)
Contact : clubnb2@naver.com
*/

/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */

/* 
A CSS framework begins here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.

*/

/* Layout
---------------------------------------------------------------------------------*/
#xe{ position:relative;}
#container{ position:relative;}
#header{ position:relative; clear:both; *zoom:1;}
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; clear:both; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; *zoom:1;}
#content:after{ content:""; display:block; clear:both;}
#footer{ position:relative; clear:both; *zoom:1;}
#footer:after{ content:""; display:block; clear:both;}

/* Layout Width */
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:80%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:80%; margin-left:auto; margin-right:auto;}

/* Layout Align */
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}

/* Header Extension */
#header .extension{ position:relative; *zoom:1;}
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension *{ margin:0; padding:0;}
#header .extension .section{ position:relative;}
#header .extension ul{ position:relative;}
#header .extension li{ position:relative; display:inline; list-style:none;}

/* Footer Extension */
#footer .extension{ position:relative; *zoom:1;}
#footer .extension:after{ content:""; display:block; clear:both;}
#footer .extension *{ margin:0; padding:0;}
#footer .extension .section{ position:relative;}
#footer .extension ul{ position:relative;}
#footer .extension li{ position:relative; display:inline; list-style:none;}

/* Body Extension */
#body .extension{position:relative; *zoom:1; display:none;}
#body .extension:after{ content:""; display:block; clear:both;}
#body .extension .section{position:relative;}

/* ----- Fixed 1 Column Layout ----- */
.fixed .c #body .e1{ display:block; margin-right:-30px;}
.fixed .c #body .e1 .section{ float:left; width:300px; margin-right:30px;}

/* ----- Liquid 1 Column Layout ----- */
.liquid .c #body .e1{ display:block; margin-right:-3.4%;}
.liquid .c #body .e1 .section{ float:left; width:30%; margin-right:3.3%;}

/* ----- Hybrid 1 Column Layout ----- */
.hybrid .c #body .e1{ display:block; margin-right:-30px;}
.hybrid .c #body .e1 .section{ float:left; width:240px; margin-right:30px;}

/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:220px;}
.fixed .ce #body #content,
.fixed .ec #body #content{ width:720px;}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}

/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{ width:23%;}
.liquid .ce #body #content,
.liquid .ec #body #content{ width:75%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}

/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{ padding-right:280px;}
.hybrid .ec #body{ padding-left:280px;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ width:260px;}
.hybrid .ce #body #content,
.hybrid .ec #body #content{ width:100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{ display:block;}
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-260px; right:-280px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-260px; left:-280px;}

/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1,
.fixed .cee #body .e2,
.fixed .ece #body .e1,
.fixed .ece #body .e2,
.fixed .eec #body .e1,
.fixed .eec #body .e2{ display:block; width:200px;}

.fixed .cee #body #content,
.fixed .ece #body #content,
.fixed .eec #body #content{ width:520px;}

.fixed .cee #body #content{ float:left; margin-right:20px;}
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}

.fixed .ece #body .e1,
.fixed .eec #body .e1{ float:left; margin-right:20px;}

.fixed .cee #body .e1,
.fixed .eec #body .e2{ float:left;}

.fixed .cee #body .e2,
.fixed .ece #body .e2{ float:right;}

/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
.liquid .cee #body .e2,
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{ display:block; width:20%;}

.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{ width:56%;}

.liquid .cee #body #content{ float:left; margin-right:2%;}
.liquid .ece #body #content{ float:left; margin-right:-100%; left:22%;}
.liquid .eec #body #content{ float:right;}

.liquid .ece #body .e1,
.liquid .eec #body .e1{ float:left; margin-right:2%;}

.liquid .cee #body .e1,
.liquid .eec #body .e2{ float:left;}

.liquid .cee #body .e2,
.liquid .ece #body .e2{ float:right;}

/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
.hybrid .cee #body .e2,
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{ display:block; width:220px;}

.hybrid .cee #body{ padding-right:480px;}
.hybrid .ece #body{ padding-left:240px; padding-right:240px;}
.hybrid .eec #body{ padding-left:480px;}

.hybrid .cee #body #content,
.hybrid .ece #body #content,
.hybrid .eec #body #content{ width:100%;}

.hybrid .cee #body #content,
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}

.hybrid .ece #body .e1,
.hybrid .eec #body .e2{ float:left; left:-240px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-480px; margin-right:-220px;}

.hybrid .cee #body .e1,
.hybrid .ece #body .e2{ float:right; left:240px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:480px; margin-left:-220px;}

/* 
A CSS framework ends here. We don't recommend modifying framework. You can override these properties by defining the styles outside the framework.

*/


/* Element Reset
---------------------------------------------------------------------------------*/
body { margin:0; background-color:#fff; color:#42423d; background:url("/img/bg01.gif"); font-family:AppleGothic, Tahoma; font-size:12px; }
address { font-style:normal;}
hr{ display:none; position:absolute;}
legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}
fieldset{ border:0; padding:0; margin:0;}


/* Global Class
---------------------------------------------------------------------------------*/
.inputText{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma;}
.inputTextarea{ border:1px solid #9c9c9c; border-right-color:#c2c2c2; border-bottom-color:#c2c2c2; color:#666; font-family:Tahoma; line-height:1.5;}
.inputCheck{ width:13px; height:13px;}
.inputRadio{ width:13px; height:13px;}


/* Skip To Content
---------------------------------------------------------------------------------*/
a.skipToContent{ display:block; position:relative; clear:both; overflow:hidden; width:1px; height:1px; text-decoration:none !important; margin:0 0 -1px 0;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{ width:auto; height:auto; margin:0 0 10px 0; padding:5px;}


/* Layout
---------------------------------------------------------------------------------*/
#xe { background:url("/img/bg02.gif") repeat-x; }
#container{ top:-129px;}
#bgGlow {position:relative; margin:0 auto; width:960px; height:216px;  }
#header{ height:153px; padding:0; background:url("/img/layout_top.png") no-repeat center top; }
#body{ padding:0 30px 50px 30px; background:url("/img/layout_contents.png") repeat-y; }
.fixed .ce #body #content,
.fixed .ec #body #content{ width:650px;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{ width:215px; margin-top:300px; }
#footer{ width:960px; height:34px; margin:0; padding:0; background:url("/img/layout_bottom.png") no-repeat; }


/* bgGlow
---------------------------------------------------------------------------------*/
#bgGlow .logo { position:absolute; width:154px; height:34px; top:37px; left:300px; outline: none; }
#bgGlow span.home_url a { position:absolute; top:74px; left:26px; font:11px Arial, Helvetica, sans-serif; color:#b7b7b7; text-decoration:none; outline: none; }


/* Header
---------------------------------------------------------------------------------*/
#header a{ text-decoration:none;}
#header a:hover,
#header a:active,
#header a:focus{ text-decoration:underline;}

#header h1{ position:relative; margin:0 0 0 0; font-size:50px;}
#header h1 a{ color:#000;}

#header .extension{ float:none; clear:both; margin:0; padding:0; *zoom:1; }
#header .extension:after{ content:""; display:block; clear:both;}
#header .extension ul{ position:relative; float:right; overflow:hidden; top:1px; right:8px;}

#header .extension li a.guestbook { width:125px; height:39px; background:url("/img/btn_guestbook.gif") no-repeat 0 0; display:block; outline: none; }
#header .extension li a.guestbook:hover { background-position:0 -39px; }
#header .extension li.active a.guestbook { background-position:0 -39px; }

#header .extension li a.tags {  float:left;padding:25px 0 0 30px; font:18px Arial, Helvetica, sans-serif;text-decoration:none; color:#999;outline: none;  }


#header .extension form{ float:right;}

#header .admin{ position:absolute; top:50px; right:0; font-size:9px; color:#000;}

#header .globalMenu { position:absolute; width:678px; height:37px; margin:0; padding:0; bottom:0; _bottom:-1px; right:2px; list-style:none; }
#header .globalMenu li { float:left; text-align:center; font:11px Arial, Helvetica, sans-serif; }
#header .globalMenu li a { padding:12px 20px 0 20px; height:25px; display:inline-block; text-decoration:none; color:#999; outline: none;}
#header .globalMenu li a:hover { background:url("/img/extra_menu_on.gif"); color:#666; text-decoration:none; }

#header .banner { position:absolute; top:22px; left:271px; width:535px; height:75px;}


/* bottom Menu
---------------------------------------------------------------------------------*/
#bottomMenu { position:relative; clear:both; margin:30px 0 0 32px; padding:0; color:#3c3c3c; }
#bottomMenu .addinfo { font-size:12px; margin:0 0 4px 0; padding:0; }
#bottomMenu .addinfo a,
#bottomMenu .addinfo a:visited { text-decoration:none; font-weight:bold; color:#3c3c3c; padding:0 5px; }
#bottomMenu .addinfo a:hover { text-decoration:underline; color:#000; }
#bottomMenu .copyright { font-size:11px; margin:0; padding:0; }
#bottomMenu .secure {width:148px; height:51px;display: inline; }

/* Body
---------------------------------------------------------------------------------*/
#body .extension a{ text-decoration:none;}
#body .extension a:hover,
#body .extension a:active,
#body .extension a:focus{ text-decoration:underline;}
#body .extension .section{ margin-bottom:40px;}
#body .extension .section h2{ padding:6px 0 3px 0; margin:0 0 6px 0; font-family: Helvetica, Arial, sans-serif; font-size:2em; font-weight:500; letter-spacing:-0.015em; color:#3c3c3c; border-bottom:1px solid #ddd; }
#body .extension .section a { color:#666;}

#body #iPhone { position:absolute; width:227px; height:493px; left:24px; top:-232px; z-index:1; }


/* Content
---------------------------------------------------------------------------------*/
#content { margin-top:20px; }
#content a { color:#0088cc; text-decoration:none; },
#content a:visited { color:#0088cc; text-decoration:none; }
#content .lineBreaker { display:block; width:100%; height:1px; background:#dfddd5; margin:10px auto 10px auto; padding:0; }

#content .postTitle{ position:relative; padding:1px 0; margin:0 0 7px 0; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size: 2.6em; letter-spacing: -0.04em; line-height: 1.05em; text-align:left; }
#content .postTitle em{ font-style:normal; color:#ff1a1a;}
#content .postTitle .category{ font-weight:normal; padding:0 0 0 10px; margin:0 0 0 5px; font-size:12px; background:url("/img/lineVrText.gif") no-repeat left center; color:#666;}

#content .postTitle a{ text-decoration:none; color:#3c3c3c; }
#content .postTitle a:hover,
#content .postTitle a:active,
#content .postTitle a:focus{ text-decoration:none;}


#content .intro,.intro li{list-style-type:none;margin:0;padding:0}
#content .intro{width:640px;overflow:hidden;}
#content .intro li{float:left;width:142px;}
#content .firstStep{margin:0px 10px 0px 10px;}
#content .secondStep{Margin:0px 10px 0px 10px;}
#content .thirdStep{margin:0px 10px 0px 10px;}
#content .intro p,.intro h3{margin:0;padding: 0 10px;color: #FFF}
#content .intro h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}
#content .summary {color:#000000;font-family: Garamond, "Times New Roman", serif; font-size: 1.2em;}

#content .intro2,.intro2 li{list-style-type:none;margin:0;padding:0;}
#content .intro2{width:640px;overflow:hidden;margin:0px 0px 0px 490px;}
#content .intro2 li{float:left;display:inline-block;}
#content .firstStep2{margin:0px 0px 0px 5px;}
#content .secondStep2{Margin:0px 0px 0px 5px;}
#content .thirdStep2{margin:0px 0px 0px 5px;}
#content .intro2 p,.intro2 h3{margin:0;padding: 0 10px;color: #FFF}
#content .intro2 h3{text-transform:uppercase;padding-bottom:3px;color: #FFF}
#content .summary2 {color:#777; }

.title{
color:#993a4e;
padding:0px;
float:left;
font-size:19px;
margin:10px 0 10px 0;
}

.sub_title{
color:#993a4e;
padding:0px;
float:left;
width:640px;
font-size:12px;
margin:10px 0 10px 0;
font-weight: bold;
}


.paging{
color:#ffffff;
padding:0px;
clear:both;
float:right;
font-size:10px;
margin:10px 0 10px 0;
}


.ibody{
padding:0px;
clear:both;
text-align:left;
font-size:12px;
line-height:150%;
letter-spacing:2;
font-family: Arial, Helvetica, sans-serif;
margin:10px 0 10px 0;
}

span.title_icon{
float:left;
padding:0 5px 0 0;
}

.new_products{
clear:both;
padding:0px;
}


.new_iphone_selection_box{
float:left;
text-align:center;
padding:30px 40px 30px 40px;

}

.new_prod_box{
float:left;
text-align:center;
padding:10px;
}

.new_prod_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_prod_bg{
width:132px;
height:119px;
text-align:center;
background:url(/img/new_prod_box.gif) no-repeat center;
position:relative;
}
.new_icon{
position:absolute;
top:0px;
right:0px;
z-index:200;
}

.new_svc_box{
float:left;
text-align:center;
padding:10px;
}

.new_svc_box a{
padding:5px 0 5px 0;
color:#b5b5b6;
text-decoration:none;
display:block;
}
.new_svc_bg{
width:132px;
height:119px;
text-align:center;
background:url(/img/new_svc_box.gif) no-repeat center;
position:relative;
}




.feat_prod_box_details{
padding:10px 0 10px 0;
margin:0 0px 10px 0;
clear:both;
}

.prod_img{
float:center;
padding:0 10px 0 10px;
text-align:center;
}
/*----------------for detail------------------*/
.center_content{
width:900px;
padding:0px 0 0 0;
background:url(/img/center_bg.gif) no-repeat center top;
}

.left_content{
width:650px;
float:left;
padding:0px 0 20px 0px;
}
.prod_det_box{
width:500px;
float:left;
padding:0px;
position:relative;

}

.box_top{
width:650px;
height:23px;
background:url(/img/box_top.gif) no-repeat center bottom;
}
.box_center{
width:650px;
height:auto;
background:url(/img/box_center.gif) repeat-y center;
}
.box_bottom{
width:650px;
height:23px;
background:url(/img/box_bottom.gif) no-repeat center top;
}
.prod_title{
color:#993a4e;
padding:5px 0 0 15px;
font-size:13px;
}
p.details{

padding:5px 15px 5px 15px;
font-size:11px;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.red{
color:#11819E;
}
span.colors{
padding:2px 2px 0 2px;
}
a.more{
font-style:italic;
color:#993a4e;
float:right;
text-decoration:none;
font-size:11px;
padding:0px 15px 0 0 ;
}
.clear{
clear:both;
}
/* demo */

div.demolayout {
width:650px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;
}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #DFDFDF;
border-bottom: 0;
color: #666;
background: #eee;
text-decoration: none;
font-weight: bold;
}

ul.demolayout a:hover {
background: #fff;
}

ul.demolayout a.active {
background: #fff;
padding-bottom: 5px;
cursor: default;
color:#11819E;
}

.tabs-container {
clear: left;
padding:0px;
}
.right_content{
width:370px;
float:left;
padding:20px 0 20px 20px;
}
.right_box{
width:170px;
float:left;
padding:10px 0 0 0;
}
.tab{
border:1px #DFDFDF solid;
padding:0 0 25px 0;
}
p.more_details{
padding:25px 20px 0px 20px;
font-size:11px;

}
ul.list{
clear:both;
padding:10px 0 0 20px;
margin:0px;
}
ul.list li{
list-style:none;
padding:2px 0 2px 0;
}
ul.list li a{
list-style:none;
text-decoration:none;
color:#000000;
background:url(/img/left_menu_bullet.gif) no-repeat left;
padding:0 0 0 17px;
}
ul.list li a:hover{
text-decoration:underline;
}
/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
color:#11819E;
}
span.red{
color:#11819E;
}
.price{
font-size:14px;
padding:0 0 0 15px;
margin:2px 0 5px 0;
}
span.colors{
padding:2px 2px 0 2px;
}




/*----------------end detail------------------*/
/* textyleContent
---------------------------------------------------------------------------------*/
.textyleContent{ font-size:12px; line-height:1.6; clear:both; font-family:Dotum; }
.textyleContent span.commentsShout { position: absolute;
    right: -50px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height:46px;
	width:44px;
	background: url("/img/comments.gif") no-repeat;
	line-height: 36px;
	text-align: center;
	color:#3a2f27;
	display:block
 }
.textyleContent h1{ font-size:24px;}
.textyleContent h2{ font-size:20px;}
.textyleContent h3{ font-size:18px;}
.textyleContent h4{ font-size:16px;}
.textyleContent h5{ font-size:14px;}
.textyleContent h6{ font-size:12px;}


/* Attached File
---------------------------------------------------------------------------------*/
.textyleContent dl.attachedFile { position:relative; margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee;}
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url("/img/iconClip.gif") no-repeat 2em .3em; font-size:12px;}
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
.textyleContent dl.attachedFile dd a:hover,
.textyleContent dl.attachedFile dd a:active,
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}


/* Table Of Content
---------------------------------------------------------------------------------*/
.textyleContent .toc{ position:relative; background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px; *zoom:1;}
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
.textyleContent .toc li.toc3{}
.textyleContent .toc li.toc4{ margin-left:55px;}
.textyleContent .toc li.toc5{ margin-left:75px;}
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
.textyleContent .toc li a:hover,
.textyleContent .toc li a:active,
.textyleContent .toc li a:focus{ text-decoration:underline;}


/* Object
---------------------------------------------------------------------------------*/
.textyleContent object{ margin:1em 0;}


/* Horizontal Rule
---------------------------------------------------------------------------------*/
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}


/* Blockquote
---------------------------------------------------------------------------------*/
.textyleContent blockquote{ margin:1em 0; padding:1em 2em; background:#f6f6f6; -moz-border-radius:5px; -webkit-border-radius:5px; }


/* Cite
---------------------------------------------------------------------------------*/
.textyleContent cite{ display:block; margin:1em 0;}


/* Link
---------------------------------------------------------------------------------*/
.textyleContent .xe_dr_link p strong{ display:block;}


/* P
---------------------------------------------------------------------------------*/
.textyleContent p{ margin:1em 0 !important;}


div.loading-invisible{
    /*make invisible*/
    display:none;
  }

  div.loading-visible{
    /*make visible*/
    display:block;

    /*position it 200px down the screen*/
    position:absolute;
    top:200px;
    left:0;
    width:100%;
    color: red;
    text-align:center;
    background:#ffffff;
    opacity:.75;
    z-index:4;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
  
  

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	background:#FFFFFF url(/img/h150.png) repeat scroll 0;
	height:80px;
	padding:10px 0 10px 20px;
	width:500px;
	border:1px solid #ddd;
}

/* accordion header */
#accordion img {
	float:left;
	margin-right:10px;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	float:left;	
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 -10px 0;
	width:190px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:190px;
}