﻿/* ================================
    UPDATED Style Sheet for METS VS2008. 
    Combination of SYBASE Styles, and old XRC Styles.
    
    We can't just point to the Sybase style sheet because our backgrounds are different, and too much stuff in Sybase stylesheet.
   ================================

*/


body { 
  text-align: left;
  color: #333333;  
  background-color:#E9EDED;
  border: 0;
  border-top: 0;
  margin: 0;
  padding: 0;
  font-size: 70%;
  line-height: 127%;
  font-family: Tahoma, Arial,  sans-serif;
}

body, body div, body p, body th, body td, body li, body dd {font-family: Tahoma, Arial,  sans-serif; }

/*******************************
 Select Styles
*******************************/
select {
    font-family: Tahoma, Arial,  Helvetica, sans-serif; 
    color: #000000; 
    font-size: 11px; 
    border: 1 solid #000000;
    font-weight:normal;
}

/*****************************
SYBASE HEADER STYLE
******************************/
h1 {
   font-family: verdana, arial, tahoma, sans-serif;
   font-size: 18px;
   font-weight: bold;
   line-height: 100%;
}
h1.header_title 	   
{
    margin: 0pt; 
    text-indent: 0px; 
    color:#333333; 
    font-family: Calibri, trebuchet MS; 
    font-weight: bold; 
}

h2 {
  font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
  font-size:19px;
  font-weight:bold;
}
h2.header_description 
{
    margin: 0pt; 
    text-indent: 0px; 
    padding: 19px 5px 5px 40px; 
    color:#333333; 
    font-family: Calibri, trebuchet MS; 
    font-size: 15px; 
    width:550px;
    line-height:127%;
}

h3 {
  font-family:Calibri, Trebuchet MS, Helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
}

h4 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 13px;
  font-weight:bold;
}

h5 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 12px;
  font-weight:bold;
}

h6 {
  font-family: verdana, arial, tahoma, sans-serif;
  font-size: 11px;
  font-weight:bold;
}



.rightBoxTitleBg {
  padding: 4px 5px 4px 12px;  
  background-color:#597a7B; 
  background-image: url(images/rightNavBackground.gif);
  background-repeat: repeat-x;
  font: 12px Verdana;
  vertical-align: middle;
  font-weight: bold; 
  color: #FFFFFF;
}




/*****************************
  XRC Styles carried over to METS
*****************************/
.HeaderBar
{

	background-color: #E7E8EA; /* Sybase.com L&F */
    border-bottom: dimgray;    
    color: black;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 20pt;
    padding-left: 2px;
}

.SubHeader   
{
    background-color: #ffffff;
    border-bottom: dimgray;
    
    color: black;
    font-family: Verdana, Arial;
    font-size: 11px;
    padding-left: 5px
}

.SmallHeading
{		
	color: #000000; /* light blue: #00568e; */
	font-weight:bold;
	font-family: Verdana, Arial;
	font-size: larger;
}

.SmallText
{
	font-weight: normal;	
	color: black;
	font-family: Verdana, Arial;
}

/* */
.FileName
{
	font-weight: bold;
	/* font-size: 12px;*/
	color: Navy;
	line-height: 16pt;
	/* font-family: Verdana, Arial;*/
}
.FileSize
{
	font-weight: normal;
	font-size: 10px;
	color: Gray;
	/* font-family: Verdana, Arial;*/
}

.FileDate
{
	font-weight: bold;
	font-size: 10px;
	color: Gray;
	/* font-family: Verdana, Arial;*/
}

/* */
.FileQuickNote
{
	font-weight: bold;
	/*font-size: 11px;*/
	color: black;
	line-height: 14pt;
	/* font-family: Verdana, Arial;*/
}

/* */
.ErrorText
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 12px;
    
}


/* Sybase Link CSS, modified */
/*******************************
 HTML Only Link Style
  ***************************/

a:link {
	color: #32679C;  /* alternatives:  #633; #0000CC  */
	text-decoration: none;
    /*font-weight: 700; */
}
	
a:visited { 
	color: #32679C;
	text-decoration: none;
}

a:hover {
  color: #009FDA;
  text-decoration: underline;
}

a:active { 
	color: #009FDA;
} 




/* ******************************* 
  Footer styles (SYBASE)
   ***************************** */
/**
 * The over all footer will have the following style
 */
.footerMenu {
  border-top: 2px solid #CCCCCC;
  width: 90%;
  padding: 8px 0 8px 10px;
}

.footerMenu td {
	vertical-align: top;
}


