html, body {
	margin:0;
	padding:0;
}

body {
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size:80%;
	text-align:center;	
	background-color: #EFEFEF;
	background-image: url(../../images/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-Bottom:20px;
}

#container {
	margin:0 auto;
	position:relative;
	width:950px;
	padding-Left:20px;
	padding-Right:20px;
	padding-Top:0px;
	padding-Bottom:0px;
	text-align:left;	
	background-color: #FFFFFF;
}
#footer
{
    border-top:5px solid #216486;
    background-color:#EEEEEE;
    clear:both;
    margin-top:50;
    height:20px;
	color:#ccc;
	font-size:75%;
	}
#footer a
{
	color:#666;
	font-weight:bold;
}
h4
{
    color:Black;
    font-size:14px !important;
}
/*header*/
#header {
	border-bottom:5px solid #216486;
	padding:68px 0 0 0;
	position:relative;
	margin:0;
}
.logo 
{
	position:absolute;
	left:0;
	top:10px;
}


/*account bar*/
#account-bar 
{  
	position:absolute;
	right:0px;
	top:0px;
	width:310px;
	height:27px;
	background:url(../../images/bg_account-bar.gif) no-repeat left bottom;
	font-size:75%;
	color:#ccc;
	padding:5px 6px 0 10px;
}

/*login bar*/
#login-bar 
{  
	position:absolute;
	right:0px;
	top:0px;
	width:310px;
	height:70px;
	background:url(../../images/bg_account-bar.gif) no-repeat left bottom;
	font-size:75%;
	color:#ccc;
	padding:5px 6px 0 10px;
}

#login-bar label {
	color:#666;
	font-weight:bold;
}

/*account bar*/
#account-bar p{
	margin:0;
	line-height:20px;
}
#account-bar span.username {
	color:#666;
	font-weight:bold;
}
#account-bar a{
	color:#666;
	text-decoration:none;
}

#account-bar a:hover{
	color:#f60;
	text-decoration:underline;
}

#account-bar .alerts-warning-orange {
	float:right;
	width:60px;
	height:20px;
	background:url(../../images/ic_alerts.gif) no-repeat 0px 0px;
	font-weight:bold;
	color:#f60;
	padding:0 10px 0 24px;
}

#account-bar .alerts-warning-orange:hover
{
	color:#f60;
	text-decoration:underline;	
}

#account-bar .alerts-warning-green {
	float:right;
	width:60px;
	height:20px;
	background:url(../../images/ic_alerts-green.gif) no-repeat 0px 0px;
	font-weight:bold;
	color:#50E43A;
	padding:0 10px 0 24px;
}

#account-bar .alerts-warning-green:hover
{
	color:#50E43A;
	text-decoration:underline;	
}



/*heading tab*/
#title-tab {
	position:absolute;
	width:400px;
	left:200px;
	bottom:0px;
	background:url(../../images/tb_heading_right.gif) no-repeat right top;
}
#title-tab h1{
	margin:0;
	padding:5px 0 0 25px;
	background:url(../../images/tb_heading_left.gif) no-repeat left top;
	color:#fff;
	font-size:130%;
	font-weight:normal;
	letter-spacing:0.04em;
}
#title-tab h1 span {
	display:block;
	background:url(../../images/tb_heading.gif) no-repeat right top;
}
#header h1{
	margin:0;
	padding:5px 0 0 30px;
	color:#fff;
	font-size:130%;
	font-weight:normal;
	letter-spacing:0.04em;
}

/*main menu*/
#area-menu {
	position:absolute;
	left:355px;
	bottom:0px;
	color:#d1d1d1;
}
#area-menu ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#area-menu li{
	display:inline;
	float:left;
	padding:0;
	margin:0 0 0 4px;
	background:url(../../images/tb_section_right.gif) no-repeat right 0px;
}
li#section-home a{
	background:url(../../images/tb_section_left_home.gif) no-repeat left 0px;
}
li#section-training a{
	background:url(../../images/tb_section_left_training.gif) no-repeat left 0px;
}
li#section-manage a{
	background:url(../../images/tb_section_left_manage.gif) no-repeat left 0px;
}
#area-menu a {
	display:block;
	padding:5px 12px 5px 30px;
	color:#999;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
}
#area-menu a:hover {
	color:#fe6808;
}


/*content area*/
#backend-content 
{
	padding-bottom:20px;
}
#section-intro 
{
	margin: 2em 0;
}
#section-intro h2 {
	margin:0;
	padding:0 30px 0 0;
	font-size:130%;
    color:#A9A9A9;
	float:left;
	width:295px;
	position:relative;
	z-index:10;
}

.context-help
{
    float:right;
    width:50px;
    text-align:center;
    height:30px;
    padding-top:5px;
}

#section-intro p {
	margin:0;
	font-size:90%;
	float:left;
	width:590px;
	padding: 0 0 0 30px;
	line-height:1.4em;
	border-left:1px solid #e8e8e8;
}

/*3 columns layout*/

