input[type=text] {
    max-width:100%;
}

textarea {
    width:100%;
    max-width:30em;
    height:5em;
}

button img {
    vertical-align:middle;
    height:1em;
    margin-right:0.5em;
}

#fpm_title {
	color:#fff;
	}

#fpm_title a {
	color:#fff;
	text-decoration:none;
	}

#fpmHomeLink 
{
	font-size:20px;
	font-weight:bold;
	font-style:italic;
}

#fpmHhomeLink a
{
	color:#fff;
}

#fpmAppTitle 
{
	font-size:30px;
	margin-top:10px;
}

.sortable th {cursor:n-resize}
th.sorttable_nosort {cursor:auto}
.brightLink {
	color:#ffc;
	text-decoration:none;
	}

.brightLink:hover 
{
	color:#ffc;
	text-decoration:underline;
}

.plainLink, .nameLink {
	color:inherit;
	text-decoration:none;
	}

.plainLink:hover 
{
	color:#900;
	text-decoration:underline;
	}

.nameLink:hover 
{
	color:inherit;
	text-decoration:none;
	}

.shadowBox {
	border:1px solid gray;
	border-radius:5px;
	box-shadow: 6px 6px 5px #888;
	padding:10px;
	background-color:#f0f0f0;
	margin-right:10px;
	margin-bottom:20px;
}

.shadowBox h3 {
	margin-top:0;padding-top:0;
}

.clickableImage {cursor:pointer}

#menuContainer 
{
	vertical-align:top;width:200px;
}

#menuTable 
{
	border:1px solid black;
	margin:0;
}

#menuTable td
{
	border-top:1px solid black;
}
#menuTable td,#menuTable th
{
	text-align:left;
	cursor:pointer;
	margin:0;
	padding:3px;
}
#menuTable td:hover,#menuTable th:hover {
	background-color:#cc9;
	color:black;
	}

#phoneMenu 
{
	background-color:#000;
	color:#fff;
	position:absolute;
	left:-250px;
	top:70px;
	z-index:2;
}

@media screen and (max-width: 720px) {
	#menuContainer {width:40px;}
	#ribbon 
	{
		height:60px;
	}
	
/*-- Ribbon --*/
	.responsive .isu-red-ribbon .nameplate{
		height: 24px;
		width: 300px;
		margin-top:5px;
	}
	.responsive .isu-red-ribbon .nameplate > img{
		height: 74px;
		width: 407px;
	}

	.responsive .isu-red-ribbon .sub-title{
		font-size: 16px;
	}

	#fpmTitles 
	{
		width:100%;
		text-align:center;
	}
	
	#fpmHomeLink 
	{
		width:100%;
		font-size:15px;
	}

	#fpmAppTitle 
	{
		font-size:20px;
		margin-top:5px;
	}

	#fpm_title 
	{
		width:100%;
	}

}

.fpm_mainSection {
	border:2px solid gray;
	padding:0;
	margin-bottom:10px;
	background-color:#f0f0f0;
	background-image:url(/images/silver-gradient.png);
	max-height:160px;
	overflow:hidden;
	cursor:hand;
	cursor:pointer;
	border-bottom-right-radius:15px;
	}

.fpm_mainSection:hover {
	border:2px solid red;
	background-color:#ffc;
	background-image:url(/images/gold-gradient.png);
	}

.fpm_mainSection h3,h4 {
	margin:0;
	padding:0;
	}

.fpm_mainSection ul {
	margin:5px 0 0 0;
	padding:0;
	font-size:10pt;
	}

.fpm_mainSection li {
	list-style-type:none;
	}

.fpm_mainSection p {
	margin:5px 0 0 0;
	padding:0;
	font-size:10pt;
	}

.fpm_mainSection_img 
{
	float:left;
	border-right:1px solid black;
	margin-right:10px;
}

.notice {border:thin solid black; padding:10px; margin-bottom:5px; background-color:lightyellow;font-family:Arial}
.notice ul {margin:7px}
.notice li {text-indent:1.5em; list-style-type:none}
.notice h1,h2,h3,h4,h5 {margin:0; padding:0}



@media screen and (min-width: 720px) {
	.fpm_mainSection 
	{
		min-height:160px;
	}
}

.fpm_mainSection_text 
{
	padding:10px;
	min-width:140px;
}

.fpm_auxSection {
	border:1px solid gray;
	background-image:url(/images/silver-gradient.png);
	max-height:110px;
	overflow:hidden;
	padding:0;
	cursor:hand;
	cursor:pointer;
	border-bottom-right-radius:10px;
	}
.fpm_auxSection h4 {
	margin:5px 0 0 0;
	padding:0;
	}

.fpm_auxSection img {
	float:left;
	border:0;
	border-right:1px solid black;
	margin-right:10px;
	}

.fpm_auxSection a {
	color:black;
	width:100%;
	}

.fpm_auxSection:hover {
	border:1px solid red;
	background-color:#ffc;
	background-image:url(/images/gold-gradient.png);
	}

.fpm_auxsection_label 
{
	float:left;
	width:55%;
}

.dataTable {
	background-color:#fff;
	border:1px solid #cc9;
	border-radius:7px;
	}
.dataTable td {
	background-color:#f2efd8;
	padding:5px;
	border-radius:5px;
	}
.dataTable th {
	background-color:#cc9;
	padding:5px;
	border-radius:5px;
	}

.grayDataTable {
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:7px;
	}
.grayDataTable td {
	background-color:#ccc;
	padding:5px;
	border-radius:5px;
	}
.grayDataTable th {
	background-color:#aaa;
	padding:5px;
	border-radius:5px;
	}

@media screen and (max-width: 1000px) {
	.fpm_mainSection_img 
	{
		width:100px;
	}
	.fpm_auxsection_label 
	{
		width:90%;
		margin-left:10px;
	}
}

@media print
   {
   #menuDiv {display:none}
   }