/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Dev CSS Additions <<<-----------------------------------------------------------------------------*/
/* This file is here to add all css changes / additions that are needed by the developers, graphics dept. will     */
/* examine these changes and merge them periodically into the main css files.                                      */
/*                                                                                                                 */
/* NOTE: Be absolutely sure to comment in where the added styles are used and why they are needed.                 */
/* ----------------------------------------------------------------------------------------------------------------*/

/* DEPRECATED - Remove the two captcha related declarations below once the new captcha code is fully implemented */
/* New Class for aligning the captcha image*/
.captchaImage{
	text-align: right;
	margin-top: 4px;
	/*border: red 1px solid;*/
}

#captcha {
width:100px;
}

/*
-----------------------------
 css additions from the TOS - Added by Matt 
-----------------------------
*/

/* added to make different size lable tages lable tags - see the tos agrement checkbox lable */
.halfWidth {
width:50% !important;
float:left;
}

.twoThirdsWidth {
width:67% !important; 
float:left;
}

.oneThirdWidth {
width:33% !important;
float:left;
}

.autoWidth {
width:auto !important;
float:left;
}

/*
-----------------------------
 css additions from the Qualifier - Added by Matt 
-----------------------------
*/

/* These are to relpace the .bottomAstrisk with a note class 
of different sizes that can be reused pretty much anywheres */
.noteFull {
margin:5px;
width:100%;
font-size:80%;
text-align:center;
}


.noteThird {
margin:5px;
width:67%;
font-size:80%;
float:right;
text-align:center;
}

.noteHalf {
margin:5px;
width:50%;
font-size:80%;
float:right;
text-align:center;
}


.noteOneThird {
margin:5px;
width:33%;
font-size:80%;
float:right;
text-align:center;
}

/* scrolling div */
.scrollDiv {
width:100%;
margin:
}

/*
-----------------------------
 CSS additions for the MLS Search Map View - Added by AA (add to mod_styles.css) 
 NOTE: had to add 20 px to gmOverlay_wrap height to accomodate the footer, so the
 height of gmOverlay_wrap is now 183px
-----------------------------
*/

.gmOverlay_footer { /* the footer area - added 2009-02-25 by AA*/
  width:100%;
  border-top-width:1px;
  border-top-stype:solid;
  border-bottom-width:1px;
  border-bottom-stype:solid;
  display:inline-block;
  height:29px;
     padding:0 0 2px 0;
   position:relative;
  bottom:0;
  text-align:center;
/* float:left; */
}

	.gmOverlay_footerCenter { /* the txt on the left side of the header */
	  /*margin:3px 0 0 0;*/
	  text-align:center;
	  width:100%;
   display:inline-block;
   padding:2px 0 0 0;
	}

/*
-----------------------------
 CSS addition for the Campaign Messages view - Added by AA
 Note: needed to remove the two input (type=hidden) elements that are generated
 above the editor when FCKeditor is loaded
-----------------------------
*/
.componentContainer #messageEditor, .componentContainer #messageEditor___Config {
	display:none;
}

/*
-----------------------------
CSS addition for newer slider iteration (jQuery UI 1.7 + jQuery 1.3.2)
to replace .grab in forms.css
-----------------------------
*/
.ui-slider-handle {
	background-image:url(/t/resources/rpm3.0/images/search_engine/seSlide_hand.gif);
	/*cursor:w-resize;*/
	opacity:0.9;
	top:-4px;
	left:0;
	width:12px;
	height:24px;
	position: absolute;
	overflow: hidden;
	border: none;
	background-repeat:no-repeat;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
}

/*
-----------------------------
CSS additions for the new Menu Manager modal window - added by AA
classes except for ui-tabs-panel-modal-form and ui-tabs-panel-modal-tree 
go to bo_website_manager.css, the rest go to bo_ui.tabs.css
-----------------------------
*/

.bo_menu_mgr_window_wrap {

}

.bo_menu_mgr_window_div {
width:678px;
}

.bo_menu_mgr_window_top {
float:left;
padding:0px 0px 0px 0px;
font-size:127%;
font-weight:bold;
color:#FFFFFF;
height:30px;
background:url(../../../backOffice/images/temp_man_top_bar_bg.gif) repeat-x;
width:680px;
}

.bo_menu_mgr_window_top_left {
float:left;
margin:6px 0px 0px 8px;
border:0px solid #FF0000;
}

