@charset "utf-8";
/* CSS Document */

/*-- ClearPlay Global Styles
--------------------------------*/
body {background-color:#28567a; height:100%; }
.ClrPly { margin:0 auto; width:934px; }
.ClrPly, .ClrPly .Sec, .ClrPly .Grp { position:relative; }
.ClrPly * { color:#464646; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; margin:0; padding:0; }
.ClrPly h1, .ClrPly h2, .ClrPly h3, .ClrPly h4, .ClrPly h5, .ClrPly h6 { color:#28567a; font-weight:700; }
.ClrPly h1 { font-size:24px; line-height:27px; }
.ClrPly h2 { font-size:21px; line-height:24px; letter-spacing:1px; }
.ClrPly h3 { font-size:19px; line-height:22px; }
.ClrPly h4 { font-size:18px; line-height:21px; }
.ClrPly h5 { font-size:16px; line-height:19px; }
.ClrPly h6 { font-size:15px; line-height:18px; }
.ClrPly li { list-style-type:none; }
.ClrPly .Sup { font-size:11px; line-height:11px; vertical-align:top; }
.ClrPly table { border-collapse:collapse; border-spacing:0; }
.ClrPly td { vertical-align:top; }
.ClrPly a:link { color:#28567a; }
.ClrPly a:hover { color:#DF8713; }
.ClrPly a img { border:none; }
.ClrPly a.OpnMdl { color:#28567a; cursor:pointer; text-decoration:underline; }
.ClrPly a.OpnMdl:hover { color:#DF8713; }
.ClrPly select, .ClrPly select option { font-size:12px; }
.ClrPly input.TxtFld { background-color:#fff; border-width:1px; border-style:solid; border-color:#727272 #b4b4b4 #dadada; color:#464646; }
.ClrPly input.ChckBx { height:16px; margin-right:4px; width:16px; vertical-align:top; }

/*-- Header 
--------------------------------*/
.ClrPly .Hdr { margin:20px 0; width:934px; z-index:2; }
.ClrPly .Logo { background-image:url(../images/CPLngng-Logo.gif); display:block; height:57px; width:229px; }

/*-- Body 
--------------------------------*/
.ClrPly .Bdy { background-color:#fff; padding:30px; width:874px; z-index:0; }
.ClrPly .Bdy .CntWrp { background-image:url(../images/CntWrp.gif); height:20px; left:0; position:absolute; width:934px; }
.ClrPly .Bdy .TopWrp { background-position:top left; top:0; }
.ClrPly .Bdy .BtmWrp { background-position:bottom left; bottom:0; }

/* Footer
--------------------------------*/
.ClrPly .Ftr { margin:20px 0; overflow:hidden; width:934px; z-index:2; }
.ClrPly .Ftr * { color:#fff; font-size:12px; line-height:15px; }
.ClrPly .Ftr * a { color:#fff; }
.ClrPly .Ftr ul { overflow:hidden; width:100%; }
.ClrPly .Ftr ul li { float:left; width:467px; }
.ClrPly .Ftr ul li.Item2 { text-align:right; }

/* Modal
--------------------------------*/
.HdeMdl { display:none; }
.MdlMsk { background-color:#000; filter:alpha(opacity=50); height:100%; left:0; opacity:0.5; position:fixed; top:0; width:100%; z-index:4; }
.MdlPnl { margin-left:-383px; left:50%; position:absolute; top:92px; width:766px; z-index:4; }
.MdlPnl .MdlCnt { background:url(../images/Mdl-Shdw.png) repeat-y top left; position:relative; width:766px; }
.MdlPnl .CntWrp { background-image:url(../images/Mdl-Wrp.png); height:27px; position:absolute; width:766px; }
.MdlPnl .CntWrpTop { background-position:top left; left:0; top:-27px; }
.MdlPnl .CntWrpBtm { background-position:bottom left; left:0; bottom:-27px; }
.MdlPnl .ClsBtn { background-image:url(../images/Mdl-Btn.png); cursor:pointer; height:47px; position:absolute; top:-32px; right:-3px; width:47px; z-index:2; }
.MdlPnl .MdlBdy { background-color:#fff; border-right:2px solid #f89b3c; border-left:2px solid #f89b3c; margin:0 15px; padding:35px 45px; }
.MdlPnl .BdyCnt { display:none; }

/*-- ClearPlay Order Flow
--------------------------------*/
.CPOrdFlw .Bdy .PgHdr { margin-bottom:15px; position:relative; top:-5px; }