#columns-holder {
	background:url(../../images/bg_3col_arrows.gif) no-repeat left top;
}
#column1 {
	float:left;
	width:325px;
	margin-right:30px;
	background:url(../../images/bg_bot_3col_325.gif) no-repeat left bottom;
}
#column2 {
	float:left;
	width:235px;
	margin-right:30px;
	background:url(../../images/bg_bot_3col_235.gif) no-repeat left bottom;
}

#column2doublewidth 
{
 background-color:#0000FF;
	float:left;
	width:590px;
	background:url(../../images/bg_bot_2col_590.gif) no-repeat left bottom;
}

#column3 {
	float:left;
	width:325px;
	background:url(../../images/bg_bot_3col_325.gif) no-repeat left bottom;
	margin:0;
	padding:0;
}
#column1 .column-header, #column3 .column-header {
	background:url(../../images/header_blue_325.jpg) no-repeat left top;
}
#column2 .column-header {
	background:url(../../images/header_blue_235.jpg) no-repeat left top;
}
#column2doublewidth .column-header {
	background:url(../../images/header_blue_590.jpg) no-repeat left top;
}
#columns-holder h3 {
	color:white; /*#8b8b8b;*/
	font-size:120%;
	padding:12px 0 6px 40px;
	margin:0;
}
h3.icon-find {
	background:url(../../images/icFind.gif) no-repeat 5px 7px;
}
h3.icon-user {
	background:url(../../images/ic_user.gif) no-repeat 5px 7px;
}
h3.icon-domain {
	background:url(../../images/ic_domain.gif) no-repeat 5px 7px;
}
h3.icon-assign-roles {
	background:url(../../images/ic_assign-roles.gif) no-repeat 5px 7px;
}
h3.icon-select-module {
	background:url(../../images/ic_select-module.gif) no-repeat 6px 5px;
}
.column-content {
	padding:15px;
}
#columns-holder h4 {
	font-size:100%;
	margin:0 0 1em 0;
}
/*.SelectUserList {
	border:none;
	border-style:none;
	background:#c00;
}*/

/*login and main menu screens*/

#welcome {
	width:40%;
	padding:60px 0 0 20%;
}

#welcome p {
	margin:0 0 1em 0;
	color:#444;
	line-height:1.3em;
}
div#login {
	width:325px;
	font-size:90%;
	margin:1.2em 0 0 325px;
	border:1px solid #216486;
	background:#f3f7f4;
}
div#loginform {
	padding:30px;
	margin:0;
}
#login p {
	margin:0 0 1em 0;
}
input.username, input.password {
	width:16em;
	font-weight:bold;
	color:#216486;
	font-size:120%;
}
div#login fieldset {
	border:none;
	border-bottom:1px solid #e8e8e8;
	margin:0 0 1em 0;
	padding:0;
}
p#login-buttons  {
	margin:0;
}
#login-buttons button {
	width:5em;
}
#copyright {
	font-size:90%;
	color:#999;
	margin:0 0 0 20px;
	padding:18px 0 0 0;
}
/*menu-options*/
#menu-options
{
	margin:0;
}
#menu-options div
{
	height:80px;
	width:800px;
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #e8e8e8;
}
#menu-options div img
{
	float:left;
	padding:0 18px 0 0;
}


#menu-options h3
{
	font-size:160%;
	font-weight:normal;
	margin:-4px 0 4px 92px;
	color:#216486;
}
#menu-options p
{
	margin:0 0 0 92px;
	font-size:90%;
}
#menu-options div p.homemenu-links
{
	padding:6px 0 0 0;
}
#menu-options div p.homemenu-links a
{
	/*background: url(../../images/arrow_current.gif) no-repeat 0px 4px;*/
	padding:0 10px 0 12px;
}
#menu-options a {
	color:#216486;
	text-decoration:none;
}
html>body div#menu-options a {
	
}
div#menu-options a:hover {
	color:#f60;
}

/*small-menu-options*/
#small-menu-options
{
	margin:0;
}
#small-menu-options div div
{
	height:54px;
	width:400px;
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #e8e8e8;
}

#small-menu-options div img
{
	float:left;
	padding:0 18px 0 0;
}


#small-menu-options h4
{
	font-size:140%;
	font-weight:normal;
	margin:-4px 0 4px 92px;
	color:#216486;
}
#small-menu-options p
{
	margin:0 0 0 92px;
	font-size:90%;
}
#small-menu-options div p.homemenu-links
{
	padding:6px 0 0 0;
}
#small-menu-options div p.homemenu-links a
{
	background: url(../../images/arrow_current.gif) no-repeat 0px 4px;
	padding:0 10px;
}
#small-menu-options a {
	color:#216486;
	text-decoration:none;
}
html>body div#small-menu-options a {
	
}
div#small-menu-options a:hover {
	color:#f60;
}

div#small-menu-options div.left {
	float:left;
	width:440px;
}

div#small-menu-options div.right {
	float:left;
	width:400px;
}

/*menu-options*/
#half-menu-options
{
	margin:0;
}
#half-menu-options div div
{
	height:80px;
	width:400px;
	margin:0 0 12px 0;
	padding:0 0 12px 0;
	border-bottom:1px solid #e8e8e8;
}
#half-menu-options div img
{
	float:left;
	padding:0 18px 0 0;
}


