﻿/* UMS Color Palette

Dark Blue is Pantone 301			#004B87
Light Blue is Pantone 301 at 50%	#002543
Medium Blue is c25 m12.5 y0 k0		#BFDFFF
Gray is c55 m42 y41 k33				#4C6364

Dark Blue		#004B87
Medium Blue		#BFDFFF
Light Blue		#002543
UMS Gray		#4C6364
Light Gray		#D8D8D8
White			white
Black			black
Silver			silver
background-color: #002543;
background-image: url("./Images/vernoi_background.png");
*/

body
{
	font-family: Arial;
	background: linear-gradient(to bottom, #002543 , #D8D8D8);
	background-attachment: fixed;
	border: 0;
	margin: 0px;
}

a:link {color: black;}
a:visited {color: black;}
a:hover{color: black;}

#sequence_list_container
{
	vertical-align: top;
}

#sequence_summary_container
{
	vertical-align: top;
}

#divContents
{
	margin: auto;
	text-align: center;
}

#divNewPLInput
{
	width:600px;
	height:90px;
	margin-left:-300px;
	margin-top:-50px;
}

#divChannel
{
	width:600px;
	height:120px;
	margin-left:-300px;
	margin-top:-60px;
}



.centered_popup_input_box
{
	background-color: #D8D8D8;
	border: 2px solid #004B87;
	padding: 15px;
	display: none;
	margin:0 auto;
	position: fixed;
	left:50%;
	top:50%;
}

.InfolinkBanner
{
	background-color: #D8D8D8;
	border: 1px solid #004B87;
	margin-left: auto;
	margin-right: auto;
	padding: 12px;
	text-align: center;
}

.InfolinkBody
{
	background-color: #000000;
	color: #000000;
	font-size: 80%;
}

.InfolinkTable
{
	background-color: #D8D8D8;
	margin: auto;
	padding: 12px;
	text-align: center;
	border-spacing:0;
	border-collapse: collapse; 
	border: #004B87;
}

table.InfolinkTable td tr
{
	border: 0px;
	border-collapse: collapse;
}

.tab_container
{
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border-spacing: 0;
}

.tab_container_cell_active
{
	border-bottom: 1px solid white;
	margin: 0;
	border-spacing:0; /* Removes the cell spacing via CSS */
	border-collapse: collapse;  /* Optional - if you don't want to have double border where cells touch */
}

.tab_container_cell_inactive
{
	border-bottom: 1px solid #004B87;
	margin: 0;
	border-spacing:0; /* Removes the cell spacing via CSS */
	border-collapse: collapse;  /* Optional - if you don't want to have double border where cells touch */
}

.InfolinkTabActive
{
	font-size: 100%;
	color: #004B87;text-align: left;text-shadow: 1px 1px 1px;
	background-color: #D8D8D8;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 2px;
	border-left: 1px solid #002543;
	border-right: 1px solid #002543;
	border-top: 1px solid #002543;
	border-bottom: 1px solid #D8D8D8;
	border-top-left-radius: 7px; /* future proofing */
	border-top-right-radius: 7px; /* future proofing */
	position: relative;
	left:-16px;
	cursor: pointer;
}
div.InfolinkTabActive:hover {cursor: cursor;}

a.InfolinkTabActive:link {color: #004B87; text-decoration: none!important;}
a.InfolinkTabActive:visited {color: #004B87; text-decoration: none!important;}

.InfolinkTabInactive
{
	font-size: 100%;
	color: #004B87;
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-right: 15px;
	background-color: #D8D8D8;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 2px;
	border-left: 1px solid #002543;
	border-right: 1px solid #002543;
	border-top: 1px solid #002543;
	border-bottom: 1px solid #002543;
	border-top-left-radius: 7px; /* future proofing */
	border-top-right-radius: 7px; /* future proofing */
	position: relative;left:-16px;
	cursor: pointer;
}
div.InfolinkTabInactive:hover {cursor: hand;}

a.InfolinkTabInactive:link {color: #004B87; text-decoration: none!important;}
a.InfolinkTabInactive:visited {color: #004B87; text-decoration: none!important; }

{
	border-left: 2px solid silver;
	border-top: 2px solid silver;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
 }

.InfolinkTabbedTable
{
	background-color: #D8D8D8;
	border-top: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 15px;
	text-align: center;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px; /* future proofing */
	border-bottom-right-radius: 7px; /* future proofing */
	border-spacing:0;
	border-collapse: collapse;
	minimum-height: 600px; /*minimum height*/
	width:90%;
	box-shadow: 4px 8px 18px; /*5 #000000; /*box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
}

.InfolinkTableHeader
{
	background-color: #004B87;
	color: white;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #004B87;
	margin: auto;
	padding: 6px;
	text-align: center;
	border-radius: 3px;
}

/* .dataTblHdrRow should be identical to InfolinkTableHeader.  Phse .dataTblHdrRow Our... */
.dataTblHdrRow
{
	background-color: #004B87;
	color: white;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #004B87;
	margin: auto;
	padding: 6px;
	text-align: center;
	border-radius: 3px;
}

table.InfolinkTabbedTable td
{
	padding: 5px;
}

.InfolinkTableCell
{
	font-size: 80%;
	background-color: #D8D8D8;
	color: #004B87;
	margin: auto;
	text-align: left;
}

.InfolinkBorder
{
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	box-shadow: 4px 8px 18px; /*5 #000000; /*box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
}

.InfolinkAllBordersPlain
{
	border: 1px solid #004B87;
}

.InfolinkText
{
	color: #004B87;
}

.InfolinkTextTitle
{
	font-size: 130%;
	color: #004B87;
}

.account_manager_info
{
	color: #004B87;
	font-size: 80%;
}

.account_manager_email_link
{
	color: #004B87;
	font-size: 90%;
}

.InfolinkTextInput
{
	font-size: 100%;
	background-color: white;
	color: black;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
}

.InfolinkTextInput:focus
{
	transition-duration: .5s;
	transition-property: box-shadow;
	box-shadow: 1px 1px 2px rgba(0,75,135,.7),-1px -1px 2px rgba(0,75,135,.7);
}

.search-parameter:focus
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	border: 1px;
	border-style: solid;
	border-color: black;
	margin: 2px;
	transition-duration: .5s;
	transition-property: box-shadow;
	box-shadow: 1px 1px 2px rgba(0,75,135,.7),-1px -1px 2px rgba(0,75,135,.7);
}

.tblCell
{

}

.pgTitle{
	font-size: 120%;
	margin: 10px;
	background-color: #004B87;
	color: white;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.pgTitleNoBrdr{ font-size: 200%; font-weight: bold;}
.tblTitle{font-size: 16px; font-weight: bold; }

.instructionsText
{
	color: #004B87;
	font-size: 100%;
	font-weight: bold;
}

.notice
{
	font-style: italic;
	font-size:  80%;
	font-weight: bold;
}

.listname
{
	font-size:  120%;
	color: white;
	background-color: #004B87;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px; /* future proofing */
	-khtml-border-radius: 7px; /* for old Konqueror browsers */
	padding-left: 30px;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.default
{
	font-size:  80%;
	background-color: #D8D8D8;
}

.smallBtn
{
	background: white;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border: #004B87 2px solid;
	cursor: pointer;
}

.finePrint
{
	font-size: 75%;
}

.dropList
{
	font-size:  80%;
	font-weight: bold;
	background-color: #D8D8D8;
	text-align: right;
	border: #000080 1px solid;
}

.setXMEntryRow
{
	font-size:  80%;
	font-weight: bold;
	background-color: #D8D8D8;
	text-align: right;
}

.smallTable
{
	font-size: 80%;
	font-weight: bold;
}

.PLtbl
{
	font-size: 80%;
	font-weight: bold;
	text-align: right;
}

.selMsgList
{
	font-size: 80%;
	font-weight: normal;
	border: 1px solid #004B87;
}

.IHLoginPG
{
	font-size:  80%;
	font-style: italic;
}

.CompanyDirectory
{
	margin: auto;
	text-align: center;
	padding-left: 50px;
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 5px;
	border: 1px;
	background-color: #D8D8D8;
}

.XmitTbl
{
	font-size:  80%;
	font-weight: bold;
	border: 0px solid white
}

.monTblHdrRow
{
	vertical-align: middle;
	text-align: center;
	height: 38px;
	font-size:  80%;
	color: white;
	background-color: #002543;
	font-weight: bold!important;
	border-right: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

.tbl
{
	color: #004B87;
	font-size:  80%;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}

.list
{
	color: orange;
	font-size:  80%;
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
}

.MgrInfo{font-size: 80%; font-weight: bold;}
a.MgrInfo:link {text-decoration: underline}
a.MgrInfo:visited {}
a.MgrInfo:hover{color: red; text-transform:none; }
a.MgrInfo:active{color: red;}

.blk11b
{
	color: black;
	font-size:  80%;
	font-weight: bold;
}

.PLTableData{font-size:  80%; font-weight: bold; color: black; vertical-align: top;}

.SiteCell
{
	font-size:  80%;
	vertical-align: middle;
	border:  solid 1px #004B87
}

.FlashCell
{
	background-image: url('Images/FlashBG2.jpg');
	background-repeat: no-repeat;
	background-position: center 50%;
}

.SiteCell2
{
	padding-left: 2px;
	color: green;
	font-size:  80%;
	height: 15px;
	border-left:  solid 1px #004B87
}

.MsgTxt
{
	width: 96%;
	font-size:  80%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #004B87;
	padding-left: 4px;}

.btnHover 
{
	background-color:white;
	color: #004B87;
	margin:4px;
	padding: 2px;
	font-size:  80%;
	font-weight: bold;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	border-left: 2px solid silver;
	border-top: 2px solid silver;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
 }

.btnNormal {
	border: 2px ridge #004B87;
	background-color:white;
	color: #004B87;
	margin:4px;
	padding: 2px;
	font-size:  80%;
	font-weight: bold;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.txtButtonS {
border: 2px ridge #00566A;
background-color:#005096;
color: white;
margin:4px;
padding: 2px;
font-size: 80%;
font-weight: bold;
cursor: pointer;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px; /* future proofing */
-khtml-border-radius: 7px; /* for old Konqueror browsers */
}


a.txtButtonS:link {color: white; text-decoration: none!important;}
a.txtButtonS:visited {color: white; text-decoration: none!important; }
a.txtButtonS:hover 
{
	color: yellow!important;
	font-style: italic;
	border-left: 3px solid silver;
	border-top: 3px solid silver;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
}

a.txtButtonS:active{color: yellow;}

.txtButton
{
	border: 2px ridge #004B87;
	background-color:white;
	color: #004B87;
	margin:4px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	font-size:  80%;
	font-weight: bold;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 1px 2px 2px; /*5 #000000; /*box-shadow: none|h-offset v-offset blur spread color |inset|initial|inherit; */
}


a.txtButton:link {color: #004B87; text-decoration: none!important;}
a.txtButton:visited {color: #004B87; text-decoration: none!important; }
a.txtButton:hover
{
	border-left: 2px solid silver;
	border-top: 2px solid silver;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
 }


.pushButton {
border-left: 3px solid #008CFF;
border-top: 3px solid #008CFF;
border-right: 3px solid #004B87;
border-bottom: 3px solid #004B87;
background-color:white;
margin-bottom: 2px;
padding-bottom: 3px;
font-size:  80%;
font-weight: bold;
cursor: pointer;
width: 200px;
height: 24px;
vertical-align: top;
text-align: center;

}


.kwBtn{}
a.kwBtn:link{text-decoration: none!important;}
a.kwBtn:visited{text-decoration: none!important;}

.PLLinkPast{color: black; font-size:  80%; font-weight: bold; margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right;}
a.PLLinkPast:link{color: black; font-size:  80%; font-weight: bold; margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right;}
a.PLLinkPast:visited{color: black; font-size:  80%; font-weight: bold; margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right;}

.PLLinkPend{color: red; font-size: 80%; font-weight: bold;margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right;}
a.PLLinkPend:link{color: red; font-size: 80%; font-weight: bold;margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right}
a.PLLinkPend:visited{color: red; font-size: 80%; font-weight: bold;margin-top: 1; margin-bottom: 3; margin-right: 4; text-align: right}

.copyRight
{
font-weight: bold;
font-size: 75%;
color: silver;
text-align: center;
}

.barTxt
{
margin-top: -1px;
margin-bottom: 0px;

font-size:  80%;
font-weight: normal;
}

.barLbl
{
margin-top: 2px;
margin-bottom: 2px;

font-size:  80%;
font-weight: normal;
color: Black;
background-color: #D8D8D8;
}

.barTime
{
margin-top: 0px;
margin-bottom: 11px;

font-size: 80%;
font-weight: normal;
color: Black;
background-color: #D8D8D8;
}

.tblLbl
{
margin-top: 2px;
margin-bottom: 2px;
vertical-align: middle;
text-align: center;

font-size:  80%;
font-weight: bold;
background-color: #D8D8D8;
}


.whiteBar{

border: 1px solid #004B87;
color: black;
background-color: #D8D8D8;
height: 12px;
text-align: center;
}

.blackBar{

color: white;
background-color: black;
height: 12px;
text-align: center;
}


.anyBar{
height: 12px;
width: 20px;
border: 1px solid #000000;
}

/*.Bar{
color: #FFFFAA;
background-color: #000080;
height: 12px;
text-align: center;
}*/

.whiteBar{
color: white;
background-color: #0000FF;
height: 12px;
text-align: center;
}

.yellowBar{

background-color: #FFFF00;
height: 12px;
text-align: center;
}

.orangeBar{

color: black;
background-color: #FFA500;
height: 12px;
text-align: center;
}

.grayBar{
color: white;
background-color: #E2E2E2;
height: 12px;
text-align: center;
}

.redBar{
color: white;
background-color: #C40615;
height: 12px;
text-align: center;
}

.XMred{
color: white;
background-color: #C40615;
height: 12px;
text-align: center;
}

.greenBar{

color: white;
background-color: #00FF00;
height: 12px;
text-align: center;
}

.#004B87Bar{

color: white;
background-color: #770777;
height: 12px;
text-align: center;
}

.cyanBar{

background-color: #00FFFF;
text-align: left;
vertical-align: middle;
}

.seqMapTxt
{width: 22%;

font-size:  80%;

text-align: center;
}
.seqTimeNums
{
	width: 12%;
	font-size: 80%;
	text-align: center;
}

.selMsg
{
color: black;
margin-left: 3px;
text-align: left;

font-size: 80%;
font-weight: normal;
}

.setMsgRow
{
	text-align: center;
	font-size:  80%;
	font-weight: bold;
	border-top: 1px solid #004B87;
	border-bottom: 1px solid #004B87;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

.tblTxt
{
	text-align: center;
	font-size:  80%;
	font-weight: bold;
}

.timeText
{
	font-size:  80%;
	color: #004B87;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	MARGIN-LEFT: 8px;
}

.MsgTtl
{
	font-family:
	color: #004B87;
	font-size: 120%;
	cursor: pointer;
}

.SetMsgTtl
{

font-size:  80%;
color: black;
cursor: pointer;
}
.rmvMsgTtl
{

font-size: 120%;
color: black;
cursor: pointer;
}

.msgTbl
{
text-align: right;
font-size:  80%;
font-weight: bold;
}

.selectTxt
{
font-size:	80%;
color:		#004B87;
font-weight: normal;
margin-bottom: 8px;
}

.readMsg
{
background-image: url('Images/view.jpg');
background-repeat: no-repeat;
background-position: center 50%;
}

.chListCellHeader
{
	height: 32px;
	font-size: 120%;
	font-weight: bold;
	background-color: #D8D8D8;
	vertical-align: middle;
	text-align: center;
}

.chListCell
{
	vertical-align: middle;
	text-align: left;
	padding: 3px;
}

.chListBtn
{
font-size:  80%;
font-weight: bold;
background-color: #D8D8D8;
vertical-align: middle;
text-align: left;
}

.chListText
{
	font-size:  100%;
	font-weight: bold;
	vertical-align: middle;
	text-align: middle;
}
.msgText
{
	font-size:  80%;
	font-weight: bold;
	background-color: #D8D8D8;
	vertical-align: middle;
	text-align: left;
	border: 1px solid black;
}

.chLegend
{
	font-size:  80%;
	font-weight: bold;
	background-color: #D8D8D8;
	text-align: Left;
	vertical-align: middle;
	text-align: left;
	width: 200px;
	height: 25px;
}

.GrpTblRow
{
	font-size:  80%;
	font-weight: bold;
	color: black;
	cursor: hand;
}

.GroupName
{
	font-size:  80%;
	color: orange;
	font-weight: bold;
	background-color: yellow;
	border: 1px solid black;
}

.dateBox
{
	border-right: #ebebeb 1px solid;
	border-top: #ebebeb 1px solid;
	font-WEIGHT: bold;
	font-size:  80%;
	border-left: #ebebeb 1px solid; color: #000080;
	border-bottom: #ebebeb 1px solid;
	background-color: #ffffdf;
	text-align: center;
}

.cmdMsgs
{
	border-right: #004B87 3px ridge;
	border-top: #004B87 3px ridge;
	font-size:  80%;
	border-left: #004B87 3px ridge;
	border-bottom: #004B87 3px ridge;
	background-color: #D8D8D8;
}

.cmdNext
{
	border-right: #004B87 2px groove;
	border-top: #004B87 2px groove;
	font-size: 80%;
	border-left: #004B87 2px groove;
	border-bottom: #004B87 2px groove;
	background-color: #d1f8fa;
}

.style1
{
	height: 4px;
	width: 300px;
}
.style2
{
	font-size: 14px;
	font-weight: bold;
	width: 300px;
}

.style3
{
	font-size: 13px;
	font-weight: bold;
	background-color: #D8D8D8;
	vertical-align: middle;
	text-align: left;
	width: 300px;
}


table.no-spacing 
{
	border-spacing:0; /* Removes the cell spacing via CSS */
	border-collapse: collapse;  /* Optional - if you don't want to have double border where cells touch */
}

.spacer
{
	height: 20px;
	width:100%;
}
.banner_spacer
{
	height: 20px;
	width:100%;
}

.ums_bg_gradient
{
	background: #004B87; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#004B87, #D8D8D8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#004B87, #D8D8D8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#004B87, #D8D8D8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#004B87, #D8D8D8); /* Standard syntax */
}

#notification_message_div
{
	text-align: center;
	font-style: italic;
	color: red;
}

.ums_border_style_1_top
{
	border-top: 1px solid #4C6364;
}

.ums_border_style_1_right
{
	border-right: 1px solid #4C6364;
}

.ums_border_style_1_bottom
{
	border-bottom: 1px solid #4C6364;
}

.ums_border_style_1_left
{
	border-left: 1px solid #4C6364;
}

.InfolinkDirectoryWrapper
{
	width:500px;
	height:400px;
	margin:0 auto;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-250px;
	margin-top:-200px;
}

.seq_site_div
{
	width:100%;
}

.seq_site_table
{
	width:100%;
}
.seq_site_date_header_cell
{
	font-weight: bold;
	width:30%;
}

.seq_site_header_cell
{
	font-weight: bold;
}

.ums_cell_style_1
{
	color: #004B87;
	background-color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
}