@import url('../common/CSS/fonts.css'); 

a:link
{
color: #0f0f59; 
text-decoration: underline;
}

a:hover
{
color: #ffc107;
text-decoration: underline;
}

/*link on grey background and read messages/legacy login should get blue hover text instead of gold for accessibility*/
.preBillCol a:hover, #displayMessageBody a:hover, a.copyright:hover
{
    color: #4cc6ff;
    text-decoration: underline;
}

a:visited
{
color: #737d85;
text-decoration: underline;
}

body {
    font-family: "Optum Sans", "Optum-Sans-Regular", Arial; 
    font-size: 10pt;
    font-style: normal;
    background-color: #FFFFFF;
    color: #4B4D4F !important;
    text-decoration: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

td {
    font-size: 10pt;
    color: #4B4D4F;
    text-decoration: none;
}
#BridgeArchiveList td {
    padding-right: 10px;
}

span {
    font-size: 10pt;
    color: #4B4D4F;
    text-decoration: none;
}

div {
    font-size: 13px;
    font-weight: normal;
    color: #4B4D4F;
    text-decoration: none;
    font-style: normal;
}

img
{
border:0px;
}

button
{
width: 0px;
height: 0px;
}

#RemoveProfile
{
margin-left: 8px;
}

#btnAdd, #btnAddUpdateIP
{
    margin-right: 10px;
}

label
{
cursor:pointer;
}

.title
{
font-size: 12pt; 
font-weight: bold; 
color: #0f0f59;
}

.copyright 
{
font-size: 9pt; 
font-style: normal;
color: #737d85;
cursor: default;
}

.copyright.last {
    padding-top: 0px;
}


.dialog
{
font-size: 20px;
font-weight: bold;
color: #002677;
text-decoration: none
}

select
{
font-family: "Optum Sans C",Arial,"Core Sans C", "Century Gothic", "AppleGothic", sans-serif;
border-right: 1px solid #cbcccd;
border-top: 1px solid #cbcccd;
border-left: 1px solid #cbcccd;
border-bottom: 1px solid #cbcccd;
color: #4B4D4F;
background-color: #FFFFFF;
font-size:10pt;
}
.select-create {
    width:200px;
}
.select-create option:hover {
    background-color: #CDDDFE !important;
}

input
{
font-family: "Optum Sans C",Arial,"Core Sans C", "Century Gothic", "AppleGothic", sans-serif;
border-right: #4B4D4F 1px solid;
border-top: #4B4D4F 1px solid;
border-left: #4B4D4F 1px solid;
border-bottom: #4B4D4F 1px solid;
color: #4B4D4F;
background-color:#FFFFFF;
font-size:10pt;
}

textarea {
font-family: "Optum Sans C",Arial,"Core Sans C", "Century Gothic", "AppleGothic", sans-serif;
}

fieldset
{
border-color: #c3c5cd;
border-style: solid;
border-width: 1px;
padding: 4px;
padding-right: 3px;
left:2px;
}

legend
{
font-size: 10pt;
font-weight:bold;
color:  #37474f;
cursor:default;
}

.inputBox
{
width:240px;
}

.RadioButton
{
border:0px;
cursor:pointer;
color:#000000;
font-size:10pt;
}

.Checkbox
{
border:0px;
cursor:pointer;
color:#000000;
}

.FieldLabel
{
font-size:10pt;
font-weight:bold;
cursor: default;
}

.FieldLabelDisabled
{
font-size:10pt;
cursor: default;
}

.hiddenSubmit 
{
border: 0 none;
height: 0;
width: 0;
padding: 0;
margin: 0;
overflow: hidden;
}

.imageButton {
    behavior: url(/common/Shared/scripts/button.htc);
    cursor: pointer;
}

.Normal {
background-color:#efefef;
}

.Over {
    background-color: rgb(205, 221, 254) !important;
}

.OverSelected {
background-color:#ffd352;
}

.Selected {
background-color:#c3c5cd;
}

.OnClick {
background-color:#ffd352;
}

.inlineInstruction
{
text-align:center;
width:80%;
border:1px solid #0f0f59;
background-color: #F4F4F4;
font-size:9pt;
padding:3px;
cursor:default;
}

#Instruction
{
margin-top: 15px !important;
text-align:center;
width:60%;
background-color: #F4F4F4;
border: 1px solid #cbcccd;
font-size:9pt;
padding:3px;
cursor:default;
}

#DialogTable
{

border-left: none;
border-right: none;
}

