/**********
 *	MAIN
 **********/

* {
	/*border:1px solid #B9DDFF;*/
	margin:0px;
	padding:0px;
}

A {
	color:#B9DDFF;
	text-decoration:none;
}

A:hover {
	color:#FFC301;
}

a.pageLink {
	color:#FFFFFF;
}

a.pageLink:hover {
	color:#FFFFFF;
}

BODY {
	/*background-color:#051829;*/
	background-image:url(../images/background_grad.gif);
	color:#B9DDFF;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	behavior: url(css/csshover.htc);
}

h1, h2, h3{
	font-size:10px;
	display:inline;
	font-weight:normal;
}

LI {
	overflow:hidden;
}

SELECT, INPUT, TEXTAREA {
	border:0px;
	padding:2px;
	/*height:16px;*/
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

IMG {
	border:none;
}

/*** HEADER ***/

/* TOP */
#headerTop {
	height:118px;
}

#headerLogo {
	position:absolute;
}

.headerBanner {
	width:468px;
	height:60px;
	margin-right:26px;
	margin-top:32px;
	float:right;
	border:1px solid #FFC301;
}

/* MAIN MENU */

#header {
	margin-bottom:6px;

		background-image:url(../images/background_grad.gif);
}

#headerMainMenu {
	height:31px;
	font-weight:bold;
	font-size:11px;
	background-image:url(../images/menu_bar.gif);
}

.headerTab {
	width:118px;
	cursor:pointer;
}

.headerTabContainer {
	float:left;
	height:31px;
}

.headerTabTitleHighlight {
	color:#FFFFFF !important;
}

.headerTabTitle, .headerTabTitleHighlight {
	color:#051829;
	margin-top:8px;
	text-align:center;
	width:110px;
	float:left;
}

.headerTabLeftHighlight {
	background-image:url(../images/menu_left_tab.gif);
}

.headerTabLeft, .headerTabLeftHighlight {
	height:31px;
	width:4px;
	float:left;
}

.headerTabCenterHighlight {
	background-image:url(../images/menu_center_tab.gif);
}

.headerTabCenter, .headerTabCenterHighlight {
	height:31px;
	width:110px;
	float:left;
}

.headerTabRightHighlight {
	background-image:url(../images/menu_right_tab.gif);
}

.headerTabRight, .headerTabRightHighlight {
	height:31px;
	width:4px;
	float:left;
}

/* SUB MENU */

#headerSubMenu {
	height:24px;
	background-color:#0E323E;
}

#subMenuContainer {
	height:24px;
	float:left;
	position:relative;
}

/*** FOOTER ***/
#newMembersContainer {
	height:82px;
	background-image:url(../images/footer.gif);
}

#footerInfoContainer {
	overflow:hidden;
}

/*** CONTENT ***/
#content {
	overflow:hidden;
}

#contentMainContainer {
	/*height:800px;*/
}

/* SEARCH PANEL */
#searchPanelContainer {
	height:30px;
	margin-bottom:6px;
	overflow:hidden;
}

#searchPanelIAmIContainer {
	width:200px;
}

#searchPanelLookingForContainer {
	width:230px;
}

#searchPanelLocationContainer {
	width:196px;
}

#searchPanelOnlyPhotoContainer {
	width:164px;
}

#searchPanelSubmitContainer {
	width:198px;
}

.searchPanelTitle {
	padding:8px;
	float:left;
}

.searchPanelFormElement {
	padding:6px;
	float:left;
}

/* SIDE BAR */
#sideBarContainer {
	width:178px;
	margin-bottom:6px;
	float:right;
}

.sideBarCityLangContainer {
	height:28px;
}

.sideBarCityLangContainer DIV {
	height:28px;
	margin-right:4px;
}

.sideBarSummaryContainer {
	height:18px;
	margin-left:4px;
}

.sideBarSummaryContainer DIV {
	
	overflow:hidden;
}

.sideBarSummaryTitle {
	width:56px;
}

.sideBarSummaryCount {
	width:30px;
}

.sideBarSummaryNewCount {
	width:80px;
}

/* SECTION */
#sectionContainer {
	float:left;
	margin-bottom:6px;
	margin-right:6px;
}

/* JOIN PAGE */
.joinFieldTitle {
	width:154px;
	font-weight:bold;
	text-align:right;
	padding:4px;
	margin-right:8px;
	float:left !important;
}

.joinField {
	padding:4px;
	overflow:hidden;
}

/* MY PAGE */
.width_accountManagerRightSide {
	width:310px;
}

