/* -------------------------------------------------------------- */
/* Main body style */
/* -------------------------------------------------------------- */
html, body{
	/* These are part of Ryan Fait's sticky footer technique. */
    height:100%;
}
body {
    margin:0px;
    text-align:left;
	font-size:11px;
    font-family: tahoma, arial, microsoft sans serif, geneva, helvetica;
}
td {
    font-size:11px;
    font-family: tahoma, arial, microsoft sans serif, geneva, helvetica;
}

/* -------------------------------------------------------------- */
/* Login Screen */
/* -------------------------------------------------------------- */
.login {
	border:1px solid #000;
}
td.login_msg {
	border-top:1px solid #fff;
	color:#fff;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
td.login_fields {
	height:123px;
}
td.login_text {
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
}
td.login_bottom {
	height:41px;
}
p.loginerror {
	background-color:#cc0000;
	padding:4px;
	margin:0px;
	padding:4px;
}

/* -------------------------------------------------------------- */
/* Generic Buttons */
/* -------------------------------------------------------------- */
div.cscbutton {
	float:right;
	margin-right:10px;
}
td.cscbutton {
	height:23px;
	font-weight:bold;
	text-align:right;
	margin:0px;
	padding-bottom:2px;
	padding-left:10px;
}
td.cscbutton a:link, td.cscbutton a:visited {
	color:#000;
}

/* -------------------------------------------------------------- */
/* Main Layout areas */
/* -------------------------------------------------------------- */
td.menutd
{
	background-repeat:no-repeat;
	background-position:top right;
}
td.spacer {
	width:5px;
	font-size:1px;
}
td.contenttd {
	margin-left:5px;
	background-repeat:repeat-x;
	padding:10px;
}
td.buttonbar {
	border-bottom:1px solid #596FA6;
	border-top:1px solid #fff;
	height:32px;
	background-repeat:repeat-x;
	background-position:bottom;
}
#pagetitle {
	font-size:14px;
	float:left;
	width:300px;
}
#rmsbuttons {
	float:right;
	width:400px;
}
#container {
	/* These are part of Ryan Fait's sticky footer technique. */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Bottom margin needs to be negative the total height of the footer, which is 14 (height) + 4 (padding at bottom) + 4 (padding at top). */
	margin: 0 auto -22px;
}
#contentcontainer {
	padding:10px;
	background-color:#fff;
	border:1px solid #596FA6;
}

/* -------------------------------------------------------------- */
/* Function Title Bar / RMS Buttons */
/* -------------------------------------------------------------- */
td.functiontitle {
	padding-left:10px;
}
td.rmsbuttons {
	text-align:right;
}

/* -------------------------------------------------------------- */
/* Main menu */
/* -------------------------------------------------------------- */
#maintopmenu {
    height:12px;
    border-bottom:1px solid #fff;
	background-repeat:repeat-x;
	text-align:left;
	padding:4px;
	color:#fff;
}
#maintopmenu_links {
	float:left;
	width:49%;
}
#maintopmenu_userinfo {
	float:right;
	text-align:right;	
	width:49%;
}
#maintopmenu a:link, #maintopmenu a:visited {
	color:#fff;
    text-decoration:underline;
}
#maintopmenu a:hover {
	color:#000;
    text-decoration:underline;
}
/* -------------------------------------------------------------- */
/* Logo bar */
/* -------------------------------------------------------------- */
#logobar {
    background-repeat:repeat-x;
    background-position:bottom;
	height:45px;
}
#customerlogo {
	float:left;
}
#rmslogo {
	float:right;
}

/* -------------------------------------------------------------- */
/* LEFT MAIN TREE MENU */
/* -------------------------------------------------------------- */
#menuopen {
	width:200px;
	/* Adds a gap between the very last menu item and the footer bar - if the menu reaches all the */
	/* way down to it. */
	padding-bottom:20px;
}
#menuclose {
	display:none;
	padding:2px;
	padding-top:3px;
}
#hidemenu {
	text-align:right;
	width:213px;
	padding-top:3px;
	margin-bottom:20px;
}

.dTreeNode_lev1 {
    overflow:hidden;
	background-repeat:no-repeat;
	background-position:10px 0px;
	height:22px;
	padding-top:5px;
	margin-top:8px;
}
.dTreeNode_levXcontainer
{
	border:1px solid #fff;
	border-top:0px;
	padding:4px;
	margin-left:17px;
	width:168px;
}
.dTreeNode_lev2
{
	padding:3px;
	border-top:1px solid #fff;
	background-repeat:no-repeat;
	background-position:0px 5px;
}
.dTreeNode_lev3
{
	padding:1px;
	background-repeat:no-repeat;
	background-position:10px 6px;
}
.dTreeNode_lev4
{
	padding:3px;
	background-repeat:no-repeat;
	background-position:25px 9px;
}
.dtree {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.dtree .clip {
	overflow: hidden;
}

/* -------------------------------------------------------------- */
/* RMS menu (Tabs) */
/* -------------------------------------------------------------- */
#rms_menu {
    text-align:left;
	margin-left:7px;
	margin-right:7px;
	height:20px;
}
table.tabholder_off {
    float:left;
    position:relative;
	top:2px;
}
table.tabholder_on {
    float:left;
    position:relative;
	top:2px;
}