.footerStyle, .footerStyle div {
	font-family: Tahoma, Arial,  sans-serif;
	font-size: 11px;
	color: #333333;
    
	padding-right: 20px;
	padding-bottom: 25px;
	padding-top: 50px;
	padding-left:20px;
	
	vertical-align:bottom;
}
 

.footerLegal {
	white-space:normal;
	width: 100%;
	margin-top:7px;
}

.footerMain {
	font-family: Tahoma, Arial,  sans-serif;
	font-size: 10px;
 	padding: 0 3px 0 3px;
	
}

/**
 * All links for footers/copyright
 */
.footerLink {
  font-family: Tahoma, Arial,  sans-serif;
  font-size: 10px;
  color: #333333;
  text-decoration: none;
  white-space: nowrap;
}

.footerLink:link 
{
    color:Gray;    
}

.footerLink:visited
{
    color:Gray;
}
.footerLink:hover {
  text-decoration: underline;
  color: #333333;
}


/*  Apple Styles - for apple pages 

.whatis {
	font-size:11px;
	color:#2298d3;
	border-bottom:1px #2298d3 dotted;
}

.username {
	color:#999999;
	padding-right:10px;
}

.submit {
	margin-left:400px;
	margin-top:10px;
	margin-bottom:35px;
}

.expired {
	color:#999999;
}

#general {
	width:980px;
	background-color:white;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 1px solid #e7e7e7;
	border-bottom:none;
	margin-top:7px;
	padding-top:30px;
}

#create {
	margin-top:-33px;
	margin-left:220px;
}

#segment {
	padding-top:30px;
	background-color: transparent;
	border-top:1px solid #e7e7e7;
	background: -moz-linear-gradient(100% 20% 90deg, rgba(255,255,255,0), #ececec);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ececec), to(rgba(255,255,255,0)));
}

#about {
	padding:0px 0px 0px 45px;
	background-image:url(../images/globe.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:286px;
	margin-bottom:0px;
}

.bottom-curve {
	-webkit-border-bottom-left-radius: -1em;
	-moz-border-bottom-left-radius: 1em;
	border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: -1em;
	-moz-border-bottom-right-radius: 1em;
	border-bottom-right-radius: 1em;
	border-bottom: 1px solid #e7e7e7;
}

#table {
	padding:0px 45px 30px 45px;
}

#table tr {
	font-size:12px;
	border-bottom:1px solid #e7e7e7;
	height:31px;
}

#table td {
	padding-top:4px;
	padding-bottom:4px;
}

.moreinfo {
	font-size:13px;
	margin-top:-15px;
	margin-bottom:22px;
	color:#2298d3;
}

.overview {
	margin-top:25px;
	width:574px;
	font-size:13px;
}

.top {
	font-weight:bold;
	font-size:13px;
	color:black;
}

.standard {
	width:200px;
}

.double {
	width:400px;
}

.status {
	width:100px;
}

.actions {
	width:300px;
}

.h2 {
	font-size:22px;
	color:black;	
}

.last {
	padding-left:5px;
}

.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 11px/100% "Lucida Grande", Arial, Helvetica, sans-serif;
	padding: 0.3em 1.7em 0.5em;
	text-shadow:0px 1px 3px rgba(0, 0, 0, 0.55);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.renew {
	color: #fff;
	border: solid 1px #2f68a1;
	background: #53a6e6;
	background: -webkit-gradient(linear, left top, left bottom, from(#53a6e6), to(#327bd1));
	background: -moz-linear-gradient(top,  #53a6e6,  #327bd1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#53a6e6', endColorstr='#327bd1');
	-webkit-box-shadow: inset 0 0 4px #78c3f7,0 1px 2px rgba(170,170,170,1);
	-moz-box-shadow: inset 0 0 4px #78c3f7,0 1px 2px rgba(170,170,170,1);
	box-shadow: inset 0 1 4px rgba(170,170,170,1);
}

.renew:hover {
	background: #327bd1;
	background: -webkit-gradient(linear, left top, left bottom, from(#327bd1), to(#53a6e6));
	background: -moz-linear-gradient(top,  #327bd1,  #53a6e6);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#327bd1', endColorstr='#53a6e6');
	text-decoration:none;
	text-shadow:0px -1px 4px rgba(0, 0, 0, 0.4);
}

.renew:active {
	background: #4287bc;
	background: -webkit-gradient(linear, left top, left bottom, from(#2365b4), to(#4590ce));
	background: -moz-linear-gradient(top,  #2365b4,  #4590ce);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2365b4', endColorstr='#4590ce');
}

.alt {
	color: #fff;
	border: solid 1px #3677a0;
	background: #3f87bd;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f87bd), to(#1c5294));
	background: -moz-linear-gradient(top,  #3f87bd,  #1c5294);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f87bd', endColorstr='#1c5294');
	-webkit-box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
	-moz-box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
	box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
}

.alt:hover {
	background: #1c5294;
	background: -webkit-gradient(linear, left top, left bottom, from(#1c5294), to(#3f87bd));
	background: -moz-linear-gradient(top,  #1c5294,  #3f87bd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c5294', endColorstr='#3f87bd');
	text-decoration:none;
	text-shadow:0px -1px 4px rgba(0, 0, 0, 0.4);
}

.alt:active {
	background: #174174;
	background: -webkit-gradient(linear, left top, left bottom, from(#174174), to(#306a97));
	background: -moz-linear-gradient(top,  #174174,  #306a97);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#174174', endColorstr='#306a97');
}

.create {
	margin-left:20px;
	color: #fff;
	border: solid 1px #6bb468;
	background: #a6dd7b;
	background: -webkit-gradient(linear, left top, left bottom, from(#91d268), to(#5bac4b));
	background: -moz-linear-gradient(top,  #91d268,  #5bac4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#91d268', endColorstr='#5bac4b');
	-webkit-box-shadow: inset 0 0 4px #aadc84,0 1px 2px rgba(170,170,170,1);
	-moz-box-shadow: inset 0 0 4px #aadc84,0 1px 2px rgba(170,170,170,1);
	box-shadow: inset 0 04px #aadc84,0 1px 2px rgba(170,170,170,1);
}

.create:hover {
	background: #5bac4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#5bac4b), to(#86c261));
	background: -moz-linear-gradient(top,  #5bac4b,  #91d268);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bac4b', endColorstr='#91d268');
	text-decoration:none;
	text-shadow:0px -1px 4px rgba(0, 0, 0, 0.4);
}

.create:active {
	background: #509541;
	background: -webkit-gradient(linear, left top, left bottom, from(#509541), to(#82ba5d));
	background: -moz-linear-gradient(top,  #509541,  #82ba5d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#509541', endColorstr='#82ba5d');
}


.parentDisable{
	z-index:100;
	width:100%;
	height:600%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.75);
	opacity: .9;
	filter: alpha(opacity=50); 
}
#popup{
	margin:auto;
	width:175px;
	height:90px;
	position:absolute;
	background-color: rgba(0,0,0,0);
	background-image:url(../images/revoke-confirmation.png);
	background-repeat:no-repeat;
	background-size: 100%;
	z-index:1099;
}

.parentDisable1{
	z-index:100;
	width:100%;
	height:600%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.75);;
	opacity: .9;
	filter: alpha(opacity=50); 
}

.revokpopup{
	margin:auto;
	width:325px;
	height:30px;
	position:absolute;
	color: #000;
	background-color: #fff;
}

.parentDisable2{
	z-index:100;
	width:100%;
	height:600%;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color: rgba(0,0,0,0.75);;
	opacity: .9;
	filter: alpha(opacity=50); 
}
.revoksuccess1{
	margin:auto;
	width:325px;
	height:30px;
	position:absolute;
	color: #000;
	background-color: #fff;
}
.cust {
	color: #98AFC7;
	border: solid 1px #3677a0;
	background: #3f87bd;
	background: -webkit-gradient(linear, left top, left bottom, from(#3f87bd), to(#1c5294));
	background: -moz-linear-gradient(top,  #3f87bd,  #1c5294);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f87bd', endColorstr='#1c5294');
	-webkit-box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
	-moz-box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
	box-shadow: inset 0 0 4px #4898c7,0 1px 2px rgba(170,170,170,1);
}
.cust:hover {
	background: #1c5294;
	background: -webkit-gradient(linear, left top, left bottom, from(#1c5294), to(#3f87bd));
	background: -moz-linear-gradient(top,  #1c5294,  #3f87bd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c5294', endColorstr='#3f87bd');
	text-decoration:none;
	text-shadow:0px -1px 4px rgba(0, 0, 0, 0.4);
}
.cust:active {
	background: #174174;
	background: -webkit-gradient(linear, left top, left bottom, from(#174174), to(#306a97));
	background: -moz-linear-gradient(top,  #174174,  #306a97);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#174174', endColorstr='#306a97');
}



*/