﻿body 
{

}


body, div, span, p, h1, h2, h3, a
{
    font-family: Arial, sans-serif;
    color: #333;
}

body, div, span, p, a
{
    font-size: 13px;
}



/* --- form validation ---- */
.validator 
{
    color: #ff0000;
    
}


/* ----- day calendar ----- */

div.dayCalendar
{
    text-align:center; 
    width:106px; 
    float:left; 
    margin: 0 5px;
}
div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Home.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 10px 5px 10px 5px;
    color: #ffffff;
    font-size: 14px;
}
div.dayCalendar div.topPart small
{
    display:block;
    font-size: 0.7em;
}
div.dayCalendar div.topPart strong
{
    display:block;
    font-size: 2em;
    font-weight: normal;
}
div.dayCalendar div.topPart div
{
    display:block;
    font-size: 1.1em;
    color: #ffffff !important;
}

div.dayCalendar div.bottomPart
{
    background-image: url(/images/bg_daycalender_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 10px 5px 10px 5px;
    color: #666666;
    font-size: 12px;
}

div.dayCalendar div.bottomPart small
{
    display:block;
    font-size: 0.7em;
}
div.dayCalendar div.bottomPart strong
{
    display:block;
    font-size: 2.3em;
    font-weight: normal;
}
div.dayCalendar div.bottomPart a:link,
div.dayCalendar div.bottomPart a:visited,
div.dayCalendar div.bottomPart a:active
{
    display:block;
    font-size: 1.1em;
}



/* ----- small day calendar ----- */

div.smalldayCalendar
{
    text-align:center; 
    width:90px; 
    float:left; 
    margin: 0 5px;
}
div.smalldayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Home.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding: 10px 5px 10px 5px;
    color: #ffffff;
    font-size: 14px;
}

div.smalldayCalendar div.topPart small
{
    display:block;
    font-size: 0.7em;
}
div.smalldayCalendar div.topPart strong
{
    display:block;
    font-size: 2em;
    font-weight: normal;
}
div.smalldayCalendar div.topPart div
{
    display:block;
    font-size: 1.1em;
    color: #ffffff !important;
}

