/* Style-only CSS file: colors, fonts, etc.

Address layout in layout.css. */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #4f4c4c;
	background-image: url("../images/bg.jpg");
	background-repeat:repeat-x;
	margin-top:35px;
}

#centerstage { float:left; position:relative; width:100%; text-align:center;}
#wrapper { position:relative; /*width:670px;*/width:730px; margin-left:auto; margin-right:auto; background-color:#fff; }

#topbar { height:14px; width:auto; background-color:#000000; }
#middlearea { width:auto; background-image: url("../images/middlebg.jpg"); background-repeat:no-repeat; height:auto; }
#header { width:auto; height:98px; }
#content { padding-left:44px; padding-right:44px; text-align:left; height:450px;/*height:550px;*/ overflow:hidden; }
#bottomnav { margin-top:5px; } #bottomnav A { font-size:12px; font-weight:bold; }
#bottomnavright { margin-top:5px; text-align:right; width:100%; text-align:right; margin-right:0px; } #bottomnavright A { font-size:12px; font-weight:bold; }
#footer { /*height:200px;*/height:100px; background-image: url("../images/footer.jpg"); /*background-repeat:no-repeat;*/ background-color: #4f4c4c; }

img {
	border: none;
}

a {
	color: #ed1c24;
	outline:none;
}

a.navlink { font-weight:bold; font-size:14px; }