.width_accountManagerLeftSide {
	width:408px;
}

.width_accountManagerInfo {
	width:298px;
}

/* EDIT PROFILE */
.editProfileFieldTitle {
	float:left;
	margin-bottom:6px;
	line-height:16px;
	width:160px;
}

.editProfileField {
	margin-bottom:6px;
	overflow:hidden;
	width:148px;
}

.editProfileField SELECT {
	width:144px;
}

.editProfileField INPUT {
	width:140px;
}

/* PHOTOS */
/*#profilePhotoContainer {
	height:174px;
}

#publicPhotosContainer {
	height:216px;
}

#privatePhotosContainer {
	height:216px;
}*/

DIV.photo {
	border:3px solid #FFC301;
	overflow:hidden;
	background-color:#FFC301;
}

DIV.photoHidden {
	border:3px solid #FF3300;
	overflow:hidden;
	background-color:#FFC301;
}

DIV.photoClubSmall {
	width:96px;
	height:96px;
}

DIV.photoProfileSmallWhite, DIV.photoProfileSmallYellow {
	width:56px;
	height:76px;
	border-color:#FFFFFF;
}

DIV.photoProfileSmallYellow {
	border-color:#FFC301;
}

IMG.photoProfileSmallYellow, IMG.photoProfileSmallWhite {
	width:56px;
	height:76px;
}

DIV.photoProfileMedium {
	width:110px;
	height:146px;
}

DIV.photoEventSmall {
	width:121px; 
	height:91px;
}

DIV.photoGroupSmall {
	width:102px; 
	height:78px;
}

/*** MISC STYLES ***/

UL.menu {
	text-align:center;
}

li.therms{
margin-top:2px;
margin-left:5px; 
padding-left:10px;
line-height:13px; 
background-image:url(../images/arrow_yellow_right.gif); 
background-repeat:no-repeat; 
background-position:left 3px;
}

UL.menu LI {
	display:inline;
	float:left;
}

.text_centered {
	text-align:center;
}

.textSize_huge {
	font-size:24px;
}

.textSize_medium {
	font-size:16px;
}

.text_bold {
	font-weight:bold;
}

.text_normal {
	font-weight:normal;
}

.relative {
	position:relative;
}

DIV.width_page {
	width:988px;
}

DIV.width_section {
	width:804px;
}

DIV.width_364 {
	width:364px;
}

DIV.width_376 {
	width:376px;
}

DIV.width_341 {
	width:341px;
}

DIV.height_header {
	height:118px;
}


.pollheight {
	height:20px;
	line-height:20px;
}

DIV.height23 {
	height:23px;
}

DIV.about {
	height:50px;
}

DIV.profileBar {
	margin-top:5px;
	height:18px;
}

DIV.deleteButton {
	padding-right:12px;
}

DIV.profileName {
	height:30px;
	line-height:30px;
}

DIV.profileStatusBar {
	background-image: url(../images/arrow_yellow.gif);
	/*background-position:0% 50%;*/
	background-repeat:no-repeat; 
	margin-left:6px; 
	padding-left:13px; 
	height:13px; 
	margin-top:6px;
}

.gallery_panel {
	width:192px;
	height:194px;
}

.width_button {
	width:82px;
}

.height_button {
	height:20px;
}

.margin_auto {
	margin-left:auto;
	margin-right:auto;
}

.margin_none {
	margin:0px !important;
}

.margin2 {
	margin:2px;
}

.margin3 {
	margin:3px;
}

.margin6 {
	margin:6px;
}

.margin10 {
	margin:10px;
}

.overflow_hidden {
	overflow:hidden;
}

.outline {
	border:1px solid #FF0000;
}

.image_group {
	width:107px;
	height:74px;
}

.margin_bottom30 {
	margin-bottom:30px;
}

.margin_bottom20 {
	margin-bottom:20px;
}

.margin_bottom10 {
	margin-bottom:10px;
}

.margin_bottom8 {
	margin-bottom:8px;
}

.margin_bottom6 {
	margin-bottom:6px;
}

.margin_bottom4 {
	margin-bottom:4px;
}

.margin_bottom2 {
	margin-bottom:2px;
}

.margin_bottom1 {
	margin-bottom:1px;
}

.margin_right4 {
	margin-right:4px;
}

.margin_right6 {
	margin-right:6px;
}

.margin_right8 {
	margin-right:8px;
}

.margin_right10 {
	margin-right:10px;
}

