/*
	common.modal.css FOR USE WITH common.modal.js

	Images used:
		PLAIN WINDOW
		* modal_border_bottom.png
		* modal_border_bottomleft.png
		* modal_border_bottomright.png
		* modal_border_left.png
		* modal_border_right.png
		* modal_border_top.png
		* modal_border_topleft.png
		* modal_border_topright.png
*/

.super_modal_container .modal_container textarea
{
	border-style:none;
	resize:none; /* Removes marks in Google Chrome */
	background:transparent;
	color:#888888;
	font-family:verdana;
	font-size:11px;
	z-index:100000px;
	overflow:auto;
}

.super_modal_container .modal_container input[type=text]
{
	color:#888888;
	font-family:verdana;
	font-size:11px;
	border-style:none;
	border:0;
}


.clear
{
	clear:both;
}

.super_modal_container .modal_container .field_label
{
	text-align:left;
	font-size:11px;
	color:#555555;
	float:left;
	height:20px;
	vertical-align:middle;
}

.super_modal_container .modal_container .field_textbox
{
	text-align:center;
	font-size:12px;
	color:#888888;
	float:left;
	height:20px;
	vertical-align:middle;
}

.super_modal_container .modal_container .modal_div
{
	position:absolute;
	text-align:center;
	font-size:11px;
	color:#555555;
	float:left;
	height:20px;
	vertical-align:middle;
}

/* A container for modal_container,
position is absolute so it can be centered on the page */
.super_modal_container
{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	z-index:100000;
}

.veil
{
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
	left:0px;
	top:0px;
	text-align:center;
	z-index:100000;
	background-color:#000000;
	opacity:0.4;
	filter:alpha(opacity=40);
}


.modal_container
{
  color:#FF00FF;
  position:relative;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
	width:500px;
	height:500px;
	display:none;
	z-index:200000;
}

.super_modal_container .modal_container .modal_header
{
  background-image:url("../images/headerAndWhiteBGforTransModal.png");
  color:#FFFFFF;
  position:absolute;
  text-align:center;
}

.super_modal_container .modal_container .modal_header h1
{
  font-size:20px;
  font-weight:normal;
}

.super_modal_container .modal_container .modal_background
{
  background-color:#FFFFFF;
  position:absolute;
	text-align:center;
}

.super_modal_container .modal_container a.button_x, .super_modal_container .modal_container .button_x
{
  background-color:transparent;
  background-image:url("../images/corner_diag2_close.png");
  background-repeat:no-repeat;
  border:medium none;
  color:#FFFFFF;
  cursor:pointer;
  display:inline-block;
  font-family:inherit;
  font-size:14px;
  font-weight:bold;
  height:70px;
  line-height:28px;
  text-indent:-9000px;
  width:70px;

  position:absolute;
}

/************************************** BORDER ATTRIBUTES **************************************/
.super_modal_container .modal_container .border_bottom
{
  background-image:url("../images/modal_border_bottom.png");
  position:absolute;
  bottom:0px;
}
.super_modal_container .modal_container .border_bottomleft
{
  background-image:url("../images/modal_border_bottomleft.png");
  position:absolute;
  left:0px;
  bottom:0px;
}
.super_modal_container .modal_container .border_bottomright
{
  background-image:url("../images/modal_border_bottomright.png");
  position:absolute;
  right:0px;
  bottom:0px;
}
.super_modal_container .modal_container .border_left
{
  background-image:url("../images/modal_border_left.png");
  position:absolute;
  left:0px;
}
.super_modal_container .modal_container .border_right
{
  background-image:url("../images/modal_border_right.png");
  position:absolute;
  right:0px;
}
.super_modal_container .modal_container .border_top
{
  background-image:url("../images/modal_border_top.png");
  position:absolute;
  top:0px;
}
.super_modal_container .modal_container .border_topleft
{
  background-image:url("../images/modal_border_topleft.png");
  position:absolute;
  left:0px;
  top:0px;
}
.super_modal_container .modal_container .border_topright
{
  background-image:url("../images/modal_border_topright.png");
  position:absolute;
  right:0px!important;
	top:0px;
}