.header {font-size: 22px;line-height: 90%;font-weight:100;margin-top:10px;color: #ea0c0c;padding-bottom:9px;}
.subHeader{font-size:15px;font-weight:bolder;border-bottom:1px solid black;padding-bottom:4px;}
.subHeaderRed{position:relative;float:left;font-size:15px;font-weight:bolder;border-bottom:1px solid #FF0000;margin-top:20px; width:99%; }
.subTitle{font-size:13px;font-weight:bolder;}

.clearBoth{clear:both;}

.subHeaderRedText{position:relative;float:left;margin-bottom:0; width:94%}

.subHeaderBlackText{position:relative;float:left;margin-bottom:0; width:85%; }
.subIcon{position:relative;float:right;width:30px;margin-bottom:10px;}
/* instructions */

#instructions_desc_passcode, #instructions_desc_email, #instructions_desc_request { position:relative; float:left; width:99%; }

#instructions_icon{position:relative;float:left;width:30px;}
#instructions_text{position:relative;float:left;width:200px;}

/*password form*/
.passwordForm{position:relative; margin:30px auto; margin-bottom:80px; }
.passwordField{width:200px;border:1px solid #ccc;height:30px;margin-bottom:2px;font-size:18px}
.passwordFieldEmail{width:300px;border:1px solid #ccc;height:30px;margin-bottom:2px; font-size:18px; text-align:center; margin-right:10px; font-weight:normal; color:#666; padding-top:3px}

/*email form*/
.emailForm{position:relative; /*margin:15px 0 0;*/ }

input.submit { vertical-align:bottom; padding-bottom:5px}
h2 {
/* 	border-bottom: 1px solid #B74036; */
	font-size: 22px;
	line-height: 90%;
	font-weight:100;
	margin-top:10px;
	color: #ea0c0c;
	border-bottom:1px solid black;
	padding-bottom:9px;
}

h3 {
	color: #ddd;
	font-size: 16px;
	font-weight:bold;
	line-height: 70%;
	padding-top:5px;
	margin-bottom:0px;
	padding-bottom:5px;
	margin-top:0px;
	color: #000;
}

h3.pageheader { margin-bottom:20px; margin-top:0px; }

/*p, ul, ol {
 	font-size: 12px;
	line-height:19px;
	margin-top: 5px;
	margin-bottom: 10px;
}*/
p {
 	font-size: 12px;
	line-height:19px;
	margin-top: 5px;
	margin-bottom: 10px;
}

* {margin:0; padding:0;}

TABLE { font-size: 12px; margin-top: 20px; }

form { margin-top:0px; margin-bottom:0px; }

.errormsg { font-size:14px; font-weight:bold; color:#ea0c0c; }

/* help popup */
#wrapper_help  { position:relative; width:480px; margin-left:auto; margin-right:auto; background-color:#fff; border:1px solid black; }
#middlearea_help  { width:auto; background-color:#FFFFFF; height:auto; padding-top:10px; padding-bottom:10px; font-size:12px; }
#content_help  { padding-left:24px; padding-right:24px; text-align:left; }

/* grant/revoke access screen - pending table row */
TR.pending TD { background-color:#FFFFC4; }


/*Mary added May 26, 2009*/
.subHeaderRedText  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#ff0000; font-size:17px;  font-weight:normal;  }
.subHeaderBlackText  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:17px;  font-weight:normal;  }

.subBlackTextBold  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px;  font-weight:bold;  }
.subBlackTextNormal  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:11px;  font-weight:normal;  }

 span.subHeaderRedText  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#ff0000; font-size:18px;  font-weight:normal; width:62%  }
  span.subHeaderRedText2  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#ff0000; font-size:18px;  font-weight:normal; width:51%  }
  span.subHeaderBlackText  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:18px;  font-weight:normal;width:38%   }
div.subHeaderBlackText {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:18px; font-weight:normal; }
div.bottomnavUserguide { width:150px; positive:relative; float:left;overflow:hidden; height:20px;}
div.bottomnavAdmin { width:340px; positive:relative; float:left; overflow:hidden; height:20px;}
div.bottomnavIndex { width:150px; positive:relative; float:left;overflow:hidden; height:20px;}
div.clear{ clear:both}

/* New Classes */

#tabPane ul.tabs {z-index:2; position:relative; margin-left:20px; width:626px; margin-top:20px; }
#tabPane ul.tabs li{float:left; height:43px; display:block; line-height:48px; _width:215px;}
#tabPane ul.tabs li a{background:url(../images/tab_left_closed_bg.png) no-repeat left top; text-decoration:none; padding-left:10px; height:43px; display:block; color:#808080; font-size:18px; cursor:pointer; } 
#tabPane ul.tabs li a span{list-style-type:none; background:url(../images/tab_right_closed_bg.png) no-repeat right top; padding-right:28px; height:43px; display:block; padding-left:20px; position:relative; left:3px;}
#tabPane ul.tabs li a:hover {background:url(../images/tab_left_open_bg.png) no-repeat left top; height:47px; position:relative; z-index:3;}
#tabPane ul.tabs li a:hover span {background:url(../images/tab_right_open_bg.png) no-repeat right top; height:47px; position:relative; z-index:4;}
#tabPane ul.tabs li.selected a {background:url(../images/tab_left_open_bg.png) no-repeat left top; height:47px; position:relative; z-index:3;}
#tabPane ul.tabs li.selected a span {background:url(../images/tab_right_open_bg.png) no-repeat right top; height:47px; position:relative; z-index:4;}
#tabPane #wrapperBody {float:left; width:646px; clear:both;}
#tabPane #wrapperBody .topCurve {background:url(../images/container_top_bg.png) no-repeat; width:646px; height:31px; float:left; clear:both; top:-2px; position:relative;}
#tabPane #wrapperBody .middleContainer {background:url(../images/container_bg.png) repeat-y; float:left; clear:both; width:566px; position:relative; margin-top:-2px; padding:50px 0px 60px 90px;}
#tabPane #wrapperBody .middleContainer .label {font-size:14px; font-family:Verdana; padding-right:70px;}
#tabPane #wrapperBody .bottomCurve {background:url(../images/container_bottom_bg.png) no-repeat; width:646px; height:22px; float:left;}
#tabPane #wrapperBody .middleContainer .tbxContainer { float:left; width:310px; }
#tabPane #wrapperBody .middleContainer .inputBox {border:solid 1px #ccc; height:28px; width:302px; margin-top:15px; float:left; font-size:22px; padding:3px;}
#tabPane #wrapperBody .middleContainer .inputGrey { color:#999; }
#tabPane #wrapperBody .middleContainer .btnContainer {background:url(../images/greyBtnLeftBg.gif) no-repeat bottom left; float:left; line-height:30px; margin:0px 0 0 20px; padding-top:71px; }
#tabPane #wrapperBody .middleContainer .btnContainer a {background:url(../images/greyBtnRightBg.gif) no-repeat right; float:left; margin-left:5px; height:32px; color:#c1c1c1; text-decoration:none; font-size:17px; font-weight:bold; padding:0 15px;}
#btnBottom {clear:both; padding:20px 0 0 170px;}
#btnUserGuide {float:left; cursor:pointer;}
#btnContactAdmin {float:left; margin-left:40px; cursor:pointer;}
ul.list {font-size: 12px; line-height:19px; margin-top: 5px; margin-bottom: 10px; margin-left:15px;}

TABLE TEXTAREA { font-size:15px; }
/* New Classes */