@font-face {
    font-family: 'museo_sans300';
    src: url('../fonts/museosans_300-webfont.eot');
    src: url('../fonts/museosans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_300-webfont.ttf') format('truetype'),
         url('../fonts/museosans_300-webfont.svg#museo_sans300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo_sans700';
    src: url('../fonts/museosans_700-webfont.eot');
    src: url('../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_700-webfont.ttf') format('truetype'),
         url('../fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* This stylesheet is to manage colors for TimeAnywhere Application */

/**********************************************************************************/
/*********************************	USG.CSS	***************************************/
/**********************************************************************************/

/* Essentials */

::selection {	/* Safari - selected text style */
		background: #274CA6; 
		color: #fff;
}
::-moz-selection {/* Firefox - selected text style */
		background: #274CA6; 
		color: #fff;
}
	
html, body {
		font-family:Arial;
		/*background: #F2F2F2;*/
		background: #FFFFFF;
		color:#333333;
}

/* Header */
.icntextnav {
		left:186px; /*width of logo image + 4px */
}

.header {
		color:inherit;
}

.header a:link, a:visited {
		color: #274CA6;
}

.username_cb b {
		color: #274CA6; /* Same as a:link color */
}

.links a#help { 
		color:#inherit;
}

.links a#logout { 
		color:#inherit;
}

.header select {
		/*border:#000000 solid 1px;*/
		border:#8F8F8F solid 1px;
		font:inherit;
		color:inherit
}

/***************************************/
/* === Begin 2015 Vis update changes === */

.textlinks {
  top:4px;
}

.textlinks a { 
  color: #404040 !important;
  font-size: 12px;
}

/* Main Menu - 29 Mar 2013 - Novatime Menu style/theme have been removed as USG has opted for new style (Flyout Menu) - Sumit */

/* ---------- Mega Drop Down --------- */
#mainmenu {width:100%; position:relative; float:left}

ul#dropdown {
  font-size:14px;
  font-weight:normal;
  font-family: "museo_sans300", Helvetica, Arial, sans-serif;
  border-top:#005151 0px solid;
  background: none;
  background-color:#005151;
}

ul#dropdown li {
  border-right: 1px groove #000;
  border-left: none;
}

ul#dropdown li:first-child {
  border-left: 0px solid #5A5A5A;
}

ul#dropdown li:hover {
  background: none;
  background-color:#FFFFFF;
  border-right: 1px groove #FFFFFF;
}

ul#dropdown li a {
  color:#fff;
}

ul#dropdown li:hover a {
  color: #404040;
}

ul#dropdown li a:hover {
  color: #404040;
}

ul#dropdown li.active:hover a {
    color: #000;
}

ul#dropdown li.active:hover{
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
}

ul#dropdown li.active{
  background: none;
  background-color: #404040;
}

ul#dropdown li.active a	{ 		
}

.inboxAndDelegation em { /* Inbox notification background */
    padding:1px 4px;
	background:#FFFFFF; 
	font-weight: bold;
    font-size: 12px;
    text-align: left;
    line-height: 14px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000000;
}

.inboxAndDelegation span {
    font-family: 'museo_sans300', Helvetica, Arial, sans-serif;
    padding-left: 8px;
    display: inline;
}

.inboxAndDelegation a {
    display: inline;
    font-family: "museo_sans300", Helvetica, Arial, sans-serif;
}

.inboxAndDelegation a {
    display: inline;
}

.inboxAndDelegation {
    background-color: #005151;
    position: absolute; 
    right: 0;
    padding-right: 18px;
    padding-left: 8px;
    line-height: 44px;
    height: 44px;
    font-size: 14px;
    border-left: 1px groove #000;
}

.mainMenu {
    background-color: #005151;
    width: 100%
}

/* ----------- Hide/Show Flyoutmenu ---------- */

#dropdown ul.sub_menu {
  border:1px solid #E3E3E3; /* for IE8 */
  background:#ffffff !important;
  box-shadow:1px 2px 5px #999999 !important; 
  font-family: "museo_sans500", Helvetica, Arial, sans-serif;
  font-size:10px;
}

#dropdown ul.sub_menu a{color:#264CA6 !important;}
#dropdown ul.sub_menu a:hover{background-color:#ECECEC;}

#dropdown ul.sub_menu li { /* Second Level Menu Items */
		border-right: 0px solid #3b4d81 !important; 
		border-left: 0px solid #6b80b9 !important;
		font-weight:bold;
		border-top:1px solid #E3E3E3;
        font-family: "museo_sans700", Helvetica, Arial, sans-serif;
}

#dropdown ul.sub_menu li:first-child { /* No top border for first item in column */
		border-top:0px solid #E3E3E3 !important;
}

#dropdown ul.sub_menu li ul li a { /* Third Level Menu Items */
		font-weight:normal;
}

#dropdown ul.sub_menu li ul li {
		border-top:0 solid #E3E3E3 !important;
}

.first.column { border-left:0 solid #E3E3E3; }
.last.column { border-right:0 solid #E3E3E3; }
.column { border-right:1px solid #E3E3E3; }

/* Second Level Tabs */
#tabspanel {
  height: 24px;
  padding-top: 10px;
  background-color:#404040;
  font-family: "museo_sans300", Helvetica, Arial, sans-serif;
}

ol#tabs a {
  background: none;
  color: #000000;
}

ol#tabs a:hover {
  background:none;
  background-color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 1px solid #404040;
}

