/* globals */
a 
{
    text-decoration:none;
}
a img
{
   border:none 0px #000000;
}
body
{
    background:url("Images/Master - Background.gif") repeat-y fixed top center;
    font-family:Verdana;
    font-size:13px;
    margin:0px;
    padding:0px;
}
h2
{
    color:#AA3040;
    font-size:18px;
}
h3
{
    color:#AA3040;
    font-size:16px;
}
input[type="text"],
input[type="password"]
{
    border:solid 1px #AA3040;
    margin:2px 1px;
}
.right { float:right; }
td, th { vertical-align:top; }
textarea { resize:none; }
.clickable { cursor:pointer; }
.vMiddle { vertical-align:middle; }

/* used across multiple pages */
.input-date { width:80px; }
.input-doubleDigit { width:25px; }
.input-fullWidth { width:calc(100% - 10px); }
.input-singleDigit { width:10px; }
.input-tripleDigit { width:40px; }
.left { text-align:left; }
.noTestsMade
{
    color:#000000;
    cursor:default;
    font-style:italic;
    text-align:center;
    width:100%;
}
.redText
{
    color:#AA3040;
}

/* master */
.master-wrapper
{
    background-color:#FFFFFF;
    margin:0px auto;
    width:984px;
}
.master-header
{
    background:url("Images/Master - Header.png") no-repeat;
    height:90px;
    width:auto;
}
.master-header-overlay
{
    background:url("Images/Master - HeaderOverlay.png") no-repeat;
    height:212px;
    margin:-80px auto 0px auto;
    width:908px;
}
.master-icons
{
    color:#000000;
    float:right;
    margin-right:50px;
    margin-top:30px;
    position:relative;
    z-index:2;
}
.master-icons a
{
    background-color:#AA3040;
    color:#FFFFFF;
    padding:1px 5px 2px 5px;
}
.master-icons a:hover,
.master-icons a:active
{
    background-color:#FFFFFF;
    color:#AA3040;
}
.master-icons .noBG,
.master-icons .noBG a,
.master-icons .noBG a:hover,
.master-icons .noBG a:active
{
    background-color:Transparent !important;
}
.master-header-school
{
    background-position:right top;
    background-repeat:no-repeat;
    background-size:auto 100px;
    height:100px;
    margin-left:38px;
    position:absolute;
    top:10px;
    width:908px;
    z-index:1;
}
.master-footer
{    
    background:url("Images/Master - Footer.png") no-repeat;
    bottom:0px;
    color:#FFFFFF;
    font-size:11px;
    height:43px;
    padding:0px 10px;
    position:fixed;
    width:964px;    /* 984px minus padding */
}
.master-footer td
{
    height:43px;
    vertical-align:middle;
}
.master-content
{
    margin:0px auto;
    padding-bottom:50px;    /*height of footer */
    width:910px;
}
.errormessage
{
    color:#FF0000;
    font-size:9px;
}
.master-timeremaining
{
    margin:-36px 1px 6px 0px;
    text-align:right;
    padding:2px 3px;
    float:right;
    background-color:rgba(0,0,0,0.5);
    color:#FFFFFF;
}
/* Inloggen */
.updateMessage {
    background-color:#000000;
    color:#FFFFFF;
    margin:5px -20px;
    padding:3px 20px;
}
.login-forgotpassword
{
    color:#826B85;
    float:right;
    font-style:oblique;
}
.select-product-wrapper
{
    background:url("Images/Product Select Banner.png") no-repeat center;
    height:130px;
    padding:40px 0px 0px 120px;
}
.select-product-wrapper a
{
    position:relative;
    top:-5px;
}
.select-vehicle-wrapper
{
    background:url("Images/Vehicle Select Banner.png") no-repeat center;
    height:130px;
    margin-top:5px;
    padding:10px 0px 10px 0px;
}
.select-vehicle-wrapper a
{
    position:relative;
}
.select-vehicle-1 { top:-0px; }
.select-vehicle-2 { top:5px; }
.select-vehicle-3 { top:10px; }

