@media screen 
{
    div#wrapper {
	background-color: red; /* cosmetic */
	height: 0px; /* set to taste */

	/* required */
	position: absolute;
	overflow: visible;
	display: block;
	width: 100%;
	left: 0px;
	top: 50%;
}
div#center {
	overflow: auto; /* set to taste */

	position: absolute; /* required */
	left: 50%; /* required */

	margin-left: -375px; /* half of width */
	width: 749px; /* width of div */

	height: 481px; /* height of div */
	top: -240px; /* half of height */
}

/*-----------------------------------------------
primary layout elements
-----------------------------------------------*/
	body {
		/* background: #00202E; */
		margin:0;
		padding:0;
		font-family:tahoma,verdana,sans-serif;
		width: 100%;
		height: 100%;
	}
	a, a:link {
		color:#0000ff;
	}
	a:visited {
		
	}
	a:hover
	{
		color: #cc0000;
	}
	input 
	{
		font-family: Tahoma, Verdana;
		font-size: 11px;
	}
	.textbox 
	{
		border: solid 1px #7F9DB9;
		font-family: Tahoma, Verdana;
		font-size: 11px;
	}
	.formfield 
	{
		font-family: Tahoma, Verdana;
		font-size: 11px;
	}
	.rylaBGColor1 
	{
		background-color: #00202E;
		color: White;
	}
	.rylaBGColor2 
	{
		background-color: #00131C;
		color: White;
	}
	.rylaBGColor3 
	{
		background-color: #DEF01A;
		color: Black;
	}
	
	/*
	styles for Modal Popup Dialogs
	*/
	.modalProgressGreyBackground 
	{
		margin-left: -160px;
		margin-top: -105px;
		background-color:Gray;
		filter:alpha(opacity=30);
		opacity:0.3;
	}
	.modalPopup
	{
		text-align:center;
		border-style:solid; 
		border-width:1px; 
		background-color: #FFFFEA; 

	}	
	.modalBackground {
		background-color:Gray;
		filter: alpha(opacity=60);
		opacity: 0.6;
	} 
	.modalDialog {
		border: solid 1px #000066;
		padding: 20px 10px 20px 10px;
		background-color: #FFFFFF; 
	}	
	
	.watermarkText 
	{
		background-color: #ffff66;
		color: #333333;
		border: solid 1px #7F9DB9;
		font-family: Tahoma, Verdana;
		font-size: 10px;
	}


    dl.curved {background:#7f7f9c url(../images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; width:50%;}
    dl.curved dt {background:transparent url(../images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
    dl.curved dd {background:#eee url(../images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
    dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
    dl.curved dd p.last {background:transparent url(../images/c_br.gif) bottom right no-repeat; }


/* ----------------------------------------------
	main text styles
-----------------------------------------------*/
	/* zero margins for all basic text elements */
	h1, h2, h3, h4, p {
		margin: 0;
	}
	

	/*
	----------------------------------------------- 
	Login Panel Styles
	----------------------------------------------- 
	*/
	.loginheader 
	{
		font-family: Tahoma, Verdana;
		font-size: 11px;
		font-weight: normal; 
		background-image: url(../images/bg_titlebar.gif); 
		background-repeat: repeat;
		border: solid 1px #cbcbcb;
	}
	.LoginPanel 
	{
		background-color: #ffffff;
	}
	.logincopyright 
	{
		font-family: Tahoma, Verdana;
		font-size: 9px;
	}

    .labelEnvironment {
        font-weight: bold;
        left: 0;
        position: absolute;
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FB8A01;
        top: 16px;
    }
}