.subPageContent
{
    background: #fff url(img/bg_subpage.gif) repeat-y right;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 7px;
    padding-top: 1px;
    padding-bottom: 70px;
    margin-bottom: 30px;
}
.subPageMain
{
    width: 690px;
    float: left;
}
.subPageMain .crumb
{
    margin: 5px 10px;
    background: #f7f6f2 url(img/rightArrow.gif) no-repeat 15px center;
    padding: 5px 0;
    padding-left: 27px;
}

.courseItem
{
    padding: 15px 0;
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: #ccc 1px dotted;
}
.courseItem table td
{
    padding: 4px;
    line-height: 1.4em;
}
.courseItem table th
{
    color: Black;
    width: 70px;
    vertical-align: top;
    padding-top: 6px;
}
.courseItem .courseName
{
    font-size: 12px;
    font-weight: bold;
}
.courseItem .opRow td
{
    padding: 0;
    padding-top: 10px;
}
.courseAttrTable 
{
    border: none;
    border-left: #ccc 1px dotted;
    border-top: #ccc 1px dotted;
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}
.courseAttrTable td,.courseAttrTable th
{
    padding: 3px 5px;
    border: none;
    border-right: #ccc 1px dotted;
    border-bottom: #ccc 1px dotted;
}
.courseAttrTable th
{
    width: 170px;
    background: #eee;
}

.newsDetail
{
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 15px;
}
.newsDetail .newsHeader 
{
    text-align: center;
    border-bottom: #ccc 1px dotted;
    padding: 6px 0;
    margin: 8px auto;
}
.newsDetail .newsTitle
{
    font-size: 20px;
    font-weight: bold;
    color: Black;
}
.newsDetail .newsRemark
{
    padding-top: 10px;
    text-align: right;
}

.subPageSidebar
{
    float: left;
    width: 260px;
    padding-left: 5px;
    padding-top: 5px;
}

