



#outer_login_holder
{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	
}

#inner_login_holder
{
	width: 450px;
	height: 392px;
	margin-left: -225px;  /***  width must always be / 2 of orignal width  ***/
	position: absolute;
	top: -314px;          /***  height must always be / 2 of orignal height  ***/
	left: 50%;
	
}

#login_prompt_box
{
	margin-left: auto;
	margin-right: auto;
	width:450px;
	height:428px;
	border:0px;
	text-align:center; /* for IE */
	background-repeat:no-repeat;
	color:white;

}


#login_prompt_box table
{
	width:240px;
}

#login_prompt_box tr
{
	color:#fff;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	text-align: center;
}


#login_prompt_box td
{
	color:#fff;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
}

#login_prompt_box a
{
	color: white;
	font-weight: normal;
	text-decoration: none;
	margin-left: 10px;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
}

#login_prompt_box a img
{
	vertical-align: middle;
}

#login_prompt_box a:hover
{
	color: white;
	font-weight: normal;
	text-decoration: underline;
	margin-left: 10px;
}

.input_disabled
{

	background-color:transparent;
	border:0px;
	margin:0px;
	color:white;
	background-image:url('../images/input_disabled.png');
	background-repeat:no-repeat;
	height:28px;
	width:162px;
	padding-top:6px;
	text-indent:8px;
}
/*
.input_field
{
	background-color:transparent;
	border:0px;
	margin:0px;
	color:white;
	background-image:url('../images/input_field.png');
	background-repeat:no-repeat;
	height:28px;
	width:162px;
	padding-top:6px;
	text-indent:8px;
}*/

.input_field
{
	background-color:#FFFFFF;
	color:black;
	border:none;
	padding:2px;
	margin:6px 0px;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	width: 150px !important;
}

.input_field option
{
	color: black !important;
}


#login_submit
{

	padding:20px;
	outline:none;

}

#login_submit INPUT
{
/*
	background:#000;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	text-align:center;
	padding:14px;
	height: auto;
	color:white;
	width:280px;
	outline:none;
	*/
}

#login_error
{
	padding:4px;
	width:300px;
	color:white;
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
}

.tos_agreement .ui-dialog-titlebar-close
{
	display: none;
}

.tos_agreement .ui-button-text
{
	display: inline !important;
	padding: 0em !important;
	font-size: 0.8em !important;
}


.tos_agreement .ui-widget-header
{
	background: url("../images/dialog_title.png") repeat-x scroll 50% 50% #294258;
	color: black;
}

.tos_agreement .ui-widget-header, .tos_agreement .ui-button
{
	background: url("../images/dialog_title.png") repeat-x scroll 50% 50% #294258 !importent;
	color: black !importent;
}

.tos_agreement
{
	background: #AF9003 !important;
	padding: 0px !important;
}

#tos_agreement
{
	background: url("../images/notebook_paper.jpg") repeat-y scroll 0 0 #F6F6F6;
	color: black;
	padding-left: 50px;
}

.tos_agreement .ui-dialog-buttonpane
{
	background: url("../images/dialog_background.png") repeat-x scroll 50% 50% #233E53 !important;
	color: #4d4d4d;
	margin: 0px !important;
}

.tos_agreement button
{
	background: url("../images/hb.png") !important;
	color: #4d4d4d !important;
	height: 28px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	width: 92px;
	font-size: 16px !important;
	border: 0px !important;
}
.tos_agreement button:hover
{
	background-position: right !important;
}
.tos_agreement button span
{
	margin-top: 0px;
	background: none !important;
	height: 28px !important;
}




#login_body
{
background-image: url("../images/background_login.jpg");
background-repeat: repeat-x;

}

#rip_pattern
{
	position: absolute; 
	width: 100%;
	height: 250px;
	bottom: 0px;
	background-image: url('../images/cloud.png');
	background-repeat: repeat-x;
	background-position: left top;
}