#TopLeft
{
height:32px;
width:5px;
background-color:#FFFFFF;
}

#TopMiddle
{
vertical-align:middle;
background-color:#FFFFFF;
}

#TopMiddleDialog
{
padding-left:5px;
}

#TopRight
{
height:32px;
width:5px;
background-color:#FFFFFF;
}

/* image/css techdebt
#ImgTopLeft
{
height:30px;
width:10px;
}

#ImgTopRight
{
height:30px;
width:21px;
}

#ImgMiddleLeft
{
height:100%;
width:2px;
}

#ImgMiddleRight
{
height:100%;
width:13px;
}

#ImgBottomLeft
{
height:42px;
width:10px;
}

#ImgBottomRight
{
height:42px;
width:21px;
}
*/

#BottomMiddle
{
padding-top:10px;
vertical-align:top;
/*image/css techdebt
background-image:url('/Shared/Images/Dialog/BottomMiddle.gif');*/
background-color: #FFFFFF;
}

#BottomLeft
{
background-color:#FFFFFF;
width:5px;
}

#BottomRight
{
background-color:#FFFFFF;
width:5px;
}

#MiddleLeft 
{
border-left:1px solid #0f0f59;
}

.SortColumnHeader {
    font-family: "Optum Sans", optum-sans-regular, Arial;
    background-color: #ffffff;
    border-left: solid 0px #737d85;
    border-right: solid 0px #737d85;
    color: #4B4D4F;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    padding-left: 4px;
    text-align: left;
    border-top: 0px;
    border-bottom: solid 1px #737d85;
    font-size: 10pt;
}

.NoSortColumnHeader {
    border-left: solid 0px #737d85;
    border-right: solid 0px #737d85;
    color: #4B4D4F;
    font-weight: bold;
    height: 25px;
    padding-left: 6px;
}
 
.NoSortColumnHeader_support {
    background-color: #ffffff;
    border-left: solid 0px #737d85;
    border-right: solid 0px #737d85;
    color: #4B4D4F;
    font-weight: bold;
    height: 25px;
}

.link
{
color: #0C55B8 !important;
cursor:pointer;
text-decoration:underline;
}

.FeatureGroup
{
cursor: pointer;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}

.FeatureItem
{
cursor: pointer;
text-align: left;
font-weight: bold;
color: #0f0f59;
height: 21px;
padding: 0px 3px 0px 3px;
}

#Menu .FeatureGroup tbody tr td
{
font-size: 8pt;
}

.FeatureItemClicked
{
background-color: #e1e2e6;
cursor: pointer;         
font-size: 8pt;
text-align: left;
font-weight: bold;
color: #ffffff;
height: 13px;
padding: 0px 3px 0px 3px;
}

.FeatureItemOver
{
background-color: #e1e2e6;
cursor: pointer;         
font-size: 8pt;
text-align: left;
font-weight: bold;
color: #0f0f59;
height: 13px;
padding: 0px 3px 0px 3px;
}

.MenuGroup
{
background-color: #ffffff;
border-style: solid;
border-width: 1px;
border-color: #E5E5E6; 
cursor: pointer;         
padding: 1px;
text-align: left;
}

.MenuItem
{
cursor: pointer;
padding: 1px;
font-size: 8pt;
text-align: left;
font-weight: bold;
}
.custom-padding{
    padding: 5px 15px 5px 25px;
    font-weight: normal !important;
    font-size:12px !important; 
}
.navigation{
    font-weight: normal !important;
}
td.MenuItem img {
    vertical-align: middle !important;
    height: 10px !important;
}
td.MenuItem:hover,
td.MenuItem:focus, td.MenuItem:active {
    color: #002677 !important;
    background-color: #CDDDFE !important; 
}

.MenuItemClicked
{
background-color: #CDDDFE; 
cursor: pointer;         
font-size: 8pt;
padding: 1px;
text-align: left;
font-weight: bold;
color: #002677; 
}

.MenuItemOver
{
background-color: #CDDDFE; 
cursor: pointer;         
font-size: 8pt;
padding: 1px;
text-align: left;
font-weight: bold;
color: #002677; 
}

.Separator
{
background-color: #e1e2e6;
margin-left: 2px;
margin-right: 2px;
}

.TableHeader
{
background-color:#FFFFFF;
color:#4B4D4F;
padding-left:1px;
}

.TableBody
{
padding:2px;
}

.dialogFieldLabel
{
	color: #002677;
	font-size:10pt;
	font-weight:bold;
	cursor: default;
}

