div.Page {
	max-width: 500px;
	margin:0 auto;
}

/* Body Styles */
body, html{
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 500px;
}
body, p, td, a{
	color:black;
	font-family: Helvetica;
}
form{
	margin:0px;
}
a, a:hover, a:active{
	color:black;
	text-decoration:none;
}
img{
	border:0px;
}
body.Page-NoAuth{
	background:#000000;
	color:#FFFFFF; 
}
body.Page-NoAuth td{
	color:#FFFFFF;
}
body.Page-NoAuth a{
	color:#FFFFFF;
	text-decoration:underline;
}
body.Page-Dialog{
	background:url(images/PinStripeBg.png) rgb(197,204,211);
}
div#Page-TopBar{
	background : #494A4B url(images/TopBarBackground.png) repeat-x top left;
	color : #ffffff;
	padding : 0px;
}
/*  Top Bar Page UI */
div#Page-TopBar td.Left,
div#Page-TopBar td.Right{
	padding:5px 8px 5px 8px;
	vertical-align:middle;
	min-width:24px;
}
div#Page-TopBar td.Center,
div#Page-NoAuthTopBar td.Center,
div#Page-DlgTopBar td.Center{
	max-width:150px;
	white-space:nowrap;
	overflow:hidden;
	padding:10px 0px 10px 0px;
	font-weight: bold;
	font-size:14px;
	color: #FFFFFF;
	text-align:center;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	width:100%;
}
.WebKit div#Page-TopBar td.Center,
.WebKit div#Page-DlgTopBar td.Center,
div#Page-NoAuthTopBar td.Center{
	font-size:18px;
}
div#Page-NoAuthTopBar{
}
div#Page-NoAuthTopBar td.Left{
	padding:15px 5px 10px 10px;
}
div#Page-NoAuthTopBar td.Center{
	white-space:normal;
	overflow:visible;
	font-size:16px;
}
div#Page-NoAuthTopBar td.Right{
	padding:5px;
	vertical-align:top;
	width:65px;
}
div.Page-NoAuthTitle{
	padding:5px 5px 20px 5px;
	text-align:center;
	white-space:nowrap;
	overflow: visible;
	color: #FFFFFF;	
	font-weight: bold;
	font-size: 14px;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
}
.WebKit div.Page-NoAuthTitle{
	font-size:17px;
}
div#Page-DlgTopBar{
	background : #6D84A2 url(images/DlgTopBar.png) repeat-x top left;
	border-bottom : 1px solid #414149;
}
div#Page-DlgTopBar td.Left,
div#Page-DlgTopBar td.Right{
	padding:0px 5px 0px 5px;
	vertical-align:middle;
	min-width:60px;
	width:65px;
}
div#Page-DlgTopBar td.Center{
}


/* Page UI Styles */
div.Page-ContentArea{
	padding:15px 8px 15px 8px;
}
div.Page-InfoRow{
	padding:10px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	color: #777777;
	font-size:13px;
	text-shadow: #FEFEFE 0px 1px 0;
	font-weight:bold;
}
div.Page-ErrorRow{
	padding:10px;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
	color: red;
	font-size:13px;
	text-shadow: #FEFEFE 0px 1px 0;
	font-weight:bold;
}
/* ToolBar styles Type1:Standard, Type2:Subbar */
table.Page-ToolBar{
}		
table.Page-ToolBar td.Type1 a,
table.Page-ToolBar td.Type1 a:active,
table.Page-ToolBar td.Type1 a:visited{
	text-decoration:underline;
	color:white;
}
table.Page-ToolBar td.Type1{
	border-top:1px solid #939397;
	border-bottom:1px solid #CCCCCC;
	background:#868686 url(images/ToolbarBackground.png) repeat-x;
	color:white;
	text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	font-size:12px;
	font-weight:bold;
	padding:5px;
}
table.Page-ToolBar td.Type2{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #AAAAAA;
	color:black;
	font-size:12px;
	padding:1px 2px 2px 2px;
	background:#E4E4E4 url(images/SubToolBarBg.png) repeat-x bottom;
	text-align:center;
}


/* Form UI Styles */
div.Page-FormSectionHeader{
	padding:5px 10px 7px 5px;
	font-size:16px;
	font-family: Helvetica;
	font-weight:bold;
	color: rgb(76,86,108);	
	text-shadow: #FFFFFF 0px 1px 0;
}
div.Page-FormSection{
	padding:10px;
	background:#FFFFFF;
	border-right:1px solid #AAAAAA;
	border-left:1px solid  #AAAAAA;
	border-bottom:1px solid #AAAAAA;
	font-size:12px;
	font-family: Helvetica;
	color:#333333;
	overflow:hidden;
}
.WebKit div.Page-FormSection{
	font-size:16px;
}
div.Page-FormSection.Start{
	border-top:1px solid  #AAAAAA;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;	
}
div.Page-FormSection.End{
	border-top:1px solid #FFFFFF;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft:8px;	
	-moz-border-radius-bottomright:8px;	
}
div.Page-FormSection.Start.End{
	border-top:1px solid #AAAAAA;	
}
/* No-Auth Form Styles */
body.Page-NoAuth div.Page-ContentArea{
	padding:5px 20px 20px 20px;
}
body.Page-NoAuth div.Page-FormSection{
	padding:10px;
	background: #000000;
	background-position:-1px -1px;
	border:2px solid #BBBBBB;
	font-size:16px;
	font-family: Helvetica;
	color:#FFFFFF;
}
body.Page-NoAuth div.Page-FormSection.Start{
	border:2px solid #BBBBBB;
	background:url(images/NoAuthDialogSectionBg.png) repeat-x #000000;
}
body.Page-NoAuth div.Page-FormSection.End{
	border:2px solid #BBBBBB;
}
body.Page-NoAuth div.Page-FormSection.Start.End{
	border:2px solid #BBBBBB;
}
/* Form label/value */
div.Page-FormSection td.FormRowLabel{
	font-weight:bold;
	min-width:100px;
	max-width:200px;
	text-align:left;
	font-size:12px;
}
.WebKit div.Page-FormSection td.FormRowLabel{
	font-size:16px;
}
div.Page-FormSection td.FormRowValue{
	color:#516691;
	min-width:50px;
	text-align:right;
	font-size:12px;
}
.MSIE td.FormRowValue .Form-Combo{
	width:70px !Important;
}
.WebKit div.Page-FormSection td.FormRowValue{
	font-size:16px;
}
/* other form styles */
div.Page-FormNote{
	padding:4px;
	text-align:center;
	color: #777777;
	font-size:12px;
	text-shadow: #FEFEFE 0px 1px 0;
	font-weight:bold;
}

/* QUICK Styles */
.Page-Small{
	font-size:11px;
	color:#AAAAAA;
	xtext-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0;
	font-weight:bold;
}
/* To limit the size of the text in a cell add the text within a span tag
	and add LimitText as a class name on the cell
*/
td.LimitText{
	text-overflow: ellipsis;
	max-width:100px !Important;
	overflow:hidden;
}
td.LimitText span{
	max-width:100px !Important;
	text-overflow: ellipsis;
}
.Opera td.LimitText{
	max-width:150px !Important;
}
.Opera td.LimitText span{
	max-width:150px !Important;
	display:block;
}