.margin_right20 {
	margin-right:20px;
}

.margin_left6 {
	margin-left:6px;
}

.margin_top20 {
	margin-top:20px;
}

.margin_top6 {
	margin-top:6px;
}

.margin_top4 {
	margin-top:4px;
}



.padding30 {
	padding:30px;
}

.padding10 {
	padding:10px;
}

.padding6 {
	padding:6px;
}

.padding_top10 {
	padding-top:10px;
}

.float_right {
	float:right !important;
}

.float_left {
	float:left !important;
}

.float_none {
	float:none !important;
}

.hidden {
	display:none;
}

.inline {
	display:inline;
}

.clear {
	clear:both;
}

/* children are horizontally positioned */
.horizontalContainer DIV {
	float:left;
}

DIV.line {
	height:1px;
	overflow:hidden;
}

.arrow {
	margin:2px 4px;
	display:inline;
}

/*** COLORS ***/

.color_cyanBlue {
	color:#B9DDFF;
}

.color_darkCyan {
	color:#4A6882;
}

.color_white {
	color:#FFFFFF;
}

.color_yellow {
	color:#FFC301;
}

.color_red {
	color:#DD0000;
}

.color_error {
	color:#DD0000;
}

.color_success {
	color:#00EE00;
}

/*** BACK COLORS ***/
.bgcolor_darkBlue {
	background-color:#051829;
}

.bgcolor_darkGreen {
	background-color:#0E323E;
}

.bgcolor_yellow {
	background-color:#FFC301;
}

.bgcolor_white {
	background-color:#FFFFFF;
}

.bgcolor_tableRow1 {
	background-color:#0E323E;
}

.bgcolor_tableRow2 {
	background-color:#0D2B35;
}

.toolTip {
	display:none;
	position:absolute;
	/*background-color:#051829;*/
	/*border:3px solid #FE8400;*/
}

div.loadingMap {
	border-width:1px;
	border-style:solid;
	z-index:99; 
	width:100px; 
	height:100px; 
	background-color:#FFFFFF;
}

.error {
	border-color:#FF3300; 
	color:#FF3300; 
}

.information {
	border-color:#051829; 
	color:#B9DDFF;
}

.overlay_center {
	border-width:1px;
	border-style:solid;
	z-index:99; 
	width:400px; 
	text-align:center; 
	background-color:#051829; 
	padding:2px;
	visibility:hidden;
}

.line_height16 {
	height:16px; 
	line-height:16px;
}

.line_height15 {
	line-height:15px;
}


.club_tooltip {  
	min-height: 40px;
	height: 40px;
}

.poll_left{
	background-image:url(../images/poll_left_end.gif); 
	empty-cells:show;
	width:7px;
}

.poll_right{
	background-image:url(../images/poll_right_end.gif); 
	empty-cells:show;
	width:7px;
}

.poll_middle{
	background-image:url(../images/poll_middle_background.gif);
}
 
.line_height20{
	line-height:20px
}

div.recipients{
	width:120px;
	float:left;
	margin-bottom:6px;
	text-align:left;
	padding-left:30px;
}

banner_Small{
	height:20px;
}
banner_big{
	height:80px;
}

/************
 *	BUTTON
 ************/

.button_middle, .button_left, .button_right, .button_left_disabled, 
.button_right_disabled, .button_middle_disabled, .button_left_disabled:hover, 
.button_right_disabled:hover, .button_middle_disabled:hover {
	background:none;
	border:0px;
	height:20px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	margin:auto;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:10px;
	float:left !important;
}

.button_left {
	background-image:url(../images/button/l_off.gif) !important;
	width:5px;
}

.button_middle {
	background-image:url(../images/button/c_off.gif) !important;
}

.button_right {
	background-image:url(../images/button/r_off.gif) !important;
	width:5px;
}

.button_left:hover {
	cursor:pointer;
	color:#000000;
}

.button_middle:hover {
	cursor:pointer;
	color:#000000;
}

.button_right:hover {
	cursor:pointer;
	color:#000000;
}

.button_left_disabled {
	background-image:url(../images/button/l_dis.gif) !important;
	width:5px;
}

.button_middle_disabled {
	background-image:url(../images/button/c_dis.gif) !important;
}

.button_right_disabled {
	background-image:url(../images/button/r_dis.gif) !important;
	width:5px;
}

/***********
 *	PANEL
 ***********/

.panelHeader {
	height:20px;
	background-image:url(../images/panel/background.gif);
}

.panelTitle {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	float:left;
	margin-top:4px;
}