.bo_menu_mgr_window_top_right {
float:right;
margin:9px 4px 0px 0px;
border:0px solid #FF0000;
width:12px;
}

.bo_menu_mgr_window_bot {
height:20px;
background:url(../../../backOffice/images/temp_man_bot_bar_bg.gif) repeat-x;
float:left;
width:680px;
}

.bo_menu_mgr_window_div_cnt {
margin:0px auto 0px auto;
padding:10px 10px 10px 10px;
background-color:#5F5F5F;
float:left;
position:relative;
left:0px;
width:660px;
}

#menuManagerTreeSection {
float:left;
border:0;
}

#menuManagerFormSection {
float:left;
}
/*
-----------------------------
CSS additions for the back office edit menu view - added by AA
For indicating hidden pages on the menu
-----------------------------
*/

.menu_item_hidden{
	background:#E27000 none repeat scroll 0 0 !important;
}

.menu_item_selected{
	
}

/*
-----------------------------
CSS additions for the back office edit menu view - added by AA
Bullet styles for the type of each menu item
-----------------------------
*/

#menuManagerTree {
	overflow: auto;
}

#menuManagerList {
	margin:0 ;
	padding:10px 0px 10px 40px;
}

li.hiddenPage {
	list-style-image:url(/t/resources/rpm3.0/images/menu_manager/page_red.png);
	list-style-position: inside
}

li.internalPage {
	list-style-image:url(/t/resources/rpm3.0/images/menu_manager/page_gear.png);
	list-style-position: inside
}

li.customPage {
	list-style-image:url(/t/resources/rpm3.0/images/menu_manager/page_green.png);
	list-style-position: inside
}

li.externalLink {
	list-style-image:url(/t/resources/rpm3.0/images/menu_manager/link.png);
	list-style-position: inside
}

li.brokenLink { /*aka Category w/no link*/
	list-style-image:url(/t/resources/rpm3.0/images/menu_manager/link_break.png);
	list-style-position: inside
}

/*
-----------------------------
CSS additions for the back office menu manager view - added by AA
Form styles for the left hand side of the Menu Manager (tree)
-----------------------------
*/

.menu_manager_tree_module_container {
	color:#EFEFEF !important;
}

.menu_manager_tree_module_container .title,
.menu_manager_tree_module_container .legend {
	font-weight:bold;
	background-color:#6D6D6D;
	color:#FFFFFF;
}

.menu_manager_tree_module_container .title {
	float:left;
	font:normal normal bold 14px Arial,Helvetica,sans-serif;
	padding:3px 0;
	text-indent:10px;
	width:100%;
}

.menu_manager_tree_module_container .title a {
	color:#EFEFEF !important;
	text-decoration:none;
	vertical-align:text-top;
}

.menu_manager_tree_module_container .title a img{
	vertical-align:text-top;
}

.menu_manager_form_module_container .legend {
	font:normal normal bold 12px Arial,Helvetica,sans-serif;
	margin:0 8px;
	padding:3px 5px;
}

.menu_manager_tree_module_container,
.menu_manager_tree_module_container fieldset {
	border:1px solid #6D6D6D;
}

.menu_manager_tree_module_container fieldset {
	margin:0 8px;
	padding:0 0 10px;
}

.menu_manager_tree_module_container form {
	float:left;
	margin:0;
	padding:5px 0 0 0;
	position:relative;
	width:100%
}


.menu_manager_tree_module_container .panel {
	background-color:#8C8C8C;
}

#menuManagerTree {
	margin: 2px 0px;
	padding: 2px 0px;
	position: inline-block;
}

#menuManagerTree ul li {
	padding:2px;
    /*margin:3px 2px 5px 2px;*/
	margin:0;
	/*border:1px solid #6D6D6D;*/
	border:0;
}

.selectedMenuItem {
	background-color:#6D6D6D;
}

/*
-----------------------------
CSS additions for the back office menu manager view - added by AA
Form styles for the right hand side of the Menu Manager
-----------------------------
*/
.menu_manager_form_module_container {
	color:#EFEFEF !important;
}

.menu_manager_form_module_container .title,
.menu_manager_form_module_container .legend {
	font-weight:bold;
	background-color:#6D6D6D;
	color:#FFFFFF;
}

.menu_manager_form_module_container .title {
	float:left;
	font:normal normal bold 14px Arial,Helvetica,sans-serif;
	padding:3px 0;
	text-indent:10px;
	width:100%;
}

