body, html
{
	margin:0px;
	padding:0px;
}
.TopMenu {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #000066}
.TopMenu a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #000066}
.TopMenu a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #000066 }
.TopMenu a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: underline; background-color: #000066}

.TopMenu1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  background-color: #CCCCCC}
.TopMenu1 a:link {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  text-decoration: none; background-color: #CCCCCC}
.TopMenu1 a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  text-decoration: none; background-color: #CCCCCC }
.TopMenu1 a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  text-decoration: underline; background-color: #CCCCCC}


.MainText {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000066}
h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000066}
h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000066}
h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000066}
h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #000066}
.InPageBoxBlue { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #000066 }
.MainTextSmall { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 }
.MainTextSmall a:link { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 ; text-decoration: underline}
.MainTextSmall a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 ; text-decoration: underline}
.MainTextSmall a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000; text-decoration: none}
.MainTextError { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #FF0000}
h1.MainTextError { font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; color: #FF0000 }
.InPageBoxBlueSmall { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; background-color: #000066 }
.InPageBoxBlue a:link { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #000066 }
.InPageBoxBlue a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #000066 }
.InPageBoxBlue a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; text-decoration: underline; background-color: #000066 }
.ActriveModule {  font-weight: bold; color: #006600}
.ResourceLine {  border: #000066 solid; border-width: 1px 0px}
.MOTD { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000066 }
.MOTD h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000066 }
.MOTD a:link { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 ; text-decoration: underline }
.MOTD a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 ; text-decoration: underline }
.MOTD a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FF0000; text-decoration: none }
.NeedsResponse {  font-weight: bold; color: #FF0000; text-decoration: blink}
.Open {  font-weight: bold; color: #006600}
.Closed {  font-weight: bold; color: #FF0000}
.Hold { font-weight: bold; color: #FF9900}
.Emergency {  color: #FFFFFF; background-color: #FF0000}
.Overdue {  color: #FF0000}
.Billable {  color: #FFFFFF; background-color: #006600}
.Clickable {  cursor: hand}
.50percentButtons { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #FFFFFF; background-color: #000066 ; width: 49%}
.MainTextSmallFullWidthFormItem { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000066 ; width: 100%}


.AlertBoxTitle
{
    color: #FFFFFF;
    padding: 0px 6px 0px 6px;
    font-size: 12px;
    font-weight: bold;
    height:28px; 
    background-color:#000066;
    vertical-align: middle;
}

.myCourseHide
{
    float:right;
    font-size: 12px;
    /*background-image: url("../Images/YGenImgs/hideSymbol.png" );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;*/
    cursor: pointer;
    height: 16px;
    padding-top: 2px;
    width: 40px;
    text-align: left;
}

.myCourseShow
{
    display: none;
    float:right;
    font-size: 12px;
    /*background-image: url("../Images/YGenImgs/showSymbol.png" );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 25px;*/
    cursor: pointer;
    height: 16px;
    padding-top:2px;
    width: 40px;
    text-align: left;
}

.AlertBox
{
    border:Solid 2px #D6D6D6;
    width: 982px;
    margin: 0px 10px 3px 10px;
}

.salesPersonTable
{
	border:none;
}

.salesPersonTable tr
{
	border:none;
}

/*Safe act styles*/
.formElement
{
	margin:4px;
}
.line
{
	border-bottom:1px solid #000066;
	margin: 10px 0px 10px 0px;
}
.form
{
	background:#F2F2E6 none repeat scroll 0 0;
	border-color:#FFFFFF #666661 #666661 #FFFFFF;
	border-style:solid;
	border-width:1px;
	margin-bottom:36px;
	padding:10px;
}

.subtitle
{
	background:#000066 none repeat scroll 0 0;
	border-color:#E5E5C3 #505014 #505014 #E5E5C3;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:17px;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:21px;
	width:250px;
	padding:0 10px;
}
.button
{
	float:right;
	background:#000066;
	border-color:#E5E5C3 #505014 #505014 #E5E5C3;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	width:200PX;
}

.calendar .ajax__calendar_container
{
	background-color: #e2e2e2;
	border: solid 1px #cccccc;
}

.calendar .ajax__calendar_header
{
	background-color: #ffffff;
	margin-bottom: 4px;
}

.calendar .ajax__calendar_title, .calendar .ajax__calendar_next, .calendar .ajax__calendar_prev
{
	color: #004080;
	padding-top: 3px;
}

.calendar .ajax__calendar_body
{
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
}

.calendar .ajax__calendar_dayname
{
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 2px;
}

.calendar .ajax__calendar_day
{
	text-align: center;
}

.calendar .ajax__calendar_hover .ajax__calendar_day, .calendar .ajax__calendar_hover .ajax__calendar_month, .calendar .ajax__calendar_hover .ajax__calendar_year, .calendar .ajax__calendar_active
{
	color: #004080;
	font-weight: bold;
	background-color: #ffffff;
}

.calendar .ajax__calendar_today
{
	font-weight: bold;
}

.calendar .ajax__calendar_other, .calendar .ajax__calendar_hover .ajax__calendar_today, .calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #bbbbbb;
}

/* Update container */
.updateProgress { position: absolute; background-color: #ffffff; filter: Alpha(Opacity=70); opacity: 0.70; -moz-opacity: 0.70; z-index: 1100; }
.contentPlaceHolder { position: absolute; }
.updateProgressMessageContainer { font-family:Arial; position:fixed; top: 40%; left: 40%; _position:absolute; _top:170px;  _left: 400px; width: 150px; height: 20px; padding: 5px; background-color: White; border: solid 1px #000; z-index: 1201; }
.updateProgressMessageContainerLoader { font-family:Arial; position:fixed; top: 40%; left: 40%; _position:absolute; _top:170px;  _left: 400px; width: 150px; height: 20px; padding: 5px; background-color: White; border: solid 0px #000; z-index: 1201; }

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=75);
    opacity:0.75;
}

.corporateLinks:link, .corporateLinks:visited
{
    text-decoration : none;
}

.corporateLinks:hover
{
    text-decoration : underline;
}

.ahrefSearch:link, .ahrefSearch:visited { text-decoration: none; color:#000066; }
.ahrefSearch:hover { text-decoration: underline; }

.ahrefSearchBold:link, .ahrefSearchBold:visited { text-decoration: none; color:#000066; font-weight:bold;}

/* Popup Start */
#backgroundPopup
{  
    display: none;  
    position: fixed;  
    _position: absolute; /* hack for internet explorer 6*/  
    height: 100%;  
    width: 100%;  
    top: 0;  
    left: 0;  
    background: #000000;  
    border: 1px solid #cecece;  
    z-index: 2001;  
}  
.popupContactLogin
{  
    display: none;  
    position: fixed;  
    _position: absolute; /* hack for internet explorer 6*/  
    height: auto;  
    width: auto;  
    background: #FFFFFF;  
    border: 2px solid #cecece;  
    z-index: 2002;
    font-size: 13px;  
}  
.popupContactLogin h1
{  
    text-align: left;  
    color: #6FA5FD;  
    font-size: 22px;  
    font-weight: 700;  
    border-bottom: 1px dotted #D3D3D3;  
    padding-bottom: 2px;  
    margin-bottom: 20px;  
}  
.PopUpTopText
{  
    font-size: 16px;
    color: #FFFFFF;  
    font-weight: 700;
}  
/* Popup End */

.rowItems
{
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    font-family: Arial;
}

.ahrefLink 
{ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    color: #000066;  
    cursor: pointer;  
}

.ahrefLink:hover 
{ 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    color: #FF0000; 
    text-decoration: none;
}

.newButton
{
    background: #000066;
    border-color: #E5E5C3 #505014 #505014 #E5E5C3;
    border-style: solid;
    border-width: 1px;
    color:#FFFFFF;
    width: 100px;
    padding: 3px 0px 3px 0px;
    cursor: pointer;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.Button3D
{
    display: inline-block;    
    height: 20px;           
    position: relative;
    content: ;
    cursor: pointer;
    top: 0;
    right: auto;
    bottom: auto;
    left: auto;
    padding: 0 10px;
    outline: none;
    border: 1px solid #000066;
    /*font: bold bold 300 12px/26px Verdana,"Electrolize", Helvetica, sans-serif;*/
    font: bold bold 300 12px/26px "Electrolize", Helvetica, sans-serif;
    font-weight:bold;
    color: #FFFFFF; /*#000000; rgb(102, 102, 102);*/
    text-decoration: none;
    text-align: center;
    text-transform: none;
    text-indent: 0;
    -o-text-overflow: clip;
    text-overflow: clip;
    letter-spacing: 0;
    white-space: normal;
    word-spacing: 0;
    word-wrap: ;
    /*background: -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background-color: #000066;*/
    background: -webkit-linear-gradient(0deg, #000066 0, #000066 100%), #000066;
    background: -moz-linear-gradient(90deg, #000066 0, #000066 100%), #000066;
    background: linear-gradient(90deg, #000066 0, #000066 100%), #000066;
    background-repeat: repeat;
    background-position: 0 0;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset, 0 7px 0 0 rgb(187,187,187) , 0 8px 3px 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset, 0 7px 0 0 rgb(187,187,187) , 0 8px 3px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
    border-radius:2px;
}
.Button3D:hover 
{
    /*color: rgba(135,135,135,1);*/
    color:#000066;
    background: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -webkit-linear-gradient(0deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: -moz-linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), -moz-linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    background: linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), linear-gradient(90deg, rgb(243,243,243) 0, rgb(233,233,233) 100%), rgb(238, 238, 238);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
}

.Button3D:active 
{
    top: 5px;
    color: rgba(160,160,160,1);
    background: -webkit-linear-gradient(-90deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(255,255,255) 0, rgb(235,235,235) 100%), rgb(255, 255, 255);
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.298039) inset, 0 -1px 1px 0 rgba(255,255,255,0.14902) inset;
    -webkit-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -moz-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: all 50ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.hidden {
    display: none !important;
}
.note-editor.note-frame.fullscreen {
    top: 30px !important;
    background: #fff;
}


/**Added below css for quick fix for now*/
.note-modal-backdrop {
    z-index: 2 !important;
}