body, html {
margin:0;
height: 100%;
max-width:100%;
}
body {
overflow: visible!important;
}
.backerPanel
{
top:0;
left:0;
background-color: rgba(19,46,86,0.6);
/*opacity:0.6;*/
width:100%;
height:100%;
z-index:899;
position:fixed;
}
/* Banner Images Panel */
.bannerImgHldr
{
margin-left: auto;
margin-right: auto;
margin-top:90px;
max-width:90%;
min-width:90%;
}
.bannerImgHldr img
{
display:block;
max-width:100%;
width:100%;
}
/* main container */
.mainContainer
{
margin-left: auto;
margin-right: auto;
margin-top:22px;
max-width:90%;
min-width:90%;
}
/* left container */
.leftcontainer
{
border-top:7px solid #00afd7;
display:block;
float:left;
max-width:70%;
width:70%;
background-color:#ffffff;
}
/* Side menu container*/
.sidemenucontainer
{
margin-top:50px;
margin-left:1%;
margin-right:1%;
width:25%;
display:block;
float:left;
position:relative;
}
/* main information container */
.maininfocontainer
{
width:70%;
margin-left:3%;
margin-right:0%;
min-height:300px;
display:block;
float:right;
overflow-x:hidden;
}
/* right container */
.rightcontainer
{
display:block;
float:left;
margin-left:1%;
max-width:29%;
width:29%;
min-width:29%;
background-color:transparent;
}
/* Ad Block Holders */
.adBlock
{
display:block;
float:left;
width:94%;
max-width:94%;
margin-bottom:20px;
background-color:#ffffff;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
font-family: 'Lato','Tech-Data-Icons', 'Helvetica Neue', Helvetica, Arial, sans-serif!important;
}
.adBlock.video
{
border-top:7px solid #8dc63f;
}
.adBlock.message
{
border-top:7px solid #d7df23;
}
.adBlock.special
{
border-top: 7px solid #fbad18;
}
.adBlock iframe
{
width:100%;
max-width:100%;
height:auto;
}
.adBlockTooltip
{
padding-top: 3px!important;
padding-bottom: 3px!important;
padding-left: 8px!important;
padding-right: 8px!important;
font-size: 12px!important;
border-radius: 10px!important;
color:#00558c!important;
background-color: #8a979b!important;
}
/*.ui-tootip-content
{
color: #00558c!important;
background-color: rgba(19,46,86,0.6)!important;
}*/
/* Loading Spinner */
.loading
{
position: relative;
z-index: 999;
height: 100%;
width: 100%;
background-color:#ffffff;
}
.ajax-loader
{
position: absolute;
left: 50%;
top: 50px;
margin-left: -27px; /* -1 * image width / 2 */
/*margin-top: -27.5px; -1 * image height / 2 */
}
.errMsg
{
position:absolute;
left:50%;
top:5%;
width:90%;
margin-left:-45%;
font-size:0.9em;
line-height:1.2em;
text-align:justify;
color:red;
font-weight:normal;
}
/* Side menu */
.menuHldr
{
margin:20px;
background-color:#ffffff;
width:100%;
max-width:100%;
}
.topmenu
{
list-style-type:none;
color:#00afd7;
margin-left:-30px;
}
.menuBtn
{
display: none;
}
.topmenu li
{
font-size:13px;
cursor:pointer;
vertical-align:middle;
line-height:21px;
padding-top:3px;
display:block;
padding-bottom:3px;
}
.topmenu .submenu
{
list-style-type:none;
/*height:0;*/
position:relative;
/*display:none;*/
margin-left:-20px;
width:95%;
}
.topmenu .submenu.display
{
/*height:100%;*/
display:block;
}
.topmenu .submenu .submenuitem
{
display:block;
}
.topmenu .submenu .submenuitem>span
{
width:0px;
}
.topmenu .submenu .submenuitem.selected
{
/*background-color:rgba(0,175,215,0.25);*/
color:#00558c;
}
.topmenu .submenu .submenuitem.selected>span
{
width:16px;
}
/* About Training and Certification */
.aboutHldr
{
margin-top:5px;
margin-left:1%;
margin-right:1%;
margin-bottom:30px;
padding-top:20px;
padding-left:10px;
padding-right:10px;
padding-bottom:50px;
background:#ffffff;
min-height:100%;
font-family: lato-regular-webfont, Helvetica, Arial, sans-serif;
}
.aboutHldr h1
{
color:#00558c;
font-size:24px;
line-height:32px;
vertical-align:middle;
}
.aboutHldr h2
{
color:#00558c;
font-size:18px;
line-height:22px;
vertical-align:middle;
}
.aboutHldr p
{
color:#3d4042;
font-size:14px;
line-height:16px;
vertical-align:bottom;
}
/* Panels for Tabs */
.tabs
{
}
.tabs .tabPanel
{
background-color:#ffffff!important;
border-radius:10px;
margin-top:5px;
padding-right:5px;
width:auto;
max-width:100%;
display:block;
/*overflow-x:hidden;
overflow-y:hidden;*/
}
/*.ui-widget-content
{
background-color:#ffffff!important;
background-image:none!important;
border:1px solid #ffffff!important;
}
.ui-widget-header
{
background-color:#ffffff!important;
background-image:none!important;
border:1px solid #ffffff!important;
}
.ui-state-default
{
border: 1px solid #ffffff!important;
border-top:5px solid #ffffff!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-default a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:none!important;
}
.ui-state-hover,
.ui-state-focus
{
background-image:none!important;
border: 1px solid #ffffff!important;
border-top:5px solid #8dc63f!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-hover a,
.ui-state-focus a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:#ffffff!important;
}
.ui-state-active
{
border: 1px solid #ffffff!important;
border-top:5px solid #00558c!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-active a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:none!important;
}
.ui-tabs-anchor
{
padding: 6px 5px;
font-size:12px!important;
}*/
/* Course info holder - takes scrollbar */
.courseInfoHldr
{
background-color:#ffffff!important;
margin-top:0px;
padding-right:0px;
/*max-width:100%;*/
display:block;
overflow-x:hidden;
overflow-y:hidden;
/*width:100%;*/
max-height:100%;
}
/* Calendar */
/* Calendar Table */
.calendartable tr
{
border-top:1px solid black;
}
.calendartable tr:first-of-type,
.calendartable tr:nth-of-type(2)
{
border-top:0px solid #ffffff;
}
/* Calendar Week Row */
.calendartable .weekTbl
{
/*background-color:Silver;*/
height:60px;
max-height:60px;
overflow-y:hidden;
width:60px;
max-width:60px;
}
.calendartable .weekTbl td
{
width:14.285%;
}
/* Calendar Day - Shrunk in Grid */
.calendarEventHldr_shrunk
{
height:60px;
max-height:60px;
overflow-y:hidden;
overflow-x:hidden;
min-height:80px;
position:absolute;
background-color:transparent;
z-index:auto;
width:60px;
max-width:60px;
top:auto;
left:auto;
}
.calendarEventHldr_shrunk .dateLabel
{
visibility:visible;
color:black;
padding-left:3px;
width:30px;
font-size:12px;
}
.calendarEventHldr_shrunk .expander
{
background:url('images/ui-icons_72a7cf_256x240.png') no-repeat -125px -113px;
background-color:transparent;
display: block;
height: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 5px;
margin-top: 4px;
padding-right: 10px;
padding-left: 0px;
position: absolute;
width: 12px;
right: 0px;
top: 0px;
z-index: 2;
float:right;
cursor:pointer;
}
.calendarEventHldr_shrunk .expander:hover
{
background-color:#cad5da;
border-radius:4px;
}
.calendarEventHldr_shrunk .expander.noshow
{visibility:hidden;}
.calendarEventHldr_shrunk .daydateLbl
{
visibility:hidden;
position:absolute;
}
.calendarEventHldr_shrunk .infoHldr .eventsHldr
{
visibility:visible;
width:100%;
}
.calendarEventHldr_shrunk .infoHldr .eventsHldr h4
{
width:100%;
text-align:center;
color:#00558c;
font-size:10px!important;
font-weight:normal!important;
line-height:15px;
vertical-align:middle;
}
.calendarEventHldr_shrunk .infoHldr .eventsHldr ul
{
list-style-type:none;
margin-left:-20px;
margin-top:15px;
color:#469ad5;
}
.calendarEventHldr_shrunk .infoHldr .eventsHldr li
{
color:#469ad5;
font-size:10px;
text-transform:capitalize;
}
.calendarEventHldr_shrunk .infoHldr .gridLbl
{
visibility:hidden;
height:0;
width:0;
}
/* Calendar Day - Expanded Out of Grid */
.calendarEventHldr_expanded
{
position: absolute;
height: 60%!important;
max-height: 60%!important;
overflow-y: hidden;
overflow-x:hidden;
width: 60%!important;
max-width: 60%!important;
background-color:#00afd7;
z-index:900;
border-radius:10px;
padding-left:5px;
padding-bottom:10px;
/* Center with known width/height */
box-sizing: border-box;
position: fixed;
left: 50%;
top: 50%;
margin: -15% 0 0 -30%; /* half of height, half of width */
}
.calendarEventHldr_expanded .dateLabel
{
visibility: hidden;
}
.calendarEventHldr_expanded .daydateLbl
{
visibility:visible;
position:relative;
width:100%;
height:30px;
line-height:40px;
max-height:30px;
font-size:16px;
color:black;
font-weight:bold;
padding:5px 10px 10px 5px;
}
.calendarEventHldr_expanded .expander
{
background:url('css/images/markerDarkGrey.png') no-repeat 65px -30px;
background-color:transparent;
display: block;
height: 24px;
margin-bottom: 4px;
margin-left: 0;
margin-right: 7px;
margin-top: 7px;
padding-right: 25px;
padding-left: 35px;
position: absolute;
right: 0px;
top: 0px;
width: 30px;
z-index: 2;
float:right;
font-size: 1.1rem;
cursor:pointer;
}
.calendarEventHldr_expanded .expander:hover
{
background:url('css/images/markerBlue.png') no-repeat 65px -30px;
background-color:transparent;
}
.calendarEventHldr_expanded .infoHldr .eventsHldr
{
visibility:hidden;
height:0;
width:0;
}
.calendarEventHldr_expanded .infoHldr .gridLbl
{
visibility:visible;
margin-top:10px;
margin-left:5px;
margin-right:3px;
margin-bottom:10px;
background-color:#ffffff;
width:97%!Important;
max-width:97%!important;
height:57.75%;
max-height:57.75%;
overflow-y:auto;
overflow-x:hidden;
border-radius:5px;
padding-left:5px;
padding-right:3px;
padding-top:5px;
padding-bottom:5px;
position:relative;
}
.calendarEventHldr_expanded .infoHldr .gridLbl table
{
width: 99%;
max-width: 99%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl th
{
color: #00afd7;
background-color: #00558c;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.calendarEventHldr_expanded .infoHldr .gridLbl th:first-of-type
{
border-top-left-radius:8px;
}
.calendarEventHldr_expanded .infoHldr .gridLbl th:last-of-type
{
border-top-right-radius:8px;
}
.calendarEventHldr_expanded .infoHldr .gridLbl td
{
color: #00558c;
background-color: transparent;
font-weight: normal;
font-size: 12px;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child)
{
height:20px;
max-height:20px;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:nth-child(even)
{
background-color:#e2e7ea;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:first-of-type
{
text-align:center;
width:10%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:nth-of-type(2)
{
font-size:9px;
width:10%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:nth-of-type(3)
{
width:32%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:nth-of-type(4)
{
width:15%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:nth-of-type(5)
{
width:15%;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:nth-of-type(6)
{
width:8%;
text-align:center;
}
.calendarEventHldr_expanded .infoHldr .gridLbl tr:not(:first-child) td:last-of-type
{
text-align:right;
width:10%;
padding-right:5px;
}
.dateLabel
{
font-size: 12px;
padding-left: 3px;
}
.dayLabels td
{
background-color:#00BFFF;
text-align:center;
width:14.285%;
height:20px;
font-size:11px;
line-height:20px;
vertical-align:middle;
font-weight:bold;
color:#00558c;
border:0;
padding:0;
margin:0;
}
/* Calendar Popup Table */
.calHdrTbl
{
width:100%;
border:none;
background-color:#00BFFF;
height:25px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}
.calHdrTbl td
{
width:33%;
color:#00558c;
font-size:11px;
text-align:center;
font-weight:bold;
}
.calHdrTbl td a
{
color:#00558c;
}
.calHdrTbl td a:hover
{
color:darkred;
}
.calHdrTbl td:first-of-type
{
text-align:left;
padding-left:5px;
}
.calHdrTbl td:last-of-type
{
text-align:right;
padding-right:5px;
}
/* Course List Tables */
.spTbl
{
width: 100%;
border: none;
font-weight:bold;
}
.spTbl tr.hdr td:first-of-type
{
border-top-left-radius:8px;
}
.spTbl tr.hdr td:last-of-type
{
border-top-right-radius:8px;
}
.spTbl tr
{
font-size: 11px;
color:#00558c;
cursor:pointer;
}
.spTbl tr td
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
}
.spTbl tr.hdr
{
background-color:rgba(0,175,215,0.25);
cursor:text;
}
.spTbl tr.alt
{
background-color:#e2e7ea;
color:#00558c;
}
.spTbl tr td:first-of-type
{
text-align: center;
}
.spTbl tbody tr.alt:hover,.spTbl tbody tr.def:hover
{
background-color:rgba(141,198,63,0.6)!important;
}
@media screen and (max-width: 640px)
{
/* Side menu */
.menuHldr
{
margin:0;
background-color:#ffffff;
width:100%;
max-width:100%;
position:absolute;
display:block;
float:left;
top:0;
left:0;
z-index:1001;
}
.topmenu
{
list-style-type:none;
color:#00afd7;
margin-left:-30px;
}
.menuBtn
{
width: 25px;
height: 25px;
background-color: #cad5da;
float: right;
cursor: pointer;
position: absolute;
z-index:999;
display: block;
background: url(./images/mobile_menu_icon.png) no-repeat #cad5da;
background-position: center center;
background-size: auto;
border-bottom-color: rgb(202, 214, 218);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0px;
border-bottom-style: solid;
border-bottom-width: 2px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(202, 214, 218);
border-left-style: solid;
border-left-width: 2px;
border-right-color: rgb(202, 214, 218);
border-right-style: solid;
border-right-width: 0px;
border-top-color: rgb(202, 214, 218);
border-top-left-radius: 4px;
border-top-right-radius: 0px;
border-top-style: solid;
border-top-width: 2px;
}
.topmenu li
{
font-size:14px;
cursor:pointer;
vertical-align:middle;
line-height:21px;
padding-top:3px;
display:block;
padding-bottom:3px;
}
.topmenu .submenu
{
list-style-type:none;
/*height:0;*/
position:relative;
/*display:none;*/
margin-left:-20px;
width:95%;
}
.topmenu .submenu.display
{
/*height:100%;*/
display:block;
}
.topmenu .submenu .submenuitem
{
display:block;
}
.topmenu .submenu .submenuitem>span
{
width:0px;
}
.topmenu .submenu .submenuitem.selected
{
/*background-color:rgba(0,175,215,0.25);*/
color:#00558c;
}
.topmenu .submenu .submenuitem.selected>span
{
width:16px;
}
/* main container */
.mainContainer
{
margin-left: auto;
margin-right: auto;
margin-top:22px;
max-width:100%;
min-width:100%;
display:block;
float:left;
}
/* left container */
.leftcontainer
{
border-top:7px solid #00afd7;
display:block;
float:left;
max-width:100%;
width:100%;
background-color:#ffffff;
}
/* Side menu container*/
.sidemenucontainer
{
margin-top:50px;
margin-left:1%;
margin-right:1%;
width:100%;
max-width:100%;
min-width:100%;
display:block;
float:left;
position:relative;
}
/* main information container */
.maininfocontainer
{
width:100%;
margin-left:0;
margin-right:0%;
min-height:300px;
display:block;
float:right;
overflow-x:hidden;
}
/* right container */
.rightcontainer
{
display:block;
float:left;
margin-left:0;
max-width:100%;
width:100%;
min-width:29%;
background-color:transparent;
}
/* Ad Block Holders */
.adBlock
{
border-top:7px solid #8dc63f;
display:block;
float:left;
width:100%;
max-width:100%;
margin-bottom:8px;
background-color:#ffffff;
}
.adBlock iframe
{
width:100%;
max-width:100%;
height:auto;
}
/* Panels for Tabs */
.tabs
{
}
.tabs .tabPanel
{
background-color:#ffffff!important;
border-radius:10px;
margin-top:5px;
padding-right:5px;
width:auto;
max-width:100%;
display:block;
/*overflow-x:hidden;
overflow-y:hidden;*/
}
.ui-widget-content
{
background-color:#ffffff;
background-image:none;
border:1px solid #ffffff;
font-size:12px!important;
}
.ui-widget-header
{
background-color:#ffffff;
background-image:none;
border:1px solid #ffffff;
}
.ui-state-default
{
border: 1px solid #ffffff!important;
border-top:5px solid #ffffff!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-default a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:none!important;
}
.ui-state-hover,
.ui-state-focus
{
background-image:none!important;
border: 1px solid #ffffff!important;
border-top:5px solid #8dc63f!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-hover a,
.ui-state-focus a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:#ffffff!important;
}
.ui-state-active
{
border: 1px solid #ffffff!important;
border-top:5px solid #00558c!important;
background: #ffffff!important;
font-weight: bold!important;
color: #00558c!important;
}
.ui-state-active a
{
color: #00558c!important;
text-decoration:none!important;
outline-color:none!important;
}
.ui-tabs .ui-tabs-nav li
{
width: 100%!important;
}
}