/* Mainmenu */
.mainmenu-rpt
{
    margin:0px auto;
}
.mainmenu-rpt td
{
    /*height:40px;*/
    padding-bottom:8px;
    padding-top:8px;
    vertical-align:middle;
}
.mainmenu-rpt-nr a
{
    color:#AA3040;
    font-size:20px;
}
.mainmenu-rpt-fakelink,
.mainmenu-rpt-name a,
.mainmenu-rpt-test a,
.mainmenu-rpt-exam a,
.mainmenu-rpt-results a
{
    color:#FFFFFF;
    font-size:18px;
    /*margin-left:25px;*/
}
.mainmenu-rpt-nr
{
    background:url("Images/Chapter - Nr Gray.png") no-repeat;
    text-align:center;
    width:75px;
}
.mainmenu-rpt-name
{
    background:url("Images/Chapter - Name.png") no-repeat;
    padding-left:25px;
    width:495px;
}
.mainmenu-rpt-test,
.mainmenu-rpt-results
{
    background:url("Images/Chapter - Test.png") no-repeat;
    padding-left:25px;
    width:200px;
}
.mainmenu-rpt-next
{
    background:url("Images/Chapter - Next.png") no-repeat;
    background-position:center center;
    background-size:calc(100% - 2px) calc(100% - 2px);
}
.mainmenu-rpt-exam
{
    background:url("Images/Chapter - Name Gray.png") no-repeat;
    background-size:calc(100% - 2px) calc(100% - 2px);
    padding-left:25px;
}
.mainmenu-rpt-partial td
{
    height:120px;
}
.mainmenu-rpt-partial td.mainmenu-rpt-exam
{
    background-image:url("Images/Chapter - Name GrayBig.png");
}
.mainmenu-examchoice-bg
{
    background-color:rgba(0,0,0,0.5);
    display:none;
    height:100%;
    left:0px;
    width:100%;
    position:fixed;
    top:0px;
    z-index:20;
}
.mainmenu-examchoice
{
    display:none;
    background-color:#A6283A;
    border:2px solid #000000;
    border-radius:15px;
    position:fixed;
    left:calc(50% - 165px);
    margin:100px auto;
    top:0px;
    width:333px;
    z-index:25;
}
.mainmenu-examchoice table
{
    display:block;
    padding:10px;
}
.mainmenu-examchoice td
{
    height:25px;
    vertical-align:middle;
}
.mainmenu-examchoice tr:first-child td:last-child
{
    text-align:right;
}
.mainmenu-examchoice a
{
    color:#FFFFFF;
    font-size:1.07rem; /*15px*/
    font-weight:bold;
}
.mainmenu-examchoice a:hover
{
    background-color:#FFFFFF;
    color:#AA3040;
}

