@charset "utf-8";
/*
 * Licensed Materials - Property of IBM
 * "Restricted Materials of IBM"
 * 5724-U18
 * (C) COPYRIGHT IBM CORP. 2010, 2011 All Rights Reserved.
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with
 * IBM Corp.
 *
 */
/**********************************************************
 * Notes:
 * The style leverages CSS3 Border-radius which not all
 * browsers support. Browser specific statments are 
 * included, otherwise the design will degrade to square
 * corners. As of Oct 10, 2009, IE currently does not 
 * support border-radius or provide a browser shortcut.
 **********************************************************/
 
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0px;
	padding: 0px;
	background: #FFF url(../images/ge_bkgnd.png) repeat-x top left;
}

body > div {
	width: 100%;
	height: 100%;
	background: transparent url(../images/ge_login_bkgnd.jpg) top center no-repeat;
	position: absolute;
}

a:link {
	font-weight :normal;
	color :#336699;
	text-decoration :none;
}

a:active, a:visited {
	color :#0033CC;
	text-decoration :none;
}

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

.main_tbl {
	width: 980px;
	border: none;
	margin-top: 7%;
	margin-right: auto;
	margin-left: auto;
}

.dialog {
	background: #FFF url(../images/ge_login_dialog_bkgnd.png) top left repeat-x;
	border: none;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/*
.dialog {
	background: #FFF url(../images/ge_login_dialog_bkgnd.png) top left repeat-x;
	border: 1px #033985 solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
*/
.prod_name {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #003482;
}

.title_name {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #003482;
}

input[type=text], input[type=password], select {
	background: #FFF url(../images/ge_login_txtbox.png) bottom left repeat-x;
}

.input_pad {
	padding-left: 10px;
	padding-bottom: 15px;
}

.tiv_btn {
	background-image: url(../images/buttonEnabled_tiv.png); /* preload hover */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #666666;
	border-bottom: 1px solid #555555;
	text-align: center;
	padding: 0.4em 0.6em;
	background: #e2e2e2 url(../images/buttonEnabled_tiv.png) repeat-x top left;
}
.tiv_btn:hover {
	border-color: #6b8fb3;
	border-bottom-color:#4c7399;
	color:#003366;
	background:#f8fbfe url(../images/buttonHover_tiv.png) repeat-x top;
}
.link {
	border: 0px;
	color: #336699;
	background: transparent;
	cursor: pointer;
	font: inherit;
	padding: 0px;
}
.link:hover > span {
	text-decoration: underline;
}
.errorText {
	color: #CC0000;
	padding: 2px 0px;
}
.messageIcon {
	float: left;
	padding-right: 10px;
}
.message {
	display: inline;
	font-size: 1em;
	margin: 0px 0px 8px 0px;
}
.messageDesc {
	margin: 8px 0px;
}
.copyright	{
	font-size: 0.8em;
	padding-top: 3px;
	text-align: center;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


.modal {
		  position: fixed; /* Sit on top of the page content */
		  display: none; /* Hidden by default */
		  width: 100%; /* Full width (cover the whole page) */
		  height: 100%; /* Full height (cover the whole page) */
		  top: 0; 
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
		  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
		  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		  font-size: 17px;
		  color: #707070;
		  z-index:50000;
		}
.modal-content{
	position: absolute;
	left: 25%;
	width: 50%;
	top:5%;
	background-color: #ffffff;
}
#msg_desc{
	float: left;
	width: 100%;
}
#msg_desc h1{
	float: left;
	width: 96%;
	padding: 2%;
	background: linear-gradient(to bottom, #fafafa 0%,#ebebeb 100%);
	margin-top: 0px;
	font-size: 25px;
}
#msg_desc_1, #msg_desc_2{
	float: left;
	width: 45%;
	padding: 2%;
	line-height: 21.5px;
}
#msg_desc_1{
	font-size:16px;
	border-right: 1px solid #eee;
}
#msg_desc_2{
	direction:rtl;
}
#msg_controls{
	float: left;
	padding: 1% 2% 2% 2%;
}
#msg_controls button{
	padding: 7px 14px 9px;
	background: #da1c28;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left: 10px;
	border: 1px solid #da1c28;
	cursor: pointer;
}