.pageHeader
{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	background-color:white;
	height:132px;
	z-index:100;
}

.innerHeader
{
	height:94px;
	background-image:url("../logo_small.png");
	background-position: right 30px;
	background-repeat: no-repeat;
}

.courseTitle
{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:30px;
	font-size:20px;
	height:24px;
	float:left;
}

.mainMenu
{
	margin-left:10px;
	float:left;
	clear:left;
    /*margin-top: 31px;*/
    /*background: white;*/
    width: 100%;
}

.mainMenuTab
{
	float:left;
	min-width:70px;
	padding: 8px 12px 8px 12px;
	margin-right:5px;
	background-color: #eaeaea;
	color:rgb(50,50,50);
	text-align:center;
	font-size:12px;
	cursor:pointer;
	height:14px;
}

.mainMenuTab:hover
{
	background-color:rgb(110,199,145);
	color:white;
}

.mainMenuTab_Selected
{
	float:left;
	min-width:70px;
	padding: 8px 12px 8px 12px;
	margin-right:5px;
	background-color:#334B77;
	color:White;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	height:14px;
}

.subMenu
{
	clear:both;
	height:34px;
	padding-top:4px;
	background-color:#334B77;
	color:white;
}

.subMenu .subMenuItems
{
	float:left;
	margin-left:10px;
	margin-top:4px;
}

.subMenu .subMenuItem
{
	float:left;
	color:white;
	font-size:12px;
	margin-right:8px;
	padding:4px 8px 4px 8px;
	cursor:pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
}

.subMenu .subMenuItem:hover
{
	background-color:rgb(110,199,145);
	color:White;
	border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
}

.subMenu .subMenuItem_Selected
{
	float:left;
	color:white;
	border:solid 1px white;
	/*background-color:rgb(110,199,145);*/
	font-size:12px;
	margin-right:8px;
	padding:4px 8px 4px 8px;
	cursor:pointer;
	/*border-radius: 5px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; */
}

.subMenu .helpButton
{
	width:16px;
	height:17px;
	cursor:pointer;
	background-image:url("../_images_/header_help.png");
	background-repeat:no-repeat;
	float:right;
	margin-top:6px;
	margin-right:10px;
}

.subMenu .expanded
{
	width:15px;
	height:17px;
	cursor:pointer;
	background-image:url("../_images_/collapse.png");
	background-repeat:no-repeat;
	float:right;
	margin-top:5px;
	margin-right:5px;
}

