/* This file skins dialog */

/*
 * ===================================================
 * DEPRECATED: These sizes are no longer used and will
 * DEPRECATED: removed from this file.
 */

/* Forum Dialog sizes;
 *
 * This style is not applied to any elements. It's here so that
 * it can be queried from fv_ajaxDialog.js when creating 
 * the various dialogs. 
 *
 * Each dialog has a specific name in the code based on the style
 * used. 
 *
 * Dialogs are: 
 *
 * editdialog
 * replydialog
 * imageuploaddialog
 * videolinkdialog
 *
 * A virtual div is created using an id consisting of the 
 * style class, the dialog name and the suffix "_size". 
 * fv_dialog_editpost_size for the fv_dialog styled edit post dialog. Etc.
 *
 * Applying a width and height setting to the dialog class breaks the
 * dialog under MSIE 6.
 *
 */

#fv_dialog_replydialog_size
	{
	width:600px;
	height:300px;
	}

#fv_dialog_editdialog_size
	{
	width:600px;
	height:350px;
	}

#fv_dialog_postdialog_size
	{
	width:600px;
	height:350px;
	}

#fv_dialog_postimagedialog_size
	{
	width:500px;
	height:200px;
	}

#fv_dialog_postvideodialog_size
	{
	width:500px;
	height:150px;
	}

#fv_dialog_prefsdialog_size
	{
	width:600px;
	height:225px;
	}

#fv_dialog_watchdialog_size
	{
	width:600px;
	height:150px;
	}

#fv_dialog_searchdialog_size
	{
	width:600px;
	height:300px;
	}

/*
 * FIXME: we should probably just have one common look for all dialogs
 * FIXME: instead of one per component.
 */

#fv_dialog_blogdraftdialog_size
	{
	width:600px;
	height:450px;
	}

#fv_dialog_blogprefsdialog_size
	{
	width:600px;
	height:150px;
	}

#fv_dialog_blogsearchdialog_size
	{
	width:600px;
	height:300px;
	}

#fv_dialog_sharedphotossearchdialog_size
	{
	width:600px;
	height:450px;
	}

/*
 * shared photos
 */

#fv_dialog_sharedphotoseditcommentdialog_size
	{
	width:600px;
	height:450px;
	}

#fv_dialog_sharedphotosprefsdialog_size
	{
	width:600px;
	height:450px;
	}

#fv_dialog_sharedphotoswatchdialog_size
	{
	width:600px;
	height:200px;
	}

/*
 * friends and messages dialogs.
 */

#fv_dialog_addfrienddialog_size
	{
	width:600px;
	height:300px;
	}

#fv_dialog_sendmessagedialog_size
	{
	width:600px;
	height:300px;
	}

#fv_dialog_blockuserdialog_size
	{
	width:600px;
	height:200px;
	}

/* 
 * -----------------------------------------------------------------------
 */

/* 
 * styles common to all dialogs
 */

.fv_dialog .ui-dialog,
.fv_dialog.ui-dialog 
	{
	background: #ffffff url(i/grey-background-texture.png) 0 50% repeat-x;
	border: 2px solid #808080;
	}

.fv_dialog .ui-dialog .ui-dialog-titlebar,
.fv_dialog.ui-dialog .ui-dialog-titlebar 
	{
	border-bottom: 1px solid #808080;
	background: #808080 url(i/top_center.gif) 0 0 repeat-x;
	padding: 0px;
	height: 17px;
	/*
	_height: 18px;
	*/
	}

.fv_dialog .ui-draggable .ui-dialog-titlebar,
.fv_dialog.ui-draggable .ui-dialog-titlebar 
	{
	cursor: move;
	}

.fv_dialog .ui-draggable-disabled .ui-dialog-titlebar,
.fv_dialog.ui-draggable-disabled .ui-dialog-titlebar 
	{
	cursor: default;
	}

.fv_dialog .ui-dialog .ui-dialog-titlebar-close,
.fv_dialog.ui-dialog .ui-dialog-titlebar-close 
	{
	width: 13px;
	height: 17px;
	background: url(i/close.gif) no-repeat; 
	position:absolute;
	top: 0px;
	outline: none;	
	/* top right of window is a drag spot. Move the close
	 * button over a bit */

	right: 7px;
	cursor: default;
	}

.fv_dialog .ui-dialog .ui-dialog-titlebar-close span,
.fv_dialog.ui-dialog .ui-dialog-titlebar-close span 
	{
	display: none;
	}

.fv_dialog .ui-dialog .ui-dialog-titlebar-close-hover,
.fv_dialog.ui-dialog .ui-dialog-titlebar-close-hover 
	{
	background: url(i/close_hover.gif) no-repeat;
	}

.fv_dialog .ui-dialog .ui-dialog-title,
.fv_dialog.ui-dialog .ui-dialog-title 
	{
	margin-left: 5px;
	color: white;
	font-weight: bold;
	position: relative;
	top: 7px;
	left: 4px;
	}

.fv_dialog .ui-dialog .ui-dialog-content,
.fv_dialog.ui-dialog .ui-dialog-content 
	{
	margin: 0;
	padding: 0;
	}

.fv_dialog .ui-dialog .ui-dialog-buttonpane,
.fv_dialog.ui-dialog .ui-dialog-buttonpane 
	{
	position: absolute;
	bottom: 8px;
	right: 12px;
	width: 100%;
	text-align: right;
	}

.fv_dialog .ui-dialog .ui-dialog-buttonpane button,
.fv_dialog.ui-dialog .ui-dialog-buttonpane button 
	{
	margin: 6px;
	}

/* Dialog handle styles */

.fv_dialog .ui-dialog .ui-resizable-n,
.fv_dialog.ui-dialog .ui-resizable-n 
	{ 
	cursor: n-resize; 
	height: 6px; 
	width: 100%; 
	top: 0px; 
	left: 0px; 
	}

.fv_dialog .ui-dialog .ui-resizable-s,
.fv_dialog.ui-dialog .ui-resizable-s 
	{ 
	cursor: s-resize; 
	height: 8px; 
	width: 100%; 
	bottom: 0px; 
	left: 0px; 
	}

.fv_dialog .ui-dialog .ui-resizable-e,
.fv_dialog.ui-dialog .ui-resizable-e 
	{ 
	cursor: e-resize; 
	width: 7px; 
	right: 0px; 
	top: 0px; 
	height: 100%; 
	}

.fv_dialog .ui-dialog .ui-resizable-w,
.fv_dialog.ui-dialog .ui-resizable-w 
	{ 
	cursor: w-resize; 
	width: 7px; 
	left: 0px; 
	top: 0px; 
	height: 100%; 
	}

.fv_dialog .ui-dialog .ui-resizable-se,
.fv_dialog.ui-dialog .ui-resizable-se 
	{ 
	background: transparent url(i/grey-resize-se.gif) no-repeat 0 0;
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	}

.fv_dialog .ui-dialog .ui-resizable-sw,
.fv_dialog.ui-dialog .ui-resizable-sw 
	{ 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px; 
	}

.fv_dialog .ui-dialog .ui-resizable-nw,
.fv_dialog.ui-dialog .ui-resizable-nw 
	{ 
	cursor: nw-resize; 
	width: 9px; 
	height: 29px; 
	left: 0px; 
	top: 0px; 
	}

.fv_dialog .ui-dialog .ui-resizable-ne,
.fv_dialog.ui-dialog .ui-resizable-ne 
	{ 
	cursor: ne-resize; 
	width: 9px; 
	height: 29px; 
	right: 0px; 
	top: 0px; 
	}

/* END */