/* navigation */
.navigation-tbl
{
    margin:0px auto;
}
.navigation-tbl a
{
    color:#FFFFFF;
    font-size:18px;
}
.navigation-tbl td
{
    height:40px;
    text-align:center;
    vertical-align:middle;
}
.navigation-backtolist
{
    background:url("Images/Navigation - BackToList.png") no-repeat center;
    width:264px;
}
.navigation-previous
{
    background:url("Images/Navigation - Previous.png") no-repeat center;
    width:140px;
}
.navigation-next
{
    background:url("Images/Navigation - Next.png") no-repeat center;
    width:140px;
}
.navigation-quit
{
    background:url("Images/Navigation - Quit.png") no-repeat center;
    width:140px;
}
.navigation-wrapper
{
    bottom:45px;
    margin:0px auto;
    position:fixed;
    width:950px;
}
/* maketest */
.maketest-header
{
    background:url("Images/Chapter - Nr Gray.png") no-repeat;
    display:block;
    float:left;
    height:41px;
    line-height:41px;
    text-align:center;
    width:75px;
}
.maketest-color
{
    color:#AA3040;
    font-size:12px;
}
.maketest-question
{
    color:#9B0020;
    font-size:13px;
    font-weight:bold;
    line-height:13px;
    vertical-align:middle;
}
.maketest-questionAnswer
{
    color:#9B0020;
    font-size:13px;
    font-weight:bold;
    /*line-height:40px;/**/
    vertical-align:middle;
}
.maketest-questionphoto
{
    background-color:#000000;
    border:solid 1px #9C0003;
    height:343px;
    margin:9px 0px;
    position:relative;
    width:498px;
}
.maketest-soundTimer
{
    height:329px; /* image height of timer */
    text-align:center;
    vertical-align:top;
}
.maketest-soundTimer img
{
    margin:0px;
    padding:0px;
    vertical-align:top;
}
.maketest-timeleft
{
    color:#AA3040;
    font-size:23px;
    font-weight:bold;
}
.maketest-answerfield-correct
{
    background:url("Images/Answer - Correct.png") no-repeat center 23px;
    width:30px;
}
.maketest-answerfield-wrong
{
    background:url("Images/Answer - Wrong.png") no-repeat center 25px;
    width:30px;
}
.maketest-answerfield-head
{
    background:url("Images/Navigation - Question.png") no-repeat center 17px;
    height:30px;
    text-align:center;
    vertical-align:middle;
    width:30px;
}
.maketest-answerfield-answer
{
    height:60px;
    padding-left:5px;
    text-indent:-4px;
    vertical-align:middle;
}
.maketest-givenanswer
{
    background:#CCCCCC;
    border-radius:8px;
    color:#9B0020;
    font-size:30px;
    height:60px;
    text-align:center;
    width:185px;
}
.makeexam2-splashpage
{
    padding-top:20px;
    text-align:center;
    width:100%;
}
.makeexam2-splashpage div:first-child
{
    background-color:#DAD9D0;
    border-bottom:10px solid #AA3040;
    color:#AA3040;
    font-size:35px;
    margin:0px auto;
    padding:10px 0px;
    text-align:center;
    width:700px;
}
.makeexam2-splashpage div:nth-child(2)
{
    margin:20px auto;
    width:700px;
}
.makeexam2-splashpage input
{
    margin:10px 0px;
}
#masterContent_divResultsPage div:first-child
{
    padding:20px 0px;
}

/* result page */
.result-tblList
{
    text-align:center;
    width:100%;
}
.result-tblList td
{
    padding:1px;
    text-align:center;
    width:120px;
    height:92px;
}
.result-thumb,
.result-division,
.result-total,
.result-category
{
    border:1px solid #000000;
    padding:5px;
}

.result-thumb
{
    font-size:2em;
    font-weight:bold;
    margin-top:10px;
    text-align:center;
    width:240px;
}
.result-thumb img
{
    margin-top:10px;
    width:145px;
}

.result-division
{
    float:right;
    line-height:1.5em;
    margin-bottom:14px;
    width:calc(100% - 275px);
}
.result-category
{
    box-sizing:border-box;
    display:inline-block;
    margin:15px 15px 0px 0px;
    width:calc(50% - 15px);
}
.result-category:nth-child(2n)
{
    margin-right:0px;
}

.result-total
{
    margin-top:15px;
}

.result-green
{
    border-color:#027D00;
    color:#027D00;
}
.result-orange
{
    border-color:#E89E16;
    color:#E89E16;
}
.result-red
{
    border-color:#CA0101;
    color:#CA0101;
}

