@import url('app_styles.css');

/* NB if you need more horizontal real estate do something like this in your app's CSS:
   .container {width:100%;}
   .contentTable {width:95%;}
*/

/* IE fix to horizontally align content */
body
{
	text-align: center;
}
.container
{
	text-align: left;
}

/* Add some white space below webforms */
#content
{
	padding-bottom: 10px;
}

/* Width of inner content table. */
.contentTable
{
	width: 860px;
}

/* Fix issues of nesting tables and other elements in tables. */
#content table table
{
	font-size: 1em;
}
#content table H1,
#content table H2,
#content table H3,
#content table H4
{
	padding: 0;
}
#content table P,
#content table UL
{
	font-size: 1em;
	padding: 0;
}

/* Remove margins from tables as this style doesn't work with our apps */
#content table table
{
	margin: 0;
}

/* Item styles associated with the template's ApplicationMenu: */
.ApplicationMenuItemStyle
{
	font-size: 1.3em;
	text-align: left;
	padding: 7px;
	width: auto;
	border-bottom: solid 1px #f60;
	background-color: #ffd699;
}
.ApplicationMenuItemStyle a, .ApplicationMenuItemStyle a:visited
{
	color: #000;
}
.ApplicationMenuItemStyle a:hover { color: #c00; }

.ApplicationMenuItemDisabledStyle
{
	color: #D0D0D0;
}

.ApplicationMenuItemSeparatorStyle 
{
	text-align: center;
	padding: 0px 6px 0px 6px;
	color: #000;
}