.dialogButton
{
	color: #37474f;
	background-image:url(/Shared/Images/Buttons/Button_creamUp.png);
	background-color: #efefef;
	border: none;
	width: 95px;
	height: 25px;
	text-align: center;
	font-family: "Optum Sans C",Arial, "Core Sans C", "Century Gothic", "AppleGothic", sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
	cursor: pointer;
}

.footerButton
{
	background-image:url(/Shared/Images/Buttons/Button_creamUp.png);
	background-color: #0f0f59;
	border: none;
	width: 95px;
	height: 25px;
	font-family: "Optum Sans C",Arial, "Core Sans C", "Century Gothic", "AppleGothic", sans-serif;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
	cursor: pointer;
}

.buttonUp
{
	color: #FFFFFF;
	background-image:url(/Shared/Images/Buttons/Button_creamUp.png);
}

.buttonFocus
{
	background-image:url(/Shared/Images/Buttons/Button_creamFocus.png);
}

.buttonOver
{
    color: #37474f;
	background-image:url(/Shared/Images/Buttons/Button_creamOver.png);
}

.buttonOff
{
    color: #c3c5cd;
	background-image:url(/Shared/Images/Buttons/Button_creamOff.png);
}

.buttonDown
{
	color: #FFFFFF;
	background-image:url(/Shared/Images/Buttons/Button_creamDown.png);
}

#btnAllLive{
    margin-right: 10px
}

#btnAddUpdateFilePrefix{
    margin-right: 10px;
}

#btnDuplicate{
    margin-right: 10px;
}

#btnSearch{
    margin-right: 10px;
}


#Cancel, #Load, #Save, #Submit, #OK, #Refine, #Delete, #GoBack{
    margin-bottom: -5px;
}

.even
{
    background-color: #e1e2e6; 
}

.dtOptionTable 
{ 
    overflow: auto; 
    background-color:#FFFFFF; 
    border-right: 1px solid #737d85;
    border-left: 1px solid #737d85; 
    border-bottom: 1px solid #737d85; 
    padding:0;
    margin:0;
}

.dtTable
{
 display: table;
 width: 100%;
 overflow: auto;
 clear: both;
}

.dtRow
{
 display: table-row;
 font-size: 9pt;
 clear: both;
 height: 20px;
 overflow: hidden;
 cursor:default;
}


.dtCol
{
 font-size: 9pt;
 display: table-cell;
 text-align: left;
 vertical-align: top;
 float: left;
 height: 20px;
 overflow: hidden;
 white-space: nowrap;
 padding-right: 5px;
 border-left: 3px transparent solid;
}

.row_selected {
    background-color: #c3c5cd;
}

.hidden {
	display: none;
}

.MenuTable
{
	background-color: #f4f4f4;
	color: #c3c5cd;
}

#MenuContainer
{
	background-color: #f4f4f4;
	padding-top:36px;

    text-align: center;
}

#aspnetForm {
    margin: 0;
}

#Span1 {
    color: #002677;
}

.panelBorder
{
    padding: 5px 5px;
}

/*question mark image alignment*/
img.imageButton#Help
{
    vertical-align:-3px;
    height: 22px !important;
    width: 22px;
}

/*footer buttons inside calendars (height 36px caused cancel button to overflow)*/
form[name="CalendarControl"] div #DialogTable tbody tr td .imageButton
{
    height: 34px;
}

/*chc buttons////////////////////////////////////////////////////////////////////////*/
button.homeBtn
{
    background-image: url(/Shared/Images/Buttons/Button_Up.png);
    cursor: pointer;
    color: #ffffff;
    background-color: #0f0f59;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    height: 24px;
    width: 95px;
    padding: 0 12px;
    font-size: 8pt;
}

button.homeBtn:hover
{
    color: #caf0ff;
    background-image: url(/Shared/Images/Buttons/Button_Over.png);
}

button.homeBtn:active
{
    color: #4cc6ff;
    background-image: url(/Shared/Images/Buttons/Button_Down.png);
}

button.homeBtn.buttonOff
{
    cursor: default;
    color: #37474f;
    background-image: url(/Shared/Images/Buttons/Button_Off.png);
}

#sessionCenter
{
    position: absolute;
    left: 50%;
    top: 50%;
    
    /* You must set a size manually */
    width: 320px;
    height: 220px;
    
    /* Set negative margins equal to half the size */
    margin-left: -160px;
    margin-top: -120px;
}

form[name="BiDashboard"] tr:hover { 
    background-color: rgb(205, 221, 254); 
}