.subMenu .collapsed
{
	width:15px;
	height:17px;
	cursor:pointer;
	background-image:url("../_images_/expand.png");
	background-repeat:no-repeat;
	float:right;
	margin-top:5px;
	margin-right:5px;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* // COURSE SWITCH PANEL //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

div.courseListContainer
{
	height:275px;
	margin: 30px auto 0 auto;
	overflow:auto;
	text-align:left;
	width:450px;
}

div.smallCourseListContainer
{
	max-height:200px;
	width:320px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-left:2px;
	margin-top:7px;
}

div.courseListContainer table
{
	width:100%;
}

tr.courseListHeader, tr.smallCourseListHeader
{
	background-color:rgb(110,199,145);
	color:White;
	font-weight:bold;
}

tr.courseListHeader
{
	font-size:12px;
}

tr.courseListHeader td
{
	padding:8px 2px 8px 2px;
}

tr.smallCourseListHeader td
{
	padding:2px;
}

td.smallCourseListIDCell
{
	padding-right:5px;
}

tr.courseListRow, tr.courseListRow_Alternate, tr.smallCourseListRow, tr.smallCourseListRow_Alternate
{
	cursor:pointer;
	color:black;
}

tr.courseListRow td, tr.courseListRow_Alternate td, tr.smallCourseListRow td, tr.smallCourseListRow_Alternate td
{
	white-space:nowrap;
}

tr.courseListRow td, tr.courseListRow_Alternate td
{
	padding:4px 0 4px 2px;
}

tr.smallCourseListRow td, tr.smallCourseListRow_Alternate td
{
	padding-top:1px;
	padding-bottom:1px;
}

tr.courseListRow:hover, tr.courseListRow_Alternate:hover, tr.smallCourseListRow:hover, tr.smallCourseListRow_Alternate:hover
{
	background-color:#f0f0f0;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* // CONTENT NAVIGATION ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.headerNavTable
{
	float:left;
	margin-left:10px;
}

.contentNavLeft
{
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
	text-align:left;
	white-space:nowrap;
	padding-top:3px;
	width:20%;
}

.contentNavCenter
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	padding-top:3px;
	width:60%;
}

.contentNavCenter #spanContentTitle
{
	font-size:18px;
	font-weight:bold;
}

.contentNavCenter span
{
	font-size:12px;
	font-weight:normal;
}

.contentNavRight
{
	padding-right:10px;
	padding-left:10px;
	padding-top:3px;
	width:20%;
	text-align:right;
	white-space:nowrap;
}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* // EXAM NAVIGATION //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.headerNavTable
{
	float:left;
	margin-left:10px;
	height:25px;
}

.examNavLeft
{
	font-size:12px;
	font-weight:bold;
	padding-right:10px;
	text-align:left;
	white-space:nowrap;
	width:20%;
	vertical-align:middle;
}

.examNavCenter
{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
	width:60%;
	vertical-align:middle;
}

.examNavCenter span
{
	font-size:15px;
	font-weight:normal;
}

.examNavRight
{
	padding-right:10px;
	padding-left:10px;
	padding-top:4px;
	width:20%;
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
}

.examNavRight select
{
	margin-left:5px;
	margin-right:5px;
}

span.examTimer_Normal
{
	color:white;
	margin-left:20px;
	font-size:12px;
	font-weight:normal;
}

span.examTimer_Warning
{
	background-color:Red;
	color:white;
	margin-left:20px;
	font-size:12px;
	font-weight:bold;
}

span.contentTimer_Normal
{
	background-color:Red;
	color:white;
	margin-left:20px;
	font-size:18px;
	font-weight:bold;
}







div .loginInfo
{
	text-align: right;
	float: right;
	font-size: 12px;
	margin-bottom: 0;
	margin-top:10px;
	margin-right:10px;
}

a.loginButton
{
	color:rgb(120,120,120);
	padding-right:12px;
	/*background-image:url('../_images_/login-arrow-down.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAIAAAA8r+mnAAAABnRSTlMA/wD/AP83WBt9AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAQklEQVQImVXIsRGAQAhE0UULI1xCerwCSDekEHrR4EZHX/a/SZKEv4g411pmNjPfS/IAQNLd981MkgBwPaqqu9+8AQgRJO6gJLKTAAAAAElFTkSuQmCC);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration:none;
}

a.loginButton:hover
{
	text-decoration:none;
}

a.loginButton:visited 
{
	color:rgb(120,120,120);
}

.left
{
	float:left;
}

.right
{
	float:right;
}





#divLaunchPad
{
	position:absolute;
	background-color:white;
	z-index:1000;
	border: solid 1px rgba(0,0,0,0.3);
	min-width:244px;
	max-width:600px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.3);
	text-align:left;
	font-size: 12px;
	text-align:left;
	clear:right;
}

#divLaunchPad a.close
{
	float:right;
	clear:right;
	display:inline-block;
	width:12px;
	height:12px;
	/*background-image: url('../_images_/close-launchpad.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAABQSURBVChTjZBRCgAgCEO1U+oJPWa5YGHSR+9DmcoaqZlNSSIC7cLddx+7JhyQqkd14KIeYK8zgehOgAbnuZ6p6r9MKD0D4fx8AXgdgI9MIgueiiclVA8u1wAAAABJRU5ErkJggg==);
	background-repeat:no-repeat;
}

#divLaunchPad a.close:hover
{
	/*background-image: url('../_images_/close-launchpad-hover.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAABISURBVChTjU6BCQAwCLL9/3PLwGhjg4SMNEoD4FFwz3bAjDawkgMShD6vfkFGX6Cfl16LhPR6d2fq8ywT6fWCkE4u9ZdtkAnY/OsjD30HbxUAAAAASUVORK5CYII=);
}

#divLaunchPadArrow
{
	border-left: 10px solid transparent;
	border-right: 10px dashed transparent;
	border-bottom: 10px solid rgba(0,0,0,0.3);
    position: absolute;
    z-index: 1001;
    height: 0;
    width: 0;
}

#divInnerLaunchPadArrow
{
	border-left: 8px dashed transparent;
	border-right: 8px dashed transparent;
	border-bottom: 8px solid white;
    position: absolute;
    z-index: 1001;
    height: 0;
    width: 0;
}

div.launchPadHeaderContent
{
	float:left;
	margin-right:19px;
}

div.launchPadHeader, div.launchPadContent, div.launchPadLanguageSelection
{
	padding:10px;
	border-bottom: solid 1px #d0d0d0;
	white-space:nowrap;
	overflow:hidden;
}

div.launchPadHeader .launchName
{
	font-size: 15px;
	font-weight: bold;
	display: block;
	margin-bottom: 2px;
}

div.launchPadHeader .launchLatestLogin
{
	font-size:10px;
	margin-top:7px;
}

div.launchPadContent h4
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	color:darkorange;
}

div.launchPadContent .launchPadItem
{
	margin-bottom:7px;
}

div.launchPadContent .launchPadItem:last-of-type 
{
	margin-bottom:0;
}

div.launchPadFooter
{
	padding:10px;
	background-color: rgba(220,220,220,0.3);
}

div.launchPadFooter div.left
{
	padding-top:5px;
}

div.launchPadFooter div.left a
{
	width:24px;
	height:24px;
	background-position: center center;
	background-repeat: no-repeat;
	display:inline-block;
	margin-right:5px;
}

div.launchPadFooter div.left a.helpLink
{
	margin-left:0;
}

div.launchPadFooter a.profileLink
{
	/*background-image: url('../_images_/profile.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbFJREFUeNqsVd1tg0AMJijvsEHIBNANyAa885BsEDYo3YARyAPv6QbpBCUbXCcoTEBt6bvKOuDukGLJIuHs7/PP2eymaQpcUpZlTI+MNMerB2nfdd3g8t25CAicgb9Xjm+klY1olYCAE0TMzi1HjMhZ+KwgjUhHtiOS3psA4D0AjuSsVsrWkJ5tJOFKZi3Ab0vgLFwW0gvKFIHMnYGo+Q8BJIGHkA8HcSB9M7NYyqDAswn8pTF8rQQZnv0GAm2b+xDEwQsltESzhUjbqi0ExQaCQky4k+COe33GjfKZdD0LdycBxl7fioeNBGc66mZpZSzNQQynFK9GELZ66DDpPGQVhozliWkeVgkM8CdSfndU6QM9SJdIzBLVhiH//7SAf8Emh08KjHkPkPYVJSlEFHKiR6gMSPetwNkVWLMMatEsJZrOJTvxbkK9I/w+4UzbKRFMPeuBWFhHNLDx+WKJ3lUg+OVMyDf+zwAGB9QxQWOrDYNWwScDRqTLFBoLbnjB+hnEVy/YL2xSXccLRZF7gq5+N/ZiSY1ooB6wA9RXRuC0CFSZTU5skXiIEpMe6wvyJ8AAsdLMfwd4J2QAAAAASUVORK5CYII=);
}

div.launchPadFooter a.profileLink:hover
{
	/*background-image: url('../_images_/profile-hover.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWVJREFUeNqsVtGNwyAMDdX9HyNkhIzACBmhozBCRugIN0JGYISMwE3AGem58nFgoFdLFlVjv2c72I5JKS09McZYOjZSh79O0kC+seucCTQFcGrog9Rq/qaVAUW9IuIIoIDIs+RnO+kn6Xe2I5wwnAEAIqJcGzYWxAm2W9Wu4XxyCQZKyCTnEIGo+dUDFz4XfP5kcatUbcd5LONyFL5PqRFsOMMEAdu6EQK7vFFuSjQzRGx7zRDsEwS76HC9DxBNbN0K5dbFWle3nHyvgQQ4B+NH+8CiTEmQeNnR6HQvwBN89AwK8CAy0dQXPlYjOEpDki8F/KwEdlQJkDaXRJbDFeWSZXG9AVkbWr7yXpyYNwm/nXI5HjUCBuAXaCeGnWUfzvQXgXgQREn8BAFH7sS7WOU05QEX3zB+oth6y0dlkvLovdPadIOgq7r0ixvwqkbg3OVNfC59LPn1H6XJG/Dizxz+pPkRYAAOKZyp/riLIQAAAABJRU5ErkJggg==);
}

div.launchPadFooter a.helpLink
{
	/*background-image: url('../_images_/help-large.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAf5JREFUeNpi/P//PwMukJKSEgCkQNgBiOXRpB8C8QEg3jBnzpwNuMxgxGYB0GCQgQuwGIoLgCxLAFp0AF2CCYvhE4DUfhIMZ4Cq3Q/Vi9sHQAUgV8czUAYWAn2SgGEB1PZ8bDrEREUZtDU1GDQ0NcH8G9evM9y9d5/h0ZMnuCyZCLSkAG4BNMz3Y1NpYWrKkJKejtWUHdu2MaxZtw6XJY6gOGGBchZgUyEnIwM3/OzpUwz79u6DWGppwWBr78Dg4eXFcOvWLYZLV65g0w4yU4H5yZMnoGSI1YkB/n4M8goKYMOnz5zF8PbdOzC+eOkSg7SkBIOUtDQDP78Aw7Hjx7BpF9i0adNFJmg6xwqUVVTBNMzlyAAmJiMjjS/CA1igmQgrqKuvx6lTSkoSTJ8/dxafBQ5MJKZ3MNDT0WGIjoOk5hPHT+DNH0zkGJ5XAE6BDEsXLWS4eecOXvUkWQBKVTDDQUl0/6HDBPWQZIGjIyS6Dh88gC/9Y1jwkFgLQGkfBNZv3ESslodM0CKXJPDp0ydilYJz8gZiCzhgkUKqWzbAyqIHhJIrqMALDgoEs9euW8/w6vVrgsEDLIsUYJGcQEg1Bzs7g7GpGRiD2ESABHgqgtZEE/Gp/vHzJ7hMAmEQmwCYCKvdaF7hoOQDqMRECgyfiGw4XSp9Rlo3WwACDADUt9KNRJSn7wAAAABJRU5ErkJggg==);
}

div.launchPadFooter a.helpLink:hover
{
	/*background-image: url('../_images_/help-large-hover.png');*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMuDAQBQLwAiB8A8X80/AAqF4DXDBwGO+AwFBcGqXUgygIgmECCweh4Al4LoF7+TyFegGwmCwMUMDIyglwez4AFhIZFMNjZOzCYmhiD+afPnGW4cP4cw9w5s7Apjwea9QFoeAGYhxTmWF3U0dnzHxdYu34jPp84wIMIV4Qmp6TBDTtx8vT/gsJiMN61Zx9cvKa2AWfEQ80GJ0WsimAGgQxHlwOJgcDVa9fx+SKACWoBVqChrgamV6xYgSEHE5ORlmbAAwJYoOGPFcjJyuDUqayiCqZPnj6DzwKw2SQnRVC4wwAoTgioJ9/wyVNnEKOHeMORUxWBJEqeBbBUBaJJ0Ed8oQYD7u6epBSCxJc/MEBKuQTKBxsYiATAMgaMSQAb8BYVyBhY4IFzLwiD2MQED3JpmgDE+/E5hY+Pj8HczATOJgKAzIRYALTpANDrE4HMfFyqP336xHDy1Bk4mwCYCDITXlzTssKhb5VJl0qf2s0WgAADAD4U37PFRZhwAAAAAElFTkSuQmCC);
}

div.launchPadFooter a.button
{
	padding:10px 8px 10px 8px;
	border-radius:inherit;
	font-size:12px;
	background-color:rgb(21,89,181);
	color:white;
	text-decoration:none;
}

div.launchPadFooter a.button:visited
{
	color:white;
}

div.launchPadFooter a.button:hover
{
	background-color:#334B77;
        }


@media screen and (max-width: 300px) {
    .courseTitle {
        font-size: 10px !important;
        word-break: break-all;
        width: 170px;
        display: none;
    }
}

@media screen and (max-width: 480px) {

    .courseTitle {
        font-size: 12px;
        display: none;
    }

    .innerHeader {
        height: 54px;
        background-image: url(../logo_small.png);
        background-position: 5px 5px !important;
        background-repeat: no-repeat;
        background-size: 150px 43px;
    }

    .mainMenuTab_Selected {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        /*border-bottom: 1px solid #fff;*/
        border-radius: 2px 2px 2px 2px;
        /*-webkit-box-shadow: 0 1px 2px #777;*/
        -moz-box-shadow: 0 2px 1px #777;
        box-shadow: 0 2px 1px #777;
    }

    .mainMenuTab {
        width: 100%;
        box-sizing: border-box;
        height: auto;
        background-color: white;
        margin-bottom: 4px;
        border-radius: 2px 2px 2px 2px;
        -webkit-box-shadow: 0 1px 2px #777;
        -moz-box-shadow: 0 2px 1px #777;
        box-shadow: 0 2px 1px #777;
    }

    .mainMenu {
        margin-left: 0px;
        margin-top: 33px;
        display: flex;
        overflow: scroll;
        background: lightgray;
    }



    .contentNavCenter #spanContentTitle {
        font-size: 11px;
    }


    .subMenu {
        height: 36px;
    }

    .contentNavRight {
        padding-left: 20px;
    }

    #ctl00_MPBody {
        margin-top: 20px;
    }

    #headerNavTable > tbody > tr {
        display: block;
    }

    #divHeaderNav {
        overflow: scroll;
        height: 36px;
    }

    .subMenu .collapsed {
        width: 15px;
        height: 17px;
        border: 1px solid;
        border-radius: 10px;
        width: 41px;
        height: 21px;
        background-position: center;
        background-color: #334B77;
        box-shadow: 1px 2px 4px rgba(10, 0, 0, .5);
    }

    .subMenu .expanded {
        width: 15px;
        height: 17px;
        border: 1px solid;
        border-radius: 10px;
        width: 41px;
        height: 21px;
        background-position: center;
        background-color: #334B77;
        box-shadow: 1px 2px 4px rgba(10, 0, 0, .5);
    }

    /*Hamburger menu*/
    a.loginButton {
        color: rgb(120,120,120);
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAANZJREFUeJzt27FNg1EMRWH78iLBCJRMAWIAFqCJFBoKGhCIGmUURBGJhj1QZmCWJNds8Vz855vgWHJnOQIAgMXKl7ft+hS+z1J2x8xU6crMn3FyfEm6iEWNH5GhcPlupGLn8Ca8rA0IuTL03Z0BAAAAAAAAYK58ev+4HKXr7pDZ0i4fVvtxZv1mxFV30HSp0Dj8Sa7qbuk0hnx7rLwpLesukHb5uNp3dwAAAAAAAACYK59ft5+uWHeHTCeXKncj0hulzrt75lM4/TAy9Ljkh4nuDgAAGv0D++pBweCJgiMAAAAASUVORK5CYII=);
        background-position: right;
        background-repeat: no-repeat;
        text-decoration: none;
        background-size: 30px 17px;
        color: transparent;
        transition: 0.3s;
    }

    #divLaunchPad {
        transition: 0.5s;
        right: 0px;
        left: auto;
        height: 100vh;
        top: 0px;
        min-width: 0px;
        width: 0px;
        display: block !important;
    }

    #divLaunchPadArrow, #divInnerLaunchPadArrow {
        display: none !important;
    }

    .launchPadFooter, .launchPadHeader {
        min-width: 200px;
    }

    .loginInfo {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
    }

    #divLaunchPadShadow {
        width: 100vh;
        height: 100vh;
        background: black;
        opacity: 0.8;
    }
}

@media screen and (min-width : 481px) and (max-width : 810px) {

    .mainMenu {
        margin-top: 30px;
        background: white;
    }

    .contentNavCenter #spanContentTitle {
        font-size: 11px;
    }

    .mainMenuTab_Selected {
        min-width: 70px;
        padding: 8px 1px 8px 0px;
    }

    .mainMenuTab {
        min-width: 70px;
        padding: 8px 1px 8px 0px;
    }

    .headerNavTable {
        width: 550px;
    }

    #mainContentContainer {
        margin-top: 182px;
    }

    .examNavCenter {
        font-size: 12px !important;
    }

    
}

@media screen and (max-width: 480px) {
        .examNavCenter {
            font-size: 12px !important;
        }
    }