/* ------------------------------------------------------------ */
/* RMS SPECIFIC */
/* ------------------------------------------------------------ */
.uks_top
{
	text-align: left;
	font-weight: bold;
    font-size: 12px;
    color: #333;
	padding:4px;
    background-color:#ccc;
    border-bottom:1px;
}
.uks_row1
{
	text-align: left;
    font-size: 12px;
    color: #666;
	border-bottom:1px solid #F7F7F7;
    background-color:#F7F7F7;
    padding:4px;
}
.uks_row2
{
	text-align: left;
    font-size: 12px;
    color: #666;
	border-bottom:1px solid #fff;
    background-color:#FBFBFD;
    padding:4px;
}

/* -------------------------------------------------------------- */
/* SITEMAP */
/* -------------------------------------------------------------- */
div.sitemapbox {
	float:left;
	width:190px;
	margin-right:10px;
	margin-bottom:10px;
}
td.L1heading {
    text-align:left;
    font-weight:bold;
    font-size:11px;
    padding-left:20px;
    background-repeat:no-repeat;
    height:25px;
}
td.L1heading a:link, td.L1heading a:visited {
    color:#fff;
}
div.otherlevels {
	border:1px solid #666;
	margin-left:8px;
	padding:6px;
}
div.sitemapitem {
	background-repeat:no-repeat;
	padding:1px;
}
/* -------------------------------------------------------------- */
/* HELP */
/* -------------------------------------------------------------- */

td.helpmenu {
    width:195px;
    float:left;
    text-align:left;
	padding:10px;
}

td.helpcontent {
	padding:10px;
    background-repeat:repeat-x;
}

div.helpmenuL1 {
    padding:3px;
    padding-left:13px;
    border-top:1px solid #ddd;
    background-image:url(../fx/help_L1.gif);
    background-repeat:no-repeat;
    background-position:3px;
}
div.helpmenuL2 {
    border-top:1px solid #ddd;
    padding:1px;
    padding-left:20px;
    font-size:11px;
    background-image:url(../fx/help_L2.gif);
    background-repeat:no-repeat;
    background-position:10px 5px;
}
div.helpmenuL3 {
    border-top:1px dashed #ddd;
    padding:1px;
    padding-left:30px;
    font-size:10px;
    background-image:url(../fx/help_L3.gif);
    background-repeat:no-repeat;
    background-position:20px 7px;
}
div.helpmenuL4 {
    padding-left:40px;
    border-top:1px dashed #fff;
    font-size:10px;
    background-image:url(../fx/help_L4.gif);
    background-repeat:no-repeat;
    background-position:30px 6px;
}




/* -------------------------------------------------------------- */
/* Misc */
/* -------------------------------------------------------------- */
li {
    margin-left:-22px;
    color:#666;
    margin-bottom:7px;
}


input {
    font-weight:normal;
    font-size:12px;
    font-family: verdana, helvetica, sans-serif;
}

div.list {
    padding-right:5px;
    border-top:#ccc 1px dashed;
    padding-left:5px;
    margin-bottom:3px;
    padding-bottom:5px;
    width:522px;
    padding-top:5px;
}
div.list2 {
    padding-right:5px;
    padding-left:5px;
    margin-bottom:3px;
    padding-bottom:5px;
    width:380px;
    padding-top:5px;
    border-bottom:#ccc 1px dashed
}
div.listimg {
    margin-top:4px;
    float:left;
    margin-right:10px;
}
div.listtext {
    font-size:12px;
    float:left
}

ul {
    margin-bottom:4px;
    font-size:12px;
    font-weight:normal;
    margin-top:5px;
}
.helpimg {
    margin-left:8px;
}
div.mpinfo {
    position:absolute;
    z-index:80;
    background-color:#E8F2E3;
    color:#000;
    border:2px groove #ccc;
    padding:2px;
    margin-left:150px;
    margin-top:5px;
    display:none;
    font-size:11px;
    font-weight:normal;
    text-align:left;
    text-decoration:none;
}

.configselect {	
	width: 180px;
}

/* Javascript Help Tree */
.help_dtree {
	font-family: tahoma, arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.help_dtree img {
	border: 0px;
	vertical-align: middle;
}
.help_dtree a {
	color: #0000ff;
	text-decoration: none;
}
.help_dtree a.node, .help_dtree a.nodeSel {
	white-space: normal;
	padding: 1px 2px 1px 2px;
 }
.help_dtree a.node:hover, .help_dtree a.nodeSel:hover {
	color: #333;
	text-decoration: underline;
}
.help_dtree a.nodeSel {
	background-color: #c0d2ec;
	font-weight:bold;
}
.help_dtree .clip {
	overflow: hidden;
}

/* Footer */
#btm, .push
{
	/* These are part of Ryan Fait's sticky footer technique. */
    height:14px;
	clear: both;
}
#btm
{
	padding: 4px;
}
#btmleft
{
	float: left;
	text-align: left;
}
#btmright
{
	float: right;
	width: 470px;
	text-align: right;
}
#btmright A:hover
{
	color: navy;
}
#btmright a:link, #btmright a:visited, #btmleft a:link, #btmleft a:visited{
	color:#fff;
    text-decoration:underline;
}
#btmright a:hover, #btmleft a:hover{
	color:#000;
    text-decoration:underline;
}