/**
* @file common.modals.less
* @date 5/19/2010
* @author Rach
*/

/******************************************************************************/
/******************************************************************** IMPORTS */
/******************************************************************************/
/*
	Handy LESS variables
	#545861: 				  #545861;
	#ffffff:					#ffffff;
	#6d6d6d:				#6d6d6d;
*/

/******************************************************************************/
/******************************************************************************/
/************************************************************* CONTAINER DIVS */
/******************************************************************************/
/******************************************************************************/


.super_modal_container
{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	text-align:center;
	z-index:100000;
}

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

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

.super_modal_container .modal_container .modal_header
{
  color:#FFFFFF;
  position:absolute;
  text-align:center;
	height:75px;
	background-repeat: repeat-x;
}

.default_header
{
	background:url('../images/modal_header_default.png');
}

.solid_green
{
	background:#51b95b;
}


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

/******************************************************************************/
/******************************************************************************/
/*********************************************************************** VEIL */
/******************************************************************************/
/******************************************************************************/

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

/******************************************************************************/
/******************************************************************************/
/***************************************************** INPUT FIELD FORMATTING */
/******************************************************************************/
/******************************************************************************/

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

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

/******************************************************************************/
/******************************************************************************/
/************************************************************ TEXT FORMATTING */
/******************************************************************************/
/******************************************************************************/

.super_modal_container .modal_container a
{
	color:#545861;
  text-decoration:underline;
}


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

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

.super_modal_container .modal_container .modal_header h2
{
  font-size:24px;
  font-weight:normal;
	margin-top:20px;
	color:#ffffff;
}

.super_modal_container .modal_container .large_text
{
	font-size:30px;
	font-weight:bold;
	color:#545861;
}

.super_modal_container .modal_container .medium_header
{
	font-size:16px;
	font-weight:bold!important;
	color:#545861;
}

.super_modal_container .modal_container .summary_text
{
	font-size:13px;
	color:#545861;
}

.super_modal_container .modal_container .textbox_label
{
	font-size:13px;
	font-weight:bold!important;
	color:#545861;
	text-align:left;
	vertical-align:middle;
}

.super_modal_container .modal_container .checklist
{
	font-size:14px;
	font-weight:bold!important;
	color:#545861;
}

.super_modal_container .modal_container .privacy_policy
{
	font-size:11px;
	font-weight:normal;
	color:#545861;
}

.super_modal_container .modal_container .align_h_center
{
	text-align:center;
}

.super_modal_container .modal_container .align_h_left
{
	text-align:left;
}

.super_modal_container .modal_container .align_h_right
{
	text-align:right;
}

/******************************************************************************/
/*************************************************** ROUNDED TEXT AREA 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;
}

/******************************************************************************/
/**************************************************** ROUNDED TEXT BOX BORDER */
/******************************************************************************/

.super_modal_container .modal_container .textbox_wrapper_medium
{
  background:url('../images/textbox_bg_medium.png') left top no-repeat;
  width:236px;
	height:28px;
  color:#6d6d6d;
  padding:3px;
}

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

/******************************************************************************/
/******************************************************************************/
/*********************************************************** CUSTOM BUTTON(S) */
/******************************************************************************/
/******************************************************************************/

.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;
}

/******************************************************************************/
/******************************************************************************/
/************************************************************ MODAL PERIMETER */
/******************************************************************************/
/******************************************************************************/

.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;
}

/******************************************************************************/
/******************************************************************************/
/**************************************** CLASSES FOR THE IMAGE GALLERY MODAL */
/******************************************************************************/
/******************************************************************************/

.super_modal_container .modal_container .slideshowpro_container
{
	border: 2px solid #cccccc;
	width: 400px;
	height: 323px;
}
/* DEPRECATED - HAD TO SWITCH TO SSP
.super_modal_container .main_display img
{
	width:400px;
	height:300px;
}

.super_modal_container .thumbnail_bar
{
	margin-top:25px;
	min-width:500px;
	height:75px;
	margin-left:auto;
	margin-right:auto;
}

.super_modal_container .modal_container .thumbnail
{
	margin-left:5px;
	margin-right:5px;
	width:100px;
	height:50px;
	float:left;
}


.super_modal_container .modal_container .thumbnail img
{
	width:100px;
	height:50px;
}
*/