div.smalldayCalendar div.bottomPart
{
    background-image: url(/images/bg_daycalender_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 10px 5px 10px 5px;
    color: #666666;
    font-size: 12px;
}
div.smalldayCalendar div.bottomPart small, div.smalldayCalendar div.row small
{
    display:block;
    font-size: 0.7em;
}
div.smalldayCalendar div.bottomPart strong, div.smalldayCalendar div.row strong
{
    display:block;
    font-size: 1.3em;
    font-weight: normal;
}
div.smalldayCalendar div.bottomPart a:link,
div.smalldayCalendar div.bottomPart a:visited,
div.smalldayCalendar div.bottomPart a:active,
div.smalldayCalendar div.row a:link,
div.smalldayCalendar div.row a:visited,
div.smalldayCalendar div.row a:active
{
    display:block;
    font-size: 1.1em;
}

div.smalldayCalendar div.HeadTop 
{
    padding: 10px 5px 10px 5px;
    color: #ffffff;
    font-size: 14px;
    width:206px !important;
    height: 65px;
}

div.smalldayCalendar div.HeadBottom 
{

    padding: 10px 5px 10px 5px;
    color: #666666;
    font-size: 12px;
}
div.smalldayCalendar div.Headrow
{
    padding: 0 0 0 0;
    color: #666666;
    font-size: 12px;
    margin-bottom: 10px;
    height: 62px;
    
}

div.smalldayCalendar div.row
{
    color: #666666;
    font-size: 12px;
    background-color:#cccccc;
    height: 62px;
    padding: 0 0 10px 0;
    font-size: 1.6em;

}
div.smalldayCalendar div.row strong 
{
    padding-top: 15px;
}

/* ----- Assessment tag ----- */
div.assessmenttag
{
    width:380px; 
    float:left; 
    margin: 0 10px 10px 0;
}
div.assessmenttag div.assessmenttag_top
{
    background-image: url(/images/bg_assessment_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height:10px;
}
div.assessmenttag div.assessmenttag_content
{
    background-image: url(/images/bg_assessment_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    min-height: 76px;
    overflow: auto;
    padding: 5px 10px 15px 15px;
}
div.assessmenttag .assessmenttag_icon
{
    float:left;
}

div.assessmenttag img.assessmenttag_icon
{
    cursor:pointer;
}

div.assessmenttag div.assessmenttag_details
{
    width: 250px;
    padding: 0 0 0 0;
    margin-left: 20px; 
    float:left; 
}

div.assessmenttag_details h1
{
    color:#333!important;
}


/* ----- Job tag ----- */
div.jobtag
{
    width:680px; 
    float:left; 
    padding: 0 10px 20px 0;
    min-height: 76px;
    background: url(/images/Job_timeline.png) top left repeat-y;

}
div.jobtag div.jobtag_icon
{
    float:left;
    width: 63px;

}
div.jobtag img.jobtag_icon
{
    cursor:pointer;
}
div.jobtag div.jobtag_date
{
    width: 80px;
    padding: 15px 0 0 0;
    margin-left: 0px; 
    float:left;
    text-align: center;
    font-size: 12px;
}
div.jobtag div.jobtag_date span 
{
     font-size: 10px;
}

div.jobtag div.jobtag_details
{
    width: 500px;
    padding: 5px 0 0 0;
    margin-left: 20px; 
    float:left; 
}

div.jobtag_details h1
{
    color:#333!important;
}

div.jobtag_details div.jobtag_details_description 
{
    font-size: 12px;
    padding: 0 0 0 0;
}
div.jobtag_details div.jobtag_details_contact
{
    font-size: 10px;
    padding: 3px 0 0 0;
    margin-top: 10px;
    border-top: solid 1px #ccc;
}
div.jobtag_details div.jobtag_details_contact a
{
    font-size: 10px;
}
div.jobtag_details div.jobtag_details_status, div.jobtag_details div.jobtag_details_status strong
{
    font-size: 10px;
    padding: 3px 0 0 0;
}



/* ----- Job tag View ----- */
div.jobtagview
{
    width:680px; 
    float:left; 
    padding: 0 10px 20px 0;
}
div.jobtagview div.jobtag_icon
{
    float:left;
    width: 63px;

}
div.jobtagview img.jobtag_icon
{
    cursor:pointer;
}
div.jobtagview div.jobtag_date
{
    width: 80px;
    padding: 15px 0 0 0;
    margin-left: 0px; 
    float:left;
    text-align: center;
    font-size: 12px;
}
div.jobtagview div.jobtag_date span 
{
     font-size: 10px;
}

div.jobtagview div.jobtag_details
{
    width: 500px;
    padding: 10px 0 0 0;
    margin-left: 20px; 
    float:left; 
}



/* ----- charts ----- */
ul.charts
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px;
    clear: both;
}

ul.charts li
{
    font: 12px Arial, sans-serif;
    color: #333;
    vertical-align: middle;
    padding: 5px 0 5px 0;
    overflow: auto;
    
}

ul.charts li h1 
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.2em;
    font-weight: bold;  
}

ul.charts li h2
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.2em;
    font-weight: bold;  
}
ul.charts li div.bar
{
    background-color: #64A523;

    height:20px;
}
ul.charts li.header
{
    font-size: 1.5em;
    padding-top: 20px;
    border-bottom: solid 1px #999999;
    margin-bottom:5px;
}


ul.chartDiv3
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px;
    clear: both;
}

ul.chartDiv3 li
{
    font: 12px Arial, sans-serif;
    color: #333;
    padding: 5px 0 5px 0;
    overflow: auto;
    width: 33%;   
    float: left;
    text-align:center;
}


