@import url('../js/dojo/resources/dojo.css');
@import url('dijit.css');
@import url('UILayout.css');
@import url('UIInput.css');

.fw #fm1 {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* customization of errors div used by CAS */
.fw .errors {
	line-height: 20px;
	clear: both;
	position: absolute; /* don't throw everything else downwards 	*/
	/* inset just a bit to try to preserve shadows... */
	width: 94%;
	top: 43px;
	left: 2%;
	border: 1px solid #ddd;
	padding: 4px 6px;
	z-index: 101; /* put above logincontent */
}

.fw .loginscreen {
	background-color: #e5e5e5; 
	height: 45%;
}
.fw .loginscreenbg {
	background: url('../images/login/loginscreenbg.jpg') repeat-x;
	width: 100%;
	height: 98px;
	display: block;
}
.fw .centerboxcontainer {
	position: absolute;
	width: 100%;
	top: 20%;
	text-align: center;
}
.fw .centerbox {
	width: 661px;
	height: 343px;
	margin: 0 auto;
	text-align: left;
}
.fw .centerbox .copyright {
	text-align: center;
	color: #767676;
	font-size: 11px;
	padding-top: 72px;
	line-height: 1.5;
}

.fw .centerbox .loginbox {
	width: 659px;
	height: 341px;
	display: block;
	position: relative;
	border: 1px solid #b0afaf;
	background: #fff url('../images/login/loginBevelRight.jpg') repeat-y right top;
	padding: 1px;
}
.fw .centerbox .loginbox .loginBevelBottom {
	width: 100%;
	position: absolute;
	background: url('../images/login/loginBevelBottom.jpg') no-repeat;
	height: 6px;
	bottom: 0;
}

.fw .centerbox .loginbox .topshadow {
	background: url('../images/login/lst.png') no-repeat;
	height: 3px;
	width: 666px;
	position: absolute;
	top: -4px;
	left: -3px;
}
.fw .centerbox .loginbox .leftshadow {
	height: 344px;
	background: url('../images/login/lsl.png') no-repeat;
	width: 3px;
	position: absolute;
	left: -4px;
}
.fw .centerbox .loginbox .rightshadow {
	height: 344px;
	background: url('../images/login/lsr.png') no-repeat;
	width: 7px;
	position: absolute;
	right: -8px;
}
.fw .centerbox .loginbox .bottomshadow {
	height: 17px;
	width: 671px;
	background: url('../images/login/lsb.png') no-repeat;
	position: absolute;
	bottom: -18px;
	left: -3px;
}
.fw .centerbox .loginbox .logincontent {
	background: url('../images/login/loginBg.png') repeat-x;
	height: 113px;
	width: 100%;
	top: -3px;
	position: relative;
	z-index: 100;
}
.fw .centerbox .loginbox .loginheader {
	background: url('../images/login/loginHeadBg.png') repeat-x;
	height: 40px;
	width: 100%;
	z-index: 101;
	position: relative;
	line-height: 43px;
	color: #f1f1f1;
	font-size: 14px;
}

/* TODO: genericize selectors in UILayout.
   ...but why is the width different on this one?! */
.fw .loginheader .logoWebCenterSites {
	background: url('../images/logos/SitesTitle.png') no-repeat 20px 55%;
	height: 29px;
	top: 8px;
	position: relative;
	text-align: right;
	line-height: 28px;
	font-size: 10px;
	font-weight: bold;
	padding-right: 20px;
}
.fw .logincontent .logo {
	position: relative;
	top: 68px;
	width: 240px;
	height: 150px;
	border-right: 1px solid #d7d7d7;
	background: url('../images/logos/OracleLogo.png') no-repeat 50% 50%;
	float: left;
}
.fw .logincontent .loginform {
	float: left;
	top: 60px;
	right: 45px;
	position: absolute;
	padding-left: 30px;
}
.fw .logincontent .loginform .title {
	font-weight: bold;
	font-size: 14px;
	padding-right: 20px;
	color: #333;
	line-height: 26px;
    min-width: 10em;
    text-align: right;
}
.fw .forgot a {
	color: #333;
	line-height: 24px;
	text-decoration: none;
}
.fw .forgot a:hover {
	text-decoration: underline;
}
.fw .logincontent .loginform .loginbtn {
	visibility: hidden;
}
.fw .inline-block {
	display: inline-block;
}
/* spacers */
.fw .pt10 {
	padding-top: 10px;
}
.fw .pt40 {
	padding-top: 40px;
}
/* rounded corder button */
.fw .fwGreyButton {
	cursor: pointer;
	margin: 0;
	font-size: 11px;
}
.fw .fwGreyButton .dijitButtonNode {
	margin: 0;
	border: 0;	
}
.fw .fwGreyButton .fwButtonLeft {
	background: url('../images/login/greyButton.png') no-repeat 0 0;
	height: 34px;
	width: 22px;
}
.fw .fwGreyButtonHover .fwButtonLeft {
	background-position: 0 -34px;
}
.fw .fwGreyButtonActive .fwButtonLeft {
	background-position: 0 -68px;
}
.fw .fwGreyButton .fwButtonRight {
	background: url('../images/login/greyButton.png') no-repeat -22px 0;
	height: 34px;	
	width: 20px;
}
.fw .fwGreyButtonHover .fwButtonRight {
	background-position: -22px -34px;
}
.fw .fwGreyButtonActive .fwButtonRight {
	background-position: -22px -68px;
}
.fw .fwGreyButton .dijitButtonText {
	background: url('../images/login/greyButton.png') repeat-x 0 -102px;
	color: #415260;
	font-size: 14px;
	text-shadow: 0 1px 0 #fff;
	padding: 9px 0 11px;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
}
.fw .fwGreyButtonHover .dijitButtonText {
	background-position: 0 -136px;
}
.fw .fwGreyButtonActive .dijitButtonText {
	background-position: 0 -170px;
}
.fw  .fwGreyButton.wemButtonStyle .dijitButtonText {
	padding: 9px 0 11px;
}
.fw .fwGreyButtonDisabled .dijitButtonContents {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.fw .forgot a:focus,
.fw .remember:focus,
.fw .dijitButtonContents:focus {
	outline: 2px dotted #548144;
}
.fw .forgot a:active,
.fw .remember:active,
.fw .dijitButtonContents:active {
	outline: 0;
}