body {
	margin: 0px;
	padding: 0px
	height: 100%;
	width: 100%;
	background: #aec7ef url(images/bgleft.png) no-repeat top left;
	}

#mysmt {
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	height: 100%;
	width: 100%;
    overflow: auto;
	}

a {
	color: #000000;
	text-decoration: underline;
	}

a.header {
	color: #ffcc00;
	text-decoration: none;
	}


/*-- Main Menu --*/ 

#mysmt-menu {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #22437f url(images/mysmtblue.png) no-repeat 5px 5px;
	color: #ffffff;
	width: 150px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
	height: 500px;
	}

#mysmt-menu-text {
	position: relative;
	left: 17px;
	top: 97px;
	}

#mysmt-menu-text ul {
	list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
	}

#mysmt-menu-text li {
    margin: 0px;
    padding: 7px 0px 5px 10px;
	}

#mysmt-menu-text li.nonsel {
	background: url("images/item_nosel.gif") no-repeat left center;
	}

#mysmt-menu-text li.sel {
	background: url("images/item_sel.gif") no-repeat left center;
	}

#mysmt-menu-text li a{
	color: #ffffff;
	}

#mysmt-menu-text li a:hover {
	color: #ffff00;
	}

/*-- Main Page --*/ 

#mysmt-page {
	position: absolute;
	left: 152px;
	top: 0px;
	height: 100%;
    border-left: 2px solid #5b6e87;
	}	

/*-- Header --*/ 

#mysmt-header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 63px;
	background-color: #ffffff;
	width:  700px;
	}	


#mysmt-header-title {	
	position: relative;
	left: 57px;
	top: 9px;
	color: #6893d8;
	font-size: 22px;
	font-weight: bold;
	}

/*-- Header Menu --*/
 
#mysmt-header-menu {
	position: absolute;
	left: 1px;
	top: 46px;	
	}

#mysmt-header-menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
  }

#mysmt-header-menu li {
	float: left;
	position: relative;
	padding: 3px 1px 0px 32px;
	margin: 0px;
	text-align: center;
	}

#mysmt-header-menu li a {
	padding: 3px 32px 0px 0px;
	text-decoration: none;
	color: #22437f;
	}

#mysmt-header-menu li.nontab {
	background: #ffffff url("images/tableft.png") no-repeat left top;
	}

#mysmt-header-menu li.nontab a {
	background: #ffffff url("images/tabright.png") no-repeat right top;
	}

#mysmt-header-menu li.tab {
	background: #ffffff url("images/tableft-sel.png") no-repeat left top;
	}

#mysmt-header-menu li.tab a {
	background: #ffffff url("images/tabright-sel.png") no-repeat right top;
	font-weight: bold;
	}


/*-- Main Content Text --*/ 

#mysmt-content {
	position: absolute;
	top: 63px;
	left: 152px;
	padding: 0px 100px;
	height: auto;
	width:  700px;
	}

/*-- Infobox --*/ 

#mysmt-infobox {
	background-color: #ffffff;
	border: solid 1px #5b6e87;
	border-right: solid 2px #5b6e87;
	border-bottom: solid 2px #5b6e87;
	margin-top: 20px;
	}

#mysmt-infobox-header {
	background-color: #22437f;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 15px;
	margin: 1px;
	}

#mysmt-infobox-text {
	padding: 4px 15px;
	}

/*-- Itembox --*/ 

#mysmt-itembox {
	background-color: #ffffff;
	border: solid 1px #ffffff;
	border-right: solid 2px #5b6e87;
	border-bottom: solid 2px #5b6e87;
	margin-top: 20px;
	}

#mysmt-itembox-header {
	background-color: #22437f;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 15px;
	margin: 1px;
	}

#mysmt-itembox-text {
	padding: 4px 15px;
	}

#mysmt-itembox-footer {
	background-color: #6893d8;
	padding: 0px;
	text-align: center;
	}

/*-- Table --*/ 

#mysmt-table {
	background-color: #ffffff;
	border: solid 1px #ffffff;
	border-right: solid 2px #5b6e87;
	border-bottom: solid 2px #5b6e87;
	margin-top: 20px;
	}

#mysmt-table-header {
	background-color: #22437f;
	color: #ffffff;
	font-weight: bold;
	padding: 4px 15px;
	margin: 1px;
	}

#mysmt-table-text {
	padding: 0px;
	}

#mysmt-table-text table {	
	width: 100%;
	padding: 0px;
	margin: 0px;		
}

#mysmt-table-text tr.odd {	
	background-color: #d4e3f9;
}

#mysmt-table-text td {
	padding: 0px 0px 0px 1em;
	margin: 0px;
	height: 18px;
	text-align: left;
	}


/*-- Special Items --*/ 

img.logo {
	padding:3px 10px;
	}

label {
    width: 200px;
    float: left;
    text-align: left;
    clear: both;
    margin: 0px;
    }

label.long {
    width: 400px;
    float: left;
    text-align: left;
    clear: both;
    margin: 0px;
    }

input, select {
    color: #000000;
    margin: 5px;
	font-size: 11px;
    }

input a {
	text-decoration: none;
	}

input.active {
	background-color: #ffcc00;
	}

input.short {
	width: 50px;
	}

input.medium {
	width: 70px;
	}

input.longer {
	width: 150px;
	}

#mysmt-footer {
	color: #000000;
	font-style: italic;
	margin-left: -95px;
	}