/* ----- forms ----- */
ul.forms
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px;
    clear: both;
}

ul.forms li
{
    font: 12px Arial, sans-serif;
    color: #333;
    vertical-align: middle;
    padding-top: 3px;
}

ul.forms li h1
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.3em;
    font-weight: bold;   
}

ul.forms li.cols_1
{
    clear: both;
    padding: 0 0 0 0;
    margin: 0 0 8px;
}

ul.forms li.cols_2
{
    width: 50%;
    float: left;
    padding: 0 0 0 0;
    margin: 0 0 8px;
}

ul.forms li.cols_buttons
{
    clear: both;
    padding-left: 110px;
}

ul.forms li.cols_buttons_centered
{
    clear: both;
    text-align:center;
}

ul.forms li.cols_managementtools
{
    clear: both;
    vertical-align: middle;
}

ul.forms li.seperator
{
    clear: both;
    margin-top: 40px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}

ul.forms li.divider
{
    clear: both;
    margin-top: 20px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}

ul.forms li.boxed
{
    border: solid 1px #999999;
    padding: 10px 20px 10px 20px;
}

ul.forms li.gap
{
    clear: both;
    margin-bottom: 40px;
}
ul.forms li label,
ul.forms li span,
ul.forms li a,
ul.forms li div,
ul.forms li input
{
    vertical-align: middle;
    /* line-height: 22px; */
}
ul.forms li label.fieldName,
ul.forms li span.fieldName
{
    font: 12px Arial, sans-serif;
    color: #000;
    display: inline-block;
    width: 110px;
    overflow: visible;
    padding-top: 3px;
}

ul.forms li label.fieldValue,
ul.forms li span.fieldValue,
ul.forms li a.fieldValue,
ul.forms li a.fieldValue:visited,
ul.forms li a.fieldValue:active
{
    font: 12px Arial, sans-serif;
    font-weight: bold;
    color: #000;
    display: inline-block;
    padding-top: 3px;
    padding-right: 10px;
}
ul.forms li a.fieldValue:hover
{
    color:#ff0000;
}

ul.forms li div.group_control
{
    width: 700px;
    display: inline-block;
}

ul.forms li div.group_control label 
{
    width: 200px;
}
/* ???
ul.forms li div.assessment
{
    border: solid 1px #ccc;
    padding: 5px 10px 5px 10px;
}
*/


ul.forms li table.assessments 
{
    background-color:#64A523;
    padding: 3px 3px 3px 3px;
    margin: 0 0 0 0;
    border: 3px solid #64A523;

}
ul.forms li table.assessments th 
{
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    background-color:#64A523;
    border: 0px solid;
    color: #fff;
    font-size: 15px;
    text-align: left;
}
ul.forms li table.assessments td 
{
    padding: 5px 5px 5px 5px;
    margin: 0 0 0 0;
    border: 1px solid #fff;
    background-color:#99c36f;
    color: #ccc;
}



/* ----- logins ----- */
div.logins
{
    width: 580px;
    margin: 10px auto;
}
ul.logins
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px;
    clear: both;
}

ul.logins li
{
    font: 12px Arial, sans-serif;
    color: #333;
    padding-top: 3px;
}

ul.logins li h1
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.3em;
    font-weight: bold;   
}

ul.logins li.cols_1,
ul.logins li.cols_2,
ul.logins li.cols_3,
ul.logins li.cols_4 
{
    padding: 0 0 0 0;
    margin: 0 0 8px;
}

ul.logins li.cols_1
{
    clear: both;
}

ul.logins li.cols_2
{
    width: 50%;
    float: left;
}

ul.logins li.cols_3
{
    width: 70%;
    float: left;
}

ul.logins li.cols_4
{
    width: 30%;
    float: left;
}

ul.logins li.boxed
{
    border: solid 1px #999999;
    padding: 20px 40px 20px 40px;
}


