/*DIACAP - layout styles for login and utility pages*/

html{ height: 100%; zoom:100%}
body{ /*height:100%;*/ zoom: 100%; margin: 0; padding:0; background: #FFFFFF /*transparent url(../images/utility-gradient.gif)*/ repeat-x fixed; color: #333333; font-family: Arial, Verdana, Helvetica, sans-serif;}
#mast, .mast-bg{height: 85px; background: #101e31 url(../images/bg_header.jpg); background-size: 100%; color:#000000; margin: 0 0 0 0; padding: 0 0 0 0; }
#body-col{ width: 100%; height: 75%; overflow: auto; margin: 0px; color: #333333; padding: 20px 20px 17px 25px; position :fixed; z-index: 0; background-color: transparent;}
.login-sidebar { width: 250px; border: 1px solid #93b4c5; background: #fff; color: #5d6c73; padding: 9px 12px; min-height: 270 px; margin-bottom:10px; clear: right; background-image: url(../images/gradient-lt.gif); background-repeat: repeat-x; font: bold 80%/200%  "Arial Narrow", Arial, Verdana, sans-serif;}
.fixed-width { width: 180px; }
.button-right { float: right; top: 0px; right: 0px; display: inline; }
 
.mast-image { background-image: url(../images/bg_header.jpg); background-position: top left; background-repeat: no-repeat; height: 100%; width: 100%; z-index: 0; }
.topContainer	{background: #0d1a26; background-repeat:repeat-x; height:20px; vertical-align: middle; }
#mast_test, .mast-bg{height:8%; background: #0e4a6f url(../images/bg_header.jpg); background-size: 100%; color:#000000; margin: 0 0 0 0; padding: 0 0 0 0; }




a { color: #0066cc; text-decoration: underline;}
a:hover {color: #615C3A; text-decoration: underline; }
a:visited { color: #615C3A; text-decoration: underline;}
#rmfbutton {transition-duration: 0.4s; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: hand; text-align: center; text-decoration: none; background: #98A2AF url(../images/button-bg.gif); border: #9db2c7 solid 1px; border-radius: 8px; color: #fff; font: bolder 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; width: 400px; padding: 8px 0px 0px 0px; display: none; margin: 0 auto;}
#rmfbutton:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
#csibutton {transition-duration: 0.4s; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: hand; text-align: center; text-decoration: none; background: #98A2AF url(../images/button-bg.gif); border: #9db2c7 solid 1px; border-radius: 8px; color: #fff; font: bolder 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; width: 400px; padding: 8px 0px 0px 0px; display: none; margin: 0 auto;}
#csibutton:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
#e2pbutton {transition-duration: 0.4s; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); cursor: hand; text-align: center; text-decoration: none; background: #98A2AF url(../images/button-bg.gif); border: #9db2c7 solid 1px; border-radius: 8px; color: #fff; font: bolder 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; width: 400px; padding: 8px 0px 0px 0px; display: none; margin: 0 auto;}
#e2pbutton:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

#button {cursor: hand; text-align: center; text-decoration: none; background-image: url(../images/diacap_button.png); background-repeat: repeat-x; background-color: #323232; border: #B4B6A2 solid 1px; font: bolder 12px Verdana, Arial, Helvetica, sans-serif; height: 25px; padding: 8px 0px 0px 0px; margin: 0px 0px 8px 0px;}


h1	{font: bold 28px "Arial Narrow",arial, helvetica, verdana;	color: #05507a; padding-bottom: .1em; margin: 0 0 .75em 0; border-bottom: 2px solid #93b4c5; }
h2	{ font: bold 125% "Arial Narrow",arial, helvetica, verdana;	color: #05507a; padding-bottom: .1em; margin: 1.5em 0 .5em 0; border-bottom: 1px solid #93b4c5; }
h2.login	{ font: bold 130%/105% "Arial Narrow",arial, helvetica, verdana; color: #05507a; padding-bottom: .3em; margin: .75em 0 .9em 0; border-bottom: 1px solid #93b4c5; }
h2.dual-rule { font: bold 125% "Arial Narrow",arial, helvetica, verdana; color: #05507a; padding-top: .1em; padding-bottom: .2em; margin: 1.5em 0 .5em 0; border-top: 3px solid #93b4c5; border-bottom: 1px solid #93b4c5; }
h3	{ font: bold 80% "Arial Narrow",arial, helvetica, verdana; color: #000; margin: .75em 0 .25em 0; }

p, .text { font: normal 80%/130%  Arial, Verdana, sans-serif; color: #000; margin-top: 0px; margin-bottom: .75em; }
p.cap:first-letter, .cap { font-size: 110%; font-weight: bold;	color: #05507a;}
.smtext { font: normal 72%/130%  Verdana, Arial, sans-serif; }
 
ul.body { display: block; list-style: disc outside; margin-bottom: 1em; margin-left: 20px; margin-right: 0px;	margin-top: 6px; padding-left: 5px;	white-space: normal;}	
ul.body li { font: normal 80%/130%  Arial, Verdana, sans-serif; color: #000; margin: 0 0 .25em 0; }
#notAuthUL {
font-style:oblique;
font-size:14px;
padding-top:18px;
width:80%;margin-left:5%;
}

table.utilitybody { width: 100%; height:100%; margin:0px auto 0 auto; background-color: #fff; }
table.layout td { vertical-align: top;}
table.borderthin {border: 1px; border-style:solid; border-collapse: collapse;	border-color: #778899;}



.login-gradient { background: transparent url(../images/gradient-lt.gif) repeat-x; vertical-align: top }
.pad-left{ padding-left: 1em;}
.pad-right{  padding-right: 1em;}
.indent55px { margin: 0px 55px 0px 0px; }
.indent80px { margin: 0px 80px 0px 80px; }
.indent0px { margin: 0px 0px 0px 0px; }

.dual-rule { padding-top: .1em; padding-bottom: .2em; margin: 1.5em 0 .5em 0; border-top: 3px solid #93b4c5; border-bottom: 1px solid #93b4c5; }

#footer{ position: fixed; left: 0; bottom: 0; width: 100%; height:20px; padding: .5em; background: #0d1a26; color:#ffffff; bottom: 0px; text-align: center; font-size: 70%; }
#footer a { font: normal 100%/160%  Verdana, Arial, sans-serif; color:#1b6cd7; text-decoration: none; text-transform: uppercase; }
#footer a:hover {	color: #fff; text-decoration: underline; }

/*----*/
.bold { font-weight: bold; }
.ital { font-style: italic; }
.center { text-align: center; }
.left { text-align: left; }
.white { color: #fff; }
.red { color: #B22222; }
.aligncenter {margin:0 auto;}
.whitebg {background-color: #fff;}
.accentcolor {	color: white; }/*b3e1ff*/

.imagealign{vertical-align: middle; margin-right: 4px; }
.imagealignrt{	vertical-align: bottom;	margin-left: 4px;}
.marginleft { margin-left: 16px;}
.marginright {	margin-right: 6px;}
.margintop {margin-top: 16px;}
.marginbttm {margin-bottom: 16px;}
.tracking { letter-spacing: 9px; }

/* Form Fields, Input and Buttons
---------------------------------------------------------------------------*/
form {margin: 0px;}
INPUT, SELECT {font: normal .9em Arial,Helvetica,sans-serif; color: #000;  margin-bottom: 2px; padding-left: 1px; display: inline; }
#fields, .fields {background: transparent; color: #000; display: inline; float: left; font-size: 12px; width: 200px;}
	
.long {width: 310px;}
.medlong {width: 180px;}
.med {width: 125px;}
.short {width: 100px;}
.tiny {width: 50px;}
.fieldstxt {color: #000000; font-size: .94em;}
input.btn, button.btn {background: #98A2AF url(../images/button-bg.gif);border: #9db2c7 solid 1px; color: #fff; font: bolder 12px Verdana, Arial, Helvetica, sans-serif; height: 25px;	padding: 0px 0px 3px 0px; text-align: center; margin: 6px 0px 6px 0px;}
.btn:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19); cursor: pointer}

.center-middle {margin-right: auto; margin-left: auto; text-align: center; vertical-align: middle;}