ol#tabs a:hover span {
  background: none;
}

ol#tabs li {
  margin-right:4px;
  background: none;
  background-color: #DDD;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

ol#tabs li:first-child {
  margin-left:0px;
}

ol#tabs li.current {
  background-color: #FFF;
}

ol#tabs li.current a {
  color: #000000;
  background-color: #FFF;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-family: "museo_sans700", Helvetica, Arial, sans-serif;
  border-bottom:#fff solid 1px !important;
  border-top: 1px solid #404040;
}

ol#tabs span {
  background: none;
  font-weight: normal;
}

ol#tabs li.current span {
  font-family: "museo_sans700", Helvetica, Arial, sans-serif;
}

#dropdown ul.sub_menu a {
  color: #404040 !important;
  font-family: "museo_sans500", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

/* === End 2015 Vis update changes === */
/***************************************/

/* Tabs Mover */
#mover_cat {
		background-color:inherit;
}

#mover {
		background-color:transparent; /*SMV - 1 July 2013 - To make bottom line of second level menu visible - For DS */
}

/**********************************************************************************/
/******************************	COMMON.CSS	***************************************/
/**********************************************************************************/

/* Third Level Tabs */
/* Table Tabs */
.innertabs a{
		color:#000000; 
}

.innertabs a:visit{ 
		color:#000000; 
}

.innertabs a:hover{ 
		color:#000000; 
}

.innertabs td.activecell {
		color: #000000;
		/*border:#868686 solid 1px;*/
}

.innertabs td.activecell a:hover {
		color:#000000;
}

.innertabs td.inactivecell {
		background-color:#cccccc; /*Ligher blue of 1 level menu - Mike-Paul-and-Steve-Blue*/
		color: #000000;
		/*border:#868686 solid 1px;*/
}

.innertabs td.blankcell {
		/*border-bottom:#868686 solid 1px;*/
}

/**********************************************************************************/
/*********************************	ACCESS.CSS	***********************************/
/**********************************************************************************/
/* Access Default */
.accessmain{ 
		font-family:Arial;
}

.accessmain ul li {
		border:#efefef solid 1px; 
}
.accessmain ul li label {
		color:#000000;
		background:#ededed; 
}

/* Access Default > Access Page */
.singlecat ul li 
{
		border:#efefef solid 0px; 
}

/* Access Page */
.accesspage{ 
		font-family:Arial;
}
.accesspage ul li {
		border:#efefef solid 1px; 
}
.accesspage ul li label {
		color:#000000;	
		background-color:#ededed;
		border:#ccc solid 1px;
		border-bottom:none;	 
}

/* Page Access */
.pageaccess{ 
		font-family:Arial;
}
.pageaccess ul li {
		border:#efefef solid 1px; 
}
.pageaccess ul li a {
		color:#000000;
		background:#ededed; 	 
}

.pageaccess ul li a:hover {
		color:#000000;
		background:#efefef;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
		border:#000000 solid 1px; 
}

.pageaccess ul li a.currentactive{
		color:#000000;
		background:#ffffff;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border:#ccc solid 1px;
}




.aboutUltiProTitle {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    font-size: 14px;
    font-family: museo_sans, Helvetica, Arial, sans-serif;
}

.aboutUltiProHeader {
    height: 43px;
    background-image:url(../logo/logo_USG.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.aboutUkgProHeader {
    height: 43px;
    background-image: url('https://ignite.cdn.ultipro.com/dls-cdn/ignite/latest/web-components/ignite/svg/ukg-new-logo-light.svg');
    background-repeat: no-repeat;
    background-position: center left;
}

.aboutUltiProHeader p {
    padding-top: 22px;
    text-align: right;
    padding-right: 20px;
    margin: 0;
}

.aboutVersionLabel {
    font-size: 12px;
    font-weight: 600;
    color: #999;
}

.aboutUltiProBody {
    padding: 15px;
    margin: 0;
    line-height: 1.3em;
    background-color: #eee;
    text-align: left;
}

.aboutUltiProBody p {
    font-size: 14px;
    line-height: 1.5em;
    margin: 0 0 10px 0;
    text-align: left;
}

.aboutUltiProBody p label{
    font-size: 14px;
    line-height: 1.5em;
}

.aboutUltiProBody input[type="button"]
{
    padding: 1px 6px;
    text-align: center;
    white-space: pre;
    display: inline-block;
    font: 13px Arial;
    margin: 0em;
}

.aboutUltiProButton {
    color: white;
}

.modalPopup
{
	background-color: #FFFFFF;
	box-shadow: 0 0 5px #666666;
	border-radius:5px;
	z-index: 99999999999999999;
}

.signature {
    border: 0;
    border-bottom: 1px solid #000;
}

@media print {
    .fit85 {
        zoom: 85%;
        -ms-transform: scale(.85); /* IE */
        -ms-transform-origin: 0 0;
    }
}

@media screen {
    .AttestedVerbiage {
        display: none
    }
}