/* ----- assessments ----- */
div.assessments
{
    width: 580px;
    margin: 10px auto;
}
ul.assessments
{
    list-style-type: none;
    margin: 0;
    padding: 0 0 8px;
    clear: both;
}

ul.assessments li
{
    font: 12px Arial, sans-serif;
    color: #333;
    vertical-align: middle;
    padding-top: 3px;
}

ul.assessments li h1
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-size: 1.3em;
    font-weight: bold;   
}

ul.assessments li.cols_1,
ul.assessments li.cols_2,
ul.assessments li.cols_3,
ul.assessments li.cols_4
{
    padding: 0 0 0 0;
    margin: 0 0 8px;
}

ul.assessments li.cols_1
{
    clear: both;
}

ul.assessments li.cols_2
{
    width: 50%;
    float: left;
}

ul.assessments li.cols_3
{
    width: 70%;
    float: left;
}

ul.assessments li.cols_4
{
    width: 30%;
    float: left;
}
ul.assessments li.cols_4_disc
{
    width: 25%;
    float: left;
}
ul.assessments li.cols_5_disc
{
    width: 20%;
    float: left;
}
ul.assessments li.cols_3_rlq
{
    width: 60%;
    float: left;
}
ul.assessments li.cols_4_rlq
{
    width: 40%;
    float: left;
}
ul.assessments li.cols_4_ejdhighlow
{
    width: 33%;
    float: left;
}
ul.assessments li.highlightOnHover
{
    padding: 10px 10px 10px 10px;
    border-color: #fff;
    border-style: dotted;
    border-width: 1px;
    
}
ul.assessments li.highlightOnHoverSelectInput {
    padding: 10px 10px 10px 10px;
    border-color: #fff;
    border-style: dotted;
    border-width: 1px;
}
ul.assessments .highlightOnHover
{
    overflow: auto;
}
ul.assessments .highlightOnHoverSelectInput {
    overflow: auto;
}

ul.assessments li.boxed
{
    border: solid 1px #999999;
    padding: 10px 20px 10px 20px;
}


ul.assessments li.cols_buttons
{
    clear: both;
    padding-left: 110px;
}

ul.assessments li.cols_buttons_centered
{
    clear: both;
    text-align:center;
}

ul.assessments li.seperator
{
    clear: both;
    margin-top: 40px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}

ul.assessments li.divider
{
    clear: both;
    margin-top: 20px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}


ul.assessments li.gap
{
    clear: both;
    margin-bottom: 40px;
}


ul.assessments li label.fieldName,
ul.assessments li span.fieldName
{
    font: 12px Arial, sans-serif;
    color: #000;
    display: inline-block;
    width: 110px;
    overflow: visible;
    padding-top: 3px;
}

ul.assessments li label.fieldValue,
ul.assessments li span.fieldValue,
ul.assessments li a.fieldValue,
ul.assessments li a.fieldValue:visited,
ul.assessments li a.fieldValue:active
{
    font: 12px Arial, sans-serif;
    font-weight: bold;
    color: #000;
    display: inline-block;
    padding-top: 3px;
}
ul.assessments li a.fieldValue:hover
{
    color:#ff0000;
}

ul.assessments li label.questionaire,
ul.assessments li span.questionaire
{
    font: 12px Arial, sans-serif;
    font-weight: bold;
    color: #000;
}
ul.assessments li label.questionaire sup,
ul.assessments li span.questionaire sup 
{
    font-size: 0.8em;
    color:#ff0000; 
}
ul.assessments li label.questionaire em,
ul.assessments li span.questionaire em 
{
    clear: both;
    display: block;
    font-weight: normal;
}

ul.assessments li input.questionaire
{
}

ul.assessments li label.header,
ul.assessments li span.header
{
    font: 16px Arial, sans-serif;
    font-weight: bold;
    color: #000;
    padding-left: 9px;
}

ul.assessments .full 
{
    width: 100%;
}

