@charset "utf-8";
@import "/Portals/0/Skins/skincmn.css";

.logo span{float:left;display:block;}
.logo span.jc{padding:15px 0 15px 15px;}
.logo span img{display:inline-block;}
.logo span.jc:before{content:"";display:inline-block;border-left:1px solid #ccc;padding-right:15px;width: 1px;height:38px;}
.logo + * {width: 420px;}

/* ===========================================================
 gNav tokenMenu
=========================================================== */
/* bg */
.headBottom{position:relative;background:rgb(7,46,103);background:-moz-linear-gradient(top,rgb(7,46,103) 0%, rgb(8,57,129) 100%);background:-webkit-linear-gradient(top,rgb(7,46,103) 0%,rgb(8,57,129) 100%);background:linear-gradient(to bottom,rgb(7,46,103) 0%,rgb(8,57,129) 100%);}
.headBottom:before{position:absolute;bottom:7px;content:"";width:100%;height:1px;background:#fff;}
.headBottom:after{position:absolute;bottom:0;content:"";width:100%;height:7px;background:#d71618;}
.headBottom .inner{padding:0 20px;}
/* txt */
.tokenMenu ul{margin:0;padding:0;list-style:none;}
.tokenMenu ul li,
.tokenMenu ul li.Tab101>a{display:none;float:left;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu .Tab101{display:block;}
.tokenMenu ul li.Tab106,
.tokenMenu ul li.Tab120,
.tokenMenu ul li.Tab130,
.tokenMenu ul li.Tab175,
.tokenMenu ul li.Tab176,
.tokenMenu ul li.Tab177,
.tokenMenu ul li.Tab178,
.tokenMenu ul li.Tab200{display:block;}
.tokenMenu ul li a{display:block;height:63px;color:#fff;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(images/txt_gnav.png) no-repeat;}
.tokenMenu ul li.Tab106{width:124px;}
.tokenMenu ul li.Tab120{width:110px;}
.tokenMenu ul li.Tab130{width:155px;}
.tokenMenu ul li.Tab175{width:115px;}
.tokenMenu ul li.Tab176{width:115px;}
.tokenMenu ul li.Tab177{width:125px;}
.tokenMenu ul li.Tab178{width:131px;}
.tokenMenu ul li.Tab200{width:125px;}
.tokenMenu ul li.Tab106 a{background-position:-2px 0;}
.tokenMenu ul li.Tab120 a{background-position:-126px 0;}
.tokenMenu ul li.Tab130 a{background-position:-236px 0;}
.tokenMenu ul li.Tab175 a{background-position:-391px 0;}
.tokenMenu ul li.Tab176 a{background-position:-506px 0;}
.tokenMenu ul li.Tab177 a{background-position:-621px 0;}
.tokenMenu ul li.Tab178 a{background-position: -746px 0;}
.tokenMenu ul li.Tab200 a{background-position:-877px 0;}
.tokenMenu ul{position:relative;}
.tokenMenu ul:before{content:"";position:absolute;top:10px;left:-1px;width:1px;height:35px;background:#05224d;}
.tokenMenu ul:after{content:"";position:absolute;top:10px;right:-1px;width:1px;height:35px;background:#2a5087;}
.tokenMenu ul>li a{position:relative;}
.tokenMenu ul>li a:before{content:"";position:absolute;top:10px;right:0;width:1px;height:35px;background:#05224d;}
.tokenMenu ul>li a:after{content:"";position:absolute;top:10px;left:0;width:1px;height:35px;background:#2a5087;}
.tokenMenu ul>li{position:relative;}
.tokenMenu ul>li:hover:before{content:"";position:absolute;top:6px;left:0;right:0;display:block;margin:0 5px 0 6px;width:auto;height:42px;border:1px solid rgba(255,255,255,0.3);background:rgb(8,57,129);background:-moz-linear-gradient(top,rgb(8,57,129) 0%, rgb(7,46,103) 100%);background:-webkit-linear-gradient(top,rgb(8,57,129) 0%,rgb(7,46,103) 100%);background:linear-gradient(to bottom,rgb(8,57,129) 0%,rgb(7,46,103) 100%);}
.tokenMenu ul>li.currentItem:before{content:"";position:absolute;top:4px;left:0;right:0;display:block;width:auto;height:52px;margin:0 8px 0 9px;background:#d71618;}
.tokenMenu ul>li.currentItem:hover:before{border:none;}
.tokenMenu ul>li.parentItem:before{content:"";position:absolute;top:4px;left:0;right:0;display:block;width:auto;height:52px;margin:0 8px 0 9px;background:#d71618;}
.tokenMenu ul>li.parentItem:hover:before{border:none;}



/* ===========================================================
 css for each skin
=========================================================== */
/* index */
#skinIndex .ContentPane{float:none;width:100%;}
#skinIndex .Content02Pane{float:none;width:100%;}
#skinIndex .Content03Pane{float:left;width:680px;}
#skinIndex .Content04Pane{float:right;width:250px;}
#skinIndex .contentMiddle .inner{padding-top:40px;padding-bottom:50px;}
#skinIndex .contentBottom .top{background:rgb(232,232,232);background:-moz-linear-gradient(top,rgb(232,232,232) 0%, rgb(250,250,250) 50%, rgb(250,250,250) 100%);background:-webkit-linear-gradient(top,rgb(232,232,232) 0%,rgb(250,250,250) 50%,rgb(250,250,250) 100%);background:linear-gradient(to bottom,rgb(232,232,232) 0%,rgb(250,250,250) 50%,rgb(250,250,250) 100%);}
#skinIndex .contentBottom .top .inner{padding-top:50px;padding-bottom:65px;}
#skinIndex .contentTop{position: relative;}
#skinIndex .contentTop .inner {max-width: 1040px;position: relative;width: 100%;}
#skinIndex .contentTop .inner .TopBannerPane {position:absolute;bottom:105px;left:0;}
#skinIndex .contentTop .inner .TopBannerPane p{padding:20px;background:rgba(255,255,255,0.5);border-radius:2px;}
#skinIndex .contentTop .inner .TopBannerPane p a{display:block;}
#skinIndex .contentTop .inner .TopBannerPane p img{display:block;margin:0 auto;}
/* 1col */
#skin1Column .TopPane {margin-bottom:40px;background:#f0f0f0;}
/* 2col */
#skin2Columns .mainArea{float:right;width:700px;}
#skin2Columns .sideArea{float:left;width:250px;}
/* applicants common */
.skinTdcClApp .headBottom:after{content:"";position:absolute;bottom:0;width:100%;height:7px;background:#e24f4f;}
.skinTdcClApp .tokenMenu ul>li.currentItem:before{background:#e24f4f;}
.skinTdcClApp .tokenMenu ul>li.parentItem:before{background:#e24f4f;}
.skinTdcClApp .ContentPane{padding-bottom:50px;}
/* applicants index */
#skinIndex.skinTdcClApp .contentMiddle{background:url(images/bg_content.jpg);}
#skinIndex.skinTdcClApp .contentMiddle .inner{padding-top:50px;padding-bottom:0;}
#skinIndex.skinTdcClApp .contentMiddle:after{content:"";display:block;clear:both;}
#skinIndex.skinTdcClApp .ContentPane {float:right;width:700px;padding-bottom:0;}
#skinIndex.skinTdcClApp .ContentAppPane{float:right;width:700px;padding-bottom:0;}
#skinIndex.skinTdcClApp .Content02Pane{float:left;width:250px;}
#skinIndex.skinTdcClApp .Content03Pane{float:none;width:100%;}
#skinIndex.skinTdcClApp .Content04Pane{float:none;width:100%;}
#skinIndex.skinTdcClApp .contentBottomTop{background:none;}
/*#skinIndex.skinTdcClApp .navAppPane{display:none;}*/
/* skin2Columns-1_2_2 */
#skin2Columns-1_2_2 .mainArea .Content02Pane,
#skin2Columns-1_2_2 .mainArea .Content04Pane{width:350px;padding:0 0 0 30px;border-left:1px dotted #ccc;}
#skin2Columns-1_2_2 .mainArea .Content01Pane,
#skin2Columns-1_2_2 .mainArea .Content03Pane{width:330px;}
#skin2Columns-1_2_2 .mainArea .Content01Pane,
#skin2Columns-1_2_2 .mainArea .Content02Pane{margin-bottom:60px;}
#skin2Columns-1_2_2 .mainArea .Content03Pane,
#skin2Columns-1_2_2 .mainArea .Content04Pane{position:relative;}
#skin2Columns-1_2_2 .mainArea .Content03Pane:after,
#skin2Columns-1_2_2 .mainArea .Content04Pane:after{content:"";position:absolute;top:-30px;display:block;width:300px;height:1px;border-top:1px dotted #ccc;}
#skin2Columns-1_2_2 .mainArea .Content03Pane:after{right:0;}
#skin2Columns-1_2_2 .mainArea .Content04Pane:after{left:30px;}


/**/