#half-menu-options h3
{
	font-size:160%;
	font-weight:normal;
	margin:-4px 0 4px 92px;
	color:#216486;
}
#half-menu-options p
{
	margin:0 0 0 92px;
	font-size:90%;
}
#half-menu-options div p.homemenu-links
{
	padding:6px 0 0 0;
}
#half-menu-options div p.homemenu-links a
{
	background: url(../../images/arrow_current.gif) no-repeat 0px 4px;
	padding:0 10px;
}
#half-menu-options a {
	color:#216486;
	text-decoration:none;
}
html>body div#half-menu-options a {
	
}
div#half-menu-options a:hover {
	color:#f60;
}

div#half-menu-options div.left {
	float:left;
	width:440px;
}

div#half-menu-options div.right {
	float:left;
	width:400px;
}

/*generic styling*/
.clearfix:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.modalBackground {
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.modalPopup {
	position: absolute;
	background: #fff url(../../images/bg_info.gif) repeat-x left top;
	z-index: 102;
	color:#000000;
	border: 4px solid #216486;
	padding:20px;
	text-align:left;
}

.comboTable TD
{
	background-image: url(Img/rowBg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.comboItem
{
	padding-left: 10px;
	padding-bottom: 5px;
}


.lowermenu 
{
  width:100%;
  height:30px;
  background-image: url(../../images/lower-menu-grad.jpg);
  background-repeat:repeat-x;
  background-position: left bottom;
}

#logout {
	position:absolute;
	right:20px;
	text-align:right;
	width:300px;
	height:34px;
	color:#a2a1a1;
	background:url(../../images/bt_logout.gif) no-repeat right 0;
	padding:16px 0 0 0;
}

/*********************/
/*********************/
/*********************/
/*********************/
/* Ferg temp styling */
/*********************/
/*********************/
/*********************/
/*********************/

.filter-holder 
{
 /*   padding-bottom:30px;*/
}

.filter-holder h3 {
	color:white;
	font-size:120%;
	padding:12px 0 6px 20px;
	margin:0;
}

.fullwidth { width:950px; height:130px; margin-bottom:30px;
	background:url(../../images/bg_bot_3col_950.jpg) no-repeat left bottom; }

.3cols {
	float:left;
	width:235px;
	height:130px;
	margin-right:30px;
	margin-bottom:30px;
	background:url(../../images/bg_bot_3col_235.jpg) no-repeat left bottom;
}

.halfWidthLeft {
	float:left;
	width:460px;
	height:130px;
	margin-right:30px;
	margin-bottom:30px;
	background:url(../../images/bg_bot_3col_460.jpg) no-repeat left bottom;
}

.halfWidthRight {
	float:left;
	width:460px;
	height:130px;
	margin-bottom:30px;
	background:url(../../images/bg_bot_3col_460.jpg) no-repeat left bottom;
}


.fullwidth .column-header {
	background:url(../../images/header_blue_950.jpg) repeat-x left top;
}

.halfWidthLeft .column-header {
	background:url(../../images/header_blue_460.jpg) repeat-x left top;
}

.halfWidthRight .column-header {
	background:url(../../images/header_blue_460.jpg) repeat-x left top;
}

.3cols .column-header {
	background:url(../../images/header_blue_235.jpg) repeat-x left top;
}

.FilterDiv{
    width:950px; 
    height:200px; 
    padding:10px 10px 10px 10px; 
    background-color:ActiveBorder;
}

.IncidentEditLeft
{
    position:absolute;
    top:0px;
    background-color:Blue;
    left:0px;
	/*float: left;*/
	width: 250px;
}

.IncidentEditRight
{
    position:absolute;
	top:0px;
	left:250px;
	padding-left: 23px;
	margin: 0;
	width: 250px;
}

.AjaxStatus
{
    padding-left:3px;
    border-top:none;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    height:20px;
    width:100%;
    float:left;
}

.UserAccountBtns
{
    text-align:right;
    padding: 5px 10px 5px 3px;
    border-top:none;
    border-bottom: solid 1px gray;
    border-left: solid 1px gray;
    border-right: solid 1px gray;
    background-color:#F0F8FF;
    height:25px;
}

.LUTTitle{ background: #5898C5; height:35px; line-height:35px; padding: 0 10px; }
.LUTTitle h4 { color: #fff; }

.DaysCalendar
{
    width: 254px; 
    float: left; 
    text-align: center; 
    vertical-align: middle; 
    height: 220px;
    background-color: White;
}

.clear {
	clear:both;
}

.PadLeft20
{
	padding-left:20px;
}

#archiveDataContainer {margin: 40px 0;}
#emailContainer{margin: 150px 260px 0 260px; text-align: left; font-family: Arial;}
#emailContainer p{margin: 2px;}
#emailContainer p#intro {font-size: 1.1em;}

#emailContainer #emailBody{border: 1px solid #ccc; margin: 20px 0; padding: 20px;}