ul.assessments .half 
{
    width: 50%;
}

ul.assessments .small 
{
    width: 150px;
}

ul.assessments .clearboth
{
    display:block;
    clear: both;
}

/* ****************************** */

div.matchscore {
    width: 100px;
    height: 10px;
    background-image: url(/images/bar_matchscore.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    float:left;
    margin-top: 3px;
    margin-right: 5px;
}

/* ****************************** */
div.searchPane
{
    width: 623px;
    float:left;
}
div.searchPane_buttons
{
    width: 220px;
    /* height: 95px; */
    float:right;
    text-align:right;
    margin-top: 70px;
    /* vertical-align: bottom; */
}


div.searchResultPane
{
   clear: both;
   padding-top: 20px;
}


div.searchTabs
{
    width: 623px;
    padding: 0 10px 9px 10px;
    background-image: url(/images/bg_searchpanel_top.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color:Transparent;
}
div.searchTabs li span
{
    height: 26px;
    line-height: 26px;
}
div.searchPanels
{
    width: 623px;
    padding: 10px 10px 10px 10px;
    background-image: url(/images/bg_searchpanel_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color:Transparent;

    
}

div.ManageTabs
{
    padding: 0 10px 9px 10px;
    background-image: url(/images/bg_panel_top.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color:Transparent;
}
div.ManageTabs li span
{
    height: 26px;
    line-height: 26px;
}


div.ManagePanels
{
    padding: 10px 20px 10px 20px;
    background-image: url(/images/bg_panel_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color:Transparent;
    overflow: visible;
    
}
div.ManagePanels ul
{
    overflow: auto;
}


/* ****************************** */
div.grids_buttons
{
    text-align: right;
}

div.grid_commandItems
{
    padding: 5px 10px 5px 8px;
}
div.grid_commandItems a:link, div.grid_commandItems a:visited, div.grid_commandItems a:active 
{
    padding: 2px 2px 2px 2px;
}
div.grid_commandItems a:hover
{
    color: #ff0000;
}

/* ****************************** */
span.forms_error
{
    display:block;
    border: solid 1px #99efef;
    background-color: #ff9999;
    padding: 10px 20px 10px 20px;
    margin-bottom: 10px;
}

/* ****************************** */
span.forms_warning {
    display: block;
    border: solid 1px #99efef;
    background-color: #FFD199;
    padding: 10px 20px 10px 20px;
    margin-bottom: 10px;
}

/* ****************************** */
.login_Container
{
    width:310px;
    height:200px;
    border:solid 1px gray;
    margin:0 auto;
    text-align:left;
    padding:0px 15px 0px 15px;
}

.login_Container_table td
{
    padding:15px 0px 0px 0px;
}


/*
.questionairesDiv
{
    width:480px;
    margin:0px auto;

}
.questionairesheaderDiv
{
        text-align:center;
}
.questionairesTable
{
    font-size: 13px; 
    color: Black;
    border:1px solid Gray;
    width:100%;
 
}
.questionairesTable td
{
    border:1px solid Gray;
    width:100%;
    margin:10px 10px 10px 0px;
    padding:10px;
 
}
.questionairesTable input
{
    margin-top:5px;
}.questionairesTable a
{
    margin-top:5px;
}
.questionTitle 
{
   font-weight:bold; 
   font-size:13px;
}

.questionTitle span
{
   color:Red;
}
.buttonDiv
{
    text-align:center;
    padding:20px;
}
.questionairesListItem
{
    width:480px;
    margin:1px;
    border:solid Gray 1px;
    padding:5px 0px 5px 5px;

}

*/




















/* --- COLOUR SCHEME SECTION -- */
.Scheme_Home #portalContainer
{
    /* background-color: #ebfec2; */
    background-color: #ffffff;
}
.Scheme_Client #portalContainer
{
    /* background-color: #fcd6b8; */
    background-color: #ffffff;
}
.Scheme_Candidate #portalContainer
{
    /* background-color: #b3eefe; */
    background-color: #ffffff;
}
 .Scheme_Solution #portalContainer
{
    /* background-color: #ffa9a7; */
    background-color: #ffffff;
}
.Scheme_Admin #portalContainer
{
    /* background-color: #d8bdfa; */
    background-color: #ffffff;
}

.Scheme_Home #portalHeader_NavBar 
{
    /* background-color: #00337F; */
    background-image: url(/images/topnav_home_bg_left.gif);
    background-position: left top;
    background-repeat: no-repeat;
}
.Scheme_Client #portalHeader_NavBar
{
    /* background-color: #3796AF; */
    background-image: url(/images/topnav_client_bg_left.gif);
    background-position: left top;
    background-repeat: no-repeat;

}
.Scheme_Candidate #portalHeader_NavBar
{
    /* background-color: #604A7B; */
    background-image: url(/images/topnav_candidate_bg_left.gif);
    background-position: left top;
    background-repeat: no-repeat;

}
.Scheme_Solution #portalHeader_NavBar
{
    /* background-color: #64A523; */
    background-image: url(/images/topnav_solution_bg_left.gif);
    background-position: left top;
    background-repeat: no-repeat;

}
.Scheme_Admin #portalHeader_NavBar
{
    /* background-color: #D62828; */
    background-image: url(/images/topnav_admin_bg_left.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

.Scheme_Home #portalHeader_NavBar div#portalHeader_NavBar_Closer
{
    /* background-color: #00337F; */
    background-image: url(/images/topnav_home_bg_right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
.Scheme_Client #portalHeader_NavBar_Closer
{
    /* background-color: #3796AF; */
    background-image: url(/images/topnav_client_bg_right.gif);
    background-position: right top;
    background-repeat: no-repeat;

}
.Scheme_Candidate #portalHeader_NavBar_Closer
{
    /* background-color: #604A7B; */
    background-image: url(/images/topnav_candidate_bg_right.gif);
    background-position: right top;
    background-repeat: no-repeat;

}
.Scheme_Solution #portalHeader_NavBar_Closer
{
    /* background-color: #64A523; */
    background-image: url(/images/topnav_solution_bg_right.gif);
    background-position: right top;
    background-repeat: no-repeat;

}
.Scheme_Admin #portalHeader_NavBar_Closer
{
    /* background-color: #D62828; */
    background-image: url(/images/topnav_admin_bg_right.gif);
    background-position: right top;
    background-repeat: no-repeat;
}

.Scheme_Home #portalContentPlaceHolder h1
{
    color: #00337F;
}
.Scheme_Client #portalContentPlaceHolder h1
{
    color: #3796AF;
}
.Scheme_Candidate #portalContentPlaceHolder h1
{
    color: #604A7B;
}
 .Scheme_Solution #portalContentPlaceHolder h1
{
    color: #64A523;
}
.Scheme_Admin #portalContentPlaceHolder h1
{
    color: #D62828;
}

.Scheme_Home div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Home.gif);
}
.Scheme_Client div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Client.gif);
}
.Scheme_Candidate div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Candidate.gif);
}
.Scheme_Solution div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Solution.gif);
}
.Scheme_Admin div.dayCalendar div.topPart
{
    background-image: url(/images/bg_daycalender_top_Admin.gif);
}
.Scheme_Solution div.smalldayCalendar div.topPart
{
    background-image: url(/images/bg_smalldaycalender_top_Solution.png);
}
.Scheme_Solution div.smalldayCalendar div.bottomPart
{
    background-image: url(/images/bg_smalldaycalender_bottom_Solution.png);
}
.Button_Tools
{
    width:160px;
}
/*The lines below added to prevent changing line height by <sup>.
It happened in questionnaire when question number and question were in just one line.
 */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.txtAcceptEnter
{
}
.btnAcceptEnter
{
}