/* results page */
.results-wrapper th
{
    background-color:#CCCCCC;
    border:solid 1px #000000;
    text-align:center;
}
.results-wrapper-div
{
    border:1px solid #000000;
    max-height:655px;
    overflow-x:hidden;
    overflow-y:auto;
}
.results-testlist
{
    border-collapse:collapse;
}
.results-testlist td
{
    border:0px;
    border-bottom:1px solid #AAAAAA;
}
.results-testlist th
{
    font-size:13px;
    font-weight:normal;
    text-align:center;
}
.results-item
{
    cursor:pointer;
    height:90px;
    padding:7px;
    text-align:right;
    vertical-align:bottom;
    width:120px;
}
/* core words */
.corewords-list
{
    background-color:#CCCCCC;
    border:solid 1px #000000;
    min-height:500px;
    padding:5px 10px;
    width:260px;
}
/* evaluate question */
.evaluate-motivation
{
    background-color:#9B0020;
    color:#FFFFFF;
    padding:5px;
    width:340px;    /* 350-padding */
}
/* school settings */
.settings
{
    border-collapse:collapse;
    border:solid 1px #000000;
}
.settings td,
.settings th
{
    padding:2px;
}
.settings td
{
    border:solid 1px #888888;
    border-width:1px 0px;
    text-align:left;
}
.settings th
{
    background-color:#D0D0D0;
    border:solid 1px #000000;
    border-width:1px 0px;
    text-align:center;
    vertical-align:middle;
}
/* view student stats */
.studentStats
{
    border:solid 1px #808080;
    border-collapse:collapse;
    margin-top:5px;
}
.studentStats td,
.studentStats th
{
    border:solid 1px #808080;
    padding:5px;
}
.studentStats th
{
    font-size:10px;
    background-color:#D0D0D0;
}
.studentStats td
{
    border-width:0px 1px;
}

/* IDeal/PayPal Account */
.idpp-tbl
{
    width:100%;
}
.idpp-tbl div
{
    padding:20px 0px 20px 120px;
    width:391px;
}
.idpp-tbl a div
{
    background:url('Images/Account - Price Tag.png') no-repeat top left;
    height:39px;
    margin:0px 10px 10px 0px;
    padding:0px;
    text-align:center;
    width:109px;
}
.idpp-tbl a div:hover
{
    background-image:url('Images/Account - Price Tag Over.png');
}
.idpp-tbl-div
{
    background:url('Images/Account - Background.png') no-repeat left top;
    padding-top:25px !important;
    line-height:18px;
}
.idpp-tbl-hours
{
    color:#FFFFFF;
    font-family:'Franklin Gothic Demi Cond','Calibri';
    font-size:11pt;
    text-shadow:-1px -1px 0 #888888, 1px -1px 0 #888888, 1px 1px 0 #888888, -1px 1px 0 #888888;  /* simulate stroke with 4 shadows, not IE-compliant */
}
.idpp-tbl-price
{
    color:#FFFFFF;
    font-family:'Franklin Gothic Demi Cond','Calibri';
    font-size:11pt;
}

/* login - theory card*/
.login-tbl-theoryCard
{
    background-position:top left;
    background-size:100% auto;
    border:1px outset #888888;
    height:268px;
    position:relative;
    width:400px;
}
.login-tbl-theoryCard.nl { background-image:url('Images/CardCode - Card NL.png'); }
.login-tbl-theoryCard.eng { background-image:url('Images/CardCode - Card ENG.png'); }
.login-tbl-theoryCard div
{
    position:absolute;
}
.login-tbl-theoryCard div:nth-child(1)
{
    left:32px;
    top:180px;
    width:276px;
}
.login-tbl-theoryCard div:nth-child(1) input
{
    border-radius:10px;
    font-size:20px;
    padding:8px 30px;
    text-align:center;
    text-transform:uppercase;
    width:calc(100% - 60px);
}
.login-tbl-theoryCard div:nth-child(2)
{
	bottom:19px;
	left:40px;
}
.login-tbl-theoryCard div:nth-child(2) span
{
	background-color:white;
	border:1px solid #AA3040;
    border-radius:5px;
	padding:2px 5px;
}
.login-tbl-theoryCard div:nth-child(3)
{
    bottom:12px;
    right:12px;
}