.sidebarBlock 
{
    margin-bottom: 12px;
}
.sidebarBlock .blockHeader
{
    height: 20px;
    width: 261px;
    background: url(img/sidebarBlockHeader.gif) no-repeat left top;
}
.sidebarBlock .blockHeader h1 a
{
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.sidebarBlock .blockHeader .more
{
    margin-right: 8px;
    margin-top: 12px;
}
.sidebarBlock .blockContent .newsList
{
    padding-left: 10px;
    margin-top: 10px;
}
.sidebarBlock .blockContent .newsList li 
{
    margin: 5px auto;
}

.onlineRegisterTable
{
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
    border: #ccc 1px dotted;
}
.onlineRegisterTable td, .onlineRegisterTable th
{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 4px;
    border: none;
    border-bottom: #ccc 1px dotted;
    border-right: #ccc 1px dotted;
}
.onlineRegisterTable th 
{
    font-weight: normal;
    width: 150px;
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 6px;
}
.onlineRegisterTable .formItemRemark 
{
    font-style: italic;
    font-size: 14px;
    color: #666;
    padding-top: 5px;
}

.newsList
{
    margin: 5px 10px;
}
.newsListTable 
{
    border-collapse: collapse;
    empty-cells: show;
    width: 100%;
    border: none;
}
.newsListTable td 
{
    padding: 2px 4px;
    padding-top: 9px;
    border: none;
    border-bottom: #ccc 1px dotted;
    text-align: right;
}
.newsListTable .newsTitleCell, .newsListTable .newsTitle
{
    font-size: 13px;
    font-weight:normal;
    text-align: left;
}
.newsListTable .newsRemarkCell { color: #ccc; }
.newsListTable .newsTitle{display: inline; }
.newsListTable a:hover
{
    color: #000;
}
.newsListTable .categoryLink
{
    text-decoration: none;
    color: #264e81;
}
.newsListTable .categoryLink:hover
{
    color: #090;
}

.chooseTrainingTypeContainer 
{
    padding: 45px 35px;
    text-align: center;
}
.chooseTrainingTypeContainer h3
{
    font-size: 14px;
    padding-bottom: 35px;
}
.chooseTrainingTypeContainer .trainingTypeItem 
{
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px 10px;
    border: #ccc 1px solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    font-size: 14px;
}

.sidebarContactBlock table
{
    margin-top: 5px;
    margin-left: 10px;
    border: none;
    border-collapse: collapse;
}
.sidebarContactBlock table td, .sidebarContactBlock table th
{
    border: none;
    padding: 3px;
    line-height: 1.3em;
}
.sidebarContactBlock table th
{
    width: 55px;
    font-weight: bold;
    padding-top: 4px;
    vertical-align:top;
}

.siblingNews 
{
    margin-top: 15px;
    padding: 5px 0;
    border-top: #ccc 1px dotted;
}
.siblingNews .siblingNewsItem
{
    margin: 5px;
}

.onlineTestContainer 
{
    margin-left: 15px;
    margin-right: 15px;
}
.onlineTestContainer .msgInfo
{
    padding: 45px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
}
.onlineTestContainer .welcomeTitle
{
    text-align: center;
    padding: 7px 0;
    border-bottom: #ccc 1px dotted;
    margin-bottom: 7px;
}
.onlineTestContainer .welcomeTitle h1
{
    font-size: 14px;
}
.onlineTestContainer .welcomeContent
{
    margin-bottom: 10px;
}
.onlineTestContainer .welcomeActions
{
    border-top: #ccc 1px dotted;
    padding-top: 20px;
    text-align: center;
}
.onlineTestContainer .welcomeActions .button
{
    width: 120px;
}
.onlineTestContainer .noTestItems
{
    text-align: center;
    padding: 35px 0;
    font-size: 14px;
    color: #090;
}
.onlineTestContainer .noTestItems a
{
    color: #090;
    text-decoration: underline;
}
.onlineTestContainer .stepTitle
{
    font-size: 13px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: #ccc 1px dotted;
}
.onlineTestContainer .testState
{
    padding: 8px;
    margin: 5px auto;
    width: 643px;
    border: #090 1px dotted;
    color: #090;
}
.onlineTestContainer .testTitle
{
    font-size: 13px;
    padding: 5px 3px;
    margin-bottom: 5px;
    border-bottom: #ccc 1px solid;
}
.onlineTestContainer .answer
{
    display: block;
    border: #ccc 1px solid;
    padding: 5px;
    width: 649px;
    margin: 5px auto 10px;
    line-height: 1.5em;
}
.onlineTestContainer .answerRight
{
    border: #090 1px solid;
    border-left: #090 4px solid;
    color: #090;
}
.onlineTestContainer .answerWrong
{
    border: red 1px solid;
    border-left: red 4px solid;
    color: Red;
}
.onlineTestContainer .testResult
{
    text-align: center;
    color: #090;
    line-height: 1.5em;
    padding: 35px 0;
}
.onlineTestContainer .testResult h2
{
    font-size: 14px;
    padding-bottom: 15px;
}
.onlineTestContainer .testResult .button
{
    margin-top: 15px;
}
.onlineTestContainer .resultSaveStatus
{
    color: Red;
    font-weight:bold;
}


.snapAnswer
{
    display: block;
    margin: 2px auto;
    border: #ccc 1px dotted;
}
.snapTestTitle
{
    font-weight: bold;
    border-bottom: #ccc 1px dotted;
    padding: 5px;
}
.snapOptions
{
    padding: 5px;
}
.snapRightAnswer
{
}
.snapWrongAnswer
{
}
.rightAnswerOption
{
    color: #090;
    font-weight: bold;
}
.snapWrongAnswer .userAnswerOption
{
     font-weight: bold;
   color: Red;
}
.snapNotAnswerAnswer .rightAnswerOption
{
    text-decoration: underline;
}
.info-block
{
    border: #ccc 1px dashed;
    padding: 5px;
    margin: 5px auto;
    line-height: 1.7em;
    background: #f7f6f2;
}

.userIndexNews li
{
    margin: 5px auto;
}

.countDownContainer
{
    color: green;
    font-size: 16px;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 45px;
    background: url(img/clock.jpg) no-repeat 5px 5px;
}
.testTimeWarning
{
    color: Red;
    background-color: yellow;
}