.panelContent {
	padding:8px;
	overflow:hidden;
}

.panelHeaderStar {
	background-image:url(../images/panel/star.gif);
	height:20px;
	width:51px;
	margin-left:4px;
	margin-right:4px;
	float:left;
}

.panel {
	float:left;
	margin-bottom:6px;
}

.panelMargin {
	margin-right:6px;
}

/**************
 *	CALENDAR
 **************/

DIV.calendar_left_top {
	background-image:url(../images/calendar/calendar_top_left_navy.gif);
	background-repeat: no-repeat;
	background-color:#0c2b34;
	height:25px;
	width:20px;
}

DIV.calendar_left_bottom {
	background-image:url(../images/calendar/calendar_bottom_left_navy.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color:#0e333e;
	height:25px;
	width:20px;
}

DIV.calendar_right_top {
	background-image:url(../images/calendar/calendar_top_right_navy.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color:#0c2b34;
	height:25px;
	width:20px;
}
DIV.calendar_right_bottom {
	background-image:url(../images/calendar/calendar_bottom_right_navy.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color:#0e333e;
	height:25px;
	width:20px;
}

/**************
 *	CHECKBOX
 **************/

DIV.checkbox_on {
	background-image:url(../images/checkbox/checkbox_on.gif);
	width:18px;
	height:18px;
}

DIV.checkbox_off {
	background-image:url(../images/checkbox/checkbox_off.gif);
	width:18px;
	height:18px;
}

/*************
 *	COMMENT
 *************/

DIV.commentSpike_navy {
	width:25px;
	height:28px;
	background-image:url(../images/comment/comment_spike_navy.gif);
}

DIV.commentSpike_white {
	width:25px;
	height:28px;
	background-image:url(../images/comment/comment_spike_white.gif);
}

DIV.commentEdge_navy {
	width:20px;
	background-color:#0E333E;
}

DIV.commentEdge_white {
	width:20px;
	background-color:#FFFFFF;
}

.commentCenter_white {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	overflow:hidden;
}

.commentCenter_navy {
	background-color:#0E333E;
	color:#B9DDFF;
	font-weight:bold;
	overflow:hidden;
}

DIV.commentCorner, DIV.commentCorner_tl_white, DIV.commentCorner_tr_white, DIV.commentCorner_bl_white, DIV.commentCorner_br_white, DIV.commentCorner_tl_navy, DIV.commentCorner_tr_navy, DIV.commentCorner_bl_navy, DIV.commentCorner_br_navy {
	width:20px;
	height:20px;
}

/*** WHITE ***/
DIV.commentCorner_tl_white { /* TOP LEFT */
	background-image:url(../images/comment/comment_top_left_white.gif);
}

DIV.commentCorner_tr_white { /* TOP RIGHT */
	background-image:url(../images/comment/comment_top_right_white.gif);
}

DIV.commentCorner_bl_white { /* BOTTOM LEFT */
	background-image:url(../images/comment/comment_bottom_left_white.gif);
}

DIV.commentCorner_br_white { /* BOTTOM RIGHT */
	background-image:url(../images/comment/comment_bottom_right_white.gif);
}

/*** NAVY ***/
DIV.commentCorner_tl_navy { /* TOP LEFT */
	background-image:url(../images/comment/comment_top_left_navy.gif);
}

DIV.commentCorner_tr_navy { /* TOP RIGHT */
	background-image:url(../images/comment/comment_top_right_navy.gif);
}

DIV.commentCorner_bl_navy { /* BOTTOM LEFT */
	background-image:url(../images/comment/comment_bottom_left_navy.gif);
}

DIV.commentCorner_br_navy { /* BOTTOM RIGHT */
	background-image:url(../images/comment/comment_bottom_right_navy.gif);
}

/***************
 *	CUSTOMBOX
 ***************/

DIV.PG {
	background-image:url(../images/custombox/PG.gif);
	background-repeat: no-repeat;
	background-position: top right;
	float:right;
	width:20px;
	height:10px;
	overflow:hidden;	
}

DIV.LG {
	background-image:url(../images/custombox/LG.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float:left;
	width:20px;
	height:10px;
	overflow:hidden;
}

DIV.PD {
	background-image:url(../images/custombox/PD.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	float:right;
	width:20px;
	height:10px;
	overflow:hidden;

}

DIV.LD {
	background-image:url(../images/custombox/LD.gif);
	background-repeat: no-repeat;
	background-position:  bottom left;
	float:left;
	width:20px;
	height:10px;
	overflow:hidden;
}

DIV.float_left{
	float:left;
}

DIV.float_right{
	float:right;
}

DIV.custombox_main{
	position: static;
	padding-left:8px; 
	padding-right:8px;
	
}

DIV.custombox{
	background-color: #0E333E;
}

DIV.custombox_hf{
	height:10px;
	padding:0px;
}

/************
 *	RATING
 ************/

DIV.rating {
	width:310px;
	height:34px;
	margin-bottom:10px;
	background-color:#0E323E;
}

DIV.ratingEdge_left {
	background-image:url(../images/rating/dateability_left_edge.gif);
	width:5px;
	height:34px;
}

DIV.ratingEdge_right {
	background-image:url(../images/rating/dateability_right_edge.gif);
	float:right;
	width:5px;
	height:34px;
}

DIV.ratingStarContainer {
	background-image:url(../images/rating/dateability_star.gif);
	height:30px;
	margin-top:2px;
	font-weight:bold;
}

.ratingStarLink {
	width:30px;
	height:22px;
	padding-top:8px;
	text-align:center;
	display:block;
	color:#FFFFFF;
}

/**************
 *	LIGHTBOX
 **************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: /*url(data:image/gif;base64,AAAA);  Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/***************
 *	PHOTONOTES
 ***************/

/*
The overall container: always has class="fn-container", and also one of:
container-inactive container-active
*/

.fn-container {
 position: relative;
}

.fn-container img {
 border-width: 0;
}

.fn-area 
{
	position: absolute;
	border:none;
	border: 0px solid #D4D82D;
	margin:1px;
}

.fn-area-blackborder
{
	border: 1px solid #000;
}

.fn-area-whiteborder
{
	border: 1px solid #FFF;	
}



.fn-area-inner
{
	border: 1px solid #000000;
	background-color:#FFF;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	cursor: pointer;
}

.fn-note 
{
	color: #000000;
	position: absolute;
	max-width: 200px;
	padding: 5px;
	display:none;
	cursor:default;
	z-index:5000;
}

.fn-note-text
{
	background-color: #FFEECC;
	border: 1px solid #000000;
	padding: 5px;
	-moz-border-radius: 7px; /* Non-standard */
}

.fn-note-edit-text
{
	background-color: #FFEECC;
	border: 1px solid #000000;
	padding: 5px;
	-moz-border-radius: 7px; /* Non-standard */
}
.fn-note-edit
{
	display:none;
}

.fn-note-edit TEXTAREA
{
	background-color:#FFEECC;
	border:0;
	overflow:visible;
	margin-bottom:10px;
	padding:0;
	width:180px;
	font-size: 10pt;
	margin:0;
}


.Butt 
{
	font: bold 12px Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	background: #0063DC; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #7CBAFF; 
	border-right-color: #2854A7; 
	border-bottom-color: #2854A7; 
	border-left-color: #7CBAFF; 

	margin-right:4px;
	margin-top:5px;

}
.CancelButt 
{ 
	color: #000000; 
	background: #d9d9d5; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: solid; 
	border-top-color: #fff; 
	border-right-color: #b6aeb3; 
	border-bottom-color: #b6aeb3; 
	border-left-color: #fff; 
	font: 12px Arial, Helvetica, sans-serif; 

	margin-right:4px;	
}
.DeleteButt { color: #000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 12px Arial, Helvetica, sans-serif; }



/* Note drag/resize UI */

.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: white;
 border: 1px solid black;
}

.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}

.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}

.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}

/* ------------------ Modal divs ------------------ */
		#Layer1 {  	
			position:absolute;
			width:100%; 	
		    height:100%;
			z-index:1;
			/*background-image:url(/images/trans.png);*/

			left: 0px;
			top: 0px;
		}
		
		#Layer1a {
			position:absolute;
			width:100%;
			height:1100px;
			z-index:1;
			background-color:#333333;
			filter:alpha(opacity=95);-moz-opacity:0.95;opacity:0.95;
			left: 0px;
			top: 0px;
		}
		
		#Layer2 { 
			margin:auto;
			width:315px; 
			height:100%; 
			z-index:1;  
			margin-top:200px;
			/*background-color: #FFFFFF; */ 
			padding:2px;
			/*background-color:#999999*/
		}
		#Layer3 { 
			float:left;
			z-index:1;
			background-color:#FFFFFF;
			/*width:100%;
			height:100%;*/
		}
/*------------------ Modal divs end ------------------*/