.menu_manager_form_module_container .legend {
	font:normal normal bold 12px Arial,Helvetica,sans-serif;
	/*margin:0 8px;*/
	margin:0;
	padding:3px 5px;
}

.menu_manager_form_module_container,
.menu_manager_form_module_container fieldset {
	border:1px solid #6D6D6D;
}

.menu_manager_form_module_container fieldset {
	/*margin:0 8px;*/
	padding:0 0 10px;
}

.menu_manager_form_module_container form {
	float:left;
	margin:0 8px;
	padding:10px 0;
	position:relative;
	width:330px;
	display:inline; /*IE6*/
}

.menu_manager_form_module_container .panel {
	background-color:#8C8C8C;
}

.menu_manager_form_module_container .requiredFieldMessage {
	clear:both;
	color:#FF890D;
	font-size:100%;
	margin:0;
	padding:1px 5px 5px 0;
	text-align:right;
	width:98%;
}

.menu_manager_form_module_container .requiredFieldIndicator {
	color:#FF890D;
}

.menu_manager_form_module_container label,
.menu_manager_form_module_container label .error {
	width:100px;
	display:block;
	float:left;
	font-size:100%;
	font-weight:normal;
	letter-spacing:0;
	line-height:16px;
	margin-right:6px;
	margin-top:8px;
	text-align:right;
}

.menu_manager_form_module_container input.hidden {
	border:0 solid #D8D8D8;
	height:0;
	width:0;
}

.menu_manager_form_module_container input,
.menu_manager_form_module_container textarea,
.menu_manager_form_module_container select,
.menu_manager_form_module_container input.checkbox {
	-x-system-font:none;
	background-color:#8C8C8C;
	border:1px solid #666666;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:100%;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	margin-top:8px;
	width:180px;
}

.menu_manager_form_module_container input.checkbox {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	left:0;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	width:15px;
}

.menu_manager_form_module_container .smallInputContainer {
	border:medium none;
	float:left;
	line-height:16px;
	margin:8px 0 0;
	padding:0;
	width:180px;
}

.menu_manager_form_module_container input.submit {
	background-color:#F7941D;
	border-color:#F7B668 #A76414 #A76414 #F7B668;
	color:white;
	border-style:solid;
	border-width:1px;
	float:right;
	margin-left:5px;
	margin-top:10px;
	padding:1px;
	width:auto;
}

.menu_manager_form_module_container .formFeedback {
	float:right;
	margin-top:8px;
}

.menu_manager_form_module_container a{
	text-decoration:none;
	color:#BCD24F;
}

.menu_manager_form_module_container a:hover{
	text-decoration:underline;
	color:#DCE69F;
}

.menu_manager_form_module_container img,
.menu_manager_form_module_container img:hover{
	text-decoration:none;
}

.menu_manager_form_module_container, 
.menu_manager_tree_module_container {
	font-size: 100%;
}

/*
-----------------------------
CSS additions for the back office website manager view - added by AA
Font styles for modal windows as they were previously taking from the body of the 
selected template
-----------------------------
*/

#menuManager,
#javascriptManager,
#metaTagManager,
#widgetManager {
	font-size: 100%;
}

#menuManager,
#javascriptManager,
#metaTagManager {
	color: #FFFFFF;
}

#widgetManager {
	color: #000000;
}

/*
-----------------------------
CSS additions for the MLS Search - Quick Search Autocomplete functionality - added by AA
-----------------------------
*/
/*
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
*/
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
/*
	font: menu;
	font-size: 109%;
*/
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
/*
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
	color: black;
}

.ac_even{
	color: black;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
*/

/*TODO: Toss the shit below into whereever calls the vip signup page*/
div.blockPage {
	margin:20px 0px 0px -335px !important;
	top:0 !important;
	left:50% !important;
	width:670px !important;
	height:450px !important;
	border:none !important;
	text-align:left !important;
	cursor:default !important;
	background-color:transparent !important;
	position:absolute !important;
}

/*
-----------------------------
Needed so that thickbox (footer edit) won't destroy events.  Can be removed once BlockUI is implemented.
Added by AA
-----------------------------
*/
.contentSectionLoadingOverlay {
	display:inline-block;
	width:100%
}

/*
-----------------------------
Needed for jQueryUI dialog overlay
Added by AA
-----------------------------
*/

.ui-widget-overlay {
left: 0;
top: 0;
position: absolute;
z-index: 4900;
background-color: black; 
opacity: .75;
filter:Alpha(Opacity=75);
}