/************************************** TEXTAREA BORDER **************************************/
.super_modal_container .modal_container .textarea_background
{
	background-color:#FFFFFF;
  position:absolute;
	text-align:center;
	left:10px;
	top:10px;
	width:100%;
	height:100%;
}

.super_modal_container .modal_container .textarea_bottom
{
  background-image:url("../images/inputbackground_textarea_bottom.png");
  position:absolute;
  bottom:0px;
	left:10px;
	height:10px;
}
.super_modal_container .modal_container .textarea_bottomleft
{
  background-image:url("../images/inputbackground_textarea_bottomleft.png");
  position:absolute;
  left:0px;
  bottom:0px;
	width:10px;
	height:10px;
}
.super_modal_container .modal_container .textarea_bottomright
{
  background-image:url("../images/inputbackground_textarea_bottomright.png");
  position:absolute;
  right:0px;
  bottom:0px;
	width:10px;
	height:10px;
}
.super_modal_container .modal_container .textarea_left
{
  background-image:url("../images/inputbackground_textarea_left.png");
  position:absolute;
  left:0px;
	top:10px;
	width:10px;
}
.super_modal_container .modal_container .textarea_right
{
  background-image:url("../images/inputbackground_textarea_right.png");
  position:absolute;
  right:0px;
	top:10px;
	width:10px;
}
.super_modal_container .modal_container .textarea_top
{
  background-image:url("../images/inputbackground_textarea_top.png");
  position:absolute;
  top:0px;
	left:10px;
	height:10px;
}
.super_modal_container .modal_container .textarea_topleft
{
  background-image:url("../images/inputbackground_textarea_topleft.png");
  position:absolute;
  left:0px;
  top:0px;
	width:10px;
	height:10px;
}
.super_modal_container .modal_container .textarea_topright
{
  background-image:url("../images/inputbackground_textarea_topright.png");
  position:absolute;
  right:0px!important;
	top:0px;
	width:10px;
	height:10px;
}

/************************************** TEXTBOX ATTRIBUTES **************************************/

.super_modal_container .modal_container .textbox_wrapper_large
{
  background:url('../images/inputbackground_rounded_175x22_white.png') left top no-repeat;
  width:180px;
  color:#a0a0a0;
  padding:3px;
}

.super_modal_container .modal_container .textbox_wrapper_large input
{
  background-color:transparent;
  width:176px;
  padding:2px;
  color:#a0a0a0;
  border:none;
}

.super_modal_container .modal_container .textbox_wrapper_medium
{
  background:url('../images/inputbackground_rounded_80x22_white.png') left top no-repeat;
  width:85px;
  color:#a0a0a0;
  padding:3px;
}

.super_modal_container .modal_container .textbox_wrapper_medium input
{
  background-color:transparent;
  width:82px;
  padding:2px;
  color:#a0a0a0;
  border:none;
}

.super_modal_container .modal_container .textbox_wrapper_small
{
  background:url('../images/inputbackground_rounded_45x22_white.png') left top no-repeat;
  width:50px;
  color:#a0a0a0;
  padding:3px;
}

.super_modal_container .modal_container .textbox_wrapper_small input
{
  background-color:transparent;
  width:47px;
  padding:2px;
  color:#a0a0a0;
  border:none;
}


/************************************** CSS FOR ERROR DIALOG **************************************/
#error_dialog
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
	font-size:11px;
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
  margin-top:10px;
}

#error_dialog h3
{
	font-weight: bold;
	font-size:16px;
}

#error_dialog h3 span
{
	line-height:30px;
	vertical-align:middle;
}

#error_dialog h3 img
{
	line-height:30px;
	vertical-align:middle;
	margin-right: 5px;
}

#error_dialog p
{
	font-size:11px;
	font-weight:normal;
	margin: 10px 0px;
}

/************************************** FLAGS **************************************/
required_field { ; }
not_required_field { ; }